/*-------------CKC-----------*/
/*header*/
#nav-mobile-content {
width: 100% !important;
}
#nav-mobile-content a.btn-side-bar-maps {
display: none !important;
}

#nav-mobile-content  a {
flex: auto !important;
width: calc(100% / 3) !important;
}

#mobile_menu li.style_content,
#mobile_menu li img {
display: none !important;
}

#header-desktop {
display:block !important;
}

#header-mobile-logo a,
#header-mobile-logo img {
display: block;
margin:auto;
}

#header-desktop #header-top {
padding-bottom: 0;
}

#header-middle .wrapper-header-middle {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

#header-middle .wrapper-header-middle .header-logo {
        display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    position: static;
    margin: 20px 0;
transition: all 150ms ease-in-out;
visibility: visible;
height: auto;
opacity: 1;
}


#header-middle .wrapper-header-middle .header-logo img {
max-width: 100%;
height: auto;
display: block;
transition: all 150ms ease-in-out;
}

#header-middle .wrapper-header-middle .header-logo:before {
content: none;
display: none;
}

#header-middle .wrapper-header-middle .header-top {
position: static;
padding-top: 0;
}

#horizontal_menu {
padding-top: 0;
flex: 1;
}

/*#header-desktop.sticky-top .wrapper-header-middle .header-logo {
margin: 0;
opacity: 0;
visibility: hidden;
height: 0;
}*/


#horizontal_menu > ul {
display:block;
}

#horizontal_menu > ul > li > a {
color: #000 !important;
}


#horizontal_menu > ul > li > a.active {
color: #0e8f92 !important;
}

#horizontal_menu > ul > li > div .element_ul_depth_1 > li > a {
color: #0e8f92 !important;
}

#horizontal_menu > ul > li > a:hover,
#horizontal_menu > ul > li > div .element_ul_depth_1 > li > a:hover {
opacity: 0.7;
}

@media (max-width:991px) {
   #header-desktop > *:not(#header-top-before) {
        display: none!important
    }
}

/*bouton*/
#product .add-to-cart {
background: #0e8f92;
transition: all 150ms ease-in-out;
}
#product .add-to-cart:hover {
background: #333333;
}

/*home*/
@media (max-width:991px) {
#content-home-1 .contact-link span.fa {
display:block;
margin-top: 5px;
}
}
#content-home-1 .sliders .img-placeholder {
padding-top: 0 !important;
}

#content-home-1 .sliders img {
height:auto;
    position: static;
    display: block;
}

#index .box_about_us .bg_video {
    position: static;
    transform: none;
    margin: -20% auto 25%;
}

/*product*/
#product #an_productfields {
display:flex;
flex-wrap: wrap;
}
#product #an_productfields > h3 {
width: 100%;
}
#product #an_productfields > .form-group {
width: 10%;
}
#product #an_productfields > .form-group label {
display:none;
}

@media (max-width:991px) {
#product #an_productfields > .form-group {
width: 20%;
}
}

/*checkout*/
#checkout .carrier-logo img {
max-width: 100%;
height: auto;
}

.login-to-add {
   color: #fff;
   background: #0e8f92;
   border: 1px solid;
   padding: 0 15px;
   text-transform: uppercase;
   font-weight: 500;
   height: auto;
   line-height: 38px;
   margin: 0;
   float: left;
   font-size: 1.4rem;
   transition: all 150ms ease-in-out;
}
.login-to-add:hover {
    background: #333;
}

/*===== Product landing – testimonials =====*/
.gmn-lp {
    max-width: 920px;
    margin: 0 auto;
    padding: 20px 0 40px;
    font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
    color: #31384c;
    box-sizing: border-box;
}

.gmn-lp *,
.gmn-lp *::before,
.gmn-lp *::after {
    box-sizing: border-box;
}

.gmn-lp-testimonials {
    margin: 0 0 48px;
}

.gmn-lp-eyebrow {
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #3e8f92;
    line-height: 1.4;
}

.gmn-lp-title {
    margin: 0 0 28px;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #31384c;
    line-height: 1.25;
}

.gmn-lp-review {
    background: #f2ede5;
    border-radius: 36px;
    padding: 28px 32px 22px;
    margin: 0 0 16px;
}

