/** Shopify CDN: Minification failed

Line 7:9716 Unexpected "label"
Line 7:38327 All "@import" rules must come first

**/
ul,ol{ padding:0; }   .nector-rewards-widget-container {z-index: 9 !important;} .ful-width-video-div { position: relative; } .icon-box-section ul li  h2 {font-family: 'Montserrat' !important;} .template-customers-register .customer.register h1 { font-size: 52px; } .template-customers-register .customer.register h1 { font-size: 52px; } .template-customers-register .customer.register button { background: #333332; color: #fff; font-size: 16px; font-family: 'Montserrat', sans-serif; border-radius: 100px; padding: 13px 56px; text-transform: uppercase; text-decoration: none; border: none !important; } .template-customers-register .customer.register button:before, .template-customers-register .customer.register button:after { display:none; } body.padding_top main#MainContent { padding-top: 100px; } .ful-width-video-div .ply_btn { display:none; position: absolute; width: 100px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .full-with-video-section.paused .ply_btn { display: block !important; } .Key-Ingredients-section-inner { padding-top: 20px; } body .gw-drawer-placeholder-BR-wrapper{ right:0 !important; } .flx_prce { display: flex; align-items: center; gap:10px; margin-bottom:10px; } /* faq strt*/ .collapsible-content__header h2 { font-size: 30px; font-weight: 500; } .vertical-slider li { text-align: center; } .vertical-slider li { transform: translatey(-10px); transition: all 0.5s ease; } .vertical-slider li.slick-active { transform: translateY(0px); } .collapsible-content-wrapper-narrow summary h3.accordion__title { font-weight: 600; } .collapsible-content summary:hover { background: transparent !important; } .collapsible-content summary:hover .accordion__title { text-decoration: none !important; } .faq--heding h2 { margin: 0; } .faq--heding { margin-top: 65px; } .Accordion--wrp { margin-top: 65px; } .Accordion_txt h2:before { content: '\002B'; padding: 0 10px 0 0px; font-size: 20px; transition: 0.2s; } .Accordion_txt h2 { font-size: 14px; font-weight: 700; margin: 0; } .panel p { font-size: 14px; } .panel { transition: 0.3s; } /* faq end */ .full-with-video-section { padding: 0px 0px; } .template-index .butn { position: relative; top: -8px; } .template-index section.home-icon-section h1 { margin-top: 0; } .template-index h1.collagen-title { margin-top: 0; } .template-index section.home-icon-section { padding-bottom: 0px; } .template-product section.home-icon-section { padding-top: 0px; padding-bottom: 28px; } .template-product section.Supplements-Section { padding-bottom: 0 !important; } .template-product .product-form__submit { margin-bottom: 1rem; border: 1px solid #fc7939; color: #fc7939 !important; border-radius: 25px!important; } .template-product span.ofrtrext+span+span.privSizelp.product__price.sale-price { font-weight: 100; font-size: 22px; } .template-product span.product__price.product__price--compare{ padding-right: 5px; display: inline-block; text-decoration: line-through; font-size: 26px; } .template-product fieldset.product-form__input .form__label { font-weight: 900; margin-bottom: 24px; } .product-form__input input[type=radio]+label { background: transparent  !important; box-sizing: border-box; box-shadow: none; border: 3px solid #fff !important; margin: 0 8px 12px 0 !important; border-radius: 0px !important; } ul.bottom--lists li:nth-child(even) { text-align: right; justify-content: flex-end; } .template-product .product-form__input input[type=radio]:checked+label {background-color: #fbb18e !important; color: #000 !important; border: 3px solid #fbb18e !important; } body .section-header { position: absolute !important; } body.template-product .section-header,body.template-collection .section-header,body.template-blog .section-header,.template-search .section-header,body.policy-grid .section-header{ background: #fff; position: static !important; } body.template-product .thumbnail { /* border-radius: 4px 38px 4px 4px !important; */ } body.template-product  .product-media-container.constrain-height.media-fit-contain { border: none; } /* body.template-product .product-media-container.constrain-height .media { border-radius: 4px 190px 4px 4px; } */ details[open]>.header__submenu { background: #fff; } .modal__close { border: 0; padding: 20px; position: fixed; top: 0; right: 0; color: #fff; background: transparent; } body.template-product .shopify-section.index-section--hero { overflow: hidden; } p.onspecial--sale { margin-top: 10px; font-weight: 500; } .section-header .gradient { background: transparent; } sticky-header.header-wrapper { background: transparent; } .section-header { position: fixed !important; width: 100%; background: transparent; } .grid-product__tag.grid-product__tag--custom.left-side { left: 0; right: auto; } .grid-product__tag.grid-product__tag--custom.left-side.dark-text-section { color: #000; } span.ofrtrext { font-size: 22px; font-weight: 500; letter-spacing:0px; } .scroll-intrnal ul { margin: 0; padding: 0; display: block; white-space: nowrap; list-style: none; overflow: scroll; } .scroll-intrnal { padding-top: 19px; padding-bottom: 15px; } .scroll-intrnal li span { font-size: 22px; } .scroll-intrnal ul::-webkit-scrollbar { width: 0px; } .scroll-intrnal { overflow: hidden; } .scroll-intrnal ul li { width: 19%; text-align: center; display: inline-block; } .scroll-intrnal ul li img{ display: block; max-width: 65px; margin: auto; text-align: center; margin-bottom: 8px; display: block; } span.privSizelp { font-size: 18px; } body.template-product  .product__thumb-item.slick-current ,body.template-product  .product__thumbs .image-wrap{ border-radius: 4px 38px 4px 4px !important; } body.template-product .product__photos .image-wrap{ border-radius: 4px 190px 4px 4px; } body.template-product .variant-wrapper.variant-wrapper--button.js .variant-input-wrap label { background: transparent; } body.template-product .variant-wrapper.variant-wrapper--button.js .variant-input-wrap label { background: transparent; box-sizing: border-box; box-shadow: none; border: 3px solid #fff; } body.template-product .variant-wrapper.variant-wrapper--button.js  .variant-input-wrap input:checked+label{ background: #fff; } .video--wrapper { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 99999; top: 0; left: 0; align-items: center; justify-content: center; } body.template-product .payment-buttons { display: flex; flex-direction: column-reverse; gap: 16px; } body.template-product button.shopify-payment-button__button { background: #fc7939 !important; } body.template-product  button.btn.btn--full.add-to-cart.add-to-cart--secondary { border: 1px solid #fc7939; color: #fc7939 !important; } .video--data { width: 600px; height: 400px; } .video--data iframe { width: 100%; height: 100%; } .fxed button { font-size: 14px; color: #fff; width: 200px; font-weight: 700; border: none; min-height: 45px; border-radius: 5px!important; background: #fd7939; text-transform: uppercase; } body.template-product  .linetouchhead { width: 100%; height: 1px; padding-top: 0; position:absolute; bottom: 27px; width: 100%; left: 0; right: 0; } .product-single__meta { position: relative; } /* body.template-product.sticky_form  div#epb_container { display: none !important; }  */ .fxed { position: fixed; width: 100%; left: 0; bottom: 0; background: #f3f7f3; padding: 4px 0; text-align: center; z-index: 9; transition: all .5s; display: flex; justify-content: center; align-items: center; gap: 23px; color: #fff; transform: translateY(150px); padding: 9px 0; } body.template-product.sticky_form   .fxed { display:flex; bottom: 0; transform: translateY(0px); } .sticky-d-flex-div { display: flex; justify-content: space-between; width: 100%; padding: 0px 85px; align-items: center; } .quan-btn-div { display: flex; align-items: center; gap: 15px; } .sticky-d-flex-div .product-title-custom h2 { color: #000; border-right: 1px solid #000; padding-right: 30px; margin: 0; line-height: 20px; } /* body.template-product.sticky_form button.btn.btn--full.add-to-cart.add-to-cart--secondary{ margin: initial; } */ /* body.template-product.sticky_form  button.btn.btn--full.add-to-cart.add-to-cart--secondary { width: 200px; font-weight: bold; border: none; min-height: 45px; border-radius: 0px !important; } */ body.template-product .variant-input-wrap label li { width: 100%; height: 100%; } .fading-images__itemnew { position: absolute; width: 100%; opacity: 1; height: 100%; background-size: cover; } body.template-product div#shopify-section-template--15220446429365__163949890074b42882 .active-image.lazyloaded { animation: none !important; opacity: 1; } body.template-product .fading-images-overlay__title.fading-images-overlay__title--1,body.template-product .fading-images-overlay__title.fading-images-overlay__title--2 { animation: none !important; } body.template-product .variant-input span.tooltiptext { width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 114%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 1s; font-weight: 700; } body.template-product .variant-input-wrap label:hover .tooltiptext,body.template-product .variant-input-wrap input[type=radio]:checked+label .tooltiptext{ visibility: visible; opacity: 1; } body.template-product span.discountSave { padding: 11px 11px; font-size: 14px; position: relative; top: -5px; font-weight: 700; } span.light-text-section.privSizelp.discountSave span.dscntrate { color: #fff; } span.havebrektop.discountSave { top: 0 !important; margin-top: 3px; display: table; } span.ofrtrext+span+span.privSizelp.product__price.sale-price { font-weight: 700; } body.template-product .variant-input-wrap input[type=radio]label:hover .tooltiptext{ bottom: 110% !important; } body.template-product .variant-input-wrap input[type=radio]:checked+label:hover .tooltiptext{ bottom: 114% !important; } .productSliderrparent { display: flex; gap: 20px; } .slidesImagelbock { display: flex; align-items: center; } .productImageSlides h3 { text-align: center; font-weight: 700; } body.template-product .variant-wrapper.variant-wrapper--button.js { padding: 0; } body.template-product span.product__price.product__price--compare { color: #0dab76; } body.template-product .variant-input-wrap label:hover .tooltiptext{ bottom: 113%; z-index: 2; } body.template-product  .variant-wrapper.variant-wrapper--button.js label.variant__label { width: 100%; } body.template-product .variant-wrapper.variant-wrapper--button.js { display: flex; align-items: center; gap: 20px; margin: 9px 0; padding-top: 24px; padding-bottom: 8px; justify-content: flex-start; flex-wrap: wrap; } body.template-product button.btn.btn--full.add-to-cart.add-to-cart--secondary,body.template-product .shopify-payment-button .shopify-payment-button__button { border-radius: 25px!important; } body.template-product .payment-buttons { transition: all .5s ease; margin-top: 21px; } body.template-product .variant-input-wrap { display: flex; gap: 22px; margin: 0; } body.template-product .variant-input-wrap span.tooltiptext:before { content: ""; position: absolute; top: 100%; bottom: auto; left: 50%; right: auto; color: transparent; font-size: 16px; font-family: FontAwesome; line-height: 5px; -webkit-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -sand-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #000; } h1.h2.product-single__title { font-weight: revert; font-size: 50px; } .belowAddcrtshp { text-align: center; margin-top: 27px; } .variant-wrapper.variant-wrapper--button.js label.variant__label { pointer-events: none; } .variationData:after { content: "▼"; padding: 5px 8px; position: absolute; right: 10px; top: 0; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; bottom: 0; margin: auto; } #addscroll{ width:100%; height:0.1px; } .variationData { font-weight: 600; display:flex; gap: 10px; width: fit-content; border:1px solid #000; padding: 4px 9px; border-radius: 5px; cursor: pointer; position: relative; padding-right: 29px; color: #000; font-size:14px; min-height: 44px; align-items: center; } .js-drawer-open div#PageContainer { position: relative; z-index: 9; } /* body.template-product.sticky_form .variationData { display: flex; } */ section.home-banner-section.light-text-section h1 { color: #fff; } section.home-banner-section.light-text-section p { color: #fff; } .home-icon-section.light-text-section h2,section.home-icon-section.light-text-section p,section.home-icon-section.light-text-section h1{ color: #fff; } .prodtitle { font-weight: revert; font-size: 29px; font-weight: 600; } .mob--headng { margin-bottom: 23px; } .small--img-icon { text-align: right; position: absolute; right: 0; margin-top: -53px; margin-right: 49px; } .small--img-icon img { border-radius: 0 !important; width: 100px; } section.home-icon-section.blog-home h1 { margin-top: 53px; } .offr--img { margin-top: 21px; width: 100%; height: 160px; background-size: cover; background-repeat: no-repeat; } .product-form__submit::before,.product-form__submit::after ,body.template-product .shopify-payment-button .shopify-payment-button__button::after, body.template-product .shopify-payment-button .shopify-payment-button__button:before{ display:none; } /* 14-03-24 */ body.template-customers-account .customer.account { margin-top: 0px; } .benefit--area .internal-benefit { padding-bottom: 0px; } .flex-benefit li:nth-of-type(7), .flex-benefit li:nth-of-type(8) { margin-bottom: 0px; } .flex-benefit ul li { width: calc(33% - -3px); } .How-we-are-secttion h1 { margin-top: 0px; } .shpping-inner-section ul li H2 { margin-bottom: 0px; margin-top: 0px; } /* 17-04-24 */ body.template-product .benefit--area h2, body.template-product .How-we-are-secttion .How-we-are-secttion-top h1, body.template-product section.home-icon-section h1, body.template-product .faq-section h1.collagen-title, body.template-product .jdgm-review-widget .jdgm-rev-widg h2.jdgm-rev-widg__title, .video-slider h2, .image-text-popup-section h2 { font-size: 50px; font-weight: 800; font-family: 'Montserrat'; text-align: center; margin-top: 0px; margin-bottom: 0px; } .image-text-popup-section { padding: 60px 0px 0px; } body.template-product .product .product__info-wrapper.grid__item .product__description.rte.quick-add-hidden { margin: 0; padding-bottom: 10px; } .slider__main { margin-top: 35px; } body.template-product  .scroll-intrnal li span,body.template-product p, body.template-product .Shipping-Bar .shpping-inner-section h2, body.template-product .benefit--area .internal-benefit span, body.template-product .How-Use-section .home-icon-inner-section .icon-box-section h2, body.template-product .How-we-are-secttion.inner-left ul li, body.template-product .Key-Ingredients-section .answer { font-size: 1.6rem !important; font-weight: 400 !important; line-height: 1.4 !important; font-family: 'Montserrat'; } body.template-product .Key-Ingredients-section .question, body.template-product .faq-section .faq-que { font-size: 16px; font-weight: 400; font-family: 'Montserrat'; } .icon-with-text-section .icon-with-text-dflex { flex-wrap: wrap; display: flex; gap: 0.1em; } .icon-with-text-section .icon-with-text-cont-div { flex: 0 0 33%; display: flex; align-items: center; column-gap: 0.5em; padding-right: 0.5em; --product-info-gap: 1em; } .icon-with-text-section .img-text-div p { font-size: 13px !important; margin: 0; } .icon-with-text-section .img-text-div { align-items: center; column-gap: 0.9rem; padding: .375rem .5rem; display: inline-flex; font-size: 13px; } .icon-with-text-section  .img-text-div img { width: 32px !important; max-width: 100%; height: 32px; object-fit: contain; } body.template-product .product .product__info-wrapper.grid__item .product--price--cstm span.privSizelp.product__price-wrap- span#ComparePrice- { color: #8b8a8a; font-size: 18px; } body.template-product span.discountSave span.dscntrate.plp { color: #fff !important; font-size: 15px; font-weight: 400; } body.template-product span.discountSave { background: #fc793a !important; padding: 0 15px; color: #fff; } body.template-product .Shipping-Bar { width: 100%; padding: 12px 0; padding-bottom: 8px; } body.template-product .benefit--area { padding: 30px 0 34px; } .item__video iframe { width: 100%; height: 480px; } .video-slider { overflow: hidden; } .video-slider .slick-track { display: flex; gap: 10px; } .video-slider button.slick-prev.slick-arrow { left: 10px; opacity: 1; z-index: 9999; top: 50%; } .video-slider button.slick-next.slick-arrow { right: 23px; top: 50%; } .video-slider button.slick-prev.slick-arrow::before { font-size: 35px; } .video-slider button.slick-next.slick-arrow::before { font-size: 35px; opacity: 1; } .item__video video { width: 240px; border-radius: 8px; height: 400px; background: #000; object-fit: cover; } .video-cont-div { position: absolute; bottom: 10px; left: 16px; } .item__video::before { position: absolute; content: ""; width: 100%; height: 100%; background-image: linear-gradient(transparent, #00000099); opacity: 0.3; background-image: linear-gradient(-42deg, #0000008f, #ffffff00); border-radius: 8px; } .item__video:hover::before { opacity: 1; background-image: linear-gradient(#ffffff00, #000000); height: 144px; bottom: 0px; } .item__video { position: relative; display: flex; border-radius: 8px; } .video-slider .video-cont-div p { color: #fff; font-weight: bold !important; font-size: 22px !important; margin: 0; text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 4px; } .video-slider { background: #f3f7f3; padding: 63px 0px 90px; } iframe#kiwi-big-iframe-wrapper { z-index: 9 !important; } .anouncement-bar-slider i.fas.fa-angle-right.clr-gry.slick-arrow { position: absolute; color: #fff; top: 30%; left: 18%; z-index: 999; transform: rotate(-180deg); cursor: pointer; } .anouncement-bar-slider i.fas.fa-angle-left.clr-gry.slick-arrow { position: absolute; right: 18%; transform: rotate(180deg); top: 30%; color: #fff; cursor: pointer; } .announcement-bar-section { background: #000; } .announcement-bar-section p.announcement-bar__message.center.h5 { font-size: 12px !important; font-weight: 600 !important; } .flx_prce span.havebrektop { margin-top: 0px; } body.template-product .product .product__info-wrapper.grid__item p.product__text.inline-richtext.caption-with-letter-spacing { font-size: 13px !important; } body.template-product .How-Use-section .home-icon-inner-section .icon-box-section h2 { margin-top: 8px; } body.template-product .home-CollagenRange-inner-section .faq-section-inner { margin-bottom: 42px; margin-top: 13px; } .scrolling--gif { display: block; width: 100%; clear: both; } body.template-product .scrolling--gif .scroll-intrnal { padding:22px 0px 22px; padding-top:0; } body.temp--whatiscol ,body.template-index ,body.temp--contact ,body.temp--faq, body.template-article { padding-top: 37.59px; } body.temp--whatiscol .announcement-bar-section , body.template-index .announcement-bar-section , body.temp--contact .announcement-bar-section , body.temp--faq .announcement-bar-section,  body.template-article .announcement-bar-section  { margin-top: -37.5px; } body.template-product .How-we-are-secttion .How-we-are-secttion-top .page-width { height: 100%; } body.template-product .How-we-are-secttion .How-we-are-secttion-top h1 { padding-top: 0px; display: flex; align-items: center; justify-content: center; height: 100%; } .play-button-wrapper svg { color: #fff; width: 50px; height: 50px; } .play-button-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: auto; opacity:0; pointer-events: none; } #circle-play-b { cursor: pointer; pointer-events: auto; } .item:hover .play-button-wrapper { /* opacity: 0; */ } .template-product section.Key-Ingredients-section.home-icon-section { padding: 27px 0px 40px; } video#full-video { width: 100%; height: fit-content; display:block; } body.template-product .How-we-are-secttion .How-we-are-secttion.inner { margin-bottom: 0px; } .full-width-image-section img { width: 100%; /* height: 500px; */ height: auto; object-fit: contain; } .full-width-image-inner-div { display: flex; } .item__video.ply .play-button-wrapper { opacity:1; } .full-width-image-section { display: flex; width: 100%; clear: both; margin-bottom: 0px; } .full-width-image-inner-div { width: 100%; } .marque-banner-div { position: relative; overflow: hidden; } .template-product .ingrdient--img { padding-bottom: 0px !important; } body.template-product .Key-Ingredients-section { padding-top: 14px !important; padding-bottom: 0px !important; } body.template-product .How-Use-section .home-icon-inner-section { margin-top: 26px; } body.template-product .Key-Ingredients-section-cust { padding-bottom: 43px !important; } .marque-banner-div { clear: both; background:#fff !important; } .image-text-popup-section .image-text-popup-dflex { display: flex; flex-wrap: wrap; gap: 30px; row-gap: 14px; } .image-text-popup-section .image-text-popup-dflex .image-text-popup-col { width: calc(33.33% - 20px); display:none; } .image-text-popup-content h3 { font-size: 14px; font-style: italic; letter-spacing: .05em; color: #909394; margin-bottom: .325em; font-weight: 600; } .image-text-popup-content p { font-size: 26px; } body.template-product .image-text-popup-section .image-text-popup-content p { font-size: 13px !important; font-weight: 900 !important; margin: 0px; text-transform: uppercase; font-family: 'Montserrat' !important; } .image-text-popup-section svg { position: absolute; right: 1.375rem; top: 1.375rem; z-index: 1; } .main-over-lay-div.active { display: block !important; } .ingredient-image { position: absolute; bottom: 0; right: 0; text-align: end; overflow: hidden; } .image-text-popup-content { /* background: linear-gradient(to right, #ffe1e4 0%, #ffe1e4 100%); */ border-radius: 5px; position: relative; height: 100%; padding: 12px 0px; cursor: pointer; text-align: center; display: flex; justify-content: center; } .ingredient-image img { display: block; margin-left: auto; width: 15%; height: auto; transition: all .3s ease; } .pop-active .main-over-lay-div.active { display: none !important; } .image-text-popup-content:hover img { transform: scale(1.05); } .image-text-popup-content:hover img { translate: inherit; transform: translateX(-5px) translateY(-5px); } .ing-content-wrapper { display: flex; flex-direction: column; justify-content: center; } .image-text-popup-section h2 { margin-bottom: 36px; } /* popup */ .main-over-lay-div { background: #3636369e; bottom: 0; left: 0; /* overflow: hidden; */ position: fixed; right: 0; top: 0; z-index: 9; transition: all 0.5s ease; } .prod-page-img-popup { background-image: url(/cdn/shop/files/pop-back.webp?v=1714142807); max-width: 70%; border-bottom: 20px; border-radius: 8px; padding: 40px 70px; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99; background-color: #fff; } .prod-page-img-popup::before { content: ''; height: 100%; width: 100%; background-color: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; } .prod-page-img-popup .close-div { position: absolute; top: 20px; right: 20px; z-index: 999999999; } .prod-page-img-popup .close-div img { width: 20px; } .close-div img { cursor: pointer; } .prod-page-img-popup h6.ingredient-origin { font-size: 16px; font-style: italic; letter-spacing: .05em; color: #fff; margin-bottom: .325em; margin-top: 0px; } h4.ingredient-name { font-size: 26px; font-weight: 600; margin-bottom: 0; margin-top: 0px; color: #fff; text-align: center; } h6.ingredient-quantity { font-size: 20px; margin: 0; margin-top: 10px; color: #fff; } .ing-content-header { border-bottom: 1px solid lightgray; margin-bottom: .5em; padding-bottom: .5em; } .prod-page-img-popup ul { margin: 0; list-style: none; } .prod-page-img-popup ul li { font-size: 16px; font-weight: 600; text-align: center; } .prod-page-img-popup ul b { font-size: 20px; } a.lm-link { position: absolute; bottom: 1.75em; text-decoration: underline; color: #000; display: block; font-weight: 600; font-size: 16px; } .ing-content-wrapper { min-height: 392px; color: #fff; } .ingredient-image { bottom: -24px; right: -17px; } .image-text-popup-btn { display: flex; justify-content: center; margint-: 40px; padding-top: 30px; padding-bottom: 30px; } .hidedesktop .image-text-popup-btn.desktop-ver { display: flex; } .image-text-popup-btn.desktop-ver { display: none; } .image-text-popup-btn a.now-more { padding: 10px 56px; } .hidedesktop .image-text-popup-btn.desktop-ver { display: flex; } body.template-cart .title-wrapper-with-link.w3_bg {margin-top: 0px;} body.template-cart .title-wrapper-with-link.w3_bg h1.title.title--primary {font-size: 52px;} .template-customers-account .account h1.customer__title { font-size: 52px; } @media only screen and (min-width:767px){img.mobile-img {display:none;} .image-text-popup-section .image-text-popup-dflex .image-text-popup-col:nth-child(-n+6) { display: block; } body .scrolling--gif ul {display: contents;} body.template-product .benefit--area .flex-benefit ul li { width: 25%; } .scrolling--gif .scroll-intrnal { padding-bottom: 13px; } .product.product--medium.product--left{ gap: 80px; } .grid__item.product__media-wrapper{ max-width: 55%; width: calc(50% - 80px) !important; } .template-product  .product__info-wrapper.grid__item { padding-left: 0px; } .CollagenRange-section ul { display: flex; } section.home-icon-section.Supplements-Section .home-icon-inner-section .icon-box-section ul li img { max-width: 100%; } .btom-none-desk{ padding-bottom:0 !important; } .modal__close { padding: 40px; } .CollagenRange-section.FuelRange ul li { display: flex; flex-direction: column; justify-content: space-between; } header.header.header--middle-left { display: flex; justify-content: space-between; } .icon-box-section ul li h2 { min-height: 50px; } section.home-banner-section.Better-ingredients .home-banner-box-section h1 { max-width: 450px; } section.home-banner-section,section.home-icon-section,.home-CollagenRange-section,.home-CollagenRange-section,section.home-banner-section.Better-ingredients,section.home-icon-section.Supplements-Section, section.home-icon-section.review-section,.home-icon-section.blog-home{ float:none !important; } .How-we-are-secttion-top img { width: 581px; } .How-we-are-secttion.inner-left ul.ul-top li { text-align: center; } section.home-icon-section.Supplements-Section .home-icon-inner-section { background: #fff; border-radius: 20px; padding: 40px; width:666px; max-width: 100%; margin: auto; } .hide--desktop{ display:none; } .variationData:after { top: 13px; } /*   body.template-product.sticky_form .payment-buttons { padding: 9px 0; } body.template-product.sticky_form .variationData { min-height: 45px; } */ .feature-row__text--left { padding-right: 80px; } div#shopify-section-footer .grid { display: flex; justify-content: center; } } @media only screen and (max-width:767px){.desktop-img {display:none !important;} .collerange .page-width.w3_bg {padding: 0px;} .collerange  .CollagenRange-section.w3_bg {padding: 0px 20px;} .collerange h1.collagen-title { padding-left: 20px; margin-bottom: 15px !important;} body.template-cart .title-wrapper-with-link.w3_bg h1.title.title--primary {font-size: 40px;} body.template-product iframe#kiwi-big-iframe-wrapper { bottom: 80px !important; } body.template-product #nector-rewards-widget-container { bottom: 90px; } .template-customers-account .account h1.customer__title { font-size: 40px; } .product-title-custom { display: none; } .sticky-d-flex-div { display: block; width: auto; padding: 0px; align-items: center; } .quan-btn-div { gap: 0px; } .template-customers-register .customer.register h1 { font-size: 40px; } .slider.slider--mobile { margin-bottom: 0rem; } .image-text-popup-section .image-text-popup-dflex .image-text-popup-col:nth-child(-n+3) { display: none; } .hidembile .image-text-popup-btn.desktop-ver { display: flex !important; } .image-text-popup-section h2 { padding-top: 20px; } .thumbnail-slider .thumbnail-list.slider li { width: 10px; height: 10px; } .thumbnail-slider .thumbnail-list.slider   .thumbnail[aria-current] { border-color: transparent; } .thumbnail-slider .thumbnail-list.slider { justify-content: center; gap: 5px; } .thumbnail-slider  button.slider-button { display: none !important; } .thumbnail-slider .thumbnail-list.slider li img { display: none; } .thumbnail-slider .thumbnail-list.slider li button { border-radius: 100%; } .thumbnail-slider .thumbnail-list.slider li span.thumbnail__badge{ display:none; } .slider-buttons.no-js-hidden.quick-add-hidden { display: none; } body.template-product .image-text-popup-section .image-text-popup-content p { font-size: 18px !important; } .prod-page-img-popup { max-width: 100%; padding: 20px 20px; width: 90%; } .image-text-popup-section { padding: 26px 0px 0px; } h4.ingredient-name { font-size: 22px; } .prod-page-img-popup h6.ingredient-origin { font-size: 16px; line-height: 1.3; } .prod-page-img-popup .close-div img { width: 15px; } .prod-page-img-popup .close-div { top: 10px; right: 10px; } .image-text-popup-content { padding: 30px 28px; } .image-text-popup-section h2 { font-size: 24px; margin-bottom: 17px; } .image-text-popup-section .image-text-popup-dflex { flex-direction: column; } .image-text-popup-section .image-text-popup-dflex .image-text-popup-col { width: 100%; } .bottom--lists li:nth-of-type(even) { padding-left: 18px !important; } body.template-product .Key-Ingredients-section .question, body.template-product .faq-section .faq-que { font-weight: 400 !important; } body.template-product .Key-Ingredients-section-cust .Key-Ingredients-section-inner h1, body.template-product .faq-section h1.collagen-title { text-align: center !important; width: 100%; } .slider__main  .slick-list{padding:0px 12% 0 0 !important} .item__video video { width: 100%; } .video-slider { background: #f3f7f3; padding: 28px 0px 35px; } .slider__main { margin-top: 10px; } .home-icon-inner-section.how-to-use-cut-div { margin-top: 43px !important; } .video-slider .slick-list { padding: 0 30% 0 0; } .template-product main#MainContent>section>section{ padding-top: 0px !important; } .grid--peek.slider .grid__item:first-of-type { margin-left: 0px !important; } video#full-video { height: auto; } body.template-product .faq-section { padding-top: 20px !important; } body.template-product .How-Use-section .home-icon-inner-section { margin-top: 15px; } body.template-product .Supplements-Section { padding-top: 43px !important; } .full-width-image-section img.desktop-img { display: none; } .full-width-image-section img.mobile-img { display: block !important; height: auto; } .full-width-image-section { padding: 0px 0px 0px; clear: both; margin-bottom: 0px; } body.template-product .How-we-are-secttion .How-we-are-secttion.inner { margin-bottom: 0px; } body.template-product .Key-Ingredients-section-inner h1 { margin-bottom: 10px !important; } .full-with-video-section { padding: 0px; clear: both; } body.template-product .home-icon-section.How-Use-section.ingrdient--img { margin: 0px 0px 0px; } body.template-product .Key-Ingredients-section.home-icon-section { padding: 0px 0px 27px !important; clear: both; } .full-with-video-section .page-width { padding-left: 0px; padding-right: 0px; overflow: visible; } body.template-product .Shipping-Bar .shpping-inner-section ul li h2 { font-size: 11px !important; } body.template-product .product .product--price--cstm .flx_prce span.privSizelp.product__price-wrap- span { font-size: 18px; } body.template-product .Shipping-Bar .shpping-inner-section ul li img { width: 50px; } body.template-product .How-we-are-secttion.inner-left ul.ul-top li:nth-of-type(1) { margin-left: -3px; } body.template-product .How-we-are-secttion.inner-left ul.ul-top li:nth-of-type(2) { margin-right: -3px; } .anouncement-bar-slider i.fas.fa-angle-right.clr-gry.slick-arrow { left: 0px; } body.template-product .product .product__info-wrapper span.ofrtrext { font-size: 22px; font-weight: 100; } body.template-product .product .product__info-wrapper.grid__item .product--price--cstm span.privSizelp.product__price-wrap- span#ComparePrice-, body.template-product span.discountSave span.dscntrate.plp { font-size: 18px; } .flx_prce { margin-bottom: 11px; } .template-product span.ofrtrext+span+span.privSizelp.product__price.sale-price { font-size: 22px; font-weight: 100; } .flx_prce span.privSizelp.product__price-wrap- { font-size: inherit; } .anouncement-bar-slider i.fas.fa-angle-left.clr-gry.slick-arrow { right:0%; } /* .video-slider .slick-list { padding: 0 30% 0 0; } */ .video-slider h2 { font-size: 24px; margin-bottom: 17px; } button.slick-prev.slick-arrow.slick-disabled { opacity: 0; } .video-slider .slick-track { display: flex; gap: 10px; /* width: 100% !important; */ } .video-slider .item { width: 100% !important; } body.template-product .icon-with-text-section .icon-with-text-cont-div { flex: 0 0 49% !important; } body.template-product .How-we-are-secttion.inner-left ul.ul-top { display: flex; justify-content: space-between; } body.template-product .How-we-are-secttion.inner-left ul.ul-top li { text-align: center; padding: 0; } body.template-product .template-product .product-form__input input[type=radio]+label { margin: 0 5px 12px 0 !important; font-size: 13px !important; } body.template-product .benefit--area { padding: 26px 0 26px; } .Shipping-Bar h2 { margin-bottom: 0px; } .header h1.header__heading { padding-left: 43px; } body.template-index .header .header__heading-logo-wrapper { padding-left: 0px; } .header .header__heading-logo-wrapper { padding-left: 45px; } .scrolling--gif .scroll-intrnal { padding-bottom: 22px; } .benefit--area .internal-benefit { padding-bottom: 0px !important; padding-top: 15px !important; } .flex-benefit li:nth-of-type(7), .flex-benefit li:nth-of-type(8) { margin-bottom: 0px; } /* 14-03-24 */ body.template-customers-account .customer.account { margin-top: 0px; } .template-index .butn { margin-bottom: 40px; } .scroll-intrnal ul { overflow: hidden; overflow-x: auto; } .scroll-intrnal ul::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .scroll-intrnal ul::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ .scroll-intrnal ul::-webkit-scrollbar-thumb:hover { background: #555; } .template-product fieldset.js.product-form__input { display: flex; flex-wrap: wrap; } .template-product  section.home-icon-section h1 { margin-top: 30px; } .template-product section.home-CollagenRange-section h1.collagen-title { margin-top: 0; } header.header { display: flex; justify-content: space-between; } .How-we-are-secttion-top img { max-width: 100%; } .close--drawer svg { width: 20px; position: absolute; top: 14px; right: 22px; } div#menu-drawer { z-index: 99; background: #fff; top: 0; } .image-color-box p { font-family: robot; font-weight: 400; font-size: 15px; line-height: 25px; margin-bottom: 32px; } .image-color-box { padding: 38px 11px; } section.mob-top-padingh1.collagen-title { margin-top: 0 !important; } section.mob-top-pading { padding-top: 0px !important; } section.home-icon-section { padding-bottom: 0 !important; } .youtube_video img { max-width: 100%; } .offr--img{ height:120px; } span.light-text-section.privSizelp.discountSave span.dscntrate { color: #fff; font-size: 14px; } span.ofrtrext { font-size: 19px; } .internal-benefit { padding:35px 11px !important; } .Shipping-Bar { padding: 18px 0 9px !important; } h1.h2.product-single__title{ display:none; } .flex-benefit ul li { width: 50% !important; } .product-single__meta { display: flex; flex-direction: column; } body.template-product .variant-input-wrap  .variant-input { width: 33%; } .flex-benefit ul li img { width: 58px !important ; height: 58px !important ; } .product-single__form { display: flex; flex-direction: column; } body.template-product .variant-input-wrap { display: flex; gap: 7px; margin: 0; width: 100%; } body.template-product .variant-wrapper.variant-wrapper--button.js .variant-input-wrap label { margin-right: 0; width: 100%; text-align: center; } h1.h2.product-single__title { order: 8; } section.descriptionProduct { order: 4; margin-top: 30px; } body.template-product .variant-wrapper.variant-wrapper--button.js { order: 2; gap: 0; padding-top: 6px; } .product--price--cstm { order: 1; } body.template-product .payment-buttons { transition: all .5s ease; margin-top: 0; order: 3; } body.template-product  .feature-row__item.feature-row__text.feature-row__text--left.larger-text { padding-left: 24px; } body.template-product .productImageSlides.dthtemplate--15220446429365__1640006054abc13281 { margin-bottom: 58px; } h1.h2.product-single__title { font-size: 30px; } body.template-product span.discountSave{ } .privSizelp, .privSizelp > * { font-size: 23px; } body.template-product  .content--tbs { margin-top: 30px; } body.template-product .fxed { padding: 7px 0; gap: 4px; } body.template-product .fxed  { display: flex; bottom: 0; /* transform: translateY(0px); */ } .fxed button { margin-left: 1em; letter-spacing: .0625rem; font-family: 'Montserrat'; width: 160px; border-radius: 5px!important; padding: 0; font-size: 11px; max-height: 44px; line-height: 0; box-sizing: border-box; min-height: 47px; font-size: 13px; font-weight: 600; text-transform: capitalize; } .staticVariations { width: fit-content; } body.template-product.sticky_form .variationData { display: flex; padding-left: 9px; padding-right: 7px; padding-top: 10px; padding-bottom: 10px; border-radius: 5px !important; color: #000; border: 1px solid #000; border: 1px solid #000; min-height: 44px; font-weight: 600; font-size: 13px; width: 100%; gap: 5px; margin-right: 22px; } .variationData:after{ top: 12px; } .image-text-popup-section .image-text-popup-dflex .image-text-popup-col:nth-child(-n+3) { display: block; } } /***********************************  07-13-2022 ********************************/ @import url('https://fonts.googleapis.com/css2?family=Alata&family=Open+Sans:wght@300;400;500&family=Roboto:wght@300;400;500;700&display=swap'); ul.list-menu.list-menu--inline li a { text-transform: uppercase; text-transform: uppercase; text-decoration: none !important; border: none !important; text-transform: inherit; } ul.list-menu.list-menu--inline li span{ text-decoration: none !important; } section.home-banner-section { background: #ffc0a8; float: left; width: 100%; padding-top: 134px; margin-top: 0; overflow: hidden; } footer.site-footer { float: left; width: 100%; } .home-banner-inner-section { display: flex; align-items: center; } .home-banner-box-section { width: 100%; max-width: 50%; display: inline-block; float: left; overflow: hidden; } .home-banner-box-section h1 { font-family: 'Alata', sans-serif; font-weight: 600; font-size: 70px; text-transform: none; color: #333332; } .home-banner-box-section p { font-family: 'Montserrat'; font-size: 21px; color: #000; } a.shop-now { background: #fc7a3a; color: #fff; padding: 16px 36px; float: left; border-radius: 100px; font-family: 'Montserrat', sans-serif; font-size: 19px; text-transform: uppercase; box-shadow: 4px 4px #fbfbfb; margin-bottom: 5px; cursor: pointer; text-decoration: none; } a.shop-now:hover { background: #fff; color: #fc7a3a; box-shadow: 4px 4px #fc7a3a; } .home-banner-box-section img { width: 100%; margin-bottom: -15px; width: auto; height: auto; max-width: 100%; } .auto_size{ width: auto; height: auto; max-width: 100%; } section.home-icon-section { float: left; background: #f0e9dc; width: 100%; padding: 100px 0; padding-bottom: 60px; overflow: hidden; } section.home-icon-section h1 { text-align: center; font-family: 'Montserrat', sans-serif; text-transform: none; font-size: 50px; font-weight: 900; margin-bottom: 60px; color: #333332; } .icon-box-section ul { list-style: none; padding: 0; margin: 0; } .icon-box-section ul li { width: 24%; display: inline-block; padding: 0 15px; vertical-align: top; text-align: center; } .icon-box-section ul li img { width: 85px; margin-bottom: 13px; } .icon-box-section ul li  h2 { font-family: 'Roboto'; text-transform: none; font-size: 20px; margin-bottom: 7px; font-weight: 600; } .icon-box-section ul li p { color: #000; font-size: 15px; font-family: 'Montserrat'; font-weight: 400; } .home-CollagenRange-section { float: left; width: 100%; background: #f3f7f3; overflow: hidden; padding-top: 13px; } h1.collagen-title { font-family: 'Montserrat'; font-weight: 800; text-transform: none; font-size: 50px; text-align: center; color: #333332; margin-bottom: 50px; } .CollagenRange-section ul { padding: 0; list-style: none; margin: 0; text-align: center; } .CollagenRange-section ul li { display: inline-block; width: 47%; padding: 0 19px; vertical-align: top; position: relative; } .color_box { min-height: 510px; border-radius: 22px; position: absolute; width: 94%; z-index: 1; } .image-color-box { text-align: left; } .image-color-box { padding: 38px; z-index: 2; position: relative; } .image-color-box img { border-radius: 4px 190px 4px 4px; } .image-color-box h1 { font-family: 'Montserrat'; text-transform: none; font-weight: 800; font-size: 33px; margin-bottom: 0; } .CollagenRange-section .color_box.image-color-box { padding-top: 23px; } .image-color-box h2 { font-family: 'Montserrat'; font-weight: 800; text-transform: none; margin-top: 24px; font-size: 24px; color: #333332; } .image-color-box p { font-family:'Montserrat'; font-weight: 400; font-size: 18px; line-height: 28px; margin-bottom: 42px; } a.now-more { background: #333332; color: #fff; font-size: 15px; font-family: 'Montserrat', sans-serif; border-radius: 100px; padding: 13px 56px; text-transform: uppercase; text-decoration: none; } a.now-more:hover { background: #231f20 ; } .CollagenRange-section .color_box.image-color-box h1 { margin-bottom: -33px; } .CollagenRange-section .color_box.image-color-box img { margin-bottom: -128px; margin-top: 80px; max-width:100%; } section.home-CollagenRange-section.FuelRange { padding-top: 32px; padding-bottom: 55px; } .CollagenRange-section.FuelRange .color_box { min-height: auto; width: 91%; padding-top: 22px; } .CollagenRange-section.FuelRange .color_box.image-color-box img { margin-bottom: -80px; } .CollagenRange-section.FuelRange .image-color-box img { border-radius: 4px 140px 4px 4px; } .CollagenRange-section.FuelRange ul li { width: 100%; max-width: 33%; } section.home-banner-section.Better-ingredients { margin: 0; background: #fcd3c3; overflow: hidden; padding: 0px 0px; } section.home-banner-section .home-banner-box-section h1 { font-family: 'Montserrat'; font-weight: 600; font-size: 70px; text-transform: none; color: #333332; } section.home-banner-section.Better-ingredients .home-banner-box-section h1 { font-family: 'Montserrat'; font-weight: 600; font-size: 50px; text-transform: none; color: #333332; } .home-banner-box-section.left-section { padding: 0  7%; padding-right: 0; } section.home-banner-section.Better-ingredients .home-banner-box-section img { width: 80%; margin-bottom: -10px; float: right; } section.home-icon-section.Supplements-Section .home-icon-inner-section { background: #fff; border-radius: 20px; padding: 40px; } section.home-icon-section.Supplements-Section .home-icon-inner-section h1 { margin-bottom: 52px; } section.home-icon-section.Supplements-Section .home-icon-inner-section .icon-box-section { text-align: center; } section.home-icon-section.Supplements-Section .home-icon-inner-section .icon-box-section ul li img { width: 165px; margin-bottom: 13px; border-radius: 100px; max-width:100%; } section.home-icon-section.Supplements-Section { padding-bottom: 15px; } section.home-icon-section.review-section { padding-top: 0; padding: 0; } section.home-icon-section.review-section .home-icon-box-section h1 { margin: 0; margin-bottom: 14px; } section.home-icon-section.review-section .home-icon-box-section p { font-family: 'Montserrat'; font-size: 25px; color: #000; text-align: center; } div#looxReviews { background: #f0e9dc; width: 100%; max-width: 100% !important; text-align: center; } div#looxReviews iframe#looxReviewsFrame { max-width: 1200px; margin: 0 auto !important; } .shopify-section.index-section { margin: 0; } button#loadMore { display: none; } section.home-icon-section.Supplements-Section { padding-top: 15px; } section.home-icon-section { padding-top: 80px; } button#loadMore { display: none; } section.home-icon-section.blog-home .icon-box-section ul li { width: 31%; display: inline-block; padding: 0 !important; vertical-align: top; text-align: center; background: #fec0a8; margin: 15px 10px; border-radius: 7px; overflow:hidden; } .blog-img img { width: 100% !important; object-fit: cover; height:100%; } .blog-img { height: 300px; overflow: hidden; } .blog-content { padding: 42px 10px; } span.blog-date { color: #000; font-family: 'Montserrat'; font-size: 19px; margin-bottom: 15px; display: block; } .blog-content h2 { font-family: 'Montserrat' !important; font-size: 24px !important; color: #000 !important; } .blog-content p { font-family: 'Montserrat' !important; font-size: 20px !important; line-height: 31px; margin-bottom: 33px; } .blog-content a.Read-more-blog { padding: 9px 48px; border: 2px solid var(--colorTextBody); color: #000 !important; border-radius: 100px; font-family: 'Montserrat' !important; font-weight: 600; text-transform: uppercase; font-size: 18px; } .blog-content a.Read-more-blog:hover { Background:#fff; } .home-icon-section.blog-home { padding-top: 0; } .header-btn, #loadMore { display: none !important; } .Shipping-Bar { width: 100%; padding: 60px 0; } .shpping-inner-section ul { list-style: none; text-align: center; padding: 0; margin: 0; } .shpping-inner-section ul li { width: 30%; display: inline-block; padding: 0 16px; } .shpping-inner-section ul li img { WIDTH: 49PX; MARGIN-BOTTOM: 1PX; } .shpping-inner-section ul li H2 { font-size: 22px; text-transform: capitalize; } .Product-feature { margin-top: 40px; text-align: center; padding-bottom: 5px; } .Product-feature img { max-width: 700px; width: 100%; } .youtube_video { text-align: center; margin-bottom: 30px; margin-top: 20px; } section.home-icon-section.How-Use-section .home-icon-inner-section { background: #ffc7c2; padding: 28px 40px; border-radius: 23px; } section.home-icon-section.How-Use-section .icon-box-section ul li img { width: auto !important; margin-bottom: 0px; height: 70px; } section.home-icon-section.How-Use-section .icon-box-section ul li h2 { font-family: 'Montserrat'; text-transform: none; font-size: 16px; margin-bottom: 7px; font-weight: 600; line-height: 25px; } .faq-section-inner { margin-bottom: 52px; } .faq-section-inner ul { list-style: none; padding: 0; margin: 0; } .faq-section-inner ul li { margin-bottom: 22px; width: 100%; cursor: pointer; } .flex-benefit ul li img { width: 80px; height: 80px; margin: auto; border-radius: 100%; } .flex-benefit ul { display: flex; flex-wrap: wrap; margin: 0; } .flex-benefit ul li { list-style: none; display: flex; flex-direction: column; margin-bottom: 20px; color: #000; font-size: 18px; width: 33%; text-align: center; } .benefit--area h2 { font-family: 'Alata', sans-serif; font-weight: 800; text-transform: none; font-size: 50px; text-align: center; color: #333332; margin-bottom: 0px; margin-top: 0; } .internal-benefit { background: #ffc7c2; padding: 4px 40px; border-radius: 23px; } .benefit--area { background: #f0e9dc; width: 100%; padding: 60px 0 64px; overflow: hidden; } .faq-que { font-family: 'Alata', sans-serif; font-size: 23px; font-weight: 600; margin-bottom: 3px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #000; padding-bottom: 22px; } .faq-ans p { margin: 0; } .faq-ans { font-family: 'Roboto'; font-size: 20px; line-height: 34px; display: none; padding-top: 22px; } .faq-section-inner ul li .faq-que svg { transition: all 0.5s; width:20px; } .faq-section-inner ul li.active .faq-que svg { transform: rotate(180deg); } .faq-que a { color: #fc7a3a; text-decoration: underline; } .question { font-size: 25px; font-weight: 400; padding: 20px 80px 20px 0px; position: relative; display: flex; align-items: center; cursor: pointer; font-family: roboto; padding-bottom: 0px; padding-top: 8px; } .aaccordion-section { border-bottom: 2px solid #fec0a8; } .question::after { content: "\002B"; font-size: 2.2rem; position: absolute; right: 0px; transition: 0.2s; } .answercont { margin-bottom: 3px; margin-top: 8px; } .question.active::after { transform: rotate(45deg); } .answercont { max-height: 0; overflow: hidden; transition: 0.3s; } .answer { padding: 0 0px 19px; line-height: 30px; font-family: roboto; font-weight: 300; font-size: 20px; } .question.active + .answercont { } .How-we-are-secttion-top { /* background: #ebb2a2; */ background-repeat: no-repeat; background-size: cover; } .How-we-are-secttion-top img { position: absolute; left: 0; } .How-we-are-secttion-top h1 { text-align: center; padding-top: 24%; font-family: 'Alata', sans-serif; text-transform: none; font-size: 50px; font-weight: 600; color: #333332; position: relative; } .How-we-are-secttion.inner-left { max-width: 100%; margin: 0 auto; margin-top: -138px; } .How-we-are-secttion.inner-left ul { margin: 0; list-style: none; width: 100%; float: left; display: flex; flex-wrap: wrap; } .How-we-are-secttion.inner-left ul li { display: inline-block; width: 49%; } .How-we-are-secttion.inner-left ul { margin: 0; list-style: none; width: 100%; float: left; } ul.bottom--lists li { display: flex !important; align-items: center; } ul.bottom--lists li { border-bottom: 2px solid #fec0a8; } .How-we-are-secttion.inner-left ul.ul-top { border: none; margin-bottom: 0px; } .How-we-are-secttion.inner-left ul li { display: inline-block; width: 49%; font-family: roboto; color: #000; font-size: 22px; vertical-align: top; padding: 15px 1px; padding-right: 20px; } .How-we-are-secttion.inner { float: left; width: 100%; margin-bottom: 0px; } ul.ul-top img { width: 182px; position: relative; } .page-widths { margin: 0 auto; max-width: 1200px; padding: 4px 28px; } section.How-we-are-secttion { float: left; width: 100%; } section.different-section-product { background: #f8565c; width: 100%; padding: 80px 0; } .different-section-product-inner h1 { font-family: 'Alata', sans-serif; font-size: 60px; font-weight: 600; text-transform: capitalize; color: #fff; } .different-section-product-inner p { color: #fff; font-size: 23px; padding: 0 6%; font-family: 'Roboto'; } .different-section-product-inner { text-align: center; width: 100%; } .different-section-product-boxes .product-boxes { background: #fff; margin: 0 7px; padding: 14px; font-family: 'Alata', sans-serif; font-size: 19px; border-radius: 4px; } .different-section-product-boxes .product-boxes:nth-child(2) { background: none; color: #fff; font-size: 33px; margin: 0; padding: 0; } .different-section-product-boxes .product-boxes:nth-child(4) { background: none; color: #fff; font-size: 33px; margin: 0; padding: 0; } .different-section-product-boxes .product-boxes:nth-child(6) { background: none; color: #fff; font-size: 33px; margin: 0; padding: 0; } .different-section-product-boxes .product-boxes:nth-child(8) { background: none; color: #fff; font-size: 33px; margin: 0; padding: 0; } .different-section-product-boxes { display: flex; justify-content: center; align-content: center; align-items: center; } .different-section-product-inner img { width: 50%; } p.prorder--messge { text-align: center; font-size: 18px; } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-width : 220px) and (max-width : 767px) { .icon-with-text-section .img-text-div p { font-size: 12px !important; } body.template-product .product .product__info-wrapper.grid__item .product__description.rte.quick-add-hidden { padding-bottom: 13px; } body.template-product .product .product__info-wrapper.grid__item product-form.product-form { margin-bottom: 2.2rem; } body.template-product #MainProduct-template--16681439396021__main { padding-top: 16px; padding-bottom: 10px; } body.template-product  .scroll-intrnal li span,body.template-product p, body.template-product .Shipping-Bar .shpping-inner-section h2, body.template-product .benefit--area .internal-benefit span, body.template-product .How-Use-section .home-icon-inner-section .icon-box-section h2, body.template-product .How-we-are-secttion.inner-left ul li, body.template-product .Key-Ingredients-section .answer, .scrolling--gif .scroll-intrnal li span { font-size: 1.5rem !important; font-weight: 400 !important; line-height: 1.4 !important; } span#ProductPrice- { font-size: 22px; } body.template-product .benefit--area h2, body.template-product .How-we-are-secttion .How-we-are-secttion-top h1, body.template-product section.home-icon-section h1, body.template-product .faq-section h1.collagen-title, body.template-product .jdgm-review-widget .jdgm-rev-widg h2.jdgm-rev-widg__title { font-size: 30px; font-weight: 800; } body.template-product .Key-Ingredients-section .question, body.template-product .faq-section .faq-que { font-size: 16px; font-weight: 400; line-height: 1.6; } body.template-product .home-icon-section.How-Use-section .page-width { padding: 0px; } body.template-product .home-icon-section.How-Use-section .Product-feature { padding-left: 20px; padding-right: 20px; } body.template-product .home-icon-inner-section { padding: 31px 0px !important; } .How-Use-section .Product-feature { padding-bottom: 18px; margin-top: 25px; } .faq-que { font-size: 17px; } .scroll-intrnal ul li { width: 37%; } .scroll-intrnal { padding-top: 22px; padding-bottom: 9px; } .scroll-intrnal li span { font-size: 15px; } .scroll-intrnal ul li img { margin-bottom: 7px; display: block; max-width: 72px; } .flex-benefit ul li { font-size: 15px; } section.different-section-product { padding: 60px 0; width: 100%; display: flex; } .different-section-product-inner img { width: 100%; } .different-section-product-boxes .product-boxes:nth-child(2) { font-size: 20px; } .different-section-product-boxes .product-boxes:nth-child(4) { font-size: 20px; } .different-section-product-boxes .product-boxes:nth-child(6) { font-size: 20px; } .different-section-product-boxes .product-boxes:nth-child(8) { font-size: 20px; } .different-section-product-boxes .product-boxes { background: #fff; margin: 0 5px; padding: 9px; font-family: 'Alata', sans-serif; font-size: 10px; border-radius: 4px; height: 100%; line-height: 18px; } .different-section-product-inner p { color: #fff; font-size: 18px; padding: 0px 4%; font-family: 'Roboto'; margin: 0 auto; } .different-section-product-inner h1 { font-size: 40px; } .How-we-are-secttion-top { background: #ebb2a2; min-height: 100%; text-align: center; /* z-index: 0; */ /* position: relative; */ } .different-section-product-inner img { padding: 20px 0px; } .How-we-are-secttion-top img { position: relative; left: 0; } .How-we-are-secttion-top h1 { text-align: center; padding-top: 0%; font-family: 'Alata', sans-serif; text-transform: none; font-size: 30px; font-weight: 600; color: #333332; padding-bottom: 102px; position: relative; } .How-we-are-secttion.inner-left { max-width: 100%; margin: 0 auto; margin-top: -90px; z-index: 9999999999999999; } .question::after { content: "\002B"; font-size: 1.6rem; position: absolute; right: 0px; transition: 0.2s; } .How-we-are-secttion.inner-left ul li { display: inline-block; width: 49%; font-family: roboto; color: #000; font-size: 15px; vertical-align: top; padding: 8px 1px; padding-right: 12px; line-height: 24px; } ul.ul-top img { width: 112px; } .question { font-size: 17px; font-weight: 600; padding: 20px 50px 20px 0px; position: relative; display: flex; align-items: center; cursor: pointer; font-family: roboto; padding-bottom: 8px; padding-top: 8px; } .answer { padding: 0 0px 19px; line-height: 28px; font-family: roboto; font-weight: 400; font-size: 15px; } .faq-section .faq-section-inner .faq-ans p { font-size: 15px; font-weight: 400; } .answercont { margin-bottom: 1px; margin-top: 5px; } .Key-Ingredients-section-inner h1 { text-align: left !important; width: 280px; margin-bottom: 20px !important; } section.home-CollagenRange-section.faq-section { padding-top: 32px; } section.home-icon-section.How-Use-section .icon-box-section ul li img { width: auto; margin-bottom: 13px; height: 50px; } .youtube_video { text-align: center; margin-bottom: 29px; } section.home-icon-section.How-Use-section .home-icon-inner-section { background: #ffc7c2; padding: 31px 23px; border-radius: 23px; } .Product-feature { margin-top: 39px; text-align: center; padding-bottom: 60px; } .shpping-inner-section ul li { width: 32%; display: inline-block; padding: 0 0px; } .shpping-inner-section ul li H2 { font-size: 11px; text-transform: capitalize; } .shpping-inner-section ul li img { WIDTH: 60PX; MARGIN-BOTTOM: 0PX; } .home-banner-inner-section { display: block !important; align-items: center; overflow: hidden; } .home-banner-box-section { width: 100%; max-width: 100%; } section.home-banner-section .home-banner-box-section h1 { font-size: 40px; } .home-banner-box-section p { font-size: 18px; } a.shop-now { padding: 12px 30px; font-size: 16px; } section.home-icon-section { padding-top: 50px; padding-bottom: 24px; } section.home-icon-section h1 { text-transform: none; font-size: 30px; margin-bottom: 40px; } .icon-box-section ul li { width: 100%; padding: 0 15px; margin-bottom: 22px; } section.home-CollagenRange-section h1.collagen-title { font-size: 30px; margin-bottom: 40px; width: 200px; } .benefit--area h2{ font-size: 30px; } .page-full, .page-narrow, .page-width { overflow: hidden; } .CollagenRange-section ul li { width: 100%; padding: 0 0px; } .color_box { min-height: calc(100% - 36em); width: 100%; } .image-color-box h1 { font-family: 'Alata', sans-serif; text-transform: none; font-weight: 800; font-size: 26px; margin-bottom: 22px; } .image-color-box img { border-radius: 4px 110px 4px 4px !important; } .CollagenRange-section.FuelRange ul li { width: 100%; max-width: 100%; } .CollagenRange-section.FuelRange .color_box { min-height: calc(100% - 42em); width: 100%; } .small--img-icon { margin-top: -73px; } .home-banner-box-section.left-section { padding: 0; padding-right: 0; } .home-banner-box-section.left-section { padding: 30px 35px; padding-right: 0; width: 92%; } section.home-banner-section.Better-ingredients .home-banner-box-section h1 { font-family: 'Alata', sans-serif; font-weight: 600; font-size: 30px; text-transform: none; color: #333332; margin-bottom: 21px; } section.home-banner-section.Better-ingredients .home-banner-box-section img { width: 100%; margin-bottom: -10px; float: right; } section.home-icon-section.Supplements-Section { padding-top: 50px; padding-bottom: 50px; } .review-section p {margin-bottom: 36px; font-size: 18px !important;} section.home-banner-section.Better-ingredients .home-banner-box-section h1 {margin-top: 0px;} section.home-icon-section.Supplements-Section .home-icon-inner-section { background: #fff; border-radius: 20px; padding: 20px; } section.home-icon-section.Supplements-Section .icon-box-section ul li { width: 49%; } section.home-icon-section.Supplements-Section .home-icon-inner-section h1 { margin-bottom: 32px; } section.home-icon-section.review-section .home-icon-box-section h1 { text-align: left;  margin-top: 40px; } section.home-icon-section.review-section .home-icon-box-section p { text-align: left; } div#looxReviews iframe#looxReviewsFrame { max-width: 90%; margin: 0 auto !important; } section.home-icon-section.blog-home h1 { text-align: left; margin-bottom: 40px; } section.home-icon-section.blog-home .icon-box-section ul li { margin: 0; margin-bottom: 0; width: 100%; border-radius: 0; } section.home-CollagenRange-section h1.collagen-title { text-align: left; } .page-full, .page-narrow, .page-width { padding: 0 20px; } section.home-icon-section.blog-home .page-width { padding: 0; } section.home-icon-section.blog-home .page-width .home-icon-box-section h1 { padding: 0 25px; } li.blog-first { display: flex !important; align-items: center; justify-content: space-between; align-content: center; flex-wrap: wrap-reverse; flex-direction: row-reverse; } li.blog-middel { display: flex !important; align-items: center; justify-content: space-between; align-content: center; } section.home-icon-section.blog-home { padding-bottom: 0; } li .blog-img { width: 50%; float: left; } li .blog-content { padding: 29px 10px; width: 50%; float: left; } span.blog-date { color: #000; font-family: 'Alata', sans-serif; font-size: 12px; margin-bottom: 7px; display: block; } li .blog-content h2 { font-family: 'Alata', sans-serif !important; font-size: 20px !important; color: #000 !important; } li .blog-content p { font-family: roboto !important; font-size: 16px !important; line-height: 25px; margin-bottom: 27px; } .blog-content a.Read-more-blog { padding: 9px 39px; border: 2px solid var(--colorTextBody); color: #000 !important; border-radius: 100px; font-family: 'Alata', sans-serif !important; text-transform: uppercase; font-size: 14px; } .blog-img img { width: 100% !important; object-fit: cover; height: 100%; } section.home-icon-section.How-Use-section .icon-box-section ul li img { height: auto; } .CollagenRange-section .color_box.image-color-box img { margin-bottom: -78px; margin-top: 60px; } section.home-icon-section.blog-home h1 { margin-top: 35px; } } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-width :767px) and (max-width : 1199px) { section.home-banner-section .home-banner-box-section h1 { font-size: 40px; } .home-banner-inner-section { padding: 47px 0; } .home-banner-box-section p { font-size: 19px; } section.home-icon-section h1 { font-size: 40px; } section.home-icon-section { padding-top: 50px; } .icon-box-section ul li  h2 { font-size: 14px; } .icon-box-section ul li p { font-size: 12px; } section.home-icon-section { padding-top: 57px; padding-bottom: 30px; } h1.collagen-title {; font-size: 40px; } .image-color-box h1 { font-size: 23px; } .color_box { min-height: 40%; width: 90%; } .image-color-box img { border-radius: 4px 130px 4px 4px; } .image-color-box h2 { font-size: 22px; } .image-color-box p { font-family: roboto; font-weight: 400; font-size: 14px; line-height: 22px; margin-bottom: 42px; } a.now-more { padding: 13px 36px; } .CollagenRange-section.FuelRange .color_box { min-height: 50%; width: 91%; } .CollagenRange-section.FuelRange ul li { width: 100%; max-width: 49%; } section.home-banner-section.Better-ingredients .home-banner-box-section h1 { font-family: 'Alata', sans-serif; font-weight: 600; font-size: 38px; text-transform: none; color: #333332; } .home-banner-box-section.left-section p { font-size: 14px; } .home-banner-box-section.left-section { padding: 50px  7%; padding-right: 0; } section.home-icon-section.Supplements-Section { padding-top: 60px; padding-bottom: 60px; } div#looxReviews iframe#looxReviewsFrame { max-width: 90%; margin: 0 auto !important; } section.home-icon-section.blog-home .icon-box-section ul li { width: 47%; } .site-nav__link, .site-nav__dropdown-link { font-size: 10px !important; } }
product-form.product-form .shopify-payment-button__button[disabled] {
    display: none !important;
}