/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

*, *:before, *:after {
  box-sizing: border-box; }

@font-face {
  font-family: "FortMedium";
  src: url("font/Fort-Medium.otf") format("opentype"); }
@font-face {
  font-family: "FortBold";
  src: url("font/Fort-Bold.otf") format("opentype"); }
@font-face {
  font-family: "FortBlack";
  src: url("font/Fort-Black.otf") format("opentype"); }
@font-face {
  font-family: "FortLight";
  src: url("font/Fort-Light.otf") format("opentype"); }

i {
  font-style: italic;
}

.protein-content-only {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden; }

a {
  color: #3063cf; }
.text-shadow{
  text-shadow: 1px 1px 30px #000;
}
.arrow-up {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid black; }

.noShowOrDisplay {
  visibility: hidden; }

.protein-section-wrapper {
  position: relative;
  display: block;
  width: 100%;
  background: #fff; }
  .protein-section-wrapper .body-title {
    position: relative;
    display: block;
    font-size: 18px;
    font-family: "FortBold", Helvetica, Arial, sans-serif;
    line-height: 1.25;
    margin-bottom: 25px;
    color: #000; }
    @media only screen and (max-width: 320px) {
      .protein-section-wrapper .body-title {
        font-size: 14px; } }
  .protein-section-wrapper .body-copy {
    position: relative;
    display: block;
    font-size: 18px;
    font-family: "FortLight", Helvetica, Arial, sans-serif;
    line-height: 1.25;
    margin-bottom: 25px;
    z-index: 2; }
    .protein-section-wrapper .body-copy sup {
      position: relative;
      top: -5px;
      font-size: 10px; }
    @media only screen and (max-width: 320px) {
      .protein-section-wrapper .body-copy {
        font-size: 14px; } }
  .protein-section-wrapper .protein-section {
    position: relative;
    display: block;
    max-width: 1024px;
    width: 100%;
    margin: 0px auto;
    height: auto; }
    .protein-section-wrapper .protein-section .protein-full-row {
      position: relative;
      display: block;
      width: 100%;
      height: auto; }
    .protein-section-wrapper .protein-section .protein-2-column-row {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      font-size: 0px; }
      .protein-section-wrapper .protein-section .protein-2-column-row .column-left {
        position: relative;
        display: inline-block;
        width: calc(100% - 455px);
        margin-right: 65px;
        z-index: 5; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          .protein-section-wrapper .protein-section .protein-2-column-row .column-left {
            display: block;
            width: 90%;
            max-width: 480px;
            margin: 0px auto; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          .protein-section-wrapper .protein-section .protein-2-column-row .column-left {
            display: block;
            width: calc(100% - 40px);
            margin: 0px auto; } }
        @media only screen and (max-width: 320px) {
          .protein-section-wrapper .protein-section .protein-2-column-row .column-left {
            display: block;
            width: calc(100% - 40px);
            margin: 0px auto; } }
      .protein-section-wrapper .protein-section .protein-2-column-row .column-right {
        position: relative;
        display: inline-block;
        width: 385px;
        vertical-align: top;
        margin-bottom: 54px; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          .protein-section-wrapper .protein-section .protein-2-column-row .column-right {
            display: block;
            width: 90%;
            max-width: 480px;
            margin: 30px auto; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          .protein-section-wrapper .protein-section .protein-2-column-row .column-right {
            display: block;
            width: calc(100% - 40px);
            margin: 0px auto; } }
        @media only screen and (max-width: 320px) {
          .protein-section-wrapper .protein-section .protein-2-column-row .column-right {
            display: block;
            width: calc(100% - 40px);
            margin: 0px auto; } }
        .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab {
          position: relative;
          padding: 3px 0px;
          width: 100%;
          height: auto;
          overflow: hidden;
          border-bottom: 1px solid #b2b2b2; }
          .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab {
            position: relative;
            display: block;
            height: auto;
            background: #f4f7fa; }
            .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-btn-cover {
              position: absolute;
              width: 100%;
              height: 100%;
              display: none;
              z-index: 3;
              background: transparent; }
            .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-btn {
              position: relative;
              height: auto;
              padding: 12px 40px 10px 12px;
              font-size: 18px;
              color: #000;
              text-decoration: none;
              display: block;
              line-height: 1.24; }
              .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-btn br {
                display: none; }
              .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-btn h2 {
                font-family: "FortBold", Helvetica, Arial, sans-serif;
                line-height: 1.24;
                font-size: 18px; }
              @media only screen and (max-width: 320px) {
                .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-btn {
                  font-size: 14px; } }
              .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-btn:after {
                position: absolute;
                -moz-transform: translate(0%, -50%);
                -ms-transform: translate(0%, -50%);
                -webkit-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
                top: 50%;
                right: 15px;
                content: "+";
                font-family: "FortLight", Helvetica, Arial, sans-serif; }
            .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .open-tab:after {
              position: absolute;
              -moz-transform: translate(0%, -50%);
              -ms-transform: translate(0%, -50%);
              -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%);
              top: 50%;
              right: 15px;
              content: "-";
              font-family: "FortLight", Helvetica, Arial, sans-serif; }
            .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper {
              position: relative;
              display: block;
              width: 100%;
              background: #f4f7fa;
              height: 0px; }
              .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content {
                position: relative;
                width: 100%;
                font-size: 16px;
                height: auto;
                font-family: "FortLight", Helvetica, Arial, sans-serif;
                padding: 12px 16px 10px 12px;
                line-height: 1.5; }
                .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content p {
                  margin-bottom: 25px; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content p b {
                    font-family: "FortBold", Helvetica, Arial, sans-serif; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content p i {
                    font-style: italic; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content p sup {
                    position: relative;
                    top: -5px;
                    font-size: 10px; }
                .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .legal {
                  margin-top: 25px; }
                .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .legal-small-italic {
                  margin-top: 25px;
                  font-size: 12px;
                  font-style: italic; }
                .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content ul {
                  position: relative;
                  padding: 0px 0 0 18px;
                  list-style-type: disc; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content ul li {
                    margin-bottom: 25px;
                    padding: 0px; }
                    .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content ul li b {
                      font-family: "FortBold", Helvetica, Arial, sans-serif; }
                    .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content ul li sup {
                      position: relative;
                      top: -5px;
                      font-size: 10px; }
                .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .number-list {
                  list-style-type: decimal; }
                .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content h3 {
                  font-family: "FortLight", Helvetica, Arial, sans-serif;
                  margin-bottom: 25px; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content h3 b {
                    font-family: "FortBold", Helvetica, Arial, sans-serif; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content h3 i {
                    font-style: italic; }
                .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid3-row {
                  position: relative;
                  display: block;
                  font-size: 0px;
                  border-bottom: 1px solid #000;
                  padding-bottom: 8px;
                  padding-top: 10px; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid3-row div {
                    position: relative;
                    display: inline-block;
                    vertical-align: middle;
                    *vertical-align: auto;
                    *zoom: 1;
                    *display: inline;
                    font-size: 16px;
                    vertical-align: bottom; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid3-row .col-label {
                    width: 60%; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid3-row .col-value {
                    width: 20%;
                    text-align: center; }
                .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid6-row {
                  position: relative;
                  display: block;
                  font-size: 0px;
                  border-bottom: 1px solid #000;
                  padding-bottom: 8px;
                  padding-top: 10px; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid6-row div {
                    position: relative;
                    display: inline-block;
                    vertical-align: middle;
                    *vertical-align: auto;
                    *zoom: 1;
                    *display: inline;
                    font-size: 16px;
                    vertical-align: top; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid6-row .col-label {
                    width: 25%;
                    font-family: "FortBold", Helvetica, Arial, sans-serif; }
                    .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid6-row .col-label span {
                      font-family: "FortLight", Helvetica, Arial, sans-serif; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid6-row .col-value {
                    width: 15%;
                    text-align: center; }
                .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid2-row {
                  position: relative;
                  display: block;
                  font-size: 0px;
                  border-bottom: 1px solid #000;
                  padding-bottom: 8px;
                  padding-top: 10px; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid2-row div {
                    position: relative;
                    display: inline-block;
                    vertical-align: middle;
                    *vertical-align: auto;
                    *zoom: 1;
                    *display: inline;
                    font-size: 16px;
                    vertical-align: top; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid2-row .col-label {
                    width: 50%;
                    font-family: "FortBold", Helvetica, Arial, sans-serif;
                    text-align: center; }
                    .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid2-row .col-label span {
                      font-family: "FortLight", Helvetica, Arial, sans-serif; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid2-row .col-value {
                    width: 50%;
                    text-align: center; }
                .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .under-grid {
                  margin-top: 25px; }
                .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .grid-head {
                  margin-top: -10px;
                  margin-bottom: 25px;
                  border-bottom: none;
                  padding-bottom: 0px;
                  padding-top: 0px; }
                  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .grid-head div {
                    font-family: "FortBold", Helvetica, Arial, sans-serif;
                    line-height: 1.25;
                    vertical-align: bottom; }
        .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab:first-child {
          border-top: 1px solid #b2b2b2; }
    .protein-section-wrapper .protein-section .protein-title {
      margin: 50px 0px 60px 0px;
      font-size: 0px;
      text-align: center;
      color: #000;}
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        .protein-section-wrapper .protein-section .protein-title {
          margin: 5vh 0px 5vh 0px; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        .protein-section-wrapper .protein-section .protein-title {
          margin: 5vh 0px 5vh 0px; } }
      @media only screen and (max-width: 320px) {
        .protein-section-wrapper .protein-section .protein-title {
          margin: 5vh 0px 5vh 0px; } }
      .protein-section-wrapper .protein-section .protein-title .line {
        position: relative;
        display: inline-block;
        height: 0px;
        border-top: 1px solid #ccc;
        width: 152px;
        top: 12px;
        vertical-align: top; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          .protein-section-wrapper .protein-section .protein-title .line {
            width: 12%; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          .protein-section-wrapper .protein-section .protein-title .line {
            width: 9%;
            top: 7px; } }
        @media only screen and (max-width: 320px) {
          .protein-section-wrapper .protein-section .protein-title .line {
            width: 9%;
            top: 7px; } }
      .protein-section-wrapper .protein-section .protein-title .title {
        position: relative;
        display: inline-block;
        font-size: 60px;
        font-family: "FortBlack", Helvetica, Arial, sans-serif;
        text-transform: capitalize;
        margin: 0px 22px;
        line-height: .4;
        color: #000; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          .protein-section-wrapper .protein-section .protein-title .title {
            font-size: 7.8vw; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          .protein-section-wrapper .protein-section .protein-title .title {
            font-size: 9vw;
            margin: 0px 10px; } }
        @media only screen and (max-width: 320px) {
          .protein-section-wrapper .protein-section .protein-title .title {
            font-size: 9vw;
            margin: 0px 10px; } }
      .protein-section-wrapper .protein-section .protein-title .sub-title {
        position: relative;
        display: block;
        font-size: 28px;
        font-family: "FortBold", Helvetica, Arial, sans-serif;
        color: #000; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          .protein-section-wrapper .protein-section .protein-title .sub-title .m-break {
            display: block; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          .protein-section-wrapper .protein-section .protein-title .sub-title {
            font-size: 5.5vw; }
            .protein-section-wrapper .protein-section .protein-title .sub-title .m-break {
              display: block; } }
        @media only screen and (max-width: 320px) {
          .protein-section-wrapper .protein-section .protein-title .sub-title {
            font-size: 18px;
            margin: 40px auto 0px auto; }
            .protein-section-wrapper .protein-section .protein-title .sub-title .m-break {
              display: block; } }
      .protein-section-wrapper .protein-section .protein-title h3 {
        position: relative;
        display: block;
        font-size: 18px;
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        margin-top: 30px;
        color: #000; }

.sideway-nav {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 105px;
  height: auto;
  top: 50%;
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  z-index: 6; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .sideway-nav {
      display: none; } }
  @media only screen and (min-width: 321px) and (max-width: 480px) {
    .sideway-nav {
      display: none; } }
  @media only screen and (max-width: 320px) {
    .sideway-nav {
      display: none; } }
  .sideway-nav a {
    position: relative;
    display: block;
    font-family: "FortMedium", Helvetica, Arial, sans-serif;
    color: #5098f0;
    font-size: 12px;
    background: #f4f7fa;
    margin-bottom: 2px;
    line-height: 1.25;
    text-transform: uppercase;
    padding: 15px 0px 15px 15px;
    text-decoration: none;
    z-index: 1; }
    .sideway-nav a:hover {
      background: #e7e9eb;
      text-decoration: none; }
  .sideway-nav #nav-btn-share {
    color: #fff;
    background: #5098f0;
    padding-right: 20px;
    padding-left: 36px; }
    .sideway-nav #nav-btn-share:before {
      position: absolute;
      left: 13px;
      top: 21px;
      content: url("../img/icon-social-share.png"); }
  .sideway-nav .nav-social {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 0px;
    width: 107px;
    /*315*/
    z-index: 2;
    white-space: nowrap;
    cursor: pointer; }
    .sideway-nav .nav-social a {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      background: #5098f0;
      width: 70px;
      visibility: hidden; }
      .sideway-nav .nav-social a img {
        position: relative;
        width: 50.4%;
        left: 6px; }
      .sideway-nav .nav-social a:hover {
        background: #20479c; }

.protein-header {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100vh - 83px);
  background: #000 url("../img/protein-hero-bg.jpg") center center;
  background-size: cover;
  margin: 0px auto;
  overflow: hidden; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .protein-header {
      height: 45vh; } }
  @media only screen and (min-width: 321px) and (max-width: 480px) {
    .protein-header {
      height: 38vh; } }
  @media only screen and (max-width: 320px) {
    .protein-header {
      height: 38vh; } }
  .protein-header #header-plate {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    z-index: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      .protein-header #header-plate {
        left: 0px;
        bottom: 0px;
        display: none; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      .protein-header #header-plate {
        display: none; } }
    @media only screen and (max-width: 320px) {
      .protein-header #header-plate {
        display: none; } }
  .protein-header #header-napkin {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    z-index: 1; }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      .protein-header #header-napkin {
        display: none; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      .protein-header #header-napkin {
        display: none; } }
    @media only screen and (max-width: 320px) {
      .protein-header #header-napkin {
        display: none; } }
  .protein-header #header-spoon {
    position: absolute;
    display: block;
    left: 65%;
    top: 2%;
    z-index: 1;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      .protein-header #header-spoon {
        display: none; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      .protein-header #header-spoon {
        display: none; } }
    @media only screen and (max-width: 320px) {
      .protein-header #header-spoon {
        display: none; } }
  .protein-header .protein-lockup {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 1024px;
    width: 90%;
    z-index: 3; }
  .protein-header .protein-leading-copy {
    position: absolute;
    bottom: 30px;
    font-size: 28px;
    width: 100%;
    font-family: "FortBold", Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 1.146;
    text-align: center;
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: 50%;
    z-index: 2; }
    .protein-header .protein-leading-copy .d-break {
      display: block; }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      .protein-header .protein-leading-copy {
        font-size: 3.5vw;
        line-height: 1.5;
        bottom: 1.5vh; }
        .protein-header .protein-leading-copy .d-break {
          display: inline; }
        .protein-header .protein-leading-copy .m-break {
          display: block; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      .protein-header .protein-leading-copy {
        font-size: 3.5vw;
        line-height: 1.5;
        bottom: 1.5vh; }
        .protein-header .protein-leading-copy .d-break {
          display: inline; }
        .protein-header .protein-leading-copy .m-break {
          display: block; } }
    @media only screen and (max-width: 320px) {
      .protein-header .protein-leading-copy {
        font-size: 3.5vw;
        line-height: 1.5;
        bottom: 1.5vh; }
        .protein-header .protein-leading-copy .d-break {
          display: inline; }
        .protein-header .protein-leading-copy .m-break {
          display: block; } }
    .protein-header .protein-leading-copy .protein-chevron {
      position: relative;
      margin-top: 30px;
      display: block;
      cursor: pointer; }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        .protein-header .protein-leading-copy .protein-chevron {
          margin-top: 1.5vh; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        .protein-header .protein-leading-copy .protein-chevron {
          margin-top: 1.5vh; } }
      @media only screen and (max-width: 320px) {
        .protein-header .protein-leading-copy .protein-chevron {
          margin-top: 1.5vh; } }

@media only screen and (min-width: 481px) and (max-width: 768px) {
  #protein-basics .protein-section .protein-title {
    margin: 6vh 0px 0.2vh 0px; } }
@media only screen and (min-width: 321px) and (max-width: 480px) {
  #protein-basics .protein-section .protein-title {
    margin: 6vh 0px 0.2vh 0px; } }
@media only screen and (max-width: 320px) {
  #protein-basics .protein-section .protein-title {
    margin: 6vh 0px 0.2vh 0px; } }
#protein-basics .protein-section .protein-title .sub-title {
  margin: 50px 0px; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    #protein-basics .protein-section .protein-title .sub-title {
      margin: 4.5vh 0px;
      line-height: 1.25; }
      #protein-basics .protein-section .protein-title .sub-title .m-break {
        display: block; } }
  @media only screen and (min-width: 321px) and (max-width: 480px) {
    #protein-basics .protein-section .protein-title .sub-title {
      margin: 4.5vh 0px;
      line-height: 1.25; } }
  @media only screen and (max-width: 320px) {
    #protein-basics .protein-section .protein-title .sub-title {
      margin: 4.5vh 0px;
      line-height: 1.25; } }

#protein-learn-more-video {
  width: 100%;
  max-width: 1024px;
  margin: 30px auto 0px auto; }
  #protein-learn-more-video #video-panel {
    position: relative;
    width: 756px;
    margin: 0px auto;
    overflow: hidden;
    height: 248px; }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #protein-learn-more-video #video-panel {
        width: 100%; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #protein-learn-more-video #video-panel {
        width: 100%; } }
    @media only screen and (max-width: 320px) {
      #protein-learn-more-video #video-panel {
        width: 100%; } }
  #protein-learn-more-video #video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 0px;
    margin: 0 auto;
    height: 0; }
    #protein-learn-more-video #video-wrapper #protein-video-hero {
      position: absolute;
      left: 0px;
      margin: 0px auto;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: block;
      background: #000; }
    #protein-learn-more-video #video-wrapper #video-close-btn {
      z-index: 3;
      position: absolute;
      right: 0px;
      top: 0px;
      visibility: hidden; }
      #protein-learn-more-video #video-wrapper #video-close-btn img {
        width: 30px; }
  #protein-learn-more-video .video-poster {
    position: absolute;
    width: 100%;
    max-width: 756px;
    z-index: 2;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%; }
    #protein-learn-more-video .video-poster img {
      position: relative;
      width: 100%;
      margin: 0px auto;
      height: auto; }

