/** Shopify CDN: Minification failed

Line 570:30 Unexpected "}"

**/
.btn {
  border-radius: 15px;
  font-size: 17px;
  line-height: 20px;
  padding: 8px 5px;
  transition: .4s; } 
  .btn:hover {
    transition: .4s; }
  .btn.btn-primary {
    background-color: #ff6720;
    border: solid 2px #ff6720;
    border-radius:5rem;
    color: white;
    font-weight: 600; }
    .btn.btn-primary:hover {
      background-color: white;
      color: #475d43; }
  .btn.btn-primary-o {
    background-color: white;
    border: solid 1px #475d43;
    color: #475d43;
    font-weight: 600; }
    .btn.btn-primary-o:hover {
      background-color: #475d43;
      color: white; }
  .btn.btn-secondary {
    background-color: #6b6b6b;
    border: solid 1px #6b6b6b;
    border-radius:5rem;
    color: white;

    font-weight: 600; }
    .btn.btn-secondary:hover {
      background-color: white;
      color: #6b6b6b; }
  .btn.btn-secondary-o {
    background-color: white;
    border: solid 1px #6b6b6b;
    border-radius:5rem;
    color: #6b6b6b;
    font-weight: 600; }
    .btn.btn-secondary-o:hover {
      background-color: #6b6b6b;
      color: white; }

.collection-content .btn {
  padding-left: 15px;
  padding-right: 15px;
  border-radius:5rem;
  border: solid 1px #475d43; }
  .collection-content .btn:hover {
    background-color: white;
    color: #475d43; }

main h1, main h2, main h3, main p, main ul {
  color: #404040; }

.visible {
  display: block !important; }

.product {
  /* margin: 30px 0; */
  text-align: center;
  /* .grid__image, img{
      max-height: 200px;
  } */ }
  .product .flavors {
    display: none; }
    .product .flavors:first-of-type {
      display: block; }
  .product .h6 {
    font-size: 1.5em;
    color: #404040; }
    @media screen and (max-width: 479px) {
      .product .h6 {
        font-size: 1.3em;
        min-height: 46px; } }
    @media screen and (max-width: 368px) {
      .product .h6 {
        font-size: 1em;
        min-height: 40px; } }
  .product ul {
    list-style: none; }
  .product .product-quick-description {
    font-size: 14px;
    height: auto;
    margin: 0 auto;
    max-width: 220px;
    line-height: 1; }
    @media screen and (max-width: 479px) {
      .product .product-quick-description {
        font-size: 13px; } }
    @media screen and (max-width: 368px) {
      .product .product-quick-description {
        line-height: 16px;
        font-size: 13px; } }
  .product .price {
    color: #404040;
    font-size: 30px;
    font-weight: 300;
    margin: 0 auto; }
    @media screen and (max-width: 479px) {
      .product .price {
        font-size: 20px; } }
    @media screen and (max-width: 368px) {
      .product .price {
        font-size: 15px;
        line-height: 16px;
        margin: 12px auto 0px;
        display: block; } }
  .product .add-btn, .product .sold-out-btn {
    margin: 0; }
  .product .add-to-cart {
    background-color: #FD671A;
    border: none;
    border-radius: 0px;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 10px auto;
    padding: 10px 25px; }
  .product .product-more-info {
    border: 1px solid #404040;
    color: #404040;
    display: inline-block;
    font-size: 1em;
    letter-spacing: 2px;
    padding: 8px 34px; }

.howto .btn a {
  text-decoration: none;
  color: white;
  padding: 0 30px; }

.howto li {
  margin-bottom: 0.4em;
  margin-left: 30px; }

.howto p, .howto ul {
  line-height: 26px; }

.howto h2 {
  color: #FD671A;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  border-bottom: solid #fd671a 2px;
  padding-bottom: 5px; }

.howto .reviews {
  margin: 30px 0;
  text-align: left !important; }
.howto .reviews .pr_link {
  background-color: #fd671c;
  font-size: 16px;
  padding: 10px 30px;
  cursor: pointer; }
.howto div#product_just_stars {
  width: 300px;
  margin: 0 auto 15px;
  text-align: center; }
.howto a.sa_jump_to_reviews {
  font-size: 18px; }
.howto .big .ind_cnt {
  width: 125px;
  margin: 0 auto; }
.addthis_toolbox {
  margin: 0 auto;
  width: 240px; }
@media (max-width: 960px) {
  .howto p, .howto ul {
    line-height: 26px;
    padding: 0 30px; } }
@media (max-width: 600px) {
  .howto {
    padding: 0 10px; }
  .howto .btn {
    line-height: 1.5;
    text-align: center !important;
    white-space: normal;
    display: inline-block; }
  .howto .btn a {
    display: inline-block;
    padding: 0 20px; } }
/*----- NEW FOOTER -----*/
/* #shopify-section-310-footer{
  display:none;
} */
.new-footer, .disclaimer-text {
  padding: 50px 0 20px; }
.new-footer .footer-links {
  padding: 10px 0; }
.new-footer .contact-form .btn {
  line-height: 0; }
.new-footer {
  background: #404040;
  color: white; }
.new-footer p {
  font-size: 12px;
  line-height: 18px; }
.new-footer .mailing-list p {
  font-size: 16px; }
.new-footer .shopper-approved a {
  float: right; }
.new-footer .site-footer .footer-links {
  background: none; }
.new-footer .sub-footer {
  background: #969696; }

.new-footer .contain {
  max-width: 1180px;
  margin: 0 auto;
  width: 90%;
  display: block; }

/*----- NEW FOOTER -----*/
@media (max-width: 480px) {
  .new-footer .shopper-approved a {
    float: left;
    margin-top: 10px; } }
.variants {
  display: block; }
  .variants ul, .variants li {
    display: inline-block; }
  .variants input[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0; }
  .variants input[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: -2em;
    line-height: 1.5em; }
  .variants input[type=radio]:not(old) + label > span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0.25em 0.5em 0.25em 0.25em;
    border-radius: 50%;
    vertical-align: middle; }
  .variants input[type=radio]:not(old):checked + label > span {
    border: 2px solid #fc6719; }
  .variants .Chocolate {
    background-color: #622D27; }
  .variants .Vanilla, .variants .Classic {
    background-color: #D2CABF; }
  .variants .Salted.Caramel {
    background-color: #C5876F; }
  .variants .Charcoal {
    background-color: #444; }
  .variants .Strawberry {
    background-color: #E5637C; }
  .variants .Regular {
    background-color: #F1DB92; }

a {
  transition: 0.3s; }

.frontpage h2 {
  font-size: 35px;
  padding: 10px;
  text-align: center; }
.frontpage .hero {
  background-image: url(//310nutrition.com/cdn/shop/t/2304/assets/New310Homepagebanner.jpg?1234068);
  width: 100%;
  height: 500px;
  background-position-x: 42%;
  background-position-y: bottom;
  background-repeat: no-repeat;
  margin-top: 0px; }
  @media screen and (min-width: 769px) {
    .frontpage .hero {
      height: 500px;
      background-size: cover; } }
  @media screen and (max-width: 425px) {
    .frontpage .hero {
      margin-top: 0px; } }
.frontpage .frontpage-heading {
  text-align: center;
  padding-top: 4%; }
  .frontpage .frontpage-heading h1 {
    font-size: 3em;
    font-weight: 800; }
    @media screen and (min-width: 769px) {
      .frontpage .frontpage-heading h1 {
        font-size: 4em; } }
    @media screen and (max-width: 520px) {
      .frontpage .frontpage-heading h1 {
        font-size: 2em;
        padding-top: 10%; } }
  .frontpage .frontpage-heading button {
    background-color: #fc6719;
    color: #fff;
    font-size: 2em;
    font-weight: 700;
    padding: 15px 25px; }
.frontpage .intro {
  text-align: center; }
  .frontpage .intro p {
    padding: 0;
    font-size: 18px; }
.frontpage .frontpage-collection-products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center; }
  .frontpage .frontpage-collection-products .grid__image {
    max-height: 386px; }
    .frontpage .frontpage-collection-products .grid__image img {
      max-height: 386px; }
  .frontpage .frontpage-collection-products .add-btn, .frontpage .frontpage-collection-products .sold-out-btn {
    display: block; }
  .frontpage .frontpage-collection-products .grid__item {
    text-align: center; }
    .frontpage .frontpage-collection-products .grid__item:nth-of-type(2) #add {
      background-color: #FD671A; }
    .frontpage .frontpage-collection-products .grid__item:nth-of-type(2) .product-more-info {
      border-color: #404040;
      color: #404040; }
.frontpage .popular-products {
  text-align: center; }
.frontpage .guarantee-recipes {
  background-color: #FBFAF8;
  margin: 0;
  width: 100%; }
  .frontpage .guarantee-recipes .guarantee {
    padding: 50px 0;
    text-align: center; }
    .frontpage .guarantee-recipes .guarantee p {
      font-size: 30px;
      line-height: 30px; }
      .frontpage .guarantee-recipes .guarantee p .guarantee-title {
        font-size: 40px;
        font-weight: 800;
        display: block;
        line-height: 60px; }
    .frontpage .guarantee-recipes .guarantee button {
      border: 3px solid #FD671A;
      background-color: #fff;
      color: #FD671A;
      padding: 8px 20px;
      font-size: 20px; }
  .frontpage .guarantee-recipes .hollywood-shake {
    background-image: url(//310nutrition.com/cdn/shop/t/2304/assets/hollywood-shake.png?v=25710879424998888551717011451);
    background-position-x: 70%;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    height: 295px;
    margin-bottom: 20px;
    width: 100%; }
    .frontpage .guarantee-recipes .hollywood-shake button { background-color: #fc6719; color: #fff; font-size: 1.7em; padding: 10px 25px; } .frontpage .guarantee-recipes .hollywood-shake h2 { margin: 16px auto; max-width: 370px; padding: 0; } .frontpage .guarantee-recipes .hollywood-shake p { font-size: 23px; padding: 0 5px; } .frontpage .guarantee-recipes .guarantee-recipes-links { display: flex; flex-wrap: wrap; clear: both; justify-content: space-around; } .frontpage .guarantee-recipes .guarantee-recipes-links div { height: 300px; margin-bottom: 20px; padding: 120px 0; text-align: center; width: 100%; }
      @media screen and (min-width: 768px) {
        .frontpage .guarantee-recipes .guarantee-recipes-links div {
          height: 440px;
          padding: 190px 0px;
          width: 45%; } }
    .frontpage .guarantee-recipes .guarantee-recipes-links button {
      background-color: #fff;
      color: #fc6719;
      font-size: 2em;
      padding: 10px 25px; }
  .frontpage .guarantee-recipes .guarantee-recipes-recipes {
    background-image: url(//310nutrition.com/cdn/shop/t/2304/assets/get-recipes.png?v=68760099867780027031717011448);
    background-size: cover;
    background-repeat: no-repeat; }
  .frontpage .guarantee-recipes .guarantee-recipes-challenge {
    background-image: url(//310nutrition.com/cdn/shop/t/2304/assets/310-challenge.png?1234068);
    background-size: cover;
    background-repeat: no-repeat; }
.frontpage .as-seen {
  text-align: center; }
  .frontpage .as-seen .as-seen-logos {
    clear: both;
    display: flex;
    flex-wrap: wrap
    justify-content: center;
    padding-left: 30px; }

.mobileImage {
  display: none; }

@media only screen and (max-width: 980px) {
  .browserImage {
    display: none; }

  .mobileImage {
    display: block; } }
.collection h2 {
  font-size: 35px;
  padding: 10px;
  text-align: center; }
.collection .grid__item {
  padding-left: 0; }
@media screen and (min-width: 768px) {
  .collection .grid__item .grid__item {
    min-height: 428px; } }
.collection .hero {
  background-image: url(//310nutrition.com/cdn/shop/t/2304/assets/products-hero.jpg?1234068);
  width: 100%;
  height: 100%;
  background-position-x: 39%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -60px; }
  @media screen and (max-width: 750px) {
    .collection .hero {
      margin-top: -25px; } }
.collection .products-heading {
  display: flex;
  flex-wrap: wrap;
  padding-top: 3%;
  text-align: center; }
  .collection .products-heading img {
    height: 184px;
    margin: 0 auto;
    width: 184px; }
    @media screen and (min-width: 768px) {
      .collection .products-heading img {
        margin: 0 10px 0 18%; } }

    @media screen and (min-width: 769px) {
      .collection .products-heading img {
        margin: 0 10px 20px 28%; } }
  .collection .products-heading h1 {
    color: #fff;
    font-size: 2em;
    font-weight: 700;
    line-height: 0.4em;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .collection .products-heading h1 {
        font-size: 2em;
        margin: 0; } }
    .collection .products-heading h1 .free { font-size: 3.8em; font-weight: 900; line-height: 105px; } .collection .products-heading h1 .with-any { font-size: .77em; } .collection .products-heading h1 .dollars-or-more { font-size: 1.4em; line-height: 55px; } .collection .breadcrumb { color: #fc6719; margin: 8px auto; max-width: 1110px; padding: 0 5%; } .collection .breadcrumb a { color: #404040; } .collection .grid--rev { margin: 0 auto; max-width: 1110px; } .collection .weight-loss-shake img { height: 320px; } .product-title-wrap { display: flex; flex-direction: row; justify-content: space-between; } .fav-tooltip { font-size: 13px; line-height: 1.2; } .fav-tooltip .jBox-content { text-align: center; } .fav-tooltip .jBox-Tooltip .fav-link { display: block; } .fav-tooltip .jBox-pointer-top { height: 7px !important; }

@media screen and (max-width: 768px) {
  .not-logged-in-modal .jBox-closeButton {
    top: 0 !important;
    right: 0 !important; } }
.not-logged-in-modal .jBox-closeButton path {
  fill: #69cd3b; }
.not-logged-in-modal .jBox-content {
  padding: 0 !important; }
  .not-logged-in-modal .jBox-content .modal-liner {
    padding: 10px 20px 20px;
    text-align: center; }
    .not-logged-in-modal .jBox-content .modal-liner .btn {
      width: 100%;
      font-size: 16px; }
    .not-logged-in-modal .jBox-content .modal-liner p {
      font-size: 14px; }
      @media screen and (min-width: 480px) {
        .not-logged-in-modal .jBox-content .modal-liner p {
          font-size: 16px; } }
    .not-logged-in-modal .jBox-content .modal-liner .btn-block:first-of-type {
      margin-bottom: 10px; }

.favorite-wrap { padding-left: 5px; min-width: 50px; text-align: center; } .favorite-wrap button { text-align: center; line-height: 1; } .favorite-wrap button i { font-size: 27px; color: #ff353b; font-weight: bold; } .favorite-wrap button i.loading-favorites { animation: heart-pulse ease-in-out .525s infinite; } .favorite-wrap button span { font-size: 12px; line-height: 13px; display: block; }

@keyframes heart-pulse {
  0% {
    color: #acacac; }

  100% {
    color: #e6e6e6; } }

.login-for-favorites .btn-login { background: #ff353b; border-color: #ff353b; } .login-for-favorites .btn-login:hover { background: transparent; color: #ff353b; } .login-form-wrap { width: 80%; margin: 0 auto 25px; } .login-form-wrap h3 { text-align: center; } .login-form-wrap input { width: 100%; } .login-form-wrap input.modal-email { margin-bottom: 10px; } .login-form-wrap .modal-login-btn { margin: 10px 0; } .login-form-wrap fieldset { text-align: center; border: 1px solid #d8d8d8; border-left: 0; border-right: 0; border-bottom: 0; width: 50%; margin: 0 auto 10px; padding: 0; } .login-form-wrap legend { font-size: 20px; background: #fff; padding: 0 16px; } .product-single h1 { margin: 0; font-size: 30px; line-height: 33px; padding-bottom: 5px; } .product-single .product-single__photos img { max-height: 386px; object-fit:contain; } .product-single .product-quick-description { font-size: 17px; font-weight: bold; line-height: 1em; margin: 0px auto 5px; max-width: none; } .product-single .product-info { text-align: center; }
  @media screen and (min-width: 769px) {
    .product-single .product-info {
      text-align: left; } }
  .product-single .product-info .js-qty {
    margin: 0 auto 1em auto; }
    @media screen and (min-width: 769px) {
      .product-single .product-info .js-qty {
        margin: 0 0 1em 0; } }
.product-single .product-description {
  padding: 15px; }

.why-310 {
  text-align: center; }
  .why-310 img {
    max-width: 393px;
    width: 100%; }
  .why-310 .why-310-reasons {
    display: flex;
    justify-content: space-between; }
    @media screen and (min-width: 768px) {

      .why-310 .why-310-reasons {
        display: inline-block;
        width: 106px;
        vertical-align: top; } }
    .why-310 .why-310-reasons .reason-why { color: #969696; font-size: 17px; font-weight: 700; padding: 8px 0; } .why-310 .why-310-reasons .reason-why svg { fill: #969696; width: 20px; } .why-310 .nutritions { display: flex; justify-content: center; } .why-310 .nutritions .nutrition__item { border-left: 1px solid #ffffff; color: #63656A; display: inline-block; font-size: 13px; line-height: 15px; width: 98px; background-color: #f5f5f5; padding: 20px 5px 30px; } .why-310 .nutritions .nutrition__item .nutrition-number { font-size: 36px; font-weight: 800; color: #404040; } #w310-bags-home { margin-top: -15px; max-width: 480px; } #w310-shake-features { max-width: 460px; display: block; margin: 0px auto; }

@media (max-width: 420px) {
  .why-310 .nutritions .nutrition__item .nutrition-number {
    font-size: 27px; } }
.why310-page h2 {
  text-align: center;
  margin-top: 30px !important; }
.why310-page .hero {
  background-image: url(//310nutrition.com/cdn/shop/t/2304/assets/why310-banner.jpg?v=90941445761513959931717011448);
  width: 100%;
  height: 100%;
  background-position-x: 39%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -50px; }
  @media screen and (min-width: 769px) {
    .why310-page .hero {
      background-size: 100% auto; } }
.why310-page .why310-heading {
  padding: 80px 5px;
  text-align: center; }
  .why310-page .why310-heading h1 {
    color: #fff; }
  @media screen and (min-width: 768px) {
    .why310-page .why310-heading {
      padding: 150px 5px; } }
.why310-page .why-310 { padding: 0 30px; } .why310-page .science { padding: 50px 20px; background-color: #FBFAF8; } .why310-page .science h2 { font-size: 20px; } .why310-page .science .green-shake { height: 450px; } .why310-page .science .picture { text-align: center; } .why310-page .science p { line-height: 19px; } .why310-page .science ul { text-align: center; margin: 0; } .why310-page .science ul li { display: inline-block; list-style-type: circle; font-weight: bold; font-size: 1.6em; } .why310-page .science ul li .dot { display: none; }
        @media screen and (min-width: 768px) {
          .why310-page .science ul li .dot {
            display: inline-block; } }
.why310-page .diet { padding: 10px; } .why310-page .diet h2 { text-align: center; } .why310-page .diet .grid__item { font-size: 18px; line-height: 1.4; } .why310-page .diet .grid__item ul { margin-left: 40px; } .why310-page .diet .grid__item ul li { padding-left: 15px; } .why310-page .diet .motto { line-height: 51px; font-size: 36px; font-weight: 900; } .why310-page .diet .motto .orange { color: #fc6719; font-style: italic; } .why310-page .proteins { background-color: #FBFAF8; padding: 30px 10px 60px 10px; } .why310-page .proteins p { font-size: 16px; } .why310-page .proteins .grid__item.large--one-third { background-color: #fc6719; padding-right: 30px; margin: 5px 3px; } .why310-page .proteins .grid__item.large--one-third h3, .why310-page .proteins .grid__item.large--one-third p { color: #fff; }
    @media screen and (min-width: 769px) {
      .why310-page .proteins .grid__item.large--one-third {
        width: 31.333%; } }
  .why310-page .proteins .protein { padding-top: 20px; } .why310-page .proteins .protein h3 { margin: 0; } .why310-page .proteins .reference { font-size: 12px; padding-top: 20px; } .why310-page .proteins .reference:last-of-type { padding-top: 0; } .why310-page .does-not-contain { padding: 30px 10px 60px 10px; text-align: center; } .why310-page .does-not-contain ul { margin: 20px 0; } .why310-page .does-not-contain li { display: inline-block; font-size: 13px; list-style: none; } .why310-page .does-not-contain li .orange, .why310-page .does-not-contain li .dot { color: #fc6719; font-size: 14px; font-weight: bold; } .why310-page .does-not-contain button { background-color: #fc6719; color: #fff; font-size: 1.5em; padding: 15px 30px; } .why310-page .success-stories { padding-top: 0; } .why310-page .success-stories p { font-size: 16px; margin: 20px 0; } .why310-page .success-stories .success-story .weight-loss { font-size: 28px; } .why310-page .success-stories .success-story a { font-size: 13px; } .success-stories { padding: 10px 30px; } .success-stories p { font-size: 19px; margin: 20px 0; }
    @media screen and (min-width: 769px) {
      .success-stories p {
        margin: 0px auto 50px; } }
  .success-stories a { text-decoration: underline; } .success-stories .success-story { text-align: center; padding-top: 20px; } .success-stories .success-story a { color: #000; } .success-stories .success-story img { display: block; margin: 0 auto; } .success-stories .success-story .weight-loss { color: #979797; font-size: 30px; font-weight: 700; } .success-stories .success-story .weight-loss .pounds { font-weight: normal; } .success-stories-page { padding-top: 0px; } .success-stories-page .success-stories { padding-top: 0; }
    @media screen and (min-width: 769px) {
      .success-stories-page .success-stories .success-stories-title h2 {
        line-height: 28px; } }
    .success-stories-page .success-stories p { font-size: 16px; margin: 20px 0; } .success-stories-page .success-stories .success-story .weight-loss { font-size: 28px; } .success-stories-page .success-stories .success-story a { font-size: 13px; line-height: 35px; } .success-stories-page hr { border: none; } .success-stories-page .you-are-next h2 { line-height: 25px; margin: 50px auto 0 auto; width: 80px; } .success-stories-page .you-are-next h2 .orange { color: #fc6719; } .success-stories-page .you-are-next p { font-size: 12px; } .success-stories-page .you-are-next p a { color: #fc6719; } .success-stories-page .success-story-popout { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 99; padding: 350px 0 0 30px; display: none; }
    @media screen and (min-width: 769px) {
      .success-stories-page .success-story-popout {
        padding: 350px 235px; } }
    .success-stories-page .success-story-popout h1, .success-stories-page .success-story-popout h2, .success-stories-page .success-story-popout h3, .success-stories-page .success-story-popout p { color: #000; } .success-stories-page .success-story-popout .story-popout-wrapper { border: 25px solid #000; border-radius: 10px; background-color: #fff; padding: 0 30px 30px 30px; } .success-stories-page .success-story-popout .story-popout-wrapper .text-right { padding-bottom: 30px !important; } .success-stories-page .success-story-popout .story-popout-wrapper .text-right a { text-decoration: none; font-size: 25px; } .success-stories-page .success-story-popout .story-popout-wrapper .grid__item { padding: 0; text-align: left; } .success-stories-page .success-story-popout .story-popout-wrapper .grid__item p { margin: 0; } .success-stories-page .success-story-popout .story-popout-wrapper .grid__item img { max-width: 250px; width: 85%; } .success-stories-page .success-story-popout .story-popout-wrapper .weight-lost { font-size: 50px; line-height: 43px; margin: 0; } .success-stories-page .success-story-popout .story-popout-wrapper .weight-lost .popout-pounds { font-weight: 900; font-size: 62px; letter-spacing: normal; } .success-stories-page .success-story-popout .story-popout-wrapper .disclaimer { font-size: 12px; } .success-stories-page .success-story-popout .story-popout-wrapper .share-buttons { vertical-align: bottom; display: flex; flex-wrap: wrap; } .social-community-page { padding-top: 0px; } .social-community-page h2 { margin-bottom: 0; } .social-community-video { max-width: 85%; margin: 0 auto; } .social-community-video .video-wrapper { margin-top: 20px; } #video-copy { margin-top: 20px; font-size: 16px; }

@media screen and (max-width: 1024px) {
  #video-copy {
    font-size: 14px; } }
@media screen and (max-width: 767px) {
  #video-copy {
    font-size: 12px; } }
.cart {
  padding-bottom: 30px; }
  .cart td {
    text-align: center; }
  .cart .h2, .cart .h4, .cart .h3 {
    display: inline-block; }
  .cart .cart-product-title {
    color: #404040;
    display: block;
    text-align: center; }
    .cart .cart-product-title .item-variant {
      font-size: 18px; }
      .why310-page .why310-heading {
        padding: 150px 5px; } }
  .why310-page .why-310 { padding: 0 30px; } .why310-page .science { padding: 50px 20px; background-color: #FBFAF8; } .why310-page .science h2 { font-size: 20px; } .why310-page .science .green-shake { height: 450px; } .why310-page .science .picture { text-align: center; } .why310-page .science p { line-height: 19px; } .why310-page .science ul { text-align: center; margin: 0; } .why310-page .science ul li { display: inline-block; list-style-type: circle; font-weight: bold; font-size: 1.6em; } .why310-page .science ul li .dot { display: none; }
          @media screen and (min-width: 768px) {
            .why310-page .science ul li .dot {
              display: inline-block; } }
  .why310-page .diet { padding: 10px; } .why310-page .diet h2 { text-align: center; } .why310-page .diet .grid__item { font-size: 18px; line-height: 1.4; } .why310-page .diet .grid__item ul { margin-left: 40px; } .why310-page .diet .grid__item ul li { padding-left: 15px; } .why310-page .diet .motto { line-height: 51px; font-size: 36px; font-weight: 900; } .why310-page .diet .motto .orange { color: #fc6719; font-style: italic; } .why310-page .proteins { background-color: #FBFAF8; padding: 30px 10px 60px 10px; } .why310-page .proteins p { font-size: 16px; } .why310-page .proteins .grid__item.large--one-third { background-color: #fc6719; padding-right: 30px; margin: 5px 3px; } .why310-page .proteins .grid__item.large--one-third h3, .why310-page .proteins .grid__item.large--one-third p { color: #fff; }
      @media screen and (min-width: 769px) {
        .why310-page .proteins .grid__item.large--one-third {
          width: 31.333%; } }
    .why310-page .proteins .protein { padding-top: 20px; } .why310-page .proteins .protein h3 { margin: 0; } .why310-page .proteins .reference { font-size: 12px; padding-top: 20px; } .why310-page .proteins .reference:last-of-type { padding-top: 0; } .why310-page .does-not-contain { padding: 30px 10px 60px 10px; text-align: center; } .why310-page .does-not-contain ul { margin: 20px 0; } .why310-page .does-not-contain li { display: inline-block; font-size: 13px; list-style: none; } .why310-page .does-not-contain li .orange, .why310-page .does-not-contain li .dot { color: #fc6719; font-size: 14px; font-weight: bold; } .why310-page .does-not-contain button { background-color: #fc6719; color: #fff; font-size: 1.5em; padding: 15px 30px; } .why310-page .success-stories { padding-top: 0; } .why310-page .success-stories p { font-size: 16px; margin: 20px 0; } .why310-page .success-stories .success-story .weight-loss { font-size: 28px; } .why310-page .success-stories .success-story a { font-size: 13px; } .success-stories { padding: 10px 30px; } .success-stories p { font-size: 19px; margin: 20px 0; }
      @media screen and (min-width: 769px) {
        .success-stories p {
          margin: 0px auto 50px; } }
    .success-stories a { text-decoration: underline; } .success-stories .success-story { text-align: center; padding-top: 20px; } .success-stories .success-story a { color: #000; } .success-stories .success-story img { display: block; margin: 0 auto; } .success-stories .success-story .weight-loss { color: #979797; font-size: 30px; font-weight: 700; } .success-stories .success-story .weight-loss .pounds { font-weight: normal; } .success-stories-page { padding-top: 0px; } .success-stories-page .success-stories { padding-top: 0; }
      @media screen and (min-width: 769px) {
        .success-stories-page .success-stories .success-stories-title h2 {
          line-height: 28px; } }
      .success-stories-page .success-stories p { font-size: 16px; margin: 20px 0; } .success-stories-page .success-stories .success-story .weight-loss { font-size: 28px; } .success-stories-page .success-stories .success-story a { font-size: 13px; line-height: 35px; } .success-stories-page hr { border: none; } .success-stories-page .you-are-next h2 { line-height: 25px; margin: 50px auto 0 auto; width: 80px; } .success-stories-page .you-are-next h2 .orange { color: #fc6719; } .success-stories-page .you-are-next p { font-size: 12px; } .success-stories-page .you-are-next p a { color: #fc6719; } .success-stories-page .success-story-popout { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 99; padding: 350px 0 0 30px; display: none; }
      @media screen and (min-width: 769px) {
        .success-stories-page .success-story-popout {
          padding: 350px 235px; } }
      .success-stories-page .success-story-popout h1, .success-stories-page .success-story-popout h2, .success-stories-page .success-story-popout h3, .success-stories-page .success-story-popout p { color: #000; } .success-stories-page .success-story-popout .story-popout-wrapper { border: 25px solid #000; border-radius: 10px; background-color: #fff; padding: 0 30px 30px 30px; } .success-stories-page .success-story-popout .story-popout-wrapper .text-right { padding-bottom: 30px !important; } .success-stories-page .success-story-popout .story-popout-wrapper .text-right a { text-decoration: none; font-size: 25px; } .success-stories-page .success-story-popout .story-popout-wrapper .grid__item { padding: 0; text-align: left; } .success-stories-page .success-story-popout .story-popout-wrapper .grid__item p { margin: 0; } .success-stories-page .success-story-popout .story-popout-wrapper .grid__item img { max-width: 250px; width: 85%; } .success-stories-page .success-story-popout .story-popout-wrapper .weight-lost { font-size: 50px; line-height: 43px; margin: 0; } .success-stories-page .success-story-popout .story-popout-wrapper .weight-lost .popout-pounds { font-weight: 900; font-size: 62px; letter-spacing: normal; } .success-stories-page .success-story-popout .story-popout-wrapper .disclaimer { font-size: 12px; } .success-stories-page .success-story-popout .story-popout-wrapper .share-buttons { vertical-align: bottom; display: flex; flex-wrap: wrap; } .social-community-page { padding-top: 0px; } .social-community-page h2 { margin-bottom: 0; } .social-community-video { max-width: 85%; margin: 0 auto; } .social-community-video .video-wrapper { margin-top: 20px; } #video-copy { margin-top: 20px; font-size: 16px; }
  
  @media screen and (max-width: 1024px) {
    #video-copy {
      font-size: 14px; } }
  @media screen and (max-width: 767px) {
    #video-copy {
      font-size: 12px; } }
  .cart {
    padding-bottom: 30px; }
    .cart td {
      text-align: center; }
    .cart .h2, .cart .h4, .cart .h3 {
      display: inline-block; }
    .cart .cart-product-title {
      color: #404040;
      display: block;
      text-align: center; }
      .cart .cart-product-title .item-variant {
        font-size: 18px; }
      @media screen and (min-width: 768px) {
        .cart .cart-product-title {
          text-align: left; } }
    .cart .js-qty {
      float: none !important;
      margin: 0 auto 1em auto; }
      @media screen and (min-width: 768px) {
        .cart .js-qty {
          margin: 0 0 1em 0; } }
    .cart .update-cart {
      background-color: #fc6719;
      border-radius: 0px;
      padding: 8px 20px; }
    .cart .cart__remove {
      display: inline-block;
      color: #aaa;
      background-color: #ffffff;
      font-weight: bold;
      padding: 8px 0px;
      font-size: 16px;
      vertical-align: middle;
      line-height: 1.5; }
      @media screen and (min-width: 769px) {
        .cart .cart__remove {
          font-size: 14px; } }

    @media screen and (min-width: 768px) {
      .cart .cart-product-title {
        text-align: left; } }

  .cart .js-qty {
    float: none !important;
    margin: 0 auto 1em auto; }
    @media screen and (min-width: 768px) {
      .cart .js-qty {
        margin: 0 0 1em 0; } }
  .cart .update-cart {
    background-color: #fc6719;
    border-radius: 0px;
    padding: 8px 20px; }
  .cart .cart__remove {
    display: inline-block;
    color: #aaa;
    background-color: #ffffff;
    font-weight: bold;
    padding: 8px 0px;
    font-size: 16px;
    vertical-align: middle;
    line-height: 1.5; }
    @media screen and (min-width: 769px) {
      .cart .cart__remove {
        font-size: 14px; } }
  @media screen and (min-width: 768px) {
    .cart .cart-product-info {
      text-align: left; } }

.cart-product-info .update-cart { background-color: #fc6719; border-radius: 0; font-size: 15px; padding: 0 15px; margin-right: 15px; } .blog h1 { margin: 0px 0 0 0; } .blog .article { border-top: 1px solid #8A8B8F; padding: 30px 0 30px 30px; } .blog .article img { border: 1px solid #8A8B8F; } .blog .article h3 { color: #404040; margin: 0; } .blog .article p { margin-bottom: 5px; } .blog .article a { color: #404040; } .article img { height: auto; } .grid--rev > .grid__item .variants { display: none; } .frontpage-collection-products .variants { display: none; } .blog-sidebar .sidebar-section img { height: 63px; width: 100px; } .blog-sidebar .sidebar-section .article-link p { font-size: 14px; font-weight: 600; line-height: 1.4em; margin-bottom: 12px; padding: 0 10px; text-align: left; } .continue-shopping-cart { background: #bbb none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 20px; font-weight: bold; padding: 18px 16px; vertical-align: bottom; } .continue-shopping-cart:hover { color: #fff; } .continue-shopping-ajax { display: block; margin-bottom: 15px; margin-top: 15px; text-align: center; } .continue-shopping-ajax a { font-weight: bold; text-decoration: underline; } .additional_checkout_buttons { text-align: center; } .ajaxcart__row .grid__item p { margin-bottom: 5px; }

@media screen and (max-width: 425px) {
  .recipes-page .recipe-popout {
    padding: 120px 5% 0; } }

.product-quantity-box {
  width: 140px;
  height: 42px;
  clear: both;
  margin-bottom: 10px; }

@media screen and (max-width: 768px) {
  .product-quantity-box {
    margin-left: auto;
    margin-right: auto; }

  body#search-results main {
    width: 90%;
    margin: 0 auto; } }
.product-plus, .product-minus { font-weight: 300; position: relative; cursor: pointer; height: 42px; display: block; width: 42px; text-align: center; float: left; border: 1px solid #d8d8d8; } .product-minus { border-right: 0; line-height: 1.9; font-size: 22px; } .quantity { text-align: center; padding: 6px 15px; width: 48px; height: 42px; border-radius: 0; -webkit-appearance: none; float: left; } .product-plus { border-left: 0; font-size: 20px; line-height: 2; }

@media only screen and (max-width: 479px) {
  .frontpage .frontpage-collection-products .grid__image img {
    max-height: 200px !important; }

  /* .product .grid__image, .product img{
    max-height: 130px ;
  } */ }
@media only screen and (max-width: 368px) {
  .product .grid__image, .product img {
    max-height: 110px; } }
/* ============= NEW HOME OFFER A/B Test ================= */
#heronew-mobile {
  width: 100%;
  display: none;
  margin: 0px auto 10px; }

#heronew-mobile img {
  display: block; }

#heronew {
  background-image: url(//310nutrition.com/cdn/shop/files/new-background-1900x500-whitefade-compressed.png?v=15205974551843903667);
  border-bottom: solid 4px #ff6600;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  background-position-x: center; }

.hero-lifestyle-container { max-width: 960px; margin: 0 auto; padding: 100px 10px; text-align: center; border-bottom: 1px solid #eee; } .hero-lifestyle-container h2 { font-size: 27px; line-height: 30px; margin: 0px auto 0px; padding: 0px 10px 0px; } #hero-lifestyle-box { width: 100%; background-color: #fff; padding: 25px 10px; box-shadow: 0px 2px 5px 0px rgba(1, 1, 1, 0.2); } #limited-sale-hero { background-color: #fb641c; color: #fff; padding: 7px 15px; display: inline-block; margin: 0px auto 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #limited-sale-hero span { color: #fff; display: block; font-weight: bold; font-size: 15px; line-height: 17px; } #hero-lifestyle-right { float: right; width: 320px; margin: 0px 0px; } #hero-cta-container { width: 80%; margin: 0 auto; } #hero-cta, #hero-cta-secondary { position: relative; display: block; margin: 10px auto; } #hero-cta { background-color: #fc651b; } #hero-cta-secondary { background-color: #404040; color: #fff; } #hero-cta-secondary:hover { background-color: #444444; } #hero-cta a, #hero-cta-secondary a { font-weight: bold; font-size: 20px; line-height: 22px; padding: 10px 4%; display: block; color: #fff; text-transform: uppercase; } #hero-cta:hover { background-color: #ff7633; }

@media (max-width: 640px) {

  #heronew-mobile {
    display: block; }


  #heronew { background-image: none; } .hero-lifestyle-container { padding: 0px 5% 7px; border-bottom: none; } #hero-lifestyle-right { float: none; width: 100%; margin: 25px auto 0px; max-width: 360px; } .hero-lifestyle-container h2 { font-size: 22px; line-height: 25px; }

  #hero-lifestyle-box {
    width: 100%;
    padding: 20px 10px 15px; } }
@media (max-width: 480px) {
  #hero-cta a, #hero-cta-secondary a {
    font-size: 16px;
    line-height: 18px; } }
/* New You Home Page S1944 */
#the-new-you {
  background-color: #404040;
  background-image: url("//310nutrition.com/cdn/shop/files/new-you-d.png?v=7655808775452388567");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: top; }

#the-new-you-content { float: right; position: relative; } #the-new-you-container { width: 100%; margin: 0px auto; max-width: 1120px; display: block; padding: 70px 0px 120px; } #new-you-box { float: left; background-color: #fff; padding: 20px; margin: 0px 80px 0px 0px; max-width: 320px; } #new-you-box h3 { font-size: 22px; line-height: 24px; margin: 0px auto 10px; } ul#new-you-ul { display: block; margin: 10px 0px 10px 5px; list-style: none; }

ul#new-you-ul li {
  padding-left: 20px;
  font-size: 15px;
  line-height: 23px;
  margin: 2px auto;
  background-image: url("//310nutrition.com/cdn/shop/files/310-nutrition-gbb-check-orange.png?v=11144485910335744394");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position-y: 2px; }

#new-you-text { float: left; bottom: 5px; position: absolute; left: -200px; width: 180px; } .new-you-cta { margin: 5px auto; display: block; width: 100%; text-align: center; border-radius: 50px; } .new-you-cta:hover { opacity: 0.8; } .new-you-cta a { color: #fff; font-weight: bold; font-size: 16px; line-height: 18px; display: block; padding: 10px 5px; } .new-you-cta#new-you-cta-main { background-color: #fc651b; } .new-you-cta#new-you-cta-secondary { background-color: #404040; } #new-you-text-m { display: none; } #time-for-the-new-you-310-nutrition-best-diet-shakes #PageContainer { padding-top: 123px; }
#PageContainer{
  background: #fcfcfc;
}

@media (max-width: 1024px) {
  #time-for-the-new-you-310-nutrition-best-diet-shakes #PageContainer {
    padding-top: 75px; } }
@media (max-width: 640px) {
  #new-you-text-m {
    display: block; }
  #new-you-text-d { display: none; }
  #new-you-text {
    float: none;
    bottom: 0px;
    position: relative;
    left: 10px;
    width: 210px; }
  #the-new-you {
    background-image: url("//310nutrition.com/cdn/shop/files/new-you-m-d.png?v=1018950061585012908");
    background-position-x: center;
    background-position-y: top;
    background-color: #000;
    background-size: contain; }

  #the-new-you-content {
    float: none;
    position: relative; }

  #the-new-you-container {
    width: 96%;
    margin: 0px 2%;
    padding: 180px 0px 10px; }
  #new-you-box {
    float: none;
    background-color: #fff;
    padding: 20px;
    margin: 20px auto;
    max-width: none;
    width: 100%; } }
/* Thinner Rewards */
.mobile { display: none; }
.sweettooth-cta.btn {
  color: white;
  background: #404040;
  position: fixed;
  font-size: 14px;
  line-height: 24px;
  left: 15px;
  bottom: 17px;
  z-index: 9999;
  padding: 5px 15px; }

.sweettooth-widget-rendered .sweettooth-widget-tab .sweettooth-tab .sweettooth-close {
  padding: 8px 25px !important; }

@media only screen and (max-width: 719px) {
  .sweettooth-widget-rendered .sweettooth-widget-tab .sweettooth-tab .sweettooth-cta {
    padding: 8px !important; }

  .mobile {
    display: block; }

  div#___ratingbadge_0 {
    display: none !important;
    box-shadow: 0 0 0 0 !important; } }
/* Lemonade Table */
table.lemonade-table td {
  text-align: center;
  padding: 10px 5px; }

/* Read Reviews */
.read-reviews-top a:hover { cursor: pointer; } div#mainreview-product { margin: 15px auto 10px; display: block; } #product_just_stars { margin: 6px auto; display: block; } #product_just_stars .ind_cnt { text-align: left; margin: 0px 0px 5px 5px; display: inline; } #product_just_stars .ind_cnt a { color: #404040; font-size: 14px; } .pr_link { background-color: #fc6719 !important; font-size: 15px !important; padding: 10px 15px !important; } #review_header .overall .color5 { background-color: #fc6719 !important; } .star_container .group-stars .ind_cnt { display: block; margin: 0px auto; padding: 0px; font-size: 14px; line-height: 16px; color: #404040; }
/* ###### White / Pink #########*/
.white-pink {
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
  background: #FFF;
  padding: 30px 30px 20px 30px;
  box-shadow: #bbbbbb 0 0px 20px -1px;
  -webkit-box-shadow: #bbbbbb 0 0px 20px -1px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #666;
  border-radius: 10px;
  -webkit-border-radius: 10px; }
.white-pink h1 { font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0px 0px 10px 40px; display: block; border-bottom: 1px solid #F5F5F5; margin: -10px -30px 10px -30px; color: #969696; } .white-pink h1 > span { display: block; font-size: 11px; color: #C4C2C2; } .white-pink label { display: block; margin: 0px 0px 5px; } .white-pink label > span { float: left; width: 20%; text-align: right; padding-right: 10px; margin-top: 10px; color: #969696; }
.white-pink input[type="text"], .white-pink input[type="email"], .white-pink textarea, .white-pink select {
  color: #555;
  width: 70%;
  padding: 3px 0px 3px 5px;
  margin-top: 2px;
  margin-right: 6px;
  margin-bottom: 16px;
  border: 1px solid #e5e5e5;
  background: #fbfbfb;
  height: 25px;
  line-height: 15px;
  outline: 0;
  -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
  box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2); }

.white-pink textarea {
  height: 100px;
  padding: 5px 0px 0px 5px;
  width: 70%; }

.white-pink .button {
  -moz-box-shadow: inset 0px 1px 0px 0px #fbafe3;
  -webkit-box-shadow: inset 0px 1px 0px 0px #fbafe3;
  box-shadow: inset 0px 1px 0px 0px #fbafe3;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
  background: -moz-linear-gradient(center top, #ff5bb0 5%, #ef027d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d');
  background-color: #ff5bb0;
  border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-border-radius: 9px;
  border: 1px solid #ee1eb5;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  height: 40px;
  line-height: 30px;
  width: 100px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #c70067; }

.white-pink .button:active {
  position: relative;
  top: 1px; }
.white-pink select {
  background: url("down-arrow.png") no-repeat right, -moz-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: url("down-arrow.png") no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #e9e9e9));
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  width: 70%;
  line-height: 15px;
  height: 30px; }

.white-pink button { line-height: 1.42; } #tracktor { display: block !important; padding-bottom: 100px; max-width: 1180px; margin: 0 auto; } #tracktorOrderForm button { line-height: 1.42; } #tracktorResponseContainer { margin: 0 auto; padding: 2%; } .fulfillmentContents { font-size: 27px; } .contact-form .btn { line-height: 1.42; } #contact_form { padding: 0 5px; } .compare-offer h2 { text-align: center; text-transform: uppercase; color: #FD671A; } .compare-offer .half { width: 50%; float: left; margin: 0 2%; }
.compare-offer .half:first-child {
  margin-left: -2%; }

.compare-offer .half:last-child {
  margin-right: -2%; }

.compare-offer .vertical-align {
  padding: 50px 0; }

.compare-offer .page-wrapper {
  max-width: 800px;
  margin: 50px auto; }

@media (max-width: 768px) { .compare-offer .half { width: 100%; } .compare-offer .page-wrapper { padding: 0 20px; } .grid__item { padding-left: 0; } .compare-offer .half:first-child { margin-left: 0; } .compare-offer .half:last-child { margin-right: 0; } .grid, .grid--rev, .grid--full, .grid-uniform { list-style: none; margin: 0; padding: 0; margin-left: 0; } .compare-offer .vertical-align { padding: 10px 0; } }
@media (max-width: 640px) {
  .product-single .product-single__photos img {
    max-height: 280px; 
    object-fit: contain;
  } 
  }
/* Footer 2 Sub Contain */
#shopify-section-footer-2 .sub-footer {
  background: #969696; }

#shopify-section-footer-2 .contain {
  max-width: 1180px;
  margin: 0 auto;
  width: 90%;
  display: block; }

/* Footer 2 Form Button */
form#main-footer-newsletter input[type="submit"] {
  height: auto;
  font-size: 17px;
  line-height: 19px;
  padding: 8px 15px; }

/* Product Width 1180px */
.template-product .grid.product-single {
  max-width: 1180px;
  padding: 0 1rem;
  margin: 5px auto 20px; }

#product-top-choose-flavors .flavor-info {
  text-align: left !important; }

/* Tracktor Form Margin */
#tracktorOrderForm {
  margin: 0px auto 15px; }

/* Video Reviews Snippet */
#video-reviews-snippet { padding: 20px 0; border-top: 2px solid #f60; border-bottom: 2px solid #f60; margin: 20px auto 0px; } #video-reviews-snippet h2 { color: #f60; text-align: center; text-transform: uppercase; margin: 0 auto 5px; display: block; } #video-reviews-right { margin: 10px auto; min-height: 300px; }
/* Tealium Specific */
a[data-tealium-cart_remove]:hover {
  cursor: pointer; }

/* Product Thumbnails */
#multiple-product-images { display: block; margin-bottom: 10px; } #multiple-product-images .product-thumbnail-container { padding: 0px 1%; margin-bottom: 5px; } #multiple-product-images .product-thumbnail-container img { display: block; } #multiple-product-images .product-thumbnails:hover { cursor: pointer; } #multiple-product-images .product-thumbnails.selected { opacity: 0.5; } #multiple-product-images .selected.product-thumbnails:hover { cursor: default; }
@media (max-width: 479px) {
  .product.product.prod-container .buy-now, .product.product.prod-container .sold-out {
    padding: 10px 31px; }

  .product.prod-container {
    padding-left: 3%;
    padding-right: 3%; } }
@media (max-width: 368px) {
  .product.product.prod-container .buy-now, .product.product.prod-container .sold-out {
    padding: 9px 20px; }

  .product.prod-container {
    padding-left: 1%;
    padding-right: 1%; } }
#modal-cover-all { display: none; } #popup-offer-wrapper { display: none; } button.ajaxcart__qty-adjust[disabled=disabled] { color: transparent; } #sa_refer_button { border: 1px solid #eee; padding: 10px; cursor: pointer; } div#annex-container { margin-left: auto; margin-right: auto; margin: 0 auto; max-width: 1200px; } div#ReCharge.user-customer { margin: 10px auto; max-width: 1120px; } #product-limit-customer { font-weight: 400; font-size: 13px; line-height: 14px; margin: 10px auto 0px; } .hyphenate { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #top-promo-bar { background-color: #FAFAFA; } div#promo-bar-wrapper { max-width: 1120px; margin: 0 auto; text-align: center; padding: 8px 2%; } div#top-promo-bar h4 { font-size: 17px; line-height: 18px; margin: 0px auto; font-weight: normal; color: #404040; } div#top-promo-bar span { color: #fc6719; font-weight: bold; } div#top-promo-bar h4 a { color: #404040; text-decoration: underline; } div#top-promo-bar a { color: #374710; text-decoration: underline; font-weight: bold; } div#top-promo-bar .main-sentence { color: #707070; }
@media (max-width: 480px) {
  div#top-promo-bar h4 {
    font-size: 13px;
    line-height: 16px; }

  div#promo-bar-wrapper {
    padding: 9px 2%; }

  #top-search-form input[type="text"] {
    font-size: 12px; } }
@media (max-width: 380px) {
  div#top-promo-bar h4 {
    font-size: 12px;
    line-height: 14px; }

  div#promo-bar-wrapper {
    padding: 10px 2%; } }
@media (max-width: 320px) {
  div#top-promo-bar h4 {
    font-size: 11px;
    line-height: 13px; }

  div#promo-bar-wrapper {
    padding: 10px 2%; } }
/* Motiv Motivator Hide for Test */
span#clear-my-cart {
  color: #000; }

span#clear-my-cart:hover {
  cursor: pointer; }

/* Social Login */
.socialannex .or-divider {
  display: none;
  text-align: center;
  border-bottom: 1px solid #969696;
  margin-bottom: 40px; }

.socialannex .hh {
  background: none repeat scroll 0 0 #FFFFFF;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding: 0 33px;
  position: relative;
  top: 27px;
  color: #404040;
  text-transform: uppercase; }

/* s1577 header */
.s1577-header { z-index: 99999970; position: fixed; top: 0px; width: 100%; background: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); } .s1577-header .mobile-menu-swipe .testimonials a span { font-size: 20px; color: #000; padding: 0; } .s1577-header .mobile-menu-swipe .subscribe-save a span { font-size: 20px; color: #000; padding: 0; }

/* header promo */
.s1577-header #top-promo-bar { height: auto; background: #fcfcfc; } .s1577-header #top-promo-bar.black { background: #000; } .s1577-header.hide-promo-bar #top-promo-bar { display: none; } .s1577-header #promo-bar-wrapper { position: relative; padding: 0; height: 40px; padding-top: 0px; line-height: 40px; }
.s1577-header #promo-bar-wrapper h4 {
  /*font-family: Avenir;*/
  font-size: 16px;
  color: #444444;
  line-height: 1.5; }
.s1577-header #promo-bar-wrapper h4 span { color: #475d43; } .s1577-header #promo-bar-wrapper h4 a { color: #444444; text-decoration: none; } .s1577-header #promo-bar-wrapper h4 a .orange { color: #475d43; font-weight: 600; } .s1577-header #promo-bar-wrapper h4 a .blue { color: #4a90e2; font-weight: 600; text-decoration: underline; } .s1577-header #promo-bar-wrapper h4 a .yellow { color: #f5ff00; font-weight: 600; text-decoration: underline; }
.s1577-header #promo-bar-wrapper .close {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 16px;
  background: transparent url("//310nutrition.com/cdn/shop/t/2304/assets/s1577-cart-drawer-icon-close.png?v=135715297126827771191717011452") 0 0 no-repeat;
  background-size: 15px 16px;
  text-indent: -99999px; }
.close{
  text-align: right;
}
/* header navigation */
.s1577-header .s1577-nav {
  position: relative;
  height: 60px; }

/* header navigation logo */
.s1577-header .s1577-nav .logo {
  float: left;
  margin: 10px 0 0 0;
  width: 66px;
  height: 40px; }

.s1577-header .s1577-nav .logo a {
  display: block;
  height: 40px;
  background: transparent url("//310nutrition.com/cdn/shop/files/310-logo.svg?v=17054078816983056064") 0 0 no-repeat;
  background-size: 66px 40px;
  text-indent: -99999px; }

/* header navigation menu */
.s1577-header .s1577-nav .menu {
  float: right;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  list-style: none; }

/* header navigation menu item */
.s1577-header .s1577-nav .menu li { position: relative; float: left; margin: 0; padding: 0; line-height: 60px; } .s1577-header .s1577-nav .menu li.has-sub { position: static; } .s1577-header .s1577-nav .menu li:first-child { margin-right: 12.5px; margin-left: 0; } .s1577-header .s1577-nav .menu li:last-child { margin-left: 12.5px; padding-right: 10px; }

/* header navigation menu anchor */
.s1577-header .s1577-nav .menu li a {
  display: block;
  position: relative;
  padding: 0 12px;
  /*font-family: Avenir-Medium;*/
  font-size: 16px;
  color: #636569;
  font-weight: 500;
  line-height: 60px; }
.s1577-header .s1577-nav .menu li a:after,
.s1577-header li.active a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #475d43;
  opacity: 0;
  transition: height 0.1s ease-in-out; }
.s1577-header li.search.active a:after {
  background: transparent; }
.s1577-header .s1577-nav .menu li:hover a:after {
  height: 6px;
  opacity: 1.0; }
@media screen and (min-width: 1024px) {
  .s1577-header li.active a:after {
    height: 6px !important;
    opacity: 1 !important; } }
.s1577-header .s1577-nav .menu li.search:hover a:after,
.s1577-header .s1577-nav .menu li.cart:hover a:after {
  display: none; }
/* header navigation menu search */
.s1577-header .s1577-nav .menu li.search {
  line-height: 0; }
/* header navigation menu search anchor */
.s1577-header .s1577-nav .menu li a[href='#search'] {
  z-index: 99;
  display: block;
  position: relative;
  margin: 18px 0 0 0;
  width: 24px;
  height: 24px;
  background: whitesmoke url("//310nutrition.com/cdn/shop/t/2304/assets/s1577-nav-icon-search.png?v=11241386454593579071717011447") 50% 50% no-repeat;
  background-size: 12px 12px;
  border-radius: 50%; }
.s1577-header .s1577-nav .menu li a[href='#search'] span {
  display: none; }
/* header navigation menu search form */
.s1577-header .s1577-nav .menu li .search-form {
  z-index: -1;
  position: absolute;
  top: 14.5px;
  left: -196px;
  opacity: 0;
  transition: 0.3s ease-in-out; }
.s1577-header .s1577-nav .menu li.search.active .search-form {
  z-index: 9;
  opacity: 1.0; }
.s1577-header .s1577-nav .menu li .search-form fieldset,
.s1577-header .s1577-nav .mobile-only .mobile-search-form fieldset {
  margin: 0;
  padding: 0;
  border: 0; }
.s1577-header .s1577-nav .menu li .search-form input[name='q'],
.s1577-header .s1577-nav .mobile-only .mobile-search-form input[name='q'] {
  padding: 5px 15px;
  width: 224px;
  border-color: #f5f5f5;
  border-radius: 17px;
  /*font-family: Avenir-Medium;*/
  font-size: 16px;
  color: #636569;
  font-weight: 500;
  line-height: 16px;
  outline: 0; }

.s1577-header .s1577-nav .menu li .search-form input[name='q']::placeholder,
.s1577-header .s1577-nav .mobile-only .mobile-search-form input[name='q']::placeholder {
  color: rgba(99, 101, 105, 0.5); }

.s1577-header .s1577-nav .menu li .search-form input[name='q']:-ms-input-placeholder,
.s1577-header .s1577-nav .mobile-only .mobile-search-form input[name='q']:-ms-input-placeholder {
  color: rgba(99, 101, 105, 0.5); }

.s1577-header .s1577-nav .menu li .search-form input[name='q']::-ms-input-placeholder,
.s1577-header .s1577-nav .mobile-only .mobile-search-form input[name='q']::-ms-input-placeholder {
  color: rgba(99, 101, 105, 0.5); }

/* header navigation menu cart */
.s1577-header .s1577-nav .menu li.cart {
  line-height: 0; }

.s1577-header .s1577-nav .menu li a[href='/cart'],
#CartDrawer.drawer--right .cart-icon,
.s1577-header .s1577-nav .mobile-only a.mobile-cart-a {
  display: block;
  margin: 17px 0 0 0;
  width: 26px;
  height: 25px;
  background: transparent url("//310nutrition.com/cdn/shop/t/2304/assets/s1577-nav-icon-cart_hvy.png?v=145812347910802567011717011450") 0 0 no-repeat;
  background-size: 26px 25px; }

.s1577-header .s1577-nav .menu li a[href='/cart'] .cart-title,
#CartDrawer.drawer--right .cart-icon .cart-title {
  display: none; }

.s1577-header .s1577-nav .menu li a[href='/cart'] .cart-item-count,
#CartDrawer.drawer--right .cart-icon .cart-item-count,
.s1577-header .s1577-nav .mobile-only a.mobile-cart-a .cart-item-count {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  background: #475d43;
  border-radius: 50%;
  font-size: 12px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  line-height: 22px;
  opacity: 0; }

.s1577-header .s1577-nav .menu li a[href='/cart'] .cart-item-count.has-items,
#CartDrawer.drawer--right .cart-icon .cart-item-count.has-items,
.s1577-header .s1577-nav .mobile-only a.mobile-cart-a .cart-item-count.has-items {
  opacity: 1.0; }

.s1577-header .s1577-nav .menu li a[href='/cart'] .cart-item-count span,
#CartDrawer.drawer--right .cart-icon .cart-item-count span,
.s1577-header .s1577-nav .mobile-only a.mobile-cart-a .cart-item-count span {
  position: relative;
  left: auto; }

/* header navigation menu sub */
.s1577-header .s1577-nav .menu li .sub { visibility: hidden; position: absolute; float: none; top: 60px; left: -99999px; margin: 0; padding: 15px 0; width: 100%; background: #ffffff; border-top: 1px solid #f5f5f5; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); opacity: 0; transition: all 0.2s 0.2s, left 0s 0.2s; } .s1577-header .s1577-nav .menu li:hover .sub { visibility: visible; left: 0; opacity: 1.0; transition: all 0.2s 0s, left 0s 0s; } .s1577-header .s1577-nav .menu li .sub ul { display: table; margin: 0 auto; padding: 0; font-size: 0; line-height: 0; text-align: center; }
/* header navigation menu sub item */
.s1577-header .s1577-nav .menu li .sub ul li {
  display: table-cell;
  float: none;
  padding-left: 15px;
  line-height: 1; }

.s1577-header .s1577-nav .menu li .sub ul li:first-child {
  padding-left: 0; }

/* header navigation menu sub anchor */
.s1577-header .s1577-nav .menu li .sub ul li a { line-height: 0; } .s1577-header .s1577-nav .menu li .sub ul li a:after { display: none; } .s1577-header .s1577-nav .menu li .sub ul li a img { max-width: 183px; height: auto; } .s1577-header .s1577-nav .menu li .sub ul li a span { display: block; margin: 15px 0 0 0; font-size: 16px; line-height: 1; } .s1577-header .s1577-nav .menu li .sub ul li a:hover { color: #475d43; }
/* header navigation menu sub text */
.s1577-header .s1577-nav .menu li .sub ul li.text { text-align: left; vertical-align: middle; } .s1577-header .s1577-nav .menu li .sub ul li.text .inner { padding: 0 0 0 15px; border-left: 1px solid #475d43; } .s1577-header .s1577-nav .menu li .sub ul li.text a { display: block; margin-top: 15px; line-height: 1; } .s1577-header .s1577-nav .menu li .sub ul li.text a:first-child { margin-top: 0; }
@media (min-width: 1024px) {
  .s1577-header .s1577-nav .wrapper {
    max-width: 100%;
    padding: 0 5%; } }
/* page */
#PageContainer.hide-promo-bar {
  padding-top: 120px; }

/* cart drawer */
#CartDrawer.drawer--right {
  background: #ffffff;
  border-left: 0;
  box-shadow: -3px 2px 5px 0 rgba(0, 0, 0, 0.1); }

#CartDrawer #CartContainer {
  /*font-family: Avenir-Medium;*/
  color: #636569;
  font-weight: 500; }

#CartDrawer.drawer--right .drawer__header,
#CartDrawer.drawer--right .ajaxcart__row {
  border-width: 2px;
  border-color: #f5f5f5; }

/* cart drawer icon */
#CartDrawer.drawer--right .cart-icon {
  display: inline-block;
  position: relative;
  top: 5px;
  margin-top: 0;
  margin-right: 15px; }

/* cart drawer title */
#CartDrawer.drawer--right .drawer__title {
  /*font-family: Avenir-Medium;*/
  font-size: 16px;
  color: #475d43;
  font-weight: 500; }

/* cart drawer close */
#CartDrawer.drawer--right .drawer__close button {
  font-size: 0;
  line-height: 0; }

#CartDrawer.drawer--right .icon-x:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url("//310nutrition.com/cdn/shop/t/2304/assets/s1577-cart-drawer-icon-close.png?v=135715297126827771191717011452") 0 0 no-repeat;
  background-size: 16px 16px; }

#CartDrawer.drawer--right .drawer__close button:active,
#CartDrawer.drawer--right .drawer__close button:focus {
  background: transparent;
  outline: 0; }

/* cart drawer product */
#CartDrawer.drawer--right .ajaxcart__product-name,
#CartDrawer.drawer--right .money {
  font-size: 16px;
  color: #636569; }

#CartDrawer.drawer--right .money {
  font-size: 18px; }

/* cart drawer total */
#CartDrawer.drawer--right .two-thirds,
#CartDrawer.drawer--right .one-third {
  font-size: 16px;
  color: #636569; }

/* cart drawer calculated */
#CartDrawer.drawer--right .text-center {
  padding: 0 15px;
  font-size: 14px;
  color: #636569;
  font-style: italic; }

/* cart drawer button */
#CartDrawer.drawer--right .btn--full {
  padding: 5px 30px;
  /*font-family: Avenir-Medium;*/
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 40px; }

