/** Shopify CDN: Minification failed

Line 247:11 Expected ":"

**/
.hero__text-content {
    max-width: 560px;
}

.homecollections .grid__item {
    float: none;
    position: relative;
    margin-top: 20px;
}

.homecollections .grid.grid--uniform {
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

[data-type_product_capitalize=true] .collection-item__title {
    position: relative;
    top: unset;
    margin-bottom: 15px;
    text-shadow: none;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-style: normal;
    left: 0;
}

[data-type_product_capitalize=true] .collection-item__title span {
    font-size: 26px;
    letter-spacing: normal;
    text-transform: uppercase;
}

.collection-item {
    overflow: visible;
}

.hero__slide-link {
    z-index: 5;
}

.template-index .custom__item {
    margin-bottom: 0;
}

.custom-content, .custom__item-inner, .rte, img, image-element {
    background: transparent;
    background-color: transparent;
}

.template-index .custom-content {
    margin-bottom: 0;
    margin-left: 0;
}

.feature-row__text h2 {
    font-size: 48px;
    color: #0088a9;
    margin-bottom: 30px;
    font-family: "Cervo-Medium", Sans-Serif;
}

.proyou .custom__item {
    padding-left: 0;
}

.template-product .proyou .custom__item {
    margin-bottom: -7px;
}

.template-index .proyou .custom__item {
    margin-bottom: -7px;
}

.collection-image--square {
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.48);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.48);
}

.bestsellers {

}

.template-index div[id*='shopify-section-template'][id$='featured-collections'] {
  background-image: url(//www.questnutrition.com/cdn/shop/t/142/assets/grad1desktop.jpg?v=176341730505630179911714696346);
  background-size: 100% 100%;
}

.bestsellers h2 {
    text-align: center;
    color: #fff;
    margin-top: 60px !important;
    font-size: 48px;
    font-weight: 800;
}

.bestsellers a {
    margin-bottom: 20px !important;
    position: relative;
    display: block;
}

.bestsellers img {

}

.homehero .slideshow__slide--image_AVgGtT .btn {
    background: #ffffff !important;
    border: none;
    color: #0093b2 !important;
}

.bestsellers .custom__item.one-whole.align--center {

    padding: 22px 0 22px 22px;
}
.findus-logos {
  padding: 40px 20px
}
.findus-logos h2 {
  color: #fff;
}


.home_billboard {
    background-image: url("/cdn/shop/files/optimized-wood-4.webp");
    padding: 40px 0 110px;
}

.home_billboard .grid {
    display: flex;
}

.home_billboard h2 {
    font-size: 36px;
    color: #0088a9;
    margin-bottom: 30px;
    font-family: "Cervo-Medium", Sans-Serif;
    margin-top: 40px;
}

.wrapper-wood {
    background-repeat: repeat;
}

.home_billboard .grid__item {
    max-width: 500px;
    margin: 0 auto;
}

.home_billboard .grid__item .image-wrap {
    border: solid 20px white;
    box-shadow: 0 0 20px 5px #0000001a;
}

.homehero .hero[data-arrows=true] .flickity-previous {
    left: 0px;
    right: 0;
    top: 41%;
}

.homehero .hero[data-arrows=true] .flickity-next {
    left: unset;
    right: 0;
    top: 41%;
}

.homehero .hero .flickity-button {
    opacity: .5;
}

@media only screen and (min-width: 769px) {
    .template-index .index-section {
        margin: 0;
    }

    #MainContent .homecollections h2.section-header__title {
        padding-top: 80px;
        font-size: 48px;
        font-weight: 800;
    }
    
    #MainContent .homecollections .section-header {
        margin-bottom: 30px;
    }

    .page-width.homecollections {
      padding-bottom: 60px;
    }

    .proyou.desktoponly {
      margin-top: 28px;
      margin-bottom: 10px;
    }

  .feat_recipe .page-width {
    max-width: 90%;
    padding: 30px;
  }
}