#protein-in-milk #protein-eggs {
  position: absolute;
  right: -0%; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    #protein-in-milk #protein-eggs {
      display: none; } }
  @media only screen and (min-width: 321px) and (max-width: 480px) {
    #protein-in-milk #protein-eggs {
      display: none; } }
  @media only screen and (max-width: 320px) {
    #protein-in-milk #protein-eggs {
      display: none; } }
#protein-in-milk #protein-cereal {
  position: absolute;
  width: 475px;
  z-index: 4;
  left: 0%;
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%); }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    #protein-in-milk #protein-cereal {
      display: none; } }
  @media only screen and (min-width: 321px) and (max-width: 480px) {
    #protein-in-milk #protein-cereal {
      display: none; } }
  @media only screen and (max-width: 320px) {
    #protein-in-milk #protein-cereal {
      display: none; } }
#protein-in-milk #protein-coffee {
  position: absolute;
  right: 0px;
  bottom: -178px;
  z-index: 3; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    #protein-in-milk #protein-coffee {
      display: none; } }
  @media only screen and (min-width: 321px) and (max-width: 480px) {
    #protein-in-milk #protein-coffee {
      display: none; } }
  @media only screen and (max-width: 320px) {
    #protein-in-milk #protein-coffee {
      display: none; } }