/* cart drawer continue shopping */
#CartDrawer.drawer--right .continue-shopping-ajax a {
  font-size: 16px;
  color: #636569; }

body.fixed-body {
  overflow: hidden !important; }

/* cart drawer opacity */
.cart-drawer-opacity {
  display: none;
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0); }

.cart-drawer-opacity.js-show-opacity {
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999980; }

.drawer-opacity {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: 0.3s ease-in-out; }

body.js-drawer-open .drawer-opacity,
body.mobile-menu-active .drawer-opacity,
body.mobile-search-active .drawer-opacity {
  display: block !important;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.7); }

/* responsive */
.mobile-only {
  display: none; }

@media screen and (max-width: 1024px) {
  .mobile-only {
    display: block; }

  /* header promo */
  .s1577-header #top-promo-bar { height: 40px; } .s1577-header #promo-bar-wrapper { padding: 0px 12px; height: auto; line-height: 1.5; } .s1577-header #top-promo-bar h4 { font-size: 13px; line-height: inherit; } .s1577-header #promo-bar-wrapper .close { right: 15px; width: 13px; height: 14px; background-size: 13px 14px; }

  /* header navigation */
  .s1577-header .s1577-nav {
    height: 50px; }

  /* header navigation logo */
  .s1577-header .s1577-nav .logo {
    margin-top: 10px;
    width: 50px;
    height: 30px; }

  .s1577-header .s1577-nav .logo a {
    height: 30px;
    background-size: 50px 30px; }

  /* header navigation menu */
  .s1577-header .s1577-nav .menu {

    display: none; }

  .s1577-header .s1577-nav .menu li,
  .s1577-header .s1577-nav .menu li a[href='#search'] {
    display: none; }

  .s1577-header .s1577-nav .menu li.search {
    display: block;
    position: static; }

  .s1577-header .s1577-nav .menu li .search-form {
    top: 50px;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }

  .s1577-header .s1577-nav .menu li .search-form input[name='q'] {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    border-color: #ffffff;
    border-radius: 0; }

  /* header navigation mobile only */
  .s1577-header .s1577-nav .mobile-only {
    float: right;
    height: 50px;
    font-size: 0;
    line-height: 0; }

  /* header navigation mobile only search form */
  .s1577-header .s1577-nav .mobile-only .mobile-search-container { display: inline-block; position: relative; float: left; top: 9px; } .s1577-header .s1577-nav .mobile-only .mobile-search-form { z-index: -1; display: inline-block; position: relative; opacity: 0; transition: opacity 0.3s ease-in-out; } .s1577-header .s1577-nav.mobile-menu-active .mobile-only .mobile-search-form { z-index: -1; opacity: 0 !important; } .s1577-header .s1577-nav .mobile-only .mobile-search-form.active { z-index: inherit; opacity: 1.0; }


  .s1577-header .s1577-nav .mobile-only .mobile-search-form input[name='q'] {
    display: inline-block;
    padding: 7.5px;
    width: 120px;
    font-size: 13px;
    line-height: normal; }

  .s1577-header .s1577-nav .mobile-only .mobile-search-form input[name='q']::placeholder {
    line-height: normal; }

  .s1577-header .s1577-nav .mobile-only .mobile-search-form input[name='q']:-ms-input-placeholder {
    line-height: normal; }

  .s1577-header .s1577-nav .mobile-only .mobile-search-form input[name='q']::-ms-input-placeholder {
    line-height: normal; }

  /* header navigation mobile only anchors */
  .s1577-header .s1577-nav .mobile-only a {
    display: inline-block !important;
    position: relative;
    float: left;
    margin: 0 !important;
    padding: 0;
    opacity: 1.0; }

  .s1577-header .s1577-nav .mobile-only a span {
    display: none; }

  .s1577-header .s1577-nav .mobile-only a.mobile-search-a {
    position: absolute;
    top: 4px;
    right: 0;
    width: 37px;
    height: 22px;
    background: transparent url("//310nutrition.com/cdn/shop/t/2304/assets/s1577-nav-icon-search.png?v=11241386454593579071717011447") 50% 0 no-repeat;
    background-size: 22px 22px; }

  .s1577-header .s1577-nav.mobile-menu-active .mobile-only a.mobile-search-a, .s1577-header .s1577-nav.mobile-menu-active .mobile-only a.mobile-cart-a { z-index: -1; opacity: 0 !important; } .s1577-header .s1577-nav .mobile-only a.mobile-cart-a { top: 12px; padding-right: 22px; width: 46px; background-position: 7.5px 0; } .s1577-header .s1577-nav .mobile-only a.mobile-cart-a.has-items { width: 51px; } .s1577-header .s1577-nav .mobile-only a.mobile-cart-a .cart-item-count, .s1577-header .s1577-nav .mobile-only a.mobile-cart-a .cart-item-count .CartCount { display: block; } .s1577-header .s1577-nav .mobile-only a.mobile-cart-a .cart-item-count.has-items { right: 7px; } .s1577-header .s1577-nav .mobile-only a.mobile-cart-a .cart-item-count span, #CartDrawer.drawer--right .cart-icon .cart-item-count span { top: auto; }

  .s1577-header .s1577-nav .mobile-only a.mobile-menu-a {
    position: relative;

    top: 8px;
    margin-right: -7.5px !important;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    width: 45px;
    height: 35px;
    /*20px*/
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out; }

  .s1577-header .s1577-nav .mobile-only a.mobile-menu-a span {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: calc(100% - 15px);
    height: 4px;
    background: #636569;
    border-radius: 3px;
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }

  .s1577-header .s1577-nav.mobile-menu-active .mobile-only a.mobile-menu-a span {
    background: #475d43; }

  .s1577-header .s1577-nav .mobile-only a.mobile-menu-a span:nth-child(1) {
    top: 7.5px; }

  .s1577-header .s1577-nav.mobile-menu-active .mobile-only a.mobile-menu-a span:nth-child(1) {
    top: 15.5px;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }

  .s1577-header .s1577-nav .mobile-only a.mobile-menu-a span:nth-child(2) {
    top: 15.5px; }

  .s1577-header .s1577-nav.mobile-menu-active .mobile-only a.mobile-menu-a span:nth-child(2) {
    left: -30px;
    opacity: 0; }

  .s1577-header .s1577-nav .mobile-only a.mobile-menu-a span:nth-child(3) {
    top: 23.5px; }

  .s1577-header .s1577-nav.mobile-menu-active .mobile-only a.mobile-menu-a span:nth-child(3) {
    top: 15.5px;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }

  /* header navigation mobile menu */
  .s1577-header .s1577-nav .mobile-menu-swipe {
    z-index: -1;
    overflow-y: auto;
    position: fixed;
    top: 90px;
    left: -999999px;
    width: 100%;
    max-height: calc(100% - 84px);
    background: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    -webkit-overflow-scrolling: touch; }

  .s1577-header .s1577-nav.mobile-menu-active .mobile-menu-swipe { z-index: 9; left: 0; opacity: 1.0; } .s1577-header .s1577-nav .mobile-menu { margin: 0; padding: 0; width: 100%; background: #ffffff; list-style: none; padding-bottom: 35px; } .s1577-header .s1577-nav .mobile-menu li { position: relative; margin: 0; padding: 0 15px; }

  .s1577-header .s1577-nav .mobile-menu li:before,
  .s1577-header .s1577-nav .menu li .search-form:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: calc(100% - 30px);
    height: 0;
    border-top: 1px solid #f5f5f5; }

  .s1577-header .s1577-nav .mobile-menu li a {
    display: block !important;

    position: relative;
    float: none;
    margin: 0;
    padding: 15px 0;
    /*font-family: Avenir-Medium;*/
    font-size: 16px;
    color: #636569;
    font-weight: 500;
    line-height: 1; }

  .s1577-header .s1577-nav .mobile-menu li.has-sub > a:before,
  .s1577-header .s1577-nav .mobile-menu li.has-sub > a:after {
    transition: 0.3s ease-in-out; }

  .s1577-header .s1577-nav .mobile-menu li.has-sub > a:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 10px;
    height: 100%;
    background: #475d43;
    opacity: 0; }

  .s1577-header .s1577-nav.version-one .mobile-menu li.has-sub > a:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;

    right: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background: transparent url("//310nutrition.com/cdn/shop/files/mob-chev-sq.png?v=1802721153100305891") 0 0 no-repeat;
    background-size: 12px 12px; }

  .s1577-header .s1577-nav .mobile-menu li.active > a {
    font-weight: 600; }

  .s1577-header .s1577-nav .mobile-menu li.has-sub.active > a:before {
    opacity: 1.0; }

  .s1577-header .s1577-nav.version-one .mobile-menu li.has-sub.active > a:after {
    left: unset;
    opacity: 1;
    transform: rotate(90deg); }

  .s1577-header .s1577-nav .mobile-menu li a span {
    display: block; }

  /* header navigation mobile menu sub */
  .s1577-header .s1577-nav .mobile-menu li.has-sub .sub { position: absolute; top: -999999px; left: -999999px; background: #f5f5f5; opacity: 0; transition: opacity 0.3s ease-in-out; } .s1577-header .s1577-nav .mobile-menu li.has-sub.active .sub { position: relative; top: auto; left: auto; opacity: 1.0; } .s1577-header .s1577-nav .mobile-menu li.has-sub .sub:before, .s1577-header .s1577-nav .mobile-menu li.has-sub .sub:after { content: ''; position: absolute; top: 0; left: -15px; width: 15px; height: 100%; background: #f5f5f5; } .s1577-header .s1577-nav .mobile-menu li.has-sub .sub:after { right: -15px; left: auto; } .s1577-header .s1577-nav .mobile-menu li.has-sub .sub ul { margin: 0; padding: 0; } .s1577-header .s1577-nav .mobile-menu li.has-sub .sub ul li { padding-left: 30px; }

  /* page */
  #PageContainer.hide-promo-bar {
    padding-top: 90px; }

  /* searchanise */
  div.snize-ac-results.snize-ac-results-mobile li.snize-mobile-top-panel,
  div.snize-ac-results.snize-ac-results-mobile li.snize-mobile-top-panel input.snize-mobile-input-style {
    height: 84px !important; }

  div.snize-ac-results.snize-ac-results-mobile li.snize-mobile-top-panel {
    border-bottom: 0 !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }

  div.snize-ac-results.snize-ac-results-mobile li.snize-mobile-top-panel input.snize-mobile-input-style {
    margin: 0 15px !important;
    font-size: 16px !important;
    line-height: 16px !important; }

  div.snize-ac-results.snize-ac-results-mobile li.snize-mobile-top-panel input.snize-mobile-input-style::placeholder {
    line-height: 16px !important; }

  div.snize-ac-results.snize-ac-results-mobile li.snize-mobile-top-panel input.snize-mobile-input-style:-ms-input-placeholder {
    line-height: 16px !important; }

  div.snize-ac-results.snize-ac-results-mobile li.snize-mobile-top-panel input.snize-mobile-input-style::-ms-input-placeholder {
    line-height: 16px !important; }

  div.snize-ac-results.snize-ac-results-mobile li.snize-close-area {
    margin-top: 0 !important;
    padding: 15px !important;
    border-top: 0 !important; } }
