@charset "UTF-8";
@import "fonts.css";
body {
  font-family: Din, sans-serif;
  font-size: 17px;
  padding: 0;
  margin: 0;
  color: var(--main-text);
  overflow-x: hidden;
}
body::-moz-selection {
  background: #a8d1ff;
  color: #000;
}
body::selection {
  background: #a8d1ff;
  color: #000;
}
@media print {
  body {
    padding-top: 0;
  }
}

* {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.row {
  width: 100%;
  margin: auto;
}

.views-row {
  width: 100%;
}

ul,
ol,
li {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: inherit;
}
a:hover {
  color: inherit;
  text-decoration: none;
}

hr {
  border-top: 3px solid #ddd;
}

.h1,
h1 {
  font-size: 2.5em;
}

.h2,
h2 {
  font-size: 2em;
}

.h3,
h3 {
  font-size: 1.75em;
}

.h4,
h4 {
  font-size: 1.5em;
}

.h5,
h5 {
  font-size: 1.25em;
}

.h6,
h6 {
  font-size: 1em;
}

nav.main_menu_nav {
  width: 100%;
  max-width: 100%;
  z-index: 1000 !important;
  left: 0;
  position: relative;
}
@media print {
  nav.main_menu_nav {
    display: none;
  }
}
nav.main_menu_nav .btn-group {
  margin-right: 20px;
}
nav.main_menu_nav .btn-group .dropdown-toggle {
  font-size: 12px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #fff;
}
nav.main_menu_nav .btn-group .dropdown-menu {
  border-radius: 0px;
  margin: 0px;
}

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

:root {
  --selection-color: #a8d1ff;
  --bg-healthcare: #6853a4;
  --main-color: #e1271b;
  --main-hero: #fff;
  --main-colorLink: #e1271b;
  --main-colorLinkHover: #e1271b;
  --main-text: #595959;
  --link-color: #e1271b;
  --contrast-btn: #fff;
  --darken-text: #343434;
  --light-text:#6E6E6E;
  --light-textButton: #E0E0E0;
  --nav-label: #1d114d;
  --color-black: #000;
  --color-white: #fff;
  --nav-labelHover: #321e82;
  --bg-card: #fff;
  --bg-section: #f7f6f2;
  --header-color: #828282;
  --ast-color: #ea9740;
  --dark-heads: #353535;
  --hover-btn: #841912;
  --hover-hcp-nav: #c51308;
  --text-button: #fff;
  --form-color: #ea9740;
  --quiz-bar: #f7d6b3;
  --unchecked: #d9d9d9;
  --main-colorButton: #e1271b;
  --text-colorButton: #fff;
  --dark-gray: #666;
  --lemon: #7cc576;
  --gray-color: #777;
  --results-titles: #0f9bc7;
}

.max-w {
  max-width: 1600px;
  margin: auto;
}

.slick-slide {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  bottom: -50px;
  text-align: center;
  padding: 0;
  margin: 0;
  margin-top: 1em;
  width: 100%;
  z-index: 100;
}

.max-w100 {
  max-width: 100%;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  width: 11px;
  height: 11px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  background: #b0afb5;
  opacity: 1;
  border-radius: 50%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  background: var(--main-color);
  opacity: 1;
}

.slick-loading .slick-list {
  background: none;
}

.slick-prev {
  left: -25px;
}
@media (min-width: 768px) {
  .slick-prev {
    left: -40px;
  }
}

.slick-next {
  right: -15px;
}
@media (min-width: 768px) {
  .slick-next {
    right: -40px;
  }
}

.slick-prev:before {
  font-family: Fontastic, sans-serif;
  content: "k";
  position: absolute;
  width: 100%;
  height: 100%;
  color: var(--main-color);
  font-size: 40px;
  top: 0;
  left: 0;
}

.slick-next,
.slick-prev {
  height: 30px;
  width: 25px;
  z-index: 100;
  cursor: pointer;
}
@media (min-width: 768px) {
  .slick-next,
  .slick-prev {
    height: 55px;
    width: 35px;
  }
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.product-detail-carousel {
  width: 100%;
  height: 310px;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .product-detail-carousel {
    position: absolute;
    height: 100%;
  }
}
.product-detail-carousel .slick-slide > div:first-child {
  height: 100%;
  position: relative;
}
.product-detail-carousel .slick-list,
.product-detail-carousel .slick-track {
  height: 100% !important;
}
.product-detail-carousel .slick-next {
  right: 25px;
  top: 10%;
}
@media (min-width: 768px) {
  .product-detail-carousel .slick-next {
    top: 50%;
  }
}
.product-detail-carousel .slick-prev {
  left: 25px;
  top: 10%;
}
@media (min-width: 768px) {
  .product-detail-carousel .slick-prev {
    top: 50%;
  }
}

.hero_slider .slick-next {
  right: 15px;
}
@media (min-width: 768px) {
  .hero_slider .slick-next {
    right: 40px;
  }
}
.hero_slider .slick-prev {
  left: 15px;
}
@media (min-width: 768px) {
  .hero_slider .slick-prev {
    left: 40px;
  }
}

.slick-next:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  font-family: Fontastic, sans-serif;
  content: "j";
  color: var(--main-color);
  font-size: 40px;
}

.dots-container .dot {
  height: 15px;
  width: 15px;
  background: #d9d9d9;
  cursor: pointer;
}
.dots-container .dot.active {
  background: var(--main-color);
}

.cards-carousel .slick-track {
  padding: 1em 0;
}

.nav-label {
  background-color: var(--nav-label);
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.nav-label:hover {
  background-color: var(--nav-labelHover);
}
.nav-label .nav-label__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.1em 0 1.5em;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 30px;
}
.nav-label .nav-label__side.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-right: 0.5em;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.nav-label .nav-label__side.left a:hover {
  text-decoration: underline;
}
.nav-label .nav-label__side.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 0.5em;
}
.nav-label .nav-label__side p {
  margin-bottom: 0;
}
.nav-label .nav-label__side .item_coupon {
  border: 2px solid var(--main-color);
  padding: 0.3em 0.5em;
  margin-left: 2em;
}
.nav-label .nav-label__side .item_coupon:hover {
  background: #fff;
  color: var(--main-color);
  border-color: var(--nav-label);
}
.nav-label .nav-label__side .item_login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 992px) {
  .nav-label .nav-label__side .item_login {
    margin-right: 1.5em;
  }
}
.nav-label .nav-label__side .item_login a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 0.75em;
  position: relative;
}
@media (min-width: 992px) {
  .nav-label .nav-label__side .item_login a {
    padding-right: 1.5em;
  }
}
.nav-label .nav-label__side .item_login a img {
  padding-right: 1em;
  height: 15px;
}
.nav-label .nav-label__side .item_login a:first-of-type::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 90%;
  background: #fff;
  right: 0;
}
@media (min-width: 768px) {
  .nav-label .nav-label__side .item_login a:nth-child(2) {
    padding-left: 1.5em;
  }
}
.nav-label .nav-label__side .item_login a.gigya-raas-login {
  margin-right: 0px;
}
.nav-label .nav-label__side .item_profesionals {
  background: var(--bg-healthcare);
  padding: 0.5em;
}
@media (min-width: 992px) {
  .nav-label .nav-label__side .item_profesionals {
    padding: 0.5em 2em;
  }
}
@media (min-width: 1600px) {
  .nav-label .nav-label__side .item_profesionals {
    padding: 0.5em 4em;
  }
}

