/** Shopify CDN: Minification failed

Line 539:19 Unexpected ","
Line 1051:2 Expected percentage but found "0"
Line 1499:0 Expected "}" to go with "{"

**/
.row.pm_productlists {
    flex-wrap: inherit;
}
.ingrediant_logos .logos-txt-content {
    padding-top: 20px;
}
.ingredients-page .text-with-content-row h3 {
    margin-top: 0;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .24px;
    color: #545c6c;
  	font-family: Avenir;
}
.ba-results-page section.all-results h2 {
    margin-bottom: 20px;
    margin-top:130px;
}
details[open]>.header__menu-item .icon-caret {
    transform: rotate(0deg);
}
.the-science-page .ingredient__img img {
	object-fit: contain;
}
footer a.skaggs-link {
    margin-right: 5px;
}
.Product-section i.spr-icon {
    margin-right: 2px;
}
.Product-section .product-review {
    margin-bottom: 30px;
}
.product .product-form__input {
	margin: 0 0 3.2rem;
}
/* .product .recharge-subscription-widget {
    margin-top: -70px;
} */
.product .hide-price {
	display:none;
}
div#shopify-product-reviews {
    position: relative;
}
.result-point ul {
    padding-left: 15px;
}
/* .product .product__info-container .shopify-app-block {
    margin-bottom: 20px;
} */
#shopify-product-reviews .filter-loader {
    display: none;    
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
  	top: 0;
    left: 0;
}
.loader-img-new {
    position: absolute;
    display: block!important;
    border: 14px solid #f3f3f3;
    border-top: 14px solid #c7b401;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 1s linear infinite;
    top: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
} 
.philosphy-page .ingredient__text ol {
    padding-left: 20px;
}
nav.breadcrumb a {
    color: #000;
    text-decoration: none;
}
.benefits-dec-content strong {
    margin-top: 10px;
}
spam.tharapy-title {
    text-decoration: underline;
}
.contact-form button.button.black {
    min-height: 40px;
}
.contact-page .contact__button {
    margin-top: 1rem;
}
footer input#NewsletterForm--footer {
    padding-top: 0;
    padding-bottom: 0;
  	padding-left: 20px;
  	font-family: 'Avenir Next Medium';
  	font-weight:400;
  	border: 1px solid #545c6c !important;
  	margin:0;
  	color: #545c6c;
  background: #F5F5F5;
}
footer input#NewsletterForm--footer::placeholder {
    opacity: 1;
    color: #545c6c;
    padding-right: 5rem;
}

