body{
    color: var(--navy);
}
/*
.page-customer-account #wrapper .breadcrumb{
    display:block;
    text-align: center;
}
.page-customer-account #wrapper .breadcrumb ol{
    padding-left: 0rem;
}
*/
.breadcrumb{
    text-align: center;
}

#main .page-header{
    margin: 0 auto 0;
}

#checkout #wrapper {
    margin-top: 0px;
}

.page-customer-account #wrapper{
    margin-bottom: 8rem;
}
.progress-container{
    padding: 1rem 1rem 0 1rem;
}
.progress-bar {
    height: 100%;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
}

.progress {
    display: block;
    width: 100%;
    height: .5rem;
    margin-bottom: .5rem;
}
.progress {
    background: #dbdbdb;
}


.page-authentication #wrapper {
  /*  padding-top: 1.563rem;
    background: #f6f6f6;*/
}

 
.page-registration .register-form > p{
    margin: 0 0 1rem;
    font-size: .95rem;
}

.page-authentication #content, 
.page-registration #content,
.page-identity #content,
.page-customer-account #content
{
    padding: 1rem;
    background: #fff;
    max-width: 550px;
    margin: 0 auto;
}
 
 
.page-customer-account #content {
    padding: 0;     max-width: 90%;
    background: none;
}
.page-customer-account #content .box-s
{
    padding: 1rem 1rem;
    margin-bottom: 3rem;
}
.page-registration.page-customer-account #content .box-s,
.page-identity.page-customer-account #content .box-s,
.page-address.page-customer-account #content .box-s{
    padding: 2rem 2rem;
}
form .form-control-label {
    font-size: .875rem;
    font-weight: 600;
    color: var(--navy);
    padding-top: 1rem;
    padding-bottom: .5rem;
     padding-left: 1.25rem;
}

.radio-inline[for="field-id_gender-1"] {
    margin-right: 1rem;
}
.input-group .input-group-btn>.btn[data-action=show-password] {
    padding: .78rem 1rem;
    background: #7a7a7a;
}
.input-group .input-group-btn>.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: .25rem 1rem;
    margin-left: 0;
    font-size: .6875rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-customer-account #content .forgot-password {
    padding-bottom: 1rem;
    margin-top: 0;
    font-size: 14px;
    padding-right: 1rem;
    text-align: right;
    text-decoration: none;
}
.page-customer-account #content .forgot-password a {
    text-decoration: none;
    font-size: 12px;
    opacity: .7;
    color: var(--navy);
    font-weight: 300;
}
.page-customer-account #content .forgot-password a:hover {
     opacity: 1; text-decoration: underline;
}
.page-customer-account #content .no-account {
    font-size: 1rem;
    text-align: center;
        font-weight: 500;
    color: var(--navy);
    margin-bottom: 4rem;
}
.page-customer-account #content .no-account a{
        padding: 1rem 2rem !important;
}

.page-customer-account footer{
        text-align: center;
}

#submit-login{
    padding: .75rem 0rem!important;
    margin-top: 1rem;
    width: 60%;
}
#registration footer button,
#identity footer button,
#address footer button{
    padding: 1rem 0rem;
    margin-top: 1rem;
    width: 90%;
}
#registration .register-form > p > a{
    display: block;
    color: var(--blue);
}
#authentication .page-header{
    max-width: 100%;
}
#authentication #main .page-header h1 {
    font-size: 1.25rem;
}

.h-displayCustomerLoginFormAfter {
    display: flex;
    justify-content: center;
    margin: .5rem 0 1rem 0;
}

.socialcnx {
    text-align: center;
    position: relative;
}
.socialcnx > div{
        display: inline-block;
    margin: 0 auto;
    background: white;color: var(--navy);
    padding: .25rem 2rem 0;
}
.socialcnx .buttonText{
    display: flex;
    align-items: center;
}
.socialcnx .buttonText svg{
    margin-right: .25rem;
}
.login-form{
    margin-bottom: 2rem;
    margin-top: 2rem;
}
#authentication .login-form{
    margin-top: 0;
}
.password-requirements-score{
    display: none;
}
.password-requirements-length{
    padding-left: 1rem;
}
.page-addresses .page-content svg{
        width: 24px;
    height: 24px;    margin-right: .25rem;
    fill: var(--navy);
}
.page-addresses .page-content .adr-bloc{
    padding: 2rem;margin-top: 1rem;
    border-radius: 18px;
    border: 2px solid var(--ciel);
}
#addresses #content-wrapper .page-content {
   margin: 1rem;
}
#addresses #content-wrapper .page-content .row{
    justify-content: center;
}
#addresses #content-wrapper .page-content .adr-bloc{
        margin: 1rem;
}

