@font-face {
    font-family: handofsean;
    src: url(https://s3.us-east-1.amazonaws.com/konsciousketo.com/fonts/Hand_Of_Sean_Demo.ttf) format("truetype");
    font-style: normal;
    font-display: swap
}

* {
    color: #333
}

html {
    scroll-behavior: smooth
}

#product,
.emma-pdp-section13 {
    background: linear-gradient(0deg, #f7f7f700 6.79%, #f0f0f0), #fff
}

@media screen and (min-width: 1024px) {
    .mySwiper .swiper-slide>* {
        border-radius: 4px
    }
    .mySwiper2 .swiper-slide>* {
        border-radius: 4px
    }
}

.mySwiper .swiper-button-next:after,
.mySwiper .swiper-button-prev:after,
.mySwiper2 .swiper-button-next:after,
.mySwiper2 .swiper-button-prev:after {
    content: " "
}

.mySwiper2 .swiper-button-next,
.mySwiper2 .swiper-button-prev,
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
    height: 48px;
    width: 48px
}

@media screen and (max-width: 1023px) {
    .mySwiper2 .swiper-button-next,
    .mySwiper2 .swiper-button-prev,
    .mySwiper .swiper-button-next,
    .mySwiper .swiper-button-prev {
        display: none
    }
}

.mySwiper .swiper-button-disabled,
.mySwiper2 .swiper-button-disabled {
    display: none
}

.swiperThumb .swiper-slide,
.swiperThumb2 .swiper-slide {
    height: 56px;
    width: 56px;
    overflow: hidden;
    opacity: .5;
    border-radius: 6px;
    cursor: pointer
}

.swiperThumb .swiper-slide img,
.swiperThumb2 .swiper-slide img {
    object-fit: cover;
    height: 100%
}

@media (max-width:1024px) {
    .swiperThumb .swiper-slide,
    .swiperThumb2 .swiper-slide {
        height: 48px;
        width: 48px;
        border-radius: 4px
    }
    .swiperThumb .swiper-wrapper,
    .swiperThumb2 .swiper-wrapper {
        justify-content: center
    }
    .swiperThumb .swiper-slide img,
    .swiperThumb2 .swiper-slide img {
        height: 48px;
        width: 48px
    }
}

.swiperThumb .swiper-slide.swiper-slide-thumb-active,
.swiperThumb2 .swiper-slide.swiper-slide-thumb-active {
    opacity: 1
}

.swiperThumb .swiper-slide.swiper-slide-thumb-active,
.swiperThumb2 .swiper-slide.swiper-slide-thumb-active {
    border: 1.5px solid #237A60
}

.swiperThumb .swiper-slide img {
    object-fit: cover
}

.loox-rating .loox-icon {
    transform: scale(1.5);
    width: 16px;
    margin-right: 2px
}

#variant-buttons {
    border-radius: 10px;
    border: 1px solid rgba(102, 102, 102, .4);
    background: #fff;
    box-shadow: 0 2px 3px #0000001a
}

