/** Shopify CDN: Minification failed

Line 5438:186 Unexpected "{"
Line 5626:39 Unexpected "("
Line 7310:41 Expected identifier but found "!"
Line 8045:27 Expected ":"

**/
html {scroll-behavior: smooth;}

/* SCROLLBARS CHROME X BROWSERS */

::-webkit-scrollbar {
  width: 4px !important;
}



::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px lightgrey; 
  border-radius: 0px;
}
 
::-webkit-scrollbar-thumb {
  background: grey; 
  border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
  background: #4100e6 !important; 
}

:root{
  scrollbar-color: rgb(65,0,230) rgb(210,210,210) !important;
  scrollbar-width: thin !important;
}

/* Typography */
	
	/* Aeroport Font */
	
	@font-face {
    font-family: 'Aeroport';
    src: url(/cdn/shop/t/36/assets/Aeroport-bold.eot?v=4501669306956787989);
    src:
        url(/cdn/shop/t/36/assets/Aeroport-bold.eot?%23iefix&v=4501669306956787989) format('embedded-opentype'),
        url(/cdn/shop/t/36/assets/Aeroport-bold.woff2?v=8430379176844585169) format('woff2'),
        url(/cdn/shop/t/36/assets/Aeroport-bold.woff?v=16367529782070192572) format('woff'),
        url(/cdn/shop/t/36/assets/Aeroport-bold.ttf?v=13815612108311626995) format('truetype'),
        url(/cdn/shop/t/36/assets/Aeroport-bold.svg%23Aeroport-Bold?60537) format('svg');
    font-style: normal;
    font-weight: 700;
  }

  @font-face {
    font-family: 'Aeroport';
    src: url(/cdn/shop/t/36/assets/Aeroport-light.eot?v=741492022319172014);
    src:
        url(/cdn/shop/t/36/assets/Aeroport-light.eot?%23iefix&v=741492022319172014) format('embedded-opentype'),
        url(/cdn/shop/t/36/assets/Aeroport-light.woff2?v=16549788850746659353) format('woff2'),
        url(/cdn/shop/t/36/assets/Aeroport-light.woff?v=14499325069445092940) format('woff'),
        url(/cdn/shop/t/36/assets/Aeroport-light.ttf?v=8417430077711128339) format('truetype'),
        url(/cdn/shop/t/36/assets/Aeroport-light.svg%23Aeroport-Light?60537) format('svg');
    font-style: normal;
    font-weight: 100;
  }

  @font-face {
    font-family: 'Aeroport';
    src: url(/cdn/shop/t/36/assets/Aeroport-light-italic.eot?v=4852377472607028657) format('embedded-opentype'),
        url(/cdn/shop/t/36/assets/Aeroport-light-italic.woff2?v=10251142074552535989) format('woff2'),
        url(/cdn/shop/t/36/assets/Aeroport-light-italic.woff?v=7947351889260190597) format('woff'),
        url(/cdn/shop/t/36/assets/Aeroport-light-italic.ttf?v=16513230624831051278) format('truetype'),
        url(/cdn/shop/t/36/assets/Aeroport-light-italic.svg%23Aeroport-LightItalic?60537) format('svg');
    font-style: italic;
    font-weight: 300;
  }

	/* Heading 1 */
	
    @media (min-width: 768px){
		h1, .h1, .h1 *:not(br)  {
          font-family: 'Aeroport' !important;
	      font-weight: 600 !important;
          font-size: 36px !important;
          letter-spacing: -0.04em !important;
          line-height: 38px !important;
          padding: 0 !important;
          
        }
      h1, .h1  {
          margin-bottom: 36px !important;
        }
      .h1.jumbo * {
          font-size: 72px !important;
          line-height: 74px !important;
      }
    }

	@media (max-width: 767px){
    	h1, .h1, .h1 *:not(br) {
          font-family: 'Aeroport' !important;
	      font-weight: 600 !important;
          font-size: 32px !important;
          letter-spacing: -0.04em !important;
          line-height: 34px !important;
          padding: 0 !important;
        }
      h1, .h1 {
          margin-bottom: 36px !important;
        }
    }

	/* Heading 2 */
	
    @media (min-width: 768px){
		h2, .h2, .h2 *:not(br), .h2-desktop, .manage-subscription-page h3 {
          font-family: 'Aeroport' !important;
	      font-weight: 600 !important;
          font-size: 24px !important;
          letter-spacing: -0.03em !important;
          line-height: 26px !important;
          padding: 0 !important;
        }
    }

	@media (max-width: 767px){
    	h2, .h2, .h2 *:not(br), .h2-mobile, .manage-subscription-page h3 {
          font-family: 'Aeroport' !important;
	      font-weight: 600 !important;
          font-size: 20px !important;
          letter-spacing: -0.03em !important;
          line-height: 22px !important;
          padding: 0 !important;
        }
    }

	/* Body 1 Title / Heading 3 / Buttons */
	
    @media (min-width: 768px){
		h3, .h3, .h3 *:not(br), .h3-desktop {
          font-family: 'Aeroport' !important;
	      font-weight: 600 !important;
          font-size: 18px !important;
          letter-spacing: -0.02em !important;
          line-height: 22px !important;
          padding: 0 !important;
        }
      	button, .button, .shg-btn, .tt-login-form .button-option .cf-enum-field__choice span {
          font-family: 'Aeroport' !important;
	      font-weight: 600 !important;
          font-size: 18px !important;
          letter-spacing: -0.02em !important;
          line-height: 22px !important;
        }
    }

	@media (max-width: 767px){
    	h3, .h3, .h3 *:not(br), .h3-mobile {
          font-family: 'Aeroport' !important;
	      font-weight: 600 !important;
          font-size: 16px !important;
          letter-spacing: -0.02em !important;
          line-height: 20px !important;
          padding: 0 !important;
        }
      	button, .button, .shg-btn, .tt-login-form .button-option .cf-enum-field__choice span {
          font-family: 'Aeroport' !important;
	      font-weight: 600 !important;
          font-size: 16px !important;
          letter-spacing: -0.02em !important;
          line-height: 20px !important;
        }
    }

	/* Body 1 Text / P / A */
	
    @media (min-width: 768px){
		p, .p, .p *:not(br), body, .tt-list li a {
          font-family: 'Aeroport' !important;
	      font-weight: 100 !important;

          letter-spacing: -0.02em !important;
          line-height: 22px !important;
          padding: 0 !important;
        }
        #SortBy p, #FilterTag p {
         font-size: 12px !important;
         line-height: 12px !important;
         vertical-align: top;
        }
    }

	@media (max-width: 767px){
    	p, .p, .p *:not(br), body, .tt-list li a {
          font-family: 'Aeroport' !important;
	      font-weight: 100 !important;
          font-size: 16px !important;
          letter-spacing: -0.02em !important;
          line-height: 20px !important;
          padding: 0 !important;
        }
        #SortBy p, #FilterTag p {
         font-size: 12px !important;
         line-height: 12px !important;
         vertical-align: top;
        }
    }

	p, body {
      color: #24272A !important;
    }

	a, .link {
        background: transparent;
        border: 0 solid transparent;
        color: #4100E6;
        padding: 0;
        margin: 0;
      
    }

	/* Body 2 Title / Heading 4 */
	
    @media (min-width: 768px){
		h4, .h4, .h4 *:not(br) {
          font-family: 'Aeroport' !important;
	      font-weight: 600 !important;
          font-size: 12px !important;
          letter-spacing: -0.01em !important;
          line-height: 14 px !important;
          padding: 0 !important;
        }
    }

	@media (max-width: 767px){
    	h4, .h4, .h4 *:not(br) {
          font-family: 'Aeroport' !important;
	      font-weight: 600 !important;
          font-size: 11px !important;
          letter-spacing: -0.01em !important;
          line-height: 14px !important;
          padding: 0 !important;
        }
    }

	/* Body 2 Text / Heading 5 */
	
    @media (min-width: 768px){
		h5, .h5, .h5 *:not(br) {
          font-family: 'Aeroport' !important;
	      font-weight: 100 !important;
          font-size: 12px !important;
          letter-spacing: -0.01em !important;
          line-height: 14px !important;
          padding: 0 !important;
        }
    }

	@media (max-width: 767px){
    	h5, .h5, .h5 *:not(br) {
          font-family: 'Aeroport' !important;
	      font-weight: 100 !important;
          font-size: 12px !important;
          letter-spacing: -0.01em !important;
          line-height: 14px !important;
          padding: 0 !important;
        }
    }
	/* Old CSS */

	.split-hero {
    transition: min-height .4s ease-in-out;
    background-color: #e9e9ea;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: (1fr)[2];
    grid-template-rows: repeat(2, 1fr);
    position: relative
}

.hide, .hidden {
  display: none !important;
}

.split-hero__column {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 50%;
    position: relative
}