.the-science-page .ingredient-banner .ingredient__text strong {
    color: #545c6c;
    font-family: Avenir;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.24px;
}
.the-science-page .ingredient-banner .ingredient__text p {
    margin-bottom: 30px;
}
.slick-slider {
    margin-bottom: 0;
}
.filter-item {
    display: flex;
      align-items: center;
}
.grossary-cat .row {
  justify-content: center;
  flex-wrap:nowrap;
}
.grossary-cat-item {
    width: 13%;
    margin: 0;
    text-align: center;
	padding-bottom: 10px;
    padding-top: 10px;

}
.filter-tag-img {
    max-width: 50px;
    text-align: center;
    width: 100%;
    display: flex;
    height: 50px;
    justify-content: center;
    position: relative;
    margin-right: 15px;
    align-items: center;
}
.filter-tag-img:before {
    content: "";
    position: absolute;
    border-radius: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 2px solid #545c6c;
    height: 50px;
    width: 50px;
}
.filter-grossary-cat-item  h2.grossary-cat-title {
    max-width: calc(100% - 80px);
  	width:50%;
}
a.cler-btn {
    color: #545c6c;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
  	text-decoration: none;
  	position: relative;
    padding-right: 10px;
  	margin-top: 30px;
    display: inline-block;
}
a.cler-btn:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: #545c6c91;
    bottom: -3px;
}
.grossary-cat-img img {
    height: 45px;
    width: 45px;
}
.grossary-cat-img {
    display: flex;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    z-index: -1;
    height: 83px;
    width: 83px;
    align-items: center;
}
.grossary-cat-img:before {
    content: "";
    position: absolute;
    border-radius: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 2px solid #545c6c;
    height: 83px;
    width: 83px;
}
.grossary-cat-item h2.grossary-cat-title {
    color: #545c6c;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: normal;
    line-height: 22px;
    padding-left: 20px;
    padding-right: 20px;
}
ul.tag_data li.filter-grossary-cat-item {
    margin-bottom: 15px;
}
a.filter_id {
    text-decoration: none;
}
.glossary-filter-sec li.list-group-item small {
    color: #545c6c;
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
}
.glossary-filter-sec li.list-group-item small p a{
 	word-break:break-all; 
}
.glossary-filter-sec li.list-group-item small strong{
 	font-family: 'AvenirNextDemiBold';
}
.artical_result_box {
    padding-top: 4rem;
}
.artical_result_box h3.mb-0 {
    color: #545c6c;
    font-family: Avenir;
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: 0.24px;
    line-height: 30px;
  	margin-bottom: 5px;
}
.image-parent.mr-3 {
    margin-bottom: 5px;
}
.form-control {
    border: none;
    color: #545c6c;
    font-family: Avenir;
    font-size: 16px;
    font-weight: 900;
    font-style: normal;
    letter-spacing: normal;
    line-height: 25px;
    padding: 10px 25px 10px 10px;
    background-position: calc(100% - 0px) center !important;
    background: url(/cdn/shop/files/Polygon_14.svg?v=1652245349) no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
  	outline: none;
  	box-shadow: none;
}
.filter-group select.form-control option{
 	padding: 10px 0; 
}
h3.sub-main-filter-title {
    margin-bottom: 0px;
}