.nav-promo {
  font-style: italic;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav-coupon {
  padding: 0.2em 0.5em;
  text-align: center;
  border: 1px solid var(--main-color);
}
.nav-coupon--nhsc {
  border: 1px solid #fff;
}
.nav-coupon--nhsc:hover {
  border-color: #fff;
}

.healthcare {
  background: #6853a4;
  padding: 0.5em 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.healthcare--nhsc {
  background: #06c4de;
}

.bg-color-section {
  position: relative;
  background-color: var(--bg-section);
}
.bg-color-section--retail {
  background-color: #fff;
}
@media print {
  .bg-color-section {
    page-break-inside: auto;
  }
}

.root_wrap {
  max-width: 100vw;
  width: 100vw;
  overflow: hidden;
  position: relative;
}

.wrapper-layout {
  position: relative;
  right: 0;
  -webkit-transition: right 0.5s cubic-bezier(0.694, 0.0482, 0.335, 1) 0s;
  transition: right 0.5s cubic-bezier(0.694, 0.0482, 0.335, 1) 0s;
}
.wrapper-layout.push {
  right: -80vw;
  -webkit-transition: right 0.5s cubic-bezier(0.694, 0.0482, 0.335, 1) 0s;
  transition: right 0.5s cubic-bezier(0.694, 0.0482, 0.335, 1) 0s;
}
.wrapper-layout.push .slide-menu {
  left: 0;
}

.layout-container.layer {
  position: relative;
  cursor: pointer;
}
.layout-container.layer::before {
  content: "";
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 200%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.mobile-menu {
  border-bottom: 1px solid #bbb;
  -webkit-box-shadow: 0px 1px 15px 1px rgba(196, 196, 196, 0.6);
          box-shadow: 0px 1px 15px 1px rgba(196, 196, 196, 0.6);
  position: relative;
  background: #fff;
  font-size: 14px;
  min-height: 65px;
}
@media (min-width: 992px) {
  .mobile-menu {
    font-size: 18px;
  }
}
.mobile-menu .slide-menu {
  position: fixed;
  left: -100%;
  top: 0;
  width: 80vw;
  height: 100vh;
  overflow: auto;
  background: var(--bg-section);
  z-index: 100;
  -webkit-transition: 0.5s cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: 0.5s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.mobile-menu .slide-menu li.for_mobile > a:not(.button-shop) {
  padding: 1em 1.4em;
  display: block;
  font-size: 20px;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.3);
}
.mobile-menu .slide-menu li.for_mobile > a:not(.button-shop)::before {
  content: "";
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  background: url(../images/icons/arrow-down-000.png) no-repeat center/contain;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.mobile-menu .slide-menu li.open a::before {
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}
.mobile-menu .slide-menu ul {
  display: none;
}
.mobile-menu .slide-menu ul li {
  padding: 0 2.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mobile-menu .slide-menu ul li:hover {
  background: #dedede;
}
.mobile-menu .slide-menu ul li span {
  width: 15px;
  height: 15px;
  position: absolute;
  border-radius: 50%;
  left: 26px;
  top: 13px;
  margin: 0;
  padding: 0;
}
.mobile-menu .slide-menu ul li a {
  padding: 0.5em 1em;
  font-size: 16px;
  background: transparent;
  border-bottom: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.mobile-menu .slide-menu ul li a::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  background: #000;
  border-radius: 50%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mobile-menu__hamburger {
  width: 30px;
  height: 30px;
  display: block;
  left: 15px;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: absolute;
  cursor: pointer;
}
.mobile-menu__hamburger div {
  width: 30px;
  height: 6px;
  margin-bottom: 4px;
  border-radius: 10px;
  background: var(--main-text);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mobile-menu__hamburger.active div:first-child {
  -webkit-transform: translateY(10px) rotate(-45deg);
          transform: translateY(10px) rotate(-45deg);
}
.mobile-menu__hamburger.active div:nth-child(2) {
  opacity: 0;
}
.mobile-menu__hamburger.active div:last-child {
  -webkit-transform: translateY(-10px) rotate(45deg);
          transform: translateY(-10px) rotate(45deg);
}
.mobile-menu__icons {
  position: absolute;
  right: 0;
  width: 38%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 15px !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-menu__icons li {
  display: inline-block;
}
.mobile-menu__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-menu__logo img {
  width: 100px;
  padding: 0.3em 0;
}
@media (min-width: 768px) {
  .mobile-menu__logo img {
    width: 95px;
  }
}
.mobile-menu__logo .shop_wrapper {
  float: right;
  max-width: 200px;
  position: relative;
}

#search-trigger.active i.icon-search {
  font-size: 33px;
}
#search-trigger.active i.icon-search::before {
  content: "c";
}

.button-shop {
  border: 2px solid var(--main-color);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--main-colorButton);
  padding: 0.5em;
  padding-right: 1em;
  padding-left: 0.75em;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #fff;
}
.button-shop a {
  text-transform: uppercase;
  color: var(--main-colorButton);
}
.button-shop i {
  color: var(--main-color);
  line-height: 1;
  margin-right: 0.3em;
  font-size: 27px;
}
@media (min-width: 768px) {
  .button-shop i {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .button-shop i {
    font-size: 27px;
  }
}
.button-shop:hover {
  background: var(--main-color);
  color: var(--contrast-btn);
  border: 2px solid var(--main-color);
}
.button-shop:hover i {
  color: var(--contrast-btn);
}

.card-container {
  position: absolute;
  width: calc(90% - 30px);
  margin: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1000;
}
.card-container > ul {
  margin-top: 15px;
}
.card-container > ul .card-menu {
  background: #fff;
  padding: 2em 2em;
  border: 1px solid #b0afb5;
  will-change: transform;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  max-height: 80vh;
  overflow: auto;
  color: var(--main-text);
}
.card-container > ul .card-menu__list {
  position: relative;
}
.card-container > ul .card-menu__list li {
  padding-left: 1em;
  position: relative;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.card-container > ul .card-menu__list li:hover {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
  font-weight: 700;
}
.card-container > ul .card-menu__list li a {
  margin-left: 17px;
  font-size: 16px;
  display: inline-block;
}
.card-container > ul .card-menu__list li span {
  width: 15px;
  height: 15px;
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 6px;
}
.card-container > ul .card-menu__list li:not(:last-child):not(:nth-last-child(2)) {
  padding-bottom: 1em;
}
.card-container > ul .card-menu--search {
  padding: 1em;
}
.card-container > ul .card-menu .section-link {
  font-size: 16px;
}
.card-container > ul .card-menu__date {
  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;
}
.card-container > ul .card-menu__date p:first-of-type {
  color: var(--main-text);
  margin-right: 0;
  position: relative;
}
.card-container > ul .card-menu__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-container > ul .card-menu__search input {
  border: 3px solid var(--light-text);
  padding: 0.5em 0.8em;
  color: var(--main-text);
  margin-right: 1em;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.card-container > ul .card-menu__search input::-webkit-input-placeholder {
  font-size: 15px;
}
.card-container > ul .card-menu__search input::-moz-placeholder {
  font-size: 15px;
}
.card-container > ul .card-menu__search input:-ms-input-placeholder {
  font-size: 15px;
}
.card-container > ul .card-menu__search input::-ms-input-placeholder {
  font-size: 15px;
}
.card-container > ul .card-menu__search input::placeholder {
  font-size: 15px;
}
.card-container > ul .card-menu__search button[type=submit] {
  height: 100%;
  cursor: pointer;
}
.card-container > ul .card-menu__search .icon-search {
  font-size: 20px;
  margin-right: 0.2em;
}
.card-container > ul .card-menu__search a {
  color: var(--main-colorLink);
  background: var(--main-color);
  padding: 0.3em 1.3em;
  font-size: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.card-container > ul .card-menu__search a:hover {
  background: var(--hover-btn);
}

ul.articles-listing > li:first-child {
  font-weight: bold;
  font-size: 19px;
}
ul.articles-listing > li:first-child > a {
  display: block;
}
ul.articles-listing > li:first-child > a span {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 10px;
  right: 10px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--main-text);
}
ul.articles-listing > li:first-child > a span.closed {
  border-top: none;
  border-bottom: 8px solid var(--main-text);
}
ul.articles-listing > li:first-child ul {
  margin-left: 0.5em;
  margin-top: 0.2em;
  opacity: 0;
  max-height: 0;
  -webkit-transition: opacity 0.2s, max-height 0.3s linear;
  transition: opacity 0.2s, max-height 0.3s linear;
}
ul.articles-listing > li:first-child ul li {
  font-size: 17px;
  font-weight: 500;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
ul.articles-listing > li:first-child ul li:hover {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
  font-weight: 700;
}
ul.articles-listing > li:first-child ul.active {
  opacity: 1;
  max-height: 500px;
}

.desktop-menu {
  display: none;
}
@media (min-width: 768px) {
  .desktop-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 0px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.desktop-menu > .menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.desktop-menu > .menu-item:not(:last-child) > a {
  position: relative;
}
.desktop-menu > .menu-item:not(:last-child) > a::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 20px;
  right: -30px;
  top: 50%;
  bottom: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: var(--light-text);
}
@media (min-width: 768px) {
  .desktop-menu > .menu-item:not(:last-child) > a::before {
    right: -13px;
  }
}
@media (min-width: 992px) {
  .desktop-menu > .menu-item:not(:last-child) > a::before {
    right: -21px;
  }
}
@media (min-width: 1200px) {
  .desktop-menu > .menu-item:not(:last-child) > a::before {
    right: -30px;
  }
}
.desktop-menu > .menu-item > a {
  display: inline-block;
  margin: 20px 30px;
  padding: 0;
  cursor: pointer;
  text-align: center;
}
@media (min-width: 768px) {
  .desktop-menu > .menu-item > a {
    margin: 20px 13px;
  }
}
@media (min-width: 992px) {
  .desktop-menu > .menu-item > a {
    margin: 20px 21px;
  }
}
.desktop-menu > .menu-item .icon + .card-container {
  left: 40%;
  -webkit-transform: none;
          transform: none;
}
.desktop-menu > .menu-item .card-container.open {
  opacity: 1 !important;
  visibility: visible !important;
}
.desktop-menu > .menu-item:focus-within > ul.search-bar {
  opacity: 1 !important;
  visibility: visible !important;
}
.desktop-menu > .menu-item li:focus-within * {
  outline: none;
}

.menu-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 65px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  .menu-cont {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.search-mobile {
  width: 100%;
  background: #fff;
  -webkit-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  position: relative;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
}
@media (min-width: 768px) {
  .search-mobile {
    display: none;
  }
}
.search-mobile.active {
  visibility: visible;
  max-height: 100px;
  padding: 0.5em 1em;
  opacity: 1;
}
.search-mobile.active form {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.search-mobile form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.search-mobile form input {
  border: 3px solid var(--light-text);
  padding: 0.5em 0.8em;
  color: var(--main-text);
  margin-right: 1em;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 4;
}
.search-mobile form input::-webkit-input-placeholder {
  font-size: 17px;
}
.search-mobile form input::-moz-placeholder {
  font-size: 17px;
}
.search-mobile form input:-ms-input-placeholder {
  font-size: 17px;
}
.search-mobile form input::-ms-input-placeholder {
  font-size: 17px;
}
.search-mobile form input::placeholder {
  font-size: 17px;
}
.search-mobile form button {
  color: #fff;
  background: var(--main-color);
  padding: 0.3em 1.3em;
  font-size: 15px;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  cursor: pointer;
}
.search-mobile form button i {
  font-size: 20px;
  margin-right: 0.2em;
}

.menu_indicator_custom {
  background-image: url("../images/icons/arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 20px;
  height: 22px;
  top: -3px;
  z-index: 1;
  -webkit-transform: translateX(-50%) rotateX(-15deg);
          transform: translateX(-50%) rotateX(-15deg);
  opacity: 1;
  pointer-events: none;
}

.menu-col-art {
  font-size: 15px;
}
.menu-col-art h1, .menu-col-art h2, .menu-col-art h3, .menu-col-art h4, .menu-col-art h5, .menu-col-art h6 {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 0;
}
.menu-col-art img {
  width: 75%;
  border-radius: 50%;
}
.menu-col-art > a:last-of-type {
  color: var(--main-colorLink);
  border-bottom: none;
  display: inline-block;
}
.menu-col-art > a:last-of-type::after {
  content: "";
  width: 0;
  display: block;
  height: 3px;
  background: var(--main-color);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.menu-col-art > a:last-of-type:hover::after {
  width: 100%;
}
.menu-col-art p {
  font-size: 14px;
  margin-bottom: 0;
}
.menu-col-art--recipes p {
  margin-bottom: 0;
  font-size: 15px;
}
.menu-col-art--recipes a {
  font-size: 15px;
}
.menu-col-art--recipes img {
  width: 65%;
  border-radius: 50%;
}

[class^=icon-],
[class*=" icon-"] {
  font-size: 27px;
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  padding: 0 3px;
}

.desktop-menu .icon-search {
  font-size: 19px;
}

.boost-product h1, .boost-product h2, .boost-product h3, .boost-product h4, .boost-product h5, .boost-product h6 {
  margin-top: 0;
  color: var(--darken-text);
  font-weight: bold;
  text-transform: capitalize;
}
.boost-product h1 sup, .boost-product h2 sup, .boost-product h3 sup, .boost-product h4 sup, .boost-product h5 sup, .boost-product h6 sup {
  font-size: 17px;
  position: relative;
  top: -15px;
}
.boost-product p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 14px;
}

.stars-product {
  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;
}
.stars-product__score {
  padding-left: 0.5em;
  color: var(--main-color);
}
.stars-product__score span {
  color: var(--light-text);
  font-weight: 500;
  font-size: 14px;
  padding: 0 0.3em;
  border-left: 2px solid;
  border-right: 2px solid;
}
.stars-product__score--card {
  font-size: 14px;
  font-weight: bold;
}
.stars-product__score--card i {
  margin-left: 0.3em;
}
.stars-product--listing {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 576px) {
  .stars-product--listing {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.stars {
  width: 82.5px;
  height: 15px;
  background: url(../images/icons/sprite-stars.png);
  background-repeat: no-repeat;
}
.stars--4 {
  background-position: -16.5px;
}
.stars--3 {
  background-position: -33px;
}
.stars--2 {
  background-position: -49.5px;
}
.stars--1 {
  background-position: -66px;
}
.stars--0 {
  background-position: -82.5px;
}

@media (min-width: 768px) {
  .fx-bg-us {
    position: absolute;
    top: 5%;
    left: 0;
  }
}
@media (min-width: 992px) {
  .fx-bg-us {
    top: 20%;
  }
}
@media screen and (min-width: 2000px) {
  .fx-bg-us {
    left: 10%;
  }
}

.hero-home {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding-bottom: 1em;
  font-size: 25px;
  position: relative;
}
@media (min-width: 768px) {
  .hero-home {
    background-position: center bottom;
    font-size: 30px;
    padding: 0 !important;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .hero-home--video {
    background-image: none !important;
  }
}
.hero-home.hero-image {
  min-height: 400px;
}
.hero-home--nhsc {
  background: url(../images/nhsc/nhsc-demo-slider1.jpg) center center no-repeat/cover;
  color: #01216a;
}
.hero-home p {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .hero-home p {
    font-size: 15px;
  }
}
.hero-home h1, .hero-home h2, .hero-home h3, .hero-home h4, .hero-home h5, .hero-home h6 {
  margin-top: 0;
  font-weight: bold;
  font-size: 1.6em;
  margin-bottom: 10px;
}
.hero-home h1 sup, .hero-home h2 sup, .hero-home h3 sup, .hero-home h4 sup, .hero-home h5 sup, .hero-home h6 sup {
  top: -20px;
}
@media (min-width: 768px) {
  .hero-home h1, .hero-home h2, .hero-home h3, .hero-home h4, .hero-home h5, .hero-home h6 {
    font-size: 2em;
    margin-bottom: 0.37em;
    line-height: 0.9;
  }
}
@media (min-width: 992px) {
  .hero-home h1, .hero-home h2, .hero-home h3, .hero-home h4, .hero-home h5, .hero-home h6 {
    font-size: 2.5em;
    margin-bottom: 0.67em;
  }
}
.hero-home span {
  color: inherit;
  font-size: 50px;
}
.hero-home__label {
  margin-bottom: 0 !important;
  line-height: 1;
  font-size: 15px;
  position: relative;
  margin-top: 1rem;
}
.hero-home .btn-boost, .hero-home .cs-gigya-form input[type=submit], .cs-gigya-form .hero-home input[type=submit] {
  font-size: 24px;
}

.hero-video {
  width: 100%;
  position: relative;
  line-height: 0;
}
.hero-video video {
  width: 100%;
  height: auto;
}

.hero-image {
  height: 65vh;
}

.layer-0 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.btn-boost, .cs-gigya-form input[type=submit] {
  background-color: var(--main-color);
  text-transform: uppercase;
  color: var(--text-colorButton);
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 0.5rem 1rem;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn-boost, .cs-gigya-form input[type=submit] {
    color: white;
  }
}
.btn-boost--darkgray {
  background-color: var(--dark-gray);
}
.btn-boost--lemon {
  background-color: var(--lemon);
}
.btn-boost span, .cs-gigya-form input[type=submit] span {
  vertical-align: middle;
  display: table-cell;
  font-size: 12px;
}
.btn-boost:hover, .cs-gigya-form input[type=submit]:hover {
  background-color: var(--hover-btn);
  color: var(--contrast-btn);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn-boost:hover, .cs-gigya-form input[type=submit]:hover {
    background-color: #325bb3 !important;
    color: white;
  }
}
.btn-boost__product {
  font-size: 20px;
  display: block;
  margin: auto;
  -webkit-transition: none;
  transition: none;
}
@media (min-width: 992px) {
  .btn-boost__product {
    font-size: 30px;
  }
}
.btn-boost__listing {
  padding: 0.5em;
}
.btn-boost__listing i {
  font-size: 15px;
}
@media (min-width: 768px) {
  .btn-boost__listing {
    font-size: 13px;
  }
  .btn-boost__listing i {
    font-size: 27px;
  }
}
@media (min-width: 992px) {
  .btn-boost__listing {
    font-size: 16px;
    padding: 0.5em 1em;
  }
}
.btn-boost__form {
  padding: 0.5em 1.3em;
}
.btn-boost__nutrition {
  font-size: 25px;
}

.boost-title {
  color: var(--darken-text);
  font-weight: bold;
}

.which-quiz {
  background: var(--main-color);
  color: #fff;
  min-height: 300px;
}
.which-quiz img {
  width: 30px;
  margin-bottom: 1em;
}
.which-quiz h1, .which-quiz h2, .which-quiz h3, .which-quiz h4, .which-quiz h5, .which-quiz h6 {
  margin: 0.5em 0;
}
.which-quiz .quiz {
  border-bottom: 3px solid;
  font-size: 22px;
}
.which-quiz .quiz-retake {
  text-transform: uppercase;
  letter-spacing: 3px;
}
.which-quiz .quiz-retake img {
  width: 20px;
  margin: auto;
  margin-right: 10px;
}

.banner-calculator {
  background: var(--main-color);
  color: var(--text-colorButton);
}
.banner-calculator h1, .banner-calculator h2, .banner-calculator h3, .banner-calculator h4, .banner-calculator h5, .banner-calculator h6 {
  margin: 0;
  color: var(--text-colorButton);
}
.banner-calculator__content {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .banner-calculator__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.banner-calculator__content > img:first-of-type {
  max-width: 120px;
}
@media (min-width: 768px) {
  .banner-calculator__content > img:first-of-type {
    margin-right: 2em;
  }
}
.banner-calculator__content a {
  margin-top: 0.25em;
}
.banner-calculator__content a img {
  margin-right: 0.5em;
}
.banner-calculator__content a:first-of-type {
  border-bottom: none;
  display: inline-block;
}
.banner-calculator__content a:first-of-type::after {
  content: "";
  width: 0;
  display: block;
  height: 3px;
  background: var(--text-colorButton);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.banner-calculator__content a:first-of-type:hover::after {
  width: 100%;
}

.quiz-menu {
  background: var(--main-color);
  color: #fff;
  font-size: 15px;
  padding: 1em;
  padding-top: 2em;
}
.quiz-menu .quiz {
  display: block;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.quiz-menu .quiz a {
  font-size: 22px;
  padding: 0 0 0.3em 0;
  border-bottom: none;
  display: inline-block;
}
.quiz-menu .quiz a::after {
  content: "";
  width: 0;
  display: block;
  height: 3px;
  background: #fff;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.quiz-menu .quiz a:hover::after {
  width: 100%;
}
.quiz-menu .quiz img {
  width: 190px;
}
.quiz-menu .quiz p {
  font-size: 18px;
}
.quiz-menu .quiz p:first-child {
  margin-bottom: 10px;
  margin-top: 20px;
}
.quiz-menu .quiz h1, .quiz-menu .quiz h2, .quiz-menu .quiz h3, .quiz-menu .quiz h4, .quiz-menu .quiz h5, .quiz-menu .quiz h6 {
  color: var(--contrast-btn);
}

.quiz-contain {
  background: url(../images/heros/quiz-hero.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: -400px;
  font-size: 15px;
}
@media (min-width: 576px) {
  .quiz-contain {
    background-position: -200px;
  }
}
@media (min-width: 768px) {
  .quiz-contain {
    font-size: 28px;
    background-position: center;
  }
}
.quiz-contain p {
  font-size: 17px;
}
@media (min-width: 768px) {
  .quiz-contain p {
    font-size: 24px;
  }
}
.quiz-contain .quiz {
  color: #fff;
  font-size: 20px;
}
.quiz-contain .quiz:hover {
  color: var(--contrast-btn);
}
.quiz-contain .quiz::after {
  background: var(--contrast-btn);
}

.family-section h1, .family-section h2, .family-section h3, .family-section h4, .family-section h5, .family-section h6 {
  color: var(--darken-text);
  margin-bottom: 0;
  font-weight: bold;
}
.family-section--cat p {
  margin-bottom: 0;
  font-size: 25px;
}
.family-section--cat .rp--3 {
  font-size: 24px;
}
@media print {
  .family-section {
    display: none !important;
  }
}

.boost-card {
  background: #fff;
  padding: 0.8em;
  -webkit-box-shadow: 0px 0px 30px -10px #6d6d6d;
          box-shadow: 0px 0px 30px -10px #6d6d6d;
  position: relative;
}
.boost-card h1, .boost-card h2, .boost-card h3, .boost-card h4, .boost-card h5, .boost-card h6 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 45px;
  width: 100%;
  margin-bottom: 0;
  color: var(--darken-text);
}
.boost-card .boost-card-header {
  position: relative;
  padding-bottom: 0.5em;
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 14px;
  min-height: 65px;
  width: 100%;
}
.boost-card .boost-card-header strong {
  text-transform: uppercase;
}
.boost-card .boost-card-header--recipe {
  font-size: 16px;
  text-align: left;
  width: 100%;
}
.boost-card .boost-card-header--nhsc {
  font-size: 17px;
}
.boost-card .boost-card-header i {
  position: relative;
  margin: 0 0.5em 2em;
  display: block;
  float: left;
}
.boost-card .boost-card-header i:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 4px;
  bottom: -5px;
  left: 0;
  background: var(--light-text);
}
.boost-card h3,
.boost-card h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  margin-bottom: 5px;
}

.boost-card-image img {
  height: 165px;
  margin: auto;
  display: block;
}

.section-link {
  color: var(--main-colorLink) !important;
  text-decoration: none !important;
  font-weight: bold;
  border-bottom: none;
  display: inline-block;
  margin: auto;
  position: relative;
  font-size: 17px;
  font-style: normal !important;
}
@media print {
  .section-link {
    display: none !important;
  }
}
.section-link::after {
  content: "";
  width: 0;
  display: block;
  height: 3px;
  background: var(--main-colorLinkHover);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
@media (min-width: 768px) {
  .section-link {
    font-size: 22px;
  }
}
.section-link:hover {
  color: var(--main-colorLinkHover);
}
.section-link:hover::after {
  width: 100%;
}
.section-link:hover::before {
  color: inherit;
}
.section-link--article {
  font-size: 25px;
}
.section-link--review {
  border-bottom: none;
  margin: 0;
  padding-right: 1.5em;
}
.section-link--review::after {
  content: none;
}
.section-link--review::before {
  content: "l";
  color: var(--main-color);
  font-family: Fontastic;
  position: absolute;
  width: 18px;
  height: 25px;
  right: -3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .section-link--review::before {
    color: #2eaecc;
  }
}
.section-link--review--recipe {
  font-size: 15px;
}
@media (min-width: 992px) {
  .section-link--review--recipe {
    font-size: 16px;
  }
}
.section-link--recipe {
  border-bottom: none;
  margin: 0;
  font-size: 16px;
}
.section-link--protein {
  margin: 0;
}

.nutrition-blog {
  font-size: 15px;
}
.nutrition-blog h1, .nutrition-blog h2, .nutrition-blog h3, .nutrition-blog h4, .nutrition-blog h5, .nutrition-blog h6 {
  font-size: 37.5px;
}
.nutrition-blog__category {
  padding-left: 2em;
  position: relative;
  color: var(--light-text);
}
.nutrition-blog__category::before {
  content: "";
  position: absolute;
  left: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  height: 15px;
  background: var(--main-text);
}
.nutrition-blog__summary h1, .nutrition-blog__summary h2, .nutrition-blog__summary h3, .nutrition-blog__summary h4, .nutrition-blog__summary h5, .nutrition-blog__summary h6 {
  font-size: 22.5px;
  font-weight: 700;
  color: var(--darken-text);
}
.nutrition-blog__summary div,
.nutrition-blog__summary p {
  font-size: 17px;
}
.nutrition-blog__summary a {
  color: var(--main-colorLink);
  font-style: italic;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .nutrition-blog__summary a {
    color: #0092BC;
  }
}
.nutrition-blog__summary a h1, .nutrition-blog__summary a h2, .nutrition-blog__summary a h3, .nutrition-blog__summary a h4, .nutrition-blog__summary a h5, .nutrition-blog__summary a h6 {
  font-style: normal;
}
.nutrition-blog__date {
  font-weight: 700;
  color: var(--main-text);
}
.nutrition-blog__date h1, .nutrition-blog__date h2, .nutrition-blog__date h3, .nutrition-blog__date h4, .nutrition-blog__date h5, .nutrition-blog__date h6 {
  font-size: 1em;
}

.featured-blog {
  -webkit-box-shadow: 0px 1px 15px 1px rgba(196, 196, 196, 0.6);
          box-shadow: 0px 1px 15px 1px rgba(196, 196, 196, 0.6);
  font-size: 15px;
}
@media (min-width: 768px) {
  .featured-blog {
    font-size: 17px;
    min-height: 480px;
  }
}
.featured-blog--label {
  position: relative;
}
.featured-blog--label::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 3px;
  top: 120%;
  background: var(--light-text);
}
.featured-blog .article-header h1, .featured-blog .article-header h2, .featured-blog .article-header h3, .featured-blog .article-header h4, .featured-blog .article-header h5, .featured-blog .article-header h6 {
  font-weight: bold;
}
.featured-blog .article-header p {
  font-size: 15px;
}
.featured-blog--image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 150px;
  color: #fff;
}
@media (min-width: 768px) {
  .featured-blog--image {
    height: auto;
  }
}
.featured-blog--image .featured-blog--label::before {
  background: #fff;
}

.recipe-idea {
  background: var(--bg-section);
}
.recipe-idea h1, .recipe-idea h2, .recipe-idea h3, .recipe-idea h4, .recipe-idea h5, .recipe-idea h6 {
  color: var(--darken-text);
}
.recipe-idea p {
  margin-bottom: 0;
}

.recipe-idea-r6 h1, .recipe-idea-r6 h2, .recipe-idea-r6 h3, .recipe-idea-r6 h4, .recipe-idea-r6 h5, .recipe-idea-r6 h6 {
  min-height: 50px;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

a.link-arrow {
  color: var(--main-colorLink);
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  padding-right: 1em;
}
@media (min-width: 768px) {
  a.link-arrow {
    font-weight: bold;
  }
}
a.link-arrow--recipes::before {
  font-family: Fontastic;
  content: "l";
  position: absolute;
  width: 20px;
  height: 23px;
  right: -0.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--main-color);
  text-transform: none;
}

.recipe-detail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 13px;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .recipe-detail-item {
    font-size: 17px;
  }
}
.recipe-detail-item--link {
  padding: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (min-width: 768px) {
  .recipe-detail-item--link {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.recipe-detail-item img {
  width: 20px;
  display: block;
  float: left;
  margin-right: 0.5em;
}
@media (min-width: 992px) {
  .recipe-detail-item img {
    width: 25px;
  }
}
.recipe-detail-item p {
  margin: 0;
}
.recipe-detail-item a {
  font-size: 12px;
}
@media (min-width: 768px) {
  .recipe-detail-item a {
    font-size: 15px;
  }
}

.ingredients-recipe {
  font-size: 18px;
}
.ingredients-recipe ol li {
  margin-bottom: 0.7em;
  list-style: decimal;
  list-style-position: inside;
}
.ingredients-recipe p {
  margin-bottom: 0.3em;
}
.ingredients-recipe .ingredients-list table {
  border-top: 3px solid var(--light-text);
  border-bottom: 3px solid var(--light-text);
  width: 100%;
  margin: 1.5rem 0;
}
.ingredients-recipe .ingredients-list tr :first-child {
  text-align: right;
  min-width: 130px;
}
.ingredients-recipe .ingredients-list tr:not(:last-child) {
  border-bottom: 2px solid #d9d9d9;
}
.ingredients-recipe .ingredients-list td {
  padding: 0.2em;
  text-align: right;
}
.ingredients-recipe .ingredients-list a {
  color: var(--main-colorLink);
}
.ingredients-recipe .ingredients-list h3:not(:first-of-type) {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .ingredients-recipe .ingredients-list h3:not(:first-of-type) {
    margin-top: 30px;
  }
}

.boost-original a {
  color: var(--main-colorLink);
  font-style: italic;
  font-weight: bold;
}

.boost-video {
  position: relative;
  text-align: center;
}
.boost-video p,
.boost-video div {
  margin-bottom: 5px;
}
.boost-video--caption {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.boost-video--caption h1, .boost-video--caption h2, .boost-video--caption h3, .boost-video--caption h4, .boost-video--caption h5, .boost-video--caption h6 {
  line-height: 1.3;
}
.boost-video.boost-video-item {
  height: 150px;
  overflow: hidden;
}
.boost-video .video_preview {
  background-size: cover;
  background-repeat: no-repeat;
  height: 150px;
  position: relative;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
.boost-video.collapsed .video_preview {
  height: 350px;
}

.feature-video-label {
  margin: 1em 0;
  text-align: center;
}
.feature-video-label p {
  font-size: 20px;
}
.feature-video-label a {
  font-style: italic;
  color: var(--main-colorLink);
}

.boost-shop {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  height: 30px;
}
@media (min-width: 576px) {
  .boost-shop {
    height: 40px;
  }
}
.boost-shop:hover {
  -webkit-filter: none;
          filter: none;
}

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

.shop {
  position: relative;
}
.shop:before {
  content: "l";
  position: absolute;
  width: 20px;
  height: 25px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--main-color);
  font-family: Fontastic;
}

input:focus,
textarea:focus {
  outline: none;
}

input.email {
  border: none;
  width: 100%;
  border-bottom: 3px solid var(--light-text);
  padding: 0.3em;
  color: var(--main-text);
}
@media (min-width: 768px) {
  input.email {
    padding-right: 6em;
  }
}
input.email::-webkit-input-placeholder {
  font-style: italic;
  font-size: 16px;
}
input.email::-moz-placeholder {
  font-style: italic;
  font-size: 16px;
}
input.email:-ms-input-placeholder {
  font-style: italic;
  font-size: 16px;
}
input.email::-ms-input-placeholder {
  font-style: italic;
  font-size: 16px;
}
input.email::placeholder {
  font-style: italic;
  font-size: 16px;
}
input.email + label {
  position: relative;
  display: none;
}

input.recipes {
  border: none;
  width: 100%;
  border-bottom: 2px solid var(--light-text);
  background: transparent;
  padding: 0 0.3em;
  color: var(--main-text);
  font-size: 14px;
  height: 100%;
}
@media (min-width: 768px) {
  input.recipes {
    font-size: 17px;
  }
}

.input-email-container {
  position: relative;
  color: var(--main-color);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .input-email-container {
    display: block;
  }
}
.input-email-container a {
  text-transform: uppercase;
  top: 0;
  right: 0;
  font-weight: bold;
  position: relative;
  font-size: 18px;
  margin-top: 1em;
}
@media (min-width: 768px) {
  .input-email-container a {
    padding-right: 1.5em;
    position: absolute;
    margin-top: 0;
    font-size: 16px;
  }
  .input-email-container a::before {
    content: "l";
    position: absolute;
    width: 18px;
    height: 21px;
    right: 0;
    top: calc(50% - 5px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: var(--main-color);
    font-family: Fontastic;
    text-transform: none;
  }
}

input[type=checkbox] {
  display: none;
}

.input-checkbox + .check-box::after {
  content: " ";
  width: 10px;
  height: 22px;
  border-left: 4px solid transparent;
  border-top: 4px solid transparent;
  border-right: 4px solid #736f65;
  border-bottom: 4px solid #736f65;
  display: block;
  position: absolute;
  left: 0px;
  top: -2px;
  opacity: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 150ms ease-in;
  transition: all 150ms ease-in;
}

.input-checkbox:checked + .check-box::after {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  opacity: 1;
}

.check-box {
  font-size: 16px;
  font-style: italic;
  padding-left: 2em;
  margin-top: 1em;
  position: relative;
  padding-top: 4px;
}
@media (min-width: 768px) {
  .check-box {
    margin-top: 2em;
  }
}
.check-box::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 0;
  border: 3px solid #bdbdbd;
}

.social-networks {
  font-size: 17px;
}
.social-networks p {
  font-style: italic;
  display: inline-block;
  padding-right: 1em;
}
.social-networks img {
  width: 30px;
  margin-right: 0.3em;
}
.social-networks [class^=icon-],
.social-networks [class*=" icon-"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 30px;
  color: #888686;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.social-networks [class^=icon-]:hover,
.social-networks [class*=" icon-"]:hover {
  color: #a0a0a0;
}
.social-networks .icon-youtube-play,
.social-networks .icon-instagram,
.social-networks .icon-youtube {
  border-radius: 50%;
  background: #888686;
  width: 30px;
  height: 30px;
  padding: 0;
  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;
}
.social-networks .icon-youtube-play:hover,
.social-networks .icon-instagram:hover,
.social-networks .icon-youtube:hover {
  background: #a0a0a0;
}
.social-networks .icon-youtube:before {
  font-size: 18px;
  color: #e5e4e4;
}
.social-networks .icon-youtube-play:before {
  font-size: 18px;
  color: #e5e4e4;
}
.social-networks .icon-instagram:before {
  font-size: 18px;
  color: #e5e4e4;
}

footer {
  background: #e0e0e0;
  position: relative;
}
footer .footer-form {
  background: #fff;
  padding: 1em 1.5em;
  font-size: 19px;
}
footer .footer-form p {
  color: #7f7f7f;
  margin-bottom: 30px;
}
footer .footer-form h1, footer .footer-form h2, footer .footer-form h3, footer .footer-form h4, footer .footer-form h5, footer .footer-form h6 {
  color: var(--darken-text);
}

.footer--social {
  background: #fff;
}

.social-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.social-header img {
  width: 30px;
  margin-left: 0.3em;
}
.social-header--product {
  z-index: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.5em;
}
@media (min-width: 768px) {
  .social-header--product {
    position: absolute;
    right: 15px;
    top: 0px;
  }
}
.social-header--recipe {
  z-index: 600;
  margin-bottom: 0.5em;
}
@media (min-width: 768px) {
  .social-header--recipe {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.footer-links--nhsc {
  --text-button: --darken-text;
  color: var(--darken-text);
}
.footer-links h1, .footer-links h2, .footer-links h3, .footer-links h4, .footer-links h5, .footer-links h6 {
  color: var(--darken-text);
  position: relative;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .footer-links h1::before, .footer-links h2::before, .footer-links h3::before, .footer-links h4::before, .footer-links h5::before, .footer-links h6::before {
    content: "";
    position: absolute;
    background-color: var(--main-text);
    width: 4px;
    height: 100%;
    left: -15px;
  }
}
.footer-links ul {
  padding-left: 0.5em;
}
.footer-links li {
  list-style-type: none;
  display: inline-block;
  position: relative;
  margin-bottom: 8px;
  padding-left: 22px;
  font-size: 17px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
@media (min-width: 768px) {
  .footer-links li:hover {
    margin-left: 8px;
    font-weight: 700;
  }
}
.footer-links li:nth-child(1) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.footer-links li:nth-child(2) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.footer-links li:nth-child(3) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.footer-links li:nth-child(4) {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
@media (min-width: 768px) {
  .footer-links li:nth-child(n) {
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
  }
}
.footer-links li::before {
  content: "»";
  position: absolute;
  left: 5px;
}

.social-icons {
  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;
}
.social-icons a {
  padding: 0 10px;
}
.social-icons a i {
  font-size: 32px;
}

.bottom {
  background-color: #E0E0E0;
  font-style: italic;
  font-size: 16px;
}
@media (min-width: 768px) {
  .bottom {
    text-align: center;
  }
}
@media print {
  .bottom {
    display: none;
  }
}
.bottom .row {
  margin-left: 0;
}

.hero-section {
  background: url(../images/heros/heroe-lifestyle.png) no-repeat center top/cover;
  padding-left: 0;
  min-height: 100px;
}
@media (min-width: 576px) {
  .hero-section {
    font-size: 25px;
    min-height: 300px;
  }
}
@media (min-width: 768px) {
  .hero-section {
    min-height: 400px;
    font-size: 25px;
  }
}
@media (min-width: 992px) {
  .hero-section {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .hero-section h1, .hero-section h2, .hero-section h3, .hero-section h4, .hero-section h5, .hero-section h6 {
    margin: 0;
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .hero-section h1, .hero-section h2, .hero-section h3, .hero-section h4, .hero-section h5, .hero-section h6 {
    font-size: 62px;
  }
}
.hero-section p {
  display: none;
}
@media (min-width: 768px) {
  .hero-section p {
    display: block;
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .hero-section p {
    font-size: 30px;
  }
}
.hero-section__protein {
  background: url(../images/heros/protein-hero.png) no-repeat center top/cover;
}
.hero-section__protein h1, .hero-section__protein h2, .hero-section__protein h3, .hero-section__protein h4, .hero-section__protein h5, .hero-section__protein h6 {
  color: var(--dark-heads);
  font-weight: bold;
}
@media (min-width: 768px) {
  .hero-section__protein h1, .hero-section__protein h2, .hero-section__protein h3, .hero-section__protein h4, .hero-section__protein h5, .hero-section__protein h6 {
    margin-bottom: 0.3em;
  }
}
@media (min-width: 1600px) {
  .hero-section__protein {
    background: url(../images/heros/protein-hero.png) no-repeat center 35%/cover;
  }
}

.layer-section {
  position: relative;
  color: var(--contrast-btn);
  padding-left: 0;
}
.layer-section h1, .layer-section h2, .layer-section h3, .layer-section h4, .layer-section h5, .layer-section h6 {
  color: var(--contrast-btn);
}
.layer-section::before {
  content: "";
  background: #000;
  display: block;
  position: absolute;
  padding-left: 15px;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  top: 0;
  left: 0;
}

.over-hero {
  background: var(--bg-section);
  padding-top: 2em;
  margin-bottom: 3em;
}
@media (min-width: 768px) {
  .over-hero {
    border-top: 8px solid var(--main-color);
    position: relative;
    top: -2em;
    padding-top: 3em;
    margin-bottom: -1em;
  }
}
@media (min-width: 992px) {
  .over-hero {
    top: -4em;
  }
}
@media (min-width: 1600px) {
  .over-hero {
    top: -5em;
  }
}
.over-hero .heading-hero h1, .over-hero .heading-hero h2, .over-hero .heading-hero h3, .over-hero .heading-hero h4, .over-hero .heading-hero h5, .over-hero .heading-hero h6 {
  color: var(--darken-text);
}
.over-hero .heading-hero p {
  margin-top: 1em;
}
@media (min-width: 768px) {
  .over-hero .heading-hero p {
    font-size: 27px;
  }
}
.over-hero a {
  color: var(--main-color);
}
.over-hero a.btn-boost {
  color: var(--text-colorButton);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .over-hero a.btn-boost {
    color: white;
  }
}
.over-hero--nutrition p {
  font-size: 17px;
  text-align: center;
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .over-hero--nutrition p {
    font-size: 25px;
  }
}
.over-hero--white {
  background: #fff;
}

.over-hero-f {
  margin-top: -4em;
}

.quotes-container .quote {
  margin-top: 1em;
  font-size: 38px;
  color: var(--darken-text);
}
.quotes-container .quote :nth-child(2) {
  font-size: 20px;
  color: var(--light-text);
}

.our-articles {
  padding-top: 3em;
  background: url(../images/heros/tag_landing.png) no-repeat center top/contain;
}
@media (min-width: 768px) {
  .our-articles {
    padding-top: 12em;
  }
}
.our-articles .clearfix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.articles-container-title {
  font-size: 15px;
  position: relative;
}
.articles-container-title::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 3px;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: var(--light-text);
}
.articles-container-title strong {
  color: var(--darken-text);
}
.articles-container-title--blog {
  display: inline-block;
}
.articles-container-title--blog::before {
  left: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.article-category strong {
  color: var(--darken-text);
}

.article-blog-heading {
  font-size: 30px;
}
.article-blog-heading h1, .article-blog-heading h2, .article-blog-heading h3, .article-blog-heading h4, .article-blog-heading h5, .article-blog-heading h6 {
  margin: 0.3em 0;
}
.article-blog-heading__nutrition {
  font-size: 20px;
}
@media (min-width: 768px) {
  .article-blog-heading__nutrition {
    font-size: 30px;
  }
}

.article-card {
  text-align: left;
}
.article-card .article-date {
  font-size: 15px;
  padding: 2em 0 0.5em;
}
.article-card .article-date--category {
  color: var(--light-text);
  position: relative;
  display: inline-block;
  padding-left: 2em;
}
.article-card .article-date--category::before {
  content: "";
  position: absolute;
  height: 80%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  left: 1em;
  background: var(--light-text);
}
.article-card .article-date strong {
  color: var(--darken-text);
}
.article-card .article-date__nutrition {
  padding: 1em 0em;
}
.article-card .article-header {
  color: var(--darken-text);
  font-size: 15px;
}
.article-card .article-header h2 {
  font-weight: bold;
  font-size: 1.5em;
}
.article-card .article-resume {
  font-size: 16px;
}
.article-card .article-resume a {
  color: var(--main-colorLink);
  font-style: italic;
  word-wrap: break-word;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .article-card .article-resume a {
    color: #0092BC;
  }
}

.product-detail {
  bottom: 0;
  height: 325px;
  position: absolute;
}
@media (min-width: 768px) {
  .product-detail {
    height: 100%;
  }
}
.product-detail__bg {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  position: absolute !important;
  z-index: -100;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  opacity: 1;
}
.product-detail__image {
  overflow: hidden;
  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;
  padding-bottom: 1em;
}
.product-detail__image img {
  height: 330px;
  max-width: 169px;
  margin-bottom: -50px;
}
@media (min-width: 768px) {
  .product-detail__image img {
    margin-bottom: 0;
    height: auto;
  }
}
.product-detail__image--bote {
  padding-bottom: 2.2em;
}
.product-detail__image--bote img {
  max-width: 330px !important;
}
.product-detail .row {
  height: 100%;
}

.cs-arrow {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
  color: var(--main-color);
  z-index: 10;
  font-size: 40px;
  opacity: 0.7;
}
.cs-arrow:hover {
  opacity: 1;
}
.cs-arrow:hover::before {
  color: var(--main-color);
}
.cs-arrow__left {
  left: 0px;
}
.cs-arrow__right {
  right: 0px;
}

.cs-slick-contain {
  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.cs-slick-contain .cs-arrow {
  top: 225px;
}
@media (min-width: 768px) {
  .cs-slick-contain .cs-arrow {
    top: 40.5vh;
  }
}

.l-arrow,
.r-arrow {
  position: absolute;
  top: 50%;
}

.dp-carousel {
  position: relative;
  min-height: 280px;
}
@media (min-width: 768px) {
  .dp-carousel {
    min-height: 570px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media print {
  .dp-carousel .slick-list {
    overflow: visible !important;
  }
}

.product-card {
  text-align: center;
  font-size: 16px;
  position: relative;
  z-index: 500;
}
@media (min-width: 768px) {
  .product-card {
    padding: 1em 2em;
    background: #fff;
    font-size: 14px;
    text-align: left;
    -webkit-box-shadow: 0 0 25px -3px var(--light-text);
            box-shadow: 0 0 25px -3px var(--light-text);
  }
}
@media (min-width: 992px) {
  .product-card {
    font-size: 15px;
  }
}
@media print {
  .product-card {
    margin-left: 16.67% !important;
  }
}
.product-card__label {
  text-transform: uppercase;
}
.product-card h1, .product-card h2, .product-card h3, .product-card h4, .product-card h5, .product-card h6 {
  margin: 0;
  color: var(--darken-text);
}
.product-card .review-score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--main-color);
  font-weight: bold;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-card .review-score .bv-cv2-cleanslate .bv-summary-bar .bv-rating-label {
  color: var(--main-color) !important;
  font-weight: bold !important;
}
.product-card .review-score .bv-cv2-cleanslate .bv-details-bar {
  display: none !important;
}
@media (min-width: 768px) {
  .product-card .review-score {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.product-card .review-score span {
  color: var(--light-text);
  border-left: 2px solid;
  border-right: 2px solid;
  margin: 0 1em;
  padding: 0 0.5em;
}
@media (min-width: 768px) {
  .product-card .review-score span {
    font-size: 15px;
  }
}
.product-card .review-score .stars i {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(../images/star.svg) center center no-repeat;
  background-size: cover;
  margin: 2px;
}
.product-card--flavor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}
.product-card--flavor .title-fv {
  color: var(--light-text);
  margin-right: 2em;
  font-size: 15px;
}
.product-card--flavor .flavor {
  display: inline-block;
}
.product-card--flavor .flavor:not(:last-child) {
  margin-right: 0;
  position: relative;
}
.product-card--flavor .flavor:not(:last-child)::after {
  position: absolute;
  content: none;
  width: 3px;
  height: 100%;
  background: #b0afb5;
  top: 20%;
}
.product-card--flavor .flavor:not(:last-child)::after {
  right: -0.7em;
}
.product-card--flavor .flavor span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}

.dis-price {
  text-transform: uppercase;
  color: var(--main-color);
  position: relative;
  text-align: center;
}
.dis-price p {
  position: relative;
  display: inline-block;
  padding-right: 1.5em;
}
.dis-price p::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/sm-arrow-right.png) no-repeat center;
  background-size: contain;
}

#BVRRContainer .bv-cv2-cleanslate .bv-section-summary .bv-content-title {
  font-size: 32px !important;
  line-height: 1em !important;
}
#BVRRContainer .bv-cv2-cleanslate .bv-action-bar-header {
  font-weight: bold !important;
  font-size: 50px !important;
  text-align: center !important;
  width: 100% !important;
}
#BVRRContainer .bv-cv2-cleanslate .bv-write-container {
  width: 100% !important;
}
#BVRRContainer .bv-cv2-cleanslate .bv-action-bar button {
  color: #e2422d !important;
  font-size: 22px !important;
  text-transform: uppercase !important;
  position: relative !important;
  background-color: transparent !important;
  margin: 15px auto 0px !important;
}
#BVRRContainer .bv-cv2-cleanslate .bv-action-bar button::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  right: -3px;
  top: 10px;
  background: url(../images/sm-arrow-right.png) center no-repeat;
  background-size: contain;
}
#BVRRContainer .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-rating-ratio {
  text-align: center !important;
  position: relative !important;
}
#BVRRContainer .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-rating-ratio .bv-rating-stars-container {
  display: inline-block !important;
  margin-top: 100px !important;
}
#BVRRContainer .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-rating-ratio .bv-secondary-rating-summary-rating {
  display: block !important;
  width: 100% !important;
  float: left !important;
  padding: 0px !important;
  font-size: 90px !important;
  position: absolute !important;
  left: 0px !important;
  top: 30px !important;
  height: auto !important;
}

#bv-mboxzone-lightbox .bv-mbox-sidebar .bv-submission-sidebar .bv-subject-info-section .bv-subject-info h3 {
  font-family: Din, sans-serif !important;
  color: #fff !important;
  line-height: 24px !important;
  text-align: center !important;
  font-size: 19px !important;
}
#bv-mboxzone-lightbox .bv-mbox-sidebar .bv-subject-image {
  margin: auto !important;
  display: block !important;
}
#bv-mboxzone-lightbox .bv-submission .bv-fieldset .bv-form-actions .bv-submission-button-submit {
  text-transform: uppercase !important;
}
#bv-mboxzone-lightbox .bv-submission .bv-fieldset-agreements .bv-text-link {
  color: var(--main-color) !important;
}
#bv-mboxzone-lightbox .bv-submission .bv-fieldsets .bv-fieldset,
#bv-mboxzone-lightbox .bv-submission .bv-fieldsets.bv-fieldsets-actions {
  border: 0px !important;
}

#bv-mbox-lightbox-list .bv-mbox-sidebar .bv-submission-sidebar .bv-subject-info-section .bv-subject-info span {
  color: #fff !important;
  display: block !important;
  margin-top: 10px !important;
  font-family: Din, sans-serif !important;
}

.key-benefits {
  margin-top: 0;
}
@media (min-width: 768px) {
  .key-benefits {
    margin-top: 60px;
  }
}
.key-benefits--head h1, .key-benefits--head h2, .key-benefits--head h3, .key-benefits--head h4, .key-benefits--head h5, .key-benefits--head h6 {
  margin-bottom: 15px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .key-benefits--head h1, .key-benefits--head h2, .key-benefits--head h3, .key-benefits--head h4, .key-benefits--head h5, .key-benefits--head h6 {
    margin-bottom: 0;
  }
}
.key-benefits--head p {
  color: var(--darken-text);
  font-size: 30px;
  text-transform: uppercase;
  font-size: 20px;
}
@media (min-width: 768px) {
  .key-benefits--head p {
    color: var(--header-color);
  }
}
.key-benefits-card {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 8px;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .key-benefits-card {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: block;
    font-size: 9px;
  }
}
.key-benefits-card h1, .key-benefits-card h2, .key-benefits-card h3, .key-benefits-card h4, .key-benefits-card h5, .key-benefits-card h6 {
  margin: 0;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 22px;
}
@media (min-width: 768px) {
  .key-benefits-card h1, .key-benefits-card h2, .key-benefits-card h3, .key-benefits-card h4, .key-benefits-card h5, .key-benefits-card h6 {
    min-height: 40px;
  }
}
.key-benefits-card p {
  font-size: 16px;
  color: var(--main-text);
}
.key-benefits-card .key-icon {
  float: left;
  margin-top: 0 !important;
}
@media (min-width: 768px) {
  .key-benefits-card .key-icon {
    height: 100px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    float: none;
  }
}
.key-benefits-card .image_wrap {
  height: 100%;
  float: left;
}
@media (min-width: 768px) {
  .key-benefits-card .image_wrap {
    float: none;
  }
}
.key-benefits-card .image_wrap img {
  width: 70px;
  float: left;
  margin: 0 2em 3em 0;
}
@media (min-width: 768px) {
  .key-benefits-card .image_wrap img {
    width: 97px;
    float: none;
    margin: 0;
  }
}
.key-benefits__info {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.key-benefits__info p {
  margin-bottom: 0;
  font-size: 16px;
}
.key-benefits__info span {
  margin-top: 1em;
  font-size: 16px;
  color: var(--light-text);
  display: inline-block;
}
.key-benefits__faq a {
  color: var(--main-color);
  font-weight: bold;
  border-bottom: 3px solid;
  display: inline-block;
  margin: auto;
  position: relative;
  font-size: 17px;
  font-style: normal !important;
}
@media (min-width: 768px) {
  .key-benefits__faq a {
    font-size: 22px;
  }
}

.small-help {
  color: var(--header-color);
  font-size: 17px;
}

.nutritional-info h1, .nutritional-info h2, .nutritional-info h3, .nutritional-info h4, .nutritional-info h5, .nutritional-info h6 {
  margin: 0;
}
.nutritional-info .paragraph {
  margin-top: 25px;
}
.nutritional-info .nutritional-label {
  font-size: 22px;
  color: var(--header-color);
}
@media (min-width: 768px) {
  .nutritional-info .nutritional-label {
    font-size: 30px;
  }
}
.nutritional-info .nutritional-label a {
  color: var(--main-colorLink);
  display: block;
}
@media (min-width: 768px) {
  .nutritional-info .nutritional-label a {
    display: inline-block;
  }
}
.nutritional-info ul li {
  font-size: 14px;
}
@media (min-width: 992px) {
  .nutritional-info ul li {
    border-left: 1px solid #e4dddd;
    font-size: 11px;
  }
  .nutritional-info ul li:nth-child(even) {
    border-right: none;
  }
  .nutritional-info ul li:last-child {
    border-right: 1px solid #e4dddd;
  }
}
@media (min-width: 992px) {
  .nutritional-info ul li {
    font-size: 15px;
  }
}

.wrapper-nutritional-info {
  color: var(--main-color);
}
.wrapper-nutritional-info :first-child {
  font-size: 58px;
}
.wrapper-nutritional-info :nth-child(2) {
  font-size: 18px;
}
.wrapper-nutritional-info :nth-child(3) {
  font-size: 15px;
}
.wrapper-nutritional-info p {
  margin-bottom: 0;
}
.wrapper-nutritional-info sup {
  font-size: 40% !important;
  top: -1.3em;
}

.product-for-carousel {
  font-size: 16px;
}
.product-for-carousel h1, .product-for-carousel h2, .product-for-carousel h3, .product-for-carousel h4, .product-for-carousel h5, .product-for-carousel h6 {
  font-size: 18px;
  font-weight: bold;
}
.product-for-carousel__detail {
  font-size: 19px;
}
.product-for-carousel .slick-list {
  padding-bottom: 25px;
}
@media print {
  .product-for-carousel .slick-list {
    overflow: visible;
  }
}

.recommended-use h1, .recommended-use h2, .recommended-use h3, .recommended-use h4, .recommended-use h5, .recommended-use h6 {
  font-weight: bold;
  font-size: 25px;
}
.recommended-use p {
  margin: 2em 0;
  min-height: 80px;
  font-size: 20px;
}
.recommended-use--ico {
  min-height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.r4-19-fx {
  margin: 3em 0;
}
.r4-19-fx:empty {
  margin: 0;
}

.stars-rev span {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(../images/star.svg) center center no-repeat;
  background-size: cover;
  margin: 2px;
}
.stars-rev span.review {
  width: 18px;
  height: 18px;
  margin: 0;
}
@media (min-width: 768px) {
  .stars-rev span.review {
    width: 25px;
    height: 25px;
  }
}

@media (min-width: 992px) {
  .review-rating-left {
    border-right: 1px solid var(--darken-text);
  }
}
.review-rating-left .rating {
  font-size: 70px;
  color: var(--darken-text);
  line-height: 1;
}
@media (min-width: 768px) {
  .review-rating-left .rating {
    font-size: 90px;
  }
}
.review-rating-left--profile {
  position: relative;
  margin: 0;
  padding-left: 1.5em;
}
.review-rating-left--profile::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icons/profile.png) no-repeat center center/contain;
  left: 0;
}
.review-rating-left .rating-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.7em;
  font-size: 12px;
}
@media (min-width: 768px) {
  .review-rating-left .rating-container {
    font-size: 19px;
  }
}
.review-rating-left .rating-container:first-of-type {
  margin-top: 1.5em;
}
.review-rating-left .rating-container img {
  width: 15px;
  height: 15px;
  margin-right: 0.5em;
}
@media (min-width: 768px) {
  .review-rating-left .rating-container img {
    width: 20px;
    height: 20px;
  }
}
.review-rating-left .rating-container__bg {
  position: relative;
  background-color: var(--bg-section);
  width: 100%;
  text-align: left;
  display: block;
  margin-left: 1em;
}
.review-rating-left .rating-container__percentage {
  background-color: var(--main-color);
  color: #fff;
  top: 0;
  padding-left: 0.5em;
  font-size: 12px;
  height: 100%;
  text-shadow: 1px 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
@media (min-width: 768px) {
  .review-rating-left .rating-container__percentage {
    font-size: 19px;
  }
}

.review-rating-right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.review-rating-right .percentage-xl {
  font-size: 70px;
  font-style: italic;
}
@media (min-width: 768px) {
  .review-rating-right .percentage-xl {
    font-size: 90px;
  }
}
.review-rating-right p {
  font-size: 27px;
  margin-bottom: 1em;
  line-height: 1;
}
@media (min-width: 1600px) {
  .review-rating-right p {
    line-height: unset;
  }
}
.review-rating-right a {
  color: var(--main-colorLink);
}

.reviewer-card {
  margin: 1em 0;
}
.reviewer-card .reviewer {
  color: var(--main-color);
  font-size: 17px;
}
@media (min-width: 576px) {
  .reviewer-card .reviewer .flavor,
  .reviewer-card .reviewer .reviewer {
    margin-left: 2em;
  }
}
.reviewer-card .reviewer .flavor {
  display: inline-block;
  margin-left: 1em;
}
.reviewer-card .reviewer .flavor span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}
.reviewer-card .reviewer .reviewer {
  position: relative;
}
@media (min-width: 576px) {
  .reviewer-card .reviewer .reviewer::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 2px;
    background: var(--light-text);
    left: -1em;
  }
}
.reviewer-card .reviewer-recommend {
  padding-left: 1.5em;
  position: relative;
  color: var(--light-text);
  font-style: italic;
}
.reviewer-card .reviewer-recommend p {
  margin-bottom: 0;
}
.reviewer-card .reviewer-recommend::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icons/check_mark.png) no-repeat center/contain;
}

.pagination {
  display: inline-block;
  color: var(--light-text);
}
.pagination .current {
  color: var(--main-color);
}
.pagination a {
  position: relative;
  padding: 0 0.7em;
}
.pagination a:hover {
  color: var(--main-colorLink);
}
.pagination a:nth-of-type(2)::before, .pagination a:nth-of-type(3)::before {
  position: absolute;
  content: "";
  height: 130%;
  background: var(--light-text);
  width: 2px;
  left: -0.2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.hero-protein {
  background-image: url(../images/heros/nutrition.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 25px;
  min-height: 300px;
}
@media (min-width: 768px) {
  .hero-protein {
    min-height: 450px;
  }
}
.hero-protein h1, .hero-protein h2, .hero-protein h3, .hero-protein h4, .hero-protein h5, .hero-protein h6 {
  color: var(--darken-text);
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 40px;
}
@media (min-width: 768px) {
  .hero-protein h1, .hero-protein h2, .hero-protein h3, .hero-protein h4, .hero-protein h5, .hero-protein h6 {
    font-size: 62.5px;
  }
}
.hero-protein p {
  color: var(--header-color);
  display: none;
}
@media (min-width: 768px) {
  .hero-protein p {
    display: block;
  }
}
.hero-protein--boost {
  background-image: url(../images/heros/find-boost-hero.png);
  background-size: cover;
  background-position: center center;
}
@media (min-width: 768px) {
  .hero-protein--boost {
    min-height: 550px;
    background-position: right center;
  }
}
.hero-protein--boost h1, .hero-protein--boost h2, .hero-protein--boost h3, .hero-protein--boost h4, .hero-protein--boost h5, .hero-protein--boost h6 {
  color: #fff;
  font-size: 40px;
  margin-top: 0.5em;
}
@media (min-width: 768px) {
  .hero-protein--boost h1, .hero-protein--boost h2, .hero-protein--boost h3, .hero-protein--boost h4, .hero-protein--boost h5, .hero-protein--boost h6 {
    font-size: 70px;
  }
}
.hero-protein--boost p {
  color: #fff;
  display: block;
}
.hero-protein--boost p:nth-of-type(2) {
  font-size: 18px;
  margin-bottom: 2em;
}

.protein-description h1, .protein-description h2, .protein-description h3, .protein-description h4, .protein-description h5, .protein-description h6 {
  margin: 1em 0;
  text-align: center;
}
@media (min-width: 768px) {
  .protein-description h1, .protein-description h2, .protein-description h3, .protein-description h4, .protein-description h5, .protein-description h6 {
    text-align: left;
  }
}
.protein-description small {
  position: relative;
}
.protein-description small::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 4px;
  top: 150%;
  background: var(--light-text);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.protein-description-aside p {
  margin: 1em 0;
}
.protein-description-aside strong,
.protein-description-aside a {
  font-size: 20px;
}

.protein-carr {
  font-size: 17px;
}
@media (min-width: 768px) {
  .protein-carr {
    font-size: 33px;
  }
}
.protein-carr strong {
  color: var(--main-color);
}
.protein-carr h1, .protein-carr h2, .protein-carr h3, .protein-carr h4, .protein-carr h5, .protein-carr h6 {
  margin: 0.4em 0;
  color: var(--darken-text);
}
@media (min-width: 768px) {
  .protein-carr h1, .protein-carr h2, .protein-carr h3, .protein-carr h4, .protein-carr h5, .protein-carr h6 {
    margin: 0;
  }
}
.protein-carr a {
  color: var(--main-color);
}

/*Hide headers on mobile*/
.mobile-hide-headers small,
.mobile-hide-headers h1, .mobile-hide-headers h2, .mobile-hide-headers h3, .mobile-hide-headers h4, .mobile-hide-headers h5, .mobile-hide-headers h6 {
  display: none;
}
@media (min-width: 768px) {
  .mobile-hide-headers small,
  .mobile-hide-headers h1, .mobile-hide-headers h2, .mobile-hide-headers h3, .mobile-hide-headers h4, .mobile-hide-headers h5, .mobile-hide-headers h6 {
    display: inline-block;
  }
}

.recipes-hero {
  background-image: url(../images/heros/recipes-hero.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center -20px;
}
@media (min-width: 768px) {
  .recipes-hero {
    background-position: center -90px;
  }
}
@media (min-width: 992px) {
  .recipes-hero {
    background-position: center -50px;
  }
}
@media (min-width: 1600px) {
  .recipes-hero {
    background-position: center -100px;
  }
}
.recipes-hero--open {
  min-height: 150px;
  background: url(../images/heros/recipes-hero-2.png) no-repeat;
  background-position: center -100px;
  background-size: cover;
}
@media (min-width: 576px) {
  .recipes-hero--open {
    min-height: 280px;
  }
}
@media (min-width: 768px) {
  .recipes-hero--open {
    min-height: 400px;
    display: block;
  }
}
@media (min-width: 1600px) {
  .recipes-hero--open {
    background-position: center -200px;
  }
}
.recipes-hero--open--detail {
  background: url(../images/recipe-m.png) no-repeat;
  background-position: left -5px;
  background-size: 120%;
  min-height: 300px;
}
@media (min-width: 768px) {
  .recipes-hero--open--detail {
    background-position: center -70px;
    min-height: 400px;
    background-size: cover;
  }
}
.recipes-hero--blog {
  background-image: url(../images/heros/blog-detail-hero.png);
  min-height: 300px;
  background-position: center;
}
@media (min-width: 768px) {
  .recipes-hero--blog {
    min-height: 400px;
  }
}

.recipe-filter {
  font-size: 16px;
}
@media (min-width: 576px) {
  .recipe-filter {
    margin-top: 3em;
  }
}
@media (min-width: 768px) {
  .recipe-filter {
    margin-top: 5em;
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .recipe-filter {
    margin-top: 7em;
  }
}
@media (min-width: 1600px) {
  .recipe-filter {
    margin-top: 10em;
  }
}
.recipe-filter h1, .recipe-filter h2, .recipe-filter h3, .recipe-filter h4, .recipe-filter h5, .recipe-filter h6 {
  color: var(--darken-text);
  font-weight: bold;
}
@media (min-width: 768px) {
  .recipe-filter h1, .recipe-filter h2, .recipe-filter h3, .recipe-filter h4, .recipe-filter h5, .recipe-filter h6 {
    margin-bottom: 1.5em;
  }
}
.recipe-filter p {
  display: none;
  font-size: 25px;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .recipe-filter p {
    display: block;
  }
}
.recipe-filter--open {
  margin-top: 0;
  margin-bottom: 1em;
}
.recipe-filter--open h1, .recipe-filter--open h2, .recipe-filter--open h3, .recipe-filter--open h4, .recipe-filter--open h5, .recipe-filter--open h6 {
  margin: 0;
}
.recipe-filter--open--detail {
  font-size: 16px;
}
@media (min-width: 768px) {
  .recipe-filter--open--detail {
    font-size: 30px;
  }
}
.recipe-filter--open--detail p {
  font-size: 17px;
}
@media (min-width: 768px) {
  .recipe-filter--open--detail p {
    font-size: 20px;
  }
}
.recipe-filter--open--detail h1, .recipe-filter--open--detail h2, .recipe-filter--open--detail h3, .recipe-filter--open--detail h4, .recipe-filter--open--detail h5, .recipe-filter--open--detail h6,
.recipe-filter--open--detail p {
  display: block;
  margin: 0;
}
.recipe-filter--listing {
  font-size: 20px;
}
.recipe-filter--listing h1, .recipe-filter--listing h2, .recipe-filter--listing h3, .recipe-filter--listing h4, .recipe-filter--listing h5, .recipe-filter--listing h6 {
  font-size: 30px;
}
.recipe-filter--listing h1 img, .recipe-filter--listing h2 img, .recipe-filter--listing h3 img, .recipe-filter--listing h4 img, .recipe-filter--listing h5 img, .recipe-filter--listing h6 img {
  width: 90px;
}
@media (min-width: 768px) {
  .recipe-filter--listing {
    font-size: 30px;
  }
  .recipe-filter--listing h1, .recipe-filter--listing h2, .recipe-filter--listing h3, .recipe-filter--listing h4, .recipe-filter--listing h5, .recipe-filter--listing h6 {
    font-size: 50px;
  }
  .recipe-filter--listing h1 img, .recipe-filter--listing h2 img, .recipe-filter--listing h3 img, .recipe-filter--listing h4 img, .recipe-filter--listing h5 img, .recipe-filter--listing h6 img {
    width: auto;
  }
}
.recipe-filter--v2 {
  margin-top: 0;
}
@media (min-width: 768px) {
  .recipe-filter--v2 {
    padding-left: 1em;
  }
}
@media (min-width: 992px) {
  .recipe-filter--v2 {
    padding-left: 3em;
  }
}
.recipe-filter--v2 h1, .recipe-filter--v2 h2, .recipe-filter--v2 h3, .recipe-filter--v2 h4, .recipe-filter--v2 h5, .recipe-filter--v2 h6 {
  margin-top: 25px;
  font-size: 30px;
}
@media (min-width: 768px) {
  .recipe-filter--v2 h1, .recipe-filter--v2 h2, .recipe-filter--v2 h3, .recipe-filter--v2 h4, .recipe-filter--v2 h5, .recipe-filter--v2 h6 {
    font-size: 35px;
  }
}
@media (min-width: 992px) {
  .recipe-filter--v2 h1, .recipe-filter--v2 h2, .recipe-filter--v2 h3, .recipe-filter--v2 h4, .recipe-filter--v2 h5, .recipe-filter--v2 h6 {
    font-size: 45px;
    height: 108px;
  }
}
.recipe-filter--v2 p {
  margin-bottom: 0;
}
.recipe-filter--v2 .cat {
  font-size: 15px;
  font-weight: bold;
  position: relative;
}
.recipe-filter--v2 .cat::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 4px;
  background: var(--light-text);
  bottom: -40%;
  left: 0;
}

.detail-product {
  border-top: 2px solid #d9d9d9;
  border-bottom: 2px solid #d9d9d9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.5em 0;
  margin-bottom: 0.5em;
}
.detail-product p {
  display: block;
  font-size: 12px;
}
@media (min-width: 768px) {
  .detail-product p {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .detail-product p {
    font-size: 17px;
  }
}
.detail-product--item {
  -webkit-box-flex: 1;
      -ms-flex: 1 50%;
          flex: 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail-product--item:nth-child(1), .detail-product--item:nth-child(2) {
  margin-bottom: 0.5em;
}
.detail-product--item img {
  width: 20px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .detail-product--item img {
    width: 22px;
  }
}
@media (min-width: 992px) {
  .detail-product--item img {
    width: 25px;
  }
}

.info-tables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.info-tables--item {
  margin-left: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 50%;
          flex: 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1em;
}
.info-tables--item::nth-child(2) {
  padding-right: 0.5em;
}
.info-tables--item a {
  font-size: 12px;
}
@media (min-width: 768px) {
  .info-tables--item a {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .info-tables--item a {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .info-tables--item {
    margin-left: 1.3em;
  }
}

.container-categories {
  text-align: center;
}
.container-categories .active > a {
  font-weight: bold;
  display: inline-block;
  color: var(--light-text);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .container-categories .active > a {
    color: #b0afb5;
  }
}
.container-categories .active > a::after {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  background: var(--light-text);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .container-categories .active > a::after {
    background: #b0afb5;
  }
}
.container-categories a {
  display: inline-block;
}
.container-categories a::after {
  content: "";
  width: 0;
  display: block;
  height: 3px;
  background: var(--light-text);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.container-categories a:hover {
  color: var(--light-text);
}
.container-categories a:hover::after {
  width: 100%;
}
.container-categories .category {
  text-align: center;
}
.container-categories .category:not(.active) a {
  display: inline-block;
}
.container-categories .category:not(.active) a::after {
  content: "";
  width: 0;
  display: block;
  height: 3px;
  background: var(--light-text);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.container-categories .category:not(.active) a:hover {
  color: var(--light-text);
}
.container-categories .category:not(.active) a:hover::after {
  width: 100%;
}

select {
  color: var(--main-text);
  text-transform: none;
  border: 0;
  border-radius: unset;
  background: transparent;
  font-size: 14px;
  width: 100%;
  position: relative;
  padding-bottom: 5px;
  border-bottom: 2px solid var(--light-text);
}
select:focus {
  outline: none;
}
@media (min-width: 768px) {
  select {
    font-size: 17px;
  }
}

.recipe-item {
  background: #fff;
  -webkit-box-shadow: 0px 0px 15px 0px #dad5d5;
          box-shadow: 0px 0px 15px 0px #dad5d5;
}
.recipe-item .r5-fx-img {
  width: 100%;
}
.recipe-item--detail {
  -webkit-box-shadow: 0 0 20px -2px var(--light-text);
          box-shadow: 0 0 20px -2px var(--light-text);
}
.recipe-item--detail a:first-child > img {
  width: 100%;
}
.recipe-item__label {
  min-height: 100px;
  font-size: 15px;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  .recipe-item__label {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .recipe-item__label {
    font-size: 17px;
  }
}
.recipe-item__label::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 1px;
  background: var(--light-text);
  top: 100%;
  left: 5%;
}
.recipe-item__label h1, .recipe-item__label h2, .recipe-item__label h3, .recipe-item__label h4, .recipe-item__label h5, .recipe-item__label h6 {
  color: var(--main-text);
  font-weight: bold;
}
.recipe-item__label p {
  margin-bottom: 0.2em;
  color: var(--main-color);
}
.recipe-item__label--open::before {
  display: none;
}
.recipe-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  color: #a1a1a1;
  font-size: 11px;
  padding: 0 0.5em;
}
@media (min-width: 576px) {
  .recipe-item__info {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .recipe-item__info {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .recipe-item__info {
    font-size: 13px;
  }
}
.recipe-item__info img {
  width: 15px;
  height: 15px;
  margin: 0 0.6em;
}
@media (min-width: 768px) {
  .recipe-item__info img {
    width: 18px;
    height: 18px;
  }
}
@media (min-width: 992px) {
  .recipe-item__info img {
    width: 20px;
    height: 20px;
  }
}
.recipe-item a {
  font-size: 15px;
}

.select-topic-mobile, .register-form select, .contact-boost select {
  border: 3px solid var(--light-text);
  border-radius: 0;
  padding: 0.5em;
}

.filter-by {
  font-size: 15px;
  color: var(--light-text);
}

.product-listing {
  background: url(../images/heros/product-listing.png) no-repeat;
  background-position: center top;
  background-size: contain;
}

.product-listing-atf {
  min-height: 198px;
}
@media (min-width: 576px) {
  .product-listing-atf {
    min-height: 240px;
  }
}
@media (min-width: 768px) {
  .product-listing-atf {
    min-height: 360px;
  }
}
@media (min-width: 992px) {
  .product-listing-atf {
    min-height: 458px;
  }
}

.listing-card {
  -webkit-box-shadow: 0px 0px 15px 0px rgb(156, 156, 156);
          box-shadow: 0px 0px 15px 0px rgb(156, 156, 156);
  min-height: 380px;
  height: 100%;
}
.listing-card--quiz {
  background: var(--main-color);
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.listing-card--quiz a {
  text-decoration: none;
  display: inline-block;
}
.listing-card--quiz a::after {
  content: "";
  width: 0;
  display: block;
  height: 3px;
  background: #fff;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.listing-card--quiz a:hover::after {
  width: 100%;
}
.listing-card--quiz h1, .listing-card--quiz h2, .listing-card--quiz h3, .listing-card--quiz h4, .listing-card--quiz h5, .listing-card--quiz h6 {
  margin: 0.7em 0;
}
.listing-card--quiz img {
  max-width: 120px;
}

.listing-card-image {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(224, 224, 224)));
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(224, 224, 224) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1em;
}
.listing-card-image img {
  max-width: 100px;
}
@media (min-width: 768px) {
  .listing-card-image img {
    max-width: 133px;
  }
}

.listing-card-description {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  text-align: center;
}
@media (min-width: 768px) {
  .listing-card-description {
    font-size: 17px;
    text-align: left;
  }
}
.listing-card-description a:not(.btn-boost) {
  width: 100%;
}
.listing-card-description--header {
  position: relative;
}
.listing-card-description--header i {
  font-size: 12px;
}
@media (min-width: 576px) {
  .listing-card-description--header i {
    font-size: 15px;
  }
}
.listing-card-description--header p {
  font-size: 12px;
}
@media (min-width: 576px) {
  .listing-card-description--header p {
    font-size: 16px;
  }
}
.listing-card-description--header::before {
  position: absolute;
  content: "";
  width: 20px;
  bottom: 10px;
  height: 3px;
  background: var(--light-text);
  left: 0;
}
.listing-card-description hr {
  width: 100%;
  border: 1px solid #dedede;
  margin: 0;
  margin-bottom: 5px;
}
.listing-card-description ul.nutritional-product {
  margin-top: 8px;
  text-align: left;
  width: 100%;
}
.listing-card-description ul.nutritional-product a:not(.btn-boost) {
  width: 100%;
}
.listing-card-description ul.nutritional-product li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .listing-card-description ul.nutritional-product li {
    font-size: 16px;
  }
}
.listing-card-description ul.nutritional-product li::before {
  content: "r";
  position: absolute;
  left: 0;
  font-size: 16px;
  font-family: Fontastic;
}

.help-section {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(225, 39, 27)), color-stop(98%, rgb(143, 2, 34)), to(rgb(153, 3, 38)));
  background: linear-gradient(to bottom, rgb(225, 39, 27) 0%, rgb(143, 2, 34) 98%, rgb(153, 3, 38) 100%);
  background-size: cover;
  color: #fff;
}
.help-section h1, .help-section h2, .help-section h3, .help-section h4, .help-section h5, .help-section h6 {
  color: #fff !important;
  font-size: 30px;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .help-section h1, .help-section h2, .help-section h3, .help-section h4, .help-section h5, .help-section h6 {
    font-size: 55px;
  }
}
@media (min-width: 992px) {
  .help-section h1, .help-section h2, .help-section h3, .help-section h4, .help-section h5, .help-section h6 {
    font-size: 75px;
    display: block;
  }
}
@media (min-width: 768px) {
  .help-section {
    min-height: 350px;
  }
}
@media (min-width: 992px) {
  .help-section {
    min-height: 400px;
  }
}

.csm-bg-hero {
  min-height: 200px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
@media (min-width: 768px) {
  .csm-bg-hero {
    min-height: 350px;
  }
}
@media (min-width: 992px) {
  .csm-bg-hero {
    min-height: 550px;
  }
}
.csm-bg-hero--car {
  min-height: 450px;
}
@media (min-width: 992px) {
  .csm-bg-hero--car {
    min-height: 500px;
  }
}
.csm-bg-hero--promo {
  position: relative;
}
@media (max-width: 767px) {
  .csm-bg-hero--promo {
    min-height: 750px;
  }
}
@media (min-width: 768px) {
  .csm-bg-hero--promo {
    min-height: 675px;
  }
}
.csm-bg-hero--promo .bg-banner-promo {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  position: absolute;
}
@media (max-width: 767px) {
  .csm-bg-hero--promo .bg-banner-promo {
    background-position: center 80% !important;
  }
}
@media (min-width: 768px) {
  .csm-bg-hero--promo .bg-banner-promo {
    background-position: center top !important;
  }
}
.csm-bg-hero--promo h1 {
  color: #f4794c;
  font-size: 4.5em;
  font-weight: bold;
  font-family: DinPro;
  margin: 0;
  line-height: 0.75;
  text-align: center;
}
@media (min-width: 768px) {
  .csm-bg-hero--promo h1 {
    font-size: 10.5em;
    text-align: left;
  }
}
.csm-bg-hero--promo h1::first-letter {
  font-size: 120%;
}
.csm-bg-hero--promo h1 small {
  font-size: 70%;
  color: #f9c79d;
  font-weight: bold;
}
.csm-bg-hero--promo h1 span:not(.btn-boost) {
  color: #f9c79d;
}
.csm-bg-hero--promo h2 {
  font-size: 2em;
  color: #f4794c;
  font-weight: bold;
  margin: 0 0 10px 10px;
  font-family: DinPro;
}
@media (max-width: 767px) {
  .csm-bg-hero--promo h2 {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .csm-bg-hero--promo h2 {
    font-size: 3.3em;
  }
}
.csm-bg-hero--promo .btn-boost, .csm-bg-hero--promo .cs-gigya-form input[type=submit], .cs-gigya-form .csm-bg-hero--promo input[type=submit] {
  background: #f4794c;
  font-size: 18px;
  font-family: "Din", sans-serif;
}
@media (min-width: 768px) {
  .csm-bg-hero--promo .btn-boost, .csm-bg-hero--promo .cs-gigya-form input[type=submit], .cs-gigya-form .csm-bg-hero--promo input[type=submit] {
    font-size: 25px;
  }
}
.csm-bg-hero--promo .btn-boost:hover, .csm-bg-hero--promo .cs-gigya-form input[type=submit]:hover, .cs-gigya-form .csm-bg-hero--promo input[type=submit]:hover {
  background: #f36734;
}

.boost-contact span {
  color: var(--ast-color);
}

.contact-boost {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .contact-boost {
    width: 83.33%;
    max-width: 83.33%;
    margin-left: 8.33%;
  }
}
.contact-boost input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.contact-boost textarea,
.contact-boost select {
  display: block;
  background: rgba(255, 255, 255, 0.8);
  -webkit-appearance: none;
  border: 2px solid var(--light-text);
  color: var(--main-text);
  margin-bottom: 1em;
  width: 100%;
}
.contact-boost input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-input-placeholder, .contact-boost textarea::-webkit-input-placeholder, .contact-boost select::-webkit-input-placeholder {
  font-size: 17px;
}
.contact-boost input:not([type=checkbox]):not([type=radio]):not([type=submit])::-moz-placeholder, .contact-boost textarea::-moz-placeholder, .contact-boost select::-moz-placeholder {
  font-size: 17px;
}
.contact-boost input:not([type=checkbox]):not([type=radio]):not([type=submit]):-ms-input-placeholder, .contact-boost textarea:-ms-input-placeholder, .contact-boost select:-ms-input-placeholder {
  font-size: 17px;
}
.contact-boost input:not([type=checkbox]):not([type=radio]):not([type=submit])::-ms-input-placeholder, .contact-boost textarea::-ms-input-placeholder, .contact-boost select::-ms-input-placeholder {
  font-size: 17px;
}
.contact-boost input:not([type=checkbox]):not([type=radio]):not([type=submit])::placeholder,
.contact-boost textarea::placeholder,
.contact-boost select::placeholder {
  font-size: 17px;
}
.contact-boost label {
  display: inline;
}
.contact-boost input,
.contact-boost textarea,
.contact-boost select {
  font-size: 17px;
  padding: 0.2em 0.5em;
}
.contact-boost a {
  color: var(--main-colorLink);
}
.contact-boost input[type=submit] {
  background: var(--main-color);
  color: var(--text-colorButton);
  border: 2px solid var(--main-color);
  padding: 0.5em 1em;
  cursor: pointer;
  display: inline-block;
  width: auto;
  margin-top: 3rem;
}
.contact-boost input[type=checkbox] {
  display: inline-block;
}
@media (min-width: 576px) {
  .contact-boost .middle_left {
    width: 50%;
    float: left;
  }
}
.contact-boost .topic-related select {
  width: 100%;
}
.contact-boost .topic-related .middle_left img {
  max-width: 100%;
}
@media (min-width: 576px) {
  .contact-boost .topic-related .form-item-product,
  .contact-boost .topic-related .form-item-flavor,
  .contact-boost .topic-related .middle_left {
    width: 50%;
    float: left;
  }
}
@media (min-width: 576px) {
  .contact-boost .topic-related .form-item-product,
  .contact-boost .topic-related .form-item-flavor,
  .contact-boost .topic-related .middle_left {
    padding-right: 15px;
  }
}

label.error {
  color: red;
}

#newsletter-error {
  color: #fff;
}

.contact-boost label.error {
  font-size: 14px;
  position: relative;
  top: -20px;
}

label#edit-phone-error {
  top: -5px;
}

label.form-required::after {
  content: "*";
  color: var(--ast-color);
}

.selected-flag {
  height: 30px !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.webform-confirmation-modal {
  width: 80% !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  max-width: 600px;
}

.dietician-label {
  color: var(--light-text);
  font-size: 16px;
}

.contact-team .tel-col,
.contact-team .mail-col,
.contact-team .email-col,
.contact-team .deaf-col {
  font-size: 16px;
  position: relative;
}
.contact-team .tel-col::before,
.contact-team .mail-col::before,
.contact-team .email-col::before,
.contact-team .deaf-col::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  left: -15%;
  top: 5%;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .contact-team .tel-col::before,
  .contact-team .mail-col::before,
  .contact-team .email-col::before,
  .contact-team .deaf-col::before {
    left: -20%;
  }
}
@media (min-width: 992px) {
  .contact-team .tel-col::before,
  .contact-team .mail-col::before,
  .contact-team .email-col::before,
  .contact-team .deaf-col::before {
    left: -15%;
  }
}
.contact-team .tel-col a,
.contact-team .mail-col a,
.contact-team .email-col a,
.contact-team .deaf-col a {
  color: var(--main-colorLink);
  font-weight: bold;
}
.contact-team .tel-col::before {
  background-image: url(../images/icons/icon-tel.png);
}
.contact-team .mail-col::before {
  background-image: url(../images/icons/icon-mail.png);
}
.contact-team .email-col::before {
  background-image: url(../images/icons/icon-email.png);
}
.contact-team small {
  color: var(--light-text);
}

.faq-collapse {
  border-top: 3px solid var(--light-text);
  font-size: 17px;
  padding-top: 1em;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.faq-collapse h1, .faq-collapse h2, .faq-collapse h3, .faq-collapse h4, .faq-collapse h5, .faq-collapse h6 {
  padding-right: 3em;
}
.faq-collapse::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/icons/arrow-down.png);
  background-size: contain;
  background-repeat: no-repeat;
  right: 10px;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
  top: 30px;
}
.faq-collapse[aria-expanded=true] {
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  cursor: default;
}
.faq-collapse[aria-expanded=true]::before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.faq-collapse > :first-child {
  color: var(--dark-heads);
  margin-bottom: 1em;
  font-size: 17px;
}
@media (min-width: 768px) {
  .faq-collapse > :first-child {
    font-size: 25px;
  }
}
.faq-collapse a {
  color: var(--main-colorLink);
}
.faq-collapse--results {
  border-bottom: 3px solid var(--light-text);
}

.filter-cat label {
  font-size: 14px;
  color: var(--light-text);
}

.single-l {
  font-size: 30px;
  color: var(--ast-color);
  font-style: italic;
  line-height: 1;
}

.arrows-carousel {
  position: relative;
  top: 50%;
  width: 100%;
}
.arrows-carousel img {
  cursor: pointer;
  width: 20px;
  position: absolute;
}
.arrows-carousel img:first-child {
  left: -40px;
}
.arrows-carousel img:nth-child(2) {
  right: 0;
}

.divider-border {
  position: relative;
}
.divider-border::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 3px;
  bottom: -2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: var(--light-text);
}
@media (min-width: 768px) {
  .divider-border {
    border-right: 3px solid var(--light-text);
  }
  .divider-border::before {
    content: none;
  }
}

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

.sticky-social {
  left: 0;
  top: 43%;
  border: 1px solid var(--light-text);
  z-index: 500;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em 0;
  padding-left: 2em;
  background: #fff;
}
@media (min-width: 768px) {
  .sticky-social {
    top: 60%;
  }
}
.sticky-social a {
  margin-right: 15px;
}
.sticky-social img {
  width: 40px;
}

.breadcrumb-boost {
  font-size: 15px;
  margin-bottom: 2em;
}
.breadcrumb-boost li {
  display: inline-block;
  font-weight: bold;
}
.breadcrumb-boost li + li::before {
  padding: 8px;
  color: var(--main-text);
  content: "»";
}

.date-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5em;
}
.date-blog p:first-child {
  margin-bottom: 0;
  margin-right: 1em;
  position: relative;
}
.date-blog p:first-child:before {
  content: "";
  position: absolute;
  height: 80%;
  width: 2px;
  background: var(--light-text);
  right: -0.55em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.date-blog :nth-child(2) {
  color: var(--light-text);
  margin: 0;
}
@media (min-width: 992px) {
  .date-blog h1, .date-blog h2, .date-blog h3, .date-blog h4, .date-blog h5, .date-blog h6 {
    display: none;
  }
}

.blog-header h1 {
  font-size: 35px;
  color: var(--main-color);
  font-weight: bolder;
  margin-top: 0;
  margin-bottom: 1rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .blog-header h1 {
    color: #2eaecc;
  }
}
@media (min-width: 768px) {
  .blog-header h1 {
    font-size: 55px;
  }
}

.tf-blog h1,
.tf-blog h2 {
  font-size: 35px;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .tf-blog h1,
  .tf-blog h2 {
    font-size: 55px;
  }
}

.blog-detail ul {
  padding: 0px 0px 0px 35px;
  list-style: disc;
}
.blog-detail ul li {
  list-style: disc;
}
.blog-detail p {
  word-break: break-word;
  -ms-hyphens: auto;
      hyphens: auto;
}
.blog-detail h2 {
  font-size: 21px;
}
@media (min-width: 768px) {
  .blog-detail h2 {
    font-size: 25.5px;
  }
}
.blog-detail a {
  color: var(--main-colorLink);
}
.blog-detail__author {
  font-size: 17px;
}
.blog-detail__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3em;
}
@media (min-width: 768px) {
  .blog-detail__tags {
    margin-top: 1em;
  }
}
@media (min-width: 992px) {
  .blog-detail__tags {
    margin-top: 4em;
  }
}
.blog-detail__tags .tag {
  color: var(--main-color) !important;
  background: var(--bg-section);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  padding: 0.5em 1em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
@media (min-width: 768px) {
  .blog-detail__tags .tag {
    margin-right: 1em;
    padding: 0.7em 1.5em;
    font-size: 18px;
  }
}
.blog-detail blockquote {
  text-align: left;
}
@media (min-width: 768px) {
  .blog-detail blockquote {
    text-align: justify;
  }
}
.blog-detail__references {
  font-size: 14px;
  text-align: left;
}

.interest-blogs {
  position: relative;
}
@media (min-width: 992px) {
  .interest-blogs {
    left: -8.33%;
    padding-left: 8.33%;
    width: calc(100% + 8.33%);
  }
}
.interest-blogs h1, .interest-blogs h2, .interest-blogs h3, .interest-blogs h4, .interest-blogs h5, .interest-blogs h6 {
  text-align: center;
}
@media (min-width: 992px) {
  .interest-blogs h1, .interest-blogs h2, .interest-blogs h3, .interest-blogs h4, .interest-blogs h5, .interest-blogs h6 {
    text-align: left;
  }
}
.interest-blogs ol {
  padding: 1em;
}
.interest-blogs ol li {
  margin-bottom: 0;
  font-size: 17px;
  text-decoration: underline;
}
.interest-blogs ol li a {
  color: var(--main-text);
}

form.newsletter {
  background: var(--main-color);
  color: #fff;
  padding: 0.8em 1.5em;
}
form.newsletter h3 {
  font-size: 27px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  form.newsletter {
    background: #2eaecc;
  }
}
form.newsletter input[type=text] {
  width: 100%;
  padding: 0.7em 0.5em;
}
form.newsletter input[type=text]::-webkit-input-placeholder {
  font-size: 16px;
}
form.newsletter input[type=text]::-moz-placeholder {
  font-size: 16px;
}
form.newsletter input[type=text]:-ms-input-placeholder {
  font-size: 16px;
}
form.newsletter input[type=text]::-ms-input-placeholder {
  font-size: 16px;
}
form.newsletter input[type=text]::placeholder {
  font-size: 16px;
}
form.newsletter input[type=submit] {
  color: #fff;
  text-decoration: underline;
  text-align: center;
  display: block;
  margin: auto;
  margin: 1.5em auto;
  background: transparent;
  border: none;
  font-size: 20px;
  cursor: pointer;
}
form.newsletter p {
  font-size: 16px;
  margin: 1em 0;
}

.find-landing-headers h1, .find-landing-headers h2, .find-landing-headers h3, .find-landing-headers h4, .find-landing-headers h5, .find-landing-headers h6 {
  text-transform: uppercase;
  color: var(--main-color);
  font-size: 40px;
  margin: 0;
  margin-bottom: 0.3em;
  font-weight: bold;
}
@media (min-width: 768px) {
  .find-landing-headers h1, .find-landing-headers h2, .find-landing-headers h3, .find-landing-headers h4, .find-landing-headers h5, .find-landing-headers h6 {
    font-size: 56px;
  }
}

.right-col-know p:first-of-type {
  font-size: 23px;
}

.footer-find-product h1, .footer-find-product h2, .footer-find-product h3, .footer-find-product h4, .footer-find-product h5, .footer-find-product h6 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .footer-find-product h1, .footer-find-product h2, .footer-find-product h3, .footer-find-product h4, .footer-find-product h5, .footer-find-product h6 {
    font-size: 35px;
  }
}

ol.progress {
  margin: 20px 0;
  padding: 0;
  width: 100%;
  height: 2em;
  background-color: transparent;
  overflow: visible;
}
ol.progress li {
  position: relative;
}
ol.progress li:first-of-type .step:before {
  display: none;
}
ol.progress li:last-of-type .step:after {
  display: none;
}
ol.progress .step {
  border: 5px solid var(--unchecked);
  background-color: var(--unchecked);
  border-radius: 50%;
  width: 2em;
  height: 2em;
  display: inline-block;
  z-index: 0;
}
ol.progress .step img {
  position: absolute;
  left: 50%;
  width: 60px;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
  top: 0;
  opacity: 0;
}
ol.progress .step:before {
  content: "";
  display: block;
  background-color: #f2f2f2;
  height: 0.9em;
  width: 50%;
  position: absolute;
  bottom: 0.6em;
  left: 0;
  z-index: -1;
}
ol.progress .step:after {
  content: "";
  display: block;
  background-color: #f2f2f2;
  height: 0.9em;
  width: 50%;
  position: absolute;
  bottom: 0.6em;
  right: 0;
  z-index: -1;
}

.progress .done .step,
.progress .done .step:before,
.progress .done .step:after,
.progress .active .step,
.progress .active .step:before {
  background-color: var(--quiz-bar);
}

.progress .done .step,
.progress .active .step {
  border: 5px solid var(--form-color);
  background: #fff;
  -webkit-box-shadow: 0 0 10px -1px;
          box-shadow: 0 0 10px -1px;
}

.progress .active .step img {
  opacity: 1;
}

ol.progress[data-steps="1"] li {
  width: 100%;
}

ol.progress[data-steps="2"] li {
  width: 50%;
}

ol.progress[data-steps="3"] li {
  width: 33.3333333333%;
}

ol.progress[data-steps="4"] li {
  width: 25%;
}

ol.progress[data-steps="5"] li {
  width: 20%;
}

ol.progress[data-steps="6"] li {
  width: 16.6666666667%;
}

ol.progress[data-steps="7"] li {
  width: 14.2857142857%;
}

ol.progress[data-steps="8"] li {
  width: 12.5%;
}

ol.progress[data-steps="9"] li {
  width: 11.1111111111%;
}

ol.progress[data-steps="10"] li {
  width: 10%;
}

.form-boost {
  position: relative;
}
.form-boost .steps-item {
  display: none;
}
.form-boost .steps-item.active {
  display: block;
}
@media (min-width: 992px) {
  .form-boost .steps-item .boost-select.cols-5 {
    max-width: 20%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
}
.form-boost .basic-info {
  text-align: left;
}
.form-boost .basic-info p {
  display: block;
  color: var(--main-color);
  font-size: 17px;
}
.form-boost .basic-info label {
  position: relative;
  padding-right: 0.5em;
}
.form-boost .basic-info label span {
  position: absolute;
  top: 50%;
  left: 0;
  height: 20px;
  width: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  border: 3px solid #d9d9d9;
  border-radius: 50%;
}
.form-boost .basic-info label input {
  position: absolute;
  opacity: 0;
}
.form-boost .basic-info label input:checked ~ span {
  background: var(--form-color);
  -webkit-box-shadow: inset 0 0 0 3px #fff;
          box-shadow: inset 0 0 0 3px #fff;
}
.form-boost .basic-info input[type=number] {
  border: none;
  border-bottom: 3px solid #eee;
  width: 60px;
}
.form-boost .basic-info input[type=number].error {
  background-color: #ffe8e8;
  border-bottom: 1px solid red;
}
.form-boost .boost-select input {
  position: absolute;
  opacity: 0;
}
.form-boost .boost-select input:checked ~ label {
  border: 4px solid var(--form-color);
  color: var(--main-color);
}
.form-boost .boost-select input:checked ~ label img {
  display: none;
}
.form-boost .boost-select input:checked ~ label .selected_option {
  display: block;
}
.form-boost .boost-select label {
  width: 100%;
  height: 150px;
  padding: 0.5em;
  border: 4px solid #d9d9d9;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: inline-block;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5em;
}
@media (min-width: 768px) {
  .form-boost .boost-select label {
    height: 200px;
    padding: 1em;
    font-size: 18px;
  }
}
.form-boost .boost-select label span {
  width: 100%;
}
.form-boost .boost-select label .selected_option {
  display: none;
}
.form-boost .boost-select label img {
  width: 35px;
}
@media (min-width: 768px) {
  .form-boost .boost-select label img {
    width: 50px;
  }
}
.form-boost .boost-select--goal span {
  padding: 0.5em;
  font-size: 14px;
}
.form-boost .boost-select--goal span img {
  width: 35px;
}
@media (min-width: 768px) {
  .form-boost .boost-select--goal span img {
    width: 45px;
  }
}
.form-boost .waitign-ua .boost-select span img {
  display: none;
}
.form-boost .waitign-ua .boost-select span .selected_option {
  display: block;
}

.red-label {
  background: var(--main-color);
  width: 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.7em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.red-label:hover {
  color: #fff;
}
.red-label span {
  font-size: 15px;
  margin-left: 0.5em;
}
.red-label img {
  width: 30px;
  margin-left: 0.5em;
}
.red-label.next-disabled {
  background-color: #d9d9d9;
  color: #999999;
  pointer-events: none;
}
.red-label.next-disabled:hover {
  background: #d9d9d9;
}

.form-caption {
  position: relative;
  margin-top: 60px;
  margin-bottom: 20px;
}
.form-caption span.tooltip-trigger {
  color: var(--main-color);
  cursor: pointer;
}
.form-caption span.tooltip-trigger .tooltip-quiz {
  position: absolute;
  background: #fff;
  z-index: 200;
  color: var(--main-text);
  padding: 1.5em;
  text-align: left;
  border: 2px solid #d9d9d9;
  -webkit-box-shadow: 0 0 10px -3px;
          box-shadow: 0 0 10px -3px;
  -webkit-transition: visibility 0s, opacity 0.2s linear;
  transition: visibility 0s, opacity 0.2s linear;
  visibility: hidden;
  opacity: 0;
  top: 105%;
}
.form-caption span.tooltip-trigger:hover .tooltip-quiz {
  opacity: 1;
  visibility: visible;
}
.form-caption span.tooltip-trigger h1, .form-caption span.tooltip-trigger h2, .form-caption span.tooltip-trigger h3, .form-caption span.tooltip-trigger h4, .form-caption span.tooltip-trigger h5, .form-caption span.tooltip-trigger h6 {
  font-size: 56px;
}
.form-caption:hover .tooltip-quiz {
  opacity: 1;
  visibility: visible;
}

.results-hero {
  font-size: 19px;
}
@media (min-width: 768px) {
  .results-hero {
    font-size: 25px;
  }
}
.results-hero h1, .results-hero h2, .results-hero h3, .results-hero h4, .results-hero h5, .results-hero h6 {
  color: var(--main-color);
  font-weight: bold;
  margin: 0;
}
.results-hero__caption {
  margin-top: 1em;
}
.results-hero__caption > :first-child {
  font-size: 18px;
}
@media (min-width: 768px) {
  .results-hero__caption > :first-child {
    font-size: 22px;
  }
}
.results-hero__caption p {
  font-size: 17px;
  margin: 0.5em 0;
}
@media (min-width: 768px) {
  .results-hero__caption p {
    font-size: 22px;
  }
}
.results-hero__caption a {
  font-size: 18px;
  color: #fff;
  background: var(--main-color);
  padding: 0.5em 1em;
  position: relative;
  margin-top: 1em;
  display: inline-block;
}
.retake-container {
  color: var(--main-color);
}
.retake-container img {
  padding-right: 0.5em;
}
.retake-container a {
  font-size: 20px;
  line-height: 20px;
}

ol.quiz-result {
  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;
}
ol.quiz-result li {
  padding-left: 0.7em;
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
ol.quiz-result li::before {
  content: "";
  width: 20px;
  height: 20px;
  left: -1em;
  top: 5px;
  position: absolute;
  background: url(../images/icons/checked-icon.png) center center no-repeat/contain;
}

.detail-results {
  text-align: center;
}
.detail-results:not(:last-child) {
  border-right: 2px solid #e2e2e2;
  border-right-style: dashed;
}
.detail-results p:first-of-type {
  color: var(--main-color);
  font-weight: bold;
  margin: 0;
  font-size: 30px;
}
@media (min-width: 768px) {
  .detail-results p:first-of-type {
    font-size: 50px;
  }
}

.result-quiz-number > p:first-of-type {
  font-size: 25px;
  color: var(--darken-text);
}
.result-quiz-number a {
  color: var(--main-colorLink) !important;
  text-decoration: underline;
  font-weight: bold;
  font-size: 22px;
}
.result-quiz-number #protein_count_display {
  background-image: url(../images/protein_result.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-bottom: 1rem;
  width: 20rem;
  height: 20rem;
}
.result-quiz-number #protein_count_display span {
  color: var(--main-color) !important;
  margin-left: 0;
  margin-right: 0;
  font-size: 6rem;
  margin-top: 5rem;
  display: block;
}
.result-quiz-number #protein_count_display .grams {
  margin-top: -2rem;
  color: var(--main-text);
  font-size: 1.3rem;
  text-transform: lowercase;
}

.small-caps {
  font-size: 15px;
  text-align: center;
  color: var(--light-text);
}
.small-caps a {
  color: var(--main-colorLink);
}
.small-caps p:nth-of-type(2) {
  display: none;
}
.small-caps.open p:first-of-type() {
  display: none;
}
.small-caps.open p:nth-of-type(2) {
  display: block;
}

.img-side-text {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.img-side-text p {
  width: 100%;
}
.img-side-text p:not(:first-child) {
  font-size: 17px;
}
@media (min-width: 768px) {
  .img-side-text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.left-product-review {
  background: #343434;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em;
  z-index: 1001;
}
@media (min-width: 768px) {
  .left-product-review {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 3.5em 0;
  }
}
.left-product-review img {
  height: 80px;
}
@media (min-width: 768px) {
  .left-product-review img {
    height: auto;
    max-width: 85%;
    margin-bottom: 2em;
    height: 300px;
  }
}
.left-product-review p {
  padding: 0 0.7em;
  font-size: 15px;
  margin: 0;
}
@media (min-width: 768px) {
  .left-product-review p {
    padding: 0 0.5em;
    font-size: 17px;
    text-align: center;
  }
}

.product-review {
  font-size: 11px;
  padding: 1em;
  max-height: 85vh;
  overflow-y: auto;
  position: relative;
}
.product-review::after {
  content: "";
  position: fixed;
  width: 100%;
  height: 140px;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1000;
}
@media (min-width: 768px) {
  .product-review {
    font-size: 20px;
    padding: 3.5em 0;
  }
}
.product-review h1, .product-review h2, .product-review h3, .product-review h4, .product-review h5, .product-review h6 {
  font-size: 17px;
  margin: 0;
  padding: 0 0.5em;
}
@media (min-width: 576px) {
  .product-review h1, .product-review h2, .product-review h3, .product-review h4, .product-review h5, .product-review h6 {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .product-review h1, .product-review h2, .product-review h3, .product-review h4, .product-review h5, .product-review h6 {
    font-size: 33px;
    margin-bottom: 0.1em;
  }
}
.product-review span {
  color: var(--ast-color);
}
.product-review p {
  margin-bottom: 0;
  font-size: 10px;
  margin-top: 0.5em;
  color: var(--light-text);
}
@media (min-width: 768px) {
  .product-review p {
    font-size: 15px;
    margin-top: 0;
  }
}
.product-review__stars {
  display: inline-block;
}
.product-review__stars input {
  display: none;
  margin-top: 1em;
}
.product-review__stars > label {
  float: right;
  margin-bottom: 0;
}
.product-review__stars > label i {
  font-size: 18px;
}
@media (min-width: 768px) {
  .product-review__stars > label i {
    font-size: 27px;
  }
}
.product-review__stars label:hover i::before,
.product-review__stars label:hover ~ label i::before,
.product-review__stars input:checked ~ label i::before {
  cursor: pointer;
  content: "h";
  color: var(--ast-color);
}
.product-review .reco-to-friend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  border: 3px solid var(--light-text);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .product-review .reco-to-friend {
    width: 180px;
  }
}
.product-review .reco-to-friend label {
  padding: 0.4em 1em;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  cursor: pointer;
  margin: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .product-review .reco-to-friend label {
    padding: 0.2em 1em;
  }
}
.product-review .reco-to-friend input {
  display: none;
}
.product-review .reco-to-friend input:checked + label {
  background: var(--main-color);
  color: var(--contrast-btn);
}
.product-review__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-review__inputs input[type=checkbox] {
  display: none;
}
.product-review__inputs select {
  -webkit-appearance: none;
}
.product-review__inputs label[for*=checkbox] {
  margin: 1em 0 2em;
  cursor: pointer;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  text-indent: 1.5em;
}
.product-review__inputs label[for*=checkbox]::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  border: 2px solid #a7a5ac;
}
@media (min-width: 768px) {
  .product-review__inputs label[for*=checkbox]::before {
    width: 25px;
    height: 25px;
    border: 3px solid #a7a5ac;
  }
}
.product-review__inputs label[for*=checkbox] strong {
  color: var(--main-color);
}
.product-review__inputs label[for*=checkbox] p {
  font-style: italic;
  text-indent: initial;
}
.product-review__inputs label[for*=checkbox] svg {
  width: 15px;
  height: 15px;
  position: absolute;
  top: -3px;
  pointer-events: none;
  left: 3px;
  fill: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .product-review__inputs label[for*=checkbox] svg {
    width: 25px;
    height: 25px;
    left: 5px;
  }
}
.product-review__inputs label[for*=checkbox] svg polyline {
  stroke-dasharray: 34;
  stroke-dashoffset: 40;
}
.product-review__inputs input[type=checkbox]:checked + label svg polyline {
  stroke-dasharray: 70;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.product-review__inputs a.send_review {
  background: var(--main-colorLink);
  padding: 0.5em 1em;
  color: var(--contrast-btn);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.product-review__inputs label {
  display: block;
  margin-bottom: 0.7em;
}
.product-review__inputs input,
.product-review__inputs textarea,
.product-review__inputs select {
  width: 100%;
  padding: 0.5em 1em;
  font-size: 12px;
  border: 3px solid var(--light-text);
  color: var(--main-text);
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .product-review__inputs input,
  .product-review__inputs textarea,
  .product-review__inputs select {
    font-size: 17px;
  }
}

#cboxClose {
  text-indent: unset;
  width: auto;
  height: auto;
  color: var(--light-text);
  top: 10px;
  right: 10px;
}
@media (min-width: 768px) {
  #cboxClose {
    color: #828282;
  }
}
#cboxClose i {
  font-size: 40px;
}
@media (min-width: 768px) {
  #cboxClose {
    top: 15px;
    right: 15px;
  }
}

#cboxLoadedContent {
  border: none;
}

.double-submit, .submit {
  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;
  text-align: center;
  font-size: 13px;
}
@media (min-width: 768px) {
  .double-submit, .submit {
    font-size: 15px;
  }
}
.double-submit img, .submit img {
  width: 100px;
}
.double-submit h1, .submit h1, .double-submit h2, .submit h2, .double-submit h3, .submit h3, .double-submit h4, .submit h4, .double-submit h5, .submit h5, .double-submit h6, .submit h6 {
  font-size: 18px;
}
@media (min-width: 768px) {
  .double-submit h1, .submit h1, .double-submit h2, .submit h2, .double-submit h3, .submit h3, .double-submit h4, .submit h4, .double-submit h5, .submit h5, .double-submit h6, .submit h6 {
    font-size: 24px;
  }
}
.double-submit a, .submit a {
  color: var(--contrast-btn);
  padding: 0.5em 1em;
  background-color: var(--main-color);
}
.double-submit a:hover, .submit a:hover {
  background: var(--hover-btn);
}

.submit h1, .submit h2, .submit h3, .submit h4, .submit h5, .submit h6 {
  color: #39b54a;
}
.submit img {
  width: 35px;
}

.r5-21-fx {
  padding: 0 30px;
}
@media (min-width: 768px) {
  .r5-21-fx {
    padding: 0 15px;
  }
}

.wb-hero {
  background-image: url("../images/heros/why_boost_mx.jpg");
  background-repeat: no-repeat;
  background-position: 100px center;
  background-size: cover;
  color: #353535;
  min-height: 200px;
}
@media (min-width: 768px) {
  .wb-hero {
    background-position: center;
  }
}
.wb-hero h1 {
  font-weight: bold;
  display: none;
}
@media (min-width: 768px) {
  .wb-hero h1 {
    display: block;
  }
}
@media (min-width: 768px) {
  .wb-hero h2 {
    font-size: 34px;
  }
}
.wb-hero img {
  width: 200px;
}
@media (min-width: 768px) {
  .wb-hero img {
    width: 350px;
  }
}

.wb-cont {
  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;
}
.wb-cont h1 {
  color: #353535;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
}
@media (min-width: 768px) {
  .wb-cont h1 {
    font-size: 42px;
    display: none;
    font-weight: bold;
  }
}
.wb-cont h2 {
  color: #353535;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5em;
  font-size: 30px;
}
@media (min-width: 768px) {
  .wb-cont h2 {
    font-size: 35px;
  }
}
.wb-cont a {
  text-decoration: underline;
  color: var(--main-colorLink);
  font-weight: bold;
}
.wb-cont ol li a {
  text-decoration: none;
}
.wb-cont ul li {
  list-style: disc;
  list-style-position: outside;
  margin-left: 1em;
}
.wb-cont ul li a {
  color: var(--main-colorLink);
  font-weight: bold;
  text-decoration: underline;
}

.br-tp {
  border-top: 3px dashed #7d7d7d;
  border-spacing: 15px;
}

.br-bt {
  border-bottom: 3px dashed #7d7d7d;
}

.br-md-bt {
  border-bottom: 3px dashed #7d7d7d;
}
@media (min-width: 768px) {
  .br-md-bt {
    border-bottom: none;
  }
}

.br-y {
  border-top: 3px dashed #7d7d7d;
  border-bottom: 3px dashed #7d7d7d;
}

.br-lf {
  border-left: 3px dashed #7d7d7d;
}

.br-rt {
  border-right: none;
}
@media (min-width: 768px) {
  .br-rt {
    border-right: 3px dashed #7d7d7d;
  }
}

.br-x {
  border-left: 3px dashed #7d7d7d;
  border-right: 3px dashed #7d7d7d;
}

.guarantee-set img {
  width: 250px;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .guarantee-set img {
    margin-left: 1em;
  }
}

.manifesto-tab {
  text-align: center;
}
.manifesto-tab strong {
  color: var(--main-color);
  font-weight: bold;
}
.manifesto-tab h4 {
  margin-bottom: 0;
}
.manifesto-tab h3 {
  font-weight: bold;
  font-size: 35px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .manifesto-tab h3 {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .manifesto-tab h3 {
    font-size: 50px;
  }
}
.manifesto-tab p {
  margin: 0;
  font-size: 18px;
  line-height: 1;
}
.manifesto-tab span {
  font-size: 15px;
}
.manifesto-tab--item {
  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;
  text-align: left;
  line-height: 1;
}
.manifesto-tab--item p {
  margin: 0;
  font-size: 18px;
}
.manifesto-tab--item h4 {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 18px;
}
@media (min-width: 992px) {
  .manifesto-tab--item h4 {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .manifesto-tab--item h4 {
    font-size: 18px;
  }
}
.manifesto-tab--item img {
  width: 85px;
}
@media (min-width: 768px) {
  .manifesto-tab--item img {
    width: 90px;
  }
}
@media (min-width: 992px) {
  .manifesto-tab--item img {
    width: 100px;
  }
}

.p-relative {
  position: relative;
}

.r4-16-fx {
  margin-top: 40px;
  margin-bottom: 20px;
}

.r5-19-mob p:first-of-type strong {
  color: #ea9740;
  font-size: 25px;
  font-style: italic;
}

.logo-title h1, .logo-title h2, .logo-title h3, .logo-title h4, .logo-title h5, .logo-title h6 {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .logo-title h1, .logo-title h2, .logo-title h3, .logo-title h4, .logo-title h5, .logo-title h6 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.logo-title h1 img, .logo-title h2 img, .logo-title h3 img, .logo-title h4 img, .logo-title h5 img, .logo-title h6 img {
  width: 180px;
  margin: 0.2em;
}
@media (min-width: 768px) {
  .logo-title h1 img, .logo-title h2 img, .logo-title h3 img, .logo-title h4 img, .logo-title h5 img, .logo-title h6 img {
    width: 250px;
    margin: 0 0.3em;
  }
}

.sign-up-message,
.sign-up-message p {
  font-size: 16px;
  font-style: italic;
  margin-top: 1em;
}
.sign-up-message a,
.sign-up-message p a {
  color: var(--main-color);
}

.form-text {
  margin-top: 0;
}

.intl-tel-input {
  display: block;
}

@media (min-width: 768px) {
  form#retailers {
    width: 90%;
    margin: auto;
    padding: 5%;
  }
}
form#retailers .select2,
form#retailers input {
  margin-bottom: 1em;
}
form#retailers input.codepostal {
  border: 3px solid #b0afb5;
  margin-left: 1em;
  padding: 0.5em;
  width: 35%;
  background: transparent;
  color: #444;
}
form#retailers input.codepostal::-webkit-input-placeholder {
  color: #444;
}
form#retailers input.codepostal::-moz-placeholder {
  color: #444;
}
form#retailers input.codepostal:-ms-input-placeholder {
  color: #444;
}
form#retailers input.codepostal::-ms-input-placeholder {
  color: #444;
}
form#retailers input.codepostal::placeholder {
  color: #444;
}
form#retailers input.postalcode {
  border: 3px solid #b0afb5;
  padding: 0.5em;
  height: 51px;
  background: transparent;
  color: #444;
}
form#retailers input.postalcode::-webkit-input-placeholder {
  color: #444;
}
form#retailers input.postalcode::-moz-placeholder {
  color: #444;
}
form#retailers input.postalcode:-ms-input-placeholder {
  color: #444;
}
form#retailers input.postalcode::-ms-input-placeholder {
  color: #444;
}
form#retailers input.postalcode::placeholder {
  color: #444;
}
form#retailers input[type=submit] {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 16px;
  margin: auto;
  display: block;
  padding: 13px 36px;
}
form#retailers .select2-container--default .select2-selection--single {
  height: auto;
}
form#retailers .select2-container--default .select2-selection--single {
  border: 3px solid #b0afb5;
  padding-bottom: 0;
}
form#retailers .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 10px;
}
form#retailers .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 10px;
}
form#retailers .select2-container--default .select2-selection--single .select2-selection__arrow::before {
  content: "k";
  position: absolute;
  font-family: Fontastic;
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
  color: var(--main-color);
}
form#retailers .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
form#retailers .select2-container--open .select2-selection .select2-selection__arrow::before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--main-colorLinkHover);
  color: var(--text-colorButton);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--main-colorLink);
}