.split-hero__column.split-hero__column--top {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.split-hero__column.split-hero__column--center {
    -ms-flex-pack: center;
    justify-content: center
}

.split-hero__column.split-hero__column--bottom {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.split-hero__column.split-hero__column--one {
    -ms-flex-order: 1;
    order: 1
}

.split-hero__image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.split-hero__image picture {
    display: block;
    height: 100%;
    width: 100%
}

.split-hero__image img,
.split-hero__image source {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.split-hero__content {
    padding-bottom: 2rem;
    padding-top: 2rem;
    position: relative
}

.split-hero__title {
    margin-bottom: 0;
    max-width: 70%
}

.split-hero__cta {
    margin-top: 2rem
}

@media (max-width:47.99em) {
    .split-hero {
        min-height: calc(100vh - 56px)
    }
}

@media (min-width:48em) {
    .split-hero {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .split-hero__column {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        position: relative;
        width: 50%
    }
    .split-hero__column.split-hero__column--one,
    .split-hero__column.split-hero__column--two {
        height: calc(100vh - 56px);
        max-height: 75vw;
        min-height: 50vw;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width:64em) {
    .split-hero__column.split-hero__column--one,
    .split-hero__column.split-hero__column--two {
        height: calc(100vh - 80px)
    }
    .split-hero__content {
        padding-bottom: 4rem;
        padding-top: 4rem
    }
    .split-hero__title {
        max-width: 90%
    }
    .split-hero__cta {
        margin-top: 4rem
    }
    .template-index .split-hero__cta {
        margin-top: 2rem
    }
}

@media (max-width:47.99em) {
    .cssgridlegacy .split-hero,
    .no-cssgrid .split-hero {
        display: block;
        min-height: calc(100vh - 56px);
        position: relative
    }
    .cssgridlegacy .split-hero__column,
    .no-cssgrid .split-hero__column {
        left: 0;
        min-height: 50%;
        position: absolute;
        top: 0;
        width: 100%
    }
    .cssgridlegacy .split-hero__column .cssgridlegacy .split-hero__column--one,
    .cssgridlegacy .split-hero__column.no-cssgrid .split-hero__column,
    .no-cssgrid .split-hero__column .cssgridlegacy .split-hero__column--one,
    .no-cssgrid .split-hero__column.no-cssgrid .split-hero__column {
        top: 50%
    }
    .cssgridlegacy .split-hero__column .cssgridlegacy .split-hero__column--two,
    .cssgridlegacy .split-hero__column.no-cssgrid .split-hero__column,
    .no-cssgrid .split-hero__column .cssgridlegacy .split-hero__column--two,
    .no-cssgrid .split-hero__column.no-cssgrid .split-hero__column {
        top: 0
    }
}
.template-product.template-product--component .split-hero__title {
    margin-bottom: 0
}
.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-ultramarine {
    color: #4100e6
}

.text-lime, .text-lime a {
    color: #eefad5;
}

.text-lavender {
    color: #d2d2da
}

.text-black {
    color: #000
}

.text-white {
    color: #fff
}

.text-charcoal {
    color: #24272a
}

.text-dark-grey {
    color: #898a8d
}

.text-mid-grey {
    color: #bbb
}

.text-light-grey {
    color: #e9e9ea
}
.full-width-container {
    padding: 0 1.5rem
}

@media (min-width:48em) {
    .full-width-container {
        padding: 0 2rem
    }
	.newsletter-signup__subtitle {
		max-width: 340px
	}
}

@media (min-width:64em) {
    .full-width-container {
        padding: 0 3rem
    }
}
.featured-text__copy:not(:last-child) {
    margin-bottom: 6rem
}

.featured-text.featured-text--pharmacist {
    display: none
}

.featured-text.featured-text--pharmacist.is-active {
    display: block
}

.template-password .featured-text {
    padding-bottom: 1rem
}

@media (min-width:48em) {
    .featured-text__copy:not(:last-child) {
        margin-bottom: 3rem
    }
}

@media (min-width:64em) {
    .template-password .featured-text {
        padding-bottom: 2.5rem
    }
}
    .featured-text__copy.h2.text-charcoal {
        margin-bottom: 1.5rem;
    }
.background-ultramarine {
    background-color: #4100e6
}

.background-lime {
    background-color: #eefad5
}

.background-lavender {
    background-color: #d2d2da
}

.background-black {
    background-color: #000
}

.background-white {
    background-color: #fff
}

.background-charcoal {
    background-color: #24272a
}

.background-dark-grey {
    background-color: #898a8d
}

.background-mid-grey {
    background-color: #bbb
}

.background-light-grey {
    background-color: #e9e9ea
}
.section-row,
.template-password .product-switcher,
.template-product.template-product--component .faqs,
.template-product.template-product--component .product-details .image-content {
    padding: 2rem 0
}

@media (min-width:48em) {
    .section-row,
    .template-password .product-switcher,
    .template-product.template-product--component .faqs,
    .template-product.template-product--component .product-details .image-content {
        padding: 3rem 0
    }
}

@media (min-width:64em) {
    .section-row,
    .template-password .product-switcher,
    .template-product.template-product--component .faqs,
    .template-product.template-product--component .product-details .image-content {
        padding: 5rem 0
    }
}

.section-title {
    margin-bottom: 2.5rem
}

@media (min-width:48em) {
    .section-title {
        margin-bottom: 4rem
    }
}

@media (min-width:64em) {
    .section-title {
        margin-bottom: 6rem
    }
}

.col .row {
    margin-left: -1rem;
    margin-right: -1rem
}

.row {
    margin-left: auto;
    margin-right: auto
}

.row:last-child {
    margin-bottom: 0
}

.row.no-gutter .col {
    padding: 0
}

.row:after {
    clear: both;
    content: "";
    display: table
}

.row.row--flex {
    display: -ms-flexbox;
    display: flex
}

.row .col {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding: 0 .5rem
}

.row .col.no-gutter {
    padding: 0
}

.row .col[class*=pull-],
.row .col[class*=push-] {
    position: relative
}

.row .col.xs1 {
    width: 8.33333%
}

.row .col.xs1,
.row .col.xs2 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.xs2 {
    width: 16.66667%
}

.row .col.xs3 {
    width: 25%
}

.row .col.xs3,
.row .col.xs4 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.xs4 {
    width: 33.33333%
}

.row .col.xs5 {
    width: 41.66667%
}

.row .col.xs5,
.row .col.xs6 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.xs6 {
    width: 50%
}

.row .col.xs7 {
    width: 58.33333%
}

.row .col.xs7,
.row .col.xs8 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.xs8 {
    width: 66.66667%
}

.row .col.xs9 {
    width: 75%
}

.row .col.xs10,
.row .col.xs9 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.xs10 {
    width: 83.33333%
}

.row .col.xs11 {
    width: 91.66667%
}

.row .col.xs11,
.row .col.xs12 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.xs12 {
    width: 100%
}

.row .col.offset-xs1 {
    margin-left: 8.33333%
}

.row .col.pull-xs1 {
    right: 8.33333%
}

.row .col.push-xs1 {
    left: 8.33333%
}

.row .col.offset-xs2 {
    margin-left: 16.66667%
}

.row .col.pull-xs2 {
    right: 16.66667%
}

.row .col.push-xs2 {
    left: 16.66667%
}

.row .col.offset-xs3 {
    margin-left: 25%
}

.row .col.pull-xs3 {
    right: 25%
}

.row .col.push-xs3 {
    left: 25%
}

.row .col.offset-xs4 {
    margin-left: 33.33333%
}

.row .col.pull-xs4 {
    right: 33.33333%
}

.row .col.push-xs4 {
    left: 33.33333%
}

.row .col.offset-xs5 {
    margin-left: 41.66667%
}

.row .col.pull-xs5 {
    right: 41.66667%
}

.row .col.push-xs5 {
    left: 41.66667%
}

.row .col.offset-xs6 {
    margin-left: 50%
}

.row .col.pull-xs6 {
    right: 50%
}

.row .col.push-xs6 {
    left: 50%
}

.row .col.offset-xs7 {
    margin-left: 58.33333%
}

.row .col.pull-xs7 {
    right: 58.33333%
}

.row .col.push-xs7 {
    left: 58.33333%
}

.row .col.offset-xs8 {
    margin-left: 66.66667%
}

.row .col.pull-xs8 {
    right: 66.66667%
}

.row .col.push-xs8 {
    left: 66.66667%
}

.row .col.offset-xs9 {
    margin-left: 75%
}

.row .col.pull-xs9 {
    right: 75%
}

.row .col.push-xs9 {
    left: 75%
}

.row .col.offset-xs10 {
    margin-left: 83.33333%
}

.row .col.pull-xs10 {
    right: 83.33333%
}

.row .col.push-xs10 {
    left: 83.33333%
}

.row .col.offset-xs11 {
    margin-left: 91.66667%
}

.row .col.pull-xs11 {
    right: 91.66667%
}

.row .col.push-xs11 {
    left: 91.66667%
}

.row .col.offset-xs12 {
    margin-left: 100%
}

.row .col.pull-xs12 {
    right: 100%
}

.row .col.push-xs12 {
    left: 100%
}

@media (min-width:28.125em) {
    .row .col.s1 {
        width: 8.33333%
    }
    .row .col.s1,
    .row .col.s2 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.s2 {
        width: 16.66667%
    }
    .row .col.s3 {
        width: 25%
    }
    .row .col.s3,
    .row .col.s4 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.s4 {
        width: 33.33333%
    }
    .row .col.s5 {
        width: 41.66667%
    }
    .row .col.s5,
    .row .col.s6 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.s6 {
        width: 50%
    }
    .row .col.s7 {
        width: 58.33333%
    }
    .row .col.s7,
    .row .col.s8 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.s8 {
        width: 66.66667%
    }
    .row .col.s9 {
        width: 75%
    }
    .row .col.s10,
    .row .col.s9 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.s10 {
        width: 83.33333%
    }
    .row .col.s11 {
        width: 91.66667%
    }
    .row .col.s11,
    .row .col.s12 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.s12 {
        width: 100%
    }
    .row .col.offset-s1 {
        margin-left: 8.33333%
    }
    .row .col.pull-s1 {
        right: 8.33333%
    }
    .row .col.push-s1 {
        left: 8.33333%
    }
    .row .col.offset-s2 {
        margin-left: 16.66667%
    }
    .row .col.pull-s2 {
        right: 16.66667%
    }
    .row .col.push-s2 {
        left: 16.66667%
    }
    .row .col.offset-s3 {
        margin-left: 25%
    }
    .row .col.pull-s3 {
        right: 25%
    }
    .row .col.push-s3 {
        left: 25%
    }
    .row .col.offset-s4 {
        margin-left: 33.33333%
    }
    .row .col.pull-s4 {
        right: 33.33333%
    }
    .row .col.push-s4 {
        left: 33.33333%
    }
    .row .col.offset-s5 {
        margin-left: 41.66667%
    }
    .row .col.pull-s5 {
        right: 41.66667%
    }
    .row .col.push-s5 {
        left: 41.66667%
    }
    .row .col.offset-s6 {
        margin-left: 50%
    }
    .row .col.pull-s6 {
        right: 50%
    }
    .row .col.push-s6 {
        left: 50%
    }
    .row .col.offset-s7 {
        margin-left: 58.33333%
    }
    .row .col.pull-s7 {
        right: 58.33333%
    }
    .row .col.push-s7 {
        left: 58.33333%
    }
    .row .col.offset-s8 {
        margin-left: 66.66667%
    }
    .row .col.pull-s8 {
        right: 66.66667%
    }
    .row .col.push-s8 {
        left: 66.66667%
    }
    .row .col.offset-s9 {
        margin-left: 75%
    }
    .row .col.pull-s9 {
        right: 75%
    }
    .row .col.push-s9 {
        left: 75%
    }
    .row .col.offset-s10 {
        margin-left: 83.33333%
    }
    .row .col.pull-s10 {
        right: 83.33333%
    }
    .row .col.push-s10 {
        left: 83.33333%
    }
    .row .col.offset-s11 {
        margin-left: 91.66667%
    }
    .row .col.pull-s11 {
        right: 91.66667%
    }
    .row .col.push-s11 {
        left: 91.66667%
    }
    .row .col.offset-s12 {
        margin-left: 100%
    }
    .row .col.pull-s12 {
        right: 100%
    }
    .row .col.push-s12 {
        left: 100%
    }
}

@media (min-width:48em) {
    .row .col.m1 {
        width: 8.33333%
    }
    .row .col.m1,
    .row .col.m2 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.m2 {
        width: 16.66667%
    }
    .row .col.m3 {
        width: 25%
    }
    .row .col.m3,
    .row .col.m4 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.m4 {
        width: 33.33333%
    }
    .row .col.m5 {
        width: 41.66667%
    }
    .row .col.m5,
    .row .col.m6 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.m6 {
        width: 50%
    }
    .row .col.m7 {
        width: 58.33333%
    }
    .row .col.m7,
    .row .col.m8 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.m8 {
        width: 66.66667%
    }
    .row .col.m9 {
        width: 75%
    }
    .row .col.m10,
    .row .col.m9 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.m10 {
        width: 83.33333%
    }
    .row .col.m11 {
        width: 91.66667%
    }
    .row .col.m11,
    .row .col.m12 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.m12 {
        width: 100%
    }
    .row .col.offset-m1 {
        margin-left: 8.33333%
    }
    .row .col.pull-m1 {
        right: 8.33333%
    }
    .row .col.push-m1 {
        left: 8.33333%
    }
    .row .col.offset-m2 {
        margin-left: 16.66667%
    }
    .row .col.pull-m2 {
        right: 16.66667%
    }
    .row .col.push-m2 {
        left: 16.66667%
    }
    .row .col.offset-m3 {
        margin-left: 25%
    }
    .row .col.pull-m3 {
        right: 25%
    }
    .row .col.push-m3 {
        left: 25%
    }
    .row .col.offset-m4 {
        margin-left: 33.33333%
    }
    .row .col.pull-m4 {
        right: 33.33333%
    }
    .row .col.push-m4 {
        left: 33.33333%
    }
    .row .col.offset-m5 {
        margin-left: 41.66667%
    }
    .row .col.pull-m5 {
        right: 41.66667%
    }
    .row .col.push-m5 {
        left: 41.66667%
    }
    .row .col.offset-m6 {
        margin-left: 50%
    }
    .row .col.pull-m6 {
        right: 50%
    }
    .row .col.push-m6 {
        left: 50%
    }
    .row .col.offset-m7 {
        margin-left: 58.33333%
    }
    .row .col.pull-m7 {
        right: 58.33333%
    }
    .row .col.push-m7 {
        left: 58.33333%
    }
    .row .col.offset-m8 {
        margin-left: 66.66667%
    }
    .row .col.pull-m8 {
        right: 66.66667%
    }
    .row .col.push-m8 {
        left: 66.66667%
    }
    .row .col.offset-m9 {
        margin-left: 75%
    }
    .row .col.pull-m9 {
        right: 75%
    }
    .row .col.push-m9 {
        left: 75%
    }
    .row .col.offset-m10 {
        margin-left: 83.33333%
    }
    .row .col.pull-m10 {
        right: 83.33333%
    }
    .row .col.push-m10 {
        left: 83.33333%
    }
    .row .col.offset-m11 {
        margin-left: 91.66667%
    }
    .row .col.pull-m11 {
        right: 91.66667%
    }
    .row .col.push-m11 {
        left: 91.66667%
    }
    .row .col.offset-m12 {
        margin-left: 100%
    }
    .row .col.pull-m12 {
        right: 100%
    }
    .row .col.push-m12 {
        left: 100%
    }
}

@media (min-width:64em) {
    .row .col.l1 {
        width: 8.33333%
    }
    .row .col.l1,
    .row .col.l2 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.l2 {
        width: 16.66667%
    }
    .row .col.l3 {
        width: 25%
    }
    .row .col.l3,
    .row .col.l4 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.l4 {
        width: 33.33333%
    }
    .row .col.l5 {
        width: 41.66667%
    }
    .row .col.l5,
    .row .col.l6 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.l6 {
        width: 50%
    }
    .row .col.l7 {
        width: 58.33333%
    }
    .row .col.l7,
    .row .col.l8 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.l8 {
        width: 66.66667%
    }
    .row .col.l9 {
        width: 75%
    }
    .row .col.l10,
    .row .col.l9 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.l10 {
        width: 83.33333%
    }
    .row .col.l11 {
        width: 91.66667%
    }
    .row .col.l11,
    .row .col.l12 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.l12 {
        width: 100%
    }
    .row .col.offset-l1 {
        margin-left: 8.33333%
    }
    .row .col.pull-l1 {
        right: 8.33333%
    }
    .row .col.push-l1 {
        left: 8.33333%
    }
    .row .col.offset-l2 {
        margin-left: 16.66667%
    }
    .row .col.pull-l2 {
        right: 16.66667%
    }
    .row .col.push-l2 {
        left: 16.66667%
    }
    .row .col.offset-l3 {
        margin-left: 25%
    }
    .row .col.pull-l3 {
        right: 25%
    }
    .row .col.push-l3 {
        left: 25%
    }
    .row .col.offset-l4 {
        margin-left: 33.33333%
    }
    .row .col.pull-l4 {
        right: 33.33333%
    }
    .row .col.push-l4 {
        left: 33.33333%
    }
    .row .col.offset-l5 {
        margin-left: 41.66667%
    }
    .row .col.pull-l5 {
        right: 41.66667%
    }
    .row .col.push-l5 {
        left: 41.66667%
    }
    .row .col.offset-l6 {
        margin-left: 50%
    }
    .row .col.pull-l6 {
        right: 50%
    }
    .row .col.push-l6 {
        left: 50%
    }
    .row .col.offset-l7 {
        margin-left: 58.33333%
    }
    .row .col.pull-l7 {
        right: 58.33333%
    }
    .row .col.push-l7 {
        left: 58.33333%
    }
    .row .col.offset-l8 {
        margin-left: 66.66667%
    }
    .row .col.pull-l8 {
        right: 66.66667%
    }
    .row .col.push-l8 {
        left: 66.66667%
    }
    .row .col.offset-l9 {
        margin-left: 75%
    }
    .row .col.pull-l9 {
        right: 75%
    }
    .row .col.push-l9 {
        left: 75%
    }
    .row .col.offset-l10 {
        margin-left: 83.33333%
    }
    .row .col.pull-l10 {
        right: 83.33333%
    }
    .row .col.push-l10 {
        left: 83.33333%
    }
    .row .col.offset-l11 {
        margin-left: 91.66667%
    }
    .row .col.pull-l11 {
        right: 91.66667%
    }
    .row .col.push-l11 {
        left: 91.66667%
    }
    .row .col.offset-l12 {
        margin-left: 100%
    }
    .row .col.pull-l12 {
        right: 100%
    }
    .row .col.push-l12 {
        left: 100%
    }
}

@media (min-width:83em) {
    .row .col.w1 {
        width: 8.33333%
    }
    .row .col.w1,
    .row .col.w2 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.w2 {
        width: 16.66667%
    }
    .row .col.w3 {
        width: 25%
    }
    .row .col.w3,
    .row .col.w4 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.w4 {
        width: 33.33333%
    }
    .row .col.w5 {
        width: 41.66667%
    }
    .row .col.w5,
    .row .col.w6 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.w6 {
        width: 50%
    }
    .row .col.w7 {
        width: 58.33333%
    }
    .row .col.w7,
    .row .col.w8 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.w8 {
        width: 66.66667%
    }
    .row .col.w9 {
        width: 75%
    }
    .row .col.w10,
    .row .col.w9 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.w10 {
        width: 83.33333%
    }
    .row .col.w11 {
        width: 91.66667%
    }
    .row .col.w11,
    .row .col.w12 {
        left: auto;
        margin-left: auto;
        right: auto
    }
    .row .col.w12 {
        width: 100%
    }
    .row .col.offset-w1 {
        margin-left: 8.33333%
    }
    .row .col.pull-w1 {
        right: 8.33333%
    }
    .row .col.push-w1 {
        left: 8.33333%
    }
    .row .col.offset-w2 {
        margin-left: 16.66667%
    }
    .row .col.pull-w2 {
        right: 16.66667%
    }
    .row .col.push-w2 {
        left: 16.66667%
    }
    .row .col.offset-w3 {
        margin-left: 25%
    }
    .row .col.pull-w3 {
        right: 25%
    }
    .row .col.push-w3 {
        left: 25%
    }
    .row .col.offset-w4 {
        margin-left: 33.33333%
    }
    .row .col.pull-w4 {
        right: 33.33333%
    }
    .row .col.push-w4 {
        left: 33.33333%
    }
    .row .col.offset-w5 {
        margin-left: 41.66667%
    }
    .row .col.pull-w5 {
        right: 41.66667%
    }
    .row .col.push-w5 {
        left: 41.66667%
    }
    .row .col.offset-w6 {
        margin-left: 50%
    }
    .row .col.pull-w6 {
        right: 50%
    }
    .row .col.push-w6 {
        left: 50%
    }
    .row .col.offset-w7 {
        margin-left: 58.33333%
    }
    .row .col.pull-w7 {
        right: 58.33333%
    }
    .row .col.push-w7 {
        left: 58.33333%
    }
    .row .col.offset-w8 {
        margin-left: 66.66667%
    }
    .row .col.pull-w8 {
        right: 66.66667%
    }
    .row .col.push-w8 {
        left: 66.66667%
    }
    .row .col.offset-w9 {
        margin-left: 75%
    }
    .row .col.pull-w9 {
        right: 75%
    }
    .row .col.push-w9 {
        left: 75%
    }
    .row .col.offset-w10 {
        margin-left: 83.33333%
    }
    .row .col.pull-w10 {
        right: 83.33333%
    }
    .row .col.push-w10 {
        left: 83.33333%
    }
    .row .col.offset-w11 {
        margin-left: 91.66667%
    }
    .row .col.pull-w11 {
        right: 91.66667%
    }
    .row .col.push-w11 {
        left: 91.66667%
    }
    .row .col.offset-w12 {
        margin-left: 100%
    }
    .row .col.pull-w12 {
        right: 100%
    }
    .row .col.push-w12 {
        left: 100%
    }
}
.image-content {
    position: relative
}

.template-index .image-content__image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    margin-bottom: 4rem;
    padding-bottom: 50%;
    width: 100%
}
.image-content__image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    margin-bottom: 4rem;
    padding-bottom: 133.33333%;
    width: 100%;
}
.image-content__image.image-content__image--component-image {
    background-position: 50% 100%;
    background-size: contain;
    padding-bottom: 151.11111%
}

.image-content__image.image-content__image--contain {
    background-position: 100% 100%;
    background-size: contain;
    margin-bottom: 0;
    padding-bottom: 66.66667%
}

.image-content__title {
    margin-bottom: 1.5rem
}

.image-content__copy:empty {
    display: none
}

.image-content__copy:not(:last-child) {
    margin-bottom: 1.5rem
}

.image-content__note {
    font-style: normal;
    margin-top: auto
}

.image-content__logo {
    display: inline-block;
    margin-right: 2rem;
    max-height: 3rem
}

.image-content.image-content--text-first-mobile .image-content__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.image-content.image-content--text-first-mobile .image-content__column--image {
    -ms-flex-order: 1;
    order: 1
}

.image-content.image-content--text-first-mobile .image-content__image {
    margin-bottom: 0
}

.image-content.image-content--text-first-mobile .image-content__column--content {
    margin-bottom: 4rem;
    margin-left: 0
}

.image-content.image-content--text-first-mobile .image-content__column--no-logos {
    margin-bottom: 0
}

@media (max-width:47.99em) {
    .image-content.image-content--full-bleed-mobile {
        padding-top: 0
    }
    .image-content.image-content--full-bleed-mobile .container {
        padding: 0
    }
    .image-content.image-content--full-bleed-mobile .image-content__column--image {
        width: 100%
    }
    .image-content.image-content--full-bleed-mobile .image-content__column--content {
        padding: 0 1rem
    }
}

@media (min-width:48em) {
    .image-content__column-wrapper {
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
    .image-content__column-wrapper .image-content__column--image {
        padding: 0 1.5rem
    }
    .image-content__column {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .image-content__image {
        margin-bottom: 0
    }
    .image-content__title {
        margin-bottom: 2rem
    }
    .image-content__logos {
        margin-top: 4rem
    }
    .image-content__copy:not(:last-child) {
        margin-bottom: 2rem
    }
    .image-content__column--content {
        -ms-flex-align: start;
        align-items: start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .image-content__column--content .image-content__note {
    }
    .image-content.image-content--image-right .image-content__column--image {
        -ms-flex-order: 1;
        order: 1
    }
    .image-content.image-content--full-bleed-image {
        display: -ms-flexbox;
        display: flex;
        height: 100vh;
        max-height: 75vw;
        min-height: 50vw;
        align-content: center;
        align-items: center;
    }
    .image-content.image-content--full-bleed-image .image-content__column--image {
        height: 100%;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        width: 50%
    }
    .image-content.image-content--full-bleed-image .image-content__image {
        height: 100%;
        padding-bottom: 0
    }
    .image-content.image-content--full-bleed-image.image-content--image-right .image-content__column--image {
        left: inherit;
        padding: 0;
        right: 0
    }
    .image-content.image-content--full-bleed-image.image-content--image-right .image-content__column--content {
        margin-left: 0
    }
    .image-content.image-content--full-bleed-image .container {
        display: -ms-flexbox;
        display: flex
    }
    .image-content-logos-section .image-content.image-content--full-bleed-image {
        height: auto;
        min-height: 0
    }
    .image-content.image-content--full-bleed-mobile {
        padding: 9rem 0 6rem
    }
    .image-content.image-content--text-first-mobile .image-content__row {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .image-content.image-content--contain-image .image-content__column--image {
        bottom: 6rem;
        height: auto
    }
}

@media (min-width:48em) and (max-width:63.99em) {
    .image-content.image-content--full-bleed-image.image-content--image-right .image-content__column--content {
        margin-left: 0
    }
}

@media (min-width:64em) {
    .image-content__title {
        margin-bottom: 2.5rem
    }
    .image-content__logos {
        margin-top: 4rem
    }
    .image-content__logo {
        margin-right: 3rem;
        max-height: none
    }
    .image-content__copy:not(:last-child) {
        margin-bottom: 2.5rem
    }
    .image-content.image-content--contain-image .image-content__column--image {
        bottom: 9rem
    }
    .image-content-logos-section .image-content .image-content__title {
        max-width: 60%
    }
    .image-content-logos-section .image-content .image-content__column--content {
        padding-right: 3rem
    }
    .image-content-logos-section .image-content .image-content__column--image {
        width: 57.69231%
    }
}

@media (min-width:48em) {
    .image-content-logos .image-content__title {
        width: 50%
    }
}

@media (min-width:74.0625em) {
    .image-content-logos .image-content__title {
        width: 41.66667%
    }
}

footer {
    margin-top: 0px !important;
}

.tt-login-form strong {
    margin-bottom: 15px;
    display: block;
}

.tt-login-form .cf-enum-field__choice input[type="radio"], .tt-login-form .cf-enum-field__choice input[type="checkbox"] {
    display: none !important;
}

.pagepage\.register-recommendation .tt-title {
    display: none;
}

.tt-login-form .cf-field > label {
    color: #2c2c2c;
    margin-bottom: 20px;
}
.tt-btn-addtocart.addtocart-item-js.thumbprod-button-bg {
    background-color: #24272a !important;
    border-radius: 0px !important;
    color: #eefad5 !important;
}
.tt-btn-addtocart.addtocart-item-js.thumbprod-button-bg:hover {
    background-color: #4100e6 !important;
}
.tt-options-swatch:not(.options-large):not(.options-middle) li a {
    border-radius: 0px !important;
    padding: 10px;
    color: #dbe6c4;
    background: #24272a;
}
body:not(.touch-device) ul.tt-options-swatch li:hover a:not(.options-color), ul.tt-options-swatch li.active a:not(.options-color) {
    background: #4100e6 !important;
    color: #eefad5 !important;
    border-radius: 0px !important;
}
.tt-btn-addtocart.addtocart-item-js.thumbprod-button-bg:hover {
    background-color: #4100e6 !important;
}
.tt-product {
    background: #e9e9ea;
    padding: 20px;
    margin-bottom: 20px;
}
.tt-product .tt-description {
    background: #e9e9ea;
}
.tt-product-inside-hover {
    background: #e9e9ea !important;
}
.tt-collapse {
    background: #e9e9ea;
    padding: 20px;
}
.container-indent.collection-bg {
    background: #bbb;
}
.container-indent.collection-bg {
    margin-top: 0px !important;
}
.shopify-section-product-template .container-indent {
    background: #e9e9ea;
    margin: 0px !important;
    padding: 6% 0% 0% 0%;
}

/* Scroll Issue Resolve */

.hidden {display: none;}

/* New Shop Design */

.pagecollection h1 {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 25px !important;
    top: 0;
}

.filter-text {
    color: black;
    top: 0;
    margin-top: 25px;
    position: relative;
}

.product-options .radio {
    height: 100% !important;
}


.p-colla {min-height:135px !important; margin-top: 17px;}
.p-collap-collb {min-height:185px !important; margin-top: 17px;}

@media (max-width: 1024px){

.p-colla {min-height:inherit!important;}
.p-collap-collb {min-height:inherit!important;}
  
  header .tt-dropdown-obj:not(.tt-search) .tt-dropdown-menu {
    -webkit-transform: translate(100%, 0) !important;
    -ms-transform: translate(100%, 0) !important;
    transform: translate(100%, 0) !important;
    -webkit-transform: translate3d(100%, 0, 0) !important;
    transform: translate3d(100%, 0, 0) !important;
}
  header .tt-cart.active .tt-dropdown-menu, header .tt-account.active .tt-dropdown-menu, header .tt-multi-obj.active .tt-dropdown-menu {
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}
  .pagecollection h1 {
      margin-top: 0 !important;
      top: 0%;
  }

  .filter-text {
      top: 0%;
      margin-top: 25px;
  }
  .percentage-container {
      width: 70%;
      left: 40%;
  }
  
  .container.recommendation-container {
    padding: 20px 10px 40px 10px !important;
}
  /*
  .container, body .limit-row, body .left-limit, body .right-limit {
    padding: 40px 60px 40px 20px !important;
    max-width: 100%;
}
  /*/
  .col-sm-12 > p {
    padding-right: 60px !important;
}
  .which-plan .container {
    padding: 40px 20px !important;
}

  .container.carousel-container {
    padding-right: 0 !important;
}
  .collection-bg .container {
    padding-right: 20px !important;
}
}

#FilterTagToggle span, #SortByToggle span {
  background-image: url('https://cdn.shopify.com/s/files/1/0032/1303/3521/t/5/assets/Sons_Close.png?v=1605785097');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 10px;
  top: 5px;
  position: relative;
}

#FilterTagContainer.hidden span {
  background-image: url('https://cdn.shopify.com/s/files/1/0032/1303/3521/t/5/assets/Sons_Filter.png?v=1605785097');
}

#SortByContainer.hidden span {
  background-image: url('https://cdn.shopify.com/s/files/1/0032/1303/3521/t/5/assets/Sons_Sort.png?v=1605785097');
}

#FilterTagContainer, #SortByContainer {
    border-top: 1px solid #999;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 10px;
}

#FilterTagToggle, #SortByToggle {
    display: inline-block;
  	margin-bottom: 20px;
    width: calc( 100% - 50px);
}

#FilterTagToggle:hover, #SortByToggle:hover, #FilterTagClear:hover, #SortByClear:hover, #FilterTag label:hover, #SortBy label:hover {
	cursor: pointer;
}

#FilterTag input[type="radio"], #SortBy input[type="radio"] {
    display: none;
}

#SortBy label, #FilterTag label {
  color: #000;
  margin-bottom: 0;
}

#SortBy label::before, #FilterTag label::before {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 1px solid black;
    border-radius: 50px;
    margin-right: 10px;
    vertical-align: top;
}

#SortBy input[type="radio"]:checked+label::before, #FilterTag input[type="radio"]:checked+label::before {
  background: #000;
}

.first-order-price {
    display: none;
}

.first-order-price.show {
    display: block;
}

.regular-price::after {
    content: "";
    width: 100%;
    right:0;
    left:0;
    height: 2px;
    background: #898a8d;
    display: block;
    top: 60%;
    position: absolute;
}

.regular-price {
    display: inline-block;
    position: relative;
	color: #898a8d;
    font-weight: 100 !important;
}

.sons-product-grid-item .sons-product-grid-title {
    background: #FFFFFF;
    padding: 20px !important;
  	margin: 0 !important;
    display: flex;
}
      
.sons-product-grid-title h4 {
    width: 25%;
  text-align: right;
}
      
.sons-product-grid-title h2 {
    width: 75%;
}

.sons-product-grid-inner {
    background: #E9E9EA;
    padding: 20px;
    margin-bottom: 20px;
  color: #000;
}

.hair-level img {
    width: 40px;
    display: inline-block;
}

.hair-level p {
    display: inline-block;
    width: calc( 100% - 40px);
    color: black;
}

.hair-level {
    margin-bottom: 20px;
}

.product-options input {
    display: none;
}

.product-options {
    list-style: none;
    flex-basis: 0;
    flex-grow: 1;
  	position: relative;
}

.variant-options {
    padding: 0;
    display: flex;
    width: 100%;
}

.product-options label {
    background: #FFF;
    border: 1px solid #FFF;
    padding: 10px;
    text-align: center;
}

/* Black Friday Styling */

.product-options label .discount-save-bf {
background: #333333 !important;
color: #ffffff;
border: 2px solid #E9E9EA;
position: absolute;
bottom: 0;
margin: 0 auto;
text-align: center;
padding: 0 5px !important;
}

.discount-saver {background:#4100E6; text-align:center; height:50px;  padding-top:12px;}
.discount-saver p {color:#fff !important; font-size:18px; }

.product-options input[type="radio"]:checked + label .discount-save-bf {
border-color: #4100E6;
background: #4100E6 !important; color: #ffffff;
}

.bg_save {background: #eefad5 url(/cdn/shop/files/save_grad.png?v=1698837568) !important; background-size: cover !important; object-fit: cover;}

.marquee-bf { 
width: 100%; 
overflow: hidden; 
white-space: nowrap; 
} 

.marquee-bf span { 
display: inline-block;  
padding-right: 100%; 
animation: marqueebf 25s linear infinite; 
} 

@keyframes marqueebf { 
0% { 
transform: translate(0, 0); 
} 
100% { 
transform: translate(-13%, 0); 
} 
} 

.marquee-bf p {color:#ffffff !important;}
.marquee-bf b {margin:0px 10px;}

.marqueem {position: relative;width: 100vw;max-width: 100%;height: 20px;overflow-x: hidden;}
.trackm {position: absolute;white-space: nowrap;will-change: transform;animation: marqueem 20s linear infinite;}

@keyframes marqueem {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}


/* Black Friday Styling */


.subscription-length {
    margin-top: 0;
}

.percentage-container {
    position: absolute;
    top: -24px;
    height: 20px;
    width: 100%;
    left: 0;
	text-align: center;
    right: 0;
}

.percentage-saving {
    margin: 0;
    color: white;
    text-align: center;
    background: #4100E6;
    border: 2px solid #4100E6;
    display: inline-block;
    padding: 0 5px !important;
}



.recurring-delivery {
    display: block;
    margin-bottom: 20px;
    color: black;
    margin-top: 20px;
}

.subscription-price, .per-mon {
    margin-top: 5px;
}

.offer-text {
    color: #898a8d;
}

.offer-text, .offer-discount {
    display: inline-block;
    width: 50%;
}

.first-order-price {
    text-align: right;
}

.find-out-more {
    width: 100%;
    display: block;
    color: #4100e6;
    margin-top: 20px;
}

.pageproduct {
    background: #e9e9ea;
}

.sons-faq .body-text {
    display: none;
}

.sons-faq.show .body-text {
    display: block;
}

.sons-faq .body-text ul {
    padding-left: 17px;
    margin-bottom: 40px;
}

.sons-faq .body-text li {
    margin-bottom: 10px;
}

.sons-faq {
    list-style: none;
}

.sons-faqs-container {
    background: #bbbbbb;
}

.sons-faq {
    list-style: none;
    border-top: 1px solid #898a8d;
    padding-top: 10px;
}

.sons-not-sure .image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.embed-container { 
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sons-faqs {
    padding-left: 0;
}

.look-familiar {float: right; top:0; right:30px; position:absolute; }

.look-familiar img {
    max-width: 40px !important;
    margin-top: 10px;
}

.look-familiar p {
    color: black;
    margin-bottom: 50px;
}

.pageproduct .cartbutton {
    margin-bottom: 0;
}

.hair-level-container {
    display: flex;
    width: 100%;
}

.hair-level-container div{
    width: 50%;
}

.sons-product-info strong {
    color: black;
}

.sons-product-info p, .sons-faqs p, .not-sure-text p {
    color: black;
    margin-top: 0;
    margin-bottom: 25px;
}

.tt-product-single-info {
    padding-left: 0;
}

.sons-product-label {
    margin-bottom: 5px !important;
}

.product-options label p {
    color: black;
}

.sons-faqs label {
    color: black;
  margin-bottom: 10px;
  display: block;
  position: relative;
}

.sons-faqs label:hover {
    cursor: pointer;
}

.sons-faqs label::after {
    content: none;
    height: 24px;
    width: 24px;
    display: inline-block;
    background-image: url('https://cdn.shopify.com/s/files/1/0032/1303/3521/t/5/assets/Sons_Close.png?v=1605785343');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: -2px;
    transform: rotate(45deg);
}

.sons-faqs .show label::after {
    transform: rotate(0deg);
}

.sons-faqs p {
    margin-bottom: 36px;
}

.half-container {
    max-width: 50vw;
  padding-left: 8vw;
  padding-right: 8vw;
}


.not-sure-text {
    padding-top: 80px;
    padding-bottom: 160px;
    padding-right: 0;
    padding-left: 0;
}

.beard-text {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 0;
    padding-left: 0;
   margin-left: -30px !important;
}



@media (max-width: 767px){
/*
  
  .hair-icons-consultation .cf-enum-field__choice {
    flex-basis: 140px;
}
    .hair-icons-consultation .cf-enum-field__choice {
    max-width: 143px !important;
}
  .hair-icons-consultation .cf-enum-field__choice span {
    font-size: 0 !important;
}
  .hair-icons-consultation .cf-enum-field__choice span:after {
    margin: 0 !important;
}
*/
  .not-sure-text {
      padding-top: 0;
      padding-bottom: 0;
  }
  .mobile-fiddy {
  height: calc(50vh - 27px);
  }
  .sons-gut-health-carousel .carousel-cell.gut {
    width: 80% !important;
}
  .gut_health .container.gut-carousel-container {
    padding-right: 0 !important;
}
    .carousel-cell:not(.gut), .sons-medical-team-carousel .carousel-cell {
      width: 100% !important;
  }

.sons-hair-growth-products-cycle-carousel .carousel-cell {
	width: 100% !important;
	text-align: center;
}

  
    .hair-growth-cycle .flickity-page-dots, .hair-growth-products-cycle .flickity-page-dots {
      display: block;
  }
}

.not-sure-text p {
    margin: 20px 0 40px;
}



.tt-mobile-product-slider.visible-xs.arrow-location-center.slick-animated-show-js.slick-initialized.slick-slider.slick-dotted {
    display: none;
}

.subscription-price, .per-mon {
    padding: 0 !important;
    margin: 5px 0 0 0 !important;
}

.subscription-length {
    padding: 0 !important;
    margin: 0;
}

.offer-text h5 {
    margin-bottom: 0;
    color: #898A8D;
}

.offer-price {
    color: #24272A;
}

.offer-container {
    margin: 20px 0;
}

.hero-text {
    max-width: 322px;
}


.hair-level h5 {
    display: inline-block;
    width: calc(100% - 40px);
}

.sons-product-grid-inner .recurring-delivery {
    margin-bottom: 5px;
}

.filter-col .row {
    margin-left: -10px;
    margin-right: -10px;
}

.filter-col p {
    display: inline-block;
}
.icons-columns .shg-c-xs-6:first-child {
    width: 20% !important;
}
.icons-columns .shg-c-xs-6:last-child {
    width: 80% !important;
}

@media (max-width: 576px){
  .row > div.col-xs-12 {
      padding: 0 !important;
  }
}

@media (max-width: 767px){
  .full-height {
    height: auto !important;
}
  #grandtotal th, #grandtotal td {
    padding-top: 20px;
    padding-bottom: 20px;
}
  .remove-row {
    margin-bottom: 20px;
}
  #shopify-section-cart-template .row .row .col-md-6 {
    padding: 0;
}
  #shopify-section-cart-template .container {
    padding: 40px 20px 160px 20px !important;
}
  .tt-shopcart-table-02 td:nth-child(1), .tt-shopcart-table-02 td:nth-child(2), .tt-shopcart-table-02 td:last-child {
    display: block !important;
    width: 100% !important;
  }
  .template-authorBox .col-md-10, .template-authorBox .col-md-2 {
    display: inline-block;
}
  .template-authorBox .col-md-2 {
 width: 16.66667% !important;
}
    .template-authorBox .col-md-10 {
 width: 83.33333% !important;
}
  .authorBox-knut {
    width: 100% !important;
}
  .account-image {
    min-height: 250px !important;
}
  .tt-shopcart-table-02 .tt-title {
    margin-top: 0 !important;
  }

  .sons-grid-column {
      padding: 0 !important;
  }
  .sons-product-grid-inner {
      margin-bottom: 20px;
  }
  .collection-bg {
      padding-bottom: 20px !important;
  }
  .tt-product-listing > .tt-col-item {
      margin-top: 20px;
  }
  .pageproduct .tt-title {
      margin-top: 20px;
      display: inline-block;
      width: calc( 100% - 35px);
  }
  .look-familiar {
      display: none;
  }
  .tt-breadcrumb ul li {
      font-size: 10px;
  }
  .as-seen-on-columns > .shg-row > .shg-c-lg-2 {
      width: calc(50.0% - 15.0px) !important;
  }
  .carousel-container .shg-c-xs-12 {
      width: calc( 50% - 10px) !important;
  }
  .mobile-hide {
    display: none !important;
  }
  .container {
      padding: 40px 20px;
  }  
  #tt-pageContent .shopify-section > .container-indent:not(.nomargin):not([class^="tt-offset"]) {
      margin-top: 20px !important;
  }
  .icon-row img {
      display: inline-block !important;
      margin-bottom: 20px !important;
  }
  .button.button--primary, .cf-submit-form.cf-button.btn.button {
      max-width: 235px;
  }
  .as-seen-on-columns .shogun-image-container {
    margin: 20px;
}
}

/*

@media (min-width: 830px){
  .hair-icons-consultation .cf-enum-field__choice {
      max-width: 168px !important;
  }
}

@media (min-width: 830px){
  .hair-icons-consultation .cf-enum-field__choice {
      max-width: 600px !important; width:100%; height: 90px;
  }
}

*/

.hair-icons-consultation .cf-enum-field__choice {
      max-width: 600px !important;  height: 90px;
  }


@media (min-width: 768px){
  .trustPilot_sec .inner_loop:nth-child(3) {
    background-color: #E9E9EA !important;
}

.trustPilot_sec .inner_loop:nth-child(4) {
    background-color: #bbb !important;
}
 /*
    .hair-icons-consultation .cf-enum-field__choice {
    flex-basis: 160px;
}
*/
  .as-seen-on-columns .shogun-image-container {
    margin: 40px;
}
  .tt-cart .tt-dropdown-menu {
    padding-right: 60px;
}
  .as-seen-on-columns > .shg-row > .shg-c-lg-2 {
      width: calc(33.333333333333336% - 20.0px) !important;
  }
  .as-seen-on-columns .shg-box {
      padding: 10px !important;
  }
  .top-full-screen {
      height: calc(100vh - 70px);
  }
  
  .imagefix {
      height: calc(100vh - 70px);
      display: block !important;
  }
  
  .desktop-hide {
    display: none !important;
  }
  .container {
      padding: 80px 10px;
  }  
  #tt-pageContent .shopify-section > .container-indent:not(.nomargin):not([class^="tt-offset"]) {
      margin-top: 40px !important;
  }
  .icon-row img {
      margin-bottom: 0 !important;
  }
  
}