.page-addresses .address-body{
        margin-bottom: 1rem;
}
.page-addresses .address-footer{
    display: flex;
    justify-content: space-between;
}
.page-addresses .address-footer a{
    text-decoration: none;
} 
.page-addresses .address-footer a:hover{
    text-decoration: underline;
}
.page-addresses .addresses-footer{
        margin-top: 2rem;
    text-align: center;
      margin-bottom: 3rem;
}
.page-authentication span.input-group-btn button svg,
.js-parent-focus button svg
 {
    width: 24px;
    height: 24px;
    fill: var(--navy);
}


#discounts-link i{
        margin-right: .5rem;
        font-size: 34px;
}


.js-parent-focus{
    position: relative;
}
[for="field-id_gender"]{
    display: none;
}
#field-firstname ~ .form-control-comment{
    display: none;
}
#field-lastname ~ .form-control-comment{
    display: none;
}
[for="field-birthday"] ~ .form-control-comment{
    display: none;
}
#field-birthday ~ .form-control-comment{
        font-size: 12px;
    padding-left: 1.25rem;
}
 
.custom-checkbox label{
        font-size: 13px;
}

.login-form .js-parent-focus .input-group-btn,
.js-parent-focus .input-group-btn{
    position: absolute;
    top: 7px;
    right: 8px;
}
.input-group .input-group-btn>.btn[data-action=show-password]{
    width: 40px;
    height: 40px;
    padding: 0!important;
    display: flex;
    text-align: center;
    justify-content: center;
    background: #fff;
}



#my-account .page-content > .links{
        justify-content: center;
        margin:1rem;
        margin-bottom: 3rem;
}
#my-account #main .links a{
    background: var(--navy);
    color: #fff;
    text-decoration: none;
    padding: 1rem;
    font-size: 1.25rem;
    display: flex;
    margin: 1rem;
    border-radius: var(--radius);
    min-height: 70px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    justify-content: center;
    align-items: center;
    text-align: center;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-filter: blur(0);
    filter: blur(0);
}
#my-account #main .link-item {
        display: flex;
    align-items: center;
    justify-content: space-between;
        white-space: nowrap;
}
#my-account #main .link-item span{
        margin-top: 0.25rem;
            line-height: 25px;
}
#my-account #main .links a svg{
    width: 30px;
    height: 30px;
    fill:#fff;
    margin-right: 1rem;
}
#my-account #main .links .adresses svg{

}

#my-account #main .links .history svg{
    width: 42px;
    height: 42px;
}
 
#my-account #main .links .avoirs svg{
    width: 45px;
    height: 45px;
}
#my-account #main .links .voucher svg{

}
#my-account #main .links .returns svg{

}
#my-account #main .links .rgpd svg{
    width: 45px;
    height: 45px;
}
#my-account #main .links .logout svg{
    width: 45px;
    height: 45px;
}
#my-account #main .links .giftcard svg{
    width: 45px;
    height: 45px;
}

#my-account #main .links a:hover{
   /* color:var(--navy);*/
    background:var(--blue);
    transform: translateY(-1px);
    box-shadow: var-(--shadow2);
}
#my-account #main .links a:hover svg{
  /* fill:var(--navy);*/
}


 .page-customer-account #main .page-header h1{
        font-size: 1.25rem;
 }


/* .table-bordered,  */
 .table-bordered td, .table-bordered th {
    border: 1px solid #f6f6f6;
}
.table {
    margin: 0 auto;    width: 100%;
    margin-bottom: 1rem;
}
table {
    border-collapse: collapse;
    background-color: transparent;
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
 thead{
    width: 100%;
 }
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #f6f6f6;
}
.table-striped tbody tr:nth-of-type(odd) {
   /* background-color: rgba(0, 0, 0, .05);*/
}
.table-labeled td, .table-labeled th, body#checkout #cart-summary-product-list .media-body {
    vertical-align: middle;
}
.table-labeled .label {
    padding: .25rem .375rem;
    margin: .125rem;
    font-size: inherit;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
    border-radius: 3px;
}

.table td, .table th {
    padding: .75rem;
}
 #history .orders .order .label, .page-order-detail #order-history .history-lines .history-line .label {
    display: inline-block;
    padding: .25rem .375rem;
    margin: .25rem 0;
    color: #fff;
    border-radius: 3px;
}

.order svg{
        width: 20px;
        height: 20px;
        stroke: var(--navy);
}
#history.page-customer-account #content {
    max-width: 90%;
}

#history .table-striped svg, 
#order-slip .table-striped svg{
    width: 45px;
    height: 45px;
      stroke: var(--navy);
}

 #history h6, #order-slip h6
 {
    font-weight: 400;
    text-align: center;
    margin-bottom: 2rem;
}

.page-order-detail .box {
    padding: 1rem;
    background: #fff;
    max-width: 90%;
    margin: 0 auto 1rem;
    box-shadow: var(--shadow2);
    background: #fff;
    margin-bottom: 2rem;
}
.page-order-detail #delivery-address.box,
.page-order-detail #invoice-address.box
{
    box-shadow: initial;
    border: 2px solid var(--ciel);
    border-radius: var(--radius-med1);
}

.page-order-detail .order-message-form .form-fields{
    margin-top: 2rem;
}