@media (max-width: 768px) {

  .homehero .slideshow__slide--image_AVgGtT .btn {
    background: #0093b2 !important;
    border: none;
    color: #ffffff !important;
  }
  
  .proyou .image-wrap {
    min-height: 208px;
  }

  .home_billboard .grid {
    flex-direction: column;
  }

  .feature-row__text {
        text-align: center !important;
    }

  .feature-row {
        margin-top: 26px;
    }

  .home_billboard .grid__item {
    margin-top: 46px;
    }

  .proyou .emailsignuplilheader {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .proyou.mobileonly .rte {
    text-align: center;
  }

  .proyou.mobileony .custom__item-inner {
    padding 20px;
  }
  
  .bestsellers .custom__item.one-whole.align--center {
    padding: 0;
  }

  [data-type_product_capitalize=true] .collection-item__title span {
    font-size: 18px;
  }

  #insta-feed .instafeed-container, .instafeed-shopify .instafeed-container {

    max-width: 25% !important;
    }

  .bestsellers {
    
    padding-top: 0;
    }

  .mobileonly.bestsellers h2 {
    font-size: 30px;
    margin-top: 34px!important;
  }

  .bestsellbtmmobile {
    text-align: center;
  }

  .bestsellbtmmobile p.h2 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 22px;
  }

  .mobileonly.bestsellers {
      padding-bottom: 14px;
  }

  .bestsellers .custom__item.one-whole.align--center {
    background: transparent!important;
  }

  .custom-content, .custom__item-inner, .rte, img, image-element {
      background: transparent;
      background-color: transparent;
  }

    .bestsellers img {
    background: transparent!important;
  }

  .page-width.homecollections {
    padding-bottom: 30px;
  }

  .logo-bar__item {
    flex: 0 1 110px;
    margin: 0 0 20px;
  }

  .site-footer .grid__item {
      padding-bottom: 5px;
      width: 80%;
      margin: 0 auto;
      float: none;
  }

  .site-footer .grid__item:last-child {
      width: 100%;
      float: none;
  }

    .site-footer .collapsible-trigger-btn {
      padding: 12px 10px 8px 0;
  }

  .site-footer .collapsible-trigger__icon .icon {
      height: 16px;
      width: 16px;
  }

  .site-footer .collapsible-trigger__icon {
      height: 16px;
      width: 16px;
      top: 50%;
      transform: translateY(-50%);
  }

  .footer_logo { 
    display: flex;
    justify-content: center;
  }

  .template-product .announcement-bar {
    border-bottom: 1px solid!important;
  }

  .template-index div[id*='shopify-section-template'][id$='featured-collections'] {
    background-size: 100% 100%;
  }

  #insta-feed a, .instafeed-shopify a {
      width: 33% !important;
      position: relative !important;
      display: inline-block !important;
  }

      #insta-feed .instafeed-container, .instafeed-shopify .instafeed-container {
      display: inline-block;
      position: relative;
      width: 100% !important;
  }

  #insta-feed h2 {
    font-size: 36px;
  }
  
}

/*================ Product Ribbon ================*/

.wrapper-wood {
  background-image: url("/cdn/shop/files/optimized-wood-4.webp");
}

.wrap-container {
	 max-width: 1280px;
	 margin: 0 auto;
}
 @media screen and (max-width: 1440px) {
	 .wrap-container {
		 padding: 0 30px;
	}
}
 @media screen and (max-width: 1024px) {
	 .wrap-container {
		 padding: 0 20px;
	}
}
 .product-lineup-block {
	 position: relative;
	 padding: 70px 0;
	 border-top: 1px solid #d4d4d3;
	 background-repeat: repeat;
}
 @media screen and (max-width: 768px) {
	 .product-lineup-block {
		 padding: 50px 0 0;
		 margin-top: 0;
	}
   .footer_logo_socials {
    flex-direction: column;
   }
}
 .product-lineup-block h2 {
	 text-transform: uppercase;
	 font-size: 40px;
	 color: #0088a9;
	 font-family: "Cervo-Medium", Sans-Serif;
	 text-align: center;
	 margin: 0 auto 30px;
}
 .product-lineup-block .product-image-wrapper {
	 display: block;
	 margin: 0 auto;
	 width: 147px;
	 height: 156px;
	 position: relative;
}
 .product-lineup-block .product-image-wrapper img {
	 width: 147px;
	 height: 156px;
	 position: absolute;
	 top: 0;
	 left: 0;
}
 .product-lineup-block .product-img-hover {
	 opacity: 0 !important;
}
 .product-lineup-block .product-image-wrapper:hover .product-img {
	 opacity: 0 !important;
	 z-index: 80;
}
 .product-lineup-block .product-image-wrapper:hover .product-img-hover {
	 opacity: 1 !important;
	 z-index: 80;
}
 .product-lineup-block h4 {
	 margin: 30px auto 0;
	 text-transform: uppercase;
	 color: #125d6e;
}
 @media screen and (max-width: 768px) {
	 .product-lineup-block h4 {
		 font-size: 12px;
	}
}
 .product-lineup-block ul {
	 list-style-type: none;
	 margin: 0 auto;
	 padding: 0;
	 display: flex;
	 max-width: 900px;
}
 .product-lineup-block ul li {
	 margin: 0px auto 30px auto;
	 padding: 0;
	 text-align: center;
	 display: flex;
	 flex-basis: 16%;
}
 .product-lineup-block ul li a {
	 margin: 0 auto;
	 display: block;
}
 @media screen and (max-width: 768px) {
	 .product-lineup-block ul li {
		 max-width: 33%;
		 flex-basis: 33%;
	}
}
 @media screen and (max-width: 600px) {
	 .product-lineup-block ul li {
		 max-width: 50%;
		 flex-basis: 50%;
	}
}