#storelocator .select2-container {
  width: 100% !important;
  text-align: left;
}

.retailer-list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px -15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .retailer-list-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.retailer-list-container ol.retailer-list {
  max-height: 200px;
  width: 100%;
  overflow-y: scroll;
  margin-bottom: 40px;
  text-align: left;
}
@media (min-width: 768px) {
  .retailer-list-container ol.retailer-list {
    margin-bottom: 10px;
    max-height: 237px;
  }
}
.retailer-list-container ol.retailer-list li.retailer {
  counter-increment: cs-counter;
  font-size: 15px;
  position: relative;
  margin-bottom: 1em;
}
.retailer-list-container ol.retailer-list li.retailer h1, .retailer-list-container ol.retailer-list li.retailer h2, .retailer-list-container ol.retailer-list li.retailer h3, .retailer-list-container ol.retailer-list li.retailer h4, .retailer-list-container ol.retailer-list li.retailer h5, .retailer-list-container ol.retailer-list li.retailer h6 {
  text-decoration: underline;
  font-size: 16px;
  display: inline;
}
@media (min-width: 768px) {
  .retailer-list-container ol.retailer-list li.retailer h1, .retailer-list-container ol.retailer-list li.retailer h2, .retailer-list-container ol.retailer-list li.retailer h3, .retailer-list-container ol.retailer-list li.retailer h4, .retailer-list-container ol.retailer-list li.retailer h5, .retailer-list-container ol.retailer-list li.retailer h6 {
    font-size: 21px;
  }
}
.retailer-list-container ol.retailer-list li.retailer a {
  font-size: 16px;
  display: inline;
}
@media (min-width: 768px) {
  .retailer-list-container ol.retailer-list li.retailer a {
    font-size: 21px;
  }
}
.retailer-list-container ol.retailer-list li.retailer p {
  margin-bottom: 0.3em;
}
.retailer-list-container .retailer-map {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  background: #eee;
  width: 100%;
}
.retailer-list-container #map {
  height: 200px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .retailer-list-container #map {
    height: 100%;
    margin-top: 0px;
  }
}