.page-order-detail h4{
    font-size: 1.25rem;
}

.text-xs-right{
    display: none;
}
.page-order-detail .form-control-submit{
    text-align: center;
        display: block;
        margin: 0 auto;
}




#password.page-password .form-group.center-email-fields{
    text-align: center;
}

#password.page-password .email{
    margin: 0 auto;
    margin-bottom: 1rem;
}

#password.page-password button{
    margin: 0 auto;
    margin-bottom: 1rem;
}

#password form .form-control-label{
    padding-left: 0;
}

div.glogin div.customGPlusSignIn{
    display: flex;
}
div.glogin div.customGPlusSignIn .buttonText{
display: flex;
    align-items: center;
    justify-content: space-between;
}
div.glogin div.customGPlusSignIn svg{
    margin-right: .5rem;
}
a.label{
    text-decoration: none;
}
a.label:hover{
    text-decoration: underline;
}
.back svg{
        transform: rotate(180deg);
}

#cart .breadcrumb{
    display: none;
}
#cart .remove-from-cart span svg{
    fill: var(--navy);
    width: 20px;
    opacity: .4;
}
#cart .remove-from-cart:hover span svg{
opacity: 1;
}
#cart .product-line-info label{
    font-weight: 600;
}

#cart .cart-summary{
    border: 3px solid var(--blue);
    padding: 2rem;margin-top: 0rem;
    width: 100%;
}
.cart-summary-line:not(:last-child) {
    margin-bottom: 1rem;
}
.product-line-grid{
    padding: 1rem;
        gap: 1rem;
}
#cart .card-block {
    padding: 1rem 0 0rem;
}
#cart .product-line-grid-right .price{
    margin-top: 1rem;
}
.card-block {
    padding: 2.25rem 0 0rem;
}

.cart-summary-line .label, .cart-summary-line .value {
    font-size: 1rem;
}
.cart-summary .card-block {
    padding: 0rem 1.25rem 0rem;
}
.cart-summary-line .label {
    padding-left: 0;
    font-weight: 400;
    white-space: inherit;
}
.cart-summary-line .value {
    float: right;
    font-weight: 600;
    color: var(--navy);
}
.cart-grid.row {
    max-width: 1170px;
    margin: 0 auto;
    margin-bottom: 4rem;
}
.card-block.cart-summary-totals .cart-summary-line.cart-total {
    padding: 1rem 0;
}
.card-block.cart-summary-totals .cart-summary-line:last-child {
    margin-bottom: 0;
}
.card-block.cart-detailed-subtotals+.cart-summary-totals .cart-total {
    border-top: 1px solid #ddd;
}
.block-promo {
    margin-bottom: 0rem;
}
.block-promo .promo-code-button {
    display: block;
    padding: 0 0 0;
    text-align: center;
}
.block-promo .collapse, .cart-summary-products .collapse {
    display: none;
}
.block-promo .collapse.in, .cart-summary-products .collapse.in {
    display: block;
}
.block-promo .promo-code {
    padding: 1rem 1rem 0;
 text-align: center;
}

.block-promo .promo-code-button.cancel-promo[aria-expanded=true] {
    display: block;
    padding: 0;
    margin-top: 1rem;
}
.block-promo .promo-code-button.cancel-promo {
    margin-bottom: 0;
    /* color: var(--ciel); */
    font-size: 12px;
}
.block-promo .promo-code .alert-danger {
    position: relative;
    display: none;
    margin-top: 1.25rem;
    color: #fff;
    background: #ff4c4c;
}
.alert.alert-danger {
    background-color: #ff4c4c !important;
    color: #fff;
    padding: .75rem;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    border-radius: 4px;
}
p.send-renew-password-link {
    font-size: 14px;
    text-align: center;
    margin-top: 1rem;
}
.alert {
    font-size: .8125rem;
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}

.checkout.cart-detailed-actions .btn-primary {
    width: 100%;
    text-align: center;
    text-decoration: none;
}

.js-cart-line-product-quantity::-webkit-inner-spin-button,
.js-cart-line-product-quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.js-cart-line-product-quantity {
    -moz-appearance: textfield;
}



.promo-code-button a{
    text-decoration: none;
    opacity: .7;
    font-size: 14px;
    color: var(--navy);
}
.promo-code-button a:hover{
    opacity: 1;
    text-decoration: underline;
}
.bootstrap-touchspin .input-group-btn-vertical {
    background: none;
    position: absolute;
    top: 9px;
    right: 8px;
    width: 30%;
    text-align: center;
}
#cart .js-cart-line-product-quantity{
    height: 3rem;
}

#cart .input-group.bootstrap-touchspin{
  width: 90px;;
}
.bootstrap-touchspin {
    position: relative;
}
 