.button--white {
    color: #00566b !important;
    background: #fff;
}

.button--white:hover {
    color: #fff !important;
    background: #1175cb;
}

 .quiz-ribbon {
	 width: 100%;
	 background-color: #5c117e;
	 color: #fff;
	 padding: 40px 0;
}
 .quiz-ribbon .wrap-container {
	 display: grid;
	 grid-template-columns: 85% 15%;
}
 @media screen and (max-width: 767px) {
	 .quiz-ribbon .wrap-container {
		 display: block;
		 grid-template-columns: 100%;
	}
}
 .quiz-ribbon h2, .quiz-ribbon h1 {
	 color: #fff;
	 font-size: 60px;
	 line-height: 1;
	 margin-bottom: 0;
	 padding-right: 15%;
}
 @media screen and (max-width: 767px) {
	 .quiz-ribbon h2, .quiz-ribbon h1 {
		 font-size: 32px;
		 margin-bottom: 30px;
	}
}
 .quiz-ribbon .quiz-toggle {
	 max-height: 100px;
}
 .quiz-ribbon-page .wrap-container {
	 display: block;
	 text-align: center;
}
 .quiz-ribbon-page h1 {
	 text-align: center;
	 margin: 0 auto;
	 padding: 0;
	 max-width: 80%;
}
 @media screen and (max-width: 768px) {
	 .quiz-ribbon-page h1 {
		 font-size: 32px;
	}
}
 .wrap-container-quiz.show-quiz {
	 display: block;
}
 .wrap-container-quiz {
	 max-width: 1280px;
	 margin: 100px auto;
	 display: none;
}
 .wrap-container-quiz p {
	 margin: 0;
	 font-family: PlutoRegular;
	 letter-spacing: 0.25px;
	 line-height: 24px;
	 font-size: 18px;
}
 .wrap-container-quiz h2 {
	 font-family: Cervo-Regular;
	 font-size: 40px;
	 line-height: 1em;
	 margin: 0 0 60px;
	 letter-spacing: 0.25px;
	 color: #5c117e;
}
 .wrap-container-quiz h3 {
	 font-family: Cervo-Regular;
	 font-size: 48px;
	 line-height: 1em;
	 text-align: center;
	 letter-spacing: 0.25px;
	 color: #095a6f;
	 margin: 0 0 30px;
}
 @media screen and (max-width: 768px) {
	 .wrap-container-quiz h3 {
		 font-size: 40px;
	}
}
 .wrap-container-quiz label {
	 position: relative;
	 font-family: PlutoRegular;
	 font-size: 20px;
	 line-height: 24px;
	 letter-spacing: 0.25px;
	 font-weight: 400;
	 padding-left: 40px;
	 cursor: pointer;
	 text-align: left;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 margin: 0 40px;
	 display: flex;
	 align-items: center;
}
 @media screen and (max-width: 767px) {
	 .wrap-container-quiz label {
		 margin: 20px 0;
	}
}
 .wrap-container-quiz input[type="radio"] {
	 position: absolute;
	 opacity: 0;
	 cursor: pointer;
}
 .wrap-container-quiz label input[type="radio"]:checked ~ .checkmark:after {
	 display: block;
}
 .wrap-container-quiz label .checkmark:after {
	 top: 3px;
	 left: 3px;
	 width: 13px;
	 height: 13px;
	 border-radius: 50%;
	 background: #095a6f;
}
 .wrap-container-quiz button[type="submit"] {
	 font-family: Cervo-Regular;
	 font-size: 20px;
	 line-height: 24px;
	 text-align: center;
	 letter-spacing: 0.25px;
	 color: #5c117e;
	 text-transform: uppercase;
	 border: 1px solid #5c117e;
	 border-radius: 5px;
	 cursor: pointer;
	 padding: 20px;
	 width: 250px;
	 position: relative;
	 margin: 50px auto;
	 background: none;
	 transition: 0.2s ease;
}
 .wrap-container-quiz button[type="submit"]:hover {
	 background: #5c117e;
	 color: #f6f6f6;
}
 .wrap-container-quiz button[type="submit"] svg {
	 position: absolute;
	 top: 27px;
	 right: 20px;
	 fill: #5c117e;
	 transition: 0.2s ease;
}
 .wrap-container-quiz button[type="submit"]:hover svg {
	 fill: #f6f6f6;
}
 @media screen and (max-width: 1440px) {
	/* padding:0 30px;
	 */
	 .wrap-container-quiz {
		 max-width: 964px;
	}
}
 @media screen and (max-width: 1024px) {
	 .wrap-container-quiz {
		 max-width: 707px;
	}
}
 @media screen and (max-width: 767px) {
	 .wrap-container-quiz {
		 max-width: 100%;
		 padding: 0 20px;
	}
}
 .wrap-container-quiz-page {
	 max-width: 100% !important;
	 margin: 0 auto;
}
 
 .quiz-wrap {
	 background: #f6f6f6;
	 padding-top: 40px;
	 padding-right: 40px;
	 padding-left: 40px;
	 text-align: center;
	 position: relative;
	 width: 100%;
}