.retail_btn {
  font-size: 16px;
  padding: 13px 36px;
}

.beUpCarousel {
  width: 100%;
}
.beUpCarousel img {
  width: 100%;
  height: 100%;
}

.overlay-beUp4 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.w-80 {
  width: 80%;
}

.offers-form {
  background-color: var(--main-colorLink);
}

.guarantee_top {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

#newsletter_form .loading,
#fast_newsletter .loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.5;
  z-index: 100;
  background-color: #777;
}
#newsletter_form .loading img,
#fast_newsletter .loading img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#fast_newsletter #email-error {
  color: var(--contrast-btn);
}

.hidden {
  display: none !important;
}

.section-qna a {
  color: var(--main-color);
}

.modal-footer .btn-secondary {
  color: #fff;
  background-color: var(--main-color);
  border-color: var(--main-color);
}

@media (min-width: 768px) {
  .line-md-left {
    border-left: 1px solid #dedede;
  }
}

div[id$=-local-tasks] {
  margin-top: 100px;
  text-align: center;
}
div[id$=-local-tasks] ul {
  display: inline-block;
  margin: auto;
}
div[id$=-local-tasks] ul li {
  display: inline-block;
  float: left;
  padding: 10px;
}
div[id$=-local-tasks] ul li:hover a {
  border-bottom: 2px solid #595959;
}