.product-quantity {
    margin-right: 2rem;
}
#quantity_wanted{
    width: 90px;
}
.product-add-to-cart .qty > div{
    position: relative;
}
.input-group-btn-vertical {
    position: absolute;
    display: flex;
    top: 4px;
    flex-direction: column;
    right: 10px;
}
.input-group-btn-vertical button.btn{
background: none;
    padding: 0 10px;
    color: var(--navy);
    border: none;
    line-height: 0;
    display: flex;
    height: 18px;
    /* position: relative; */
    align-items: center;
    justify-content: center;
}
.input-group-btn-vertical button.btn .material-icons{
        font-size: inherit;
}
.btn-touchspin .touchspin-up::before {
    content: "+"; 
    font-size: 18px; /* ajuste si besoin */
    font-weight: 600;
    color: var(--navy); opacity: .5;
    display: inline-block;
    line-height: 1;
          text-transform: initial;
    font-weight: 100;
    font-style: normal;
}
.btn-touchspin .touchspin-down::before {
    content: "-"; 
    font-size: 18px; /* ajuste si besoin */
    font-weight: 600;
    color: var(--navy);opacity: .5;
    display: inline-block;
    line-height: 1;
          text-transform: initial;
    font-weight: 100;
    font-style: normal;
}
.btn-touchspin .touchspin-up:hover::before,
.btn-touchspin .touchspin-down:hover::before{
    opacity: 1;
}

#quantity_wanted::-webkit-inner-spin-button,
#quantity_wanted::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#quantity_wanted {
    -moz-appearance: textfield;
}

.product-line-grid-body .btn-custom{
        display: inline-block;
    width: auto;
    position: relative;
    color: var(--blue);
}
.product-line-grid-body>.product-line-info>.label {
    padding: 0;
    font-weight: 600;
    line-height: inherit;
    text-align: left;
    white-space: inherit;
}

.product-line-grid-body, .price, .product-line-grid-right .row > div {
        display: flex;
    flex-direction: column;
    justify-content: center;
}
.product-line-grid-body:nth-child(2) {
    justify-content: flex-start;
    margin-top: .25rem;
}

.product-line-grid-body button {
    margin-top: 1rem;
}

li.cart-item {
    margin-bottom: 0rem;
}

.cart-container{
   
}
.cart-summary{
    border: 2px solid var(--navy);
    padding: 2rem; 
    margin: 0rem 0 0 0;
    border-radius: 14px;
    box-shadow: var(--shadow1);
}
.cart-grid-body > a {
    display: none;
    color: var(--greyBlue);
}
 

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10509999;
    display: none;
    outline: 0;
}
.modal, .modal-open {
    overflow: hidden;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -5%);
    transform: translate(0, -5%);
}
.modal-dialog {
    max-width: 600px;
    margin: 30px auto;
}
.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}
.customization-modal .modal-title{
    margin-top: 1rem;
    margin-bottom: .5rem;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid var(--ciel);
}
span.configurator-detail-step-name {
    font-weight: 600;
}
.wk-customization-option-modal .modal-body {
    overflow: auto;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.fade.in {
    opacity: 1;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background-color: #000;
}
.modal-backdrop.in {
    opacity: .5;
}
#cart.modal-open #content-wrapper{
    z-index: inherit;
}
#cart .modal-header button {
    border: 0;
    background: no-repeat;
    position: absolute;
    right: 10px;
    font-size: 1.5rem;
    top: 13px;
}


.wk_custom_product_option_btn_mod{
        padding: 0.25rem;
    font-size: 13px;
}

.wk-customization-option-modal .modal-title{
    font-size: 14px;
    margin: 0.5rem 0 0 0;
}
body#checkout .alert.alert-danger{
    width: auto;
    display: flex;
    flex-direction: column;
}
body#checkout #order-summary-content{
    display: none;
}
body#checkout .ps-shown-by-js button.btn{
    padding: 1rem 3rem!important;
}
body#checkout section.checkout-step {
    padding: 0 0;
    background-color: #fff;
}
body#checkout section.checkout-step.-complete:first-of-type .step-title {
    padding-top: .625rem;
}
body#checkout section.checkout-step.-current .step-title {
    cursor: default;
}
body#checkout section.checkout-step .step-title {
    padding-bottom:  .5rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 1px solid var(--ciel);
}
body#checkout section.checkout-step .step-title::after {
    margin: 0 .5rem;
    color: var(--blue);
    margin-right: 0.15rem;
    font-size: 34px;
    content: "~";
}

body#checkout section.checkout-step .content, body#checkout section.checkout-step .done, body#checkout section.checkout-step .step-edit, body#checkout section.checkout-step.-current.-reachable.-complete .done, body#checkout section.checkout-step.-current.-reachable.-complete .step-edit, body#checkout section.checkout-step.-reachable.-complete h1 .step-number {
    display: none;
}
.page-not-found .search-widget form, .search-widget, body#checkout section.checkout-step.-reachable.-complete h1 .done {
    display: inline-block;
}
.done {
    display: inline-block;
    padding-left: .8125rem;
 
    color: #26c281;
}


