body {font-family:Poppins;}
.d-flex {display:flex;}
.flex-fill {flex:1 1 auto;}
.flex-grow-1 {flex-grow:1;}
.flex-columns {flex-direction:column;}
.row {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;flex-wrap: wrap;}
.row.nomargin {margin-left:-15px;margin-right:-15px;}
.row > [class*='col-'] {display: flex;flex-direction: column;}
.justify-content-between {justify-content:space-between;}
.justify-content-center {justify-content:center;}
.align-items-center {align-items:center;}
.bg-dark {background-color:#333333 !important;}
.text-white {color:#FFF;}
.bg-white {background-color:#FFF;}
.bg-light {background-color:#F5F5F5;}
.w-100 {width:100%;}
.w-50 {width:50%;}
.w-60 {width:60%;}
.mx-auto {margin-left:auto;margin-right:auto;}
.w-auto {width:inherit;}
.h-100 {height:100%;}
.mt-auto {margin-top:auto;}
.mt-0 {margin-top:0;}
.ms-0 {
    margin-left: 0!important;
}
.pt-5 {padding-top:3rem!important;}
.px-0 {padding-left:0!important;padding-right:0!important;}
.px-4 {padding-left:1.5rem!important;padding-right:1.5rem!important;}
.p-4 {padding:2rem!important;}
.btn-primary {border-radius:.5rem;font-weight:700;font-size:1.3rem;line-height:1.8rem;padding:1rem 3rem;}
.btn-primary:before {content:'';display:none;}
.btn-primary_next {
    font-size: 1.7rem;
}
    .input-qty .icon-up {
        top: 0;
    }
.input-qty .icon-down {
    bottom: 0;
}

#adresseModalModAdd .form-group {
    margin-right: 4rem;
    margin-left: 4rem;
}

.input-qty .arrow {
    position: absolute;
    right: 0;
    content: '';
    border-radius: 0px 2px 2px 0px;
    background-color: #333;
    color: #FFF;
    line-height: 1.9rem;
    height: 1.9rem;
    width: 2rem;
    text-align: center;
    text-align: center;
    font-size: .4rem;
}
.color-primary {
    color: #C3CF44 !important;
}
.bg-transparent {
    background-color: transparent !important;
}
input[type='number'] {
    width: 3.7rem;
    height: 4rem;
    text-align: center;
    -moz-appearance: textfield;
}


.input-qty {
    padding-right: 2rem;
    position: relative;
}
.stretched-link::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;content: "";}
.border-0 {border:none!important;}
.help-block {display:none;}
.has-error .help-block {display:block;}
.icon-close {color:#333;font-size:2rem;}
header {padding:2.2rem 0;}
header .sav .icon {width:auto;margin-right:1rem;}
header .sav .txt {font-weight:700;font-size:1.8rem;line-height:2.8rem;}
header .sav .txt span {display:block;font-weight:500;font-size:1.4rem;line-height:2.4rem;}
main {margin-top:3rem;}
main #progress {padding:4rem 3rem 6.3rem;border-radius:.5rem 0 0 .5rem;}
main #step {padding:3.5rem 3rem 3.2rem;border-radius:0 .5rem .5rem 0;}
main #step .title {font-weight:600;font-size:1.4rem;line-height:2.4rem;color:#707070;}
main #progress .title {font-weight:700;font-size:1.8rem;line-height:3.4rem;margin:1rem 0 3rem;padding-bottom:2.3rem;position:relative;}
main #progress .title:after {content:'';position:absolute;width:4.6rem;height:.3rem;background-color:#C4D044;bottom:0;left:0;}
.input-qty .arrow:before {
    margin: 0;
    width: auto;
}
.stepprogress {position: relative;padding-left:5.6rem;list-style: none;}
.stepprogress .item {position: relative;counter-increment: list;min-height:3.6rem;display: flex;align-items: center;}
.stepprogress .item:not(:last-child) {margin-bottom:4.5rem;}
.stepprogress .item:not(:last-child)::before {display: inline-block;content: '';position: absolute;left:-4rem;top:3.6rem;height:4.5rem;}
.stepprogress .item::after {content:'';display: inline-block;position: absolute;top: 0;left:-3.7rem;width:2rem;height:2rem;border:.2rem solid #CCC;border-radius: 50%;background-color: #FFF;}
.stepprogress .item::before {border-left:.5rem solid #F5F5F5;}
.stepprogress .item::after {content:counter(list);font-size:1.6rem;font-weight:700;padding-top:0px;width:3.6rem;height:3.6rem;line-height:3.6rem;top:0;left:-5.6rem;text-align:center;color:#FFF;border:.1rem solid #FFFFFF;background-color:#333;}
#tunnel .stepprogress .item::after {
    padding-top: 2px
}
    .stepprogress strong, .stepprogress strong a {
        color: #FFF;
        font-size: 1.2rem;
        font-weight: 400;
        display: block;
    }

    .stepprogress.horizontal {
        margin-bottom: 4rem;
        padding-bottom: 2.5rem;
        padding-left: 0;
        display: flex;
        justify-content: space-between;
    }
.stepprogress.horizontal .item::after {left: calc(50% - 1.8rem);}
.stepprogress.horizontal .item:not(:last-child) {margin-bottom:0;}
    .stepprogress.horizontal .item:not(:last-child)::before {
        left: 3.6rem;
        top: 1.6rem;
        height: 5px;
        width: 20rem;
    }
    .stepprogress.horizontal .item {
        width: 3.6rem;
        height: 3.6rem;
    }
.stepprogress.horizontal .item::before {border-top: 0.5rem solid #F5F5F5;border-left:0;}
    .stepprogress.horizontal strong {
        position: absolute;
        padding-top: 0;
        position: absolute;
        bottom: -2.5rem;
        white-space: nowrap;
        padding-top: 4.4rem;
        color: #333;
        left: 50%;
        -moz-transform: translate(-50%, 0px);
        -webkit-transform: translate(-50%, 0px);
        -o-transform: translate(-50%, 0px);
        -ms-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
    }

.stepprogress.horizontal .item.current::after {color: #FFFFFF;background-color: #333333;}
.stepprogress.horizontal .item.current strong {font-weight:700;}
/*.stepprogress.horizontal .item {width: 3.6rem;height: 3.6rem;}
.stepprogress.horizontal .item strong {display:none;}
*/
    .stepprogress.horizontal .item::after {
        line-height: 3.1rem;
        color: #333;
        background-color: #F5F5F5;
    }
.stepprogress .item.current::after {color:#333;border:.2rem solid #C4D044;background-color:#F5F5F5;}
.stepprogress .item.is-done::before {border-color:#C4D045;}
.stepprogress .item.is-done::after {content: '\e801';font-size: 1.7rem;font-family: "bs";font-style: normal;font-weight: 1000;speak: never;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:#333;border:.2rem solid #C4D044;background-color:#C4D045;}

textarea {
    resize: none;
}
.recommande {
    font-size: 10px;
    color: #fff;
    background-color: #333333;
    padding: 5px 10px;
    border-radius: 3rem;
    margin-left: 10px;
}
.instructions{
    margin-top:10px
}
.form-group {
    margin-top: 2rem;
    position: relative;
    padding: 0;
    display: block;
}
.form-group:has(input:disabled),.form-group:has(select:disabled) {opacity:.5;}
.form-group label {color:#707070;position:absolute;padding:0 1rem;left:1rem;top:-.9rem;font-size:1.2rem;font-weight:400;line-height:1.8rem;}
.form-group .form-control {border:1px solid #828282;border-radius:5px;color:#333333;background-color:transparent;float:none;display:block;box-shadow:none;padding:1.9rem 2rem;font-size:1.2rem;font-weight:400;line-height:1.8rem;height:5.6rem;}
    .form-group .form-control:hover {background-color:#fff}
    .form-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-indent: 1px;
        text-overflow: '';
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.18" height="18" viewBox="0 0 9.18 18"><path id="ic_unfold_more_24px" d="M12,5.83,15.17,9l1.41-1.41L12,3,7.41,7.59,8.83,9Zm0,12.34L8.83,15,7.42,16.41,12,21l4.59-4.59L15.17,15Z" transform="translate(-7.41 -3)" fill="%23333"/></svg>');
        background-repeat: no-repeat;
        background-position: right 0.5rem center;
        background-size: .9rem 1.8rem;
    }
.radio {background-color:#FFF;padding:30px 20px;border-radius:3px;}
.radio label {font-weight:600;font-size:1.4rem;line-height:2.4rem;color:#333;padding:0;}
.radio p {display:none;font-size:1.1rem;line-height:1.8rem;color:#707070;padding:23px 0 0 30px;}
.radio label i {margin-right:1.5rem;}
.radio label input {box-shadow:none!important;width:0px;height:0px;position:relative;z-index:-1;}
.radio:has(label > input[type="radio"]:checked) {border: 2px solid #C4D044;}
.radio:has(label > input[type="radio"]:checked) p {display:block;}
.radio label:has(input[type="radio"]:checked) {background-color:#C4D044;border-radius:3px;padding:4px 34px;position: relative;left: -35px}
.form-group.has-error .form-control {border-color:#D04944;}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {color:#D04944;}
.form-group.has-success .form-control {border-color:#C4D044;}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {color:#C4D044;}
.form-group.has-warning .form-control {border-color:#8a6d3b;}
.has-error .form-control:focus,.has-warning .form-control:focus,.has-success .form-control:focus {box-shadow:none;}

#order_success {padding:3rem 0 6.4rem;}
#account_success h1,#order_success h1 {font-size:2.4rem;line-height:3.4rem;margin:3rem 0;}
#account_success p,#order_success p {color:#707070;font-size:1.1rem;line-height:1.8rem;}
#account_success .btn-primary,#order_success .btn-primary {font-size:1.7rem;line-height:2.1rem;padding:17px 79px 19px;font-weight:600;}

#autocomplete {display:none;width:calc(100% - 3rem);background-color:#FFF;border:1px solid #ccc;position:absolute;top:7rem;z-index:2;border-radius:4px;}
#autocomplete div {position:relative;max-height:400px;overflow-y:auto;}
#autocomplete .result {cursor:pointer;padding:1rem 2rem;}
#autocomplete .result:hover {background:#F5F5F5;}
#autocomplete .result:not(:last-child) {border-bottom:1px solid #CCC;}
#autocomplete .result .title strong {color:#333;text-transform:uppercase;font-size:1.6rem;line-height:2rem;margin-right:2rem;}
#autocomplete .result .title span {font-size:1.2rem;line-height:2rem;font-weight:300;}
#autocomplete .result .naf {font-size:1.1rem;line-height:1.4rem;}
#autocomplete .result .address {color:#707070;font-weight:700;font-size:1.3rem;line-height:2rem;}
#autocomplete #siren_notfound {border-top:1px solid #CCC;position:sticky;padding:1rem;bottom:0;left:0;right:0;text-align: center;}
#autocomplete #siren_notfound button.btn-primary {margin-top:0;font-size:1.2rem;font-weight:600;}
#search_siren {line-height: 1;font-size:1.8rem;margin-top: auto;height:3.4rem;padding:0;}

.modal-header {padding:0 0 1rem;margin-bottom:0rem;background-color:transparent;border-bottom: 3px solid #C4D044;}
.modal-title,.bordered {color:#333;font-size:2.4rem;line-height:3.4rem;font-weight:700;}
.modal-body {padding:0 2rem;}
.modal-body form {padding:3.3rem 7.4rem 2.2rem 9.1rem;}
.modal-footer {padding:0;border:0;margin-top:3rem;}
.bordered {padding:0 0 1rem;margin-bottom:3rem;border-bottom: 3px solid #C4D044;}

#loginModal .modal-content {padding-bottom:3.5rem;}
#loginModal #login {position:relative;padding-right:6.25rem;display: block;}
#loginModal #login:after {content:'';position:absolute;height:70%;width:3px;right:0;top:15%;background-color:#333333;}
#loginModal #signin {padding-left:6.25rem;top:0}
#loginModal .title {font-size:1.8rem;line-height:3.4rem;font-weight:700;margin:1rem 0 2rem;}
#loginModal form {padding:0;}
#loginModal form .form-group {margin-top:2.6rem;}
#loginModal form .form-group:first-child {margin-top:0;}
#loginModal .btn-primary {width:fit-content;padding:.8rem 2rem;}
#loginModal .checkbox {margin-top:2rem;padding-left:2rem;}
#loginModal .checkbox-label {color: #707070;font-size:1.2rem;line-height:1.8rem;padding-left:1rem;margin-bottom:0;}
#loginModal input[type='checkbox'] {accent-color:#c4d044;width:1.8rem;height:1.8rem;border-radius:0;margin-top:0;}
#loginModal #forgot {color:#C4D044;position:absolute;top: 4.8rem;right:1rem;padding:0 1rem;font-weight:normal;text-decoration:underline;}
button[data-action="show-password"],button[data-action="hide-password"] {position: absolute;top:0;line-height:5.6rem;padding:0;visibility: hidden;right:2rem;z-index:2;}
button[data-action="show-password"]:before,button[data-action="hide-password"]:before {display:none;content:'';}
button[data-action="show-password"]:after,button[data-action="hide-password"]:after {visibility: visible;color: #333;font-size:2.2rem;font-family: "bs";font-style: normal;font-weight: 400;speak: never;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
button[data-action="show-password"]:after {content: '\e80f';}
button[data-action="hide-password"]:after {content: '\e810';}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
@media (max-width:767px) {
    #addAdresse {
        float: none !important;
    }
    #valideAdresse {
        margin-top: 10px
    }
}
    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }

    .btn {
        touch-action: none;
    }

    input[type='checkbox'] {
        accent-color: #c4d044;
        width: 1.8rem;
        height: 1.8rem;
        border-radius: 0;
        margin-top: 0;
    }

    .order-5 {
        order: 5 !important;
    }

    .order-6 {
        order: 6 !important;
    }

    #step3 .radio {
        padding-top: 1.8rem;
        padding-bottom: 1.8rem;
    }

    .panel-group {
        margin-bottom: 0;
    }

    .panel-heading {
        padding: 2rem;
    }

    .popover-content {
        width: 250px;
    }

    .panel-heading i.icon-up, .panel-heading i.icon-chevron-up {
        transition-property: all;
        transition-duration: .3s;
        transition-delay: .1s;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        background-color: #C3CF44;
        border-radius: 100%;
        font-size: .5rem;
        color: #333;
        text-align: center;
    }

        .panel-heading i.icon-up:before, .panel-heading i.icon-chevron-up:before {
            width: 2.5rem;
            margin: 0;
        }

    .panel-heading .collapsed i.icon-up, .panel-heading .collapsed i.icon-chevron-up {
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .panel-heading a, .panel-heading a:hover {
        color: #FFF;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 700;
    }

    .panel-body {
    }

    #collapseRecap {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .cart-prd {
        background-color: #FFF;
        padding: 2rem;
        margin-bottom: 2rem;
    }

        .cart-prd:last-child {
            margin-bottom: 3rem;
        }

    .cart-product-name {
        font-size: 1.2rem;
        line-height: 1.8rem;
        font-weight: 700;
        margin: 0 0 1.6rem;
    }

    .cart-product-ref {
        font-size: 1.2rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin-bottom: 0;
    }

    .cart-product-desc {
        font-size: 1.2rem;
        line-height: 2.4rem;
        font-weight: 400;
        color: #707070;
        margin-bottom: 0;
    }

    .cart-product-qty {
        width: 57px;
        display: inline-block;
        margin-left: 10rem;
        font-size: 1.2rem;
        line-height: 2.4rem;
        font-weight: 700;
    }

    .cart-product-price {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 700;
    }

    .cart-product-price-unit {
        font-size: 1.2rem;
        line-height: 2.4rem;
        font-weight: 400;
        color: #707070;
        font-style: italic;
    }

    .media.address {
        padding: 2rem 3rem 3rem;
    }

        .media.address .media-object {
            margin-right: 3rem;
            width: 4rem;
            height: 4rem;
            line-height: 4rem;
            background-color: #C3CF44;
            border-radius: 100%;
            text-align: center;
            font-size: 2rem;
        }

        .media.address p {
            font-size: 1.2rem;
            line-height: 1.8rem;
            font-weight: 400;
            margin: 0;
        }

        .media.address .media-heading {
            font-size: 1.6rem;
            line-height: 1.8rem;
            font-weight: 700;
            margin: 0 0 1rem;
        }

    .instructions label {
        text-transform: uppercase;
        font-size: 1.1rem;
        color: #707070;
        line-height: 1.8rem;
        font-weight: 700;
        margin: 0 0 .5rem;
    }

    .instructions p {
        font-size: 1.1rem;
        color: #707070;
        line-height: 1.8rem;
        font-weight: 400;
        margin: 0 0 2rem;
    }

    .cart-summary {
        padding: 2.6rem 2rem 3.2rem;
    }

        .cart-summary .media {
            margin-bottom: 2.2rem;
        }

        .cart-summary .media-object {
            width: 3.9rem;
            height: 3.9rem;
            line-height: 3.9rem;
            font-size: 1.8rem;
            background-color: #333;
            border-radius: 100%;
            text-align: center;
        }

            .cart-summary .media-object:before {
                width: auto;
                margin: 0;
                color: #FFF;
            }

        .cart-summary .media-heading {
            letter-spacing: 0.08px;
            font-size: 1.7rem;
            line-height: 2rem;
            font-weight: 700;
            margin-left: .7rem;
        }

    .cart-summary-line {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .cart-summary-totals {
        margin: 1.6rem 0 1.8rem;
    }

        .cart-summary-totals span {
            font-size: 1.6rem;
            line-height: 2.5rem;
            color: #333;
            font-weight: 700;
        }

    .cart-summary-subtotals {
        margin: 1.9rem 0;
    }

        .cart-summary-subtotals span {
            font-size: 1.2rem;
            line-height: 1.8rem;
            color: #333;
            font-weight: 400;
        }

            .cart-summary-subtotals span input {
                margin-right: 1rem;
            }

    .cart-summary .add-to-cart {
        padding-top: 1.7rem;
        padding-bottom: 1.9rem;
    }

    .cart-summary hr {
        margin-top: 0;
        margin-bottom: 0;
        border-top: 1px solid #BFBFBF;
    }

        .cart-summary hr.dashed {
            border-top: 1px dashed #BFBFBF;
        }

    .cart-summary .btn[data-toggle="popover"], .cart-summary .btn[data-toggle="popover"]:hover {
        background: none !important;
        padding: 0;
        color: #C3CF44 !important;
        font-size: 1.3rem;
        margin: 0 0 0 1rem;
        border: none;
    }

        .cart-summary .btn[data-toggle="popover"]:before {
            display: none;
            content: '';
        }

    .cart-summary .panel-heading {
        padding: 2rem 0;
    }

        .cart-summary .panel-heading i {
            font-size: .5rem;
        }

    .cart-summary .panel-title a, .cart-summary .panel-title a:hover {
        color: #333;
        font-weight: 400;
        text-transform: none;
    }

    #collapsePromo .btn:before {
        display: none;
        content: '';
    }

    .cart-summary .panel-body {
        padding: 0;
    }

    #collapsePromo .input-group {
        border: 1px solid #BFBFBF;
        padding: .7rem;
    }

        #collapsePromo .input-group input {
            background-color: transparent;
            border: none;
            font-style: italic;
            box-shadow: none;
        }

    #tunnel .reassurance {
        margin-top: 1.2rem;
    }

        #tunnel .reassurance .media-object {
            margin-right: 1rem;
            width: 40px;
        }

        #tunnel .reassurance .media-heading {
            font-size: 0.9rem;
            line-height: 1.5rem;
            color: #707070;
            font-weight: 700;
        }

        #tunnel .reassurance p:not(.media-heading) {
            font-size: 0.8rem;
            line-height: 1.4rem;
            font-weight: 400;
            font-style: italic;
        }

    #shippingAddressModal .title {
        font-size: 1.1rem;
        line-height: 1.8rem;
        color: #707070;
        font-weight: 700;
        margin-bottom: 1rem;
        text-transform: uppercase;
    }

    #shippingAddressModal .form-group {
        margin-top: 0;
        margin-bottom: 3rem !important;
    }

        #shippingAddressModal .form-group .form-control {
            background-color: #FFF;
            height: 3.3rem;
            line-height: 3.3rem;
            padding-top: 0;
            padding-bottom: 0;
        }

    #shippingAddressModal .address {
        padding: 2rem 2rem 5rem 3rem;
    }

        #shippingAddressModal .address .media-left i {
            margin-right: 3rem;
            font-size: 2rem;
            display: block;
            text-align: center;
            width: 4rem;
            height: 4rem;
            line-height: 4rem;
            background-color: #C3CF44;
            border-radius: 100%;
        }

        #shippingAddressModal .address .media-body p {
            font-size: 1.2rem;
            line-height: 1.8rem;
        }

        #shippingAddressModal .address .media-body .nom {
            font-size: 1.6rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        #shippingAddressModal .address button {
            border: none;
            background-color: transparent;
            display: inline;
            font-size: 1.8rem;
        }

    .modal-body .media.title {
        padding-top: 2rem;
    }

        .modal-body .media.title .media-left i {
            margin-right: 3rem;
            margin-left: 1rem;
            font-size: 2rem;
            display: block;
            text-align: center;
            width: 4rem;
            height: 4rem;
            line-height: 4rem;
            background-color: #C3CF44;
            border-radius: 100%;
        }

        .modal-body .media.title .media-body p {
            margin-bottom: 0;
            font-size: 1.1rem;
            line-height: 4rem;
            color: #707070;
            font-weight: 700;
            text-transform: uppercase;
        }

    .btn-link, .btn-link:hover, .btn-link:focus {
        background: none;
        border: none;
        text-decoration: underline;
        color: #BFBFBF;
        font-size: 1.1rem;
        line-height: 1.7rem;
    }

        .btn-link:before {
            content: '';
            display: none;
        }

    #step2 .input-group {
        padding: 2rem;
    }

        #step2 .input-group label {
            font-size: 1.1rem;
            line-height: 1.8rem;
            text-transform: uppercase;
            font-weight: 700;
            color: #707070;
        }

        #step2 .input-group .form-control {
            font-size: 1.1rem;
            line-height: 1.8rem;
            font-style: italic;
            border: 1px solid #BFBFBF;
            border-radius: 3px;
            background-color: #F5F5F5;
            line-height: 4.6rem;
            height: 4.6rem;
        }

    #step2 .checkbox {
        margin-bottom: 3rem;
    }

        #step2 .checkbox input[type='checkbox'] {
            margin-left: 0;
            margin-top: 0;
        }

        #step2 .checkbox label {
            padding-left: 3.3rem;
            font-size: 1.1rem;
            line-height: 1.8rem;
            text-transform: uppercase;
            font-weight: 700;
            color: #707070;
        }

    #cart #promo {
        align-items: stretch;
        justify-content: space-between;
        background-color: #c4d044;
    }

        #cart #promo #btn_label {
            padding: 1.1rem 1.5rem;
            font-size: 1.1rem;
            line-height: 1.8rem;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        #cart #promo #btn_devis {
            position: relative;
            background: linear-gradient(180deg, rgba(196,208,68,1) 0%, rgba(196,208,68,1) 50%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%);
        }

            #cart #promo #btn_devis:before, #cart #promo #btn_devis:after {
                position: absolute;
                content: '';
                width: 1.8rem;
                top: 0;
                bottom: 0;
            }

            #cart #promo #btn_devis:before {
                left: 0;
                z-index: 2;
                background: #C4D044;
                border-radius: 0% 0% 20px 0% / 0% 0% 100% 0%;
                margin-right: -2px;
            }

            #cart #promo #btn_devis:after {
                background-color: #F5F5F5;
                left: 1.6rem;
                z-index: 3;
                border-radius: 20px 0% 0% 0% / 75% 0% 0% 0%;
            }

        #cart #promo .badge {
            position: relative;
            font-size: 1.1rem;
            line-height: 1.6rem;
            background-color: #333;
            top: initial;
            left: initial;
            padding: .8rem 1.5rem;
            color: #FFF;
            font-weight: 700;
            margin-left: 1rem;
            min-width: auto;
        }

        #cart #promo #btn_devis div {
            padding: 1.1rem 1.5rem;
            margin-left: 3.4rem;
        }

        #cart #promo .badge:before, #cart #promo .badge:after {
            position: absolute;
            content: '';
            width: 1rem;
            height: 1rem;
            border-radius: 100%;
            background-color: #C4D044;
            display: block;
            top: 50%;
        }

        #cart #promo .badge:before {
            left: 0;
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        #cart #promo .badge:after {
            right: 0;
            -moz-transform: translate(50%, -50%);
            -webkit-transform: translate(50%, -50%);
            -o-transform: translate(50%, -50%);
            -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
        }

    #promo2 .badge {
        vertical-align: baseline;
        color: #333;
        position: initial;
        padding: 0;
        background-color: transparent;
        text-decoration: underline;
        font-weight: bold;
    }

    #cart #promo .btn-primary {
        font-size: 1.1rem;
        font-weight: 600;
        padding: .8rem 1.5rem;
    }

        #cart #promo .btn-primary i {
            display: inline-block;
            margin-left: 1rem;
            font-size: .7rem;
            width: 2rem;
            height: 2rem;
            line-height: 2rem;
            border: 1px solid #C4D044;
            border-radius: 100%;
            text-align: center;
        }

        #cart #promo .btn-primary:hover i {
            border-color: #333;
        }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .search {
        width: 100% !important;
        top: 0 !important;
        float: none !important;
    }

    #shippingAddressModal .modal-body {
        padding: 0;
    }

    .navbar {
        padding: 2rem 0;
    }