.hero_slider .hero_slider__item {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 180px;
  position: relative;
  display: none;
  width: 100%;
  float: left;
}
.hero_slider .hero_slider__item:first-child {
  display: block;
}
@media (min-width: 480px) {
  .hero_slider .hero_slider__item {
    background-size: cover;
    background-position: center center;
    height: 200px;
  }
}
@media (min-width: 768px) {
  .hero_slider .hero_slider__item {
    background-size: cover;
    background-position: center center;
    height: 81vh;
  }
}
.hero_slider .hero_slider__item img {
  display: inline-block;
  width: 100%;
}
.hero_slider .hero_slider__item .cs-title {
  font-size: 2.5em;
  margin-bottom: 0.67em;
}
.hero_slider .hero_slider__item .cs-title.text-container p {
  color: var(--text-button);
  text-shadow: none;
  font-size: 25px;
}
@media (min-width: 768px) {
  .hero_slider .hero_slider__item .cs-title.text-container p {
    font-size: 70px;
  }
}
.hero_slider .hero_slider__item .text-container {
  position: absolute;
  font-weight: bold;
  padding: 1em 0;
  color: #fff;
  font-size: 20px;
  line-height: 1;
}
@media (min-width: 768px) {
  .hero_slider .hero_slider__item .text-container {
    font-size: 50px;
  }
}
.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 {
  color: var(--main-hero);
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
  font-weight: bold;
}
@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: 75px;
  }
}
.hero_slider .hero_slider__item .text-container p {
  text-shadow: 2px 0 5px rgba(0, 0, 0, 0.6);
}
.hero_slider .hero_slider__item .disclaimer {
  font-size: 75%;
  width: 100%;
  font-weight: normal;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.hero_slider .hero_slider__item .btn-boost, .hero_slider .hero_slider__item .cs-gigya-form input[type=submit], .cs-gigya-form .hero_slider .hero_slider__item input[type=submit] {
  font-size: 14px;
}
@media (min-width: 768px) {
  .hero_slider .hero_slider__item .btn-boost, .hero_slider .hero_slider__item .cs-gigya-form input[type=submit], .cs-gigya-form .hero_slider .hero_slider__item input[type=submit] {
    font-size: 20px;
  }
}

.cs-top {
  top: 0;
}

.cs-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.cs-leftCenter {
  left: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cs-rightCenter {
  right: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cs-left {
  left: 10%;
}

.cs-right {
  right: 10%;
}

.cs-bottom {
  bottom: 0;
}

.nav-store label {
  line-height: 1;
  margin: 0;
}
.nav-store label #find-store {
  border-radius: 5px;
  margin-left: 10px;
  border: none;
  text-align: center;
  padding: 3px;
}
.nav-store label #find-store::-webkit-input-placeholder {
  text-align: center;
}
.nav-store label #find-store::-moz-placeholder {
  text-align: center;
}
.nav-store label #find-store:-ms-input-placeholder {
  text-align: center;
}
.nav-store label #find-store::-ms-input-placeholder {
  text-align: center;
}
.nav-store label #find-store::placeholder {
  text-align: center;
}
.nav-store input[type=submit] {
  color: #fff;
  background: var(--main-color);
  border-radius: 5px;
  padding: 3px 10px;
  height: 100%;
  cursor: pointer;
  border: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.view_mode_menu_li {
  padding-top: 0.8em !important;
  display: inline-block;
}
.view_mode_menu_li a {
  padding: 0px !important;
}
.view_mode_menu_li img {
  max-width: 25%;
  display: inline-block;
  float: left;
}
.view_mode_menu_li p {
  display: inline-block;
  max-width: 75%;
  float: left;
  padding-left: 10px;
}

.for_mobile.open {
  padding-bottom: 10px;
}

.bg-hero-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bg-hero-image--centerBottom {
  background-position: center bottom;
}
.bg-hero-image--centerTop {
  background-position: center top;
}

.hero-description .hero-title {
  line-height: 1;
}
.hero-description .hero-title h1, .hero-description .hero-title h2, .hero-description .hero-title h3, .hero-description .hero-title h4, .hero-description .hero-title h5, .hero-description .hero-title h6 {
  margin: 0;
  font-weight: bold;
  font-size: 30px;
}
@media (min-width: 768px) {
  .hero-description .hero-title h1, .hero-description .hero-title h2, .hero-description .hero-title h3, .hero-description .hero-title h4, .hero-description .hero-title h5, .hero-description .hero-title h6 {
    font-size: 50px;
  }
}
.hero-description .hero-title p {
  font-weight: bold;
  font-size: 18px;
}
@media (min-width: 768px) {
  .hero-description .hero-title p {
    font-size: 25px;
  }
}

.hero-references {
  font-size: 70%;
}

.hero-content {
  color: #595959;
}
.hero-content__columns {
  font-size: 15px;
}

.thumbnail-item {
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #dedede;
  padding: 0.7em;
  max-width: 135px;
  cursor: pointer;
}
.thumbnail-item img {
  max-height: 93px;
  margin: auto;
}

.thumbnail-car {
  height: 100px;
}
@media print {
  .thumbnail-car {
    display: none !important;
  }
}
.thumbnail-car.h100 .slick-track {
  -webkit-transform: none !important;
          transform: none !important;
}
@media (min-width: 768px) {
  .thumbnail-car {
    height: 528px;
  }
}
@media (min-width: 768px) {
  .thumbnail-car .slick-prev {
    height: 40px;
    left: 45%;
    -webkit-transform: rotateZ(90deg) translateX(-50%);
            transform: rotateZ(90deg) translateX(-50%);
    top: -4%;
  }
}
@media (min-width: 768px) {
  .thumbnail-car .slick-next {
    height: 40px;
    right: 50%;
    top: 102%;
    -webkit-transform: rotateZ(90deg) translate(-40%, -50%);
            transform: rotateZ(90deg) translate(-40%, -50%);
  }
}

.thumbnail-item {
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #dedede;
  padding: 0.7em;
  max-width: 135px;
}
.thumbnail-item img {
  max-height: 93px;
  margin: auto;
}

.thumbnail-car {
  display: none;
}
@media (min-width: 768px) {
  .thumbnail-car {
    display: block;
  }
}

@media (min-width: 768px) {
  .thumbnail-car .slick-prev {
    height: 40px;
    left: 45%;
    -webkit-transform: rotateZ(90deg) translateX(-50%);
            transform: rotateZ(90deg) translateX(-50%);
    top: -4%;
  }
}
@media (min-width: 768px) {
  .thumbnail-car .slick-next {
    height: 40px;
    right: 50%;
    top: 102%;
    -webkit-transform: rotateZ(90deg) translate(-40%, -50%);
            transform: rotateZ(90deg) translate(-40%, -50%);
  }
}

.vertical-prod {
  height: 300px;
}
@media (min-width: 768px) {
  .vertical-prod {
    height: 442px;
  }
}
.vertical-prod .product-item img {
  max-height: 250px;
  margin: auto;
}
@media (min-width: 768px) {
  .vertical-prod .product-item img {
    max-height: 440px;
  }
}

.product-item {
  text-align: center;
  max-width: 350px;
  padding: 0.7em;
}

.bg-healthcare {
  background: var(--main-color);
  color: var(--contrast-btn);
}
.bg-healthcare a:hover {
  text-decoration: underline;
  color: #fff !important;
}

.hcp-menu {
  z-index: 900 !important;
  max-width: 100%;
  display: block;
}

.healthcare-nav {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 90%;
  margin: auto;
  font-size: 16px;
}
@media (min-width: 768px) {
  .healthcare-nav {
    font-size: 20px;
    width: 80%;
  }
}
.healthcare-nav__item {
  position: relative;
  text-align: center;
}
.healthcare-nav__item:hover ul, .healthcare-nav__item:hover ul:hover {
  visibility: visible;
}
.healthcare-nav .healthcare-subnav {
  position: absolute;
  top: 100%;
  left: 50%;
  visibility: hidden;
  padding-top: 20px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 100;
}
.healthcare-nav .healthcare-subnav li {
  background-color: var(--main-color);
  width: 150px;
  text-align: center;
}
.healthcare-nav .healthcare-subnav li:hover {
  background-color: var(--hover-hcp-nav);
}
.healthcare-nav .healthcare-subnav li a {
  padding: 0.3em 0.5em;
  display: block;
}
@media (min-width: 768px) {
  .healthcare-nav .healthcare-subnav li {
    width: 300px;
  }
}

.top_arrow:after {
  bottom: calc(100% - 20px);
  left: 50%;
  border: solid transparent;
  content: " ";
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: var(--main-color);
  border-width: 10px;
}

.center-box {
  background: var(--main-color);
  color: #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: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 1em;
}
.center-box p {
  margin-bottom: 0;
}

.hcp-lowerCaption {
  font-size: 70%;
}

.hcp-bg-container {
  background-color: #f5f6f0;
}

.hcp-freestyle-hero {
  background-color: #f5f6f0;
  padding-top: 100px;
}
@media (min-width: 768px) {
  .hcp-freestyle-hero {
    padding-top: 0px;
  }
}
.hcp-freestyle-hero h1, .hcp-freestyle-hero h2, .hcp-freestyle-hero h3, .hcp-freestyle-hero h4, .hcp-freestyle-hero h5, .hcp-freestyle-hero h6 {
  font-weight: bold;
  font-size: 30px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .hcp-freestyle-hero h1, .hcp-freestyle-hero h2, .hcp-freestyle-hero h3, .hcp-freestyle-hero h4, .hcp-freestyle-hero h5, .hcp-freestyle-hero h6 {
    font-size: 60px;
  }
}
.hcp-freestyle-hero__content {
  font-size: 18px;
}
@media (min-width: 768px) {
  .hcp-freestyle-hero__content {
    font-size: 24px;
  }
}

.hcp-form {
  color: #fff;
}
.hcp-form label {
  width: 100%;
}
.hcp-form label.error {
  color: var(--color-white);
}
.hcp-form input[type=email] {
  padding: 0.5em;
  width: 100%;
}
.hcp-form input[type=email]::-webkit-input-placeholder {
  color: #888;
}
.hcp-form input[type=email]::-moz-placeholder {
  color: #888;
}
.hcp-form input[type=email]:-ms-input-placeholder {
  color: #888;
}
.hcp-form input[type=email]::-ms-input-placeholder {
  color: #888;
}
.hcp-form input[type=email]::placeholder {
  color: #888;
}
.hcp-form div[aria-label="Error message"] {
  display: none;
}
.hcp-form input[type=submit] {
  position: relative;
  color: #fff;
  background: transparent;
  border: none;
  cursor: pointer;
}
.hcp-form .form-item-email {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .hcp-form .form-item-email {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
}
.hcp-form .input_contain {
  padding-top: 8px;
  position: relative;
}
@media (min-width: 768px) {
  .hcp-form .input_contain {
    width: auto;
  }
}
.hcp-form .input_contain::before {
  content: "l";
  font-family: "fontastic" !important;
  position: absolute;
  width: 27px;
  height: 27px;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
}
@media (min-width: 768px) {
  .hcp-form .input_contain::before {
    left: auto;
    right: -27px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.hcp-cs-titles p strong {
  color: var(--main-color);
  font-size: 25px;
  line-height: 1;
}

.hcp-cs-column h3 {
  font-size: 20px;
}

.thumbnail-car.h100 .slick-list {
  height: 100% !important;
}
.thumbnail-car.h100 .slick-list .slick-track {
  height: 100% !important;
  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;
}

.products_image_menu {
  margin-bottom: 10px;
  text-align: center;
  color: var(--main-text);
}
.products_image_menu img {
  max-width: 90%;
  margin-bottom: 10px;
  height: 176px;
  width: auto;
}

.text_white {
  color: #fff;
}
.text_black {
  color: #000;
}
.text_main {
  color: var(--main-text);
}
.text_nhsc_blue {
  color: #01a1c9;
}

.error_custom_content {
  margin: 0px 0px;
}
@media (min-width: 768px) {
  .error_custom_content {
    margin: 100px 0px;
  }
}
.error_custom_content h1 {
  font-size: 2.1em;
}
.error_custom_content h2 {
  font-size: 1.5em;
}
@media (min-width: 768px) {
  .error_custom_content h2 {
    font-size: 1.75em;
  }
}
.error_custom_content .btn {
  margin-top: 20px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .error_custom_content .btn {
    margin-bottom: 0px;
  }
}

.bg_white {
  background: #fff;
}

.ribbon-container {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ribbon-container .ribbon {
  max-width: 200px;
  margin-bottom: 50px;
}

.cs-art h1, .cs-art h2, .cs-art h3, .cs-art h4, .cs-art h5, .cs-art h6 {
  color: var(--darken-text);
  margin-bottom: 40px;
  font-size: 30px;
}
@media (min-width: 768px) {
  .cs-art h1, .cs-art h2, .cs-art h3, .cs-art h4, .cs-art h5, .cs-art h6 {
    font-size: 40px;
  }
}

.cs-register-steps {
  text-align: left;
}
.cs-register-steps h1, .cs-register-steps h2, .cs-register-steps h3, .cs-register-steps h4, .cs-register-steps h5, .cs-register-steps h6 {
  font-size: 20px;
  margin-bottom: 5px;
  color: var(--main-color);
  font-weight: bold;
}

.register-form input:not([type=checkbox]),
.register-form textarea,
.register-form select {
  display: block;
  background: rgba(255, 255, 255, 0.8);
  -webkit-appearance: none;
  border: 2px solid var(--light-text);
  color: var(--main-text);
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .register-form input:not([type=checkbox]),
  .register-form textarea,
  .register-form select {
    margin-bottom: 0;
  }
}
.register-form input:not([type=checkbox])::-webkit-input-placeholder, .register-form textarea::-webkit-input-placeholder, .register-form select::-webkit-input-placeholder {
  font-size: 17px;
}
.register-form input:not([type=checkbox])::-moz-placeholder, .register-form textarea::-moz-placeholder, .register-form select::-moz-placeholder {
  font-size: 17px;
}
.register-form input:not([type=checkbox]):-ms-input-placeholder, .register-form textarea:-ms-input-placeholder, .register-form select:-ms-input-placeholder {
  font-size: 17px;
}
.register-form input:not([type=checkbox])::-ms-input-placeholder, .register-form textarea::-ms-input-placeholder, .register-form select::-ms-input-placeholder {
  font-size: 17px;
}
.register-form input:not([type=checkbox])::placeholder,
.register-form textarea::placeholder,
.register-form select::placeholder {
  font-size: 17px;
}
.register-form label {
  display: inline;
}
.register-form label.error {
  display: inline-block;
  font-size: 16px;
  text-align: left;
  width: 100%;
  margin: 0;
  position: relative;
  top: -20px;
}
@media (min-width: 768px) {
  .register-form label.error {
    top: 0;
  }
}
.register-form input,
.register-form textarea,
.register-form select {
  font-size: 17px;
  padding: 0.2em 0.5em;
}
.register-form a {
  color: var(--main-colorLink);
}
.register-form input[type=submit] {
  background: var(--main-color);
  color: var(--text-colorButton);
  border: 2px solid var(--main-color);
  padding: 0.5em 1em;
  cursor: pointer;
  display: inline-block;
  width: auto;
  margin-top: 3rem;
  position: relative;
}
.register-form input[type=submit]::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 41.999 41.999' fill='#fff'><path d='M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40  c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20  c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z' /></svg>");
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15px;
  height: 15px;
}
.register-form input[type=checkbox] {
  display: inline-block;
}
@media (min-width: 768px) {
  .register-form .form-row {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .register-form .form-item-email,
  .register-form .form-item-address,
  .register-form .form-item-city {
    margin-bottom: 20px;
  }
}

.cs-ol-list {
  margin-bottom: 20px;
  padding-left: 20px;
}
.cs-ol-list li {
  list-style: disc;
}

.main-color {
  color: var(--main-color);
}
.main-color:hover {
  color: var(--main-color);
}

.thank-message {
  text-align: center;
}
.thank-message h1, .thank-message h2, .thank-message h3, .thank-message h4, .thank-message h5, .thank-message h6 {
  color: var(--darken-text);
  font-weight: bold;
  font-size: 50px;
}
@media (min-width: 768px) {
  .thank-message h1, .thank-message h2, .thank-message h3, .thank-message h4, .thank-message h5, .thank-message h6 {
    font-size: 70px;
  }
}
.thank-message img {
  max-width: 100px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .thank-message img {
    max-width: 150px;
  }
}

.wrap_unsuscribe {
  position: relative;
}
.wrap_unsuscribe .confirm_unsuscribe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #fff;
  display: none;
  opacity: 0;
}
.wrap_unsuscribe .loading {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0.8;
}

.py-8 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py-10 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.social-about {
  position: relative;
  z-index: 10;
}
.social-about a:not(:last-child) {
  margin-right: 0.5em;
}
.social-about a img {
  width: 40px;
}
.social-about p {
  margin-bottom: 0;
}

div[id*=webform_submission_hcp_suscribe_node_] {
  width: 100%;
}

/** USER FORM **/
.user-login-form,
.user-pass,
.user-register-form {
  width: 100%;
  margin: auto;
  margin-bottom: 100px;
  padding: 0px 15px;
  max-width: 500px;
}
.user-login-form .form-item,
.user-pass .form-item,
.user-register-form .form-item {
  width: 100%;
  margin-bottom: 15px;
}
.user-login-form .form-item .description,
.user-pass .form-item .description,
.user-register-form .form-item .description {
  font-size: 15px;
}
.user-login-form .form-item .form-text,
.user-login-form .form-item .form-email,
.user-login-form .form-item .form-date,
.user-pass .form-item .form-text,
.user-pass .form-item .form-email,
.user-pass .form-item .form-date,
.user-register-form .form-item .form-text,
.user-register-form .form-item .form-email,
.user-register-form .form-item .form-date {
  width: 100%;
}
.user-login-form input[type=submit],
.user-pass input[type=submit],
.user-register-form input[type=submit] {
  background-color: #52a0c9;
  color: #fff;
  width: 100%;
  font-size: 18px;
}
.user-login-form input[type=submit]:hover,
.user-pass input[type=submit]:hover,
.user-register-form input[type=submit]:hover {
  background-color: #428eb5;
}

.signin-options {
  color: #000;
  text-align: center;
  font-size: 18px;
}
.signin-options .forgot-password {
  display: inline-block;
}
.signin-options .signup-link {
  color: #52a0c9;
}
.signin-options a {
  font-weight: bold;
}
.signin-options a:hover {
  text-decoration: underline;
}

/** END USER FORM **/
.cs-frs-position {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 70vh;
  display: block !important;
}
@media (min-width: 480px) {
  .cs-frs-position {
    background-size: cover;
    background-position: center center;
  }
}
@media (min-width: 768px) {
  .cs-frs-position {
    background-size: cover;
    background-position: center center;
    height: 81vh;
  }
}
.cs-frs-position .text-container .btn.btn-boost, .cs-frs-position .text-container .cs-gigya-form input.btn[type=submit], .cs-gigya-form .cs-frs-position .text-container input.btn[type=submit] {
  background: #1e70c0;
}

.d-header h1, .d-header h2, .d-header h3, .d-header h4, .d-header h5, .d-header h6 {
  color: var(--darken-text);
  font-weight: bold;
}

.cs-header-home h1, .cs-header-home h2, .cs-header-home h3, .cs-header-home h4, .cs-header-home h5, .cs-header-home h6 {
  font-size: 2.5em;
}

.cs-grid-home {
  text-align: center;
  margin-top: 30px;
}
.cs-grid-home h1, .cs-grid-home h2, .cs-grid-home h3, .cs-grid-home h4, .cs-grid-home h5, .cs-grid-home h6 {
  color: #47b1f0;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 0;
}
.cs-grid-home p:nth-child(2) {
  color: #5ab152;
  font-weight: bold;
  line-height: 1;
  font-size: 30px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .cs-grid-home p:nth-child(2) {
    font-size: 50px;
  }
}
.cs-grid-home p:not(:nth-child(2)) {
  font-size: 15px;
}

.cards-carousel-cbe > .col-12 {
  display: none;
}
.cards-carousel-cbe > .col-12:nth-child(1) {
  display: block;
}
@media (min-width: 576px) {
  .cards-carousel-cbe > .col-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .cards-carousel-cbe > .col-12:nth-child(-n+2) {
    display: block;
  }
}
@media (min-width: 768px) {
  .cards-carousel-cbe > .col-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3%;
            flex: 0 0 33.3%;
    max-width: 33.3%;
  }
  .cards-carousel-cbe > .col-12:nth-child(-n+3) {
    display: block;
  }
}
@media (min-width: 992px) {
  .cards-carousel-cbe > .col-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    display: none;
  }
  .cards-carousel-cbe > .col-12:nth-child(-n+4) {
    display: block;
  }
}

@media print {
  [id*=-local-tasks] {
    display: none;
  }
}

@media print {
  [data-block-plugin-id=system_breadcrumb_block] {
    display: none;
  }
}

@media print {
  footer {
    display: none;
  }
}

#select2-goal-sel-results li.select2-results__option {
  text-transform: capitalize;
}

.schedule-footer h1, .schedule-footer h2, .schedule-footer h3, .schedule-footer h4, .schedule-footer h5, .schedule-footer h6 {
  font-size: 30px;
  margin-bottom: 10px;
}

.cs-protein-block img {
  max-width: 250px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .cs-protein-block img {
    max-width: 390px;
  }
}
.cs-protein-block p {
  margin-bottom: 30px;
}

.cs-protein-number img {
  max-width: 240px;
}

.cs-nutrition-qa h1, .cs-nutrition-qa h2, .cs-nutrition-qa h3, .cs-nutrition-qa h4, .cs-nutrition-qa h5, .cs-nutrition-qa h6 {
  font-size: 2.5em;
}

.cs-more-questions h1, .cs-more-questions h2, .cs-more-questions h3, .cs-more-questions h4, .cs-more-questions h5, .cs-more-questions h6 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.cs-power-block img {
  margin: auto;
  display: block;
}
.cs-power-block--grams img {
  max-width: 200px;
}
@media (min-width: 768px) {
  .cs-power-block--grams img {
    max-width: 295px;
  }
}

.cs-facts img {
  margin: auto;
  max-width: 250px;
}
@media (min-width: 768px) {
  .cs-facts img {
    max-width: 320px;
  }
}

.article_menu_products .listing-card-description a {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.article_menu_products .listing-card-description a span {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  position: static !important;
}

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

.cs-amb2 {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#edit-email--description {
  text-align: left;
  font-size: 15px;
  font-style: italic;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .w-md-100 {
    width: 100% !important;
  }
}

#account-name {
  text-transform: uppercase;
}

.arial-f input[type=text] {
  font-family: Arial, Helvetica, sans-serif !important;
}

h1#gigya-change-password-container_content_caption {
  display: none;
}