#protein-in-milk .protein-section .protein-in-milk-component {
  text-align: center;
  margin-top: -5px; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    #protein-in-milk .protein-section .protein-in-milk-component {
      margin-top: 20px; } }
  @media only screen and (min-width: 321px) and (max-width: 480px) {
    #protein-in-milk .protein-section .protein-in-milk-component {
      margin-top: 20px; } }
  @media only screen and (max-width: 320px) {
    #protein-in-milk .protein-section .protein-in-milk-component {
      margin-top: 20px; } }
  #protein-in-milk .protein-section .protein-in-milk-component .sub-title {
    font-family: "FortBold", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #000; }
  #protein-in-milk .protein-section .protein-in-milk-component .protein-component {
    position: relative;
    display: block;
    width: 390px;
    margin: 10px auto 50px auto; }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component {
        width: 74%; } }
    @media only screen and (max-width: 320px) {
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component {
        width: 74%; } }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component .circle-lines {
      position: absolute;
      width: 100%;
      border: none;
      z-index: 3;
      top: 0px;
      left: 0px;
      text-align: center; }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component .circle-lines #v-line-1 {
        top: 0px;
        border-left: 5px solid #ee871d;
        height: 43px;
        left: calc(50% -5px); }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component .circle-lines #h-line-1 {
        width: 50%;
        left: 0%;
        top: -5px;
        border-top: 5px solid #ee871d; }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component .circle-lines #v-line-2 {
        height: 40px;
        left: 0%;
        border-left: 5px solid #ee871d; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component .v-lines {
      position: relative;
      width: 1px;
      border-left: 1px solid #5098f0; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component .h-lines {
      position: relative;
      border-top: 1px solid #5098f0; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component #v-line-1 {
      height: 40px;
      left: 50%; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component #h-line-1 {
      width: 100%;
      height: 1px; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component #v-line-2 {
      position: absolute;
      top: 41px;
      height: 30px;
      left: 0%; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component #v-line-3 {
      position: absolute;
      top: 41px;
      height: 30px;
      left: 33.33333%; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component #v-line-4 {
      position: absolute;
      top: 41px;
      height: 30px;
      left: 66.66667%; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component #v-line-5 {
      position: absolute;
      top: 41px;
      -moz-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      height: 30px;
      left: 100%; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component .circles {
      position: absolute;
      top: 71px;
      -moz-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      width: 80px;
      height: 80px;
      -moz-border-radius: 40px;
      -webkit-border-radius: 40px;
      border-radius: 40px;
      background: #5098f0;
      overflow: hidden; }
      @media only screen and (max-width: 320px) {
        #protein-in-milk .protein-section .protein-in-milk-component .protein-component .circles {
          width: 62px;
          height: 62px; } }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component .circles a {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        transform: translate(0%, 0%);
        top: 0%;
        left: 0%; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component .circle-active {
      background: #ee871d; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component #circle-0 {
      left: 0%; }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component #circle-0 a {
        background: url(../img/icon-quality.png) no-repeat top left; }
        @media only screen and (max-width: 320px) {
          #protein-in-milk .protein-section .protein-in-milk-component .protein-component #circle-0 a {
            background-size: 100%; } }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component #circle-1 {
      left: 33.33333%; }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component #circle-1 a {
        background: url(../img/icon-nutrient.png) no-repeat center center; }
        @media only screen and (max-width: 320px) {
          #protein-in-milk .protein-section .protein-in-milk-component .protein-component #circle-1 a {
            background-size: 100%; } }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component #circle-2 {
      left: 66.66667%; }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component #circle-2 a {
        background: url(../img/icon-cost.png) no-repeat center center; }
        @media only screen and (max-width: 320px) {
          #protein-in-milk .protein-section .protein-in-milk-component .protein-component #circle-2 a {
            background-size: 100%; } }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component #circle-3 {
      left: 100%; }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component #circle-3 a {
        background: url(../img/icon-versatility.png) no-repeat center center; }
        @media only screen and (max-width: 320px) {
          #protein-in-milk .protein-section .protein-in-milk-component .protein-component #circle-3 a {
            background-size: 100%; } }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component .labels {
      position: relative;
      display: block;
      width: 100%;
      font-size: 0px;
      height: 34px;
      margin-top: 123px; }
      @media only screen and (max-width: 320px) {
        #protein-in-milk .protein-section .protein-in-milk-component .protein-component .labels {
          margin-top: 109px; } }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component .labels .label {
        position: absolute;
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        color: #000;
        font-size: 18px;
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        white-space: nowrap; }
        @media only screen and (max-width: 320px) {
          #protein-in-milk .protein-section .protein-in-milk-component .protein-component .labels .label {
            font-size: 14px; } }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component .labels .label-active {
        font-family: "FortBold", Helvetica, Arial, sans-serif; }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component .labels #label-1 {
        left: 0%; }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component .labels #label-2 {
        left: 33.33333%; }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component .labels #label-3 {
        left: 66.66667%; }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component .labels #label-4 {
        left: 100%; }
  #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block {
    position: relative;
    display: block;
    width: 760px;
    /*min-height: 172px;*/
    min-height: 220px;
    margin: 0px auto 65px auto;
    /*background: #f4f7fa;*/
    background: rgba(244, 247, 250, .8);
    z-index: 3; }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block {
        width: 100%;
        min-height: 230px;
        margin-bottom: 0px; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block {
        width: 100%;
        min-height: 310px;
        margin-bottom: 0px; } }
    @media only screen and (max-width: 320px) {
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block {
        width: 100%;
        min-height: 350px;
        margin-bottom: 0px; } }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block .slide-wrapper {
      position: absolute;
      top: 0px;
      left: 0px;
      overflow: hidden;
      width: 100%;
      height: 100%; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block .slide {
      position: absolute;
      left: 100%;
      top: 0%;
      width: 100%;
      height: 100%;
      line-height: 1.35;
      visibility: hidden; }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block .slide .slide-title {
        position: relative;
        display: block;
        font-size: 18px;
        font-family: "FortBold", Helvetica, Arial, sans-serif;
        margin-top: 30px;
        color: #000; }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block .slide p {
        position: relative;
        margin: 0px auto;
        font-size: 18px;
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        width: 519px;
        padding: 0px; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block .slide p {
            width: 100%;
            padding: 0px 20px; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block .slide p {
            width: 100%;
            padding: 0px 20px; } }
        @media only screen and (max-width: 320px) {
          #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block .slide p {
            width: 100%;
            padding: 0px 20px; } }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block .slide:first-child {
        left: 0%;
        visibility: visible; }
    #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block #arrow-wrapper {
      position: relative;
      display: block;
      width: 390px;
      margin: 0px auto;
      height: 100%;
      background: #000;
      z-index: 1; }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block #arrow-wrapper {
          width: 80%; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block #arrow-wrapper {
          width: 80%; } }
      @media only screen and (max-width: 320px) {
        #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block #arrow-wrapper {
          width: 80%; } }
      #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block #arrow-wrapper .arrow-up {
        position: absolute;
        left: 0%;
        -moz-transform: translate(-50%, -75%);
        -ms-transform: translate(-50%, -75%);
        -webkit-transform: translate(-50%, -75%);
        transform: translate(-50%, -75%);
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 25px solid #f4f7fa; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block #arrow-wrapper .arrow-up {
            -moz-transform: translate(-50%, -75%);
            -ms-transform: translate(-50%, -75%);
            -webkit-transform: translate(-50%, -75%);
            transform: translate(-50%, -75%); } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block #arrow-wrapper .arrow-up {
            -moz-transform: translate(-50%, -75%);
            -ms-transform: translate(-50%, -75%);
            -webkit-transform: translate(-50%, -75%);
            transform: translate(-50%, -75%); } }
        @media only screen and (max-width: 320px) {
          #protein-in-milk .protein-section .protein-in-milk-component .protein-component-copy-block #arrow-wrapper .arrow-up {
            -moz-transform: translate(-50%, -75%);
            -ms-transform: translate(-50%, -75%);
            -webkit-transform: translate(-50%, -75%);
            transform: translate(-50%, -75%); } }

.protein-runner {
  margin-top: -119px;
  position: relative;
  display: block;
  width: 100%;
  /*height: 654px;*/
  height: 45vw;
  }
  @media only screen and (max-width: 770px){
    .protein-runner {
      margin-top: 0;
    }
  }
  @media only screen and (min-width: 769px) and (max-width: 1200px) {
    .protein-runner {
      background-position: 39% 0%;
      background-size: auto; } }
  @media only screen and (min-width: 1200px) and (max-width: 1700px) {
    .protein-runner {
      background-position: 29% 0%;
      background-size: auto; } }
  @media only screen and (min-width: 1700px) and (max-width: 3000px) {
    .protein-runner {
      background-position: center top;
      background-size: 100%; } }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .protein-runner {
      background-size: 200%;
      background-position: 53% 4%;
      height: 80vh; } }
  @media only screen and (min-width: 321px) and (max-width: 480px) {
    .protein-runner {
      background-size: 200%;
      background-position: 53% 4%;
      height: 35vh; } }
  @media only screen and (max-width: 320px) {
    .protein-runner {
      background-size: 200%;
      background-position: 53% 4%;
      height: 35vh; } }
  .protein-runner #protein-runner-runner {
    position: absolute;
    left: 44.6%;
/*    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);*/
/*    bottom: 0px;*/
    top: -119px;
    z-index: 3; }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      .protein-runner #protein-runner-runner {
        width: 38%; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      .protein-runner #protein-runner-runner {
        width: 38%; } }
    @media only screen and (max-width: 320px) {
      .protein-runner #protein-runner-runner {
        width: 38%; } }
  .protein-runner #protein-runner-sky {
    position: absolute;
    left: 0%;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url("../img/protein-mum.jpg") no-repeat;
    /*background-position: 0% 0%;*/
    background-position: center;
    z-index: 2; 
    background-size: 100% auto;}
  .protein-runner .protein-runner-copy {
    position: relative;
    color: #fff;
    text-align: center;
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    top: 50%;
    z-index: 4; }
      @media only screen and (max-width: 480px) {
        .protein-runner .protein-runner-copy{
          top: 40%;
        }
      }
    .protein-runner .protein-runner-copy h2 {
      font-size: 60px;
      font-family: "FortBlack", Helvetica, Arial, sans-serif;
      margin-bottom: 30px; }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        .protein-runner .protein-runner-copy h2 {
          font-size: 10vw;
          margin-bottom: 10px; } }
      @media only screen and (max-width: 320px) {
        .protein-runner .protein-runner-copy h2 {
          font-size: 10vw;
          margin-bottom: 10px; } }
    .protein-runner .protein-runner-copy h3 {
      font-size: 28px;
      font-family: "FortBold", Helvetica, Arial, sans-serif;
      line-height: 1.1; }
      .protein-runner .protein-runner-copy h3 span {
        display: block; }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        .protein-runner .protein-runner-copy h3 {
          /*font-size: 4vw;*/
          font-size: 17px;
          /*line-height: 2;*/
         } }
      @media only screen and (max-width: 320px) {
        .protein-runner .protein-runner-copy h3 {
          /*font-size: 4vw;*/
          font-size: 17px;
          /*line-height: 2; */
          } }