/* live chat bubble fix */
.zopim {
  z-index: 9999 !important; }

.zEWidget-launcher {
  margin: 0 30px 30px 0 !important; }

@media screen and (max-width: 768px) {
  .zEWidget-launcher {
    min-width: 50px !important;
    min-height: 50px !important; }

  .u-borderTransparent {
    border: 0 !important; }

  .src-component-Launcher-wrapperMobile {
    padding: 0 !important;
    min-width: 50px !important;
    min-height: 50px !important;
    text-align: center !important; } }
/* recharge labels fix */
div.rc_option {
  padding: 0 !important; }

div.rc_option.active div.rc_select {
  padding: 0 8px 8px 8px !important; }

div.rc_option.rc_option__recurring a.iframe {
  margin-left: 8px !important;
  transition: none !important; }

div.rc_option.active.rc_option__recurring a.iframe {
  margin-left: 0px !important; }

label.rc_label,
label.rc_select__label {
  display: block !important;
  padding: 8px !important; }

/* New Product Snippet */
/* type */
.product-single .product-info .rc_container { display: table !important; table-layout: fixed; margin: 10px 0 !important; margin-left: -15px !important; width: calc(100% + 30px) !important; border-collapse: separate; border-spacing: 15px 0; } .product-single .product-info .rc_container .rc_option { display: table-cell; width: 50%; background: #ffffff !important; border: 1px solid #63656a; border-radius: 0; color: #63656a; text-align: center; vertical-align: middle; } .product-single .product-info .rc_container .rc_option:first-child { margin-left: 0; } .product-single .product-info .rc_container .rc_one_time_price { display: none; } .product-single .product-info .rc_container .rc_option input[type='radio'] { display: none; } .product-single .product-info .rc_container .rc_option label { padding: 10px 13px !important; color: #63656a !important; } .product-single .product-info .rc_container .rc_option.active { background: #63656a !important; color: #ffffff; } .product-single .product-info .rc_container .rc_option.active label, .product-single .product-info .rc_container .rc_option.active .rc_select span { color: #ffffff !important; } .product-single .product-info .rc_container .rc_option .rc_select { display: none; } .product-single .product-info .rc_select { margin-bottom: 15px; } .product-single .product-info .rc_select .iframe { display: none; } .product-single .product-info .rc_select .iframe.active { display: block; }

/* options */
.product-single .product-info .single-option-selector {
  width: 100%;
  height: 45px;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px; }

/* price */
.product-single .product-info .price-container { overflow: hidden; margin: 0 0 15px 0; } .product-single .product-info .price-container #ProductPrice { display: inline-block; float: left; margin: 0 15px 0 0; } .product-single .product-info .price-container #ComparePrice { display: inline-block; float: left; text-indent: -99999px; line-height: 36px; } .product-single .product-info .price-container #ComparePrice .money { display: inline-block; float: left; text-decoration: line-through; text-indent: 0; }

/* actions */
.product-single .product-info .actions {
  overflow: hidden; }

/* quantity input */
.product-single .product-info .actions .quantity-container {
  float: left; }

.product-single .product-info .actions .quantity-container .quantity-selector {
  display: none !important; }

.product-single .product-info .actions .quantity-container .quantity {
  width: 58px;
  height: 50px;
  font-size: 16px;
  line-height: 17px; }

/* add to cart button */
.product-single .product-info .actions .btn.AddToCart {
  float: right;
  width: calc(100% - 73px);
  height: 50px;
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0; }

/* sold button */
.product-single .product-info .actions .btn.sold {
  float: right;
  width: calc(100% - 73px); }

.product-single .product-info .actions .btn.disabled {
  background-color: #bbb;
  border-color: #bbb; }
  .product-single .product-info .actions .btn.disabled:hover {
    color: white; }

.product-single .product-info .actions .btn.AddToCart.fullwidth {
  width: 100%; }

.product-single .product-info .actions .btn.sold.fullwidth {
  width: 100%; }

.product-single .product-info .actions .btn.AddToCart:focus,
.product-single .product-info .actions .btn.AddToCart:hover {
  opacity: 0.7; }

.product-single .product-info .actions .btn.AddToCart.sold:focus,
.product-single .product-info .actions .btn.AddToCart.sold:hover,
.product-single .product-info .actions .btn.AddToCart.disabled:focus,
.product-single .product-info .actions .btn.AddToCart.disabled:hover {
  opacity: 1; }

/* responsive */
@media screen and (max-width: 1024px) {
  /* product info */
  .product-single .product-info {
    text-align: left; } }
/* Home Page Try It All Test */
/* home page */
body.template-home-try-it-all #PageContainer {
  padding-top: 130px; }

/* home page hero */
body.template-home-try-it-all #heronew {
  padding-bottom: 40px;
  background: transparent; }