[role=contentinfo][aria-label="Error message"] [role=alert] {
  display: none;
}

@media (max-width: 767px) {
  .submenu-account-settings {
    position: absolute;
    right: 0;
    width: 38%;
  }
}
@media (min-width: 768px) {
  .submenu-account-settings {
    width: 100%;
  }
}

.account-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.account-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .account-menu__item {
    position: relative;
  }
}
.account-menu__item > a {
  position: relative;
}
.account-menu__item > a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 20px;
  height: 17px;
  background: url("../images/icons/arrow.svg") no-repeat center/contain;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
@media (max-width: 767px) {
  .account-menu__item > a::after {
    display: none;
  }
}
.account-menu__item.open .account-menu__item__box {
  opacity: 1;
  visibility: visible;
}
.account-menu__item.open > a::after {
  opacity: 1;
  visibility: visible;
}
.account-menu__item:not(:last-child) {
  margin-right: 20px;
}
.account-menu__item .cta-icon-menu {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-menu__item .cta-icon-menu span.items-cart {
  border-radius: 50%;
  background: #5ab151;
  padding: 5px 6px;
  color: var(--color-white);
  font-size: 10px;
  display: inline-block;
  min-width: 25px;
}
@media (min-width: 992px) {
  .account-menu__item .cta-icon-menu span.items-cart {
    font-size: 14px;
    min-width: 31px;
  }
}
.account-menu__item__box {
  position: absolute;
  top: 100%;
  background: #fff;
  margin-top: 15px;
  border: 1px solid #b0afb5;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .account-menu__item__box {
    display: none;
  }
}
.account-menu__item__box li {
  position: relative;
}
.account-menu__item__box .product-cart-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1daadd;
  line-height: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-menu__item__box.account-opts-menu-item {
  right: 0;
  padding: 2em;
  width: 100vw;
}
@media (min-width: 768px) {
  .account-menu__item__box.account-opts-menu-item {
    width: 35vw;
  }
}
.account-menu__item__box.account-opts-menu-item li {
  padding-left: 45px;
}
.account-menu__item__box.account-opts-menu-item li:not(:last-child) {
  margin-bottom: 30px;
}
.account-menu__item__box.account-opts-menu-item li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: url("../images/quiz-ellipse.png") no-repeat center/contain;
}