.gmn-lp-review-name {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #31384c;
    line-height: 1.3;
}

.gmn-lp-review-text {
    margin: 0 0 14px;
    font-size: 15px;
    font-weight: 400;
    color: #4a5160;
    line-height: 1.55;
}

.gmn-lp-stars {
    display: block;
    text-align: right;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 2px;
    color: #f9d375;
}

/*===== Product landing – headline CTA =====*/
.gmn-lp-headline {
    text-align: center;
    margin: 0 0 48px;
    padding: 12px 16px 0;
}

.gmn-lp-headline-eyebrow {
    margin: 0 0 18px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #3e8f92;
    line-height: 1.3;
}

.gmn-lp-headline-title {
    margin: 0 0 22px;
    font-size: 42px;
    font-weight: 700;
    color: #31384c;
    line-height: 1.15;
}

.gmn-lp-headline-title .gmn-lp-accent {
    color: #3e8f92;
}

.gmn-lp-headline-meta {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    color: #5a6170;
    line-height: 1.5;
}

/*===== Product landing – order box =====*/
.gmn-lp-order {
    background: #3e8f92;
    border-radius: 28px;
    padding: 40px 32px 36px;
    margin: 0 0 48px;
    text-align: center;
}

.gmn-lp-order-price {
    margin: 0 0 22px;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
}

.gmn-lp-order-btn {
    display: inline-block;
    min-width: 280px;
    max-width: 100%;
    margin: 0 0 28px;
    padding: 16px 40px;
    background: #fff;
    border-radius: 14px;
    color: #3e8f92 !important;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none !important;
    line-height: 1.2;
    transition: opacity 150ms ease-in-out;
}

.gmn-lp-order-btn:hover {
    opacity: 0.9;
    color: #3e8f92 !important;
    text-decoration: none !important;
}

.gmn-lp-order-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    max-width: 520px;
    margin: 0 auto;
}

.gmn-lp-order-badge {
    display: inline-block;
    flex: 1 1 calc(50% - 12px);
    max-width: calc(50% - 6px);
    padding: 10px 16px;
    background: #96c3c5;
    border-radius: 999px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
}

/*===== Product landing – before / after =====*/
.gmn-lp-compare {
    margin: 0 0 48px;
}

.gmn-lp-compare-grid {
    display: flex;
    gap: 16px;
    align-items: stretch;
}

.gmn-lp-compare-box {
    flex: 1 1 0;
    border: 1.5px solid #c5d5d6;
    border-radius: 20px;
    padding: 24px 22px 20px;
    background: #fff;
}

.gmn-lp-compare-label {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
}

.gmn-lp-compare-box--before .gmn-lp-compare-label {
    color: #ef5030;
}

.gmn-lp-compare-box--after .gmn-lp-compare-label {
    color: #38643d;
}

.gmn-lp-compare-list {
    margin: 0;
    padding: 0 0 0 18px;
    list-style: disc;
}

.gmn-lp-compare-list li {
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #31384c;
    line-height: 1.45;
}

.gmn-lp-compare-list li:last-child {
    margin-bottom: 0;
}

/*===== Product landing – sleep stats =====*/
.gmn-lp-stats {
    margin: 0 0 48px;
    padding: 28px 28px 18px;
    background: #f9ffff;
    border: 1.5px solid #3e8f92;
    border-radius: 24px;
}

.gmn-lp-stats-heading {
    margin: 0 0 14px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #3e8f92;
    line-height: 1.3;
}

.gmn-lp-stats-times {
    display: flex;
    gap: 14px;
    margin: 0 0 28px;
}

.gmn-lp-stats-time {
    flex: 1 1 0;
    text-align: center;
    border-radius: 18px;
    padding: 18px 12px 16px;
}

.gmn-lp-stats-time--before {
    background: #f7e7e3;
}

.gmn-lp-stats-time--after {
    background: #dfeae5;
}

.gmn-lp-stats-time-label {
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
}

.gmn-lp-stats-time--before .gmn-lp-stats-time-label,
.gmn-lp-stats-time--before .gmn-lp-stats-time-value {
    color: #ef5030;
}