body#checkout section.checkout-step.-current.-reachable.-complete .step-number, body#checkout section.checkout-step.-reachable.-current .step-number {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
body#checkout section.checkout-step .content, body#checkout section.checkout-step .done, body#checkout section.checkout-step .step-edit, body#checkout section.checkout-step.-current.-reachable.-complete .done, body#checkout section.checkout-step.-current.-reachable.-complete .step-edit, body#checkout section.checkout-step.-reachable.-complete h1 .step-number {
    display: none;
}
body#checkout section.checkout-step.-reachable.-current .step-number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    margin-right: .45rem;
    margin-left: .95rem;
    font-size: 1rem;
    color: #fff;
    vertical-align: middle;
    background-color: #26c281;
    border: 0;
    border-radius: 50%;
}
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
    float: right;
    margin-top: 1rem;
    margin-right: .125rem;
    font-weight: 100;
    color: var(--navy) !important;
    cursor: pointer;
    font-style: italic;
}
.step-edit.text-muted i{
    display: none;
}
#checkout-personal-information-step .content{
    text-align: center;
}
#checkout-personal-information-step .content .identity{
    margin-bottom: .5rem;
}
#checkout-personal-information-step .continue.btn-primary{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
body#checkout section.checkout-step .step-edit {
    font-weight: 500;
    text-transform: lowercase;
}
.text-muted {
    font-size: .875rem;
}
.text-muted {
    color: #7a7a7a !important;
}

body#checkout section.checkout-step .not-allowed, body#checkout section.checkout-step.-unreachable .step-title {
    cursor: not-allowed;
    opacity: .5;
}

body#checkout section.checkout-step .step-number {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    margin-right: 1rem;
    margin-left: .5rem;
    font-size: 1rem;
    vertical-align: middle;
    border: 1px solid #232323;
    border-radius: 50%;
}

.js-payment-binary.disabled .accept-cgv, body#checkout section.checkout-step.-current .content, body#checkout section.checkout-step.-current.-reachable.-complete .content {
    display: block;
}

body#checkout section.checkout-step .content {
    padding: 0 1.313rem;
    padding-top: 1rem;
}

body#checkout  section.checkout-step#checkout-payment-step .content{
    padding: 0 0rem;
}

#checkout-personal-information-step form{
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.done svg {
    width: 40px;
    height: 40px;
}
.done svg path {
    fill: #26c281;
}
body#checkout section.checkout-step .address-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: column;
}

body#checkout section.checkout-step .address-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    margin-bottom: .625rem;
    background: #f6f6f6;
    width: 100%;
    border: 3px solid transparent;
}

body#checkout section.checkout-step .address-item.selected {
    background: #fff;
    border: 1px solid var(--blue);
    border-radius: 4px;
}
body#checkout section.checkout-step .radio-block {
    padding: .9375rem;
    text-align: left;
    cursor: pointer;
}
body#checkout .js-address-form .btn-primary-cta{
    margin: 2rem 1rem 1rem;
}

body#checkout section.checkout-step .address-footer {
    padding: .625rem;
    text-align: center;
    padding-top: 0;
    margin-top: -.25rem;
}
body#checkout section.checkout-step .delete-address, body#checkout section.checkout-step .edit-address {
    display: inline-block;
    margin: 0 .3125rem;
    color: #7a7a7a;
}

body#checkout .address {
    margin: 1rem;
}

body#checkout .edit svg{
        width: 18px;
    height: 18px;
    fill: var(--navy);
}

body#checkout .add-address svg{
    width: 24px;
    height: 24px;
    margin-right: .25rem;
    fill: var(--navy);
}
.js-address-form .clearfix{
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
body#checkout section.checkout-step .delivery-options .delivery-option, body#checkout section.checkout-step .delivery-options .delivery-option .carrier, body#checkout section.checkout-step .delivery-options .delivery-option label>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: center;
    /*justify-content: space-between;*/
}
body#checkout #delivery {
    display: none;
}
body#checkout section.checkout-step .delivery-options .delivery-option label {
    min-height: 80px;
    cursor: pointer;
    padding: 1rem 0 1rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid var(--ciel);
    position: relative;
}
body#checkout .carrier.carrier-hasLogo img {
    max-width: 40px;
}
body#checkout section.checkout-step .delivery-options .row > .col-sm-1{
        position: absolute;
    left: 0px;
    top: 12px;
} 
body#checkout section.checkout-step .delivery-options .col-sm-5.col-xs-12,
body#checkout section.checkout-step .delivery-options .col-sm-4.col-xs-12{
    text-align: center;
}
body#checkout section.checkout-step .delivery-options .carrier-delay{
    text-align: center;
    margin-bottom: 1rem;
}
body#checkout section.checkout-step .delivery-options .col-sm-2.col-xs-12{
        margin-bottom: 1rem;
}
body#checkout .carrier-price{
    font-weight: 500;
}
#checkout-delivery-step .content{
    margin-top: 1rem;
}