.cart-opts-menu-item {
  width: 100vw;
  right: 0;
}
@media (min-width: 768px) {
  .cart-opts-menu-item {
    width: 580px;
  }
}
.cart-opts-menu-item > ul {
  max-height: 60vh;
  overflow-y: auto;
  padding: 1em 1em 0;
}
.cart-opts-menu-item .checkout-info-cart {
  background-color: var(--bg-section);
  padding: 1em;
  font-size: 17px;
}
.cart-opts-menu-item .checkout-info-cart p {
  margin-bottom: 0;
}
.cart-opts-menu-item .checkout-info-cart .subtotal-cart {
  color: #2e4b95;
  font-size: 150%;
}
.cart-opts-menu-item .checkout-info-cart .subtotal-cart::before {
  content: "$";
}
.cart-opts-menu-item .checkout-info-cart .btn-boost, .cart-opts-menu-item .checkout-info-cart .cs-gigya-form input[type=submit], .cs-gigya-form .cart-opts-menu-item .checkout-info-cart input[type=submit] {
  padding: 0.7em;
}
.cart-opts-menu-item .row-product-cart {
  position: relative;
}
.cart-opts-menu-item .row-product-cart:not(:last-of-type)::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: 1px solid #ccc;
}
.cart-opts-menu-item .thumbnail-product-cart {
  text-align: center;
}
.cart-opts-menu-item .thumbnail-product-cart img {
  max-height: 120px;
}
.cart-opts-menu-item .label-product-cart {
  color: var(--main-color);
  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;
}
.cart-opts-menu-item .label-product-cart p {
  margin-bottom: 0;
}
.cart-opts-menu-item .label-product-cart a {
  color: var(--main-text);
  font-size: 80%;
}
.cart-opts-menu-item .product-cart-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cart-opts-menu-item .product-cart-price p {
  margin-bottom: 0;
  position: relative;
  font-weight: bold;
}
.cart-opts-menu-item .product-cart-price p::before {
  content: "$";
}