h2.grossary-cat-title {
    color: #545c6c;
    font-family: Avenir Next Medium;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.14px;
    line-height: 20px;
}
/*.content-for-layout{ 
  margin:107px auto 0 auto;
  width:100%;
  max-width:1366px;
  position:relative;
  padding-bottom:25px;
}
 .terms-and-conditions-page .content-for-layout, .privacy-policy-page .content-for-layout, .shipping-and-returns-page .content-for-layout {
	padding-bottom: 0px;
    margin-top: 135px;
} */
.mms-skincare-page .content-for-layout, .quiz-page .content-for-layout {
 	max-width:100%; 
}
/*.content-for-layout::after{
  content: "";
  background-image: url(/cdn/shop/files/Mask.svg?v=1650264713);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100%;
  opacity: .5;
  position: fixed;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
  width:100%;
}
 .mms-skincare-page .content-for-layout::after{
 	background-image:none; 
}
.product .content-for-layout::after{
  background:url(/cdn/shop/files/Mask_Group_167.png?v=1651662611);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100%;
} */
.Product-img {
    text-align: center;
    position: relative;
    padding-bottom: 110%;
}
.Product-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    max-height: 322px;
    right: 0;
    margin: auto;
}
.ingrediant_logos .row.logo-row{
 align-items:center; 
}
.logo-row .col-3 {
    width: 33.33%;
}
.logo-row .logo-item {
    text-align: left;
    padding: 15px 0 15px 0;
    margin-right: 70px;
    width: auto;
}
.logo-row .logo-item:nth-child(2n+2) {
    margin-right: 0;
}
.logo-row .logo-item img {
    max-width: 165px;
    width: 100%;
}
.print_section .print-row-item {
    width: 20%;
}
.print_img {
    position: relative;
}
.print_img:hover .print-blog-date {
    bottom: 10px;
    transition: .5s;
    opacity: .9;
  	color: #545c6c;
    height: 35px;
    line-height: 40px;
}
.print_img .print-blog-date {
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    background: #ffffff;
    text-align: center;
    transition: .5s;
    opacity: 0;
  	color: #ffffff;
}
section.text-with-content {
    padding: 10px 15px 100px 15px;
  	width: 100%;	
  	max-width: 900px;
}
.text-with-key-facts .key-facts-item {
	width: 100%;
  	max-width: 80%;
	margin: 0 0 4em auto;
}
.ingredients-page section.text-with-content {
    max-width: 1366px;
    margin: 0 auto;
    width: 100%;
  	padding-bottom:0;
}
.ingredients-page section.text-with-content p{
  	max-width: 50%;
  	width: 100%;
    margin: 0 auto;  
}
.ingredients-page section.text-with-content p {
    color: #545c6c;
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: center;
}
section.text-with-content strong {
    font-size: 22px;
    color: #545c6c;
    line-height: 1.5em;
    font-weight: 400;
    font-family: Avenir Next;
}
.col-8 {
    width: 66.66%;
}
.text-with-two-cel .row {
    align-items: center;
}
.philosphy-slider {
    text-align: center;
    width: 306px;
    margin: 0 auto;
}
.philosphy-slider img.double-quote {
    margin: 0 auto;
}
section.text-with-two-cel h2 {
    width: 100%;
    margin: auto 0;
    font-size: 40px;
    font-weight: 300;
    line-height: 60px;
    margin-bottom: 3rem;
    font-family: 'AvenirLight';
  	text-align: left;
}
.philosphy-slider .philosphy-slider-item p {
    font-size: 24px;
    color: #545c6c;
    font-weight: 400;
    letter-spacing: 0.24px;
    line-height: 36px;
}
.philosphy-intro strong {
    color: #545c6c;
    font-family: Avenir;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.24px;
    line-height: 30px;
  	padding-top: 5rem;
    padding-bottom: 1rem;
    display: block;
}
section.text-with-two-cel {
    padding: 80px 15px;
}
.philosphy-intro p {
    letter-spacing: normal;
    line-height: 24px;
}
div#shopify-section-template--14437416337482__1650882385a7e1eb49 .ingredient__btn a.button.gray-btn {
    width: max-content;
  	margin-bottom: 20px !important;
}

.zigzag-img-with-txt .row.image_second {
    flex-direction: row-reverse;
}
.zigzag-row-content .col-6 {
    padding: 0px 40px;
}
.zigzag-content {
    color: #545c6c;
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
}
.image_first .zigzag-content, .image_second .zigzag-content {
    max-width: 100%;
    width: 100%;
}
section.zigzag-img-with-txt {
    padding-top: 50px;
    padding-bottom: 50px;
}
.zigzag-row-content {
    padding-top: 50px;
    padding-bottom: 50px;
}
.zigzag-content h2, .sum-main-title {
    color: #545c6c;
    font-family: Avenir;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.24px;
    line-height: 30px;
}
.zigzag-content p, , .multi-sub-cel p {
    color: #545c6c;
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
}
.zigzag-content h2, .zigzag-content p:first-child {
    margin-top: 0;
}
.full-ingredient-glossary-sec .main-heading p {
	color: #545c6c;
	font-family: "Avenir Next";
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
	text-align: center;
	max-width: 65%;
	width: 100%;
    margin: 0 auto;
}
.glossary-tag-list h2, h3.main-filter-title {
    color: #545c6c;
    font-family: Avenir;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.24px;
    line-height: 30px;
}
.glossary-tag-list h2.sec-title {
    margin-top: 50px;
}
section.heading-with-image-grid .heading-txt {
    text-align: center;
}
section.heading-with-image-grid .sec-title {
    margin-bottom: 20px;
  	padding-left: 30px;
    padding-right: 30px;
}
.row.image-grid .col-3, .heading-with-col-row .col-3 {
    width: 33.33%;
}
.heading-with-columns h2.sec-title {
    margin-bottom: 100px;
}
.cel-heading-with-num {
    display: flex;
  	align-items: center;
}
.cel-heading-item {
    padding-left: 3rem;
    padding-right: 3rem;
}