/* home page hero background */
body.template-home-try-it-all #heronew .heronew-bg {
  display: table;
  table-layout: fixed;
  margin: 0 auto;
  padding: 0 30px;
  width: 100%;
  max-width: 1180px; }

/* home page hero container */
body.template-home-try-it-all #heronew .heronew-bg .hero-lifestyle-container {
  padding: 0; }

/* home page hero image */
body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-left {
  float: left;
  padding: 45px 0px 43px;
  padding-bottom: 0;
  width: 680px;
  font-size: 0;
  text-align: left;
  line-height: 0;
  vertical-align: bottom; }

body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-left img {
  float: left;
  max-width: 100%;
  height: auto; }

body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-left img.mobile {
  display: none; }

/* home page hero info */
body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right {
  margin: 45px 15px 45px auto;
  width: 400px; }

body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right #hero-lifestyle-box {
  padding: 0;
  background: transparent;
  box-shadow: none;
  text-align: left; }

/* home page hero info title */
body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right h2 {
  margin: 0;
  padding: 0;
  font-size: 36px;
  color: #f1691b;
  font-weight: 600;
  text-align: left !important;
  line-height: 37px; }

/* home page hero info subtitle */
body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right .subtitle {
  font-size: 24px;
  color: #63656a;
  font-weight: 600;
  line-height: 28px; }