@media (min-width: 1025px){
  .container{
    max-width: 1200px !important;
  }
}

.as-seen-on-columns .shg-box {
    margin-bottom: 30px !important;
}

.mobile-look-familiar {
    width: 30px;
    display: inline-block;
}

.mobile-look-familiar img {
    width: 100%;
}

.tt-breadcrumb {
    background: #BBBBBB;
    color: #24272A;
    padding-top: 10px 0 0 !important;
}

.pageproduct .tt-breadcrumb {
    background: #E9E9EA;
}



.tt-breadcrumb ul li a {
    color: #4100E6;
}

.tt-breadcrumb ul li {
    font-size: 12px !important;
}

.no-js img.shogun-adaptive {
    display: block !important;
}


.carousel-container p {
    padding-bottom: 20px !important;
}

.carousel-container h4 {
    padding-top: 5px !important;
  padding-bottom: 20px !important;
}

.trustpilot-widget {
    margin-top: 0px;
}

.when-carousel .flickity-slider > div {
    display: block;
    width: 33.33%;
    margin: 0 !important;
    padding-right: 50px;
}

.when-carousel {
    max-width: 1200px;
    margin: 100px auto;
}

.sons-results-carousel {
    padding: 50px 0;
}

.limit-row, .limit-row-short, .limit-row-top, .limit-row-bottom, .limit-row-middle, .limit-row-no-padding {
    max-width: 1200px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.left-limit {
    max-width: 600px;
    margin-left: auto;
    padding-left: 20px;
}

@media (max-width: 768px) {
  .limit-row, .left-limit, .right-limit {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .limit-row-short {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .limit-row-top {
    padding-bottom: 20px !important;
    padding-top: 40px !important;
  }
  .limit-row-bottom {
    padding-bottom: 40px !important;
    padding-top: 20px !important;
  }
  .limit-row-middle {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .cf-next-step.cf-button.btn.button {
    margin-left: 0;
}
  .toggle-description div > p {
        min-height: 0 !important;
      }
}

@media (min-width: 768px) {
  .limit-row, .left-limit, .right-limit {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .limit-row-short {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .limit-row-top {
    padding-bottom: 40px !important;
    padding-top: 80px !important;
  }
  .limit-row-bottom {
    padding-bottom: 80px !important;
    padding-top: 40px !important;
  }
  .limit-row-middle {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

.icon-row img {
    display: inline-block !important;
    margin-right: 20px !important;
    margin-left: 0 !important;
}

.icon-row span {
    line-height: 28px;
    vertical-align: top;
}

.sons-results-carousel h3 {
    margin: 20px 0 5px;
}



.testimonial-content {
    min-height: 250px;
}

.backed-by-science h3 {
    margin-top: 20px;
  margin-bottom: 5px;
}

.job-title {
    margin-top: 0;
}

.carousel-cell {
  width: 33.333%;
  height: auto;
  padding-right: 20px;
}

.sons-home-demo-carousel .carousel-cell {
    width: 24.999%;
}

.sons-medical-team-carousel .carousel-cell {
    width: 16.666%;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
}

/* fade in lazy loaded image */
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

flickity-page-dotsx, .flickity-prev-next-button{
  display: none;
}

.flickity-button:disabled {opacity: 0 !important;}

/* Hairloss Demo */

.haird .flickity-prev-next-button.previous {
left: 10px;
top:200px;
}


.haird .flickity-prev-next-button.next {
right: 30px;
top:200px;
}


.haird flickity-page-dotsx, .haird .flickity-prev-next-button{
  display: block;
}

/* Hairloss B Flickity elements */

.hairb .flickity-prev-next-button.previous {
left: 10px;
top:260px;
}


.hairb .flickity-prev-next-button.next {
right: 30px;
top:260px;
}


.hairb flickity-page-dotsx, .hairb .flickity-prev-next-button{
  display: block;
}

/* Testimonials Flickity elements */

.tstf .flickity-prev-next-button.previous {
left: 10px;
top:280px;
}


.tstf .flickity-prev-next-button.next {
right: 30px;
top:280px;
}



.tstf flickity-page-dotsx, .tstf .flickity-prev-next-button{
  display: block;
}


.flickity-button {
    position: absolute;
    background: #fff; width: 30px; padding:10px !important;
    border: #fff 0px solid; border-radius:4px; /* box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); color: #4100e6; */
    
}

.flickity-button:hover {
    color: #333; margin-top:0px; opacity:0.8; transition:0.3s;
}


/* Hairloss B Flickity elements */

.bssa {display:none;}
@media (max-width: 767px){

.bfas {display:none;}
.tstf .flickity-prev-next-button.previous {top:40px; left:30px;}
.tstf .flickity-prev-next-button.next {top:40px;}

.bssa { display:block; text-align:center; color:#4100E6 !important;}
.bssa h3 {font-size:24px !important;}
.bssa h5 {padding-top:10px !important; font-size:14px !important; color: #4100e6 !important;}
.bssa h5 a {color: #4100e6 !important;}
  
/* .hairb flickity-page-dotsx, .hairb .flickity-prev-next-button{
  display: none;
} */
  
  
  .blog-tags .h2 {
    margin: 0 0 10px !important;
}
  .tt-post-single {
    padding: 0 20px;
}
  .tt-post-single img {
    width: calc(100% + 40px);
}
  .tt-post-image {
    margin: 0 -20px;
}
  .post-meta {
    padding: 0 20px;
}
  .limit-row.shop-now {
    padding-bottom: 0 !important;
}
  .carousel-cell {
    width: 83.33333%;
  }
  .container.carousel-container {
      padding-right: 0;
      padding-bottom: 40px;
  }
  .carousel-container .col-12 {
      padding-right: 0;
  }
  .site-footer__logo {
      position: absolute !important;
      right: 20px !important;
      top: -36px !important;
      transition: transform .6s cubic-bezier(.785, .135, .15, .86) !important;
      width: 72px !important;
  }
  
}

.lowdown-row p {
    margin-top: 0;
}

.tt-breadcrumb .container {
    padding: 10px 20px !important;
}

.product-container .container {
    padding-top: 0 !important;
}


.collection-bg .container {
    padding-top: 0;
}

.right-limit {
    max-width: 600px;
    margin-right: auto;
    padding-right: 20px;
}

.which-plan-header {
    margin-bottom: 0px !important; max-width:1200px;
}

p { 
	margin: 0;
}

.how-it-works h3 {
    margin: 20px 0;
}

.how-it-works .carousel-container p {
    margin-bottom: 40px !important;
}

#FilterTagClear, #SortByClear {
    display: inline-block;
    width: 50px;
    text-align: right;
}

.sons-lowdown-carousel h3 {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}

.cf-field-container[data-cf-field-id="193506"], .cf-field-container[data-cf-field-id="184545"], .cf-field-container[data-cf-field-id="854441"] {
    height: 0;
    overflow: hidden !important;
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.cf-field-container[data-cf-field-id="193506"].newsletter-show, .cf-field-container[data-cf-field-id="184545"].newsletter-show {
    height: 62px;
   -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.newsletter-show, .cf-field-container[data-cf-field-id="854441"].newsletter-show {
    height: 80px;
   -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.newsletter-signup {
	background-color: #e9e9ea;
	padding: 3rem 0
}

.newsletter-signup__title {
	margin-bottom: 1.5rem
}

.newsletter-signup__subtitle:last-child {
	margin-bottom: 1.5rem
}

.newsletter-signup__error {
	display: none
}

.newsletter-signup__error.is-active {
	display: block
}

.newsletter-signup__success.body-1:last-child {
	margin-bottom: -1px
}

.newsletter-signup__field {
	margin-bottom: 1.5rem;
	position: relative
}

.newsletter-signup__label {
	color: #bbb;
	font-size: 20px;
	font-weight: 300;
	left: 1rem;
	margin: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.newsletter-signup__input[type=email] {
	border: 1px solid #bbb;
	font-size: 20px;
	padding: 1rem
}

.newsletter-signup__submit {
	font-size: 20px
}

@media (min-width:48em) {
	.newsletter-signup {
		padding: 4rem 0
	}
	.newsletter-signup__subtitle {
		max-width: 340px
	}
}

@media (min-width:64em) {
	.newsletter-signup {
		padding: 6rem 0
	}
	.newsletter-signup__field,
	.newsletter-signup__subtitle:last-child,
	.newsletter-signup__title {
		margin-bottom: 2.5rem
	}
}

.site-footer {
	background-color: #fff;
	padding-bottom: 2rem
}

.site-footer__primary {
	margin: 0;
	position: relative;
}

.site-footer__logo {
	position: absolute;
	right: .5rem;
	top: -36px;
	transition: transform .6s cubic-bezier(.785, .135, .15, .86);
	width: 72px;
}

.site-footer__logo.is-active {
	transform: translateY(18px)
}

.site-footer__subtitle {
	font-weight: 700;
	margin-bottom: .75rem
}

.site-footer__menu-list {
	margin: 0 0 2rem;
	padding: 0
}

.site-footer__menu-list.site-footer__menu-list--contacts {
	margin-bottom: 1rem
}

.site-footer__menu-item {
	list-style-type: none
}

.site-footer__menu-item:not(:last-child) {
	margin-bottom: .75rem
}

.site-footer__menu-link {
	color: #24272a;
	font-weight: 300
}

.site-footer__social-media {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 4rem
}

.site-footer__legal .site-footer__social-media {
	padding-top: .75rem
}

.site-footer__social-icon {
	color: #24272a
}

.site-footer__social-icon:not(:last-child) {
	margin-right: .75rem
}

.site-footer__social-icon:hover {
	color: #4100e6
}

.site-footer__secondary {
	color: #898a8d
}

.site-footer__logo-list {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1.5rem
}

.site-footer__logo-link:not(:last-child) {
	margin-right: 1.5rem
}

.site-footer__logo-image.site-footer__logo-image--verification {
	width: 76px
}

.site-footer__logo-image.site-footer__logo-image--registration {
	width: 150px
}

.site-footer__logo-image.site-footer__logo-image--mhra {
	width: 99px
}

.site-footer__certification-info {
	font-weight: 300
}

.site-footer__footnote-info {
	font-weight: 300;
	margin: 1.5rem 0
}

.site-footer__footnote-info a {
	color: #898a8d;
	font-weight: 300
}

.site-footer__footnote-info a:hover {
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0 1.25em;
	background-repeat: repeat-x;
	background-size: 1px 1px
}

.site-footer__footnote-link {
	color: #898a8d;
	font-weight: 300
}

.site-footer__footnote-link:not(:last-child) {
	margin-right: 1rem
}

@media (min-width:48em) {
	.site-footer__logo {
		right: .33333rem
	}
	.site-footer__menu-list {
		margin: 0
	}
	.site-footer__social-media {
		margin-bottom: 0
	}
	.site-footer__logo-link {
		margin-right: .75rem
	}
	.site-footer__footnotes {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.site-footer__license {
		width: calc(50% - 1rem)
	}
	.site-footer__footnote-info {
		margin: 0 0 .25rem
	}
	.site-footer__legal {
		width: calc(50% - 1rem)
	}
}

@media (min-width:64em) {
	.site-footer__logo {
		right: .5rem;
		top: -91px;
		width: 182px
	}
	.site-footer__logo.is-active {
		transform: translateY(45.5px)
	}
	.site-footer__logo-list {
		margin-bottom: 0
	}
}

.sons-symbol, .sons-symbol-account {
	position: absolute;
	z-index: 2
}

.sons-symbol__container {
	height: 0;
	left: 0;
	padding-bottom: 100%;
	position: relative;
	top: 0;
	width: 100%
}

.sons-symbol__part {
	animation-direction: normal;
	animation-duration: .6s;
	animation-fill-mode: forwards;
	animation-play-state: paused;
	animation-timing-function: cubic-bezier(.785, .135, .15, .86);
	background-color: #24272a;
	height: 50%;
	position: absolute;
	width: 50%
}

.sons-symbol .top-left, .sons-symbol-account .top-left {
	animation-duration: 1.2s;
	animation-name: top-left;
	border-top-left-radius: 100%;
	left: 0;
	top: 0;
	transform-origin: 100% 100%;
	will-change: rotate, transform
}

.sons-symbol .top-right, .sons-symbol-account .top-right {
	animation-name: top-right;
	border-top-right-radius: 100%;
	right: 0;
	top: 0;
	will-change: transform
}

.sons-symbol .bottom-left, .sons-symbol-account .bottom-left {
	animation-name: bottom-left;
	border-bottom-left-radius: 100%;
	bottom: 0;
	left: 0;
	will-change: transform
}

.sons-symbol .bottom-right, .sons-symbol-account .bottom-right {
	animation-duration: 1.2s;
	animation-name: bottom-right;
	border-bottom-right-radius: 100%;
	bottom: 1px;
	right: 0;
	transform-origin: 0 0;
	will-change: rotate, transform
}

.sons-symbol.sons-symbol--no-animation .bottom-left,
.sons-symbol.sons-symbol--no-animation .bottom-right,
.sons-symbol.sons-symbol--no-animation .top-left,
.sons-symbol.sons-symbol--no-animation .top-right, .sons-symbol-account.sons-symbol--no-animation .bottom-left,
.sons-symbol-account.sons-symbol--no-animation .bottom-right,
.sons-symbol-account.sons-symbol--no-animation .top-left,
.sons-symbol-account.sons-symbol--no-animation .top-right {
	animation: none
}

.sons-symbol.sons-symbol--no-animation .top-left, .sons-symbol-account.sons-symbol--no-animation .top-left {
	transform: rotate(-90deg)
}

.sons-symbol.sons-symbol--no-animation .bottom-left, .sons-symbol-account.sons-symbol--no-animation .bottom-left {
	transform: translateY(100%)
}

.sons-symbol.sons-symbol--no-animation .bottom-right, .sons-symbol-account.sons-symbol--no-animation .bottom-right {
	transform: rotate(-90deg)
}

.sons-symbol.is-active .bottom-left,
.sons-symbol.is-active .bottom-right,
.sons-symbol.is-active .top-left,
.sons-symbol.is-active .top-right, .sons-symbol-account.is-active .bottom-left,
.sons-symbol-account.is-active .bottom-right,
.sons-symbol-account.is-active .top-left,
.sons-symbol-account.is-active .top-right {
	animation-play-state: running
}

@media screen and (prefers-reduced-motion:reduce) {
	.sons-symbol__part {
		animation-duration: 0s!important
	}
}


  .pulsate {
    animation: pulsate 3s ease-out;
    animation-iteration-count: infinite; 
    opacity: 0.5;
}
@keyframes pulsate {
    0% { 
        opacity: 0.5;
        transform: scale(0.9);
    }
    50% { 
        opacity: 1.0;
  transform: scale(1);
    }
    100% { 
        opacity: 0.5;
      transform: scale(0.9);
    }
}

@keyframes top-left {
	0% {
		transform: translateY(0) rotate(0)
	}
	50% {
		transform: translateY(-50%) rotate(0)
	}
	to {
		transform: translateY(-50%) rotate(90deg)
	}
}

@keyframes top-right {
	0% {
		transform: translateY(0)
	}
	to {
		transform: translateY(50%)
	}
}

@keyframes bottom-left {
	0% {
		transform: translateY(-.5%)
	}
	to {
		transform: translateY(-50.5%)
	}
}

@keyframes bottom-right {
	0% {
		transform: translateY(-.5%) rotate(0)
	}
	50% {
		transform: translateY(49.5%) rotate(0)
	}
	to {
		transform: translateY(50%) rotate(90deg)
	}
}

.icon-row .shg-row > div:last-child img {
    margin-bottom: 0 !important;
}

/*

.trustpilot-widget {
    max-width: 200px;
}

*/

.site-footer__logo {
    right: .5rem;
    top: -91px;
    width: 182px;
}

.footer-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

h4:not([class^="tt-title"]):not([class^="tt-collapse"]):not([class^="tt-aside"]) {
  line-height: 18px !important;
}

.tt-desktop-header .container {
    padding: 20px 10px 20px;
}

.logo-center {
    text-align: center;
}

.right-menu {
    text-align: right;
}

.logo-center img {
    max-height: 24px;
}

header .tt-desktop-header .tt-logo {
    margin-top: 0;
    margin-bottom: 0;
}

.right-menu a, .left-menu a {color: #EEFAD5; display: inline-block;margin-right: 30px;line-height: 25px;}
.right-menu a, .account-menu a {margin-right: 20px !important;}

.tt-desktop-header .tt-dropdown-obj {
    margin-top: 0px;
    padding-bottom: 0;
}

.tt-desctop-parent-search, .tt-mobile-parent-search {
    display: none !important;
}

.right-menu .icon-f-39, .tt-mobile-parent-cart .icon-f-39 {
    background-image: url('https://cdn.shopify.com/s/files/1/0032/1303/3521/t/5/assets/Sons_Cart.png?v=1607016465');
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.right-menu .icon-f-888, .tt-mobile-parent-cart .icon-f-888 {
    background-image: url('/cdn/shop/files/account_login.png?v=1694166218');
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.tt-mobile-parent-cart .icon-f-39 {
    width: 20px !important;
    height: 20px !important;
}

.tt-mobile-parent-cart .icon-f-888 {
    width: 20px !important; margin-right:15px;
    height: 20px !important;
}

.right-menu .tt-dropdown-toggle, .tt-mobile-parent-cart .tt-dropdown-toggle {
    padding: 0 !important;
}

.right-menu .icon-f-888::before, .tt-mobile-parent-cart .icon-f-888:before {
    content: none;
}

.right-menu .icon-f-39::before, .tt-mobile-parent-cart .icon-f-39:before {
    content: none;
}

header .tt-cart .tt-dropdown-toggle .tt-badge-cart {
    width: 100%;
    height: 30px;
    background: transparent;
    color: #EEFAD5;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 30px;

}

header .tt-mobile-header .tt-cart .tt-dropdown-toggle .tt-badge-cart {
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;

}

footer .tt-color-scheme-03 .tt-mobile-collapse .tt-collapse-content a {
    color: #24272A;
}

.tt-mobile-header .tt-logo img {
    max-height: 15px;
}

.tt-mobile-header .tt-menu-toggle {
    padding-bottom: 0 !important;
}

.tt-mobile-header .tt-logo-container {
    padding: 20px 0 20px;
}

.tt-mobile-header-inline .tt-menu-toggle {
    padding: 0px 5px 5px 0px;
}

.tt-mobile-header.tt-mobile-header-inline .tt-dropdown-obj {
    margin-top: 12px;
}

.panel-menu {
    background: #24272A;
}

.panel-menu ul li a, .panel-menu ul li a:hover {
    color: #eefad5 !important;
}

.panel-menu li.mm-close-parent .mm-close, .panel-menu li.mm-close-parent .mm-close:hover {
    color: #FFF !important;
}

.panel-menu li.mm-close-parent .mm-close:hover::before {
    color: #FFF !important;
}

.mobile-column {
    margin-bottom: 20px;
}

footer a {
    margin: 5px 0;
    display: block;
    color: #24272a !important;
}

footer .wa-message-us a {
  background: #EEFAD5 !important;
  color: #24272a !important;
  font-weight: 300 !important;
}

footer p {
    margin: 5px 0;
}

footer .tt-color-scheme-03 .tt-social-icon li a, footer .tt-color-scheme-03 .tt-social-icon li a:hover {
    color: #24272a;
}

.tt-back-to-top.tt-show {
    display: none;
}

.as-seen-on-columns .shg-box {
    padding: 10px !important;
}

.half-container.right {
    max-width: 600px;
    padding-right: 20px;
}

.half-container.left {
    max-width: 600px;
}

.collection-bg {
    padding-bottom: 40px;
}

.tt-login-form .tt-title {
    display: none;
}

.cf-step-tabs {
    display: none;
}

.tt-title-subpages {
    display: none;
}

.cf-field[data-cf-field-type="group"] {
    border: 0px solid rgba(0,0,0,.1) !important;
}

.tt-login-form .tt-item {
    border: 0px solid #e9e7e7;
    padding: 0;
}

.pagecustomers\/register .tt-breadcrumb {
    display: none !important;
}

.c100 {
    font-size: 35px !important;
}

.c100 > span {
    width: 3.33em !important;
    line-height: 3.33em !important;
    font-size: 0.3em !important;
    color: #24272a !important;
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
    border: 0.08em solid #4100e6 !important;
}

.c100::after {
    top: 0.04em !important;
    left: 0.04em !important;
    width: 0.92em !important;
    height: 0.92em !important;
}

.percentage-container > div {
    text-align: right;
    width: 100%;
}

.c100.right {
    float: none;
    margin: 0 0 0 auto;
}

.btn {
    height: auto;
  	border-radius: 0;
}

.cf-enum-field__choices {
    width: 100%;
}

.cf-field-container.percentage-container, .cf-field.percentage-container {
    top: 3px;
    position: relative;
    margin-bottom: 80px;
    height: auto;
    padding: 0;
}

.cf-field-container {
    color: #24272A;
}

.cf-field.answer-group {
    padding: 0;
}

.question-group div {
    padding-left: 0;
}

.row {
    width: 100% !important;
}

.cf-field-container h2, .cf-field-container ul {
    max-width: 384px;
}

.cf-field-container ul {
    padding-left: 10px;
    margin-bottom: -15px;
}

.cf-field-container li::marker {
    font-size: 0.775rem;
}

form[data-cf-form="GOtra6"] .cf-form-actions {
    max-width: 567px;
}

form[data-cf-form="JmtnPy"] .cf-form-actions {
    max-width:600px; margin: 0 auto;
}

.cf-field .cf-field, .cf-field .cf-field-container {
    padding: 0;
}

.tt-post-single {
    text-align: left !important;
}
.tt-post-single .tt-title, .tt-block-title .tt-title, .tt-title-subpages {
    text-transform: none !important;
}
.post-meta a {
    padding-right: 20px;
    text-transform: none !important;
}
.tt-title {
    margin-top: 20px !important;
}
.pagearticle .container.container-fluid-custom-mobile-padding {
    padding: 0px 0px 50px 0px !important;
}
.authorBox-knut {
    border-radius: 300px;
    width: 115px;
}
b, strong, strong p {
    font-weight: 700 !important;
}
.template-authorBox.row {
    margin: 30px 0px;
}
.tt-post-image {
    overflow: hidden;
}

.product-image-info-container .product-image {
    padding-right: 40px;
    position: relative;
  
}

.bullet {
    width: 25px;
    height: 25px;
    background-image: url('https://cdn.shopify.com/s/files/1/0032/1303/3521/t/5/assets/Sons_Bullet.png?v=1607498585');
    background-size: contain;
    position: absolute;
    overflow: visible;
}

.popup {
  	opacity: 0;
  	max-width: 300px;
    background: white;
    padding: 20px;
    position: absolute;
    left: -85px;
    top: -250px;
    width: 100000%;
    z-index: -100000;
}

.bullet:hover .popup {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    z-index: 10
}

.bullet:hover {
    cursor: pointer;
}

.popup:hover {
    cursor: default;
}

.popup p {
	margin-top: 20px;
}

.popup h2 {
	margin-bottom: 20px;
}

  .bullet + .overlay {
      position: fixed;
      top: 0;
      left: 0;
      right: 100%;
      bottom: 100%;
      background: rgba(0,0,0,0);
      -webkit-transition: background 0.5s ease-in-out;
      -moz-transition: background 0.5s ease-in-out;
      -o-transition: background 0.5s ease-in-out;
      transition: background 0.5s ease-in-out;
  }

  .bullet:hover + .overlay {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0,0,0,0.5);
      -webkit-transition: background 0.5s ease-in-out;
      -moz-transition: background 0.5s ease-in-out;
      -o-transition: background 0.5s ease-in-out;
      transition: background 0.5s ease-in-out;
      z-index: 5 ;
  }

.z-index-negative {z-index: -99 !important;position:relative;}

@media (max-width: 568px) {
 body .hair-icons-consultation .cf-enum-field__choices fieldset, .icons-consultation .cf-enum-field__choices fieldset {
    gap: 20px !important; margin-left: -10px;
}
  body .hair-icons-consultation .cf-enum-field__choice {
    max-width: 600px !important; width:100%; 
    /*flex-basis: 122px !important;*/
}
.hair-icons-consultation .cf-enum-field__choice:nth-child(2)::after {text-indent: 0px; }
.hair-icons-consultation .cf-enum-field__choice:nth-child(3)::after {text-indent: -100px;}
.hair-icons-consultation .cf-enum-field__choice:nth-child(4)::after {text-indent: -130px;}
.hair-icons-consultation .cf-enum-field__choice:nth-child(5)::after {text-indent: -130px;}
.hair-icons-consultation .cf-enum-field__choice:nth-child(6)::after {text-indent: -130px;}
  
  #gut-health-icons .btn, #brain-health-icons .btn, #immune-health-icons .btn, #beard-growth-icons .btn   {
    margin-bottom: 50px;
}
  .form-default .form-control[type="text"], .form-default .form-control[type="email"], .form-default .form-control[type="password"] {
    line-height: 1 !important;
}
  .bullet:hover .popup {
      position: fixed;
      top: 80px;
      left: 50px;
      right: 50px;
      width: auto;
  }
  .beard-button-home {
    width: 100% !important;
}
}

@media (min-width: 569px) {
  .beard-button-home {
    width: calc(100% - 10px) !important;
}
}
.text-link a:hover, .text-link .active {
    background-image: linear-gradient(currentColor, currentColor) !important;
    background-position: 0 1.25em;
    background-repeat: repeat-x;
    background-size: 1px 1px !important;
    color: #24272a;
}
.text-link a {
    color: #898a8d;
}
.tt-article-url {
    margin-top: 20px;
}
.tt-pagination:not(.tt-pagination-left) {
    -webkit-justify-content: initial !important;
    -ms-flex-pack: initial !important;
    justify-content: initial !important;
}
.tt-pagination ul li a {
    font-family: 'Aeroport', Arial, sans-serif;
    font-weight: bold;
    font-size: inherit;
    padding: inherit;
}
.tt-pagination .btn-next::before {
    content: "\e91e";
}
.tt-pagination .btn-previous::before {
    content: "\e91d";
}
.tt-pagination .active a {
    text-decoration: underline !important;
}
.tt-desktop-header a:hover,.tt-desktop-header .active {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 1.45em;
    background-repeat: repeat-x;
    background-size: 1px 1px;
}

.tt-login-form .button-option .cf-enum-field__choice {
	padding: 0 !important; 
}

.tt-login-form .button-option .cf-enum-field__choice span {
	padding: 20px !important;
    width: 100% !important;
    display: block;
   background: transparent;
}

.tt-login-form .hair-icons-consultation span {
    font-size: 0px !important;
    color: transparent;
}



.cf-button.btn.button:not(.cf-prev-step):not(.cf-next-step):not(.cf-submit-form) {
	display: none;
}

.cf-prev-step.cf-button.btn.button:after, .cf-button.btn.button:not(.cf-next-step):not(.cf-submit-form):after {
  display: none;
}

.tt-login-form .cf-enum-field__choice span {
    font-size: 24px;
    font-weight: 100;
  	padding-left: 30px;
  	position: relative;
}

.boxed-s .cf-enum-field__choice span {padding: 15px 30px;text-align: center; width: 100%;background: #e6e6e7; position: relative;  font-size: 24px; font-weight: 100;padding-left: 30px; border-radius: 50px !important;}
.boxed-s .cf-enum-field__choice span:hover  {background: var(--sonsblack); color: var(--sonsevens); cursor: pointer;}
.boxed-s .cf-field .cf-enum-field__choice span::before {display:none !important;}

  .boxed-t .cf-enum-field__choice {padding: 15px 30px; background: #e6e6e7; border-radius: 50px; overflow: hidden; }
.boxed-t .cf-enum-field__choice label last-child {margin-bottom: 40px; font-weight:bold; }

#label13-200201option13 {font-weight:bold;}

.tt-login-form .cf-field .cf-enum-field__choice span::before {
    content: "";
    width: 17px;
    height: 17px;
    border: 2px solid #bbb;
    display: inline-block;
    border-radius: 50px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 8px;
    background: #e6e8e7;
    /* background: #EEFAD5;
       border: 2px solid black;*/
}



.tt-login-form .cf-field .cf-enum-field__choice input:checked + span::before {
  background-color: #191919;
  background-image: url('/cdn/shop/files/sons-check.png?v=1727968958');
  background-size: contain;
  border-width: 0;
}

.tt-login-form .cf-field.button-option .cf-enum-field__choice span::before {
 	display: none; 
}

.cf-enum-field__choice {
    margin-top: 0 !important;
    margin-bottom: 30px;
}

.right-menu nav, .left-menu nav {
    display: inline-block;
}

nav ul {
    padding: 0;
}

nav ul li {
    position: relative;
    display: inline-block;
}

.sub-menu {
    position: absolute;
    padding: 20px;
    background: #24272A;
    display: none;
    right: 10px;
    width: 210px;
}

li:hover >  .sub-menu {
    display: block;
}

.sub-menu a {
    margin: 0;
}

.sub-menu li {
    display: block;
}

.tt-login-form .tt-item:first-child {
    margin-top: 0;
}

/*.cf-enum-field__choice {
  max-width: 384px !important;
}

.button-option .cf-enum-field__choice {
  max-width: 282px !important;
}
*/
.button-option .cf-enum-field__choice {
  max-width: 100% !important;
}



@media (max-width: 576px) {
  .growth-cycle .shg-c-xs-6 {
      width: 100% !important;
  }
 .button-option .cf-enum-field__choice, .button {
    max-width: 280px !important;
  } 
  
  .pagepage\.consultation .button {
    max-width: 100% !important;
  } 
  
  .pagepage\.consultation .container {
    padding: 40px 20px 40px 20px !important;
}
  
  .pagepage\.consultation .tt-login-form {
    padding: 0 !important;
}
  .pagepage\.consultation .cf-form-step {
    padding-left: 0 !important;
}
  .pagepage\.consultation .cf-form-actions {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
  .hair-icons-consultation .cf-enum-field__choice span::before {
      height: 100px !important;
  }
  .tt-login-form .cf-enum-field__choice span {
    font-size: 20px !important;
  }
  .hair-icons-consultation .cf-enum-field__choice span {
    font-size: 0 !important;
}
  /*
  .hair-icons-consultation .cf-enum-field__choice {
    max-width: 143px !important;
}
*/
  .hair-icons-consultation .cf-enum-field__choice span:after {
   margin: 0 !important;
   /*padding: 0 !important;*/
}
  
  .hair-icons-consultation .cf-enum-field__choice span::before {
    margin-bottom: -27px !important;
  }
  .tt-login-form .cf-field .cf-enum-field__choice span::before {
      top: 5px;
  }
  .filter-col {
      padding-left: 0;
      padding-right: 0;
  }
  .filter-col .row {
      margin-left: 0;
      margin-right: 0;
  }
}
#manage-subscription-root .manage-subscription-page {
    padding: 4rem 0 9rem;
}
#manage-subscription-root .manage-subscription-page > p:first-of-type {
    margin-bottom: 3rem;
}
#manage-subscription-root .manage-subscription-page > h3 {
    margin: 0 0 1.5rem;
}
.newsletter-signup__subtitle {
    margin-bottom: 36px !important;
}
/*
.cf-form-step {
    padding-left: 8px;
}
*/

.cf-form-step {
    padding: 0px;
}


.cf-field {
    padding: 0 !important; 
}

@media (min-width: 768px) {
 	header .tt-dropdown-obj .tt-dropdown-menu {
        background: rgba(0,0,0,0);
        position: fixed;
        right: -100vw;
        top: 0;
        bottom: 0;
        width: 100vw !important;
        max-width: 100vw;
        height: 100% !important;
        -webkit-transition: right 0.5s ease-in-out 0.35s, background 0.5s ease-in-out;
        -moz-transition: right 0.5s ease-in-out 0.35s, background 0.5s ease-in-out;
        -o-transition: right 0.5s ease-in-out 0.35s, background 0.5s ease-in-out;
        transition: right 0.5s ease-in-out 0.35s, background 0.5s ease-in-out;
        display: block !important;
        text-align: right;
    }
  
  header .tt-dropdown-obj .tt-dropdown-menu .tt-dropdown-inner {
    background: #EEFAD5;
    max-width: 33vw;
    height: 100vh;
    width: 100%;
    right: 0;
    position: absolute;
}

    header .tt-dropdown-obj.active .tt-dropdown-menu {
        right: 0;
        background: rgba(0,0,0,0.5);
        -webkit-transition: right 0.5s ease-in-out, background 0.5s ease-in-out 0.35s;
        -moz-transition: right 0.5s ease-in-out, background 0.5s ease-in-out 0.35s;
        -o-transition: right 0.5s ease-in-out, background 0.5s ease-in-out 0.35s;
        transition: right 0.5s ease-in-out, background 0.5s ease-in-out 0.35s;
        display: block !important;
    }


    .tt-cart-list .tt-btn-close.svg-icon-delete.header_delete_cartitem_js {
        color: #24272A !important;
        border-bottom: 1px solid #24272A !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-decoration: none;
    }

    .tt-cart-list .tt-item {
        display: block !important;
    }

    header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item .tt-item-img img {
        width: 100%;
        height: auto;
        max-width: 200px;
    }

    header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item a:not([class]) {
        display: block;
    }

    .tt-cart-list {
        text-align: left;
    } 
}

.mini-cart-header {
    text-align: left;
    border-bottom: 1px solid #898A8D;
}

.mini-cart-header h3, .mini-cart-header .tt-dropdown-toggle {
    display: inline-block;
}

.mini-cart-header .tt-dropdown-toggle img {
    width: 22px;
    height: 22px;
}

.mini-cart-header h3 {
    width: calc( 100% - 22px);
    margin-bottom: 10px;
}

.tt-title span, .tt-price {
    display: inline-block !important;
    width: 50%;
}

.tt-price {
    text-align: right;
}

.tt-price > span {
    display: none !important;
}
.no-margin hr {
    margin: 0px;
}

.no-margin {
    margin: 0px !important;
}




#recover-password p {
    margin-bottom: 20px;
}

.sons-dr-knut-says img {
    border-radius: 50%;
    max-width: 80px;
    margin-bottom: 20px;
}

.sons-dr-knut-says h3 {
    margin-top: 40px;
}

#create_customer {
    position: relative;
}
button:disabled, .btn-link.disabled, button.btn:disabled {
    color: #eee;
}

 .button.disabled {
   background: #bbb;
 }


 .button.disabled span {
   color: #666;
 }

.button.disabled:hover {
   cursor: default;
 }

.button.disabled:hover::after {
  right: 100%;
}

.faqs-dropdowns .shogun-accordion {
    box-shadow: none !important;
    margin-bottom: 10px;
}
.faqs-dropdowns .panel.show {
    padding: 18px !important;
}
.faqs-dropdowns .shogun-accordion.shogun-accordion-active .shogun-accordion-heading {
    background: #24272a !important;
}
.shogun-accordion.shogun-accordion-active .shogun-accordion-title {
    color: white !important;
}
.original-price {
    color: #898A8D;
    font-weight: 100;
    position: relative;
}
.original-price::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    background: #898A8D;
    top: 60%;
    left: 0;
}
#grandtotal .original-price::after {
    top: 50%;
}
.sons-title > span {
    display: inline-block;
    width: 50%;
}

.sons-price {
    text-align: right;
}
.shogun-accordion-heading:hover {
    background: #24272a !important;
    transition: ease-in-out 0.5s;
}
.shogun-accordion-heading, .shogun-accordion-heading .shogun-accordion-title{
    transition: ease-in-out 0.5s;
}
.shogun-accordion-heading:hover .shogun-accordion-title {
    color: white !important;
  	transition: ease-in-out 0.5s;
}

#tt-pageContent .shopify-section > .container-indent:not(.nomargin):not([class^="tt-offset"]) {
    margin-top: 0;
}

.tt-shopcart-box.tt-boredr-large {
    background: #EEFAD5;
}

.tt-empty-cart .tt-icon {
    color: #24272A;
}

.tt-shopcart-box {
    margin-bottom: 80px;
}

.detach-quantity-desctope {
    display: none;
}

.remove-item {
    color: #24272A !important;
    border-bottom: 1px solid #24272A !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-decoration: none;
}

.tt-title .bold_recurring_desc span {
    display: inline-block !important;
    width: auto !important;
}

.tt-shopcart-table-02 .tt-product-img img {
    max-width: 300px;
    height: auto;
}

.sons-item-info {
    padding-left: 0;
}

.closeIcon {
    height: 25px;
    width: 25px;
    background-image: url('https://cdn.shopify.com/s/files/1/0032/1303/3521/t/5/assets/Sons_Close.png?v=1605785343');
    background-size: contain;
    margin-right: 20px;
    margin-top: 20px;
}

.product-form .button.button--primary.cartbutton {
    max-width: 100% !important;
}

.shg-box:not(.left-limit):not(.right-limit) {
    padding: 0 !important;
    margin: 0 !important;
}

@media (min-width: 768px) {
.as-seen-on-columns .shg-box:not(.left-limit):not(.right-limit) {
  margin-bottom: 40px !important;
}
  .more-info-link {
	margin: 40px 0 0;
}
  .hair-growth-products-cycle p {
    min-height: 130px;
}
}

@media (max-width: 767px) {
.as-seen-on-columns .shg-box:not(.left-limit):not(.right-limit) {
  margin-bottom: 20px !important;
}
  .more-info-link {
	margin: 20px 0;
}
.offset-1 {margin-left:0 !important;}
  
}

.carousel-cell > div {
    padding: 20px;
    background: #ffffff;
  	/*background: #E9E9EA;*/
}


.immer > div {
  
    background: none!important;

}


hr {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    border-color: #BBBBBB;
    height: 1px;
    background: #BBBBBB;
    border-width: 0;
}

.tt-dropdown-inner .sons-title {
    margin-top: 10px;
}

.sons-remove > .sons-frequency {
    display: inline-block !important;
    width: 75% !important;
}

.sons-remove > .tt-item-close {
    display: inline-block !important;
    width: 25% !important;
    text-align: right;
}

.tt-desktop-header a:hover, .tt-desktop-header .active {
    background-size: 0 0 !important;
}

header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-btn {
    text-align: left;
}

header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-total-row {
    border-top: 0 solid #e9e7e7 !important;
}

header .tt-cart .tt-btn-close {
    margin-right: 0 !important;
}

@media (max-width: 1024px) {
  .desktop_navigation {
  display: none;
}
  header .tt-cart .tt-cart-layout .tt-cart-content .tt-cart-list .tt-item {
      display: block !important;
  }
  header .tt-cart .tt-dropdown-menu {
      width: 100% !important;
      max-width: 400px !important;
  }
}

header .tt-mobile-header .tt-dropdown-obj .tt-dropdown-menu {
    background: #EEFAD5 !important;
}

.tt-mobile-parent-cart .mini-cart-header {
    display: none !important;
}

.tt-mobile-parent-cart .tt-item > a {
    display: block !important;
}

.tt-mobile-parent-cart .tt-close img {
    max-width: 25px;
}

.sons-item-info {
    list-style: none;
}

header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-close {
    color: #24272a;
      padding: 20px !important;
}

.tt-mobile-parent-cart .tt-title {
    padding: 20px !important;
    margin: 0 !important;
}

header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add .tt-title{
  color: #24272a;
}

header .tt-cart .tt-dropdown-menu .tt-cart-layout .tt-cart-content {
    padding: 20px;
}

header .tt-dropdown-obj:not(.tt-search) .tt-mobile-add {
    border-bottom: 0 solid #e9e7e7;
}

.tt-btn-close {
    color: #24272A;
    border-bottom: 1px solid #24272A !important;
    padding: 0 !important;
}

.one-month-gift-card {
    padding-right: 10px;
    width: 50%;
}

.three-month-gift-card {
    padding-left: 10px;
    width: 50%;
}

.gift-cards {
    display: flex;
    margin-top: 20px;
}

.sons-image {
    padding-right: 40px;
}

.manage-subscription-page {
  max-width: 1200px !important;
  padding: 80px 20px !important;
}


#manage-subscription-root {
  background: #EEFAD5;
}

.no-subscriptions {
    padding: 40px;
    background-color: #E9E9EA;
    border: -1px solid #ccc;
    border-radius: 0px;
    text-align: center;
}

#shopify-section-cart-template .tt-product-img {
    padding-right: 20px;
}

#add-to-cart-button:hover, .closeIcon:hover {
    cursor: pointer;
}

  .more-info-link {
	display: block;
}

.carousel-container .row > div {
    padding: 0;
}

.sons-faq:last-child {
    border-bottom: 1px solid #898a8d;
}

#grandtotal span:not(.original-price):not(.sons-price) {
    display: none;
}

#subtotal span {
    display: none;
}

.tt-cart-total-price span:not(.original-price):not(.sons-price) {
    display: none;
}


.tt-login-form .cf-field[data-cf-field-type="phone"] > label, .tt-login-form .cf-field[data-cf-field-type="text"] > label, .tt-login-form .cf-field[data-cf-field-type="email"] > label, .tt-login-form .cf-field[data-cf-field-type="date"] > label, .tt-login-form .cf-field[data-cf-field-type="password"] > label {
    margin-top: 10px;
    margin-bottom: 10px;
}

.tt-login-form .tandcs .cf-enum-field__choice span {
    margin-top: 20px;
}

.newsletter-signup__form .cf-submit-form.cf-button.btn.button {
    margin-left: 0 !important;
}

.create-account-btn {
    max-width: 362px;
    margin-bottom: 20px;
}

.mobile-main-menu h2 {
    color: #eefad5;
}

.detach-quantity-mobile {
    display: none;
}

.tt-list-parameters {
    display: none !important;
}

.cf-fields-container {
    width: 100%;
}

legend {
    display: none;
}

.tt-login-form {
    padding: 0 10px;
}

#testi-vid {
    width: 100%;
}

.tt-shopcart-col {
    margin-top: 20px;
}

.remove-item h6 {
    display: inline-block;
}

.tt-shopcart-table01 tbody tr td, .tt-shopcart-table01 tbody tr th {
	padding: 0;
}

.tt-shopify-total-box {
    width: 100%;
}

.tt-shopify-total-box .button {
    max-width: 100% !important;
}
      
.newsletter-signup__form .cf-form-step {
    margin: 0 !important;
}
      
.form-default .form-control {
    font-family: 'Aeroport' !important;
}

.bullet::after {
    content: "";
    width: 19px;
    border-color: rgba(0,0,0,0);
    display: block;
    height: 19px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    margin: 2px 3px;
    transform: scale(1);
	animation: bulletpulse 4s infinite;
}

@keyframes bulletpulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	35% {
		transform: scale(1);
		box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
	}

	50% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}



.panel-menu {
    width: 100%;
}

.mmpanel .h1 {
    margin-bottom: 0 !important;
}

.mobile-sons-header {
    display: flex;
}

.mobile-sons-header .sons-logo {
    max-height: 15px !important;
}

.sons-cart-mobile-icon img {
  margin-left: auto;
}

.sons-cart-mobile-icon a {
    padding: 17px 20px 13px 16px !important;
}

.sons-cart-mobile-logo a {
    padding: 19px 16px 13px 16px !important;
    text-align: center;
}

.sons-cart-mobile-logo a img {
    margin: 0 auto;
}

.panel-menu li.mm-close-parent .mm-close {
    border-bottom: 0px solid #e9e7e7;
}

.mobile-sons-header {
    margin-bottom: 75px !important;
}

#shopify-section-cart-template > div {
    min-height: 100vh;
}

.agree-tick label, .agree-tick div {
    display: inline-block;
}

.agree-tick div {
    width: 100% !important;
}

#shopify-section-cart-template small {
    font-size: 60% !important;
    line-height: 120% !important;
    margin-top: 20px !important;
    display: block;
    opacity: 0.5;
}

.tt-cart-box small {
    font-size: 60%;
    text-align: left;
    display: block;
    opacity: 0.5;
    line-height: 120%;
    margin-bottom: 20px;
}

.zcf-step-invalid {
    display: none !important;
}

.cf-field[data-cf-invalid="true"]:not([data-cf-field-type="repeating_group"]) {
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 0 !important;
}

.cf-field[data-cf-invalid="true"] input {
  border-color: #4100E6 !important;
  border-width: 1px !important;
}

.cf-field[data-cf-invalid="true"]:not([data-cf-field-type="repeating_group"]) .cf-field-errors li {
    color: #4100E6 !important;
}

.product-form .btn.button {
    display: none;
}

.pagepage\.register-prescription .cf-form-actions {
    max-width: 558px;
    margin: 0 0 0 auto;
        margin-top: 0px;
    margin-top: 0px;
}

.ro_widget {
    display: none;
}

.cf-fields-wrapper .cf-form-actions .cf-step-invalid .cf-error-message, .cf-form-inner .cf-form-actions .cf-step-invalid .cf-error-message {
    display: inline-block !important;
    background: transparent !important;
    border: 0px solid #ce2525 !important;
    color: #4100E6 !important;
    border-radius: 0px !important;
    padding: 8px 0px !important;
    font-weight: 700 !important;
    font-size: 1em !important;
}

.button:hover {
    color: #eefad5;
}

.score {
    display: none;
}

.checkout-btn::after {
    content: none;
}

footer small a {
    display: inline-block;
}

footer li a {
    margin: 0 !important;
    line-height: 20px;
}

.mmpanel .h1 {
    font-weight: 300 !important;
}

.offer-text h5 {
    min-height: 14px;
}
header .tt-dropdown-obj:not(.tt-search) .tt-dropdown-menu {
    visibility: hidden;
}

header .tt-cart.active .tt-dropdown-menu, header .tt-account.active .tt-dropdown-menu, header .tt-multi-obj.active .tt-dropdown-menu {
    visibility: visible;
}

.tt-title {
    text-align: left;
}


.medical-team .flickity-prev-next-button.next {
    display: block;
}

.medical-team h3 {
    margin: 20px 0 10px;
}

.medical-team img {
    border-radius: 50%;
}

.testimonials .trustpilot-widget {
    max-width: 231px;
}

.sons-lowdown-carousel h3 {
    min-height: 44px !important;
}

.hair-growth-cycle .carousel-cell,.hair-growth-products-cycle .carousel-cell  {
    width: 25%; margin: 0 auto;
}

.hair-growth-cycle img  {
    width: 100%; margin: 0 auto;
}

#s-f49b4c63-8263-44c1-8570-bab6427335b4, #s-9d1759cf-71ce-4cc8-a9d5-e14199869eed {
    margin-left: auto !important;
    margin-right: auto !important;
}

.hair-growth-products-cycle img {
    margin: 20px 0;
}

.flickity-page-dots {
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    padding-right: 20px;
}

.product_page_template .container.container-fluid-mobile {
    padding-right: 10px !important;
}

.subscription-button.msp__link.msp__link--alert, .subscription-button.msp__link {
    display: none;
}

.ro-translation.ro-translation-change_order_date {
    display: none;
}

.bold-ro__widget-loading {
    display: none;
}
.header-banner {
	background: #4100e6;
	color: white;
	padding: 10px;
	top: 0;
	z-index: 20;
	width: 100%;
	transition: top 0.5s;
    overflow: hidden;
}





#header-banner .row {
	display: flex;
}