.cel-heading-with-num spam.cel-num:before {
   content: "";
    position: absolute;
    border-radius: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 23px;
    border: 2px solid #ffdd00;
    width: 20px;
    height: 20px;
}
h3.cel-heading {
    color: #63656A;
    font-family: Avenir;
    font-size: 19px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.24px;
    line-height: 30px;
    text-align: left;
    width: 100%;
}
.heading-with-columns-dec p {
    color: #63656A;
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
    padding-right: 0px;
}
.row.image-grid {
    padding-top: 80px;
    padding-bottom: 80px;
}
.key-facts-sub-title {
    color: #545c6c;
    font-family: Avenir;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .24px;
    line-height: 30px;
}
.key-facts-thousand:after {
    content: "K";
}
.key-facts-percentage:after {
    content: "%";
}
.key-facts-thousand, .key-facts-percentage {
    margin-bottom: 0px;
    margin-top: 10px;
}
p.key-facts-sub-title {
    font-family: "Avenir Next";
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    margin-top: 0;
    margin-bottom: 0;
}
.row-block {
    display: block;
    text-align: center;
    width: 100%;
}
.row.multi-sub-cel-row .bottm-cel p em{
  font-family: 'Avenir Next Medium';
  font-style:normal;
}
.row.multi-sub-cel-row .bottm-cel p em strong{
  font-family: Avenir;
  font-weight:800;
}
.text-with-key-facts-sec .text-with-key-facts-row .text-with-key-facts-contetn p strong{
  font-family: 'AvenirHeavy';
}
.text-with-key-facts-contetn p {
    color: #545c6c;
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
}
.top-bottm-quote {
    font-weight: 800;
}
.top-bottm-quote {
    font-weight: 800;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
  	font-family: Avenir;
}
.top-bottm-quote:before {
    content: "";
    background-image: url(/cdn/shop/files/quote-svg_-fill-color.svg);
    top: 30px;
}
.top-bottm-quote:after {
    content: "";
    background-image: url(/cdn/shop/files/quote-svg_-fill-color.svg);   
    bottom: 40px;
    transform: rotate(180deg);
    right: 0;
}
.top-bottm-quote:before, .top-bottm-quote:after {
	height: 45px;
    width: 45px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
.text-with-key-facts-row .main-circle {
    margin: 0 auto;
}
.col-6.text-with-key-facts .key-facts-contetn {
    width: 100%;
    max-width: 208px;
    margin: 0 auto;
    text-align: left;
}
section.online__print {
    padding-top: 80px;
    padding-bottom: 50px;
}
.banner-color-bg-row .row-contetn {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    max-width: 684px;
    width: 100%;
    margin: 0 auto;
}
.banner-color-bg-row h2 {
    color: #545c6c;
    font-family: Avenir;
    font-size: 28px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: normal;
    line-height: 60px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}
.banner-color-bg-row p {
    color: #545c6c;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 900;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: center;
}
.content-with-image-row .col-4, .row.multi-sub-cel-row .col-4 {
    width: 33.33%;
}
.img-align {
    text-align: center;
}
section.multi-sub-cel {
    padding-top: 50px;
    padding-bottom: 100px;
}

.shop-btn-key-facts, .donet-btn {
	margin-top: 30px !important;
    margin-bottom: 20px !important;
  	margin: auto 0;
}
.multi-sub-cel-title {
    color: #545c6c;
    font-family: 'AvenirLight';
    font-size: 48px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: 60px;
    text-align: left;
}
.multi-sub-cel-row .sub-cel {
    padding-bottom: 20px;
}
.multi-sub-cel-row .sub-cel .col-6 {
    padding-right: 100px;
}
.online_user_img img {
    width: 100%;
}
.blog-sec-title {
    color: #545c6c;
    font-family: Avenir;
    font-size: 28px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: normal;
    line-height: 60px;
    text-align: left;
    margin-top: 0px;
}
.print_img img {
    width: 100%;
  	filter: grayscale(0%);
  	transition: .5s;
}
.print_img:hover img {
    filter: grayscale(100%);
  	transition: .5s;
}
.print_section .print-row-item {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
}
a.blog-title-link {
    text-decoration: none;
}
h4.blog-title {
    text-decoration: none;
    color: #545c6c;
    font-family: Avenir;
    font-size: 16px;
    font-weight: 900;
    font-style: normal;
    letter-spacing: normal;
    line-height: 25px;
    text-align: left;
}
.online_user_text p {
    color: #545c6c;
    font-family: Avenir Next Medium;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 17px;
    text-align: left;
}
.online__print .read-more-btn {
    color: #545c6c;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    text-decoration: none;
  	background-image: url(/cdn/shop/files/right-arrow_1.png?v=1651127693);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  	filter: brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(703%) hue-rotate(182deg) brightness(88%) contrast(82%);
}
.online__print a.read-more-btn:hover {
    text-decoration: underline;
}
.online_section .online_item, .print_section .print_item {
    margin-bottom: 40px;
}
.spectrum-thumb-item {
    width: 20%;
  	padding: 10px;
}
.spectrum-thumb-item a, .ingredient-img {
    position: relative;
  	display: flex;
}
.spectrum-thumb-item img{
 	width:100%; 
}
.ingredient-img img {
	width: 100%;
}
.wave-length-txt strong {
    color: #63656A;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
}
.spectrum-btns {
    display: flex;
    margin-top: 35px;
}
.btn-left {
    margin: 0;
    margin-right: 1rem;
}
.gray-bg-btn {
    background-color: #545c6c;
    color: #ffffff;
}
.meet-the-spectrum-content-item {
    margin-top: 100px;
}
.meet-the-spectrum-content-item img.spectrum-dec-main-image{
 	width:100%; 
}
.meet-the-spectrum-content-item .sum-main-title {
    margin-top: 0;
  	margin-bottom: 10px;
    font-family: "Avenir-Light" !important;
      color: #63656A;
}
.meet-the-spectrum-content-item .mmsphere-content p strong{
font-family: "Avenir-medium";
  color: #63656A;
    font-size: 15px;
  font-weight: 100;
}
.meet-the-spectrum-content-item .col-7 strong{
 	font-family: Avenir; 
}
.recommendation-and-instruction-title {
    font-family: Avenir;
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: normal;
    line-height: 25px;
    margin-top: 15px;
  	margin-bottom: 0px;
}
.explor-title-link, .blur-override-title {
    font-family: Avenir;
    font-size: 14px;
    font-weight: 900;
    position: absolute;
    text-align: center;
    height: 46px;
    color: #fff;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 2;
    overflow: hidden;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
strong {
    color: #545c6c;
}
.explor-title-link:before, .blur-override-title:before {
    content: "";
    position: absolute;
    background: rgba(255,255,255,.2);
    left: 0;
    right: 0;
    bottom: 0;
    height: 46px;
    z-index: -1;
}
.mmsphere-title {
    font-family: Avenir;
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: normal;
    line-height: 25px;
    margin-bottom: 0;
  	color: #545c6c;
}
img.spectrum-blur-thumb, img.blur-img {
    position: absolute;
    z-index: -2;
    opacity: 1;
    width: 100%;
    object-fit: cover;
    height: 46px;
    object-position: bottom;
    filter: blur(0.9rem);
    -o-filter: blur(0.9rem);
    -ms-filter: blur(0.9rem);
    -moz-filter: blur(0.9rem);
    -webkit-filter: blur(0.9rem);
  transition: filter 0.3s;
}
.blur-override-title, img.blur-img, .blur-override-title:before  { 
    height: 92px;
  	font-size: 28px;
}
.meet-the-spectrum-content-item .col-7 {
    padding-left: 12rem;
}

.spectrum-thumb-item a:hover h3 img {
    filter: blur(0);
}

#parent-circle {
  position: absolute; 
  width: 189px;
  height: 186px;
  border: 2px solid #fd0;
  border-radius: 50%;
   transform: rotate(60deg);
  transition: transform 5s linear;
  animation: spin 10s linear; 
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  margin: auto;
}
/* .key_facts_sec.rotate-circle #parent-circle{
  transform: rotate(0deg);
  transition: transform 0.7s linear;
  animation: rotate 7s linear;
} */
/* .circle {
  display: block;
  position: absolute;
  width: 5%;
  height: 5%;
  margin: -6.1em;
  border-radius: 50%;
  top: 100%;
  left: 50%;
} */
.circle {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 0;
    border-radius: 50%;
    top: -5px;
    left: 50%;
    margin: 0 !important;
    transform: translateX(-50%);
}
.circle.blue {
  background-color: #ffdd00;
}
@-webkit-keyframes rotate {
  0 {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.circle.blue {
  display: block;
}
.main-circle {
  width: 200px;
  position: relative;
  text-align: center;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width:1366px){	  
 .text-with-key-facts .key-facts-item {
	max-width: 90%;    
}
}
@media (max-width:1280px){	 
	.clinical-trials-page .ingredient-banner .sec-title {
        margin-top: 50px;
    }
/*     .glossary-filter-sec .filter-sec {
		justify-content: center;
    }
  	.glossary-filter-sec li.list-group-item {
        width: 30.1%; 
    } */
  .text-with-key-facts .key-facts-item {
	max-width: 90%;    
}
@media (max-width:1366px){	 
	.clinical-trials-page .ingredient-banner .sec-title {
        margin-top: 50px;
    }
  
}
@media screen and ( max-width: 1280px ) and ( min-width: 1024px ) { 	 

 	.Product-section .Product-img img {
        /*max-height: 220px;	*/
      max-height: 100%;
    }
  	.ingredients-page .text-with-content-row h3 { 
		font-size: 22px;
    }
    .Product-section .Product-item .Product-img {
        height: 220px;
    }
    .Product-section .Product-title h3 {
        font-size:22px;
    }
    .Product-section .Product-text {
      font-size: 15px;
    }

}  
@media screen and ( min-width:768px ) and ( max-width:1023px ) {
    .logo-row .logo-item {
      margin-right: 30px;
    }
    .logo-row .logo-item:nth-child(2n+2) {
        margin-right: 30px;
    }
  	.text-with-key-facts .key-facts-item {
        display: flex !important;
    }
  	.philanthropy-page section.content-with-image .col-8 {
        margin-top: 0px;
    }
    .philanthropy-page .text-with-key-facts-contetn .sum-main-title {
        margin-top: 10px;
    }
  	.grossary-cat-item {
        width: 25%;
        margin: unset;    
    }
  	.Product-section .Product-title h3 {
        font-size:21px;
    }
    .print_section .print-row-item {
      width: 33.33%;
    }
    .row.logo-row {
      display: flex;
      margin:0;
      justify-content: center;
    }
  	.logo-row .logo-item:nth-child(3n+3) {
        margin-right: 46px;
    }
  	.logo-row .logo-item:nth-child(4n+4) {
        margin-right: 20px;
    }
    .print_img img {
      width: 100%;
    }
    
    section.text-with-two-cel .col-6 {
      width: 100%;
    }
    section.text-with-two-cel {
      padding: 20px 15px;
    }
    .philosphy-slider {
      width: 70%;
    }
    section.text-with-two-cel h2 {
      width:100%;
    }
    .philosphy-slider .philosphy-slider-item p {
      font-size:22px;
      line-height: 32px ;
    }
    .multi-sub-cel-row .sub-cel .col-6 {
      padding-right: 20px;
    }
    .multi-sub-cel-title {
      font-size: 30px;
      line-height: 40px;
    }
    .multi-sub-cel-row .sub-cel {
      padding-bottom: inherit;
    }
    section.online__print, .heading-with-columns {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  	.online_section .online_item {
       margin-bottom: 0px;
    }
  	section.ingredient-banner .row.img-txt,.shop-page-main-section .row.text-middle{
        margin-left: 0;
    }
    section.ingredient-banner .col-6.img,.shop-page-main-section .contact-main .col-6.img{
        padding: 0;
    }
  	.shop-page-main-section .contact-main .col-6.txt{
     	padding:0 20px; 
    }
  	.heading-with-columns-dec p {
    	padding-right: 0px;
	}
  	.heading-with-col-row .col-3 {
    	width: 50%;
	}
    h3.cel-heading {
		width: calc(100% - 86px);
    }
	.heading-with-columns h2.sec-title {
        margin-bottom: 50px;
    }
    .explor-title-link {
        font-size: 12px;    
    }
    .explor-title-link, .explor-title-link:before, img.spectrum-blur-thumb {
        height: 30px;
    }
    .meet-the-spectrum-content-item .col-7 {
        padding-left: 2rem;
    }
    .spectrum-btns {
        display: block;
    }
    .btn-left {
        margin-bottom: 15px;
    }   
  	.philosphy-intro strong {
        padding-top: 3rem;
        padding-bottom: 2rem;  
    }
  	h3.main-filter-title{
     text-align:center; 
    }
  	.filter-group .filter-btn a.cler-btn{
      display: block;
      max-width: 105px;
      margin: 30px auto 0 auto;
    }
  	.print_img img {
        filter: grayscale(0%);
        transition: .5s;
    }
  	.print_img .print-blog-date {
      bottom: 24px;
      transition: .5s;
      opacity: .9;
      color: #545c6c;
  	}
  	.content-for-layout::after{
      background-repeat: no-repeat;
      position: fixed;
      background-attachment:inherit;
      top:15%;
    }
  	.grossary-cat .row {
    	justify-content: flex-start;
      	flex-wrap:wrap;
	}

}



@media screen and (max-width:767px ) {
  .ingredient__img{
    height: 525px !important;
    width: 100%;
            margin: auto;
  }
  	.Product-section .Product-img img {
        /*max-height: 220px;	*/
      max-width: 100%;
    }
    .ingredients-page .text-with-content-row h3 { 
		font-size: 22px;
    }
    
  	.grossary-cat-item {
    	width: 50%;
	}
  	section.text-with-content {
        padding: 10px 15px 50px 15px;
    }
  	.philosphy-intro strong {
      padding-top: 2rem;
      padding-bottom: 1rem;    
    }
/* 	.content-for-layout {
        margin-top: 125px;
    } */
    .ingredient-content {
        padding-left: 0;
        padding-top: 15px;
    }
    .full-ingredient-glossary-sec .main-heading p {
        max-width: 100%;
    }
    .glossary-tag-list h2 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
  	.row.logo-row {
      display: flex;
      margin:0;
      flex-wrap: wrap;
    }
  	.logo-row .logo-item{
      margin-right: 0;
      width: 50%;
      text-align:center;
    }
  	.logo-row .logo-item img{
      max-width: 80%;
      width: 100%;
    }
    .print_section .print-row-item {
      width: 50%;
    }
    .print_img {
      padding-left: 15px;
      padding-right: 15px;
    }
    .print_img img {
        width: 100%;
    }
    section.text-with-two-cel h2 {
        font-size: 26px;
        line-height: 36px;
        width:100%;
        margin-bottom: 3rem;
    }
    section.text-with-two-cel {
        padding: 50px 15px;
    }
    .philosphy-slider {
        width:100%;
    }
    .zigzag-content h2, .zigzag-content p:first-child {
        margin-top: 20px;
    }
    .zigzag-row-content {
        padding-top: 25px;
        padding-bottom: 25px;
      }
    div#shopify-section-template--14437416337482__1650882385a7e1eb49 .ingredient__btn a.button.gray-btn {
          padding-left: 25px;
          padding-right: 25px;
    }
    section.heading-with-image-grid .sec-title {
      padding-left: 0px;
      padding-right: 0px;
    }
    section.zigzag-img-with-txt {
      padding-bottom: 0px;
    }
    .image_first .zigzag-content, .image_second .zigzag-content {
      max-width: 100%;
    }
    .row.image-grid .col-3 {
       width:100%;
    }
    .text-with-key-facts {
        display: block;
    }
    .text-with-key-facts .key-facts-item {
        width: 100% !important;
        margin: 0 auto;
    }
    .banner-color-bg-row h2 {
      font-size: 26px;
      line-height: 36px;
    }
    .banner-color-bg-row .row-contetn {
        padding-left: 10px;
        padding-right: 10px;
    }
    .content-with-image-row {
        flex-direction: column-reverse;
    }
    .row.content-with-image-row .col-8, .row.content-with-image-row .col-4 {
        width: 100%;
    }
    .multi-sub-cel-row {
        flex-direction: column-reverse;
    }
    .multi-sub-cel-row .col-8, .multi-sub-cel-row .col-4 {
        width: 100% !important;
    }
    .multi-sub-cel-row .sub-cel {
        padding-bottom: inherit;
    }
    .multi-sub-cel-row .sub-cel .col-6 {
        padding-right: 0;
    }
    .multi-sub-cel-title {
        font-size: 30px;
        line-height: 40px;
    }
  	.online_section .online_item {
       margin-bottom: 0px;
    }  
  	.heading-with-col-row .col-3 {
    	width: 100%;
          margin-top: 50px;
	}
  	.cel-heading-item {
        padding-left: 2rem;
        padding-right: 2rem;
    }
  	.heading-with-columns-dec p {
    	padding-right: 0px;
      margin:0px;
	}
  	.cel-heading-with-num spam.cel-num {    
      font-size: 30px;
      height: 50px;
      width: 50px;
    }
    h3.cel-heading {
      font-size: 20px;
      line-height: 28px;
      width: calc(100% - 70px);
    }
    .heading-with-columns {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .heading-with-columns h2.sec-title {
      margin-bottom: 50px;
    }
  	.spectrum-thumb-item {
        width: 50%;
    }
    .meet-the-spectrum-content-item .col-7 {
		padding-left: 15px;
    	padding-right: 15px;
    }
    .spectrum-btns {
        display: block;
    }
    .btn-left {
        margin-bottom: 15px;
    }
    .ingredients-page section.text-with-content p {
        max-width: 100%; 
    } 
    .zigzag-row-content .col-6 {
		    padding: 0px 20px;
    }
  	.print_img img {
        filter: grayscale(0%);
        transition: .5s;
    }
  	.print_img .print-blog-date {
      bottom: 24px;
      transition: .5s;
      opacity: .9;
      color: #545c6c;
    }
  	.zigzag-img-with-txt .row.image_second,.row.image_first.zigzag-row-content{
        margin: 0;
    }
  	.zigzag-row-content .col-6{
     	padding:0; 
    }
  	.content-for-layout::after{
      background-repeat: no-repeat;
      position: fixed;
      background-attachment:inherit;
      top:15%;
    }
  	.print_section .print-row-item {
        width: 100%;
    }
  	.grossary-cat .row {
    	justify-content: flex-start;
      	flex-wrap:wrap;
	}
}

@media screen and (max-width:280px ) { 
	.text-with-key-facts {
        display: block !important;
	}
	.text-with-key-facts .key-facts-item.row-block {
    	 width: 100%!important; 
	}
}

.quiz_email_screen h3 {
  color: #545c6c;
  font-family: Avenir;
  font-size: 12px;
  font-weight: 900;
  font-style: normal;
  letter-spacing: normal;
  line-height: 30px;
}