/* home page hero info paragraph */
body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right p {
  margin: 15px 0;
  font-size: 16px;
  color: #63656A;
  font-weight: 500;
  line-height: 20px; }

/* home page hero info list */
body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right ul {
  margin: 20px 0px 0px 5px;
  padding: 0;
  list-style: none; }

/* home page hero info list item */
body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right ul li {
  position: relative;
  margin: 10px 0 0 0;
  font-size: 16px;
  color: #63656A;
  font-weight: 500;
  line-height: 20px; }

body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right ul li:before {
  content: '';
  float: left;
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  background: transparent url("//310nutrition.com/cdn/shop/files/try-it-home-check.png?v=1815323686571971563") 0 0 no-repeat;
  background-size: 20px 20px; }

body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right ul li:first-child {
  margin-top: 0; }

/* home page hero info call to actions */
body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right .cta { overflow: hidden; margin: 15px 0 0 0; } body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right .cta .btn { overflow: hidden; float: left; margin: 10px 0 0 0; padding: 2px 0 !important; width: 100%; background: #f1691b; border: 0; border-radius: 30px !important; font-size: 20px; color: #ffffff; font-weight: 500; letter-spacing: 0.5px; text-align: center; line-height: 40px; transition: 0.3s; } body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right .cta .btn.add-to-cart { margin-left: 0; } body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right .cta .btn.learn-more { background: #636569; } body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right .cta .btn:hover { opacity: 0.7; }
/* home page content */
body.template-home-try-it-all .frontpage .main-content { margin-top: -14px; }
/* home page motivator */
body.template-home-try-it-all .frontpage .home-motivator { overflow: hidden; position: relative; float: left; margin: 0 0 10px 1%; padding: 20px; width: 48%; height: 150px; background: #f5f5f5; border: 1px solid #e9e9e9; border-radius: 5px; text-align: left; } body.template-home-try-it-all .frontpage .home-motivator:before { content: 'Free Gift'; position: absolute; right: 0; bottom: 0; padding: 0 30px; background: #4a90e2; font-size: 15px; color: #ffffff; font-weight: 500; border-bottom-right-radius: 5px; } body.template-home-try-it-all .frontpage .home-motivator:after { content: ''; position: absolute; right: 115px; bottom: 0; width: 0; height: 0; background: #4a90e2; font-size: 15px; color: #ffffff; font-weight: 500; border-width: 24px 0px 0px 24px; border-style: solid; border-color: transparent transparent transparent #f5f5f5; transform: rotate(90deg); }
/* home page motivator image */
body.template-home-try-it-all .frontpage .home-motivator .img { float: left; width: 100px; font-size: 0; line-height: 0; } body.template-home-try-it-all .frontpage .home-motivator .img a { display: block; } body.template-home-try-it-all .frontpage .home-motivator .img a img { max-width: 100%; height: auto; } body.template-home-try-it-all .frontpage .home-motivator .img a:hover { opacity: 0.7; }
/* home page motivator info */
body.template-home-try-it-all .frontpage .home-motivator .info { float: left; margin: 0 0 0 30px; width: calc(100% - 130px); } body.template-home-try-it-all .frontpage .home-motivator .info .title { display: block; font-size: 28px; color: #f1691b; font-weight: 600; line-height: 32px; } body.template-home-try-it-all .frontpage .home-motivator .info .title .uppercase { text-transform: uppercase; } body.template-home-try-it-all .frontpage .home-motivator .info .subtitle { position: relative; font-size: 20px; color: #63656a; font-weight: 600; line-height: 24px; } body.template-home-try-it-all .frontpage .home-motivator .info .subtitle a { position: relative; color: #63656a; } body.template-home-try-it-all .frontpage .home-motivator a.btn { display: inline-block; margin: 0 0 0 15px; padding: 5px 90px !important; width: auto; background: #f1691b; border: 0; border-radius: 30px !important; font-size: 20px; color: #ffffff !important; font-weight: 500; letter-spacing: 0.5px; text-align: center; line-height: 40px; transition: 0.3s; } body.template-home-try-it-all .frontpage .home-motivator a:hover { opacity: 0.7; } body.template-home-try-it-all .frontpage .home-motivator .info .price { display: block; margin-top: 5px; font-size: 16px; color: #63656a; font-weight: 500; line-height: 20px; } body.template-home-try-it-all .frontpage .home-motivator .info .learn-more { display: inline-block; margin-top: 2px; color: #f1691b; text-decoration: underline; } body.template-home-try-it-all .frontpage .home-motivator a.btn.mobile { display: none; margin: 15px 0 0 0; padding: 5px 0 !important; width: 100%; }
/* home page collections */
body.template-home-try-it-all .frontpage .home-categories { margin-top: -34px; } body.template-home-try-it-all .frontpage .home-categories .quarter { position: relative; margin: 1%; padding: 0; width: 23%; min-height: 1%; background: #ffffff; border: 1px solid #e9e9e9; border-radius: 5px; text-align: left; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); } body.template-home-try-it-all .frontpage .home-categories .quarter:after { content: '\00bb'; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; width: 16px; height: 16px; font-size: 16px; font-weight: 600; text-align: right; line-height: 1; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile { display: block; float: right; padding: 0; margin-top: 0; margin-right: 1%; margin-left: 0; width: 48%; height: 150px; font-size: 24px; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile:after { display: none; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile.divider { display: inline-block; float: none; margin-top: 3%; margin-bottom: 3%; padding: 0; width: 100%; height: auto; border-color: transparent; font-size: 24px; text-align: center; box-shadow: none; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile.divider:after { display: none; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile .table { display: table; width: 100%; height: 100%; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile .table .table-cell { display: table-cell; vertical-align: middle; } body.template-home-try-it-all .frontpage .home-categories .quarter .h6 { font-size: 16px; color: #404040; font-weight: 600; } body.template-home-try-it-all .frontpage .home-categories .quarter a { display: block; color: #63656a; font-weight: 600; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile a { padding: 20px; height: 100%; font-size: 28px; line-height: 110px; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile a:after { content: '\00bb'; display: inline-block; margin-left: 5px; width: 28px; height: 28px; font-size: 28px; font-weight: 600; line-height: 1; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile a img { float: left; margin: 30px 30px 0 20px; width: auto; max-height: 50px; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile a span { line-height: 50px; } body.template-home-try-it-all .frontpage .home-categories .quarter a:hover { opacity: 0.7; } body.template-home-try-it-all .frontpage .home-categories .quarter .h6 { margin: 0; font-size: inherit; color: #404040; font-weight: 600; } body.template-home-try-it-all .frontpage .home-categories .quarter a.cat-img { float: left; } body.template-home-try-it-all .frontpage .home-categories .quarter a.cat-img img { float: left; margin: 15px; width: 50px; height: auto; } body.template-home-try-it-all .frontpage .home-categories .quarter p { margin: 0; padding-left: 65px; min-height: 80px; text-transform: none; } body.template-home-try-it-all .frontpage .home-categories .quarter a p { padding: 15px; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile p { padding-left: 0; min-height: 1%; height: 100%; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile.divider p { font-weight: 400; } body.template-home-try-it-all .frontpage .home-categories .quarter .mobile-table { display: table; height: 80px; } body.template-home-try-it-all .frontpage .home-categories .quarter .mobile-table .mobile-table-cell { display: table-cell; padding: 0 15px 0 0; height: 100%; vertical-align: middle; }
/* responsive */
@media screen and (max-width: 1180px) {
  /* home page hero image */
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-left {
    width: 60%; }
  /* home page hero info */
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right {
    width: calc(40% - 15px); } }
@media screen and (max-width: 1150px) {
  /* home page motivator info */
  body.template-home-try-it-all .frontpage .home-motivator .info .title,
  body.template-home-try-it-all .frontpage .home-categories .quarter.mobile a {
    font-size: 22px; }

  body.template-home-try-it-all .frontpage .home-motivator .info .subtitle {
    font-size: 18px;
    line-height: 22px; } }
@media screen and (max-width: 1048px) {
  /* home page hero info title */
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right h2 {
    font-size: 32px; } }
@media screen and (max-width: 1024px) {
  /* home page */
  body.template-home-try-it-all #PageContainer {
    padding-top: 84px; }

  /* home page hero info title */
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right h2 {
    font-size: 32px; }

  /* home page collections */
  body.template-home-try-it-all .frontpage .home-categories .quarter {
    width: 48%; }

  body.template-home-try-it-all .frontpage .home-categories .quarter.mobile a:after {
    width: 18px;
    height: 18px;
    font-size: 18px; } }
@media screen and (max-width: 1020px) {
  /* home page motivator info */
  body.template-home-try-it-all .frontpage .home-motivator .info .title,
  body.template-home-try-it-all .frontpage .home-categories .quarter.mobile a {
    font-size: 18px; }

  body.template-home-try-it-all .frontpage .home-motivator .info .subtitle {
    font-size: 16px;
    line-height: 20px; } }
@media screen and (max-width: 960px) {
  /* home page motivator info */
  body.template-home-try-it-all .frontpage .home-motivator .info {
    margin-left: 15px; }

  /* home page hero info title */
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right h2 {
    font-size: 24px;
    line-height: 26px; }

  /* home page hero info subtitle */
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right .subtitle {

    font-size: 16px;
    line-height: 26px; }

  /* home page hero info paragraph and list */
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right p,
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right ul li {
    font-size: 14px; }

  /* home page motivator badge */
  body.template-home-try-it-all .frontpage .home-motivator:before {
    padding-top: 5px;
    padding-bottom: 5px;
    max-height: 24px;
    font-size: 12px;
    line-height: 16px; }

  body.template-home-try-it-all .frontpage .home-motivator:after {
    right: 100px;
    font-size: 12px;
    line-height: 16px; }

  /* home page hero info title */
  body.template-home-try-it-all .frontpage .home-motivator .info .title {
    font-size: 20px;
    line-height: 20px; }

  /* home page hero info subtitle */
  body.template-home-try-it-all .frontpage .home-motivator .info .subtitle {
    margin-top: 5px;
    font-size: 16px;
    line-height: 22px; }

  body.template-home-try-it-all .frontpage .home-motivator a.btn {
    padding-right: 60px !important;
    padding-left: 60px !important; }

  /* home page hero info price */
  body.template-home-try-it-all .frontpage .home-motivator .info .price {
    margin-top: 5px;
    font-size: 14px;
    line-height: 19px; }

  /* home page collections */
  body.template-home-try-it-all .frontpage .home-categories .quarter:after { content: '\00bb'; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; width: 8px; height: 16px; font-size: 16px; font-weight: 600; line-height: 1; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile { display: block; padding: 0; font-size: inherit; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile:after { font-size: inherit; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile.divider { display: inline-block; margin-top: 0; margin-bottom: 0; padding: 0; font-size: inherit; text-align: center; box-shadow: none; }

  body.template-home-try-it-all .frontpage .home-categories .quarter.mobile a {
    padding: 20px;
    font-size: 14px !important;
    /*line-height: 18px;*/ }

  body.template-home-try-it-all .frontpage .home-categories .quarter .h6 {
    margin: 0;
    font-size: inherit;
    color: #404040;
    font-weight: 600; } }
@media screen and (max-width: 958px) {
  /* home page motivator info */
  body.template-home-try-it-all .frontpage .home-motivator .info .title {
    font-size: 18px; } }
@media screen and (max-width: 955px) {
  /* home page motivator info */
  body.template-home-try-it-all .frontpage .home-motivator .info .subtitle {
    font-size: 14px;
    line-height: 18px; } }
@media screen and (max-width: 910px) {
  /* home page motivator info */
  .frontpage .home-motivator .info .title {
    font-size: 16px; } }
@media screen and (max-width: 895px) {
  /* home page motivator info */
  body.template-home-try-it-all .frontpage .home-motivator .info .subtitle {
    font-size: 13px;
    line-height: 17px; } }
@media screen and (max-width: 860px) {
  /* home page motivator info */
  body.template-home-try-it-all .frontpage .home-motivator .info .title {
    font-size: 14px;
    line-height: 18px; }

  body.template-home-try-it-all .frontpage .home-motivator .info .subtitle,
  body.template-home-try-it-all .frontpage .home-motivator .info .price,
  body.template-home-try-it-all .frontpage .home-motivator .info .learn-more {
    font-size: 12px;
    line-height: 16px; } }
@media screen and (max-width: 768px) {
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right {
    width: 100%;
    float: none; }

  body.template-home-try-it-all .frontpage .home-categories .quarter.mobile#shop-all-products {
    padding: 0px;
    width: 100%; }

  /* home page */
  body.template-home-try-it-all #PageContainer {
    padding-top: 84px; }

  /* home page hero */
  body.template-home-try-it-all #heronew {
    padding-bottom: 0; }

  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right p {
    margin: 0px auto 10px; }

  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right ul {
    margin: 5px 0px 0px 5px; }

  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right ul li {
    margin: 4px 0px 0px; }

  /* home page hero image */
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-left { display: inline-block; float: none; position: relative; margin: 0px 0px 0px -30px; width: calc(100% + 60px); padding: 0px; } body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-left img.desktop { display: none; } body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-left img.mobile { display: block; width: 100%; }

  /* home page hero info */
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right {
    width: auto;
    max-width: 100%;
    margin: 10px auto 30px;
    padding-bottom: 0; }

  /* home page hero info title */
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right h2 {
    font-size: 24px;
    line-height: 26px; }

  /* home page hero info subtitle */
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right .subtitle {
    font-size: 16px;
    line-height: 26px; }

  body.template-home-try-it-all .frontpage .home-motivator .info .subtitle a:first-child {
    top: auto; }

  /* home page hero info paragraph and list */
  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right p, body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right ul li { font-size: 14px; } body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right .cta { overflow: hidden; margin: 0px; } body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right .form-vertical { margin-bottom: 0px; }

  /* home page hero info call to actions */

  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right .cta .btn {
    display: block;
    float: none;
    margin: 10px 0 0 0;
    width: 100%; }

  body.template-home-try-it-all #heronew .heronew-bg #hero-lifestyle-right .cta .btn.add-to-cart {
    margin-top: 0; }

  /* home page content */
  body.template-home-try-it-all .frontpage .main-content {
    margin-top: 0; }

  body.template-home-try-it-all .frontpage .home-categories {
    margin-top: 0; }

  /* home page motivator */
  body.template-home-try-it-all .frontpage .home-motivator {
    margin-bottom: 15px;
    margin-left: 0;
    padding: 15px 15px 35px 15px;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    text-align: center;
    height: auto; }

  body.template-home-try-it-all .frontpage .home-motivator .mobile-table {
    display: table;
    width: 100%;
    height: auto; }

  /* home page motivator badge */
  body.template-home-try-it-all .frontpage .home-motivator:before {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 16px; }

  body.template-home-try-it-all .frontpage .home-motivator:after {
    padding-top: 0;
    padding-bottom: 0; }

  /* home page motivator image */
  body.template-home-try-it-all .frontpage .home-motivator .img {
    width: 50px; }

  /* home page motivator info */
  body.template-home-try-it-all .frontpage .home-motivator .info { margin-left: 15px; width: calc(100% - 65px); text-align: left; } body.template-home-try-it-all .frontpage .home-motivator .info .title { font-size: 14px; line-height: 18px; } body.template-home-try-it-all .frontpage .home-motivator .info .subtitle { margin-top: 5px; font-size: 14px; line-height: 18px; } body.template-home-try-it-all .frontpage .home-motivator .info .price { margin-top: 5px; font-size: 14px; line-height: 18px; } body.template-home-try-it-all .frontpage .home-motivator .info .learn-more { font-size: 14px; line-height: 18px; } body.template-home-try-it-all .frontpage .home-motivator a.btn { display: none; } body.template-home-try-it-all .frontpage .home-motivator a.btn.mobile { display: inline-block; }

  /* home page collections */
  body.template-home-try-it-all .frontpage .home-categories { margin: 0; width: 100%; border-top: 0; } body.template-home-try-it-all .frontpage .home-categories .quarter { display: block; overflow: hidden; float: none; position: relative; margin: 15px 0 0 0; padding: 0; width: auto; min-height: 1%; background: #ffffff; border-radius: 5px; text-align: left; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); } body.template-home-try-it-all .frontpage .home-categories .quarter:after { content: '\00bb'; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; width: 8px; height: 16px; font-size: 16px; font-weight: 600; line-height: 1; } body.template-home-try-it-all .frontpage .home-categories .quarter:first-child { margin-top: 0; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile { display: block; float: none; padding: 0; height: auto; font-size: inherit; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile:after { display: block; font-size: inherit; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile.divider { display: block; margin-top: 15px; margin-bottom: 0; padding: 0; font-size: inherit; text-align: center; box-shadow: none; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile.divider:after { display: none; } body.template-home-try-it-all .frontpage .home-categories .quarter a { display: block; font-size: inherit !important; color: #404040; font-weight: 600; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile a:after { display: none; } body.template-home-try-it-all .frontpage .home-categories .quarter .h6 { margin: 0; font-size: inherit; color: #404040; font-weight: 600; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile a { display: block; padding: 15px; line-height: inherit; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile a img { margin-top: 10px; margin-right: 15px; margin-left: 0; max-width: 50px; } body.template-home-try-it-all .frontpage .home-categories .quarter a.cat-img { float: left; } body.template-home-try-it-all .frontpage .home-categories .quarter a.cat-img img { float: left; margin: 15px; width: 50px; height: auto; } body.template-home-try-it-all .frontpage .home-categories .quarter p { margin: 0; padding-left: 65px; min-height: 80px; text-transform: none; } body.template-home-try-it-all .frontpage .home-categories .quarter a p { padding: 15px; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile p { padding-left: 0; min-height: 1%; } body.template-home-try-it-all .frontpage .home-categories .quarter.mobile.divider p { font-weight: 400; } body.template-home-try-it-all .frontpage .home-categories .quarter .mobile-table { display: table; height: 80px; } body.template-home-try-it-all .frontpage .home-categories .quarter .mobile-table .mobile-table-cell { display: table-cell; padding: 0 15px 0 0; height: 100%; vertical-align: middle; } }
@media screen and (max-width: 320px) {
  body.template-home-try-it-all .frontpage .home-motivator:before,
  body.template-home-try-it-all .frontpage .home-motivator:after {
    display: none; } }
/* Product Page Facebook Comments */
.fb_iframe_widget_fluid_desktop iframe {
  min-width: 100% !important; }
/* Product Recs */
#pdp-recommendations.pdp-mobile .pdp-recommendations-product { float: left; width: 45%; margin: 10px 2%; } #secondaryAddToCart { width: 50%; margin: 0 auto; display: block; } .pdp-rec-product-image { text-align: center; } #pdp-recommendations-main-header { font-size: 16px; line-height: 18px; font-weight: bold; text-align: left; } .pdp-rec-product-title h4 { margin: 0px auto; font-weight: 500; font-size: 16px; line-height: 18px; color: #898b8e; text-align: center; padding: 0 12px; } .pdp-rec-product-price a { color: #898b8e; font-weight: normal; font-size: 14px; line-height: 16px; } .pdp-rec-product-price { text-align: center; } .pdp-recommendations-actions-left { position: absolute; top: 50%; left: 10px; margin-top: -10px; z-index: 2; width: 20px; height: 20px; opacity: .65; } .pdp-recommendations-actions-right { position: absolute; top: 50%; margin-top: -10px; right: 10px; z-index: 2; width: 20px; height: 20px; opacity: .65; } .pdp-recommendations-actions-left:hover, .pdp-recommendations-actions-right:hover { cursor: pointer; opacity: 1; }
@media (max-width: 640px) { div.pdp-recommendations-actions-left, div.pdp-recommendations-actions-right { width: 29px; } .pdp-rec-product-title h4 { font-size: 14px; line-height: 16px; } .pdp-rec-product-title a, .pdp-rec-product-price a { font-size: 12px; line-height: 14px; } .pdp-rec-product-image a img { max-height: 100px; width: auto; margin: 0px auto; } }
@media (max-width: 420px) {
  .pdp-rec-product-image a img {
    max-height: 80px; } }
.product-full-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1120px;
  display: block; }
div#product-bottom-gray {
  background-color: #F5F5F5;
  padding: 30px 0px;
  margin: 30px auto 0px; }
  @media (max-width: 768px) {
    div#product-bottom-gray {
      padding: 30px 15px;
      margin: 30px -20px 0px; } }
div#product-top-badges { margin: 10px auto; } div#product-top-badges img { max-width: 80%; display: block; margin: 0px auto; } .pdp-section-container #fb-comment-box { width: 100%; margin: 0 auto; } .white-background { background-color: #fff; } .pdp-section-container { background-color: #fff; border: 1px solid #C7C7C7; padding: 15px 10px; margin: 30px auto; } .pdp-section-container h2 { font-size: 22px; line-height: 26px; text-align: center; color: #FF681D; } .pdp-standalone-container { margin: 10px auto 30px; text-align: center; } .pdp-standalone-container.narrow { max-width: 640px; } .pdp-standalone-container h1 { color: #FF681D; font-size: 28px; line-height: 32px; text-align: center; margin: 0px auto 10px; } .pdp-standalone-container p { color: #898B8E; font-size: 17px; line-height: 22px; text-align: center; } .pdp-standalone-feature { margin: 10px 2%; width: 20%; display: inline-block; float: none; vertical-align: top; } .side-col-item-wrap { margin-bottom: 16px; position: relative; } .side-col-item-wrap .side-col-item-liner { padding: 20px; background: #FFFFFF; border: 1px solid #c7c7c7; } .side-col-item-wrap .title { font-size: 18px; color: #FF681D; line-height: 1.11; font-weight: bold; text-align: center; padding: 0 40px 20px; margin-bottom: 0; } .side-col-item-wrap .btn { width: 45%; font-size: 12px; line-height: 14px; } .side-col-item-wrap .btn-wrap { margin: 0; display: flex; justify-content: space-around; margin-top: 10px; } .product-two-up .inner-two-col { display: flex; justify-content: space-evenly; align-items: start; } .product-two-up .inner-two-col .inner-two-col-item { width: 50%; } .product-two-up .inner-two-col .inner-two-col-item:first-of-type { text-align: center; } .product-two-up .inner-two-col .inner-two-col-item img { max-height: 70px; } .main-area-item-wrap { border: 1px solid #c7c7c7; padding: 20px; margin: 20px 0; }
@media screen and (min-width: 768px) { .grid.product-two-up { margin: 15px; } } .product-two-up .grid__item.large--one-third.pdp-desc-right { float: right; } .product-two-up .navlist-item { background: #FFFFFF; } .product-two-up .grid__item.large--one-third { padding-left: 16px; } @media (max-width: 768px) { .product-two-up .grid__item.large--one-third { padding: 0; } }
.product-two-up .main-area .title { font-size: 24px; color: #FF681D; line-height: 1.11; font-weight: bold; text-align: center; padding: 0 40px 20px; margin-bottom: 0; } .product-two-up .main-area .grid { margin-left: 0px; } .product-two-up .accordion-view #navlist { margin: 0; padding: 0; } .product-two-up .accordion-view h1 { font-size: 20px; line-height: 22px; padding-top: 10px; text-align: left !important; } .product-two-up .accordion-view h2, .product-two-up .accordion-view h3, .product-two-up .accordion-view h4, .product-two-up .accordion-view h5 { font-size: 18px; line-height: 20px; padding-top: 10px; text-align: left !important; } .product-two-up .accordion-view ul { background: #f6f6f6; padding: 20px; margin: 0; } .product-two-up .accordion-view ul li { font-size: 14px; list-style-type: disc; line-height: 24px; list-style-position: outside; margin-left: 15px; text-align: left; } .product-two-up .accordion-view .panel { border: 1px solid #c7c7c7; border-top: none; } .product-two-up .accordion-view #navlist > li.navlist-item:nth-child(1) span { margin-top: 0; } .product-two-up .accordion-view #navlist > li.navlist-item > span { color: #898b8e; border: 1px solid #c7c7c7; font-size: 18px; font-weight: 600; text-transform: capitalize; height: 48px; line-height: 45px; padding: 0 0 0 15px; margin: 6px auto 0px; background-color: #FFFFFF; transition: background .2s ease !important; } .product-two-up .accordion-view #navlist > li.navlist-item > span:hover { background-color: #efefef !important; transition: background-color .2s ease !important; }
    @media (max-width: 768px) {
      .product-two-up .accordion-view #navlist > li.navlist-item > span:hover {
        background-color: #fff !important; } }

@media (max-width: 768px) {
  .four-up .pdp-standalone-feature {
    width: 100%;
    margin: 10px auto; } }
@media (max-width: 768px) { .four-up .pdp-standalone-feature img { max-width: 220px; } } .pdp-standalone-feature h2 { color: #ff681d; font-size: 22px; line-height: 26px; text-align: center; margin: 0px auto 5px; } .pdp-standalone-container .pdp-standalone-feature p { font-size: 14px; line-height: 19px; } #spot-cats .spot-cat { float: left; width: 24%; margin: 5px 0.5%; background-color: #f6f6f6; border-radius: 5px; padding: 0px; } #spot-cats .spot-cat:hover { opacity: 0.7; } #spot-cats .spot-cat-title { float: left; width: 62%; } #spot-cats .spot-cat-title h2 { margin: 12px 0px 0px 12px; padding: 0px; text-align: left; color: #6d6d6d; font-size: 17px; line-height: 21px; } #spot-cats .spot-cat-img { float: left; width: 38%; } #spot-cats .spot-cat-img img { display: block; }
@media (max-width: 860px) {
  #spot-cats .spot-cat {
    width: 31%;
    margin: 5px 1.1%; } }
@media (max-width: 720px) {
  #spot-cats .spot-cat {
    width: 46%;
    margin: 5px 2%; } }
@media (max-width: 600px) {
  #spot-cats .spot-cat-title h2 {
    font-size: 13px;
    line-height: 14px; } }
@media (max-width: 480px) { #spot-cats .spot-cat { width: 48%; margin: 5px 1%; } #time-for-the-new-you-310-nutrition-best-diet-shakes .home-categories { padding: 20px 10px !important; } } @media (max-width: 320px) { #spot-cats .spot-cat-title h2 { font-size: 11px; line-height: 12px; } }
/* Subscription Checkmark */
.product-single .product-info .rc_container .rc_option {
  position: relative; }
.rc_option_selected_check {
  display: none;
  width: 20px;
  height: 21px;
  background-image: url("//310nutrition.com/cdn/shop/files/sub-check.png?v=2056048050177978155");
  background-repeat: no-repeat;
  background-size: 20px;
  position: absolute;
  top: -10px;
  right: -10px; }
.product-single .product-info .rc_container .rc_option.active .rc_option_selected_check {
  display: block; }
/* Product Waitlist */
#waitlist-form { border: 1px solid #eee; padding: 0px; margin: 10px auto; display: block; } div#waitlist-form-header { background-color: #eee; padding: 10px; text-align: center; } div#waitlist-form-header span { font-size: 13px; line-height: 14px; margin: 0px auto; } div#waitlist-form-header h3 { font-size: 22px; line-height: 24px; text-transform: uppercase; margin: 0px auto; } div#waitlist-form-body { padding: 20px 10px; text-align: center; } div#waitlist-form-body p { margin: 0px auto 10px; font-size: 14px; line-height: 17px; }
div#waitlist-form-body input[type="email"] {
  margin: 0px auto;
  -webkit-appearance: none; }
div#waitlist-form-body input[type="email"],
div#waitlist-form-body #waitlist-form-cta {
  font-size: 16px;
  line-height: 18px;
  padding: 10px;
  width: 100%;
  border-radius: 50px;
  text-align: center; }
div#waitlist-form-body #waitlist-form-cta {
  margin: 10px auto 0px; }