.subscribe-btn.active {
    background: linear-gradient(2deg, #376657 -21.73%, #237a60 108.68%);
    border-radius: 100px;
    color: #fff;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .25)
}

.product-variant {
    position: relative;
    transition: all .2s ease-in-out;
    border: 2px solid transparent
}

.product-variant.active {
    border: 2px solid #0F8C00 !important;
    background: #f8fff7
}

.variant-buttons .product-variant:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.product-variant .radio-btn .active,
.product-variant.active .radio-btn .in-active {
    display: none
}

.product-variant.active .radio-btn .active {
    display: block
}

.place-order>div {
    box-shadow: 0 2px #c89c01, 0 3px 13px #f0983180;
    transition: all .2s ease-in-out
}

@media (max-width: 1024px) {
    .product-container {
        border-radius: 25.537px;
        background: linear-gradient(0deg, #6660 -2.01%, #6666660f), linear-gradient(0deg, #fff 0% 100%), #f4f4f4;
        box-shadow: 0 7.296px 3.648px #0000001a, 0 -27.361px 7.296px #0000, 0 -17.328px 7.296px #00000005, 0 -10.032px 5.472px #0000000f, 0 -4.56px 4.56px #0000001a, 0 -.912px 2.736px #0000001f
    }
}

.savings-container:before {
    content: " ";
    background: url(./save_flag_left.png);
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain
}

.savings-container:after {
    content: " ";
    background: url(./save_flag_right.png);
    position: absolute;
    top: 0;
    right: -3px;
    width: 19px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain
}

.subscribe-btn:hover,
.product-variant:hover {
    cursor: pointer
}

.variant-form {
    display: none
}

.variant-form.active {
    display: flex
}

@media (max-width: 1024px) {
    .savings-container:before {
        width: 13px
    }
    .savings-container:after {
        width: 17px;
        right: 0
    }
}

.emma-product__info-container>.product-info__icon-text {
    border-top: .5px solid #237A60;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    position: relative
}

.emma-product__info-container>.product-info__icon-text:first-of-type {
    border-top: none;
    margin-top: 12px
}

@media (max-width: 1024px) {
    .emma-product__info-container>.product-info__icon-text {
        border-top: none
    }
    .emma-product__info-container>.product-info__icon-text:after {
        position: absolute;
        width: calc(100% - 40px);
        height: 1px;
        content: " ";
        border-top: .5px solid #237A60;
        left: 20px;
        top: 0;
        margin: 0 auto
    }
    .emma-product__info-container>.product-info__icon-text:first-of-type:after {
        content: "";
        display: none
    }
}

.emma-pdp .product__accordion {
    border-radius: 18px;
    background: #aecfc433;
    margin-bottom: 8px;
    margin-top: 0
}

.emma-pdp .product__accordion svg.icon-caret {
    width: 12px
}

.emma-pdp .product__accordion svg path {
    fill: #257a60
}

.emma-pdp .product__accordion summary {
    padding: 12px;
    align-items: center
}

.emma-pdp .product__accordion.accordion .summary__title {
    align-items: center
}

.emma-pdp .product__accordion .summary__title .h4 {
    font-family: Pluto;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
    line-height: normal;
    min-height: unset
}

@media (max-width:1024px) {
    .emma-pdp .product__accordion .summary__title .h4 {
        font-size: 18px
    }
}

.emma-pdp .product__accordion .summary__title svg {
    margin-right: 6px
}

.emma-pdp .product__accordion .accordion__content {
    padding: 0 12px 12px;
    transition: all 1s cubic-bezier(0, 0, .3, .98);
    overflow: hidden;
    margin: 0
}

.emma-pdp .product__accordion .accordion__content:after {
    content: ""
}

.emma-pdp .product__accordion .accordion__content p {
    color: #3d3d3d;
    font-family: Myriad Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

.emma-pdp .product__accordion details svg {
    transition: all .3s ease-in-out
}

.emma-pdp .product__accordion summary {
    cursor: pointer;
    width: 100%
}

.emma-pdp .collapsible-tab {
    border-radius: 18px;
    background: #aecfc433;
    margin-bottom: 8px;
    margin-top: 0
}

.emma-pdp .collapsible-tab:last-child {
    margin-bottom: 0
}

.emma-pdp .collapsible-tab svg.icon-caret {
    width: 12px
}

.emma-pdp .collapsible-tab svg path {
    fill: #257a60
}

.emma-pdp .collapsible-tab summary {
    padding: 12px;
    align-items: center
}

.emma-pdp .collapsible-tab.accordion .collapsible-header {
    align-items: center;
    cursor: pointer
}

.emma-pdp .collapsible-tab .collapsible-header .h4 {
    font-family: Pluto;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
    line-height: normal;
    min-height: unset
}

@media (max-width:1024px) {
    .emma-pdp .collapsible-tab .collapsible-header .h4 {
        font-size: 18px
    }
}

.emma-pdp .collapsible-tab .collapsible-header svg {
    margin-right: 6px
}

.emma-pdp .collapsible-tab .collapsible-content {
    padding: 0 12px 12px 32px;
    overflow: hidden;
    margin: 0;
    display: none
}

@media (max-width: 768px) {
    .emma-pdp .collapsible-tab .collapsible-content {
        padding: 0 12px 12px 18px
    }
}

.emma-pdp .collapsible-tab .collapsible-content p {
    color: #2d433d;
    font-family: Myriad Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.emma-pdp .collapsible-tab svg {
    transition: all .2s cubic-bezier(.075, .82, .165, 1)
}

.emma-pdp .collapsible-tab.active svg.icon-caret {
    transform: rotate(180deg)
}

.emma-pdp .collapsible-tab svg {
    transition: all .3s ease-in-out
}

.emma-pdp .collapsible-tab summary {
    cursor: pointer;
    width: 100%
}

.emma-pdp .product-form {
    margin: 0 !important
}

@font-face {
    font-family: handofsean;
    src: url(Hand_Of_Sean_Demo.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.section-3-modal {
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000c;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    position: fixed
}

.section-3-modal {
    left: 0
}

.section-7-modal {
    right: 0
}

.section-7-modal .backdrop {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    background: #000c
}

.section-7-modal.active .backdrop {
    display: block
}

.section-3-modal .modal-content {
    position: relative;
    width: 100%;
    max-width: 960px;
    height: 600px;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999
}

@media (max-width: 768px) {
    .section-3-modal .modal-content {
        height: auto
    }
}

.section-3-close-modal {
    position: absolute;
    top: -48px;
    right: -48px;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    opacity: .4;
    background: #6669;
    background-blend-mode: multiply;
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999
}

.section-7-modal .modal-content {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: start;
    justify-content: end;
    transition: right .5s ease;
    z-index: 1000
}

.section-7-modal.active .modal-content {
    right: 0
}

@media (max-width:768px) {
    .section-3-close-modal {
        top: unset;
        left: 50%;
        bottom: -70px;
        transform: translate(-50%);
        background: #ffffff85
    }
    .section-3-modal .modal-content {
        border-radius: 0;
        padding: 0
    }
}

.section-3-video {
    width: 100%;
    height: 100%;
    display: block
}

.swiperRealPeople .swiper-slide {
    position: relative
}

.swiperRealPeople .swiper-slide video {
    object-fit: cover;
    height: 100%
}

.swiperRealPeople .swiper-slide .realpeople-slider-overlay {
    background: linear-gradient(174deg, #3330 -32.37%, #333 95.14%)
}

.swiper-testimonial {
    counter-reset: testcount
}

.swiper-testimonial .swiper-pagination {
    position: relative;
    top: -2px;
    width: auto
}

.swiper-testimonial .swiper-pagination .swiper-pagination-bullet {
    background: none;
    width: 24px;
    height: 24px
}

.swiper-testimonial .swiper-pagination .swiper-pagination-bullet:after {
    counter-increment: testcount;
    content: counter(testcount);
    color: #000;
    text-align: center;
    font-family: Pluto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: -.28px;
    border-radius: 50%;
    border: 1px solid transparent;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.swiper-testimonial .swiper-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet:after {
    border-color: #000
}

@media (max-width: 1024px) {
    .emma-pdp-section8-container:after {
        content: " ";
        background: #0009;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 11
    }
}

@media (max-width: 568px) {
    .emma-pdp-section8-container img {
        transform: scale(1.5);
        object-position: 43px 5px
    }
}

.emma-pdp-section10 #newprod-faq {
    background: #ecf3f1
}

@media (max-width: 1023px) {
    .emma-pdp-section10 #newprod-faq {
        padding-top: 0
    }
}

.emma-pdp-section10 #newprod-faq .container-a .blocks .box {
    background: #fff
}

.emma-pdp-section10 #newprod-faq .container-a .blocks .box .question h3 {
    font-family: Myriad Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    color: #333;
    cursor: pointer
}

@media (max-width:1023px) {
    .emma-pdp-section10 #newprod-faq .container-a .blocks .box .question h3 {
        max-width: calc(100% - 56px)
    }
}

.emma-pdp-section10 #newprod-faq .container-a .blocks .box p {
    color: #2d433de6;
    font-family: Myriad Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.emma-pdp-section10 #newprod-faq .container-a .blocks .box .question {
    gap: 16px
}

.emma-pdp-section10 #newprod-faq .container-a .blocks .box .question svg {
    transform: rotate(180deg);
    transition: all .2s ease-in-out
}

.emma-pdp-section10 #newprod-faq .container-a .blocks .box.active .question svg {
    transform: rotate(0)
}