.close-banner img {
	width: 20px;
}

#header-banner.hide {
	top: -100px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#header-banner {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
	#header-banner .banner-text {
		width: 80% !important;
	}
	#header-banner .close-banner,
	#header-banner .blank-banner {
		width: 10% !important
	}

.agree-tick {
    padding-top: 5px !important;
}

.pageproduct .first-order-price p {
    display: inline-block;
    width: 30%;
}

.pageproduct .offer-discount {
    display: inline-block;
    width: 30%;
}

.pageproduct .offer-discount p {
    width: 100%;
}

.pageproduct .offer-text {
    width: 70%;
}

.offer-text {
    text-align: left;
}

.calm-charity {
    text-align: left;
    margin-top: 50px;
}

.calm-charity span, .blah {
    margin-right: 10px;
    font-size: 15px;
}

.collection-subtitle {
    display: block;
    width: 100%;
    margin: 10px;
}

.limit-row-no-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.sons-medical-team-carousel img {
    max-width: 80px;
}

.sons-medical-team-carousel .flickity-prev-next-button {
    top: 15%;
}


.flickity-button.flickity-prev-next-button.next {
    background-image: url('/cdn/shop/files/arw_rht.svg?v=1676038565');
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
  
}

.flickity-button.flickity-prev-next-button.previous {
    background-image: url('/cdn/shop/files/arw_lft.svg?v=1676038565');
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
   
}