div#waitlist-form-header.success {
  background-color: #46e23c;
  transition: 0.5s; }
div#waitlist-form-header.success h3 {
  color: #fff;
  transition: 0.5s; }
/* Add On Product */
div#pdp_add_on_product #pdp_add_on_product_image { float: left; width: 25%; } div#pdp_add_on_product_info { float: left; width: 73%; margin-left: 2%; } div#pdp_add_on_product_info h5 { font-size: 13px; line-height: 18px; margin: 0px auto 5px; color: #898b8e; } div#pdp_add_on_product_info button strong { color: #898b8e; } div#pdp_add_on_product_info p { font-size: 11px; line-height: 15px; margin: 0px auto 5px; color: #898b8e; } span#add_on_product_compare_price span { text-decoration: line-through; font-weight: normal; color: #adadad; } button#add_on_product_cart { background-color: #ebebeb; padding: 10px 20px; margin: 10px auto 0px; border-radius: 50px; display: block; width: 100%; } button#add_on_product_cart:hover { opacity: 0.7; } #pdp_add_on_product_info .form-vertical { margin: 0px auto; }
/* Subscription Benefits */
div#subscription-benefits-vip { display: block; background-color: #f5f5f5; border: 1px solid #c7c7c7; padding: 15px; position: relative; width: 100%; margin: 25px auto 10px; } div#subscription-benefits-vip:after, div#subscription-benefits-vip:before { content: ''; position: absolute; top: 0; left: 75%; width: 0; height: 0; border: 20px solid transparent; border-top: 0; margin-left: -20px; margin-top: -20px; } div#subscription-benefits-vip:after { border-bottom-color: #f5f5f5; } div#subscription-benefits-vip:before { border-bottom-color: #c7c7c7; top: -1px; } div#subscription-benefits-vip.hide-arrow { margin: 10px auto; } div#subscription-benefits-vip.hide-arrow:before, div#subscription-benefits-vip.hide-arrow:after { display: none; } img#subscription-benefits-ribbon { position: absolute; top: -6px; width: 45px; right: 12px; } div#subscription-benefits-vip h4 { font-size: 20px; line-height: 22px; margin: 0px auto 10px; } div#subscription-benefits-vip ul { margin: 0px 0px 0px 20px; list-style: none; } div#subscription-benefits-vip ul li::before { content: "\2022"; color: #F5A623; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
@media (max-width: 340px) {
  div#subscription-benefits-vip:after, div#subscription-benefits-vip:before {
    left: 60%; }
  img#subscription-benefits-ribbon {
    width: 38px;
    right: 8px; } }
#sub_disable_click.disabled { pointer-events: none; } #about-us-container .add_for_about_page * { padding: 0px; margin: 0px; box-sizing: border-box; } #about-us-container .img_res { max-width: 100%; margin: auto; } #about-us-container .mt_10 { margin-top: 10px; } #about-us-container .full_width_div { display: inline-block; width: 100%; padding-top: 60px; } #about-us-container .text_center { text-align: center; } #about-us-container .container_wrap { max-width: 1180px; margin: 0 auto; padding: 0 15px; } #about-us-container .top_aboutus_sec { padding-top: 10px; padding-bottom: 60px; } #about-us-container .about_header { font-size: 30px; text-align: center; color: #63656a; font-weight: 600; } #about-us-container .col_md_3 { float: left; width: 33.33%; padding: 0px 15px; position: relative; } #about-us-container .about_us_half { display: inline-block; width: 45%; } #about-us-container .orange_text_dv { color: #ff681d; font-size: 21px; } #about-us-container .vert_btm { vertical-align: super; } #about-us-container .full_details_about p { font-size: 15px; color: #63656a; line-height: 18px; }
#about-us-container .our_mission_sec {
  z-index: 2;
  position: relative;
  background: #ff681d;
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
  background-image: url("/cdn/shop/files/mission_back2.png?4346194115700825436");
  background-position: left -10px;
  background-repeat: no-repeat; }
#about-us-container .mission_back {
  position: relative;
  margin-top: 50px; }
#about-us-container .mission_back:before {
  content: '';
  position: absolute;
  top: -26px;
  left: 0px;
  right: 0px;
  z-index: 1;
  height: 50px;
  background: #ff681d;
  transform: skewy(-1.8deg);
  -webkit-transform: skewy(-1.8deg);
  -moz-transform: skewy(-1.8deg);
  -ms-transform: skewy(-1.8deg);
  -o-transform: skewy(-1.8deg); }