.emma-pdp-section10 #newprod-faq .container-a .title h2 {
    color: #333;
    text-align: center;
    font-family: Pluto;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.36px;
    text-transform: capitalize
}

@media (max-width: 767px) {
    .emma-pdp-section10 #newprod-faq .container-a .blocks .box .question h3 {
        letter-spacing: -.18px
    }
    .emma-pdp-section10 #newprod-faq .container-a .blocks .box {
        padding: 16px 8px 16px 16px;
        border-radius: 0
    }
    .emma-pdp-section10 #newprod-faq .container-a .blocks .box p {
        letter-spacing: -.18px;
        padding-left: 12px;
        padding-right: 12px
    }
    .emma-pdp-section10 #newprod-faq .container-a .blocks {
        gap: 4px
    }
    .emma-pdp-section10 #newprod-faq .container-a .title h2 {
        font-size: 28px;
        line-height: 36.4px;
        letter-spacing: -1px;
        margin-bottom: 32px;
        color: #333;
        text-align: center
    }
    .emma-pdp-section10 #newprod-faq {
        padding-top: 0;
        padding-bottom: 0
    }
}

.emma-pdp-timer span {
    color: #edc844;
    font-family: Pluto;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.emma-hr:after {
    content: "h";
    color: #edc844;
    font-family: Pluto;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.emma-min:after {
    content: "m";
    color: #edc844;
    font-family: Pluto;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.emma-sec:after {
    content: "s";
    color: #edc844;
    font-family: Pluto;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

@media (max-width: 1023px) {
    .emma-pdp-timer,
    .emma-pdp-timer span,
    .emma-hr:after,
    .emma-min:after,
    .emma-sec:after {
        font-weight: 600;
        font-family: Roboto;
        font-size: 20px;
        line-height: 26px
    }
}

.hide-stars svg {
    display: none
}

.hide-stars.loox-rating {
    margin: 0
}

[hidden],
.product-form__submit {
    display: none
}

.product-form__submit.active {
    display: block
}

.emma-pdp-section-11 .loox-rating.loox-rating-hp .loox-rating-content span.loox-rating-label {
    margin-left: 0
}

.emma-pdp .no-stars.loox-rating.loox-rating-hp {
    margin: 0
}

.loox-rating.loox-rating-white span {
    color: #fff
}

.loox-rating.loox-rating-grey span.loox-rating-label {
    color: #666
}

@media (max-width: 767px) {
    .emma-pdp .no-stars span {
        margin-bottom: 0 !important
    }
}

.max-md\:justify-center {
    justify-content: center
}

.max-md\:w-full {
    width: 100%
}

/*# sourceMappingURL=/cdn/shop/t/10/assets/custom.css.map?v=181327055018028679311738865883 */