.flickity-button-icon {
    display: none; padding:10px !important;
}

/*
.flickity-prev-next-button {
    top: 50%;
    width: 10px;
    height: 20px;
    border-radius: 50%;
    transform: translateY(-50%);
    background: transparent !important;
}*/

  .sons-medical-team-carousel .carousel-cell {
    background: white;
}


.account-iframe {
  border-width: 0;
  background-image: url('/cdn/shop/t/39/assets/loading.gif?v=1618491269');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100px;
  border-width: 0;
}

.cf-field h2 {
    margin-bottom: 20px;
}

.account-container {
    display: grid;
    align-content: center;
    width: 100%;
    height: calc( 100vh - 78px );
    position: relative;
}

.loading-account h3 {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}

.loading-account {
    max-width: 280px;
    margin: 0 auto;
}

.account-container .sons-symbol-account.site-footer__logo {
    position: relative !important;
    margin: 0 auto 50px !important;
    left: 0 !important;
}

.account-container .account-iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.account-container .account-iframe {
    background-image: none;
}

/**
 * ==============================================
 * Dot Flashing
 * ==============================================
 */
.dot-flashing {
  position: relative;
  width: 3px;
  height: 3px;
  border-radius: 5px;
  background-color: #24272A;
  color: #24272A;
  animation: dotFlashing 1s infinite linear alternate;
  animation-delay: .5s;
  display: inline-block;
  margin-left: 7px;
}

.dot-flashing::before, .dot-flashing::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-flashing::before {
  left: -5px;
  width: 3px;
  height: 3px;
  border-radius: 5px;
  background-color: #24272A;
  color: #24272A;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 0s;
}

.dot-flashing::after {
  left: 5px;
  width: 3px;
  height: 3px;
  border-radius: 5px;
  background-color: #24272A;
  color: #24272A;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 1s;
}

@keyframes dotFlashing {
  0% {
    background-color: #24272A;
  }
  50%,
  100% {
    background-color: #E9E9EA;
  }
}

.half-height {
    height: 50vh;.sons-gut-health-carousel .carousel-cell {
    max-width: 80% !important;
    width: 80% !important;
}
}

.vert-cont {
    display: grid;
    align-items: center;
}

.content-page p {
  margin-bottom: 20px;
}

.content-page p:last-child {
  margin-bottom: 0;
}

.content-page h2 {
  margin-bottom: 20px;
}

@media (min-width: 767px){
    .content-page div {
      width: 66.66%;
  }
  
}

@media (max-width: 767px){

.hair-growth-products-cycle img {
    max-width:50%
}

.hair-growth-cycle img {
    max-width:50%
}
  
  .icon-row img {
    max-width: 16px;
    max-height: 16px;
    margin-bottom: 0 !important;
    margin-top: 3px !important;
    margin-right: 10px !important;
}
  .content-page div {
      width: 100%;
  }
  .ryt_sec {
    margin-top: 30px;
    margin-bottom: 10px;
}
  .meals-plainer-container {
    margin-top: 10px;
}
  
}

.content-page div {
      margin-bottom: 60px;
  }

.content-page div:last-child {
      margin-bottom: 30px;
  }

.content-page-read-more {
    margin: 20px 0 50px;
    display: block;
}
.btn_sec .button {
    margin-top: 30px;
    max-width: 200px !important;
    display: inline-block;
    width: calc(50% - 5px) !important;
}

.microbiome img {
    padding: 50px !important;
}

.sons-gut-science-carousel span {
    font-size: 72px !important;
    line-height: 72px !important;
    height: 72px !important;
}

.gut_health .section_first h1 {
    max-width: 320px !important;
}

.coming-soon-image {
    background-color: #222222;
  	position: relative;
}


.coming-soon-image:after {
    content: "Coming Soon";
  	position: absolute;
}


.coming-soon-image img {
  opacity: 0.25;
}

.coming-soon-image::after {
    content: "Coming Soon" !important;
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #EDFAD6;
    font-size: 20px;
    font-weight: 600;
}

.get-meal-plan p {
    max-width: 320px;
    margin-bottom: 30px;
}

.get-meal-plan .left-limit img {
    margin-bottom: 20px;
}

#gut-health-icons img, #brain-health-icons img, #immune-health-icons img {
    max-width: 75px;
    margin-bottom: 20px;
}

#beard-growth-icons img {
    max-width: 135px;
    margin-bottom: 20px;
}



.learn-link {
    margin-top: 10px;
    display: block;
    margin-bottom: 50px;
}

#gut-health-icons p, #brain-health-icons p, #immune-health-icons p, #beard-growth-icons p {
    margin-bottom: 30px;
}

#gut-health-icons p, #gut-health-icons h2, #brain-health-icons p, #brain-health-icons h2, #immune-health-icons p, #immune-health-icons h2, #beard-growth-icons p, #beard-growth-icons h2, {
    max-width: 360px;
}

.article_data .section_sixth {
    background: #EEFAD5 !important;
}

#gut-backed-by-science p, #gut-backed-by-science h2, #beard-backed-by-science p, #beard-backed-by-science h2 {
    color: white !important;
}

#gut-backed-by-science p {
    margin-bottom: 20px;
}

#gut-backed-by-science a {
    color: #EEFAD5;
}

#gut-stat-carousel, #gut-stat-carousel p {
    color: #24272A !important;
}

#gut-stat-carousel p {
    max-width: 250px;
}

#gut-health-icons p, #brain-health-icons p, #immune-health-icons p, #beard-growth-icons p {
    margin-top: 20px;
}

.sons-howitworks-carousel h2 {
    margin: 20px 0;
}

#gut-health-icons.results p, #brain-health-icons.results p, #immune-health-icons.results p, beard-growth-icons.results p {
    max-width: 340px;
}

.article_data .section_eighth .ryt_sec {
    padding-top: 0 !important;
}

.main_post_latst .date, .main_post_latst .article_tag {
    font-size: 12px !important;
}

.consultion_outerx h2.h1, .meals-container h3 {
    padding-bottom: 0 !important;
}

.carousel-container .carousel-cell p:last-child {
    padding-bottom: 50px !important;
}

.carousel-container .carousel-cell p:first-child {
    min-height: 250px;
}

#gut-backed-by-science img {
    margin: 10px 30px 50px;
    display: block;
    width: calc(100% - 20px);
}

#gut-health-icons .container, #brain-health-icons .container, #immune-health-icons .container, #beard-growth-icons .container   {
    padding-right: 20px !important;
}

#gut-health-icons .col-md-6 .col-6:nth-child(2n+1), #brain-health-icons .col-md-6 .col-6:nth-child(2n+1), #immune-health-icons .col-md-6 .col-6:nth-child(2n+1),
#beard-growth-icons .col-md-6 .col-6:nth-child(2n+1)
{
    padding-left: 0;
}

#brain-health-icons .col-md-6 .col-6:nth-child(2) {
    padding-right: 0;
}

#brain-health-icons .col-md-6 .col-6:nth-child(3) {
    padding-top: 50px;
}