#about-us-container .list_images_mission { position: relative; margin-top: -140px; } #about-us-container .our_mission_sec .container_wrap { position: relative; display: inline-block; text-align: initial; } #about-us-container .col_md_6 { width: 50%; float: left; padding: 0px 15px; } #about-us-container .mission_header { font-size: 24px; font-weight: 600; color: #fff; margin-bottom: 15px; } #about-us-container .mission_details { font-size: 16px; color: #fff; line-height: 21px; } #about-us-container .mission_sec_iner { width: 46%; } #about-us-container .list_images_mission li { display: inline-block; width: 100%; height: 120px; } #about-us-container .right_div_icon { text-align: right; } #about-us-container .instagrm_section { text-align: center; } #about-us-container .instagrm_section #goof-d { display: block; } #about-us-container .instagrm_section #goof-m { display: none; } #about-us-container .img_text_details, .img_div_man { display: inline-block; vertical-align: middle; } #about-us-container .img_text_details h3 { font-size: 18px; color: #fff; font-weight: 600; } #about-us-container .img_text_details h6 { color: #fff; margin: 0px; font-size: 14px; font-weight: 300; } #about-us-container .black_sec_about { margin-top: 40px; padding-top: 20px; padding-bottom: 20px; } #about-us-container .instagrm_image_list { text-align: center; max-width: 850px; display: inline-block; } #about-us-container .instagrm_image_list ul li { list-style: none; display: inline-block; float: left; width: 12.5%; margin: 0; line-height: 0; } #about-us-container .instagrm_image_list ul li img { width: 100%; } #about-us-container .follow_text_about { text-align: center; font-size: 24px; font-weight: 600; margin-top: 20px !important; } #about-us-container .follow_text_about a { color: #63656a; } #about-us-container .img_top { position: relative; top: 3px; } #about-us-container .insta_text_div { max-width: 850px; margin: 20px auto; text-align: left; } #about-us-container .insta_text_div h3 { color: #ff681d; font-size: 24px; font-weight: bold; margin-bottom: 15px; } #about-us-container .insta_text_div p { font-size: 16px; color: #63656a; } #about-us-container .last_row_video_sec { display: inline-block; width: 100%; } #about-us-container .col_md_7 { width: 60%; } #about-us-container .col_md_5 { width: 40%; } #about-us-container .text_left_tdft { text-align: left; } #about-us-container .text_left_tdft h3 { text-align: left; } #about-us-container .video_inner_sec { margin: 15px 0px; } #about-us-container .last_div_iner h4 { font-size: 15px; color: #63656a; } #about-us-container .last_div_iner p { font-size: 12px; color: #63656a; } #about-us-container .max_width_1000 { max-width: 1000px; } #about-us-container .video_image iframe { width: 100%; height: 200px; } #about-us-container .video_inner_sec iframe { width: 100%; height: 200px; }
@media (min-width: 1600px) {
  #about-us-container .mission_back:before {
    height: 60px; } }
@media (max-width: 1024px) { #about-us-container .orange_text_dv { font-size: 16px; } #about-us-container .list_images_mission li { height: 140px; } #about-us-container .mission_details { font-size: 15px; } }
@media (max-width: 899px) { #about-us-container .col_md_3, #about-us-container .col_md_7, #about-us-container .col_md_5 { width: 100%; } #about-us-container .about_us_half { width: auto; } #about-us-container .top_part_full, #about-us-container .video_image { text-align: center; } #about-us-container .top_part_full { margin: 20px 0px; } #about-us-container .full_details_about p { text-align: left; } #about-us-container .mission_sec_iner { width: 100%; } #about-us-container .list_images_mission { margin-top: 50px; } #about-us-container .our_mission_sec { padding-top: 25px; padding-bottom: 75px; background-position: right -90px; } #about-us-container .mission_back:before { top: -15px; } #about-us-container .top_aboutus_sec { padding-bottom: 0px; } #about-us-container .last_row_video_sec { text-align: leftl; } #about-us-container .insta_text_div { padding: 0px 15px; } #about-us-container .follow_text_about { font-size: 18px; } #about-us-container .about_us_half { width: 49%; max-width: 150px; } #about-us-container .orange_text_dv { text-align: left; font-size: 18px; } #about-us-container .full_width_div { padding-top: 30px; } #about-us-container .black_sec_about { margin-top: 0px; padding-top: 0px; } #about-us-container .instagrm_section .container_wrap { padding: 0px; } #about-us-container .video_image iframe { height: 350px; } #about-us-container .video_inner_sec iframe { height: 350px; } #about-us-container .list_images_mission ul { max-width: 470px; margin: auto; } }
@media (max-width: 480px) { #about-us-container .list_images_mission ul { max-width: 300px; } #about-us-container .instagrm_section #goof-d { display: none; } #about-us-container .instagrm_section #goof-m { display: block; } #about-us-container .instagrm_image_list ul li { width: 25%; } #about-us-container .instagrm_image_list ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; } #about-us-container .list_images_mission li { height: auto; } #about-us-container .img_div_man img { max-width: 130px; } #about-us-container .img_text_details h3 { font-size: 15px; } #about-us-container .img_text_details h6 { font-size: 13px; } #about-us-container .our_mission_sec { background-position: -90px -60px; } #about-us-container .follow_text_about { font-size: 18px; } #about-us-container .follow_text_about img { width: 20px; } #about-us-container .orange_text_dv { font-size: 16px; font-size: 18px; position: relative; top: -8px; } #about-us-container .about_header { text-align: left; } #about-us-container .col_md_3 { padding: 0px; } #about-us-container .our_mission_sec { padding-bottom: 65px; } #about-us-container .top_aboutus_sec { padding-top: 0px; } #about-us-container .col_md_6 { padding: 0px 10px; } #about-us-container .video_inner_sec img { width: 100%; } #about-us-container .list_images_mission li { height: 120px; } #about-us-container .full_width_div { padding-top: 10px; } #about-us-container .video_image iframe { height: 250px; } #about-us-container .video_inner_sec iframe { height: 250px; } } .hover-cursor:hover { cursor: pointer; }
/* Footer 3 */
#footer-s2289 .ul_list_social_footer .logo_ten { max-width: 85px; } #footer-s2289 .ul_list_social_footer .logo_ten a img { width: 100% !important; } #footer-s2289 .two_div_part.foter_list_dv { width: 60%; } #footer-s2289 .two_div_part.right_div_part_contnt { width: 40%; } #footer-s2289 .update_footer { margin-top: 50px; } #footer-s2289 .update_footer { background: #f7f7f7; position: relative; } #footer-s2289 .footer_container { max-width: 1180px; margin: auto; padding: 20px 30px; position: relative; z-index: 99; display: flex; flex-wrap: wrap; display: -ms-flexbox; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; display: -webkit-flex; justify-content: center; } #footer-s2289 .two_div_part { padding: 0px 10px; } #footer-s2289 .foter_list_dv { display: flex; flex-wrap: wrap; justify-content: space-between; display: -ms-flexbox; -ms-flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; } #footer-s2289 .footer_lest_left { padding: 0px 2px; } #footer-s2289 .footer_lest_left ul li { list-style: none; font-size: 14px; } #footer-s2289 .footer_lest_left ul { margin: 0px; padding-top: 10px; border-top: 1px solid #898b90; } #footer-s2289 .footer_lest_left h3 { font-size: 17px; font-weight: 500; } #footer-s2289 .footer_lest_left ul li a { color: #3e3e3e; } #footer-s2289 .known_contnt { max-width: 320px; width: 100%; margin: auto; } #footer-s2289 .known_contnt h3 { font-size: 22px; font-weight: 500; margin-bottom: 2px; } #footer-s2289 .known_contnt p { font-size: 14px; } #footer-s2289 .footer_form_botom { color: #475d43; font-weight: bold; } #footer-s2289 .footer_form_botom .input-group-field { display: inline-block; width: 100%; min-height: 42px; text-align: center; } #footer-s2289 .footer_form_botom .input-group-btn { display: inline-block; width: 100%; } #footer-s2289 .footer_form_botom #submit { width: 100%; margin-top: 10px; text-align: center; font-weight: bold; } #footer-s2289 .footer_logo_botton { display: flex; display: -ms-flexbox; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-flex; max-width: 900px; margin: auto; padding: 15px; justify-content: center; } #footer-s2289 .footer_bussiness_logo { width: 36%; display: inline-block; vertical-align: middle; display: none; } #footer-s2289 .footer_bussiness_logo img { max-width: auto; } #footer-s2289 .footer_bussiness_content { width: 64%; } #footer-s2289 .footer_bussiness_content p { font-size: 16px; color: #63656a; margin-bottom: 0px; } #footer-s2289 .footer_business_logo_container { text-align: center; margin: 0px auto; display: inline-block; } #footer-s2289 .last_footer_content { background: #F1F1F1; } #footer-s2289 .last_footer_content p { font-size: 12px; } #footer-s2289 .last_footer_content .footer_container { padding: 15px 30px 15px; } #footer-s2289 .ul_list_social_footer ul { display: inline-block; width: 100%; margin: 0px; } #footer-s2289 .ul_list_social_footer ul li { list-style: none; display: inline-block; max-width: 38px; }
#footer-s2289 .ul_list_social_footer ul li a {
  display: inline-block;
  padding: 15px;
  width: 30px;
  height: 30px;
  background: url("//310nutrition.com/cdn/shop/files/logo_sprite_new_v2_420x.png?v=10745007270464794951");
  background-repeat: no-repeat;
  margin: 0px 5px;
  background-size: 150px;
  background-color: #fff;
  border-radius: 50px; }
#footer-s2289 .ul_list_social_footer ul li.fb_footr a { background-position: 6px 2px; } #footer-s2289 .ul_list_social_footer ul li.insta_fotr a { background-position: -21px 3px; } #footer-s2289 .ul_list_social_footer ul li.pin_fotr a { background-position: -45.5px 2px; } #footer-s2289 .ul_list_social_footer ul li.tube_fotr a { background-position: -73px 3px; } #footer-s2289 .ul_list_social_footer ul li.twitr_fotr a { background-position: -100px 3px; } #footer-s2289 .ul_list_social_footer ul li.tktk_fotr a { background-position: -125px 2px; } #footer-s2289 .know_part_black { background: #f1f1f1; padding: 10px 5px; } #footer-s2289 .ul_list_social_footer ul li.logo_ten a { background: none !important; width: auto; } #footer-s2289 .mobile_show { display: none !important; } #footer-s2289 .approved { padding: 0px 15px; } #footer-s2289 .sehzbus { padding: 0px 15px; top: -13px; } #footer-s2289 .footer_form_botom .input-group { display: block; width: 100%; }
@media (max-width: 1199px) { #footer-s2289 .footer_lest_left { margin-top: 30px; } #footer-s2289 .footer_lest_left ul { margin-top: 0px; } #footer-s2289 .two_div_part { width: 48%; padding: 0px 15px; } #footer-s2289 .footer_lest_left ul { border-top: 1px solid #636569; } }
@media (max-width: 991px) {
  #footer-s2289 .two_div_part.foter_list_dv { width: 100%; } #footer-s2289 .two_div_part.right_div_part_contnt { width: 100%; } #footer-s2289 .two_div_part { max-width: 340px; margin: 10px auto; } #footer-s2289 .known_contnt { max-width: 340px; } #footer-s2289 .foter_list_dv .footer_lest_left:first-child { border-top: 1px solid #dedede; }
  #footer-s2289 .footer_lest_left h3 {
    margin-bottom: 0px;
    background: url("//310nutrition.com/cdn/shop/files/org-footer-plus.png?v=18437207106229563050");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right; }
  #footer-s2289 .footer_lest_left { width: 100%; padding: 10px; border-bottom: 1px solid #dedede; } #footer-s2289 .footer_lest_left ul { display: none; margin-top: 5px; border-top: 0; } #footer-s2289 .foter_list_dv { display: block; } #footer-s2289 .two_div_part.right_div_part_contnt { max-width: 100%; } #footer-s2289 .foter_list_dv { order: 2; -webkit-order: 2; } #footer-s2289 .two_div_part.right_div_part_contnt { order: 1; -webkit-order: 1; } #footer-s2289 .footer_bussiness_logo, #footer-s2289 .footer_bussiness_content { width: 100%; text-align: center; margin: 5px; display: block; } #footer-s2289 .footer_bussiness_logo { display: none; } #footer-s2289 .footer_bussiness_logo { order: 2; -webkit-order: 2; } #footer-s2289 .opne_ullist ul { display: block; }
  #footer-s2289 .opne_ullist h3 {
    background: url("//310nutrition.com/cdn/shop/files/org-footer-minus.png?v=3453379188589313559");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right; }
  #footer-s2289 .footer_lest_left {
    margin-top: 0px; }
  #footer-s2289 .known_contnt h3 {
    font-weight: 600; }
  #footer-s2289 .know_part_black {
    padding: 20px 30px; } }
@media (max-width: 480px) { #footer-s2289 .ul_list_social_footer ul li { max-width: 55px; } #footer-s2289 .footer_bussiness_content p { font-size: 12px; } #footer-s2289 .footer_container { padding: 40px 0px; } #footer-s2289 .last_footer_content .footer_container { padding: 30px 15px 15px; } #footer-s2289 .ul_list_social_footer { text-align: center; } #footer-s2289 .ul_list_social_footer ul li.logo_ten { width: 100%; text-align: center; max-width: 100%; margin: 0 0 20px 0; } #footer-s2289 .ul_list_social_footer ul li.logo_ten a { width: 100px; display: inline-block; } #footer-s2289 .ul_list_social_footer ul li.logo_ten a img { max-width: 75px; } #footer-s2289 .mobile_show { display: block !important; } #footer-s2289 .mobile_hide { display: none !important; } #footer-s2289 .ul_list_social_footer { margin-top: 30px; }

  #footer-s2289 .ul_list_social_footer ul li a {
    background: url(//310nutrition.com/cdn/shop/files/logo_sprite_new_v2.png?v=10745007270464794951);
    background-color: #fff;

    width: 40px;
    height: 40px;
    background-size: 200px;
    background-repeat: no-repeat; }
#footer-s2289 .ul_list_social_footer ul li.fb_footr a { background-position: 8px 3px; } #footer-s2289 .ul_list_social_footer ul li.insta_fotr a { background-position: -28px 3px; } #footer-s2289 .ul_list_social_footer ul li.pin_fotr a { background-position: -57px 4px; background-size: 193px; } #footer-s2289 .ul_list_social_footer ul li.tube_fotr a { background-position: -92px 5px; background-size: 190px; } #footer-s2289 .ul_list_social_footer ul li.twitr_fotr a { background-position: -125px 5px; background-size: 190px; } #footer-s2289 .ul_list_social_footer ul li.tktk_fotr a { background-position: -157px 4px; background-size: 190px; } #footer-s2289 .ul_list_social_footer ul li a { margin: 0px 10px; } }
@media (max-width: 350px) {
  #footer-s2289 .ul_list_social_footer ul li a {
    margin: 0px 6px; } }
/* Top Bar CTA test */
#promo-bar-cta-wrapper { width: 94%; margin: 0px auto; max-width: 480px; height: 50px; padding: 5px 0px 10px; display: flex; justify-content: center; align-items: center; } #promo-bar-cta-wrapper .separator { font-weight: 400; color: #898989; text-align: center; width: 35px; font-size: 15px; } .promo-bar-cta { display: block; text-align: center; border-radius: 10px; float: left; width: calc(49% - 17.5px); margin: 0px .5% 0px; } .promo-bar-cta a { color: #fff; font-weight: bold; font-size: 16px; line-height: 18px; display: block; padding: 6px 5px; }
@media screen and (max-width: 1024px) { #promo-bar-cta-wrapper .separator { font-size: 13px; text-align: center; width: 20px; } .promo-bar-cta { width: calc(49% - 10px); } #promo-bar-cta-wrapper { height: 34px; padding: 4px 0px; } .promo-bar-cta a { font-size: 14px; line-height: 16px; padding: 4px 5px; } }
/* smile */
div#smile-ui-container {
  z-index: 99999973 !important; }
body.mobile-menu-active div#smile-ui-container {
  z-index: 99999950 !important; }
/* Gorgias Hide If Left */
iframe#gorgias-web-messenger-container {
  display: none !important; }
  iframe#chat-window {
    right: auto!important;
    left: 15px;
}
/* RichPanel */
#richpanel_messenger_iframe,
.rp-micro-app-dummy-icon-container {
  z-index: 99999980 !important; }
/* Place Drawers over Zopim */
div#CartDrawer, div#NavDrawer {
  z-index: 99999990 !important; }
.smile-launcher-frame-container {
  left: 20px !important;
  bottom: 20px !important; }