#how-much-protein .protein-section {
  z-index: 2; }
  #how-much-protein .protein-section .daily-protein-component .legal {
    margin-top: 25px;
    font-size: 14px;
    font-family: "FortLight", Helvetica, Arial, sans-serif; }
  #how-much-protein .protein-section .daily-protein-component .protein-component {
    position: relative;
    display: block;
    width: 382px;
    height: auto;
    background: #fff;
    padding: 30px 0px 0px 0px;
    margin: 0px auto;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.25); }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #how-much-protein .protein-section .daily-protein-component .protein-component {
        width: 100%; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #how-much-protein .protein-section .daily-protein-component .protein-component {
        width: 100%; } }
    @media only screen and (max-width: 320px) {
      #how-much-protein .protein-section .daily-protein-component .protein-component {
        width: 100%; } }
    #how-much-protein .protein-section .daily-protein-component .protein-component h3 {
      position: relative;
      font-size: 18px;
      display: block;
      text-align: center;
      padding: 0px 25px;
      line-height: 1.3;
      color: #000;
      font-family: "FortBold", Helvetica, Arial, sans-serif; }
      @media only screen and (max-width: 320px) {
        #how-much-protein .protein-section .daily-protein-component .protein-component h3 {
          font-size: 14px; } }
    #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age {
      position: relative;
      width: 100%;
      display: block;
      padding-left: 5px;
      padding: 0px 25px 0px 30px;
      margin: 35px auto 39px auto;
      height: auto; }
      @media only screen and (max-width: 320px) {
        #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age {
          display: block;
          margin: 20px auto 35px auto; } }
      #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .gender {
        position: relative;
        margin-right: 42px;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .gender {
            display: block;
            margin: 20px auto 20px auto;
            text-align: center; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .gender {
            display: block;
            margin: 20px auto 20px auto;
            text-align: center; } }
        @media only screen and (max-width: 320px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .gender {
            display: block;
            margin: 20px auto 20px auto;
            text-align: center; } }
        #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .gender .gender-select {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          vertical-align: top;
          -moz-border-radius: 18px;
          -webkit-border-radius: 18px;
          border-radius: 18px;
          height: 36px;
          width: 90px;
          border: 3px solid #e1e1e1;
          margin: 0px 14px; }
          #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .gender .gender-select .rangeslider--horizontal {
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            left: 50%;
            top: 50%;
            width: 85%;
            box-shadow: none;
            background: none; }
            #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .gender .gender-select .rangeslider--horizontal .rangeslider__handle {
              background-image: none;
              width: 20px;
              height: 20px;
              top: 0px;
              box-shadow: none;
              border: none;
              background: #5098f0; }
              #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .gender .gender-select .rangeslider--horizontal .rangeslider__handle:after {
                background: none; }
            #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .gender .gender-select .rangeslider--horizontal .rangeslider__fill {
              background: none;
              box-shadow: none; }
      #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age-select {
        position: relative;
        vertical-align: top;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        width: 125px;
        height: 39px;
        border: 3px solid #e1e1e1;
        font-size: 18px;
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        z-index: 1; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age-select {
            left: 50%;
            -moz-transform: translate(-52%, 0%);
            -ms-transform: translate(-52%, 0%);
            -webkit-transform: translate(-52%, 0%);
            transform: translate(-52%, 0%); } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age-select {
            left: 50%;
            -moz-transform: translate(-52%, 0%);
            -ms-transform: translate(-52%, 0%);
            -webkit-transform: translate(-52%, 0%);
            transform: translate(-52%, 0%); } }
        @media only screen and (max-width: 320px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age-select {
            left: 50%;
            -moz-transform: translate(-52%, 0%);
            -ms-transform: translate(-52%, 0%);
            -webkit-transform: translate(-52%, 0%);
            transform: translate(-52%, 0%); } }
        #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age-select a {
          position: relative;
          width: 100%;
          display: block;
          text-decoration: none;
          color: #000;
          padding: 3px 14px; }
          #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age-select a:after {
            content: url("../img/protein-chevron-grey.png");
            position: relative;
            float: right; }
      #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age-dropdown-hide {
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0); }
      #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age-dropdown-show {
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100); }
      #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age {
        position: absolute;
        top: 0px;
        right: 34px;
        display: block;
        vertical-align: top;
        width: 125px;
        height: 290px;
        border: 3px solid #e1e1e1;
        font-size: 18px;
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        z-index: 2; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age {
            -moz-transform: translate(-50.5%, 0);
            -ms-transform: translate(-50.5%, 0);
            -webkit-transform: translate(-50.5%, 0);
            transform: translate(-50.5%, 0);
            left: 50%;
            top: 49.0%; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age {
            -moz-transform: translate(-50.5%, 0);
            -ms-transform: translate(-50.5%, 0);
            -webkit-transform: translate(-50.5%, 0);
            transform: translate(-50.5%, 0);
            left: 50%;
            top: 49.0%; } }
        @media only screen and (max-width: 320px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age {
            -moz-transform: translate(-49.5%, 0);
            -ms-transform: translate(-49.5%, 0);
            -webkit-transform: translate(-49.5%, 0);
            transform: translate(-49.5%, 0);
            left: 50%;
            top: 49.0%; 
            box-sizing: content-box;} }
        #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age ul {
          position: absolute;
          display: block;
          width: 125px;
          left: -3px;
          overflow-y: hidden !important;
          border-right: 3px solid #e1e1e1;
          border-left: 3px solid #e1e1e1;
          background: #fff; }
          #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age ul li {
            background: #fff;
            border-bottom: 3px solid #e1e1e1; }
            #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age ul li:hover {
              background: #5098f0; }
              #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age ul li:hover a {
                color: #fff; }
            #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age ul li:last-child {
              border-bottom: none; }
            #how-much-protein .protein-section .daily-protein-component .protein-component .gender-age .age ul li a {
              text-decoration: none;
              color: #000;
              position: relative;
              display: block;
              padding: 8px 0px 7px 9px; }
    #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels {
      padding: 0px 25px; }
      #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .activity-select {
        position: relative;
        padding: 0px 8px; }
        #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .activity-select .rangeslider--horizontal {
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          left: 50%;
          top: 50%;
          height: 10px;
          box-shadow: none;
          background: #3063cf; }
          #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .activity-select .rangeslider--horizontal .rangeslider__handle {
            width: 81px;
            height: 22px;
            -moz-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
            top: 50%;
            border: none;
            -moz-border-radius: 11px;
            -webkit-border-radius: 11px;
            border-radius: 11px;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35); }
            #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .activity-select .rangeslider--horizontal .rangeslider__handle:after {
              width: 81px;
              height: 22px;
              background: #f5f5f5 url("../img/protein-handle.png") no-repeat center center;
              -moz-border-radius: 11px;
              -webkit-border-radius: 11px;
              border-radius: 11px; }
          #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .activity-select .rangeslider--horizontal .rangeslider__fill {
            background: #5098f0;
            box-shadow: none; }
      #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .activity-labels {
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        font-size: 18px;
        margin: 15px 0px 20px 0px;
        line-height: 1.3; }
        @media only screen and (max-width: 320px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .activity-labels {
            font-size: 14px; } }
        #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .activity-labels p {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          vertical-align: top;
          width: 32%; }
          #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .activity-labels p span {
            display: block; }
        #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .activity-labels p.mid-label {
          padding-left: 10px; }
        #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .activity-labels p:last-child {
          padding-left: 56px; }
          @media only screen and (max-width: 320px) {
            #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .activity-labels p:last-child {
              padding-left: 40px; } }
      #how-much-protein .protein-section .daily-protein-component .protein-component .activity-levels .legal {
        font-size: 14px;
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        line-height: 1.25;
        color: #000;
        margin-top: 20px; }
    #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results {
      position: relative;
      width: 100%;
      left: 0px;
      display: block;
      background: #5098f0;
      padding: 0px 23px 0px 18px;
      white-space: nowrap;
      /*
      					@include mobile-regular {
      						width: 100%;
      						position: absolute;
      						bottom:0px;
      						left: 0px;
      					}
      
      					@include mobile-narrow {
      						width: 100%;
      						position: absolute;
      						bottom:-15px;
      						left: 0px;
      					}
      					@include mobile-small{
      						width: 100%;
      						position: absolute;
      						bottom:-15px;
      						left: 0px;
      					}
      */ }
      #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results p {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        vertical-align: top;
        color: #fff; }
      #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .protein {
        font-size: 69px;
        margin-right: 5px;
        font-family: "FortBold", Helvetica, Arial, sans-serif;
        letter-spacing: 0px; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .protein {
            padding: 9px 0px; } }
        @media only screen and (max-width: 320px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .protein {
            font-size: 40px;
            padding-top: 7px;
            padding-bottom: 9px; } }
      #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .ranges {
        position: absolute;
        left: 140px;
        padding-top: 25px;
        font-size: 26px;
        line-height: 1.2;
        font-family: "FortMedium", Helvetica, Arial, sans-serif; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .ranges {
            font-size: 5vw; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .ranges {
            font-size: 6vw; } }
        @media only screen and (max-width: 320px) {
          #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .ranges {
            font-size: 6.5vw;
            padding-top: 10px;
            left: 94px; } }
        #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .ranges .range-holder {
          display: block;
          font-size: 18px;
          font-family: "FortLight", Helvetica, Arial, sans-serif; }
          @media only screen and (min-width: 481px) and (max-width: 768px) {
            #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .ranges .range-holder {
              font-size: 3.5vw; } }
          @media only screen and (min-width: 321px) and (max-width: 480px) {
            #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .ranges .range-holder {
              font-size: 4vw; } }
          @media only screen and (max-width: 320px) {
            #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .ranges .range-holder {
              font-size: 4.5vw; } }
      #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .calories-per-day {
        position: relative;
        display: block;
        width: 100%;
        border-top: 1px solid #fff;
        padding: 22px 0px;
        margin: 6px 0px 0px 0px;
        font-size: 14px;
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        text-align: center;
        line-height: 1.22; }
        #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .calories-per-day .calories-holder {
          display: block; }
          #how-much-protein .protein-section .daily-protein-component .protein-component .dpi-results .calories-per-day .calories-holder .calories {
            font-family: "FortBold", Helvetica, Arial, sans-serif; }

#protein-quotes .protein-section {
  font-size: 0px;
  padding-bottom: 100px;
  text-align: center; }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    #protein-quotes .protein-section {
      padding-bottom: 0px; } }
  @media only screen and (min-width: 321px) and (max-width: 480px) {
    #protein-quotes .protein-section {
      padding-bottom: 0px; } }
  @media only screen and (max-width: 320px) {
    #protein-quotes .protein-section {
      padding-bottom: 0px; } }
  #protein-quotes .protein-section .quotes {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 44%;
    font-size: 22px;
    margin: 0px 3%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 45px 0px 25px 0px;
    min-height: 200px;
    font-family: "FortLight", Helvetica, Arial, sans-serif;
    /*font-style: italic;*/
    color: #000;
    vertical-align: top;
    text-align: center;
    line-height: 1.25; }
  #protein-quotes .protein-section .quotes .quote{
    font-family: "FortBold", Helvetica, Arial, sans-serif;
  }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #protein-quotes .protein-section .quotes {
        display: block;
        margin: 0px auto;
        width: 68%;
        padding: 45px 20px 25px 20px; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #protein-quotes .protein-section .quotes {
        display: block;
        margin: 0px auto;
        width: 100%;
        padding: 45px 20px 25px 20px; } }
    @media only screen and (max-width: 320px) {
      #protein-quotes .protein-section .quotes {
        display: block;
        margin: 0px auto;
        font-size: 14px;
        line-height: 1.5;
        width: 100%;
        padding: 45px 20px 25px 20px; } }
    #protein-quotes .protein-section .quotes .quote-name {
      position: relative;
      display: block;
      margin-top: 25px;
      font-family: "FortLight", Helvetica, Arial, sans-serif; }
      #protein-quotes .protein-section .quotes .quote-name sup {
        position: relative;
        top: -5px;
        font-size: 10px; }
    #protein-quotes .protein-section .quotes .off-side {
      margin-top: 52px; }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        #protein-quotes .protein-section .quotes .off-side {
          margin-top: 25px; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        #protein-quotes .protein-section .quotes .off-side {
          margin-top: 25px; } }
      @media only screen and (max-width: 320px) {
        #protein-quotes .protein-section .quotes .off-side {
          margin-top: 25px; } }

.protein-mom {
  position: relative;
  display: block;
  width: 100%;
  height: 605px;
  background: #000 url("../img/protein-mom-bg.jpg") no-repeat; }
  @media only screen and (min-width: 769px) and (max-width: 1200px) {
    .protein-mom {
      background-position: 44% 16%;
      background-size: auto; } }
  @media only screen and (min-width: 1200px) and (max-width: 1700px) {
    .protein-mom {
      background-position: 44% 16%;
      background-size: auto; } }
  @media only screen and (min-width: 1700px) and (max-width: 3000px) {
    .protein-mom {
      background-position: 44% 16%;
      background-size: 100%; } }
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .protein-mom {
      height: 50vh;
      background-size: 200%;
      background-position: 34% 48%; } }
  @media only screen and (min-width: 321px) and (max-width: 480px) {
    .protein-mom {
      height: 50vh;
      background-size: 200%;
      background-position: 34% 48%; } }
  @media only screen and (max-width: 320px) {
    .protein-mom {
      height: 50vh;
      background-size: 200%;
      background-position: 34% 48%; } }
  .protein-mom .protein-mom-copy {
    position: relative;
    color: #fff;
    text-align: center;
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    top: 50%; }
    .protein-mom .protein-mom-copy h2 {
      font-size: 60px;
      font-family: "FortBlack", Helvetica, Arial, sans-serif;
      margin-bottom: 30px;
      line-height: 1.25; }
    .protein-mom .protein-mom-copy h3 {
      font-size: 28px;
      font-family: "FortBold", Helvetica, Arial, sans-serif;
    }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        .protein-mom .protein-mom-copy h2 {
          font-size: 7.5vw; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        .protein-mom .protein-mom-copy h2 {
          font-size: 7.5vw; } }
      @media only screen and (max-width: 320px) {
        .protein-mom .protein-mom-copy h2 {
          font-size: 7.5vw; } }
    .protein-mom .protein-mom-copy .how-to-boost {
      font-size: 28px;
      font-family: "FortBold", Helvetica, Arial, sans-serif;
      line-height: 1.1; }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        .protein-mom .protein-mom-copy .how-to-boost {
          font-size: 4.5vw; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        .protein-mom .protein-mom-copy .how-to-boost {
          font-size: 4.5vw; } }
      @media only screen and (max-width: 320px) {
        .protein-mom .protein-mom-copy .how-to-boost {
          font-size: 4.5vw; } }