.desktop_navigation .lft_menu a:hover, .desktop_navigation .ryt_menu a:hover {
    color: #FFFFFF !important;
    padding-left: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.desktop_navigation .lft_menu a , .desktop_navigation .ryt_menu a ,
.desktop_navigation .lft_menu span
 {
    color: #EEFAD5!important;
    padding-left: 0;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.journal-meta {
    font-size: 12px;
}

.author_bio img {
    border-radius: 50%;
}

.flex_wrp.full-height {
    position: relative;
}


.full-height {
  height: calc(100vh - 70px);
  align-items: center;
}

.section_seventh .flex_wrp {
    align-items: center;
    background: white;
}

.right-limit .half-section {
    margin-left: 110px;
}

.half-section .btn.button {
    margin: 45px 0;
}

.how_works_inner img {
    max-width: 70px;
    margin-bottom: 10px;
}

.half-section {
    position: relative;
}

.half-section .author_data {
    bottom: 0 !important;
}

.homepage_outer .btn_sec .button {
  	margin-top: 30px;
    max-width: 200px !important;
    display: inline-block;
    width: calc(50% - 5px) !important;
}

.text_sec {
    max-width: 450px;
}

.botm_btn {
    position: absolute;
    bottom: 0;
}


.flex_wrp.full-height {
    position: relative;
}

.grab_me {
    cursor: grab;
    -ms-overflow-style: none;
  scrollbar-width: none;
}

.grab_me::-webkit-scrollbar {
  display: none;
}

.journal-meta {
    font-size: 12px; white-space: nowrap; overflow: hidden;
}

.journal-meta img {
    margin-bottom: 10px;
}


.article_tag ul li a::before nth-child (1) {
display:none !important;
}

.article_tag li {
	display: inline-block;
	white-space: nowrap;
}

.share_btn.article_tag {
    display: flex;
    margin-top: 20px;
  padding: 0 20px;
}

.outer_article .share_btn a, .outer_article .share_btn span {
    font-size: 12px;
    line-height: 26px;
}

.share_btn ul {
    padding-left: 0 !important;
}

h2.tt-title {
    line-height: 38px !important;
}

h2 p {
    margin-top: 10px;
}

.not-sure-text.gut {
    padding-bottom: 20px;
}

.not-sure-text.gut p {
    margin-top: 10px !important;
}

.blog_outer .author_bio .ryt_sec img {
    max-width: 75px !important;
    height: 75px !important;
}

.tt-post-content {
    margin: 0 20px;
}

.journal-meta .flex_wrp {
    margin: 20px 20px 10px;
}

.logged-out .ryt_menu li:nth-child(9) {
    display: none;
}

.sons-hair-growth-products-cycle-carousel a {
    margin-bottom: 20px;
}

.original {
    opacity: 0.5;
}

.original::after {
    content: "";
    height: 2px;
    display: block;
    width: 100%;
    background: #24272A;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}
.original {
    opacity: 0.5;
    position: relative;
}

.block_sec .img_sec img {
    max-width: 32px;
}

.home .testimonial-carousel-container {
    min-height: 603px;
}

.tt-mobile-parent-menu {
    margin-top: 4px;
}

.tt-mobile-header .tt-logo-container {
    margin-top: 6px;
}



.sons-hair-growth-products-cycle-carousel img {
   /* max-width: 275px;
    : 0 auto; */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.index_people_planet_chart .chart_sec_main .img_sec {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.chart_sec_main img {
    margin-top: 20px;
}

.support_claim img {
    max-width: 150px !important;
}

.people_planet .h1 {
    margin-bottom: 0 !important;
}

.support_claim .h1 {
    margin-bottom: 30px !important;
}

.grab_me .tag_anchr:hover {
    color: #24272A;
}

.tag_anchr {
    position: relative;
}

.star_img img {
    max-width: 30px !important;
    display: inline-block;
    margin: 10px 0 10px -5px;
}

.before_after {
    display: flex;
    width: 100%;
    gap: 0 30px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.before_afterb {
    display: flex;
    width: 100%;
    gap: 0 30px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.before_after > div{
    flex-basis: 100;
    flex-grow: 1;
}

.testimonial-product {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px; display:none;
}

.testimonial-product a {
    color: #4100E6;
}

.the_quote p {
    margin-bottom: 50px;
}

.author_img {
    background: #EDFAD6;
}

.paragraphs h2, .paragraphs p {
    margin-bottom: 20px;
}

@media (min-width: 600px) {
	.cf-form-actions {
	    /* margin-left: 0; */
       margin-top: 5px !important; margin-right: -7px;
        margin-left: calc( 50% + -10px);
	}
}


@media (max-width: 600px) {
.cf-form-actions {margin-left: 8px;margin-right: 23px;}
.cf-field-container[data-cf-column-width="2"] {width: 100% !important;}
}


.icons-consultation .cf-enum-field__choice span::after, .hair-icons-consultation .cf-enum-field__choice span::after  {
    content: "" !important;
    width: 100% !important;
    display: block !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 0 solid transparent !important;
    border-radius: 0 !important;
    position: relative !important;
    top: 0px !important;
}

.icons-consultation .cf-enum-field__choice span::after  {
    height: 110px !important;
}

.tt-login-form .icons-consultation.cf-field .cf-enum-field__choice span::before, .tt-login-form .hair-icons-consultation.cf-field .cf-enum-field__choice span::before {
  content: "";
  display: none;
}

.icons-consultation .cf-enum-field__choice:nth-child(2) span::after {
    background-image: url('/cdn/shop/t/39/assets/Sons_Hair.png?v=1620735813'); 
}

.icons-consultation .cf-enum-field__choice:nth-child(3) span::after {
    background-image: url('/cdn/shop/t/39/assets/Sons_Beard.png?v=1637852516');
}

.icons-consultation .cf-enum-field__choice:nth-child(4) span::after {
    background-image: url('/cdn/shop/t/39/assets/Sons_Immune.png?v=1620735824');
}

.icons-consultation .cf-enum-field__choice:nth-child(5) span::after {
    background-image: url('/cdn/shop/t/39/assets/Sons_Gut.png?v=1620735802');
}

.icons-consultation .cf-enum-field__choice:nth-child(6) span::after {
    background-image: url('/cdn/shop/t/39/assets/Sons_Brain.png?v=1620735792');
}



.icons-consultation .cf-enum-field__choice:nth-child(2) input:checked + span::after {
    background-image: url('/cdn/shop/t/39/assets/Sons_Hair_Active.png?v=1620735806') !important;
      background-color: transparent !important;
}

.icons-consultation .cf-enum-field__choice:nth-child(3) input:checked + span::after {
    background-image: url('/cdn/shop/t/39/assets/Sons_Beard_Active.png?v=1637853032') !important;
      background-color: transparent !important;
}

.icons-consultation .cf-enum-field__choice:nth-child(4) input:checked + span::after {
    background-image: url('/cdn/shop/t/39/assets/Sons_Immune_Active.png?v=1620735819') !important;
      background-color: transparent !important;
}

.icons-consultation .cf-enum-field__choice:nth-child(5) input:checked + span::after {
    background-image: url('/cdn/shop/t/39/assets/Sons_Gut_Active.png?v=1620735797') !important;
      background-color: transparent !important;
}

.icons-consultation .cf-enum-field__choice:nth-child(6) input:checked + span::after {
    background-image: url('/cdn/shop/t/39/assets/Sons_Brain_Active.png?v=1620735787') !important;
      background-color: transparent !important;
}



.icons-consultation .cf-enum-field__choices fieldset, .hair-icons-consultation .cf-enum-field__choices fieldset {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 15px; /*gap: 30px;*/
}



.icons-consultation .cf-enum-field__choice {
    flex-basis: 200px;
}

.tt-login-form .icons-consultation .cf-enum-field__choice span, .tt-login-form .hair-icons-consultation .cf-enum-field__choice span {
    margin: 0 auto;
    padding: 20px 10px;
    width: 100%;
  border: 0px solid white;
}



/* To add to IE */

.recommendation-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.recommendation-block {
    flex-basis: 350px;
    flex-grow: 1;
    max-width: 375px;
    position: relative;
}

.sons-carousel .recommendation-container {
    display: unset;
    flex-wrap: unset;
    gap: unset;
}

.sons-carousel .recommendation-block {
    flex-basis: unset;
    flex-grow: unset;
    max-width: unset;
    position: unset;
}

.recommendation-block-header {
    display: flex;
    background: #E9E9EA;
    padding: 20px;
}

.recommendation-block-header img {
    flex-basis: 35px;
    flex-grow: 1;
    max-width: 35px !important;
}

.recommendation-block-header h2 {
    flex-grow: 1;
    line-height: 30px !important;
}

.recommendation-block .col-md-6, .recommendation-block .col-md-4, .recommendation-block .col-md-2 {
    flex: 0 0 100%;
    max-width: 100%;
}

.recommendation-block .col-md-6 {
  margin-bottom: 30px;
}

.recommendation-block .container  {
    background: white;
        background-color: white;
}

.recommendation-block .container {
    padding: 20px 10px;
}

.recommendation-block .h1 {
    min-height: 95px;
}

.recommendation-block .sons-product-info {min-height: 370px;}

.recommendation-block .col-md-6 img {
    min-height: 251px;
}

.recommendation-block .product-options label {
  background: #E9E9EA;
  border: 1px solid #E9E9EA;
}

.tt-login-form .cf-field.number-scalex .cf-enum-field__choice span::before {
    display: block;
    position: relative;
    margin: 3px auto 15px;
}

.tt-login-form .number-scalex .cf-enum-field__choice span {
    margin-top: 0px;
    text-align: center;
}

.number-scalex .cf-enum-field__choice + .cf-enum-field__choice::before {
    content: "";
    position: absolute;
    background: black;
    height: 2px;
    width: 72px;
    top: 16px;
    left: -30px;
}

.number-scalex .cf-enum-field__choice {
    margin: .5em 1em .5em 0;
        margin-top: 0.5em;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    max-width: 100%;
    position: relative;
}

.health-scalex label:nth-child(2) span::after {
    content: "Very unhealthy";
    display: block;
    width: 80px;
    text-align: center;
    height: 0;
    margin: 0 -23px;
    font-size: 12px;
    top: 5px;
    position: relative;
}

.health-scalex label:nth-child(6) span::after {
    content: "Very healthy";
    display: block;
    width: 80px;
    text-align: center;
    height: 0;
    margin: 0 -23px;
    font-size: 12px;
    top: 5px;
    position: relative;
}

.days-scalex label span::after {
    content: "Days";
    display: block;
    width: 80px;
    text-align: center;
    height: 0;
    margin: 0 -21px;
    font-size: 12px;
    top: 5px;
    position: relative;
}

.times-scalex label span::after {
    content: "Times";
    display: block;
    width: 80px;
    text-align: center;
    height: 0;
    margin: 0 -21px;
    font-size: 12px;
    top: 5px;
    position: relative;
}





.recommendation-summary {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.summary-image {
    text-align: center;
}

.summary-image img {
    max-width: 200px;
}

.recommendation-summary .recommendation-block-header {
    text-align: left;
}

.recommendation-summary {
    text-align: center;
}

.recommendation-summary .btn {
    padding: 20px 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 50px !important;
}

html {
  scroll-behavior: smooth;
}

.cf-enum-field__choice {
    position: relative;
}

.recommendation-block .recommendation-icon img {
    max-width: 40px;
    margin: 40px 10px -50px 0;
}

.recommendation-icon {
    text-align: right;
}

.summary-image {
    margin-bottom: 40px;
}

.recommendation-block p {
    margin-top: 10px;
}

.recommendation-plus {
    background: #4100E6;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0 0 0 1px !important;
    font-size: 30px;
    font-weight: 100 !important;
    line-height: 40px;
    text-align: center !important;
    transform: scale(1);
    font-family: "Arial";
}

.recommendation-plus:hover {
    transform: scale(1.2);
}

.recommendation-container .content-page-read-more {
    margin-bottom: 0 !important;
}

.proceed-to-cart {
    margin: 40px auto;
    max-width: 374px;
}

.recommendation-block img {
    max-width: 334px;
    margin: 0 auto;
}

.recommendation-block:last-child .recommendation-plus {
    display: none;
}


 @media (max-width: 768px){
.best-ingredients-sec .container {
    padding-right: 20px !important;
}
 }

 @media (min-width: 768px){
  .recommendation-plus {
      display: none;
  }

   .tt-login-form .cf-field.number-scalex .cf-enum-field__choice span::before {
      display: block;
      position: relative;
      margin: 0 auto 15px;
  }
   
   .number-scale label + label::before {
      top: 15px !important;
  }

}

.number-scalex .cf-enum-field__choices fieldset {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.number-scalex span {
    width: 70px;
}


.number-scale label:nth-child(2) span {
    padding-left: 0 !important;
}

.number-scale span::before, .number-scale span {
    display: block !important;
    position: relative !important;
    text-align: center;
    margin: 0 auto 10px !important;
}

.number-scale label:last-child {
    margin-right: 0 !important;
}

.number-scale span {
    padding-left: 25px !important;
}

.number-scale {
    position: relative;
}

.number-scale label + label::before {
    content: "";
    width: 57px;
    height: 2px;
    background: black;
    position: absolute;
    top: 12px;
    left: -25px;
}

.number-scale.days-scale label + label::before, .number-scale.times-scale label + label::before {
    width: 70px;
    left: -35px;
}

.cf-field.health-scale::before {
    content: "Very unhealthy";
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
}

.cf-field.health-scale label:last-child::after {
    content: "Very healthy";
    position: absolute;
    bottom: -9px;
    right: 0;
    font-size: 12px;
    width: 100px;
    text-align: right;
}

.days-scale span::after {

    content: "Days";
    position: relative;
    display: block;
    font-size: 12px;
  padding-top: 5px;

}


.brain-health-supplement-second-text-image img {
    max-width: 450px;
}

.brain-health-supplement-second-text-image .ryt_sec {
text-align: right;
}

.icons-consultation .cf-enum-field__choice {
    max-width: 268px !important;
}

.cf-next-step {
    max-width: 100% !important;
}

/*
.cf-next-step {
    max-width: 268px !important;
}

*/

.homepage_outer .btn_sec .button:nth-child(3), .homepage_outer .btn_sec .button:nth-child(4) {
    margin-top: 10px;
}

.brain-carousel-container img {
    height: 62px;
  margin-top: 20px;
}

.brain-carousel-container h2 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.brain-science-text-logo .container {
    padding-right: 20px !important;
}




.pagearticle .tt-post-content p {
    max-width: unset;
}

body #hubspot-messages-iframe-container {
    display: none !important;
}

.cancellation-offer {
    background: white;
    margin-top: 25px;
    padding: 20px;
    border: 2px solid #4100E6;
}

/*
Ashley - Disabled 21/12/21 due to breaking account section - not sure if needed?

.alert {
  background: #4100e6;
  color: white !important;
  padding: 15px !important;
  font-size: 14px !important;
  margin-bottom: 20px;
}
*/

/* FAQS PAGE */

.faqsi {padding: 0px 0px 50px 0px !important;}

.faq_title {font-size:32px  !important; margin: 5px 0px 25px 0px;}

.faqsi ul {list-style:none; margin-left:-20px; }
.faqsi li {cursor:pointer; }

.fas-it{ padding: 20px;  border:0; color:#eefad5; margin-top:20px; width:100%;  display:inline-block; white-space:nowrap;background-color:#24272a; text-align:center; text-decoration: none; top: 0; position: relative;transition: all .5s ease-in-out;}

.fas-it.fas-it:hover{color: #eefad5 !important; top: 0px;}
.fas-it:hover:after{ width: 100%; color: #eefad5 !important; z-index:-1;  }

.fas-it:hover{ position: relative;z-index: 2;}
.fas-it:after{ position: absolute; content: ""; top: 0; left: 0;   width: 0; height: 100%;background: #4100e6; transition: all .5s ease-in-out; }

.breadcrumbs { background: #f6f6f6; padding: 10px; border-radius: 4px; margin-bottom: 25px;}

.breadcrumbs ul {list-style:none; margin-top: 15px; margin-left: -40px;} 
.breadcrumbs li {display: inline; border-right: 0px #ccc solid; padding-left: 5px; padding-right: 5px; }
.breadcrumbs li:last-child {color:#4100E6 !important; border: 0;}

.breadcrumbs a:link {color:#777 !important;}
.breadcrumbs a:hover { color:#4100E6 !important;}
.breadcrumbs a:visited { color:#777 !important;}
.breadcrumbs a:active { color:#777 !important;}

.best-values {padding:15px 10px !important; position:absolute; border-radius: 50%;top: 190px;background: #4100e6;color: #fff !important;font-size: 12px !important;
font-weight: bold !important;width: 50px;height: 50px;line-height: 10px !important; text-align: center;}

.most-popular {padding:20px 10px !important; position:absolute; border-radius: 50%;top: 170px; margin-left:35px; background: #4100e6; min-width: 60px; min-height: 63px; vertical-align:center; width:auto; height: auto; display: flex;}
.most-popular p {font-size: 12px !important;line-height: 10px !important; text-align: center!important; color: #fff !important; font-weight: bold !important;}

.most-popular-grid {padding: 5px 15px !important;position: absolute;border-radius: 25px;top: 80px; left: 25px; background: #4100e6;color: #fff !important;font-size: 15px !important;font-weight: bold !important;vertical-align: center;width: auto;
text-align: center; height: 26px; display: flex;z-index: 2;}
.most-popular-grid p {font-size: 13px !important;line-height: 15px !important; text-align: center!important; color: #fff !important; font-weight: bold !important;}

/*.most-popularv2 {padding:20px 10px !important; position:absolute; border-radius: 50%;top: 110px; margin-left:35px; background: #4100e6; min-width: 60px; height: 63px !important; vertical-align:center; width:auto; height: auto; display: flex;}
.most-popularv2 p {font-size: 12px !important;line-height: 10px !important; text-align: center!important; color: #fff !important; font-weight: bold !important;}

.most-popular-product {padding:20px 10px !important; position:absolute; border-radius: 50%;top: 150px; margin-left:35px; background: #4100e6;color: #fff !important;font-size: 12px !important;
font-weight: bold !important; min-width: 60px; min-height: 63px; vertical-align:center; width:auto; height: auto;line-height: 10px !important; text-align: center; display: flex; z-index:2;}
.most-popular-product p {font-size: 12px !important;line-height: 10px !important; text-align: center!important; color: #fff !important; font-weight: bold !important;}
*/

.most-popularv2 {padding: 5px 15px !important;position: absolute;border-radius: 25px; margin-left:15px; top: 70px;background: #4100e6;color: #fff !important;font-size: 13px !important;font-weight: bold !important;vertical-align: center;width: auto;
text-align: center;display: flex;z-index: 2;}
.most-popularv2 p {font-size: 13px !important;line-height: 15px !important; text-align: center!important; color: #fff !important; font-weight: bold !important; margin-bottom: 0px !important;}

.most-popular-product {padding: 5px 15px !important;position: absolute;border-radius: 25px;top: 80px; right: 30px; background: #4100e6;color: #fff !important;font-size: 15px !important;font-weight: bold !important;vertical-align: center;width: auto;
text-align: center;display: flex;z-index: 2;}
.most-popular-product p {font-size: 13px !important;line-height: 15px !important; text-align: center!important; color: #fff !important; font-weight: bold !important;}

.most-popular-product_b {padding:20px 10px !important; position:absolute; border-radius: 50%;top: 190px; margin-left:35px; background: #4100e6;color: #fff !important;font-size: 12px !important;
font-weight: bold !important; min-width: 60px; min-height: 63px; vertical-align:center; width:auto; height: auto;line-height: 10px !important; text-align: center; display: flex; z-index:2;}
.most-popular-product_b p {font-size: 12px !important;line-height: 10px !important; text-align: center!important; color: #fff !important; font-weight: bold !important;}

.most-popular-mobile {padding:16px 10px !important; position:absolute; border-radius: 50%; float: left;
left: -60px; position: relative; top: -42px; background: #4100e6;color: #fff !important;font-size: 12px !important;
font-weight: bold !important; min-width: 40px; min-height: 43px; vertical-align:center; width:auto; height: auto;line-height: 10px !important; text-align: center; display: flex; z-index:2;}
.most-popular-mobile p {font-size: 8px !important;line-height: 8px !important; text-align: center!important; color: #fff !important; font-weight: bold !important;}

.most-popular-reco {padding: 5px 15px !important;position: absolute;border-radius: 25px; margin-left:15px; right: 20px; top: 110px;background: #4100e6;color: #fff !important;font-size: 13px !important;font-weight: bold !important;vertical-align: center;width: auto;
text-align: center;display: flex;z-index: 2;}
.most-popular-reco p {font-size: 13px !important;line-height: 15px !important; text-align: center!important; color: #fff !important; font-weight: bold !important; margin-bottom: 0px !important;}


/* SCIENTIFICALLY PROVEN STICKER*/

.scientifically-proven {padding:33px 6px !important; position:absolute; border-radius: 50%;top: 150px; margin-left:35px; background: #4100e6;
 min-width: 80px; min-height: 80px; vertical-align:center; width:auto; height: auto; display: flex;}

.scientifically-proven p {font-size: 12px !important;line-height: 10px !important; text-align: center!important; color: #fff !important; font-weight: bold !important;}
.scientifically-proven-product {padding:33px 6px !important; position:absolute; border-radius: 50%;top: 170px; margin-left:35px; background: #4100e6;color: #fff !important;font-size: 12px !important;
font-weight: bold !important; min-width: 80px; min-height: 80px; vertical-align:center; width:auto; height: auto;line-height: 10px !important; text-align: center; display: flex; z-index:2;}
.scientifically-proven-product p {font-size: 12px !important;line-height: 10px !important; text-align: center!important; color: #fff !important; font-weight: bold !important;}

.most-popular-mobile { display:none;}

@media (max-width: 767px){
.most-popular-product {top:90px; display:none;}
.most-popular-product_b {top:130px; display:none;}
.scientifically-proven-product {top:140px;}
.most-popular-mobile { display:block; }
}

.the-science-pg {background: #E9E9EA;}
.the-science-pg img {max-width:100%; height: auto;}

.the-science-pg h2 {font-size: 36px !important; letter-spacing: -.04em !important; line-height: 38px !important; padding: 0 !important; margin: 12px 0 12px 0;}

.the-science-pg img:hover { opacity: 0.9; transition: 1s; }
.the-science-pg h2:hover { transition: 1s; color:#4100E6 !important;}


/* BACKUP

.journal_si {padding: 0px 0px 50px 0px !important;}

.journal_si ul {list-style:none; margin-left:-20px; }
.journal_si li {cursor:pointer; }

.journal_count {font-size: 10px; vertical-align:middle; color:#fff; padding:3px; margin-left: 5px; border:0px #ccc solid;}

.activeo {background:#4100E6 !important;}
.activeo:after{ position: absolute; content: ""; top: 0; left: 0;   width: 0; height: 100%;background: #24272a !important; transition: all .5s ease-in-out; }


.journal-it{ padding: 10px;  border:0; color:#eefad5; margin-top:20px; width:100%;  display:inline-block; white-space:nowrap;background-color:#24272a; text-align:center; text-decoration: none; top: 0; position: relative;transition: all .5s ease-in-out;}

.journal-it:hover{color: #eefad5 !important; top: 0px;}
.journal-it:hover:after{ width: 100%; color: #eefad5 !important; z-index:-1;  }

.journal-it:hover{ position: relative;z-index: 2;}
.journal-it:after{ position: absolute; content: ""; top: 0; left: 0;   width: 0; height: 100%;background: #4100e6; transition: all .5s ease-in-out; }


*/

#journals {scroll-behavior: smooth; }

.offer-container-var {display:block; width:70%; position: absolute;}

.offer-text-var {
    margin-top: -10px;
    text-align: left;
}

/* TESTIMONIALS SECTION */

.tst_menu {display:none;}
.tst_img {max-width:100%; height: auto;}
.jorno {display:none;}
.grab_moi {display:block;}

@media (max-width: 992px){

.jorno {display:block;}
.tst_menu {display:none;} 
.grab_moi {display:block;}
.top_filter .tstm {display:none;}
  .journal_si {display:none;}
  
}

.most-effective .sons-product-grid-title a, .most-effective .sons-product-grid-title h4 {
    color: white;
}

.most-effective .sons-product-grid-title h2 {
    width: 60%;
}

.most-effective .sons-product-grid-title h4 {
    width: 40%;
}


/* BEARD GROWTH */

#beard-growth-works p {margin-bottom: 30px; }
#beard-backed-by-science a {
    color: #EEFAD5;
}

/* 6 Month Quote */

.time-is-good {background:#EEFAD5; border-radius: 4px; border:1px #ddd solid; padding: 10px; margin:20px 0; }
.time-is-good img {border-radius: 50%; margin:0 auto; max-width: 55px;}
.time-is-good p {font-size: 14px !important; margin-top: 5px; padding-right: 0px !important;}


@media (max-width: 575px){
.time-is-good { margin-right:10px; }
}

.quote_b {border-radius: 50%; margin:0 auto; max-width: 65px; float: left; margin: 0px 15px 10px 0px !important ;}

.button small {
    display: block;
    font-size: 12px !important;
}

.product-form .button {
    max-width: 100% !important;
}


.new-consult #create_customer {
padding-top: 50px;
}

/* Home USP's */

.icon_abp {padding: 6px 0px 6px 0px !important;}
.icon_abs {float:left; max-width: 20px; height: auto; margin-right: 10px; text-align: top; }
.icon_dsk { max-width: 20px; height: auto; margin-right: 10px; text-align: top; }

/* Google Pages Radio Tabs */

.radio-link {width:100%;}


.recommendation-block.or-block:before {
content: "Or";
position: absolute;
width: 60px;
background: #4100e6;
border-radius: 50%;
height: 60px;
color: white;
display: block;
text-align: center;
line-height: 40px;
border: 10px solid #EDFAD4;
}

.or-summary:before {
    content: "Or";
    position: absolute;
    width: 60px;
    background: #4100e6;
    border-radius: 50%;
    height: 60px;
    color: white;
    display: block;
    text-align: center;
    line-height: 40px;
    border: 10px solid #FFFFFF;
    left: calc( 50% - 30px);
    top: -25px;
  }

@media all and (max-width: 600px) {
  .recommendation-block.or-block:before {
  	left: calc( 50% - 30px);
    top: -45px;
  }
  
  .or-summary:before {
    left: calc( 50% - 30px);
    top: -25px;
  }
}

@media all and (min-width: 600px) {
  .recommendation-block.or-block:before {
	left: -45px;
  	top: 50%;
  }
  .or-summary:before {
    left: -25px;
  	top: 50%;
  }
}

.most-popular-rec {
padding: 10px !important;
border-radius: 50%;
background: #4100e6;
min-width: 60px;
min-height: 63px;
vertical-align: center;
width: auto;
height: auto;
display: flex;
  color: white !important;
  text-align: center !important;
  position: absolute;
  right: 0;
  top: -15px;
}

.most-popular-rec p {
font-size: 12px !important;
line-height: 10px !important;
text-align: center!important;
color: #fff !important;
font-weight: bold !important;
}

.most-effective-label {padding:20px 10px !important; position:absolute; border-radius: 50%;top: 10px; margin-left:35px; background: #4100e6; min-width: 70px; min-height: 70px; vertical-align:center; width:auto; height: auto; display: flex;}
.most-effective-label p {font-size: 12px !important;line-height: 13px !important; text-align: center!important; color: #fff !important; font-weight: bold !important;}

.upsell {display:block;}
.upsellmobile {display:none;}

@media (max-width: 992px){

.upsell {display:none;}
.upsellmobile {display:block;}
.most-effective-label {top: 80px;}
  
.most-effective-label {min-width: 40px; min-height: 40px;}
.most-effective-label p {font-size: 9px !important;line-height: 10px !important; }

.wtrust{padding: 30px 0px !important;}
}


.whys1 {background:none; text-align:center; padding:12px 10px 12px 10px; border-radius: 6px; width:100%; border: 0px #e1e1e1 solid; margin: 0 0 10px 0; } 
.whys1:hover {background:#f1f1f1; transition:0.5s;}
.whys1icon {display: block; margin: 0 auto; background: none; border-radius: 50%; padding:2%; width: 70px; height:70px; border:0px #f5f5f5 solid;}


.st-t {background:#24272A; text-align:center;}
.st-t h2 {color:#fff !important;}
.st-t h3 {color:#fff !important; }
.st-t p {color:#fff !important;}


.st-t .button  { background: #eefad5;color: #24272A;border-width: 0;display: block;width: 100%;text-align: center;padding: 20px;position: relative;max-width: 282px;}
.st-t .button::after  {content: "";left: 0;display: block;background: #4100e6;top: 0;position: absolute;bottom: 0;right: 100%;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.st-t  .button:hover { cursor: pointer;  color:#eefad5; transition:0.2s;}
.st-t  .button:hover::after {right: 0;}
.st-t  .button span {z-index: 1;position: relative;}


.coupon-price * {
vertical-align: bottom;
}

.coupon-price {
text-align: right;
width: 40%;
line-height: 36px;
align-self: flex-end;
}

.coupon-code {
width: 60%;
text-align: left;
  align-self: flex-end;
}

.coupon-discount .first-order-price.show {
display: flex;
}

/* BEFORE AFTER SLIDER */


#one {width:100%; max-width:330px; display:block; overflow: hidden; margin:0 auto;}
#two {width:100%; max-width:330px;  display:block;  overflow: hidden; margin:0 auto;}
#three {width:100%; max-width:330px;  display:block;  overflow: hidden; margin:0 auto;}

.bal-container {
position: relative;
width:100%; max-width:300px;
    min-height: 280px; 
    cursor: grab; border: 2px #fff solid;
    overflow: hidden;
    font-family: inherit; font-size:14px;
}

@media only screen and (max-width: 400px) {
.bal-container {

min-height: 260px; 
}
}

.bal-after {
    display: block;
    position: absolute;
    top:0;
    right: 0;
    bottom: 0px; margin:0px 0px 0px -5px;
    left: 0;
  /* width: 330px; */ 

}


.bal-before {
    display: block;
    position: absolute;
    top: 0;
    /* right: 0; */
    bottom: 0;
    left: 0;
    /*width: 330px;*/

    z-index: 15;
    overflow: hidden;
}

.bal-before-inset {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; 
}

.bal-after img,
.bal-before img {
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%; 
    object-position: 50% 50%;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

}

.bal-beforePosition {
    background: #4100E6;
    color: #fff;
    left: 0;
    pointer-events: none;
    border-radius: 0.2rem;
    padding: 2px 5px;
}

.bal-afterPosition {
    background: #4100E6;
    color: #fff;
    right: 0;
    pointer-events: none;
    border-radius: 0.2rem;
    padding: 2px 5px;
}

.beforeLabel {
    position: absolute;
    bottom: 0;
    margin: 1rem;
    font-size: 1em;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.afterLabel {
    position: absolute;
    bottom: 0;
    margin: 1rem;
    font-size: 1em;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}


/* handle and arrow */

.bal-handle {
    height: 41px;
    width: 41px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -21px;
    border: 2px solid #ffffff;
    border-radius: 1000px;
    z-index: 20;
    pointer-events: none;
    box-shadow: 0 0 10px rgb(12, 12, 12);
  	background: #fff; padding:6px;
  	background-image:url(/cdn/shop/files/ns-s_591722ce-33dc-4099-ab6a-396f1f972bbd.svg?v=1676283956); 
  	background-position: center;
	background-repeat: no-repeat;

}

.handle-left-arrow,
.handle-right-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.handle-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px;
}

.handle-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px;
}

.bal-handle::before {
    bottom: 50%;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgb(12, 12, 12);
}

.bal-handle::after {
    top: 50%;
    margin-top: 20.5px;
    box-shadow: 0 0 5px rgb(12, 12, 12);
}

.bal-handle::before,
.bal-handle::after {
    content: " ";
    display: block;
    width: 2px;
    background: #fff;
    height: 9999px;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
}



@media all and (min-width: 480px) and (max-width: 768px) {
    .mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: auto;
        padding: 10px;
    }
    .bal-container {
        margin: 10px 0; 
    }

}



@media all and (min-width: 768px) and (max-width: 959px) {
.mainSection {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: auto;
        padding: 10px;
    }
   
.bal-container {margin: 10px 0;}
}


@media all and (min-width: 768px) and (max-width: 1199px) {
    .mainSection {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: auto;
        padding: 10px;
    }
    .bal-container { margin: 0 10px; }
  
}

@media all and (min-width: 1199px) {
    .mainSection {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
        width: 100%;
        height: auto;
        padding: 10px;
    }
    .bal-container {
        margin: 0 10px;
    }

}

.discount-cta {
  text-align: left;
  margin: 0 0 20px;
}

.discount-cta h2 {
  position: relative;
}

.discount-cta h2 .discount-price {
  position: absolute;
  right: 0;
  bottom: 0;
}


/* Four Varient */

.four-option .variant-options {
flex-wrap: wrap;
}

.four-option .variant-options li {
  flex: 1 0 50%;
  /* aspect-ratio: 1/1; */
  height: 150px;
  border-bottom: px solid #ebebeb;
  justify-content: center;
  align-items: center;
}

.four-option .variant-options li label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.four-option .variant-options li:nth-child(odd) {
  border-right: 1px solid #ebebeb;
}

.discount-save {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  color: white;
  text-align: center;
  background: #4100E6;
  border: 2px solid #4100E6;
  padding: 0 5px !important;
}

.four-option .variant-options {
margin: 20px;
  width: calc( 100% - 40px );
}

.four-option .variant-options li:nth-child(3)  {
border-top: 1px solid #ffffff;
}

.four-option .variant-options li:nth-child(4)  {
border-top: 1px solid #ffffff;
}


.product-form:not(.four-option) .product-options label {
  padding-bottom: 20px;
  text-align: center;
}


/*.product-form:not(.four-option) .product-options label h4 {
  width: 70px;
  left: calc( 50% - 35px );
}
*/

/* Three Varient */

.three-option .variant-options {flex-wrap: wrap;}

.three-option .variant-options li {
  flex: 1 0 50%;
  /* aspect-ratio: 1/1; */
  height: 150px;
  border-bottom: 1px solid #ebebeb;
  justify-content: center;
  align-items: center;
}

.three-option .variant-options {
margin: 20px;
  width: calc( 100% - 40px );
}

.three-option .variant-options li:nth-child(1) {
border-right: 1px solid #ebebeb;
}

.three-option .variant-options li label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.three-option .variant-options li:nth-child(3) {
 width: 100%;
}

/* Two Varient */

.two-option .variant-options {flex-wrap: wrap;}

.two-option .variant-options li {
  flex: 1 0 100%;
  /* aspect-ratio: 1/1; */
  height: 150px;
  border-bottom: 1px solid #ebebeb;
  justify-content: center;
  align-items: center;
}

.two-option .variant-options {
margin: 20px;
  width: calc( 100% - 40px );
}


.two-option .variant-options li label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.two-option .variant-options li:nth-child(2) {
 width: 100%;
}


#shopify-section-testimonial-carousel-b .post_img {
  min-height: 294px;
}

.getstarted .h3 {
color: #ffffff;
  /*EEFAD5*/
}

.oral-capsule-checkbox {
  font-size: 12px;
  line-height: 22px !important;
}

.oral-capsule-checkbox-container {
  margin-bottom: 12px;
}

/* 2-3-2 Design */

  @keyframes fadein {
    from {
      transform: translateY(0%);
      opacity: 0;
    }
    to {
      transform: translateY(0%);
      opacity: 1;
    }
  }
  @keyframes slidein {
    from {
      transform: translateX(-100%);
      opacity: 0;
    }
    to {
      transform: translateX(0%);
      opacity: 1;
    }
  }
  @keyframes slideinright {
    from {
      transform: translateX(100%);
      opacity: 0;
    }
    to {
      transform: translateX(0%);
      opacity: 1;
    }
  }
  @keyframes buttonpop {
    0% {
      background: #E9E9EA;
     }
    100% {
      background: #e1e1e1;
    }
  }
  @keyframes tabactive {
    0% {
      background: #e1e1e1;
     }
    100% {
      background: #fff;
    }
  }
  .before-link:hover, .after-link:hover {
    cursor: pointer;
  }
  .sons-product {
    /* overflow: hidden; */
    margin-bottom: 20px;
  }
  .product-tab-buttons {
    display: flex;
    background: #bbbbbb;
  }
  .product-tab-buttons > h3 {
    width: 50%;
    padding: 15px !important;
    text-align: center;
  }
  .before .before-link, .after .after-link {
    background: #fff;
  }
  .sons-product.before.fadein .product-before {
    /* animation: 1s 1 fadein; */
  }
  .sons-product .active {
    /* animation: 1s 1 tabactive; */
  }
  .sons-product.before.animate .toggle-description .product-before {
    /* animation: 1s 1 slidein; */
  }
   .sons-product.after.animate .toggle-description .product-after {
    /* animation: 1s 1 slideinright; */
  }
  .sons-product.before .product-after, .sons-product .before .product-after {
    display: none; 
  }
  .sons-product.after .product-before, .sons-product .after .product-before {
    display: none;
  }
  .toggle-image {
    background: #eefad5;
  }
  

.toggle-description {margin-top:-1px;}

  .product-before, .product-after {
    padding: 15px;
  }
.pricing-grid .product-before, .pricing-grid .product-after {
    padding: 0;
  }
  .toggle-modal .product-before, .toggle-modal .product-after, .sons-product-info .product-before, .sons-product-info .product-after {
    padding: 0;
  }
  .flex {
    display: flex;
  }
  .flex-6 > * {
    width: 50%;
  }
  .flex-4 > * {
    width: 33.3%;
  }
  .flex-3 > * {
    width: 25%;
  }
  .before .after-link:hover, .after .before-link:hover {
    /* animation: 1s 1 buttonpop; */
  }
  .toggle-image h2 {
    position: relative;
    margin-bottom: 20px;
  }
  .toggle-image h2 .effective {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    font-weight: 100;
  }
  .hair-loss-products .h1 {
    margin-bottom: 10px !important;
  }
  .hair-loss-products p {
    margin-bottom: 20px;
  }
  @media (min-width: 600px){
    .minoxidil .product-before > p, .minoxidil .product-after > p {
      min-height: 88px;
    }
    .the-duo-plan .product-before > p, .the-duo-plan .product-after > p, .ultimate-hair-loss-plan .product-before > p, .ultimate-hair-loss-plan .product-after > p {
      min-height: 132px;
    }

    .the-full-works-plan .product-before > p, .the-full-works-plan .product-after > p, .oral-full-works .product-before > p, .oral-full-works .product-after > p {
      min-height: 132px;
    }

  
    .biotin .product-before > p, .biotin .product-after > p, .hair-growth-complex .product-before > p, .hair-growth-complex .product-after > p {
      min-height: 130px;
    }
    .topical-finasteride-minoxidil-spray .product-before > p, .topical-finasteride-minoxidil-spray .product-after > p, .finasteride .product-before > p, .finasteride .product-after > p {
      min-height: 140px;
    }
    
    .shampoo .product-before > p, .shampoo .product-after > p, .conditioner .product-before > p, .conditioner .product-after > p {
      min-height: 130px;
  
    }
  }

  .toggle-buttons > div {
    padding-top: 0;
  }
  .toggle-buttons .btn {
    max-width: 100% !important;
  }
  .toggle-description > div {
    padding-bottom: 0;
  }

  .effective .counter::after {
content: '';
display: none;
margin-left: 0;
}

  .sons-product .counter, .sons-product .counter2 {
font-weight: unset;
font-size: unset;
line-height: unset;
padding-bottom: unset;
display: inline-block;
}

.recommendation-container .sons-description {
  min-height: 66px;
}

.finasteride .recommendation-container .sons-description {
  min-height: 110px;
}

.pre-con-message {font-size:12px !important;}


/* Version 2 - Sons FAQ page */

.fr-c1 {background:#d2d2da; color:#24272A !important; padding:20px;}
.fr-c1 h2 { color:#24272A !important; }
.fr-c2 {background:#bbbbbb; padding:20px;}
.bdr_s {border-bottom: 1px #212121 solid; margin-bottom:15px; padding-bottom:20px !important;}

.stickymenu {  position: sticky; top: 0; left: 20px;  padding: 15px; margin-top: -10px;  cursor: pointer; z-index: 1; max-height:100vh; overflow: scroll;}
.stickymenu ul {margin-left:-40px;}
.stickymenu li {list-style:none; padding:15px 0; border-bottom: 1px #24272A solid; font-size:18px; font-weight:bold; color:#24272A; }
.stickymenu li.active  { color: #4100e6; !important; }
.stickymenu li.active .chev-r  {filter:brightness(0) saturate(100%) invert(19%) sepia(100%) saturate(2754%) hue-rotate(247deg) brightness(83%) contrast(124%) !important; }

.stickymenuheading {font-weight: 600 !important; color:#24272A !important; font-size: 32px !important; padding: 0 !important; letter-spacing: -0.04em !important;line-height: 32px !important; border-bottom: 0px !important; }

.chev-r {  max-width: 13px;vertical-align: middle; margin-right: 10px; filter: brightness(0) saturate(100%) invert(13%) sepia(2%) saturate(2819%) hue-rotate(161deg) brightness(96%) contrast(94%);}
.topss {padding:35px 0; font-weight:bold; display:block; }
.topssmobil {display:none;}

#accordion-faq {position: relative; margin-right: 20px;}
#accordion-faq .head { border: 0px #bbb solid; color: #24272A; padding: 15px 0px; cursor: pointer;transition: 0.2s ease;display: flex;justify-content: space-between;
align-items: center; }
#accordion-faq .head img {margin-bottom: 0px !important; filter: brightness(0) invert(1);}
#accordion-faq .arrow{max-width: 22px; transition: 0.25s ease;opacity: 1;transform: rotate(0deg);}
#accordion-faq .head:hover .arrow{opacity: 1;}
#accordion-faq .arrow-animate{ transform: rotate(180deg);opacity: 1;}
#accordion-faq .content {display: none;padding: 20px 20px;color: #fff;}
#accordion-faq .content p {margin-bottom:0px !important; padding-bottom: 0px !important;}

.active-anchor h2 {color: #4100e6 !important; -webkit-transition: all 0.1s linear;}
.active-anchor p {color: #4100e6 !important; -webkit-transition: all 0.1s linear;}

@media (max-width: 600px){
.topssmobil {padding:35px 0; font-weight:bold; display:block;}
.tab-spacer, .bonus-image {  display: none;}
.stickymenu li { font-size:15px !important; }
.stickymenu li.stickymenuheading { font-size:22px !important; padding:3px 0 !important; }
.chev-r {  max-width: 15px!important; }
#accordion-faq .head { padding: 0px;}
.oralfwimg {margin-top:-70px !important; transition: 0,5s;}
.faq_b_inner:hover { margin-top:22px !important;}
}

.faq_b {margin: 0 auto;}
.faq_b img {max-width: 55px;margin-bottom: 15px;}

.faq_b_inner {margin: 25px 15px; background:#eefad5; padding:20px; text-align:center;  vertical-align: middle; min-height: 320px;}
.faq_b_inner:hover {box-shadow: 0 6px 20px rgb(0 0 0 / 0.2); margin-top:10px; transition: 0.4s;}

.faq_b h3::after {content: "";display: block;margin: 0.45em auto;border-bottom: 1px solid #000;width: 90px;}

.faq_breadcrumb {margin:0 20px 0 20px; background:transparent; color: #24272A !important;  border: 1px #24272A solid; border-radius:3px; padding:6px; font-size:14px !important; }
.faq_breadcrumb ul {list-style: none; margin-top:12px; margin-left:0px;}
.faq_breadcrumb a li {display: inline-block; padding: 0 5px; color: #24272A !important;}
.faq_breadcrumb a li:hover {color: #4100e6 !important;}
.faq_breadcrumb a > li:after {display: inline-block; content:'/' ; padding-left: 10px; color:#24272A !important;}


/* Version 2 - Sons FAQ page */

.oralfwimg {margin-top:-220px;padding: 0 50px;}

.recommendation-products .toggle-product .product-before > p, .recommendation-products .toggle-product .product-after > p {
min-height: 132px;
}

.recommendation-products .toggle-product.toggle-removed .product-before > p, .recommendation-products .toggle-product.toggle-removed .product-after > p, .recommendation-products .product-before > p, .recommendation-products .product-after > p {
min-height: 184px;
}

/* Version 3 - Sons Frontpage */

.interest_ca {background:#eefad5;}
.interest_ca img {max-width:100%; height:auto;}
.interest_ca img:hover {opacity:0.9; transition:0.3s;}

.int_s {position:relative;}
.int_s2 {color: #fff !important;position: absolute !important;display: block !important;bottom: 20px;font-size: 36px !important;line-height: 36px !important;left: 20px;}
.rt_aw {background: url('/cdn/shop/files/Arrow_Roundlet.png?v=1692091864'); background-size: contain; width: 45px; height:45px; position: absolute !important; bottom:20px; right:20px; display:block;}

.mobil_bg {max-heighteight:800px;}

@media (max-width: 800px){
.rt_aw {width: 25px; height:25px; }
.int_s2 {font-size: 22px !important; line-height:22px !important;}
.pattern_hl img {max-width:240px !important; padding-bottom:30px; margin-left:0px !important;}
.all-plans-d { max-width: 340px !important; margin:0 auto; display: block; }
.plans-bsg {max-width:20px !important; height:auto; margin-right:10px !important;}
.all-plans-d li {font-size:14px !important;}
.mobil_bg { background-position-x: 78% !important; max-height: inherit !important;} 

.xp_cta_title {font-size:32px !important; line-height: 32px !important;}
.xp_cta_left { padding:40px 0!important; }
.xp_cta_right {padding:40px 0!important; }
.founder_cta_right {padding:40px 0 !important;}
.tp_mog {max-width: 75% !important;}
}

.cta_xp {}
.cta_xp .image {background-size: cover;background-repeat: no-repeat;background-position: center;}
.xp_cta_left {background:#eefad5; padding:80px 0; }
.xp_cta_right {background:#E9E9EA; padding:80px 0; }
.xp_cta_title {font-size:36px !important; font-weight: 300 !important; line-height: 36px !important; margin-bottom:20px;}

.half-container.r_xps {max-width: 700px; margin: 0 auto;}
.founder_cta_left {min-height:300px;}
.founder_cta_right {background:#eeeeee; padding:100px 0;}

.mild-hls img { display:block; float:left; max-width:105px; height:auto;}
.mild-hls-txt {text-align: left;display: block;position: relative;top: 80px;left: -10px; white-space: nowrap;}
.mild-hls-txt::before{ display: inline-block;content: "";  border-top: .1rem solid #24272a; width: 3rem; margin: -10px 20px;  transform: translateY(-1rem);}

.adv-hls img { display:block; float:left; max-width:105px; height:auto;}
.adv-hls-txt1 {text-align: left;display: block;position: relative;top: 30px;left: -20px; white-space: nowrap;}
.adv-hls-txt2 {text-align: right; display: block;position: relative;top: 50px;left: -20px; white-space: nowrap;}
.adv-hls-txt1::before{ display: inline-block;content: "";  border-top: .1rem solid #24272a; width: 3rem; margin: -10px 20px;  transform: translateY(-1rem);}
.adv-hls-txt2::before{ display: inline-block;content: "";  border-top: .1rem solid #24272a; width: 2rem; margin: -10px 20px;  transform: translateY(-1rem);}

.pattern_hl {background:#eeeeee; }
.pattern_hl img {max-width:400px; display:block; height:auto; margin:0 auto; }

/* Version 3 - Sons Frontpage */

.ts_cs h3 {margin:30px 0; font-size:22px !important;}
.ts_cs p {margin: 20px 0;}
.ts_cs blockquote {margin: 0 0 0 30px;}

.all-plans-d {text-align:left; max-width: 450px; margin:0 auto;}
.all-plans-d ul {list-style:none;}
.all-plans-d li {color: #eefad5; list-style: none; padding: 10px 0;}
.plans-bsg {max-width:30px; height:auto; margin-right:20px;}

.tp_review {background: #4100e6;}
.tp_review h3 {color: #fff !important; margin-bottom: 0px;}


@keyframes recofadein {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
.recommendation-products .sons-product {
    animation: 2s 1 fadein;
  }

.pricing-gridxxx {
    background: #fff;
}

.sons-product.grid-item {
  background: var(--sonsevens);
}

.sons-product.grid-item .pricing-grid .variant-options {
margin: 0 14px 14px;
width: calc( 100% - 28px );
}

.sons-product.grid-item .pricing-grid .product-after, .sons-product.grid-item .pricing-grid .product-before {
  padding-top: 0;
}


.grid-item .product-options label {
background-color: #E9E9EA;
}

.product-optionsxxx label {
background-color: #DDD;
}

.product-options label {
border: 1px solid #e9e9ea;
}

.grid-item .product-options label {
border: 1px solid #fff;
}

.product-options {
margin-bottom: -2px;
margin-right: -2px;
}


/* Meet The Medical Director */

#meetd {background: #dddddd; }
#meetd img {max-width:100%; height:auto; padding-bottom:20px;}

/*  Product Page Toggle */

.deep-link.active {
  background: #e9e9ea;
}

.recommendation-products .first-order-price {
  padding: 0 20px;
}



.sons-product .tt-title {
  max-width: calc( 100% - 35px);
  display: inline-block;
}

.prescribe-container {
  position: relative;
  overflow: visible; display: inline;
}
/*
.prescribe-tooltip {
  background-color: white;
  padding: 5px;
  margin-top: 10px;
  visibility: hidden;
  opacity:0;
   transition: opacity 0.35s;
}

.prescribe-container:hover .prescribe-tooltip {
  visibility: visible;
  opacity: 1;
}
*/

.prescribe-tooltip {
  display: none; /* Initially hidden */
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #f9f9f9;
  position: relative;
}

.prescribe-tooltip .close-tooltip {
  position: absolute;
  top: -15px;
  right: 10px;
  background: #222; color: #fff; border-radius:3px;
  border: none;
  font-size: 10px !important;
  cursor: pointer;
}
.prescribe-tooltip p {
font-size: 12px !important;
}

.prescribe-link:hover {
  cursor: pointer;
}

.prescribe-link {
  font-weight: bold;
  text-decoration: underline !important;
  color: unset;
  display: inline-block;
}

.payment-icons {
  margin: 15px 0 10px;
}

@media (max-width: 768px){
  .payment-icons img {
  max-height: 24px !important;

  }
}

.recommendation-products .product-form {
  padding-bottom: 1px !important;
}

/* List View Product Form */
.list-view .variant-options {
  display: block; 
}

.list-view .variant-options .product-options label {
  border-radius: 3px;
}


.list-view p, .list-view h1, .list-view h2, .list-view h3, .list-view h4, .list-view h5 {
  display: flex;
}

.list-view p > *, .list-view h1 > *, .list-view h2 > *, .list-view h3 > *, .list-view h4 > *, .list-view h5 > * {
  flex-grow: 1; 
}

.list-view p > *:first-child, .list-view h1 > *:first-child, .list-view h2 > *:first-child, .list-view h3 > *:first-child, .list-view h4 > *:first-child, .list-view h5 > *:first-child {
  text-align: left !important;
}

.list-view p > *:last-child, .list-view h1 > *:last-child, .list-view h2 > *:last-child, .list-view h3 > *:last-child, .list-view h4 > *:last-child, .list-view h5 > *:last-child {
  text-align: right;
}

.list-view .regular-price::after {
  height: 1px;
  top: 50%;
}

.list-view.product-form .product-options label {
padding: 10px 14px 7px;
border: 1px solid #fff;
min-height: 110px;
}

.list-view .ongoing, .list-view .discount {
margin-top: 7px;
}

.list-view .radio-select .radio {
background-color: white;
height: 14px !important;
width: 14px !important;
display: block;
border-radius: 50%;
border: 1px solid #bbb;
margin-top: 4px;
margin-right: 14px;
}

.list-view input[type="radio"]:checked+label .radio-select .radio {
border: 4px solid  #4100E6;
}

.list-view .radio-details {
width: calc(100% - 35px);
}

.radio-container {
  display: flex;
}

.time-is-good.list-view {
background: transparent;
border-radius: 0px;
border: 0px #ddd solid;
padding: 0;
margin: 30px 0;
  vertical-align: top;
}

.time-is-good.list-view p {
  font-size: 16px !important;
  margin-top: 0 !important;
}

.sub-remove {display: none;}


.recommendation-products .sons-product .choose-text {
  padding-left: 15px !important;
}

.recommendation-products .sons-product.grid-item .pricing-grid .variant-options {
margin: 0 14px 14px;
min-height: 340px;
}

.recommendation-products .sons-product .ongoing, .recommendation-products .sons-product .time-is-good.list-view p {
  margin-bottom: 0 !important;
}

.recommendation-products .sons-product .time-is-good.list-view {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.recommendation-products .product-link {
  margin-bottom: 15px !important;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

.product_page_template  .sons-product .sticky-product {
  position: sticky !important;
  top: 150px !important;
}

.banner-ul {color: #fff; padding: 15px 0 !important; display: flex; justify-content: center;}

@media (max-width: 767px){

.product_page_template  .sons-product .sticky-product {position: relative !important;top: 0px !important;}
.newsletter-signup__form {margin-bottom: 50px;}
.banner-ul { padding: 10px 0 !important;}
.bf-af {padding-left: 20px !important;}
.ryt_sec {margin-bottom: 0 !important;}
.banner-text p {font-size: 15px !important; /*font-size: 13px !important;*/padding:10px 0;}
.close-banner img {width: 10px !important;}
  
.sons-medical-team-carousel .carousel-cell {background: #E9E9EA;padding: 20px 20px 20px;}
.sons-medical-team-carousel .carousel-cell:first-child {padding: 20px 20px 60px;}
.medical-team img {border-radius: 0;width: 100%;}
.medical-team .container.carousel-container {padding-left: 0 !important;}
.medical-team .flickity-page-dots {display: none !important;}

.sons-similar-carousel {padding: 0px 0 !important;} 
.sons-similar-carousel .carousel-cell > div {margin:10px; }
      
/* .flickity-prev-next-button {top: auto;bottom: 0;}
   .flickity-button {background: transparent !important;}
*/
  
}

.cf-react-target {
position: relative;
}

.recommendation-products .choose-your-plan {
  margin-left: 14px;
}



/* Ont hou is die similar producte dinges */

.sons-similar-carousel {padding: 30px 0;}
.sons-similar-carousel .carousel-cell > div {background: #e6e6e6 !important; }
.sons-similar-carousel .carousel-cell {padding-right:0px;}
.similar-item-dk {background: #e6e6e6; padding:20px; margin-top:30px; border-radius: 5px; position: relative; margin-left:-10px; margin-right:20px;}
.similar-item {background: #e6e6e6; border-radius: 5px; position: relative;}
.similar-item h3 { margin-bottom:5px;}
.similar-item p {font-size:14px !important;}
.similar-item-dk h3 { margin-bottom:5px;}
.similar-item-dk p {font-size:14px !important;}
.p-box {min-height:20px; display:block;}
.u-box {min-height:70px; display:block;}
.similar-item img {max-width:100%; height: auto; margin-top: -15px;}
.similar-item button {width:100%; height: auto; padding: 10px; text-align: center; color: #4100E6; background: #ffffff; border-radius: 5px; border: 0;}
.similar-item button:hover { transition: 0.2s; background: #4100E6; color:#fff;}

.similar-item ul { list-style:none; margin-left: -40px; padding-top: 10px;}
.similar-item li {background:#d2d2da; display:inline-block; padding:4px 7px;  border: 1px #d2d2da solid ; border-radius:25px; font-size:13px !important; line-height:14px; margin: 3px 1px;}

.similar-item li:before {content:'+';  margin: 3px 3px;vertical-align: text-top;}

.similar-item-dk img {max-width:100%; height: auto; margin-top: -15px;}
.similar-item-dk button {width:100%; height: auto; padding: 10px; text-align: center; color: #4100E6; background: #ffffff; border-radius: 5px; border: 0;}
.similar-item-dk button:hover {margin-top: 0px; transition: 0.2s; background: #4100E6; color:#fff;}

.similar-item-dk ul { list-style:none; margin-left: -40px; padding-top: 10px;}
.similar-item-dk li {background:#d2d2da; display:inline-block; padding:4px 7px;  border: 1px #d2d2da solid ; border-radius: 25px; font-size:13px !important; line-height:14px; margin: 3px 1px;}
.similar-item-dk li:before {content:'+'; margin: 3px 3px; vertical-align: text-top;}

.plus1:before {content:'+';  margin-left: -3px; margin-right:3px; vertical-align: text-top;}
.plus1 { display: inline-block !important;}

.most-popular-similar-dk {padding: 5px 15px !important;position: absolute;border-radius: 25px;top:-15px; right: -15px; background: #4100e6 !important;color: #fff !important;font-size: 15px !important;font-weight: bold !important;vertical-align: center;width: auto;
text-align: center;display: flex;z-index: 2;}
.most-popular-similar-dk p {font-size: 13px !important;line-height: 15px !important; text-align: center!important; color: #fff !important; font-weight: bold !important;}

.most-popular-similar {padding: 5px 15px !important;position: absolute;border-radius: 25px;top:20px; right: 20px; background: #4100e6 !important;color: #fff !important;font-size: 15px !important;font-weight: bold !important;vertical-align: center;width: auto;
text-align: center;display: flex;z-index: 2;}
.most-popular-similar p {font-size: 13px !important;line-height: 15px !important; text-align: center!important; color: #fff !important; font-weight: bold !important;}

/* Sons Tabs */

.sonstab {padding:0;}
.sonstab .nav-tabs {border-bottom: none !important;}
.sonstab .nav-link {
color: #898a8d !important; min-width:160px; text-align:center; margin: 0 10px;
background-color: #e9e9ea !important;
padding: 10px 80px; font-weight:600;
border: none !important;
}

.sonstab .nav-link.active {
color: #191919 !important;
background-color: #F0FAD7 !important;
padding: 10px 80px;border: none !important; font-weight:600;
}

#faq u {display:block; margin-bottom:10px;}
#faq p {margin: 10px 0 !important;}
#collapseFaq p {margin: 10px 0 !important;}

.whos {font-weight:bold !important; margin:10px 0; display:block;}
.whos:first-child {margin-top:0;}

/* Sons Accordion */

.accordion {padding:40px 0;}
.card {margin:5px 0; border: 1px #e8e8e8 solid; background: none !important; border: none; overflow:hidden;}
.card-header {padding:10px; background: none !important; border-radius: 0px; border:0;  }
.card h3 {cursor:pointer; }

.card-body {margin-top:-15px;}
.card-header::before {transform: rotate(0deg) !important; content: ''; margin-top: 5px;filter: brightness(0) saturate(100%) invert(0%) sepia(18%) saturate(793%) hue-rotate(321deg) brightness(88%) contrast(81%);background-image: url('/cdn/shop/files/arrow-dn.png?v=1658847089'); background-size: contain;width: 16px; height: 16px; float:right;display: inline-block; }

.card-header[aria-expanded="true"]::before {
transform: rotate(180deg) !important; 
}

.card::after {border-bottom: 1px #212121 solid; display:block; content:'';}
.sfaq::after {border-bottom: 0 !important;}
.card::after.collapsed {
border-bottom: 0;
}

.hhlh {max-width: 330px; height: auto; padding: 20px 0; margin: 0 auto;display: block;}

@media only screen and (max-width: 800px) {
.sonstab {padding:10px;}
.sonstab .nav-tabs > li > a {margin-right: 0px; margin-left: 0px;   border-radius: 0;}
.sonstab .nav-link.active {border: 1px #4100e6 solid;} 
.sonstab .nav-link {border: 0px !important;}
.sonstab .nav-tabs > li { width: 100%; border: 1px #e8e8e8 solid; margin: 5px 0 !important;  margin-bottom: 5px;}
.nav-tabs { display: none;}
.tab-content { display: none;}
.nav-pills { display: block;}
.bdr-sq {background: none !important; padding: 0rem  !important; border-radius: 0px !important; transition: 1s; }
.whatins .carousel-cell {padding-right: 0px; }
.whatins .flickity-page-dots {margin-top:-60px;}
.whatins img {max-width:100%; height:auto; border: 0px !important; border-radius:0px !important;}
.whyusw {min-height: 80vh; background: url(/cdn/shop/files/wcs-mobi.jpg?v=1712241614) !important; background-size: cover !important; background-position: center;}
.whyusw h2 {font-size:32px !important; line-height:32px !important;color: #eefad5; margin-bottom: 32px;}

.thecps {min-height: 80vh; position:relative; background: url(/cdn/shop/files/ultimate-plan-mb.jpg?v=17162897264) !important; background-size: cover !important; background-position: center;}
.thecps h1 {font-size:36px !important; line-height:36px !important;color: #eefad5; margin-bottom: 32px;}

.nhcp {min-height: 80vh; position:relative; background: url(/cdn/shop/files/ct_nh2.jpg?v=1713784263) !important; background-size: cover !important; background-repeat: no-repeat;  background-position: right !important;}
.nhcp h1 {font-size:36px !important; line-height:36px !important;color: #eefad5; margin-bottom: 32px;}

/* Hub Pages  - Mobile */
  
.finshub {min-height: 80vh; position:relative; background: url(/cdn/shop/files/fin-hub-mb.jpg?v=1718798835) !important; background-size: cover !important; background-repeat: no-repeat;  background-position: right !important;}
.finshub h1 {font-size:36px !important; line-height:36px !important;color: #eefad5; margin-bottom: 32px;}

.minoxhub {min-height: 80vh; position:relative; background: url(/cdn/shop/files/minox-hub-mb.jpg?v=1720189501) !important; background-size: cover !important; background-repeat: no-repeat;  background-position: right !important;}
.minoxhub h1 {font-size:36px !important; line-height:36px !important;color: #eefad5; margin-bottom: 32px;}
  
.fin_inner {padding:0px !important; margin-top: -90px !important;}
  
.hpnd {min-height: 80vh; position:relative; background: url(/cdn/shop/files/home-mb2.jpg?v=1715958855) !important; background-size: cover !important; background-repeat: no-repeat;  background-position: right !important;}
.hpnd h1 {font-size:36px !important; line-height:36px !important;color: #eefad5; margin-bottom: 32px;}

.mildcp {min-height: 80vh; position:relative; background: url(/cdn/shop/files/mild_mobile_nh.jpg?v=1714660326) !important; background-size: cover !important; background-repeat: no-repeat;  background-position: right !important;}
.mildcp h1 {font-size:36px !important; line-height:36px !important;color: #eefad5; margin-bottom: 32px;} 

.moderatecp {min-height: 80vh; position:relative; background: url(/cdn/shop/files/moderate_mobile_mh.jpg?v=1714660326) !important; background-size: cover !important; background-repeat: no-repeat;  background-position: right !important;}
.moderatecp h1 {font-size:36px !important; line-height:36px !important;color: #eefad5; margin-bottom: 32px;} 
  
.prdty {background:#F0FAD7 !important;}
.prdty .container {margin-bottom: -60px !important; padding-left:10px;}
.play_ico { transform: rotate(0deg) !important;  font-size: 1.5em !important;}

.lekke_geel { margin-top: 90% !important; width:100% !important;}

.bar-graph-two {margin-top: 25px !important;}
.bar-container { margin-right: 10px !important; }
.bar-graph-vertical .bar-container { width: 43px!important;}
.bar-graph-vertical .bar {width: 41px !important;}

.nm_lekke_geel {width:100% !important;}

.hidden-cta p {margin-bottom:20px !important;}
  
}

.nhcp p {color:#eefad5 !important; font-size:20px !important; line-height: 20px !important;}
.finshub p {color:#eefad5 !important; font-size:20px !important; line-height: 20px !important;}
.minoxhub p {color:#eefad5 !important; font-size:20px !important; line-height: 20px !important;}
.hpnd p {color:#eefad5 !important; font-size:20px !important; line-height: 20px !important;}
.mildcp p {color:#eefad5 !important; font-size:20px !important; line-height: 20px !important;}
.moderatecp p {color:#eefad5 !important; font-size:20px !important; line-height: 20px !important;}

.geel_maak {color:#eefad5 !important; font-size:19px !important; line-height: 19px !important; margin-top:35px;}

.lekke_geel {padding:20px; color:#191919; border: 1px #eefad5 solid; background:#eefad5; border-radius: 6px; width:390px; position:absolute; left: 0; margin-top: 35px;}
.lekke_geel:hover { color:#eefad5; background: rgba(36,39,42, 0.6); transition:0.2s; border: 1px #eefad5 solid;}

.nm_lekke_geel {padding:20px; color:#191919; border: 1px #eefad5 solid; background:#eefad5; border-radius: 6px; width:390px; margin-top: 35px; text-align: center; font-weight: bold;}
.nm_lekke_geel:hover { color:#eefad5; background: rgba(36,39,42, 0.6); transition:0.2s; border: 1px #eefad5 solid;}

.nhcp u { text-underline-offset: 3px !important; text-decoration-thickness: 2px;}
.finshub u { text-underline-offset: 3px !important; text-decoration-thickness: 2px;}
.minoxhub u { text-underline-offset: 3px !important; text-decoration-thickness: 2px;}
.hpnd u { text-underline-offset: 3px !important; text-decoration-thickness: 2px;}
.mildcp u { text-underline-offset: 3px !important; text-decoration-thickness: 2px;}
.moderatecp u { text-underline-offset: 3px !important; text-decoration-thickness: 2px;}

.play_ico {display: block; font-size: 2.5em; position: absolute; z-index:9999; color: rgba(36,39,42,0.8); transform: rotate(390deg);}
.play_ico:hover {color: rgba(36,39,42,0.5);}

/* Squeeze Page */

.squeeze-p {background: #F0FAD7;}
.squeeze-p img {max-width:100%; height:auto;}
.sq-bigger {font-size: 18px !important; padding-bottom:20px !important; margin-top: -10px;}

.squeeze-p ul {list-style:none; padding-bottom:20px;}
.squeeze-p li {display: list-item; padding: 5px; text-align: justify;}
.sq-ico {float:none; max-width:32px !important; height:auto; margin-right: 10px; margin-top: 0px;}
.bdr-sq {background: #e9e9ea; padding: 2rem; max-width:480px; margin: 0 auto; display: block; border-radius: 5px;}

/* Core Landing */

.whatins {background: #e6e6e6;}
.whatins img {max-width:100%; height:auto; border: 1px #fff solid; border-radius:3px;}
.prdty {background:#ffffff;}

@media (min-width: 768px) {
.whyusw {min-height: 80vh; background: url(/cdn/shop/files/wcs-desktop.jpg?v=1712240278); background-size: cover !important; background-repeat: no-repeat; background-position: bottom;}
.thecps {min-height: 80vh; background: url(/cdn/shop/files/ultimate-plan-dk.jpg?v=1716289309); background-size: cover !important; background-repeat: no-repeat; background-position: bottom;}
.thecps h1 {color: #eefad5; font-size:50px !important; line-height:50px !important; margin-top: 100px; margin-bottom: 36px !important;}

.nhcp {min-height: 80vh; background: url(/cdn/shop/files/ct_nh1.jpg?v=1713784264); background-size: cover !important; background-repeat: no-repeat;}
.nhcp h1 {color: #eefad5; font-size:50px !important; line-height:50px !important; margin-top: 40px; margin-bottom: 36px !important;}

/* Hub Pages - Desktop */
  
.finshub {min-height: 80vh; background: url(/cdn/shop/files/fin-hub-dt_a18c8b92-8415-4acd-99b3-dc6b3f61e7ef.jpg?v=1718798916); background-size: cover !important; background-repeat: no-repeat;}
.finshub h1 {color: #eefad5; font-size:50px !important; line-height:50px !important; margin-top: 40px; margin-bottom: 36px !important;}

.minoxhub {min-height: 80vh; background: url(/cdn/shop/files/minox-hub-dk.jpg?v=1720189501); background-size: cover !important; background-repeat: no-repeat;}
.minoxhub h1 {color: #eefad5; font-size:50px !important; line-height:50px !important; margin-top: 40px; margin-bottom: 36px !important;}

  
.hpnd {min-height: 80vh; background: url(/cdn/shop/files/home-dsf.jpg?v=1715958292); background-size: cover !important; background-repeat: no-repeat;}
.hpnd h1 {color: #eefad5; font-size:50px !important; line-height:50px !important; margin-top: 40px; margin-bottom: 36px !important;}
  
.mildcp {min-height: 80vh; background: url(/cdn/shop/files/mild__desktop_nh.jpg?v=1714660327); background-size: cover !important; background-repeat: no-repeat;}
.mildcp h1 {color: #eefad5; font-size:50px !important; line-height:50px !important; margin-top: 40px; margin-bottom: 36px !important;}

.moderatecp {min-height: 80vh; background: url(/cdn/shop/files/moderate_desktop_mh.jpg?v=1714660326); background-size: cover !important; background-repeat: no-repeat;}
.moderatecp h1 {color: #eefad5; font-size:50px !important; line-height:50px !important; margin-top: 40px; margin-bottom: 36px !important;}

.whyusw h2 {color: #eefad5; font-size:50px !important; line-height:50px !important; margin-bottom: 36px !important;}



}

.consult-links {
padding-left: 16px !important;
font-size: 10px !important;
}

/* Product Hub Pages */

.storyhub {background: #d2d2da; min-height:55vh; padding: 20px; }
.storyhub .container-fluid {padding-right: 0px !important; padding-left: 0px!important;}
.storyimg {background: url(https://i.shgcdn.com/99918fd3-8031-459f-9c45-25717a6ad2a7/-/format/auto/-/preview/3000x3000/-/quality/lighter/); background-size:cover; background-position: center; min-height:55vh; }
.storyhub img {max-width:100%; height:auto;}
.cta_inner {max-width: 450px;margin: 0 auto; display: block;padding:80px 0;}
.fin_inner {max-width: 400px;margin: 0 auto; display: block;padding:0px 0;}
.fin_inner img {max-width:100%; height:auto;}
.duo_inner {max-width: 800px;margin: 0 auto; display: block;}
.duo_inner img {max-width:100%; height:auto;}
.fina_works {background: #e8e8e8;}
.accor_f {background: #f7f7f7;}

.finhub {max-height:250px; object-fit: cover;}

.fina_sci {background: #f7f7f7; padding-bottom: 30px; }
.fina_sci a {color: #24272a;}
.fina_sci a:hover {color: #4100E6;}

#questions {padding: 0px;}

.chart{
  display:table;
  height:290px;
  width:100%;
  background-image:linear-gradient(bottom, rgba(0, 0, 0, 0.4) 2%, transparent 2%);
  background-size: 100% 50px;
  background-position: left top;
  padding-left: 0px;

}
.chart ul {margin-left: -40px;}
.chart li {position:relative; display:table-cell; vertical-align:bottom; height:290px;}

.draw-animation {animation: draw 2s forwards;}

.umbar{display: block;background: #4100E6;}    
.finsbar{display: block;background: #c7c7c7;}  
.minoxbar{display: block;background: #9b9c9e;}
.seffbar{display: block;background: #dbdbe0;}    

span.finsbar::before {
	background: url('/cdn/shop/files/finasteride-83.png?v=1723026949') !important;
	display: inline-block !important;
	margin-left: 40px !important;
	height: 120px;
	transform: rotate(0deg) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	margin-top: -20px;
}

span.umbar:after {content: "1"; display:block;vertical-align: super;font-size: 8px; left:10px; bottom: 10px; position: absolute;}
span.finsbar:after {content: "2"; display:block;vertical-align: super;font-size: 8px; left:10px; bottom: 10px; position: absolute;}
span.minoxbar:after {content: "3"; display:block;vertical-align: super;font-size: 8px; left:10px; bottom: 10px; position: absolute;}

.chart span:before {position: absolute;left: 0;right: 0;padding: 5px 1em 0;display: block;text-align: center; content: attr(title); color: inherit; font-weight: 700; position: absolute; text-align: left; top: 130px; font-size: 14px;
white-space: nowrap; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

@keyframes draw{
  0%{height:0; opacity:0;} 
}

/* Video Testimonials */

.video-testimonial {background:#eefad5;}
.slidevid {background:#fff; border-radius:10px; overflow:hidden;}
.slidevid p {font-size: 15px !important; color: #fff !important; font-weight: bold !important;line-height: 18px !important; margin-top:5px; margin-left: 15px;}
.sm_t {color: #eefad5; font-size:13px;}
.slidevid.carousel-cell {position: relative;max-height: 600px; overflow: hidden;width: 23.3%; padding-right:20px;min-height:500px; margin-right: 20px;}
video.testvideo {position: absolute;top: 50%;left: 50%;width: 100%;height: auto;min-width: 100%;min-height: 100%;transform: translate(-50%, -50%); object-fit: cover;}
button.vidsound {padding: 10px; border:none; border-radius:50%; background:#fff; cursor: pointer;position:absolute; top:20px; right:20px;}
.productvid {position:absolute; bottom:0; width:100%; display:flex; background: rgba(0, 0, 0, 0.5) !important; padding: 10px 20px !important;}
.productvid img {max-width: 50px;height: auto;border-radius: 50%;border: 0px #ccc solid; background:#fff;}

.vidsound img {max-width100%; height:auto;}

.muted {background: url(/cdn/shop/files/volume_off.svg?v=1718019877) no-repeat; display: block;width:15px; height:15px; background-size: contain; filter: brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(5853%) hue-rotate(259deg) brightness(79%) contrast(136%); }
.unmuted {background: url(/cdn/shop/files/volume_mute.svg?v=1718019878) no-repeat; display: block;width:15px; height:15px; background-size: contain; filter: brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(5853%) hue-rotate(259deg) brightness(79%) contrast(136%); }


/* Beard Promo */

.beard-promo {background:#f1f1f1; align-items: left;  min-height: 140px; position: relative; border: 1px #ddd solid; margin-bottom: 20px; margin-top: 30px; border-radius: 5px; }
.beard-cs {padding: 20px;}
.beard-cs .col-3 {padding: 0px;}

.beard-p {font-size: 15px !important; margin: 12px 0 !important;display: block !important;}
.promo-txt {color:#fff;font-size:15px; text-align: center; padding: 5px 15px; border-radius: 3px; background: #191919; margin-top: 8px; display: block; }
.dermoa { padding:12px; background:#fff; border: 1px #ddd solid; border-radius: 5px; max-width: 100%; height:auto; }
.dermtxt {display: block;}

/* Start Today Promo */

.start-promo {background:#f1f1f1; align-items: left;  min-height: 140px; position: relative; border: 1px #ddd solid; margin-bottom: 20px; margin-top: 30px; border-radius: 5px; }
.start-cs {padding: 20px;}
.start-cs .col-3 {padding: 0px;}

.start-promo h3 {font-size: 22px !important;}
.start-p {font-size: 15px !important; margin: 12px 0 !important;display: block !important;}
.promo-txt-start {color:#fff;font-size:15px; text-align: center; padding: 5px 15px; border-radius: 3px; background: #191919; margin-top: 8px; display: block; }

/* Sticky Anchor */

#cta-anchor { height: 1px;}

.hidden-cta {display: none; opacity:0; padding: 20px;background-color: white;}
.hidden-cta .container {padding:0px !important;}
.hidden-cta.visible {display: block; transition:0.6s; opacity:1; position: fixed; bottom: 0; width: 100%; z-index:99;min-height: 100px;}
.cta-hidden-button {width:100%;}

/* Flip Card */

.aftercare {background:#eefad5;}
.aftercare .row .col {padding-left:0 !important; padding-right:0 !important;}

.slideflip { overflow:hidden;}
.slideflip p {font-size: 15px !important; color: #fff !important;line-height: 18px !important;}
.slideflip h3 {color: #fff !important; margin-bottom:10px;}
.slideflip.carousel-cell {position: relative;max-height: 500px; overflow: hidden;width: 23.333%; padding-right:0px; min-height:500px; margin-right: 20px;}

.flipcard {width: 100%; height: 630px; margin-bottom: 20px; padding: 0px !important; perspective: 1000px;cursor: pointer;transition: transform 1s;transform-style: preserve-3d;}
.flipcard.flipped {transform: rotateY( 180deg );}
.flipcard-text {padding: 20px;}
.front-imags {max-height: 300px; width: 100%; object-fit: cover;background-size: cover;overflow: hidden;}


.knut-imags {height: auto; width: 100%; object-fit: cover;background-size: cover;overflow: hidden;}
.flipcard-text p {color: #fff !important;}

.flip-icon {position: absolute; top: 20px; right: 20px; padding: 7px; background: rgba(255,255,255,0.6); border-radius: 5px; color: #333; width: 40px; height: 40px; text-align: center;}
.card-front, .card-back {position: absolute; background: #24272a; display: block !important; width: 100%; height: 100%; overflow: hidden;border-radius: 0px; backface-visibility: hidden;justify-content: center; align-items: center;}
.card-back {transform: rotateY(180deg);}

/* Aftercare Flip Card Mobile */

.aftercare-container { display: grid;  grid-template-columns: repeat(2, 1fr); gap: 0px; width: 100%; max-width: 600px; }
.aftercare-item { perspective: 1000px; }
.aftercare-flip-container {position: relative; width: 100%; padding-top: 100%; transform-style: preserve-3d; transition: transform 0.6s;}
.aftercare-item:hover .aftercare-flip-container {transform: rotateY(180deg);}
.aftercare-flip-card {position: absolute; top: 0; left: 0; width: 100%; height: 100%; backface-visibility: hidden; transform-style: preserve-3d;}
.aftercare-flip-front, .aftercare-flip-back { cursor: pointer; position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.5em; backface-visibility: hidden;}
.aftercare-flip-front {  background: #24272a; color: #fff;}
.aftercare-flip-back { background: #24272a; padding:10px; display:block; color: #fff; transform: rotateY(180deg); }
.aftercare-flip-back h3 {color: #fff !important; font-size: 14px !important; font-weight:bold;}
.aftercare-flip-back p {color: #fff !important; font-size: 13px !important; line-height: 13px !important;}

.aftercare-flip-back small {color: #eefad5 !important; font-size: 13px !important; margin-left:0px; display: block;margin-bottom: 5px; font-weight:bold !important;}
.aftercare-popup { display: none;position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 300px; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 1000; text-align: center;}
.aftercare-popup.active {  display: block;}
.aftercare-popup-close { cursor: pointer;  display: inline-block; margin-top: 10px; padding: 5px 10px; background-color: #333; color: #fff; border: none;  border-radius: 5px;}
.overlay-a {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999;}
.overlay-a.active { display: block;}

.will1 {background: url(/cdn/shop/files/AftercareTeam_Will_1.jpg?v=1722436435)!important; background-size: cover !important;}
.will2 {background: url(/cdn/shop/files/AftercareTeam_Will_2.jpg?v=1722436435)!important; background-size: cover !important;}
.marta1 {background: url(/cdn/shop/files/AftercareTeam_Marta_1.jpg?v=1722436670)!important; background-size: cover !important;}
.marta2 {background: url(/cdn/shop/files/AftercareTeam_Marta_2.jpg?v=1722436670)!important; background-size: cover !important;}
.erin1 {background: url(/cdn/shop/files/AftercareTeam_Erin_1.jpg?v=1722436816)!important; background-size: cover !important;}
.erin2 {background: url(/cdn/shop/files/AftercareTeam_Erin_2.jpg?v=1722436816)!important; background-size: cover !important;}
.basit1 {background: url(/cdn/shop/files/AftercareTeam_Basit_1.jpg?v=1722437022)!important; background-size: cover !important;}
.basit2 {background: url(/cdn/shop/files/AftercareTeam_Basit_2.jpg?v=1722437022)!important; background-size: cover !important;}
.abbie1 {background: url(/cdn/shop/files/AftercareTeam_Abbie_1.jpg?v=1722434985)!important; background-size: cover !important;}
.abbie2 {background: url(/cdn/shop/files/AftercareTeam_Abbie_2.jpg?v=1722434985)!important; background-size: cover !important;}
.sonslogs {background: #24272a url(/cdn/shop/files/sons-s-c.png?v=1723474798)!important;  background-size: cover !important;}

/* Intro Offers */

.tro_offer {font-size:13px !important; font-weight: 600 !important; color: #4100E6 !important; margin-top: -15px;}

.toggle-product.toggle-removed .toggle-image {
  border-radius: 25px !important;
}

.recommendation-products .toggle-descriptionxxx {
background: transparent;
border-radius: 0;
border: 0px var(--sonsblack) solid;
width: 100%;
overflow: hidden;
  padding: 0;
}

.recommendation-products .button {
  margin: 0 auto;
}

.recommendation-products .add-to-cart.button {
  margin: 0 auto;
  width: calc(100% - 40px);
}

.select-subscription :checked+label * {
color: var(--sonswhite); 
}

.button:hover {
  cursor: pointer;  
}

.sons-product.toggle-removed .before .product-after, .sons-product.toggle-removed.before .product-after, .sons-product.toggle-removed .after .product-before, .sons-product.toggle-removed.after .product-before {
  display: block !important;
}

.recommendation-products .select-subscription {
  border-top: 1px solid var(--sonsblack); 
  margin-top: 20px;
  padding-top: 20px;
}

.recommendation-products .choose-your-plan {
  margin-bottom: 0;
}

.rounded {
  border-radius: 25px !important;
}

.bullet-list li:before {
content: "\2022";
position: absolute;
left: 0;
margin-top: -5px;
font-size: 40px;
color: var(--sonsblack)!important;
}

.button-option .cf-enum-field__choice input:checked + span, .button-option .cf-enum-field__choice input + span {
  border-radius: 50px !important;
  font-weight: 100;
  text-align: center;
}

.button-option .cf-enum-field__choice input:checked + span:hover, .button-option .cf-enum-field__choice input + span:hover {
  background: var(--sonsblue) !important;
  color: var(--sonswhite);
  cursor: pointer
}



.icons-consultation .cf-enum-field__choice, .hair-icons-consultation .cf-enum-field__choice {
   flex-grow: 1;
  background: #e6e6e7 !important;
  overflow: hidden;
    border-radius: 50px;;
    margin: 0; width:100%;
}

.icons-consultation .cf-enum-field__choice, .hair-icons-consultation .cf-enum-field__choice:hover {
    background: var(--sonsblack) !important;
    color: var(--sonswhite);
  cursor: pointer
}

.hair-icons-consultation .cf-enum-field__choice:hover * {
    color: var(--sonswhite);
}

.recommendation-products .sons-product.grid-item {
  background: transparent !important;
}

.button.add-to-cart {
  background: var(--sonsblue) !important;
}

.button.add-to-cart:hover {
  background: var(--sonsblack) !important;
}


.consultation .percentage-container {
    display: none !important;
}


.cf-prev-step.cf-button.btn.button {
position: absolute;
left: 0;
bottom: 0;
background: var(--sonsblue) !important;
border-radius: 50px;
color: var(--sonswhite) !important;
margin: 0 !important;
width: 80px !important;
}

.cf-enum-field__choice {
margin: 0 0 10px 0 !important;
}

.cf-enum-field__choice:last-child {
margin: 0 !important;
}


.hair-icons-consultation .cf-enum-field__choice span::after  {
    height: 60px !important;
}

.cf-field-container[data-cf-field-type=group] {
    padding: 0 !important;
}

.cf-next-step {
    margin-left: 15px !important;
}


input[type="date"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], select, textarea {
    background-color: #e9e9ea;
    border-width: 0 !important;
    color: #24272a;
    display: block;
    font-size: 18px;
    line-height: 18px;
    padding: 1rem;
    border-radius: 50px;
    height: 48px;
    width: 100%;
}

div:not(.newsletter-signup__form) .cf-submit-form.cf-button.btn.button {
    margin-left: 10px;
    margin-top: 20px;
    background-color: #24272a;
    border-width: 0;
    box-shadow: inset 0 0 0 0 #4100e6;
    color: #f0fad7;
    display: block;
    font-weight: 600;
    min-width: 10rem;
    max-width: 60rem;
    overflow: hidden;
    position: relative;
    border-radius: 25px;
    text-align: center;
    width: 100%;
    font-size: 18px !important;
    line-height: 18px !important;
    max-height: 48px;
    transition: transform .5s,box-shadow .5s,width .5s,height .5s,top .5s,right .5s,left .5s,bottom .5s,padding .5s,margin .5s,background-color .5s,color .5s;
    transition-timing-function: ease-in-out;
}

.recommendation-products .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 576px){
  .recommendation-products .row .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .consultation .container {
    border-radius: 0 !important;
  }
  .consultation .container .tt-login-form {
    padding-top: 90px !important;
  }
  .container-indent.consultation {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .consultation-background {
    padding: 0 !important;
  }
}

.cf-date-field--inline-inputs select {
  font-size: 14px;
  line-height: 14px;
}