.quantity-shopping-cart {
  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 #ccc;
  border-radius: 5px;
}
.quantity-shopping-cart.disabled {
  pointer-events: none;
  cursor: none;
  opacity: 0.5;
}
.quantity-shopping-cart .quantity-control-prepend,
.quantity-shopping-cart .quantity-control-append {
  width: 33.33%;
  text-align: center;
  cursor: pointer;
  padding: 0.3em;
  font-size: 20px;
  line-height: 1;
}
.quantity-shopping-cart .quantity-control-prepend::-moz-selection, .quantity-shopping-cart .quantity-control-append::-moz-selection {
  background: none;
}
.quantity-shopping-cart .quantity-control-prepend::selection,
.quantity-shopping-cart .quantity-control-append::selection {
  background: none;
}
.quantity-shopping-cart .quantity-control-prepend {
  border-right: 1px solid #ccc;
}
.quantity-shopping-cart .quantity-control-append {
  border-left: 1px solid #ccc;
}
.quantity-shopping-cart input[type=number] {
  width: 33.33%;
  text-align: center;
  border: none;
}

#sticky-wrapper {
  height: auto !important;
}

.cs-gigya-form {
  background: #fff;
  padding: 1em 0;
  font-size: 15px;
  position: relative;
  z-index: 10;
  color: var(--main-text);
}
@media (min-width: 768px) {
  .cs-gigya-form {
    padding: 1em 1.5em;
  }
}
.cs-gigya-form h2 {
  font-size: 1.5em;
  color: var(--darken-text) !important;
  font-weight: bold;
}
.cs-gigya-form h2::before {
  content: none;
}
.cs-gigya-form hr {
  border-top: 1px solid #d3d3d3;
}
.cs-gigya-form a.section-link {
  font-size: 15px;
}
.cs-gigya-form a.section-link::after {
  background-color: var(--main-color);
}
.cs-gigya-form input {
  padding: 19px 11px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.cs-gigya-form input.error {
  border-color: #ec1818;
  background-color: #fff4f4;
}
.cs-gigya-form input .error {
  border-color: #ec1818;
}
.cs-gigya-form input[type=text], .cs-gigya-form input[type=email] {
  border-width: 2px;
  border-radius: 0;
}
.cs-gigya-form input[type=text]::-webkit-input-placeholder, .cs-gigya-form input[type=email]::-webkit-input-placeholder {
  font-style: italic;
  opacity: 1;
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.cs-gigya-form input[type=text]::-moz-placeholder, .cs-gigya-form input[type=email]::-moz-placeholder {
  font-style: italic;
  opacity: 1;
  -moz-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.cs-gigya-form input[type=text]:-ms-input-placeholder, .cs-gigya-form input[type=email]:-ms-input-placeholder {
  font-style: italic;
  opacity: 1;
  -ms-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.cs-gigya-form input[type=text]::-ms-input-placeholder, .cs-gigya-form input[type=email]::-ms-input-placeholder {
  font-style: italic;
  opacity: 1;
  -ms-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.cs-gigya-form input[type=text]::placeholder, .cs-gigya-form input[type=email]::placeholder {
  font-style: italic;
  opacity: 1;
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.cs-gigya-form input[type=text]:focus, .cs-gigya-form input[type=email]:focus {
  border-color: var(--main-color);
  background-color: #fff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cs-gigya-form input[type=text]:focus::-webkit-input-placeholder, .cs-gigya-form input[type=email]:focus::-webkit-input-placeholder {
  opacity: 0;
}
.cs-gigya-form input[type=text]:focus::-moz-placeholder, .cs-gigya-form input[type=email]:focus::-moz-placeholder {
  opacity: 0;
}
.cs-gigya-form input[type=text]:focus:-ms-input-placeholder, .cs-gigya-form input[type=email]:focus:-ms-input-placeholder {
  opacity: 0;
}
.cs-gigya-form input[type=text]:focus::-ms-input-placeholder, .cs-gigya-form input[type=email]:focus::-ms-input-placeholder {
  opacity: 0;
}
.cs-gigya-form input[type=text]:focus::placeholder, .cs-gigya-form input[type=email]:focus::placeholder {
  opacity: 0;
}
.cs-gigya-form input[type=submit] {
  border: none;
}
.cs-gigya-form small.error {
  color: #ec1818;
  padding-left: 5px;
}
.cs-gigya-form .cs-message {
  position: absolute;
  padding: 1em 1.5em;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.cs-gigya-form .cs-message h2 {
  font-weight: bold;
  font-size: 1.5em;
}
.cs-gigya-form.success .cs-message {
  z-index: 1;
  opacity: 1;
}

@media (max-width: 767px) {
  .footer-column--contact h3.h5::after {
    margin: 15px auto 0;
  }
}
.footer-column.mobile-toggle {
  overflow: hidden;
}
@media (max-width: 767px) {
  .footer-column.mobile-toggle {
    padding: 0;
    text-align: center;
  }
  .footer-column.mobile-toggle:not(:last-child) {
    border-top: 1px solid white;
  }
  .footer-column.mobile-toggle:nth-last-child(2) {
    border-bottom: 1px solid white;
  }
  .footer-column.mobile-toggle ul {
    display: block;
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  }
}
@media (max-width: 767px) {
  .footer-column.mobile-toggle.open ul {
    max-height: 99em;
    padding-bottom: 9px;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
  }
  .footer-column.mobile-toggle.open ul li {
    padding: 5px 0;
  }
}
@media (max-width: 767px) {
  .footer-column.mobile-toggle h3 {
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 9px 15px;
  }
  .footer-column.mobile-toggle h3::after {
    content: none;
  }
}