/*#protein-throughout-the-day {
  margin-top: -50px; }*/
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    #protein-throughout-the-day {
      background: none; } }
  @media only screen and (min-width: 321px) and (max-width: 480px) {
    #protein-throughout-the-day {
      background: none; } }
  @media only screen and (max-width: 320px) {
    #protein-throughout-the-day {
      background: none; } }
  #protein-throughout-the-day .breakfast-bg {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 51%;
    top: 38%;
    z-index: 1; }
  #protein-throughout-the-day #protein-breakfast-plate {
    position: absolute;
    top: 0px;
    z-index: 2; }
    /*@media only screen and (min-width: 769px) and (max-width: 1200px) {
      #protein-throughout-the-day #protein-breakfast-plate {
        left: -100%; } }*/
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #protein-throughout-the-day #protein-breakfast-plate {
        display: none; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #protein-throughout-the-day #protein-breakfast-plate {
        display: none; } }
    @media only screen and (max-width: 320px) {
      #protein-throughout-the-day #protein-breakfast-plate {
        display: none; } }
  #protein-throughout-the-day #protein-breakfast-coffee {
    position: absolute;
    top: 0px;
    z-index: 1; }
    @media only screen and (min-width: 769px) and (max-width: 1200px) {
      #protein-throughout-the-day #protein-breakfast-coffee {
        right: -100%; } }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #protein-throughout-the-day #protein-breakfast-coffee {
        display: none; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #protein-throughout-the-day #protein-breakfast-coffee {
        display: none; } }
    @media only screen and (max-width: 320px) {
      #protein-throughout-the-day #protein-breakfast-coffee {
        display: none; } }
  #protein-throughout-the-day .protein-section {
    padding: 200px 0px 0px;
    z-index: 3; }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #protein-throughout-the-day .protein-section {
        padding: 0px 0px 0px;
        margin-top: 50px; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #protein-throughout-the-day .protein-section {
        padding: 0px 0px 0px;
        margin-top: 50px; } }
    @media only screen and (max-width: 320px) {
      #protein-throughout-the-day .protein-section {
        padding: 0px 0px 0px;
        margin-top: 50px; } }
    #protein-throughout-the-day .protein-section .protein-component {
      position: relative;
      display: block;
      box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.25);
      margin-bottom: 105px;
      -moz-transform: translate(-100%, 0%);
      -ms-transform: translate(-100%, 0%);
      -webkit-transform: translate(-100%, 0%);
      transform: translate(-100%, 0%);
      left: 100%;
      width: 503px;
      height: 578px;
      background: rgba(255, 255, 255, 0.8); }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        #protein-throughout-the-day .protein-section .protein-component {
          -moz-transform: translate(0%, 0%);
          -ms-transform: translate(0%, 0%);
          -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
          left: 0%;
          margin: 0px auto 5vh auto;
          width: 100%;
          box-shadow: none; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        #protein-throughout-the-day .protein-section .protein-component {
          -moz-transform: translate(0%, 0%);
          -ms-transform: translate(0%, 0%);
          -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
          left: 0%;
          margin: 4vh auto 5vh auto;
          width: 100%;
          box-shadow: none; } }
      @media only screen and (max-width: 320px) {
        #protein-throughout-the-day .protein-section .protein-component {
          -moz-transform: translate(0%, 0%);
          -ms-transform: translate(0%, 0%);
          -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
          left: 0%;
          margin: 4vh auto 5vh auto;
          width: 100%;
          box-shadow: none; } }
      #protein-throughout-the-day .protein-section .protein-component .protein-intake {
        position: relative;
        display: block;
        font-size: 18px;
        font-family: "FortBold", Helvetica, Arial, sans-serif;
        text-align: center;
        padding-top: 55px;
        margin-bottom: 55px; }
        #protein-throughout-the-day .protein-section .protein-component .protein-intake sup {
          position: relative;
          font-family: "FortLight", Helvetica, Arial, sans-serif;
          font-size: 13px;
          top: -7px; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-throughout-the-day .protein-section .protein-component .protein-intake {
            padding-top: 30px;
            margin-bottom: 30px; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-throughout-the-day .protein-section .protein-component .protein-intake {
            padding-top: 30px;
            margin-bottom: 30px; } }
        @media only screen and (max-width: 320px) {
          #protein-throughout-the-day .protein-section .protein-component .protein-intake {
            font-size: 14px;
            padding-top: 20px;
            margin-bottom: 20px; } }
      #protein-throughout-the-day .protein-section .protein-component .recommended-protein {
        position: relative;
        left: 31px;
        width: 192px;
        font-size: 18px;
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        text-align: center;
        line-height: 1;
        text-align: center;
        margin-bottom: 10px; }
        #protein-throughout-the-day .protein-section .protein-component .recommended-protein span {
          display: block; }
        #protein-throughout-the-day .protein-section .protein-component .recommended-protein .chevron {
          position: relative;
          margin-top: 5px; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-throughout-the-day .protein-section .protein-component .recommended-protein {
            left: 22.5%; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-throughout-the-day .protein-section .protein-component .recommended-protein {
            left: -8%;
            font-size: 12px; } }
        @media only screen and (max-width: 320px) {
          #protein-throughout-the-day .protein-section .protein-component .recommended-protein {
            left: -6%;
            font-size: 12px; } }
      #protein-throughout-the-day .protein-section .protein-component .bar-graphs {
        position: relative;
        width: 400px;
        height: 194px;
        margin: 0px auto;
        display: block;
        border-bottom: 1px solid #ccc;
        font-size: 0px; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-throughout-the-day .protein-section .protein-component .bar-graphs {
            width: 90%;
            text-align: center;
            left: -32px; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-throughout-the-day .protein-section .protein-component .bar-graphs {
            width: 100%;
            text-align: center;
            left: -32px; } }
        @media only screen and (max-width: 320px) {
          #protein-throughout-the-day .protein-section .protein-component .bar-graphs {
            width: 100%;
            text-align: center;
            left: -32px; } }
        #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bars {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          width: 70px;
          vertical-align: top;
          height: 192px;
          background: #5098f0;
          margin-left: 40px;
          z-index: 1;
          overflow: hidden;
          top: 1px; }
          @media only screen and (min-width: 321px) and (max-width: 480px) {
            #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bars {
              width: 65px; } }
          @media only screen and (max-width: 320px) {
            #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bars {
              width: 49px; } }
          #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bars p {
            position: absolute;
            color: #fff;
            font-size: 18px;
            font-family: "FortBold", Helvetica, Arial, sans-serif;
            top: 10px;
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            left: 50%; }
            @media only screen and (max-width: 320px) {
              #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bars p {
                font-size: 12px; } }
        #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bar-top {
          position: absolute;
          width: 100%;
          height: 100%;
          z-index: 2;
          bottom: -1px;
          left: 18px; }
          @media only screen and (min-width: 481px) and (max-width: 768px) {
            #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bar-top {
              width: 90%;
              left: 40px; } }
          @media only screen and (min-width: 321px) and (max-width: 480px) {
            #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bar-top {
              width: 90%;
              left: 40px; } }
          @media only screen and (max-width: 320px) {
            #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bar-top {
              width: 90%;
              left: 40px; } }
          #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bar-top .dashed-border {
            position: absolute;
            top: -1px;
            width: 100%;
            height: 1px;
            border-top: 2px dashed #5098f0;
            z-index: 2;
            left: -18px; }
            @media only screen and (min-width: 481px) and (max-width: 768px) {
              #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bar-top .dashed-border {
                left: 0px; } }
            @media only screen and (min-width: 321px) and (max-width: 480px) {
              #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bar-top .dashed-border {
                left: 0px; } }
            @media only screen and (max-width: 320px) {
              #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bar-top .dashed-border {
                left: -0px; } }
          #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bar-top .bars {
            background: #ee871d; }
          #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bar-top #bar-1 {
            height: 81px;
            top: 111px; }
          #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bar-top #bar-2 {
            height: 164px;
            top: 28px; }
          #protein-throughout-the-day .protein-section .protein-component .bar-graphs .bar-top #bar-3 {
            height: 242px;
            top: -50px; }
      #protein-throughout-the-day .protein-section .protein-component .food-labels {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 30px; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-throughout-the-day .protein-section .protein-component .food-labels {
            width: 75%;
            -moz-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
            left: 37%;
            margin: 20px auto 50px auto; } }
        #protein-throughout-the-day .protein-section .protein-component .food-labels .food-label {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          font-size: 18px;
          color: #636363;
          font-family: "FortBold", Helvetica, Arial, sans-serif;
          text-align: center;
          width: 22%; }
          @media only screen and (max-width: 320px) {
            #protein-throughout-the-day .protein-section .protein-component .food-labels .food-label {
              font-size: 12px; } }
      #protein-throughout-the-day .protein-section .protein-component .bargraph-legend {
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        font-size: 18px;
        position: relative;
        width: 100%;
        height: auto;
        padding-left: 115px; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-throughout-the-day .protein-section .protein-component .bargraph-legend {
            width: 75%;
            left: 13.5%; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-throughout-the-day .protein-section .protein-component .bargraph-legend {
            padding-left: 60px; } }
        @media only screen and (max-width: 320px) {
          #protein-throughout-the-day .protein-section .protein-component .bargraph-legend {
            padding-left: 60px;
            font-size: 12px; } }
        #protein-throughout-the-day .protein-section .protein-component .bargraph-legend .sq-1 {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          width: 20px;
          height: 20px;
          background: #ee871d;
          margin-bottom: 20px;
          vertical-align: top;
          margin-right: 10px;
          top: 2px; }
        #protein-throughout-the-day .protein-section .protein-component .bargraph-legend .sq-2 {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          width: 20px;
          height: 20px;
          background: #5098f0;
          vertical-align: top;
          margin-right: 10px;
          top: 2px; }
      #protein-throughout-the-day .protein-section .protein-component .legal {
        position: relative;
        top: 69px;
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        left: 50%;
        padding-left: 40px;
        font-size: 14px; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-throughout-the-day .protein-section .protein-component .legal {
            top: 0px;
            margin: 3vh 0px 0px 0px;
            width: 75%; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-throughout-the-day .protein-section .protein-component .legal {
            top: 0px;
            margin: 3vh 0px 0px 0px;
            width: 90%;
            padding-left: 0px; } }
        @media only screen and (max-width: 320px) {
          #protein-throughout-the-day .protein-section .protein-component .legal {
            top: 0px;
            margin: 3vh 0px 0px 0px;
            width: 90%;
            padding-left: 0px; } }