.gmn-lp-stats-time--after .gmn-lp-stats-time-label,
.gmn-lp-stats-time--after .gmn-lp-stats-time-value {
    color: #38643d;
}

.gmn-lp-stats-time-value {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
}

.gmn-lp-stats-time-value small {
    font-size: 16px;
    font-weight: 500;
    margin-left: 4px;
}

.gmn-lp-stats-time-note {
    margin: 8px 0 0;
    font-size: 13px;
    font-weight: 400;
    color: #6a7380;
    line-height: 1.3;
}

.gmn-lp-stats-quality-title {
    margin: 0 0 18px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: center;
    color: #3e8f92;
    line-height: 1.3;
}

.gmn-lp-stats-percents {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 0 0 16px;
}

.gmn-lp-stats-percent {
    flex: 1 1 0;
    max-width: 280px;
    text-align: center;
}

.gmn-lp-stats-percent-value {
    margin: 0 0 6px;
    font-size: 42px;
    font-weight: 700;
    color: #31384c;
    line-height: 1;
}

.gmn-lp-stats-percent-label {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #5a6170;
    line-height: 1.35;
}

.gmn-lp-stats-disclaimer {
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    color: #9aa1ab;
    text-align: right;
    line-height: 1.3;
}

/*===== Product landing – what changes =====*/
.gmn-lp-changes {
    margin: 0 0 48px;
}

.gmn-lp-change {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin: 0 0 14px;
    padding: 20px 22px;
    background: #f9ffff;
    border: 1.5px solid #3e8f92;
    border-radius: 18px;
}

.gmn-lp-change-icon {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-top: 2px;
    line-height: 0;
}

.gmn-lp-change-icon svg {
    width: 28px;
    height: 28px;
    display: block;
}

.gmn-lp-change-body {
    flex: 1 1 auto;
    min-width: 0;
}

.gmn-lp-change-title {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 700;
    color: #31384c;
    line-height: 1.3;
}

.gmn-lp-change-text {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #4a5160;
    line-height: 1.45;
}

/*===== Product landing – how to use =====*/
.gmn-lp-howto {
    margin: 0 0 48px;
}