#accountLink {
    display: flex !important;
    align-items: center;
    margin-left: 5rem;
}

        #accountLink .btn, #accountLink .btn:hover {
            font-size: 1.4rem;
            line-height: 1.4rem;
            padding: 0;
            border: none !important;
            text-align: left;
            margin-top: 0;
            background: none !important;
            color: #333 !important;
            text-transform: none;
        }

    #accountLink i {
        font-size: 2.7rem;
        width: 3.5rem;
        height: 3.5rem;
        line-height: 3.7rem;
        color: #FFF;
        background-color: #333;
        border-radius: 100%;
        text-align: center;
        margin-right: 0.4rem;
    }

    #cnilWarning {
        display: none;
    }

    .navbar-toggle .icon-bar {
        background-color: #333;
    }

    @media (min-width:767px) {
        .justify-content-sm-between {
            justify-content: space-between;
        }

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


        .order-sm-1 {
            order: 1 !important;
        }

        .order-sm-2 {
            order: 2 !important;
        }

        .order-sm-3 {
            order: 3 !important;
        }

        .order-sm-4 {
            order: 4 !important;
        }

        .order-sm-5 {
            order: 5 !important;
        }

        .order-sm-6 {
            order: 6 !important;
        }
    }

    @media (min-width:992px) {
        .justify-content-md-between {
            justify-content: space-between;
        }

        .order-md-1 {
            order: 1 !important;
        }

        .order-md-2 {
            order: 2 !important;
        }

        .order-md-3 {
            order: 3 !important;
        }

        .order-md-4 {
            order: 4 !important;
        }

        .order-md-5 {
            order: 5 !important;
        }

        .order-md-6 {
            order: 6 !important;
        }
    }

    @media (min-width:1200px) {
        #tunnel > .col-lg-7 {
            padding-right: 34px;
        }

        #tunnel > .col-lg-4 {
            padding-left: 34px;
        }

        #collapseSummary {
            display: block !important;
        }

            #collapseSummary .panel-body {
                border-radius: 0 !important;
            }

        .sticky-lg-top {
            position: -webkit-sticky;
            position: sticky;
            top: 2rem;
            z-index: 1020;
        }

        .visible-lg-block.d-flex {
            display: flex !important;
        }
    }

    @media (min-width:1500px) {
        .container {
            width: 1440px;
        }

        .col-xl-8 {
            width: 66.66666667%;
        }

        #tunnel > .col-lg-7 {
            padding-right: 44px;
        }

        #tunnel > .col-lg-4 {
            padding-left: 44px;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1530px) {
        .col-lg-4 {
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    @media screen and (min-width: 1200px) and (max-width: 1499px) {
        .media.reassurance .media-object {
            margin: auto;
        }

        .media.reassurance .media-body {
            display: block;
            margin-top: 2rem;
        }
    }

    @media (max-width:1499px) {
        .cart-product-qty {
            margin-left: 2rem;
        }

        .stepprogress.horizontal .item:not(:last-child)::before {
            width: 15rem;
        }
    }

    @media (max-width:1399px) {
    }

    @media (max-width:1199px) {
        .col-lg-4 {
            width: 100%;
        }

        .input_search {
            margin-top: 2rem;
        }

        header .hidden-lg {
            width: 25vw;
        }

        header .navbar-toggle {
            padding: 1rem !important;
            width: initial;
            height: initial;
            position: initial;
            float: left;
        }

        header i {
            font-size: 2rem;
        }

        #autocomplete {
            top: 9rem;
        }

        .fixed-xs-bottom {
            position: fixed;
            right: 3rem;
            bottom: 0;
            left: 3rem;
            z-index: 1030;
            background-color: #F5F5F5;
            border-radius: 5px;
            padding: 1rem 3rem 3rem;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        }

        .cart-summary {
            padding: 0;
        }

            .cart-summary > .panel {
                margin-bottom: 0;
            }

                .cart-summary > .panel > .panel-heading .panel-title a, .cart-summary .panel-title a:hover {
                    padding: 0 2rem;
                    color: #FFF;
                }

            .cart-summary .panel-body {
                border-radius: 0 !important;
            }

        .stepprogress.horizontal .item:not(:last-child)::before {
            width: 40rem;
        }

        #headingSummary .media {
            margin-bottom: 0;
        }

        #headingSummary a {
            color: #333;
        }

        #headingSummary i {
            background-color: #333;
            color: #FFF;
        }

            #headingSummary i.icon-cart {
                font-size: 1.8rem;
            }

        main {
            padding-bottom: 20rem;
        }

        .media.reassurance {
            display: flex;
            align-items: center;
        }

            .media.reassurance .media-body {
                width: auto;
            }
    }

    @media (max-width:991px) {
        .h-100 {
            height: auto;
        }

        main {
            margin-top: 3rem;
        }

            main #step {
                padding-top: 4.5rem;
            }

            main #progress {
                padding: 2rem 3rem;
            }

                main #progress .icon {
                    position: absolute;
                    top: 3rem;
                    left: -35%;
                }

                main #progress .title, main #step .title {
                    text-align: center;
                }

                    main #progress .title:after {
                        left: calc(50% - 2.3rem);
                    }

        .stepprogress {
            padding-left: 0;
            display: flex;
            justify-content: space-between;
        }

            .stepprogress .item {
                width: 3.6rem;
                height: 3.6rem;
            }

            .stepprogress:not(.horizontal) {
                overflow: hidden;
            }

                .stepprogress:not(.horizontal) .item strong {
                    display: none;
                }

                .stepprogress:not(.horizontal) .item::after {
                    left: 0;
                }

            .stepprogress .item:not(:last-child) {
                margin-bottom: 0;
            }

                .stepprogress .item:not(:last-child)::before {
                    left: 3.6rem;
                    top: 1.6rem;
                    height: 5px;
                    width: 24vw;
                }

            .stepprogress .item::before {
                border-top: 0.5rem solid #F5F5F5;
                border-left: 0;
            }

            .stepprogress.horizontal .item:not(:last-child)::before {
                width: 30rem;
            }

            .stepprogress.horizontal {
                margin-bottom: .5rem;
            }

        .radio {
            width: 100%;
        }

        #autocomplete .result .title {
            text-align: left;
        }

        #loginModal #login {
            width: 100%;
            position: relative;
            padding-right: 1.5rem;
            padding-bottom: 6.25rem;
        }

            #loginModal #login:after {
                width: 70%;
                height: 3px;
                right: 15%;
                top: 100%;
            }

        #loginModal #signin {
            width: 100%;
            padding-left: 1.5rem;
            padding-top: 6.25rem;
        }

        #cart #promo {
            flex-direction: column;
            background-color: #FFF;
        }

            #cart #promo #btn_label {
                padding: 1.5rem 3rem;
            }

            #cart #promo #btn_devis:before {
                background-color: #FFF;
            }

            #cart #promo .badge {
                margin-top: 1rem;
            }

            #cart #promo #btn_devis {
                width: fit-content;
                margin-left: auto;
                background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%);
            }

        #promo2 {
            background-color: #c4d044;
            padding: 2rem;
            margin-bottom: 2rem;
        }

        .cart-prd {
            padding: 2rem 1rem;
        }

            .cart-prd img {
                width: 100%;
                height: auto;
            }

            .cart-prd .prices {
                margin: 1rem 0;
            }

            .cart-prd > div:last-child {
                align-items: end;
                justify-content: center;
            }

        .btn-del {
            border: 1px solid #333;
            border-radius: 3px;
            padding: 0.8rem 1.5rem;
        }
    }

    @media (max-width:767px) {
        .stepprogress.horizontal {
            overflow-x: hidden;
        }

            .stepprogress.horizontal .item strong {
                display: none;
            }

        .radio > .d-flex {
            flex-direction: column;
            align-items: start;
            gap: 1rem;
        }

        .modal-body {
            padding: 0;
        }

        header #logo {
            width: 50%;
        }

            header #logo img {
                width: 100%;
                height: auto;
            }

        .modal-body form {
            padding: 3rem;
        }

        .radio img {
            display: none;
        }

        .radio:has(label > input[type="radio"]:checked) img {
            display: block;
        }
    }


.close-menu span {
    padding: 10px;
}

.navbar-toggle .icon-burger {
    font-size:20px;
}

.icon-trash {
    font-size: 15px;
}