#protein-tips-recipes {
  z-index: 3; }
  #protein-tips-recipes .protein-section .leading-copy {
    font-size: 18px;
    font-family: "FortLight", Helvetica, Arial, sans-serif;
    line-height: 1.25;
    text-align: center;
    padding: 0px 10% 55px 10%; }
  #protein-tips-recipes .protein-section .tips-recipes-filter {
    position: relative;
    background: #e1e1e1;
    padding: 12px 0px 0px 0px;
    width: 100%;
    max-width: 1024px;
    text-align: center; }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #protein-tips-recipes .protein-section .tips-recipes-filter {
        padding: 12px 12px 0px 12px; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #protein-tips-recipes .protein-section .tips-recipes-filter {
        padding: 12px 12px 0px 12px; } }
    @media only screen and (max-width: 320px) {
      #protein-tips-recipes .protein-section .tips-recipes-filter {
        padding: 12px 12px 0px 12px; } }
    #protein-tips-recipes .protein-section .tips-recipes-filter #filter-cover {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      background: rgba(255, 255, 255, 0.6);
      z-index: 2;
      visibility: hidden; }
    #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option {
      background: #fff;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      margin: 0px 0px 12px 6px;
      width: 187px;
      font-family: "FortBold", Helvetica, Arial, sans-serif;
      font-size: 17px;
      position: relative;
      height: 44px;
      border: 3px solid #d1d3d4;
      text-align: center; }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option {
          width: 45%;
          font-size: 2vw; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option {
          width: 48%;
          font-size: 3vw;
          margin: 0px 1px 12px 1px; } }
      @media only screen and (max-width: 320px) {
        #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option {
          width: 48%;
          font-size: 3vw;
          margin: 0px 1px 12px 1px; } }
      #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option:first-child {
        margin-left: 0px; }
      #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option:hover {
        background: #5098f0; }
        #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option:hover a {
          color: #fff; }
        #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option:hover #all-filters:before {
          content: url("../img/icon-filters.png"); }
      #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option .active-filter {
        background: #5098f0;
        color: #fff;
        height: 38px; }
        #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option .active-filter:before {
          content: url("../img/icon-checkbox-checked.jpg"); }
      #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option a {
        text-decoration: none;
        position: absolute;
        width: 100%;
        padding: 8px 0px 8px 0px;
        height: auto;
        left: 0px;
        color: #000; }
        #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option a:before {
          content: url("../img/icon-checkbox.jpg");
          position: relative;
          left: 12px;
          float: left;
          top: 1px; }
          @media only screen and (max-width: 320px) {
            #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option a:before {
              left: 8px;
              -moz-transform: scale(0.75);
              -ms-transform: scale(0.75);
              -webkit-transform: scale(0.75);
              transform: scale(0.75); } }
      #protein-tips-recipes .protein-section .tips-recipes-filter .filter-option #custom-filter:before {
        content: url("../img/icon-filters-grey.png"); }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #protein-tips-recipes .protein-section .tips-recipes-filter #filter-one {
        width: 16%; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #protein-tips-recipes .protein-section .tips-recipes-filter #filter-one {
        width: 20%; } }
    @media only screen and (max-width: 320px) {
      #protein-tips-recipes .protein-section .tips-recipes-filter #filter-one {
        width: 20%; } }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #protein-tips-recipes .protein-section .tips-recipes-filter #filter-two {
        width: 36%; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #protein-tips-recipes .protein-section .tips-recipes-filter #filter-two {
        width: 34%; } }
    @media only screen and (max-width: 320px) {
      #protein-tips-recipes .protein-section .tips-recipes-filter #filter-two {
        width: 34%; } }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #protein-tips-recipes .protein-section .tips-recipes-filter #filter-three {
        width: 36%; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #protein-tips-recipes .protein-section .tips-recipes-filter #filter-three {
        width: 41%; } }
    @media only screen and (max-width: 320px) {
      #protein-tips-recipes .protein-section .tips-recipes-filter #filter-three {
        width: 41%; } }
  #protein-tips-recipes .protein-section .tips-recipes-custom-filter {
    position: relative;
    display: block;
    background: none;
    overflow: hidden;
    height: 0px; }
    #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper {
      position: relative;
      display: block;
      padding-top: 17px;
      height: auto;
      background: #e1e1e1; }
      #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper #custom-filter-close {
        position: absolute;
        right: 21px;
        top: 16px;
        z-index: 2; }
      #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper h2 {
        position: relative;
        display: block;
        text-align: center;
        text-transform: uppercase;
        font-family: "FortBold", Helvetica, Arial, sans-serif;
        font-size: 18px; }
      #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper p {
        position: relative;
        display: block;
        text-align: center;
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        font-size: 18px;
        padding-top: 10px; }
      #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper ul {
        position: relative;
        text-align: center;
        padding-top: 10px;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        left: 50%;
        padding-bottom: 30px; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper ul {
            -moz-transform: translate(0%, 0);
            -ms-transform: translate(0%, 0);
            -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
            left: 18%; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper ul {
            -moz-transform: translate(0%, 0);
            -ms-transform: translate(0%, 0);
            -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
            left: 18%; } }
        @media only screen and (max-width: 320px) {
          #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper ul {
            -moz-transform: translate(0%, 0);
            -ms-transform: translate(0%, 0);
            -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
            left: 18%; } }
        #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper ul li {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          text-align: left;
          vertical-align: top;
          margin-left: 45px; }
          @media only screen and (min-width: 481px) and (max-width: 768px) {
            #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper ul li {
              display: block; } }
          @media only screen and (min-width: 321px) and (max-width: 480px) {
            #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper ul li {
              display: block; } }
          @media only screen and (max-width: 320px) {
            #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper ul li {
              display: block; } }
          #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper ul li a {
            position: relative;
            display: block;
            text-decoration: none;
            font-size: 18px;
            text-align: left;
            color: #000;
            font-family: "FortLight", Helvetica, Arial, sans-serif;
            padding: 5px 0px 5px 30px; }
            #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper ul li a:before {
              content: url("../img/icon-checkbox.jpg");
              position: absolute;
              left: 0px; }
          #protein-tips-recipes .protein-section .tips-recipes-custom-filter .custom-filter-wrapper ul li .active-custom-filter:before {
            content: url("../img/icon-checkbox-checked.jpg"); }
  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1024px;
    height: auto;
    padding: 0px; }
    #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel {
      position: relative;
      z-index: 3;
      background: white;
      width: 100%;
      height: 535px;
      top: 0px;
      left: 0px;
      display: none;
      visibility: hidden; }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel {
          /*position: fixed;*/
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          bottom: 0;
          padding: 20px;
          overflow-y: auto;
          overflow-x: hidden; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel {
          /*position: fixed;*/
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          bottom: 0;
          padding: 20px;
          overflow-y: auto;
          overflow-x: hidden; } }
      @media only screen and (max-width: 320px) {
        #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel {
          /*position: fixed;*/
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          bottom: 0;
          padding: 20px;
          overflow-y: auto;
          overflow-x: hidden; } }
      #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .title {
        position: relative;
        line-height: 1.5;
        left: 0;
        top: -5px;
        font-size: 24px;
        font-family: "FortBold", Helvetica, Arial, sans-serif;
        width: 90%;
        /*height: 220px;*/
        z-index: 3; }
        #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .title span {
          position: relative;
          top: 0px;
          left: 0px; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .title {
            position: relative;
            display: block;
            height: auto;
            left: 0px;
            width: 100%; }
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .title span {
              position: relative; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .title {
            position: relative;
            display: block;
            height: auto;
            left: 0px;
            width: 100%; }
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .title span {
              position: relative; } }
        @media only screen and (max-width: 320px) {
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .title {
            position: relative;
            display: block;
            height: auto;
            left: 0px;
            width: 100%; }
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .title span {
              position: relative; } }
      #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel {
        z-index: 3;
        position: relative;
        width: 100%;
        height: 460px; }
        #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel #tip-reciep-panel-close {
          position: absolute;
          right: 0px;
          top: 0px; }
          @media only screen and (min-width: 481px) and (max-width: 768px) {
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel #tip-reciep-panel-close {
              top: -20px;
              z-index: 5; } }
          @media only screen and (min-width: 321px) and (max-width: 480px) {
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel #tip-reciep-panel-close {
              top: -20px;
              z-index: 5; } }
          @media only screen and (max-width: 320px) {
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel #tip-reciep-panel-close {
              top: -20px;
              z-index: 5; } }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel {
            height: auto; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel {
            height: auto; } }
        @media only screen and (max-width: 320px) {
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel {
            height: auto; } }
        #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .single-image {
          position: relative;
          display: block;
          width: 31.64063%;
          height: 208px;
          overflow: hidden;
          z-index: 2;
          left: 0%; 
          display: none;}
          @media only screen and (min-width: 481px) and (max-width: 768px) {
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .single-image {
              width: 100%;
              margin-top: 20px;
              margin-bottom: 20px;
              height: 35vh; } }
          @media only screen and (min-width: 321px) and (max-width: 480px) {
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .single-image {
              width: 100%;
              margin-top: 20px;
              margin-bottom: 20px;
              height: 35vh; } }
          @media only screen and (max-width: 320px) {
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .single-image {
              width: 100%;
              margin-top: 20px;
              margin-bottom: 20px;
              height: 35vh; } }
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .single-image #video-tip {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            background: #000;
            display: block; }
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .single-image .video-tip-off {
            z-index: 0; }
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .single-image .video-tip-on {
            z-index: 2; }
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .single-image img {
            position: absolute;
            width: 100%;
            height: auto;
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            left: 50%;
            top: 50%;
            z-index: 1; }
        #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel {
          position: absolute;
          height: 440px;
          left: 0px;
          bottom: 0px;
          width: 100%;
          z-index: 1;
          background: #fff;
          font-size: 0px; }
          @media only screen and (min-width: 481px) and (max-width: 768px) {
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel {
              position: relative;
              display: block;
              height: auto; } }
          @media only screen and (min-width: 321px) and (max-width: 480px) {
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel {
              position: relative;
              display: block;
              height: auto; } }
          @media only screen and (max-width: 320px) {
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel {
              position: relative;
              display: block;
              height: auto; } }
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            width: 32.03125%;
            height: auto;
            font-size: 14px;
            font-family: "FortLight", Helvetica, Arial, sans-serif;
            vertical-align: top; }
            @media only screen and (min-width: 481px) and (max-width: 768px) {
              #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box {
                width: 100%;
                display: block;
                height: auto; } }
            @media only screen and (min-width: 321px) and (max-width: 480px) {
              #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box {
                width: 100%;
                display: block;
                height: auto; } }
            @media only screen and (max-width: 320px) {
              #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box {
                width: 100%;
                display: block;
                height: auto; } }
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .btn-holder {
              position: relative;
              display: block;
              margin-top: 44px;
              margin-bottom: 20px;
              font-family: "FortBold", Helvetica, Arial, sans-serif;
              color: #fff; }
              @media only screen and (min-width: 481px) and (max-width: 768px) {
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .btn-holder {
                  margin: 20px 0px; } }
              @media only screen and (min-width: 321px) and (max-width: 480px) {
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .btn-holder {
                  margin: 20px 0px; } }
              @media only screen and (max-width: 320px) {
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .btn-holder {
                  margin: 20px 0px; } }
              #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .btn-holder .protein-holder {
                padding: 8px 2px;
                text-align: center;
                background: #5098f0;
                position: relative;
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                width: 50%; }
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .btn-holder .protein-holder span {
                  display: inline-block; }
                @media only screen and (max-width: 320px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .btn-holder .protein-holder {
                    font-size: 12px; } }
              #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .btn-holder .video-btn {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                color: #fff;
                background: #3063cf;
                padding: 8px 20px 8px 30px;
                text-decoration: none;
                -moz-border-radius: 18px;
                -webkit-border-radius: 18px;
                border-radius: 18px;
                margin-left: 27px; }
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .btn-holder .video-btn:before {
                  content: url("../img/icon-play.png");
                  position: absolute;
                  left: 18px; }
                @media only screen and (min-width: 481px) and (max-width: 768px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .btn-holder .video-btn {
                    width: 40%; } }
                @media only screen and (min-width: 321px) and (max-width: 480px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .btn-holder .video-btn {
                    width: 40%; } }
                @media only screen and (max-width: 320px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .btn-holder .video-btn {
                    width: 40%;
                    margin-left: 24px;
                    font-size: 12px; } }
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box h3 {
              font-family: "FortBold", Helvetica, Arial, sans-serif; }
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .ingridient-list {
              position: relative;
              padding-right: 15px;
              height: 300px; }
              @media only screen and (min-width: 481px) and (max-width: 768px) {
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .ingridient-list {
                  height: auto; } }
              @media only screen and (min-width: 321px) and (max-width: 480px) {
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .ingridient-list {
                  height: auto; } }
              @media only screen and (max-width: 320px) {
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .ingridient-list {
                  height: auto; } }
              #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .ingridient-list .wrapper {
                position: relative;
                display: block;
                width: 99%;
                height: 300px;
                margin-top: 5px;
                overflow-y: visible;
                line-height: 1.35;
                padding-right: 30px; }
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .ingridient-list .wrapper span {
                  display: block; }
                @media only screen and (min-width: 481px) and (max-width: 768px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .ingridient-list .wrapper {
                    height: auto; } }
                @media only screen and (min-width: 321px) and (max-width: 480px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .ingridient-list .wrapper {
                    height: auto; } }
                @media only screen and (max-width: 320px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .ingridient-list .wrapper {
                    height: auto; } }
                @media only screen and (min-width: 481px) and (max-width: 768px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .ingridient-list .wrapper .nano-content {
                    height: auto !important;
                    position: relative !important; } }
                @media only screen and (min-width: 321px) and (max-width: 480px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .ingridient-list .wrapper .nano-content {
                    height: auto !important;
                    position: relative !important; } }
                @media only screen and (max-width: 320px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .ingredients-box .ingridient-list .wrapper .nano-content {
                    height: auto !important;
                    position: relative !important; } }
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box {
            position: relative;
            vertical-align: top;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            width: calc(100% - 328px);
            height: auto;
            padding-top: 50px; }
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box #desc-gradient {
              position: absolute;
              bottom: 0px;
              height: 10vh;
              width: 95%;
              z-index: 2;
              background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
              background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
              background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
            @media only screen and (min-width: 481px) and (max-width: 768px) {
              #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box {
                width: 100%;
                padding-top: 20px;
                display: block; } }
            @media only screen and (min-width: 321px) and (max-width: 480px) {
              #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box {
                width: 100%;
                padding-top: 20px;
                display: block; } }
            @media only screen and (max-width: 320px) {
              #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box {
                width: 100%;
                padding-top: 20px;
                display: block; } }
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box .wrapper {
              position: relative;
              display: block;
              height: 360px;
              overflow-y: visible; }
              @media only screen and (min-width: 481px) and (max-width: 768px) {
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box .wrapper {
                  height: auto; } }
              @media only screen and (min-width: 321px) and (max-width: 480px) {
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box .wrapper {
                  height: auto; } }
              @media only screen and (max-width: 320px) {
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box .wrapper {
                  height: auto; } }
              @media only screen and (min-width: 481px) and (max-width: 768px) {
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box .wrapper .nano-content {
                  height: auto !important;
                  position: relative !important; } }
              @media only screen and (min-width: 321px) and (max-width: 480px) {
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box .wrapper .nano-content {
                  height: auto !important;
                  position: relative !important; } }
              @media only screen and (max-width: 320px) {
                #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box .wrapper .nano-content {
                  height: auto !important;
                  position: relative !important; } }
              #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box .wrapper .nano-content .copy-box {
                padding-left: 27px; }
                @media only screen and (min-width: 481px) and (max-width: 768px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box .wrapper .nano-content .copy-box {
                    padding-left: 0px; } }
                @media only screen and (min-width: 321px) and (max-width: 480px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box .wrapper .nano-content .copy-box {
                    padding-left: 0px; } }
                @media only screen and (max-width: 320px) {
                  #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box .wrapper .nano-content .copy-box {
                    padding-left: 0px; } }
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box h3 {
              font-size: 14px;
              font-family: "FortBold", Helvetica, Arial, sans-serif;
              position: relative;
              display: block;
              margin-bottom: 2px; }
            #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .tip-recipe-panel .copy-panel .description-box p {
              font-size: 18px;
              font-family: "FortLight", Helvetica, Arial, sans-serif;
              position: relative;
              display: block;
              line-height: 1.4;
              padding-bottom: 20px;
              width: 100%; }
      #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .social-share-box {
        position: relative;
        display: block;
        text-align: right;
        width: 100%;
        height: 75px;
        bottom: 0px;
        background: #fff;
        border-top: 1px solid #000;
        z-index: 5;
        padding: 20px 0px; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .social-share-box {
            text-align: center; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .social-share-box {
            text-align: center; } }
        @media only screen and (max-width: 320px) {
          #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .social-share-box {
            text-align: center; } }
        #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .protein-tip-recipe-panel .social-share-box a {
          position: relative;
          padding: 20px 6px; }
    #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .filtered-single {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 2;
      display: block;
      width: auto;
      visibility: hidden;
      height: 660px;
      overflow: hidden; }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .filtered-single {
          height: 860px; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .filtered-single {
          height: 860px; } }
      @media only screen and (max-width: 320px) {
        #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .filtered-single {
          height: 785px; } }
      #protein-tips-recipes .protein-section .protein-tips-recipes-filtered .filtered-single .protein-full-row {
        margin-top: 0px; }
    #protein-tips-recipes .protein-section .protein-tips-recipes-filtered #reset-filter {
      position: relative;
      width: 100%;
      display: block;
      text-align: center;
      margin-top: 20px;
      padding-bottom: 4px;
      margin-bottom: -67px; }
      #protein-tips-recipes .protein-section .protein-tips-recipes-filtered #reset-filter img {
        cursor: pointer; }
    #protein-tips-recipes .protein-section .protein-tips-recipes-filtered #protein-starter-gallery {
      position: relative;
      visibility: visible;
      top: 70px; }
  #protein-tips-recipes .protein-section .tips-recipes-holder,
  #protein-tips-recipes .protein-section .onthego-holder,
  #protein-tips-recipes .protein-section .activelifestyle-holder,
  #protein-tips-recipes .protein-section .kidfriendly-holder,
  #protein-tips-recipes .protein-section .custom-holder,
  #protein-tips-recipes .protein-section .otg-al-holder,
  #protein-tips-recipes .protein-section .otg-kf-holder,
  #protein-tips-recipes .protein-section .al-kf-holder,
  #protein-tips-recipes .protein-section .otg-al-kf-holder {
    margin-top: 70px;
    background: #fff;
    font-size: 0px;
    margin-bottom: 40px; }
    #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single,
    #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single,
    #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single,
    #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single,
    #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single,
    #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single,
    #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single,
    #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single,
    #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      width: 33.33%;
      height: 200px;
      margin-bottom: 20px;
      vertical-align: top;
      cursor: pointer; }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single {
          width: 50%;
          height: 20vh; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single {
          width: 50%;
          height: 20vh; } }
      @media only screen and (max-width: 320px) {
        #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single,
        #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single {
          width: 50%;
          height: 20vh; } }
      #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single .recipe-protein,
      #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single .recipe-protein,
      #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single .recipe-protein,
      #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single .recipe-protein,
      #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single .recipe-protein,
      #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single .recipe-protein,
      #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single .recipe-protein,
      #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single .recipe-protein,
      #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single .recipe-protein {
        position: absolute;
        top: 20px;
        left: 20px;
        max-width: calc(100% - 40px);
        font-size: 14px;
        line-height: 1.25;
        font-family: "FortBold", Helvetica, Arial, sans-serif;
        color: #fff;
        background: #5098f0;
        padding: 9px;
        z-index: 2;
        overflow: hidden; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single .recipe-protein {
            top: 70%;
            left: 5px;
            max-width: 100%; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single .recipe-protein {
            top: 70%;
            left: 5px;
            max-width: 100%; } }
        @media only screen and (max-width: 320px) {
          #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single .recipe-protein,
          #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single .recipe-protein {
            top: 70%;
            left: 5px;
            max-width: 100%; } }
      #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single h3,
      #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single h3,
      #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single h3,
      #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single h3,
      #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single h3,
      #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single h3,
      #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single h3,
      #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single h3,
      #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single h3 {
        position: absolute;
        bottom: 20px;
        left: 0px;
        max-width: calc(100% - 40px);
        font-size: 18px;
        line-height: 1.25;
        font-family: "FortBold", Helvetica, Arial, sans-serif;
        color: #fff;
        text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
        z-index: 2;
        padding-left: 20px;
        overflow: hidden; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single h3 {
            display: none; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single h3 {
            display: none; } }
        @media only screen and (max-width: 320px) {
          #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single h3,
          #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single h3 {
            display: none; } }
      #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single .recipe-tip-image,
      #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single .recipe-tip-image,
      #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single .recipe-tip-image,
      #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single .recipe-tip-image,
      #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single .recipe-tip-image,
      #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single .recipe-tip-image,
      #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single .recipe-tip-image,
      #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single .recipe-tip-image,
      #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single .recipe-tip-image {
        position: absolute;
        width: 95%;
        height: 100%;
        left: 50%;
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        z-index: 1;
        overflow: hidden; }
        #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single .recipe-tip-image .imgCover,
        #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single .recipe-tip-image .imgCover,
        #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single .recipe-tip-image .imgCover,
        #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single .recipe-tip-image .imgCover,
        #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single .recipe-tip-image .imgCover,
        #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single .recipe-tip-image .imgCover,
        #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single .recipe-tip-image .imgCover,
        #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single .recipe-tip-image .imgCover,
        #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single .recipe-tip-image .imgCover {
          position: absolute;
          width: 100%;
          height: 100%;
          z-index: 2;
          background: rgba(0, 0, 0, 0.4); }
        #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single .recipe-tip-image img,
        #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single .recipe-tip-image img,
        #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single .recipe-tip-image img,
        #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single .recipe-tip-image img,
        #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single .recipe-tip-image img,
        #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single .recipe-tip-image img,
        #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single .recipe-tip-image img,
        #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single .recipe-tip-image img,
        #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single .recipe-tip-image img {
          position: absolute;
          width: 100%;
          height: auto;
          z-index: 1;
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          left: 50%;
          top: 50%; }
         /* @media only screen and (min-width: 481px) and (max-width: 768px) {
            #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single .recipe-tip-image img {
              height: 100%;
              width: auto; } }*/
          @media only screen and (min-width: 321px) and (max-width: 480px) {
            #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single .recipe-tip-image img {
              width: auto;
              height: 100%; } }
          @media only screen and (max-width: 320px) {
            #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single .recipe-tip-image img,
            #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single .recipe-tip-image img {
              width: auto;
              height: 100%; } }
      #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single:first-child,
      #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-single:first-child,
      #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-single:first-child,
      #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-single:first-child,
      #protein-tips-recipes .protein-section .custom-holder .recipe-tip-single:first-child,
      #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-single:first-child,
      #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-single:first-child,
      #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-single:first-child,
      #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-single:first-child {
        margin-left: 0px; }
    #protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-display,
    #protein-tips-recipes .protein-section .onthego-holder .recipe-tip-display,
    #protein-tips-recipes .protein-section .activelifestyle-holder .recipe-tip-display,
    #protein-tips-recipes .protein-section .kidfriendly-holder .recipe-tip-display,
    #protein-tips-recipes .protein-section .custom-holder .recipe-tip-display,
    #protein-tips-recipes .protein-section .otg-al-holder .recipe-tip-display,
    #protein-tips-recipes .protein-section .otg-kf-holder .recipe-tip-display,
    #protein-tips-recipes .protein-section .al-kf-holder .recipe-tip-display,
    #protein-tips-recipes .protein-section .otg-al-kf-holder .recipe-tip-display {
      position: relative;
      display: block;
      background: #fff; }
  #protein-tips-recipes .protein-section .tips-recipes-navigation {
    position: relative;
    text-align: center;
    font-size: 18px;
    margin-top: 100px;
    font-family: "FortLight", Helvetica, Arial, sans-serif; }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #protein-tips-recipes .protein-section .tips-recipes-navigation {
        font-size: 14px; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #protein-tips-recipes .protein-section .tips-recipes-navigation {
        font-size: 14px; } }
    @media only screen and (max-width: 320px) {
      #protein-tips-recipes .protein-section .tips-recipes-navigation {
        font-size: 14px; } }
    #protein-tips-recipes .protein-section .tips-recipes-navigation #gallery-nav-cover {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 3;
      visibility: hidden; }
     /* @media only screen and (min-width: 481px) and (max-width: 768px) {
        #protein-tips-recipes .protein-section .tips-recipes-navigation #gallery-nav-cover {
          display: none; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        #protein-tips-recipes .protein-section .tips-recipes-navigation #gallery-nav-cover {
          display: none; } }
      @media only screen and (max-width: 320px) {
        #protein-tips-recipes .protein-section .tips-recipes-navigation #gallery-nav-cover {
          display: none; } }*/
    #protein-tips-recipes .protein-section .tips-recipes-navigation a {
      position: relative;
      font-family: "FortMedium", Helvetica, Arial, sans-serif;
      text-decoration: none;
      padding: 2px 9px;
      color: #5098f0;
      z-index: 1; }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        #protein-tips-recipes .protein-section .tips-recipes-navigation a {
          padding: 2px 5px; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        #protein-tips-recipes .protein-section .tips-recipes-navigation a {
          padding: 2px 5px; } }
      @media only screen and (max-width: 320px) {
        #protein-tips-recipes .protein-section .tips-recipes-navigation a {
          padding: 2px 5px; } }
    #protein-tips-recipes .protein-section .tips-recipes-navigation #dot-wrapper {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      height: 30px;
      top: 0px;
      width: auto; }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        #protein-tips-recipes .protein-section .tips-recipes-navigation #dot-wrapper {
          display: block;
          margin-top: 10px; } }
      @media only screen and (min-width: 321px) and (max-width: 480px) {
        #protein-tips-recipes .protein-section .tips-recipes-navigation #dot-wrapper {
          display: block;
          margin-top: 10px; } }
      @media only screen and (max-width: 320px) {
        #protein-tips-recipes .protein-section .tips-recipes-navigation #dot-wrapper {
          display: block;
          margin-top: 10px; } }
    #protein-tips-recipes .protein-section .tips-recipes-navigation .active-page {
      color: #000; }