body#checkout section.checkout-step .carrier-delay, body#checkout section.checkout-step .carrier-name {
    display: inline-block;
    margin-bottom: 0;
    text-align: left;
    word-break: break-word;
}
body#checkout .delivery-option .custom-radio{
    margin-right: .5rem;
}
.h6, body#checkout section.checkout-step .add-address a i, h6 {
    font-size: .9375rem;
}
.h5, .h6 {
    font-weight: 700;
    color: inherit;
}
body#checkout .label,body#checkout label {
    font-size: .875rem;
    color: var(--navy);
}

body#checkout #delivery textarea, body#checkout #gift_message textarea {
    max-width: 100%;
    margin-bottom: 10px;
}

body#checkout .delivery-options-list .footer {
    margin: 1rem 0 2rem;
    text-align: center;
}

body#checkout .ps-shown-by-js{
    text-align: center;
}
body#checkout .ps-shown-by-js button{
    margin: 2rem 0;
    min-width: 170px;
    min-height: 3rem;
}
body#checkout .breadcrumb{
    display: none;
}
#cta-terms-and-conditions-0{
    margin: 0 .25rem;
        color: var(--navy);
}
#payment-option-1-additional-information > p{
    opacity: 0.5;
    font-size: 14px;
}
body#checkout .cart-grid-right .card .cart-summary-subtotals-container {
    padding: 1rem 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
 body#checkout .card-block {
    padding: 1.25rem 1.25rem 0rem;
}
 body#checkout .card-block h4{
        color: var(--navy);
    font-size: 18px;
}
body#checkout  .reassurance {
        margin-top: 5rem;
    }
#product #block-reassurance span, .card-block.cart-summary-totals .cart-summary-line.cart-total .label, .card-block.cart-summary-totals .cart-summary-line.cart-total .value {
    font-weight: 700;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
 body#checkout .media-list .media-left{
    display: block;
 }
 body#checkout .media-list img{
    border-radius: 8px;
 }
 body#checkout .media-list .product-name{
    font-size: 12px;
 }
  body#checkout .media-list .product-price{
    display: none;
  }
/*
.custom-radio:before {
    top: 3px;
}*/

#checkout #delivery-addresses {
    padding: 2rem 1rem;
}


.remove-from-cart:hover svg{
    transform: rotate(90deg);
}

li.cart-item:not(:last-child) {
    margin-bottom: 2rem;
    border-bottom: 1px solid rgb(218 225 231 / 25%);
}

li.cart-item .product-line-info {
    font-size: 14px;
}
li.cart-item .product-line-info.taille,
li.cart-item .product-line-info.couleur {
    font-size: 13px;
}


.payment-options > div{
    margin:   1rem;
}

.payment-options label{
    cursor: pointer;
}
.payment-options {
    margin-top: 1rem;
}
.payment-options .additional-information{
    margin-top: 1rem;
}
 #conditions-to-approve{
    margin-top: 1rem;
}
 #conditions-to-approve div,
  #conditions-to-approve label{
       display: flex;
    justify-content: flex-start;
 }
 .payment-option label img[src*="lyra"]{
    float: none;
 }

body#checkout .modal-content {
    padding: 2rem;
}
body#checkout .modal-content button {
    border: 0;
    background: no-repeat;
    position: absolute;
    right: 20px;
    font-size: 1.5rem;
    top: 8px;
}


body#checkout .nav-inline .nav-item {
    display: inline-block;
}
#mobile_top_menu_wrapper .top-menu, .nav-item .nav-link.active, .nav-item .nav-separtor.active, .page-addresses .address .address-footer a:hover, body#checkout, body#checkout section.checkout-step .add-address a {
   color: var(--blue);
}
.nav-item .nav-link, .nav-item .nav-separtor {
    font-weight: 600;
     color: var(--navy);
}
#customBtndisplayCustomerLoginFormAfter{
    margin-bottom: 2rem;
}
.nav-inline .nav-item+.nav-item, .nav-inline .nav-link+.nav-link {
    margin-left: 1rem;
}

#checkout #search_widget, #mobile_top_menu_wrapper .top-menu .collapse-icons .remove, #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded=true] .add, .tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}
#checkout-personal-information-step .tab-content .box-s {
     max-width: 550px;
         margin: 0 auto;
}
#checkout-personal-information-step .tab-content .box-s form{
    text-align: left;
    max-width: 550px;
    padding: 0 2rem;
}
#checkout-personal-information-step .tab-content .box-s .forgot-password a{
    text-decoration: none;
    font-size: 12px;
    opacity: .7;
    color: var(--navy);
    text-align: right;
    font-weight: 300;
    display: block;
    padding-right: 1rem;
}
#checkout-personal-information-step .tab-content .box-s .forgot-password a:hover{
    text-decoration: underline;
}
#checkout-personal-information-step .tab-content form footer{
    text-align: right;
}
#checkout .alias{
    display: none;
}
#checkout-personal-information-step .nav.nav-inline.my-2{
    margin-top: 2rem;
    text-align: center;
    margin-bottom: 2rem;
}

#order-confirmation .h1.card-title{
    border: 2px solid var(--cielLight);
    padding: 1rem 2rem;
    border-radius: 4px;
    margin-top: 2rem;
}