/* Subscription Frequency */
label.deliver-every-label.rc_select__label span { display: block; color: #404040; } label.deliver-every-label.rc_select__label { padding: 0px !important; } label.deliver-every-label.rc_select__label select { margin: 0px; width: 100%; height: 45px; font-size: 16px; line-height: 18px; margin-bottom: 10px; }
/* Hide YOTPO Logo */
.yotpo-label.yotpo-small-box {
  display: none; }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #ce4f0c;
  background: #fc6719;
  font-weight: normal;
  color: #ffffff; }
.grid__item.large--two-thirds.push--large--one-sixth .rte h1 {
  margin-top: 1em; }
.grid__item.large--two-thirds.push--large--one-sixth .rte .window-closer {
  text-align: right;
  display: block; }
@media (max-width: 768px) { #cboxLoadedContent { overflow-y: auto !important; overflow-x: hidden !important; } .grid__item.large--two-thirds.push--large--one-sixth .rte h1 { font-size: 26px; } .grid__item.large--two-thirds.push--large--one-sixth .rte { width: 80%; } .template-page .grid__item.large--two-thirds.push--large--one-sixth .rte { width: 90%; margin: 10px auto; display: block; } }
.all-orders-wrap .table-wrap th,
.all-orders-wrap .table-wrap td {
  padding: 2px 5px;
  font-size: 13px; }
  @media screen and (min-width: 768px) { .all-orders-wrap .table-wrap th, .all-orders-wrap .table-wrap td { padding: 8px 16px; font-size: 14px; } } .all-orders-wrap .table-wrap thead tr { background: transparent; } .all-orders-wrap .table-wrap tbody tr:nth-child(odd) { background: rgba(107, 107, 107, 0.09); } .white-box-wrap .title { font-size: 24px; color: #FF681D; line-height: 1.11; font-weight: bold; text-align: center; padding: 0 40px 20px; margin-bottom: 0; }
/* Starter Special */
.starter-special-creative { max-width: 640px; margin: 0px auto 20px; border: 1px solid #eee; } .starter-special-creative img { display: block; width: 100%; height: auto; } .starter-special-creative p { margin: 0px auto; } h3.starter-special-header { margin: 0px auto 5px; text-align: center; } .starter-special-creative .starter-special-bottom { padding: 10px; } .yotpo-main .product-link-wrapper .product-link { display: none !important; } .product-review-highlights .yotpo-shoppers-say .shoppers-say-title { display: none !important; } .snize-results-page .grid__item.large--two-thirds.push--large--one-sixth .rte { width: 100%; } .option-broken-out { float: left; width: 31%; margin: 5px 1%; text-align: center; border: 1px solid #eee; border-radius: 5px; padding: 10px 5px; } .option-broken-out { cursor: pointer; } .option-broken-out.selected { background-color: #fb822d; color: #fff; } .option-broken-out.selected.chocolate { background-color: #3c1317; color: #fff; } .option-broken-out.selected.vanilla { background-color: #f3e5ab; color: #69603b; } .option-broken-out.selected.strawberry { background-color: #d61c1c; color: #fff; } .option-broken-out.selected.vanilla-chai { background-color: #f3e5ab; color: #69603b; } .option-broken-out.selected.chocolate-mint { background-color: #3c1317; color: #65d33d; } .option-broken-out.selected.mocha { background-color: #6f4e37; color: #ffd9a5; } .option-broken-out.selected.salted-caramel { background-color: #ca8a4c; color: #fff; } .option-broken-out.selected.pumpkin-spice { background-color: #d77c24; color: #fff; } .option-broken-out.selected.toasted-coconut { background-color: #f3e5ab; color: #a69757; } .option-broken-out.selected.turquoise { background-color: #30D5C8; color: #fff; } .option-broken-out.selected.purple { background-color: #8B008B; color: #fff; }
.option-broken-out.selected.variety {
  background-color: #fb822d;
  /* Standard syntax (must be last) */
  color: #fff; }
.option-broken-out-container {
  margin: 0px auto 10px;
  padding: 0px;
  border: 0px solid #eee; }
@media (max-width: 480px) { .option-broken-out { width: 48%; margin: 5px 1%; padding: 10px 3px; } span.option-broken-out.variety.odd-last-variant { width: 96%; margin: 5px 2%; } }
/* Fix 769 Product Grid Padding */
@media (min-width: 769px) and (max-width: 1240px) {
  .product-two-thirds-grid.push--large--one-sixth {
    left: 3%; }
  .product-two-thirds-grid.large--two-thirds {
    width: 94%; } }
/* HOME DYNAMIC CSS */
#home-dynamic .slider-content { width: 100%; margin: 0px auto; max-width: 1120px; display: block; text-align: center; } #home-dynamic .slider-content h2 { text-align: center; font-size: 40px; line-height: 41px; font-weight: normal; padding: 0; margin: 0; margin-bottom: 12px; } #home-dynamic .slider-content p { margin: 0; padding: 0; font-size: 22px; line-height: 26px; text-align: center; } #home-dynamic .slider-cta { padding: 15px 50px; font-weight: 400 !important; font-size: 22px; line-height: 24px; border-radius: 70px; } #home-dynamic .inner-content { position: relative; } #home-dynamic .inner-wrapper { position: absolute; top: -93px; max-width: 360px; right: 0; } #home-dynamic .disclaimer { font-weight: 12px; } #home-dynamic .slider-cta { margin-top: 12px; }
#home-dynamic .slider {
  background-image: url("//310nutrition.com/cdn/shop/files/index-d-1.jpg?v=4574576270016816688"), url("//310nutrition.com/cdn/shop/files/index-d-1-b.jpg?v=9354470586227416295");
  background-repeat: no-repeat, repeat-x;
  background-position: top left, top right;
  padding: 303px 0 303px 0px;
  background-position-x: 35%, 0; }
@media (max-width: 1800px) {
  #home-dynamic .slider {
    background-position-x: 22%, 0; } }
@media (max-width: 1600px) {
  #home-dynamic .slider {
    background-position-x: 0, 0; } }
@media (max-width: 1400px) {
  #home-dynamic .inner-wrapper {
    margin: 0px auto; }
  #home-dynamic .slider {
    background-image: url("//310nutrition.com/cdn/shop/files/index-d-1.jpg?v=4574576270016816688"), url("//310nutrition.com/cdn/shop/files/index-m-1-b.jpg.jpg?1234068");
    background-position: bottom, top;
    background-repeat: no-repeat, repeat;
    background-size: contain, cover;
    padding: 220px 0px 550px 0px; }
  #home-dynamic .inner-wrapper {
    position: relative; } }
@media (max-width: 1200px) {
  #home-dynamic .slider {
    padding: 220px 0px 450px 0px; } }
@media (max-width: 980px) {
  #home-dynamic .slider {
    padding: 180px 0px 360px 0px; } }
@media (max-width: 800px) {
  #home-dynamic .slider {
    padding: 160px 0px 280px 0px; } }
@media (max-width: 640px) { #home-dynamic .slider { padding: 140px 0px 200px 0px; } #home-dynamic .slider-content h2 { font-size: 30px; line-height: 32px; margin-bottom: 7px; } #home-dynamic .slider-content p { font-size: 19px; line-height: 23px; } #home-dynamic .slider-cta { padding: 11px 50px; font-size: 19px; line-height: 22px; } }
@media (max-width: 480px) {
  #home-dynamic .slider {
    padding: 140px 0px 140px 0px; } }
@media (max-width: 380px) {
  #home-dynamic .slider {
    padding: 140px 0px 120px 0px; } }
@media (max-width: 320px) { #home-dynamic .slider-content p { padding: 0 5px; } } h5#top-promo-callouts span { color: #d4d4d4; } h5#top-promo-callouts { margin: 0px auto; color: #6b6b6b; padding: 5px 0px 0px; font-size: 16px; line-height: 18px; } @media (max-width: 420px) { h5#top-promo-callouts { font-size: 14px; line-height: 18px; } }
@media (max-width: 340px) { h5#top-promo-callouts { font-size: 12px; line-height: 18px; } } .grid-view-item a#product_1313096[title="310 Starter Kit - 14 Day Trial"] { display: none !important; } .grid-view-item a#product_1201932[title="The VIP Starter Kit"] { display: none !important; } nav.breadcrumb ul { margin: 0px auto; } .yotpo-powered, .yotpo-icon-btn-big { display: none !important; }
/*Bold Upsell Orange Button */
#bold-modal__content a.add-to-cart { background-color: #ff681d; border: solid 1px #ff681d; color: #fff; font-weight: 600; border-radius: 70px; } #about-us-container .list_images_mission .img_div_man img.img_res { max-width: 100%; height: auto; width: 160px; }
@media (max-width: 480px) { #about-us-container .list_images_mission .img_div_man img.img_res { width: 130px; } } #about-us-container .mission_details a { color: #fff; } .grid__item .pdp-wrapper { position: relative; } .pdp-badge-wrapper { position: absolute; z-index: 9999; width: 100px; right: 0px; top: -20px; } .pdp-badge-wrapper img { width: 100%; } .badge-percentage-off-pdp { color: #796426; float: right; font-size: 35px; position: absolute; right: 40px; top: 23px; }
@media (max-width: 960px) { .pdp-badge-wrapper { right: -20px; } } @media (max-width: 769px) { .pdp-badge-wrapper { right: 0px; } } @media (max-width: 576px) { .pdp-badge-wrapper { right: 30px; } } @media (max-width: 414px) { .pdp-badge-wrapper { right: -17px; } }
/* Top Bar No CTA */
h5#top-promo-callouts-nocta { padding: 10px 0px; margin: 0px auto; } #top-promo-bar h5#top-promo-callouts-nocta span { color: #6b6b6b; font-size: 18px; line-height: 22px; display: block; margin: 0px auto 5px; }
@media (max-width: 1024px) { h5#top-promo-callouts-nocta { padding: 5px 0px 0px; } #top-promo-bar h5#top-promo-callouts-nocta span { font-size: 16px; line-height: 20px; margin: 3px auto 3px; } } .product-label-notice { font-size: 12px; line-height: 14px; font-style: italic; margin: 0px auto 10px; } span.yotpo-review-disclaimer { text-align: center; margin: 0px auto 10px; display: block; }
/* Searchanize Mobile Overlay Fix */
div.snize-ac-results.snize-ac-results-mobile { background-color: #fff !important; }
/* Mobile Product Page - Title Meta */
.mobile-top-meta-title .mobile-title h1 { font-size: 30px; line-height: 33px; display: flex; width: 100%; margin-bottom: 5px; justify-content: center; } .mobile-top-meta-title .product-quick-description { font-size: 17px; } .desktop-title-meta-top { display: none; }
@media (min-width: 769px) { .mobile-top-meta-title { display: none; } .desktop-title-meta-top { display: block; } .desktop-title-meta-top h1 { width: 100%; } }
/* Product Page Meta Line Height */
body.template-product .mobile-top-meta-title .yotpo,
body.template-product .desktop-title-meta-top .yotpo,
body.template-product #product-top-right .top-reviews,
body.template-product .product-info .yotpo.bottomLine {
  min-height: 18px; }
.needsclick.bSpdn.bSpdn {
  z-index: 999999999 !important; }
/* Arne Top Nav Fixes - Thinner Mobile Menu - cart svg, search in dropdown */
.mobile-menu .search { display: flex; position: relative; } .mobile-menu fieldset { border: none; padding: 0; margin: 10px 0; } .mobile-menu .search form { width: 100%; } .mobile-menu .search input { border-radius: 40px; width: 100%; }
.mobile-menu li a[href="#search"] span {
  display: none !important; }
.mobile-menu a[href="#search"] {
  position: absolute !important;
  background: url(//310nutrition.com/cdn/shop/files/kk-nav-icon-search.png?v=14572548074662929376) 0 no-repeat;
  width: 17px;
  height: 20px;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain; }
#CartDrawer.drawer--right .cart-icon, .s1577-header .s1577-nav .menu li a[href='/cart'], .s1577-header .s1577-nav .mobile-only a.mobile-cart-a {
  background: url("/cdn/shop/files/Cart-icon.svg?v=1628724926") 0 0 no-repeat;
  background-size: 26px 25px; }
.s1577-header .s1577-nav .logo a {
  background: url(//310nutrition.com/cdn/shop/files/310-logo.svg?v=17054078816983056064) 0 0 no-repeat;
  background-position-y: center;
  background-size: cover; }
.s1577-header .s1577-nav .mobile-only a.mobile-menu-a span {
  height: 2px;
  width: calc(100% - 20px); }
@media screen and (max-width: 1024px) { .s1577-header .s1577-nav .mobile-only a.mobile-cart-a .cart-item-count.has-items { right: 0; } .s1577-header .s1577-nav .mobile-only a.mobile-cart-a.has-items { padding: 0; } .s1577-header .s1577-nav .mobile-only a.mobile-cart-a.has-items { width: 32px; } .s1577-header .s1577-nav .mobile-only a.mobile-cart-a { padding: 0; width: 32px; right: 3px; } .s1577-header .s1577-nav .mobile-only a.mobile-menu-a span { height: 2px; width: calc(100% - 20px); } .s1577-header .s1577-nav .mobile-only a.mobile-menu-a span:nth-child(1) { top: 8.5px; } .s1577-header .s1577-nav .mobile-only a.mobile-menu-a span:nth-child(2) { top: 15.5px; } .s1577-header .s1577-nav .mobile-only a.mobile-menu-a span:nth-child(3) { top: 22.5px; } } .needsclick.kl-private-reset-css-Xuajs1 { /* z-index: 999999999 !important;*/ } button.needsclick.klaviyo-close-form { z-index: 9999999999 !important; } .s1577-header .s1577-nav .mobile-menu > li a { font-size: 20px; color: #000; padding: 17px 0; } .s1577-header .s1577-nav .mobile-menu li.active > a { font-weight: normal; }
/* unset for dropdown menu items */
.s1577-header .s1577-nav .mobile-menu .sub ul li a {
  font-size: 16px;
  color: #636569;
  padding: 15px 0; }
/********* Mobile Menu Optimization Navigation ************/
.s1577-header .s1577-nav.version-one .mobile-menu > li:nth-child(n+5):not(.sub) a {
  font-size: 13px;
  color: #777777;
  padding: 15px 0px; }
.s1577-header .s1577-nav.version-one .mobile-menu > li:nth-child(n+5):before {
  display: none; }
.s1577-header .s1577-nav.version-two .mobile-menu .mobile-menu__item::before {
  top: auto;
  bottom: 0; }
.s1577-header .s1577-nav.version-two .mobile-menu .mobile-menu__item .mobile-menu__item-main {
  display: flex;
  align-items: center;
  gap: 16px; }
  .s1577-header .s1577-nav.version-two .mobile-menu .mobile-menu__item .mobile-menu__item-main img {
    max-width: 60px;
    max-height: 60px; }
  .s1577-header .s1577-nav.version-two .mobile-menu .mobile-menu__item .mobile-menu__item-main svg {
    transform: translateX(-16px); }
.s1577-header .s1577-nav.version-two .mobile-menu .mobile-menu__item--option {
  background-color: #F7F3EE; }
  .s1577-header .s1577-nav.version-two .mobile-menu .mobile-menu__item--option::before {
    border-top: 1px solid #DBD2C6; }
  .s1577-header .s1577-nav.version-two .mobile-menu .mobile-menu__item--option:last-of-type {
    -webkit-box-shadow: 0px 30px 0px 0px #f7f3ee;
    -moz-box-shadow: 0px 30px 0px 0px #f7f3ee;
    box-shadow: 0px 30px 0px 0px #f7f3ee; }
  .s1577-header .s1577-nav.version-two .mobile-menu .mobile-menu__item--option a {
    color: #2F3E15;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; }
/*     Inline Video CSS */
.inline-video .inline-video-poster {
  background-image: url("//310nutrition.com/cdn/shop/files/home-lifestyle-back.jpg?v=3193553455356622560");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  filter: grayscale(0.3); }
.inline-video video {
  z-index: -1; }
.inline-video video.active {
  z-index: 1; }
/* Flavor Type */
.product-flavor-type {
  display: inline-block;
  margin: 10px auto 0px;
  background-color: #fff;
  padding: 5px 10px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #856868; }
/* Beam Retest */
#mobile-beam-widget,
#beam-widget-sidecart {
  display: none; }
/****************************
Sticky ATC with Product Image
*****************************/
.container-product-floating { position: fixed; bottom: 0px; left: 0px; z-index: 999999; width: 100%; transition: opacity 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67); } .container-product-floating.no-show { opacity: 0; pointer-events: none; } .container-product-floating .product-floating { padding: 10px 0px; width: 100vw; height: 110px; display: none; } .container-product-floating .product-floating.no-show-ever { display: none; } .container-product-floating .product-floating .product-floating__img { background-color: #F3F3F5; } .container-product-floating .product-floating .product-floating__data { display: flex; flex-direction: column; align-items: center; justify-content: center; } .container-product-floating .product-floating .product-floating__title { padding-bottom: 10px; text-align: center; font-size: 16px; font-weight: 900; line-height: 1.2; } .container-product-floating .product-floating .AddToCartForm #AddToCart { display: flex; padding: 10px 20px; justify-content: center; align-items: center; gap: 10px; } .container-product-floating .product-floating .AddToCartForm #AddToCart span { text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .container-product-floating .product-floating .AddToCartForm #product-limit-customer { text-align: center; margin-top: 4px; font-size: 10px; }
.container-product-floating .product-floating .product-floating__img {
  & .product-image{
    height:100%;
    & img{
      height:100%;
      object-fit:contain;
    }
  }
}
  @media only screen and (max-width: 738px) {
    .container-product-floating .product-floating {
      display: flex;
      gap: 32px;
      justify-content: center; } }
  @media only screen and (max-width: 360px) { .container-product-floating .product-floating .product-floating__title { font-size: 12px; } } .stacked-motivator-item .images-motivator { margin-bottom: 40px; } .cart-drawer-image img { height: 100px; width: auto; margin: 0 auto; } .gift-pic img { max-height: 320px; height: 100%; width: auto; } .promo-banner--desktop { display: none; } .cls-banner { padding-top: 100%; }
@media (min-width: 640px) {
  .promo-banner--desktop {
    display: block; }
  .promo-banner--mobile {
    display: none; }
  .cls-banner {
    padding-top: 310px; } }

  /****************************
  Sticky ATC with Product Image
  *****************************/
  .container-product-floating { position: fixed; bottom: 0px; left: 0px; z-index: 999999; width: 100vw; transition: opacity 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67); } .container-product-floating.no-show { opacity: 0; pointer-events: none; } .container-product-floating .product-floating { padding: 10px 0px; width: 100vw; height: 110px; display: none; } .container-product-floating .product-floating.no-show-ever { display: none; } .container-product-floating .product-floating .product-floating__img { background-color: #F3F3F5; } .container-product-floating .product-floating .product-floating__data { display: flex; flex-direction: column; align-items: center; justify-content: center; } .container-product-floating .product-floating .product-floating__title { padding-bottom: 10px; text-align: center; font-size: 16px; font-weight: 900; line-height: 1.2; } .container-product-floating .product-floating .AddToCartForm #AddToCart { display: flex; padding: 10px 20px; justify-content: center; align-items: center; gap: 10px; } .container-product-floating .product-floating .AddToCartForm #AddToCart span { text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .container-product-floating .product-floating .AddToCartForm #product-limit-customer { text-align: center; margin-top: 4px; font-size: 10px; }
    @media only screen and (max-width: 738px) {
      .container-product-floating .product-floating {
        display: flex;
        gap: 32px;
        justify-content: center; } }
    @media only screen and (max-width: 360px) { .container-product-floating .product-floating .product-floating__title { font-size: 12px; } } .stacked-motivator-item .images-motivator { margin-bottom: 40px; } .cart-drawer-image img { height: 100px; width: auto; margin: 0 auto; } .gift-pic img { max-height: 320px; height: 100%; width: auto; } .promo-banner--desktop { display: none; } .cls-banner { padding-top: 100%; }
  @media (min-width: 640px) {
    .promo-banner--desktop {
      display: block; }
    .promo-banner--mobile {
      display: none; }
    .cls-banner {
      padding-top: 310px; } }
div#shopify-section-template--15829567438966__main_product_slim_7LJEAK .pdp-icons-top {
    display: none;
}
div#shopify-section-template--15829567438966__main_product_slim_7LJEAK .pdp-wrapper .grid {
    margin: 0;
}
div#shopify-section-template--15829567438966__main_product_slim_7LJEAK .pdp-wrapper {
    border: unset;
}
@media screen and (max-width: 480px) {
  #shopify-section-template--15829567438966__main_product_slim_7LJEAK figure {
      width: 100% !important;
  }
  #shopify-section-template--15829567438966__main_product_slim_7LJEAK figure img {
    max-width: 100% !important;
    max-height: 100% !important;
}
}
.section-v1 {
  display: block!important;
}
.ingredients .flavors-section .owl-next {
  right: -40px!important;
}
.ingredients .flavors-section .owl-prev {
  left: -40px!important;
}