#morning-protein-gallery {
  z-index: 1; }
  #morning-protein-gallery .protein-section {
    margin-bottom: 60px; }
    #morning-protein-gallery .protein-section .protein-full-row {
      overflow: hidden;#overflow: auto; }
      #morning-protein-gallery .protein-section .protein-full-row .gallery-wrapper {
        position: relative;
        display: block;
        width: 1376px;
        left: 50%;
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%); }
      #morning-protein-gallery .protein-section .protein-full-row .grd {
        position: absolute;
        width: 13%;
        height: 100%;
        z-index: 2; }
      #morning-protein-gallery .protein-section .protein-full-row .gallery-btn {
        position: absolute;
        width: 60px;
        height: 140px;
        z-index: 3;
        top: 108px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%); }
      @media screen and (max-width: 767px){
        #morning-protein-gallery .protein-section .protein-full-row .gallery-btn {
          width: 40px;
          height: 80px;
          top: 130px;}
      }
      #morning-protein-gallery .protein-section .protein-full-row #gallery-btn-left {
        left: -19px;
        background-image: url("../img/protein-chevron-white.png");
        background-position: center center;
        background-repeat: no-repeat; }
      #morning-protein-gallery .protein-section .protein-full-row #gallery-btn-right {
        right: -19px;
        background-image: url("../img/protein-chevron-white-r.png");
        background-position: center center;
        background-repeat: no-repeat; }
      #morning-protein-gallery .protein-section .protein-full-row #galleryMobile-btn-left{
        left: -10px;
        background-image: url("../img/protein-chevron-white.png");
        background-position: center center;
        background-repeat: no-repeat; 
        background-size: 30%;}
      #morning-protein-gallery .protein-section .protein-full-row #galleryMobile-btn-right {
        right: -10px;
        background-image: url("../img/protein-chevron-white-r.png");
        background-position: center center;
        background-repeat: no-repeat; 
        background-size: 30%;}
      @media screen and (max-width: 768px){
        #morning-protein-gallery .protein-section .protein-full-row #galleryMobile-btn-left{
        left: -20px;}
        #morning-protein-gallery .protein-section .protein-full-row #galleryMobile-btn-right {
        right: -20px;}
      }
      @media screen and (max-width: 680px){
        #morning-protein-gallery .protein-section .protein-full-row #galleryMobile-btn-left{
        left: -10px;}
        #morning-protein-gallery .protein-section .protein-full-row #galleryMobile-btn-right {
        right: -10px;}
      }
      #morning-protein-gallery .protein-section .protein-full-row #grd-cover-right {
        right: 0px;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 70%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 70%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 70%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }
      #morning-protein-gallery .protein-section .protein-full-row #grd-cover-left {
        left: -1px;
        background: -moz-linear-gradient(left, white 30%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(left, white 30%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); }
      #morning-protein-gallery .protein-section .protein-full-row .gallery {
        width: 1376px;
        z-index: 1; }
        #morning-protein-gallery .protein-section .protein-full-row .gallery .item {
          font-family: "FortLight", Helvetica, Arial, sans-serif;
          font-size: 18px;
          line-height: 1.35;
          overflow: hidden;
          width: 334px;
          background: #fff;
          margin: 0px 3px;
          cursor: pointer; }
          #morning-protein-gallery .protein-section .protein-full-row .gallery .item .image-wrapper {
            position: relative;
            display: block;
            overflow: hidden;
            width: 100%;
            margin: 0px auto;
            height: 200px; }
            #morning-protein-gallery .protein-section .protein-full-row .gallery .item .image-wrapper span{
              position: absolute;
              top: 4px;
              right: 4px;
              z-index: 1;
              display: block;
              overflow: hidden;
              width: 44px;
              height: 44px; }
            #morning-protein-gallery .protein-section .protein-full-row .gallery .item .image-wrapper span.fa-pinterest{
              background: #fff;
              border-radius: 50%;
              text-align: center;
              line-height: 44px;
              color: #ed1c24;
              }
            #morning-protein-gallery .protein-section .protein-full-row .gallery .item .image-wrapper span.fa-instagram{
              background: #fff;
              border-radius: 50%;
              text-align: center;
              line-height: 44px;
              color: #000;
              }
            #morning-protein-gallery .protein-section .protein-full-row .gallery .item .image-wrapper span.fa-twitter{
              background: #fff;
              border-radius: 50%;
              text-align: center;
              line-height: 44px;
              color: #00aeef;
              }
            #morning-protein-gallery .protein-section .protein-full-row .gallery .item .image-wrapper span.fa-facebook{
              background: #fff;
              border-radius: 50%;
              text-align: center;
              line-height: 44px;
              color: #000;
              }
            @media screen and (max-width: 767px){
              #morning-protein-gallery .protein-section .protein-full-row .m-gallery .item .image-wrapper span{
                width: 40px;
                height: 40px;
                display: block;
                position: absolute;
                right: 4px;
                top: 4px;
                z-index: 1;
                border-radius: 50%;
                background: #fff;
                line-height: 40px;
                text-align: center;
              }
              #morning-protein-gallery .protein-section .protein-full-row .m-gallery .item .image-wrapper span.pinterest{
                background: #fff url("../img/share-icon-pin.jpg");
                
                }
              #morning-protein-gallery .protein-section .protein-full-row .m-gallery .item .image-wrapper span.facebook{
                background: #fff url("../img/share-icon-facebook.jpg");
                }
              }
            #morning-protein-gallery .protein-section .protein-full-row .gallery .item .image-wrapper img {
              position: absolute;
              display: block;
              height: auto;
              width: 100%;
              -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              left: 50%;
              top: 50%; }
          #morning-protein-gallery .protein-section .protein-full-row .gallery .item p {
            position: relative;
            padding: 20px 10px 0px 10px; }
          #morning-protein-gallery .protein-section .protein-full-row .gallery .item a {
            display: block;
            text-decoration: none;
            font-family: "FortBold", Helvetica, Arial, sans-serif;
            margin-left:10px;}
    #morning-protein-gallery .protein-section #mobile-morning-gallery {
      display: none; }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      #morning-protein-gallery .protein-section #desktop-morning-gallery {
        display: none; }
      #morning-protein-gallery .protein-section #mobile-morning-gallery {
        display: block; } }
    @media only screen and (min-width: 321px) and (max-width: 480px) {
      #morning-protein-gallery .protein-section #desktop-morning-gallery {
        display: none; }
      #morning-protein-gallery .protein-section #mobile-morning-gallery {
        display: block; } }
    @media only screen and (max-width: 320px) {
      #morning-protein-gallery .protein-section #desktop-morning-gallery {
        display: none; }
      #morning-protein-gallery .protein-section #mobile-morning-gallery {
        display: block; } }
    #morning-protein-gallery .protein-section #mobile-morning-gallery .m-gallery .item {
      position: relative;
      display: block;
      margin-bottom: 5vh;
      cursor: pointer; }
      #morning-protein-gallery .protein-section #mobile-morning-gallery .m-gallery .item .image-wrapper {
        position: relative;
        display: block;
        overflow: hidden;
        height: 34vh;
        margin-bottom: 2vh; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          #morning-protein-gallery .protein-section #mobile-morning-gallery .m-gallery .item .image-wrapper {
            width: calc(100% - 40px);
            margin: 0px auto; } }
        @media only screen and (min-width: 321px) and (max-width: 480px) {
          #morning-protein-gallery .protein-section #mobile-morning-gallery .m-gallery .item .image-wrapper {
            width: calc(100% - 40px);
            margin: 0px auto; } }
        @media only screen and (max-width: 320px) {
          #morning-protein-gallery .protein-section #mobile-morning-gallery .m-gallery .item .image-wrapper {
            width: calc(100% - 40px);
            margin: 0px auto; } }
        #morning-protein-gallery .protein-section #mobile-morning-gallery .m-gallery .item .image-wrapper img {
          position: absolute;
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          left: 50%;
          top: 50%;
          width: 100%; }
      #morning-protein-gallery .protein-section #mobile-morning-gallery .m-gallery .item .description {
        position: relative;
        display: block;
        font-size: 18px;
        padding: 0px 20px;
        font-family: "FortLight", Helvetica, Arial, sans-serif;
        line-height: 1.5; }
        #morning-protein-gallery .protein-section #mobile-morning-gallery .m-gallery .item .description a {
          position: relative;
          font-family: "FortBold", Helvetica, Arial, sans-serif;
          text-decoration: none;
          display: block; }
      @media screen and (max-width: 768px){
        #morning-protein-gallery .protein-section #mobile-morning-gallery .m-gallery .item .description{
          padding: 60px 20px;
        }
      }