#order-confirmation .h1, #order-confirmation p{
    text-align: center;

    display: inline-block;
    margin: 0 auto 2rem;
}
 #order-confirmation p{
    display: block;
}
 #order-confirmation .card-block{
    padding: 0;
    text-align: center;
}

#order-confirmation #order-items {
    display: none;
}
#order-confirmation #order-details{
    margin: 1rem auto;
    text-align: center;
}
#order-confirmation #order-details h3{
    display: none;
}
#order-confirmation #order-reference-value{
    font-weight: 600;
}
#order-confirmation .h1 svg {
    width: 40px;
    height: 40px;
}
#order-confirmation .h1 svg path {
    fill: #26c281;
}

.promo-code input.promo-input {
    /* border: 3px solid #dae1e7; */
    /* padding: .5rem 1rem; */
    margin: 0rem 0 1rem;
 
}
.promo-code .btn.btn-primary{
    width: auto;
    min-width: auto;
    font-size: 14px;
    padding: 0rem 2rem !important;
    min-height: 34px;
}
.promo-code button{

}

span.d-block.js-terms {
    padding: 1rem 0;
    /* text-decoration: none; */
}

#checkout .header-nav .row {
    position: relative;
    height: 110px;
    padding: 0;
}

#checkout #logoTunnel{
    display: flex;
    align-items: center;
}


body#checkout section.checkout-step.-complete:first-of-type .step-title,
body#checkout #checkout-personal-information-step {
    padding-top: 0rem;
}



div#cart-subtotal-shipping {
    margin-bottom: 1rem;
}

#cart .cart-container h1{
    text-align: center;
}

#cart .no-items{
    display: block;
    margin-bottom: 1rem;
}

#cart .cart-container h1::after {
    margin: 0 .25rem;
    color: var(--blue);
    font-size: 24px;
    line-height: 23px;
    content: "~";
}
.card.cart-summary .quote {
    margin-bottom: 1rem;
}
.card.cart-summary .quote a{
    font-size: 13px;
}
.card.cart-summary .add-to-cart{
    padding: .75rem 1rem !important;
}

.label{
    color: var(--navy);
}

    #alma-widget-payment-plans-main-container {
        border: none;
    }

.cart-grid-right {
    padding: 0 15px ;
}

#checkout h1{
    margin: 0;
}

#checkout span.custom-checkbox {
    margin-left: 1rem;
}

#checkout .js-modal-content h2{
    margin-top: 2rem;
}
#checkout .js-modal-content h3{
    font-size: 1rem;
}
#checkout .js-modal-content ul,
#checkout .js-modal-content li{
    color: var(--navy);
}

.no-items{
    text-align: center;
}
.card.cart-summary .add.btn-primary-cta{
     text-align: center;
}

#checkout .pp__d-table-cell{
    display: inline-block!important;
    margin-left: 8px;
}
#checkout span[paypal-mark-container] {
    display: inline-block!important;
}

#predict {
	background: none !important;
}

/*
#checkout .ps-hidden{
    display: none;
}*/

#checkout .dpdfrance_lignepr {
    height: 70px;
}