.gmn-lp-howto-steps {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/*===== Product landing – FAQ =====*/
.gmn-lp-faq {
    margin: 0 0 48px;
}

.gmn-lp-faq-item {
    margin: 0 0 14px;
    padding: 20px 22px;
    background: #f9ffff;
    border: 1.5px solid #3e8f92;
    border-radius: 18px;
}

.gmn-lp-faq-q {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
    color: #31384c;
    line-height: 1.35;
}

.gmn-lp-faq-a {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #4a5160;
    line-height: 1.5;
}

/*===== Product landing – supplement facts =====*/
.gmn-lp-info {
    margin: 0 0 48px;
}

.gmn-lp-facts {
    background: #f2ede5;
    border-radius: 28px;
    padding: 28px 30px 24px;
    color: #31384c;
}

.gmn-lp-facts-title {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.gmn-lp-facts-serving {
    margin: 0 0 18px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.gmn-lp-facts-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 16px;
}

.gmn-lp-facts-table th,
.gmn-lp-facts-table td {
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.35;
    vertical-align: middle;
    border-bottom: 1px solid #c8c4bd;
}

.gmn-lp-facts-table thead th {
    font-weight: 700;
    border-bottom: 2px solid #31384c;
}

.gmn-lp-facts-table .gmn-lp-facts-name {
    text-align: left;
    width: 58%;
}

.gmn-lp-facts-table .gmn-lp-facts-amount {
    text-align: right;
    width: 28%;
    white-space: nowrap;
    padding-right: 16px;
}

.gmn-lp-facts-table .gmn-lp-facts-dv {
    text-align: right;
    width: 14%;
    white-space: nowrap;
}

.gmn-lp-facts-note {
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    color: #4a5160;
}

.gmn-lp-facts-note:last-child {
    margin-bottom: 0;
}

/*===== Product landing – recommendations =====*/
.gmn-lp-reco {
    margin: 0 0 48px;
}

.gmn-lp-reco-box {
    background: #f2ede5;
    border-radius: 28px;
    padding: 32px 30px 28px;
    color: #31384c;
}

.gmn-lp-reco-icons {
    display: flex;
    gap: 24px;
    justify-content: center;
    margin: 0 0 28px;
}

.gmn-lp-reco-item {
    flex: 1 1 0;
    max-width: 280px;
    text-align: center;
}

.gmn-lp-reco-icon {
    position: relative;
    width: 88px;
    height: 88px;
    margin: 0 auto 14px;
    border: 1.5px solid #31384c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gmn-lp-reco-icon svg.gmn-lp-reco-illu {
    width: 52px;
    height: 52px;
    display: block;
}

.gmn-lp-reco-check {
    position: absolute;
    top: -2px;
    left: 4px;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1.5px solid #01a86b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gmn-lp-reco-check svg {
    width: 12px;
    height: 12px;
    display: block;
}

.gmn-lp-reco-label {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #31384c;
    line-height: 1.4;
}

.gmn-lp-reco-text {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #31384c;
    line-height: 1.55;
}

.gmn-lp-reco-text strong {
    font-weight: 700;
}

/*===== Product landing – suggested use =====*/
.gmn-lp-use {
    margin: 0 0 24px;
}

.gmn-lp-use-box {
    background: #f2ede5;
    border-radius: 28px;
    padding: 28px 30px;
    color: #31384c;
}

.gmn-lp-use-line {
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
}

.gmn-lp-use-line:last-child {
    margin-bottom: 0;
}

.gmn-lp-use-line strong {
    font-weight: 700;
}

@media (max-width: 767px) {
    .gmn-lp-title {
        font-size: 22px;
    }

    .gmn-lp-review {
        border-radius: 28px;
        padding: 22px 20px 18px;
    }

    .gmn-lp-review-text {
        font-size: 14px;
    }

    .gmn-lp-headline-title {
        font-size: 30px;
    }

    .gmn-lp-headline-meta {
        font-size: 13px;
    }

    .gmn-lp-order {
        border-radius: 22px;
        padding: 32px 18px 28px;
    }

    .gmn-lp-order-price {
        font-size: 34px;
    }

    .gmn-lp-order-btn {
        min-width: 0;
        width: 100%;
        font-size: 18px;
        padding: 14px 24px;
    }

    .gmn-lp-order-badge {
        font-size: 12px;
        padding: 9px 10px;
        white-space: normal;
    }

    .gmn-lp-compare-grid {
        flex-direction: column;
    }

    .gmn-lp-compare-box {
        border-radius: 16px;
        padding: 20px 18px 16px;
    }

    .gmn-lp-stats {
        padding: 22px 16px 14px;
        border-radius: 18px;
    }

    .gmn-lp-stats-time-value {
        font-size: 36px;
    }

    .gmn-lp-stats-percent-value {
        font-size: 32px;
    }

    .gmn-lp-stats-quality-title {
        font-size: 12px;
    }

    .gmn-lp-change {
        padding: 16px;
        border-radius: 14px;
    }

    .gmn-lp-change-title {
        font-size: 15px;
    }

    .gmn-lp-change-text {
        font-size: 13px;
    }

    .gmn-lp-faq-item {
        padding: 16px;
        border-radius: 14px;
    }

    .gmn-lp-faq-q {
        font-size: 15px;
    }

    .gmn-lp-faq-a {
        font-size: 13px;
    }

    .gmn-lp-facts {
        border-radius: 20px;
        padding: 22px 18px 18px;
    }

    .gmn-lp-facts-title {
        font-size: 18px;
    }

    .gmn-lp-facts-table th,
    .gmn-lp-facts-table td {
        font-size: 13px;
        padding: 9px 0;
    }

    .gmn-lp-facts-table .gmn-lp-facts-amount {
        padding-right: 10px;
    }

    .gmn-lp-reco-box {
        border-radius: 20px;
        padding: 24px 18px 20px;
    }

    .gmn-lp-reco-icons {
        flex-direction: column;
        align-items: center;
        gap: 22px;
    }

    .gmn-lp-reco-item {
        max-width: 320px;
    }

    .gmn-lp-reco-text {
        font-size: 13px;
    }

    .gmn-lp-use-box {
        border-radius: 20px;
        padding: 22px 18px;
    }

    .gmn-lp-use-line {
        font-size: 14px;
    }
}