#protein-sources .protein-source {
  position: relative;
  font-family: "FortLight", Helvetica, Arial, sans-serif;
  list-style-type: decimal;
  font-size: 11px;
  border-top: 1px solid #ccc;
  padding: 30px 10% 30px 10%; }
  #protein-sources .protein-source li {
    line-height: 1.5; }
    #protein-sources .protein-source li i {
      font-style: italic; }

/*hide below if defelt filter is all*/
#protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single{
  display: none;
}
#protein-tips-recipes .protein-section .tips-recipes-holder .recipe-tip-single.Smoothies{
  display: inline-block;
}
/*hide end*/

.show-only-on-mobile{
  display:none;
}
@media only screen and (max-width: 480px){
  .show-only-on-mobile{
    display:block;
  }
  .show-only-on-mobile .grid-head{
    margin-top: 35px !important;
  }
  .hide-on-mobile{
    display:none !important;
  }
  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid4-row-mobile .col-label {
    width: 25%;
  }
  .protein-section-wrapper .protein-section .protein-2-column-row .column-right .protein-tab .tab .tab-wrapper .tab-content .food-high-proteins-grid4-row-mobile .col-value {
    width: 25%;
  }

}
@media only screen and (max-width: 768px){
  .smaller-font-mobile .col-value{
    font-size: 13px !important;
  }
}

@media only screen and (min-width: 1024px){
  .width-756{
    width: 756px !important;
    margin: auto;
  }
}

#protein-basics{
  padding-top: 100px;
  margin-top: 0px;
}
#protein-basics .protein-section .protein-title{
  margin-top:0;
}
@media only screen and (max-width: 768px){
  #protein-basics{
  padding-top: 5vh;
}
}