/* Mobile First */
/* Custom Mobile */
@media (min-width: 576px) { /* xs */

    .product-line-grid{
        gap: 0rem;
    }

    #alma-widget-payment-plans-main-container {
        margin-top: 2rem;
    }
    .page-customer-account #content .no-account a{
        padding: 1rem 2rem !important;
    }

}
@media (min-width: 768px) { /* sm */

    .cart-grid-right {
        padding: 0 0px ;
    }
    #main .page-header{
        margin: 2rem auto 1rem;
    }

}
/* Start Desktop */
@media (min-width: 992px) { /* lg */
    
    body#checkout  section.checkout-step#checkout-payment-step .content{
        padding: 0 1.313rem;
    }

    #cart .cart-grid-body{
        display: flex;
        flex-direction: column;
    }
    #cart .card.cart-container > .separator:first-of-type {
        margin-bottom: 3rem;
    }

    #checkout h1{
        margin: 1rem;
    }
    #checkout span.custom-checkbox {
        margin-left: 2rem;
    }
    body#checkout section.checkout-step.-complete:first-of-type .step-title,
    body#checkout #checkout-personal-information-step {
        padding-top: 1.625rem;
    }

    #cart .block-promo{
        margin-bottom: 1rem;
    }
    #cart .cart-container h1{
        text-align: left;
    }
    #cart .cart-summary{
        margin-top: 1rem;
        padding: 2.5rem 3rem 3rem;
    }
    #cart .product-line-grid-right .price{
        margin-top: 0rem;
    }

    li.cart-item {
        margin-bottom: 2rem;
    }

    .logoH {
        top: 11px;
    }
    .payment-options .payment-option > label > span:not(:first-of-type) {
        font-size: 1rem;
    }
    #payment-option-1-container label img{
        margin-left: .5rem;
    }
    .page-customer-account #content .no-account a{
        font-size: 18px;
    }
    #checkout #content-wrapper{
        margin-top: 1rem;
    }
    #checkout .js-show-details{
            margin-bottom: 1rem;
        display: block;
        font-size: 14px;
    }

    #checkout .header-nav {
        height: 110px;
        align-items: flex-start;
    }


    .table {
        display: table!important;   
    }
     .page-customer-account #content {
        max-width: 60%;
    }
    #main .page-header{
        margin: 0 auto ;
    }
    .text-xs-right{
        display: block;
    }
 
    .form-group {
        margin-bottom: .5rem;
        width: 70%;
    }
    .page-registration .form-group, 
    .page-customer-account .form-group,
    #checkout .form-group
    {
        width: 100%;
    }
    .page-order-detail .form-control-submit{
        text-align: left;margin: 0;
    }
    .page-order-detail .box{
        max-width: 70%;
        padding: 2rem;
    }
    #submit-login {
        width: 90%;
    }
    #registration footer button,
    #identity footer button,
    #address footer button
    {
        margin-top: 1rem;
        width: 45%;
    }
    .checkbox span {
        width: 90%;
    }
    /*    */
    .register-form form > .row > .col-sm-6:nth-child(2),
    .page-customer-account form > .row > .col-sm-6:nth-child(2),
     #checkout form > .row > .col-sm-6:nth-child(2){
        margin-right: 0;
        padding-right: 0;
    }
    .register-form form > .row > .col-sm-6:nth-child(3),
    .page-customer-account form > .row > .col-sm-6:nth-child(3),
    #checkout form > .row > .col-sm-6:nth-child(3)
    {
        margin-left: 0;
        padding-left: 0;
    }

    #my-account .page-content > .links{
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 3rem;
    }
    .page-customer-account #content .forgot-password {
        margin-top: -0.5rem;
    }
    .page-customer-account #main .page-header h1 {
        font-size: 2rem!important;
        padding: 0;
    }
    .page-customer-account #content .box-s{    padding: 1rem 4rem;}


    .page-customer-account #content
     {
        max-width: 560px;
    }
    #addresses #content-wrapper,
    #discount.page-customer-account #content {
        max-width: 70%;
        margin: 0 auto;
    }
    .cart-grid-body > a {
       /* display: block; */
    }
    #cart .cart-grid-right{
        display: initial;
        /* align-items: center; */
        /* justify-content: center; */
        /* flex: 0 0 360px; */
        /* max-width: 360px; */
        align-self: stretch;
    }
    .cart-summary-container{
        position: sticky;
        top: 180px;
    }


    .card-block {
        padding: 2.25rem 1.25rem 0rem;
    }
    .wk-customization-option-modal .modal-title{
        font-size: initial;
        margin: initial;
    }
    #cart .modal-header button{
        border: 0;
        background: no-repeat;
        position: absolute;
        right: 20px;
        font-size: 1.5rem;
        top: 8px;
    }
    body#checkout  #header {
        height: 104px;
    }
    body#checkout section.checkout-step .step-title {
    padding-bottom: 1.25rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    }
    body#checkout section.checkout-step {
        padding: .625rem;
    }
    body#checkout section.checkout-step.-reachable.-complete h1 .step-edit{
        display: block;
        opacity: .5;
    }
    body#checkout section.checkout-step {
        padding: .625rem 0;
    }
    #checkout-personal-information-step form{
        text-align: right;
        margin-top: 0rem;margin-bottom: 0;
    }
    body#checkout section.checkout-step .content {
        padding: 1rem 2.313rem 0;
    }
    #checkout #delivery-addresses {
        padding: 2rem 0rem;
    }

    body#checkout section.checkout-step .address-selector {
            flex-direction: row;
    }
    .js-address-form .clearfix{
        text-align: right;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }
    #address .js-address-form .clearfix{
         text-align: center;
    }
    body#checkout section.checkout-step .delivery-options .row > .col-sm-1 {
        position: relative;
        top: -2px;
    }
    body#checkout section.checkout-step .delivery-options .col-sm-5.col-xs-12,
    body#checkout section.checkout-step .delivery-options .col-sm-4.col-xs-12{
        text-align: left;
    }
    body#checkout section.checkout-step .delivery-options .carrier-delay{
        text-align: left;
        margin-bottom: 0;    font-size: 13px;
    }
    body#checkout section.checkout-step .delivery-options .col-sm-2.col-xs-12{
            margin-bottom: 0;
    }
    body#checkout .delivery-options-list .footer {
        margin: 1rem 0;
        text-align: right;
    }
    .payment-options {
        margin-top: 2rem;
        margin-bottom: 2rem;
        padding-left: 1rem;
    }
    #payment-option-1-container img{
            margin: 0 auto;
        display: inline-block;
    }
}
@media (min-width: 1200px) { /* xl */

    #my-account .page-content > .links{
        max-width: 70%;
    }
}
@media (min-width: 1400px) { /* xxl */
}