.checkmark {
	 position: absolute;
	 top: 50%;
	 left: 0;
	 height: 23px;
	 width: 23px;
	 background-color: #fff;
	 border: 2px solid #1489a8;
	 border-radius: 50%;
	 transform: translateY(-50%);
}
 .checkmark:after {
	 content: "";
	 position: absolute;
	 display: none;
}
 .question-img-bg {
	 width: 100%;
	 height: 330px;
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 background-size: contain;
	 background-position: top center;
	 background-repeat: no-repeat;
}
 @media screen and (max-width: 1440px) {
	 .question-img-bg {
		 height: 248px;
	}
}
 @media screen and (max-width: 1024px) {
	 .question-img-bg {
		 height: 182px;
	}
}
 @media screen and (max-width: 767px) {
	 .question-img-bg {
		 height: 200px;
		 background-size: 100% auto;
		 background-position: bottom center;
	}
}
/* @media screen and (max-width:415px) {
	 .question-img-bg {
		 height: 110px;
	}
}
 */
 .results-heading {
	 font-family: Cervo-Regular;
	 font-size: 40px;
	 line-height: 1;
	 text-align: center;
	 letter-spacing: 0.25px;
	 text-transform: uppercase;
	 color: #095a6f;
	 margin: 0 0 20px 0;
}
 @media screen and (max-width: 767px) {
	 .results-heading {
		 font-size: 24px;
	}
}
 .results-text {
	 margin: 30px 0;
}
 .results-button {
	 font-family: Cervo-Regular;
	 font-size: 20px;
	 line-height: 24px;
	 text-align: center;
	 letter-spacing: 0.25px;
	 color: #f6f6f6;
	 text-transform: uppercase;
	 border-radius: 5px;
	 cursor: pointer;
	 padding: 20px;
	 min-width: 250px;
	 max-width: 320px;
	 position: relative;
	 margin: 50px auto;
	 background: #5c117e;
	 transition: 0.2s ease;
	 border: 0;
	 margin-top: 40px;
	 display: block;
}
 .results-button:hover {
	 background: #1489a8;
}
 .results-image {
	 width: 100%;
	 height: auto;
	 margin: 0 auto;
	 display: block;
}
 .bottom-padding {
	 padding-bottom: 330px;
}
 @media screen and (max-width: 1440px) {
	 .bottom-padding {
		 padding-bottom: 248px;
	}
}
 @media screen and (max-width: 1024px) {
	 .bottom-padding {
		 padding-bottom: 182px;
	}
}
 @media screen and (max-width: 767px) {
	 .bottom-padding {
		 padding-top: 60px;
		 padding-bottom: 200px;
	}
}
 .reset {
	 position: absolute;
	 top: 35px;
	 right: 45px;
	 border: none;
	 background: none;
	 text-transform: uppercase;
	 font-family: Cervo-Regular;
	 cursor: pointer;
	 color: #848484;
	 font-size: 18px;
	 line-height: 24px;
	 text-decoration: underline;
	 width: 100px;
}
 @media screen and (max-width: 1024px) {
	 .reset {
		 top: 10px;
		 right: 15px;
	}
}
 #previous {
	 position: absolute;
	 top: 45px;
	 left: 45px;
	 font-size: 18px;
	 line-height: 24px;
	 border: none;
	 background: none;
	 text-transform: uppercase;
	 font-family: Cervo-Regular;
	 cursor: pointer;
	 color: #1489a8;
	 text-decoration: underline;
}
 @media screen and (max-width: 1024px) {
	 #previous {
		 top: 10px;
		 left: 15px;
	}
}
 .flex {
	 display: flex;
	 flex-wrap: nowrap;
	 justify-content: center;
	 align-content: center;
}
 @media screen and (max-width: 800px) {
	 .flex {
		 display: inline-flex;
		 flex-direction: column;
	}
}