/*-------------------------------------------------------------*/
/* Set up */
/*-------------------------------------------------------------*/
/* small : 384 /medium : 675 /large : 1056 / xlarge : 1312 / max : 1584 */

/*--------------------------------------------------------*/
/*Reset*/
/*--------------------------------------------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
footer{font-weight: 400;}

/*--------------------------------------------------------*/
/*Arrows*/
/*--------------------------------------------------------*/
.arrow{border:solid #000;border-width:0 1px 1px 0;display:inline-block;padding:3px; -webkit-transition: 300ms ease all;-moz-transition: 300ms ease all;-o-transition: 300ms ease all;transition: 300ms ease all;}.arrow.right{margin-right: 3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.arrow.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.arrow.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.arrow.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}

/*--------------------------------------------------------*/
/*Close cross*/
/*--------------------------------------------------------*/
.close-cross{
    position: relative;
    cursor: pointer;
}
.close-cross:before, .close-cross:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 13px;
    width: 2px;
    background-color: #000;
}
.close-cross:before {transform: rotate(45deg);}
.close-cross:after {transform: rotate(-45deg);}

/*--------------------------------------------------------*/
/*gloabl loader*/
/*--------------------------------------------------------*/
body.loading:after{
    content: ' ';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
    z-index: 99;
}
.lds-ring-loading{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lds-ring {
    /* change color here */
    color: #1c4c5b
}
.lds-ring,
.lds-ring div {
    box-sizing: border-box;
}
.lds-ring {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    margin: 5px;
    border: 5px solid currentColor;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: currentColor transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------*/
/*Checkbox*/
/*--------------------------------------------------------*/
.checkbox {
    display: flex;
    align-items: center;
}
.checkbox input {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0;
}
.checkbox label {
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin-left: 10px;
    user-select: none;
}
.select-colors .checkbox label {
    font-size: 15px;
}
.product-page .parure .parure-bloc .select-colors .checkbox label,
.modify-container .select-colors .checkbox label{
    font-size: 13px;
}
.nice-select .list {
    overflow-y: auto;
}
.checkbox .state {
    width: 15px;
    height: 15px;
    position: relative;
    border: 1px solid #D8D8D8;
}
.checkbox .state.hiddenChekbox{
    display: none;
}
.toradio .checkbox .state {
    cursor: pointer;
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background-color: #fff;
    border: solid 1px rgba(0,0,0,0.7);
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.checkbox.rounded.active .state {
    border: 2px solid #4D716C;
}
b.green{
    color:#4D716C;
}
.checkbox .check:after,
.checkbox .check:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.checkbox .check:before {
    background-color: #fff;
}
.checkbox.rounded .check.active:before {
    width: 78%;
    height: 78%;
    margin: 10% 0 0 10%;
}
.checkbox:not(.tick) input:checked ~ .check:after, .checkbox:not(.rounded) .check.active:after {
    background-color: #4D716C;
}
.checkbox:not(.rounded).tick input:checked ~ .check:after {
    content: 'L';
    font-family: arial;
    -ms-transform: scaleX(-1) rotate(-35deg);
    -webkit-transform: scaleX(-1) rotate(-35deg);
    transform: scaleX(-1) rotate(-42deg);
    font-size: 24px;
    top: -7px;
    left: 5px;
}
.checkbox.rounded .check {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #2C4542;
    opacity: 0;
    top: 2px;
    left: 2px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.filters .colors .checkbox.rounded .check {
    width: 15px;
    height: 15px;
    background-color: #fff;
    opacity: 1;
    top: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
}
.checkbox.rounded.tick input:checked ~ .check{
    opacity: 1;
}

.checkbox.rounded {
    align-items: center;
}
.checkbox.rounded .state {
    border-radius: 50%;
}
.checkbox.rounded .check:after,
.checkbox.rounded .check:before{
    border-radius: 50%;
}

.nice-select .checkbox .state {
    width: 30px;
    height: 30px;
}

.delivery .checkbox.rounded .state{
    width: 14px;
    height: 14px;
    border: solid 1px #2C4542;
    background-color: #ffffff;
}
.delivery .checkbox.rounded .state .check:before{
    background-color: #2C4542;
}

/*--------------------------------------------------------*/
/*Radiorounded*/
/*--------------------------------------------------------*/
.radiorounded {
    cursor: pointer;
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background-color: #fff;
    border: solid 1px rgba(0,0,0,0.7);
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.toggled-content-delivery .radiorounded {
    margin-right: 0;
}

.radiorounded.radioroundedchecker {
    width: 30px;
    height: 30px;
    border: none;
}

.radiorounded.radioroundedchecker.radioroundedactiv {
    border: solid 1px #2C4542;
}

.radiorounded input[type=radio],
.radiorounded .span-input {
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}
.radiorounded .span-input {
    border: 1px solid #808080;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: none;
    box-sizing: border-box;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}

.radiorounded input[type=checkbox] {
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

.radiorounded label,
.radiorounded .span-label {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.radiorounded label:after,
.radiorounded .span-label:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #2C4542;
    opacity: 0;
    top: 2px;
    left: 2px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.radiorounded:hover {
    border: solid 1px #2C4542;
}

.radiorounded input[type=radio]:checked + label:after,
.active .radiorounded .span-label:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}


/*--------------------------------------------------------*/
/*Pastilles couleurs*/
/*--------------------------------------------------------*/
.checkbox.rounded.jaune .check::before, .checkbox.rounded.gelb .check::before{background: #FECB5E;}
.checkbox.rounded.beige .check::before{background: #E9DFD5;}
.checkbox.rounded.blanc .check::before, .checkbox.rounded.weiss .check::before{background: #ffffff;}
.checkbox.rounded.bleu .check::before, .checkbox.rounded.blau .check::before{background: #416592;}
.checkbox.rounded.gris .check::before, .checkbox.rounded.grau .check::before{background: #BFBFBF;}
.checkbox.rounded.marron .check::before, .checkbox.rounded.braun .check::before{background: #A0543C;}
.checkbox.rounded.orange .check::before{background: #E77336;}
.checkbox.rounded.rose .check::before, .checkbox.rounded.rosa .check::before{background: #FCBBBB;}
.checkbox.rounded.rouge .check::before, .checkbox.rounded.rot .check::before{background: #D83F3F;}
.checkbox.rounded.vert .check::before, .checkbox.rounded.gruen .check::before{background: #779B53;}
.checkbox.rounded.violet .check::before, .checkbox.rounded.lila .check::before{background: #B78DE1;}
.checkbox.rounded.noir .check::before, .checkbox.rounded.schwarz .check::before{background: #000;}
.checkbox.rounded.multicolore .check::before, .checkbox.rounded.bunt .check::before{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4edff+0,ffbdb8+50,fef098+99 */
    background: #b4edff; /* Old browsers */
    background: -moz-linear-gradient(top,  #b4edff 0%, #ffbdb8 50%, #fef098 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #b4edff 0%,#ffbdb8 50%,#fef098 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #b4edff 0%,#ffbdb8 50%,#fef098 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4edff', endColorstr='#fef098',GradientType=0 ); /* IE6-9 */
}
.text-color-gold{
    color: #c6650a;
}



/*--------------------------------------------------------*/
/*Tooltips*/
/*--------------------------------------------------------*/
.sizes {
    position: relative;
}
.tooltiptext {
    width: 300px;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    border-radius: 6px;
    padding: 15px 0;
    position: absolute;
    z-index: 1;
    top: 111%;
    left: 50%;
    margin-left: -150px;
    background-color: #FFFFFF;
    color: #AE2626;
    font-weight: 500;
    border: solid 2px #AE2626;
}
.tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #AE2626 transparent;
}

/*--------------------------------------------------------*/
/*Loader*/
/*--------------------------------------------------------*/
.lds-ellipsis {
    width: 60px;
    /*height: 100%;*/
    position: relative;
    margin: auto;
    display: none;
}
.lds-ellipsis div {
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.cta-white .lds-ellipsis div,
.cta-light .lds-ellipsis div,
.cta-transparent .lds-ellipsis div {
    background: #2D2D2D;
}
.exclusive .lds-ellipsis {
    height: auto;
}
.exclusive .lds-ellipsis div {
    background: #2D2D2D;
}
.lds-ellipsis div:nth-child(1) {
    left: 5px;
    animation: lds-ellipsis 0.6s infinite;
    animation-delay: 0s;
}
.lds-ellipsis div:nth-child(2) {
    left: 25px;
    animation: lds-ellipsis 0.6s infinite;
    animation-delay: 0.1s;
}
.lds-ellipsis div:nth-child(3) {
    left: 45px;
    animation: lds-ellipsis 0.6s infinite;
    animation-delay: 0.2s;
}

@keyframes lds-ellipsis{
    0% {
        top: 0;
    }
    100%{
        top: -10px;
    }
}

/*--------------------------------------------------------*/
/*Loader Huuuuuge*/
/*--------------------------------------------------------*/
.lds-ellipsis-big {
    width: 240px;
    /*height: 100%;*/
    position: relative;
    margin: auto;
    display: none;
    top: 45%;
}
.lds-ellipsis-big div {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.cta-white .lds-ellipsis-big div,
.cta-light .lds-ellipsis-big div,
.cta-transparent .lds-ellipsis-big div {
    background: #2D2D2D;
}
.exclusive .lds-ellipsis-big {
    height: auto;
}
.exclusive .lds-ellipsis-big div {
    background: #2D2D2D;
}
.lds-ellipsis-big div:nth-child(1) {
    left: 20px;
    animation: lds-ellipsis-big 0.6s infinite;
    animation-delay: 0s;
}
.lds-ellipsis-big div:nth-child(2) {
    left: 100px;
    animation: lds-ellipsis-big 0.6s infinite;
    animation-delay: 0.1s;
}
.lds-ellipsis-big div:nth-child(3) {
    left: 180px;
    animation: lds-ellipsis-big 0.6s infinite;
    animation-delay: 0.2s;
}

@keyframes lds-ellipsis-big{
    0% {
        top: 0;
    }
    100%{
        top: -10px;
    }
}


/*--------------------------------------------------------*/
/*Forms*/
/*--------------------------------------------------------*/
.form-title{
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-bottom: 25px;
}

.form-title2{
    font-size: 15px;
    font-weight: 600;
    display: block;
}
input:not([type=submit]){
    padding: 10px 15px;
    border: 1px solid #808080;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: none;
    box-sizing: border-box;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}
textarea{
    padding: 10px 15px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: none;
    box-sizing: border-box;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}
input::-webkit-input-placeholder {
    color: #808080;
    transition: .3s;
}
input:-moz-placeholder {
    color: #808080;
    transition: .3s;
}
input::-moz-placeholder {
    color: #808080;
    transition: .3s;
}
input:-ms-input-placeholder {
    color: #808080;
    transition: .3s;
}
input::placeholder {
    color: #808080;
    transition: .3s;
}
input:focus::-webkit-input-placeholder {
    opacity: 0;
}

input:focus:-moz-placeholder {
    opacity: 0;
}

input:focus::-moz-placeholder {
    opacity: 0;
}

input:focus:-ms-input-placeholder {
    opacity: 0;
}
input:focus::placeholder {
    opacity: 0;
}

input.submiter{
    display: none;
}

.f_el label,
.f_el .label{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
    text-align: left;
}

.small-text-form{
    font-size: 11px;
    font-weight: 400;
    text-decoration: underline;
    display: block;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

.el-radio{
    display: flex;
    align-items: center;
}

.btn-submit{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    cursor: pointer;
    min-height: 50px;
}

form .form-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top:10px;
}
form .form-container.form-optin {
    align-items: flex-start;
}
form .form-container > div{
    width: 47%;
}
form .form-container > div input{
    width: 100%;
    border: 0;
}
form .form-container > div input[readonly]{
    opacity: .5;
}
.nice-select .current {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
}
.gender-el{
    display: flex;
}
.gender-el .el-radio{
    margin-right: 20px;
}

.f_optin{
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
}
.f_optin .el-radio{
    margin-left: 20px;
    font-weight: 400;
}
.f_optin .name{
    font-size: 14px;
    font-weight: 400;
}
.form-optin .text{
    font-size: 13px;
    line-height: 17px;
    margin-top: 15px;
    font-weight: 400;
}

#f_catalog_gender .formvalidator_error{
    margin-top: 18px;
}

input[type=submit] {
    outline: none;
}

@media screen and (max-width: 1056px){
    form .form-container{
        flex-direction: column;
    }
    form .form-container > div {
        width: 100%;
    }
}
@media screen and (max-width: 675px){
    .f_el label,
    .f_el .label{
        font-size: 15px;
    }
    .gender-el{
        font-size: 15px;
    }
}

/*--------------------------------------------------------*/
/*Perso selects*/
/*--------------------------------------------------------*/
.nice-select .option.disabled{
    display: none;
}
.nice-select .current{
    font-family: 'Montserrat', sans-serif;
}
.nice-select.w-border-bottom{
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom-color: #000;
    padding: 0 5px;
}
.nice-select.w-border-bottom .current{
    font-size: 17px;
}
.nice-select.w-border-bottom::after{
    width: 9px;
    height: 9px;
}

.nice-select.qty{
    border-color: #4A4A4A;
}
.nice-select.qty .current{
    font-size: 17px;
    font-weight: 500;
}
.nice-select.qty::after{
    width: 9px;
    height: 9px;
}
.nice-select.qty .option{
    font-size: 17px;
}
.nice-select .option:hover a {
    color: #fff;
}

.select-colors .current .checkbox label{
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50%;
}
.select-colors .option{
    padding: 3px 5px;
}
.select-colors .checkbox.rounded img{
    width: 30px;
    height: 30px;
    border-radius: 30px;
}


/*--------------------------------------------------------*/
/*CTAS*/
/*--------------------------------------------------------*/
[class^="cta-"]{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    padding: 15px 20px;
    text-transform: uppercase;
    transition: .3s;
    border: 1px solid;
    box-sizing: border-box;
    text-align: center;
    outline: none;
    cursor: pointer;
}
[class^="cta-"].rounded {
    border-radius: 50px;
}
[class^="cta-"].min-80 {
    min-width: 80%;
}
[class^="cta-"].min-90 {
    min-width: 90%;
}
[class^="cta-"].h-43 {
    height: 43px;
}

[class^="cta-"].loading,
[class^="cta-"].disabled{
    cursor: not-allowed;
}
[class^="cta-"].loading:after,
[class^="cta-"].disabled:after{
    content: ' ';
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc( 100% + 2px );
    height: calc( 100% + 2px );
    background-color: rgba(255, 255, 255, 0.4);
}
.rightpart [class^="cta-"].loading:after,
.rightpart [class^="cta-"].disabled:after{
    background-color: rgba(246, 244, 239, 0.4);
}
.cta-black{
    background-color: #2D2D2D;
    color: #fff;
    border-color: #2D2D2D;
}
.cta-black.semi{
    opacity: .5;
}
.cta-black:hover{
    background-color: #4b4b4b;
}

.cta-green{
    background-color: #2C4542;
    color: #fff;
    border-color: #2C4542;
}
.cta-green.semi{
    opacity: .5;
}
.cta-green:hover{
    background-color: #2C454275;
}
.cta-green.hover-white:hover{
    background-color: #ffffff;
    color: #000;
}
.cta-white{
    background-color: #fff;
    color: #000;
    border-color: #000;
}
.cta-white:hover{
    background-color: #000;
    color: #fff;
}
.cta-grey{
    background-color: #818181;
    color: #fff;
    border-color: #818181;
}
.cta-lightgrey{
    background-color: #a19e9e;
    color: #fff;
    border-color: #a19e9e;
    cursor: default;
}
.f_el .viewpassword .hide, .f_el .viewpassword.showed .view{display: none;}
.f_el .viewpassword .view, .f_el .viewpassword.showed .hide{display: block;}


/*--------------------------------------------------------*/
/*Forms validators*/
/*--------------------------------------------------------*/
.f_el.invalid input,.f_el.invalid select{border: solid 1px #AE2626 !important;}
.f_el .formvalidator_error{
    color: #AE2626 !important;
    margin: 5px 0;
    font-size: 10px;
    position: absolute;
    font-weight: 400;
}
.f_el#f_placeorder_accept_terms .formvalidator_error{
    margin-top: 46px;
}
body.de_DE .f_el#f_placeorder_accept_terms .formvalidator_error{
    margin-top: 65px;
}
.f_el#f_password_login .formvalidator_error{
    margin-top: 40px;
}
.drill.courrier .f_el .formvalidator_error{
    margin-top: 43px;
}
.drill.account .f_el .formvalidator_error{
    display:none !important;
}

/********************/
/*     FLEX         */
/********************/
.flex, .flexbox{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.itemcenter{align-items:center;}
.itembaseline{align-items:baseline;}
.itemend{align-items:flex-end;}
.flex1{flex: 1;}
.flex.column{flex-direction: column;}
.jc-spbw, .flex.between{justify-content: space-between;}
.jc-spard, .flex.around{justify-content: space-around;}
.jc-center, .flex.center{justify-content: center;}
.flex.end{justify-content: flex-end;}
.flex.alignstart{align-items: start;}
.flex.alignend{align-items: flex-end;}
.flex.aligncenter{align-items: center;}
.flex.alignend{align-items: flex-end;}
.items-end{align-items: end;}
.flexwrap, .flex.wrap{flex-wrap: wrap;}

.no-column-gap{
    grid-column-gap: 0;
}
.column-gap-10{column-gap: 10px;}
.column-gap-20{column-gap: 20px;}
.column-gap-30{column-gap: 30px;}
.column-gap-40{column-gap: 40px;}
.column-gap-50{column-gap: 50px;}
.column-gap-60{column-gap: 60px;}
.column-gap-70{column-gap: 70px;}
.column-gap-80{column-gap: 80px;}
.column-gap-90{column-gap: 90px;}

.row-gap-10{column-gap: 10px;}
.row-gap-20{column-gap: 20px;}
.row-gap-30{column-gap: 30px;}
.row-gap-40{column-gap: 40px;}
.row-gap-50{column-gap: 50px;}
.row-gap-60{column-gap: 60px;}
.row-gap-70{column-gap: 70px;}
.row-gap-80{column-gap: 80px;}
.row-gap-90{column-gap: 90px;}

.pos-absolute{position: absolute;}
.pos-relative{position: relative;}

/********************/
/*     MESSENGER    */
/********************/
.messenger{
    display:none;
    z-index:100000;
    position:fixed;
    top:-200px;
    right:10px;
    width:585px;
    padding:25px;
    box-sizing:border-box;
    background-color:#fff;
    color:#4D716C;
    border:solid 4px #4D716C;
    font-size:15px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height:18px;
}
.messenger .arrow-close{
    position: absolute;
    right: -4px;
    top: 10px;
    cursor: pointer;
}
.messenger .content{
    width: 100%;
}
.messenger svg{
    margin-right: 15px;
}
.messenger .container_msg{
    padding:15px 20px 0 20px;
    letter-spacing: 1px;
}
.messenger .container_msg a{
    color:#fff;
    float:right;
    cursor:pointer;
    font-size: 17px;
    margin-top: -2px;
}
.messenger_error{
    color:#AE2626;
    border:solid 4px #AE2626;
}

@media screen and (max-width: 675px){
    .messenger{
        right: 0;
        width: 100%;
        box-sizing: border-box;
    }
}

/*--------------------------------------------------------*/
/*Utilities*/
/*--------------------------------------------------------*/
.d-block{display: block;}

.img-auto{
    width: 100%;
    height: auto;
}
.img-auto img{
    width: 100%;
    height: auto;
}
.fs-12{font-size: 12px;}

.ff-run-wild{font-family: 'Run Wild - Demo', serif;}
.ff-PlayfairDisplay{font-family: 'PlayfairDisplay-Regular', serif;}
.ff-PlayfairDisplay-Italic{font-family: 'PlayfairDisplay-Italic', serif;}

/* Backgrounds */
.bg-white{background-color: #ffffff!important;}

/* Borders */
.no-border{border: none;}
.no-border-top{border-top: none;}
.no-border-right{border-right: none;}
.no-border-bottom{border-bottom: none;}
.no-border-left{border-left: none;}

.border-white{border-color: #ffffff;}
.border-black{border-color: #000000;}
.border-green{border-color: #4D716C;}

/* Colors */
.color-white { color: #FFFFFF;}

.col-0{width:4.15555%;}
.col-1{width:8.33333%;}
.col-2{width:16.66666%;}
.col-3{width:25%;}
.col-4{width:33.33333%;}
.col-5{width:41.66666%;}
.col-6{width:50%;}
.col-7{width:58.33333%;}
.col-8{width:66.66666%;}
.col-9{width:75%;}
.col-10{width:83.33333%;}
.col-11{width:91.66666%;}
.col-12{width:100%;}
.col-mar-0{margin-left:4.15555%;}
.col-mar-1{margin-left:8.33333%;}
.col-mar-2{margin-left:16.66666%;}
.col-mar-3{margin-left:25%;}
.col-mar-4{margin-left:33.33333%;}
.col-mar-5{margin-left:41.66666%;}
.col-mar-6{margin-left:50%;}
.col-mar-7{margin-left:58.33333%;}
.col-mar-8{margin-left:66.66666%;}
.col-mar-9{margin-left:75%;}
.col-mar-10{margin-left:83.33333%;}
.col-mar-11{margin-left:91.66666%; }
.col-mar-lr-0-real{margin-left:0;margin-right:0;}
.col-mar-lr-0{margin-left:4.15555%;margin-right:4.15555%;}
.col-mar-lr-1{margin-left:8.33333%;margin-right:8.33333%;}
.col-mar-lr-2{margin-left:16.66666%;margin-right:16.66666%;}
.col-mar-lr-3{margin-left:25%;margin-right:25%;}
.col-mar-lr-4{margin-left:33.33333%;margin-right:33.33333%;}
.col-mar-lr-5{margin-left:41.66666%;margin-right:41.66666%;}
.col-mar-lr-6{margin-left:50%;margin-right:50%;}
.col-mar-lr-7{margin-left:58.33333%;margin-right:58.33333%;}
.col-mar-lr-8{margin-left:66.66666%;margin-right:66.66666%;}
.col-mar-9-lr{margin-left:75%;margin-right:75%;}
.col-mar-10-lr{margin-left:83.33333%;margin-right:83.33333%;}
.col-mar-11-lr{margin-left:91.66666%;margin-right:91.66666%;}
.col-pad-lr-0{padding-left:4.15555%;padding-right:4.15555%;}
.col-pad-lr-1{padding-left:8.33333%;padding-right:8.33333%;}
.col-pad-lr-2{padding-left:16.66666%;padding-right:16.66666%;}
.col-pad-lr-3{padding-left:25%;padding-right:25%;}
.col-pad-lr-4{padding-left:33.33333%;padding-right:33.33333%;}
.col-pad-lr-5{padding-left:41.66666%;padding-right:41.66666%;}
.col-pad-lr-6{padding-left:50%;padding-right:50%;}
.col-pad-lr-7{padding-left:58.33333%;padding-right:58.33333%;}
.col-pad-lr-8{padding-left:66.66666%;padding-right:66.66666%;}
.col-pad-9-lr{padding-left:75%;padding-right:75%;}
.col-pad-10-lr{padding-left:83.33333%;padding-right:83.33333%;}
.col-pad-11-lr{padding-left:91.66666%;padding-right:91.66666%;}
.col-pad-10px{padding-left:10px;padding-right:10px;}
.col-left-pad-10px{padding-left:10px;}
.col-right-pad-10px{padding-right:10px;}
.col-pad-20px{padding-left:20px;padding-right:20px;}
.col-left-pad-20px{padding-left:20px;}
.col-right-pad-20px{padding-right:20px;}
.col-pad-full-40px{padding:40px;}
.col-pad-40px{padding-left:40px;padding-right:40px;}
.col-left-pad-40px{padding-left:40px;}
.col-right-pad-40px{padding-right:40px;}
.col-pad-full-10px-0px{padding:10px 0;}
.col-pad-full-10px-10px{padding:10px 10px;}
.col-pad-full-15px-10px{padding:15px 10px;}
.col-pad-full-15px-40px{padding:15px 40px;}
.col-pad-full-25px-15px{padding:25px 15px;}
.col-pad-full-30px-40px{padding:30px 40px;}
.col-pad-full-35px-40px{padding:35px 40px;}
.col-pad-full-35px-20px{padding:35px 20px;}
.col-pad-full-35px-25px{padding:35px 25px;}
.col-pad-full-35px-40px{padding:35px 40px;}
.col-pad-full-40px-0px{padding:40px 0;}
.col-pad-full-15px-60px{padding:15px 60px;}
.col-pad-full-20px-40px{padding:20px 40px;}
.col-pad-full-20px-30px{padding:20px 30px;}
.col-pad-full-25px-40px{padding:25px 40px;}
.col-pad-full-25px-30px{padding:25px 30px;}
.col-pad-full-35px-30px{padding:35px 30px;}
.col-pad-full-20px-30px{padding:20px 30px;}
.col-pad-full-40px-40px{padding:40px 40px;}
.col-pad-full-45px-60px{padding:45px 60px;}
.col-pad-full-50px-40px{padding:50px 40px;}
.col-pad-full-60px-35px{padding:60px 35px;}
.mt-5,.mt5{margin-top:5px;}
.mt-10,.mt10{margin-top:10px;}
.mt-15,.mt15{margin-top:15px;}
.mt-20,.mt20{margin-top:20px;}
.mt-25,.mt25{margin-top:25px;}
.mt-30,.mt30{margin-top:30px;}
.mt-35,.mt35{margin-top:35px;}
.mt-40,.mt40{margin-top:40px;}
.mt-45,.mt45{margin-top:45px;}
.mt-50,.mt50{margin-top:50px;}
.mt-55,.mt55{margin-top:55px;}
.mt-60,.mt60{margin-top:60px;}
.mt-65,.mt65{margin-top:65px;}
.mt-70,.mt70{margin-top:70px;}
.mt-75,.mt75{margin-top:75px;}
.mt-80,.mt80{margin-top:80px;}
.mt-85,.mt85{margin-top:85px;}
.mt-90,.mt90{margin-top:90px;}
.mt-95,.mt95{margin-top:95px;}
.mt-100,.mt100{margin-top:100px;}
.mt-115,.mt115{margin-top:115px;}
.mt-120,.mt120{margin-top:120px;}
.mt-125,.mt125{margin-top:125px;}
.mt-128,.mt128{margin-top:128px;}
.mt-130,.mt130{margin-top:130px;}
.mt-140,.mt140{margin-top:140px;}
.mt-150,.mt150{margin-top:150px;}
.mb-0,.mb0{margin-bottom:0;}
.mb-4,.mb4{margin-bottom:4px;}
.mb-5,.mb5{margin-bottom:5px;}
.mb-10,.mb10{margin-bottom:10px;}
.mb-15,.mb15{margin-bottom:15px;}
.mb-15-i,.mb15-i{margin-bottom:15px!important;}
.mb-20,.mb20{margin-bottom:20px;}
.mb-25,.mb25{margin-bottom:25px;}
.mb-30,.mb30{margin-bottom:30px;}
.mb-35,.mb35{margin-bottom:35px;}
.mb-40,.mb40{margin-bottom:40px;}
.mb-45,.mb45{margin-bottom:45px;}
.mb-50,.mb50{margin-bottom:50px;}
.mb-55,.mb55{margin-bottom:55px;}
.mb-60,.mb60{margin-bottom:60px;}
.mb-65,.mb65{margin-bottom:65px;}
.mb-70,.mb70{margin-bottom:70px;}
.mb-75,.mb75{margin-bottom:75px;}
.mb-80,.mb80{margin-bottom:80px;}
.mb-82,.mb82{margin-bottom:82px;}
.mb-85,.mb85{margin-bottom:85px;}
.mb-90,.mb90{margin-bottom:90px;}
.mb-95,.mb95{margin-bottom:95px;}
.mb-100,.mb100{margin-bottom:100px;}
.mb-186,.mb186{margin-bottom:186px;}
.mb-190,.mb190{margin-bottom:190px;}
.ml-0, .ml0{margin-left: 0;}
.ml-5, .ml5{margin-left: 5px;}
.ml-10, .ml10{margin-left: 10px;}
.ml-13, .ml13{margin-left: 13px;}
.ml-15, .ml15{margin-left: 15px;}
.ml-20, .ml20{margin-left: 20px;}
.ml-25, .ml25{margin-left: 25px;}
.ml-30, .ml30{margin-left: 30px;}
.ml-35, .ml35{margin-left: 35px;}
.ml-40, .ml40{margin-left: 40px;}
.ml-45, .ml45{margin-left: 45px;}
.ml-50, .ml50{margin-left: 50px;}
.ml-60, .ml60{margin-left: 60px;}
.ml-70, .ml70{margin-left: 70px;}
.ml-80, .ml80{margin-left: 80px;}
.ml-90, .ml90{margin-left: 90px;}
.ml-100, .ml100{margin-left: 100px;}

.mr-5, .mr5{margin-right: 5px;}
.mr-10, .mr10{margin-right: 10px;}
.mr-15, .mr15{margin-right: 15px;}
.mr-20, .mr20{margin-right: 20px;}
.mr-25, .mr25{margin-right: 25px;}
.mr-30, .mr30{margin-right: 30px;}
.mr-50, .mr50{margin-right: 50px;}
.mr-60, .mr60{margin-right: 60px;}
.mr-100, .mr100{margin-right: 100px;}

.ml-mr-auto{
    margin-left: auto;
    margin-right: auto;
}

.pad10, .pad-10{padding: 10px}
.pad15, .pad-15{padding: 15px}
.pad20, .pad-20{padding: 20px}
.pad25, .pad-25{padding: 25px}
.pad30, .pad-30{padding: 30px}
.pad40, .pad-40{padding: 40px}
.pad25-20, .pad-25-20{padding:25px 20px}
.pad20-10, .pad-20-10{padding:20px 10px}
.pad20-15, .pad-20-15{padding:20px 15px}
.pb-5,.pb5{padding-bottom:5px;}
.pb-10,.pb10{padding-bottom:10px;}
.pb-15,.pb15{padding-bottom:15px;}
.pb-20,.pb20{padding-bottom:20px;}
.pb-25,.pb25{padding-bottom:25px;}
.pb-30,.pb30{padding-bottom:30px;}
.pb-35,.pb35{padding-bottom:35px;}
.pb-40,.pb40{padding-bottom:40px;}
.pb-50,.pb50{padding-bottom:50px;}
.pb-60,.pb60{padding-bottom:60px;}
.pb-65,.pb65{padding-bottom:65px;}
.pb-70,.pb70{padding-bottom:70px;}
.pb-75,.pb75{padding-bottom:75px;}
.pb-80,.pb80{padding-bottom:80px;}
.pb-90,.pb90{padding-bottom:90px;}
.pb-100,.pb100{padding-bottom:100px;}
.pt-0,.pt0{padding-top:0;}
.pt-5,.pt5{padding-top:5px;}
.pt-10,.pt10{padding-top:10px;}
.pt-15,.pt15{padding-top:15px;}
.pt-20,.pt20{padding-top:20px;}
.pt-25,.pt25{padding-top:25px;}
.pt-30,.pt30{padding-top:30px;}
.pt-35,.pt35{padding-top:35px;}
.pt-40,.pt40{padding-top:40px;}
.pt-45,.pt45{padding-top:45px;}
.pt-50,.pt50{padding-top: 50px;}
.pt-60,.pt60{padding-top: 60px;}
.pt-70,.pt70{padding-top: 70px;}
.pt-75,.pt75{padding-top:75px;}
.pt-80,.pt80{padding-top: 80px;}
.pt-90,.pt90{padding-top: 90px;}
.pt-100,.pt100{padding-top: 100px;}
.pt-150,.pt150{padding-top: 150px;}
.pt-200,.pt200{padding-top: 200px;}
.pl-10, .pl10{padding-left: 10px;}
.pl-15, .pl15{padding-left: 15px;}
.pl-20, .pl20{padding-left: 20px;}
.pl-25, .pl25{padding-left: 25px;}
.pl-30, .pl30{padding-left: 30px;}
.pl-40, .pl40{padding-left: 40px;}
.pl-50, .pl50{padding-left: 50px;}
.pr-15, .pr15{padding-right: 15px;}
.pr-20, .pr20{padding-right: 20px;}
.pr-25, .pr25{padding-right: 25px;}
.pr-50, .pr50{padding-right: 50px;}
.pr-60, .pr60{padding-right: 60px;}
.plr-10, .plr10{padding-left: 10px; padding-right: 10px}
.plr-15, .plr15{padding-left: 15px; padding-right: 15px}
.plr-45, .plr45{padding-left: 45px; padding-right: 45px}
.ptb-15, .ptb15{padding-top: 15px; padding-bottom: 15px;}
.ptb-20, .ptb20{padding-top: 20px; padding-bottom: 20px;}
.ptb-25, .ptb25{padding-top: 25px; padding-bottom: 25px;}
.ptb-30, .ptb30{padding-top: 30px; padding-bottom: 30px;}
.ptb-40, .ptb40{padding-top: 40px; padding-bottom: 40px;}
.f-0, .f0{font-size:0;}
.f-8, .f8{font-size:8px;}
.f-9, .f9{font-size:9px;}
.f-10, .f10{font-size:10px;}
.f-11, .f11{font-size:11px;}
.f-12, .f12{font-size:12px;}
.f-13, .f13{font-size:13px;}
.f-14, .f14{font-size:14px;}
.f-15, .f15{font-size:15px;}
.f-16, .f16{font-size:16px;}
.f-17, .f17{font-size:17px;}
.f-18, .f18{font-size:18px;}
.f-19, .f19{font-size:19px;}
.f-20, .f20{font-size:20px;}
.f-21, .f21{font-size:21px;}
.f-22, .f22{font-size:22px;}
.f-23, .f23{font-size:23px;}
.f-24, .f24{font-size:24px;}
.f-25, .f25{font-size:25px;}
.f-26, .f26{font-size:26px;}
.f-27, .f27{font-size:27px;}
.f-28, .f28{font-size:28px;}
.f-29, .f29{font-size:29px;}
.f-30, .f30{font-size:30px;}
.f-32, .f32{font-size:32px;}
.f-35, .f35{font-size:35px;}
.f-36, .f36{font-size:36px;}
.f-40, .f40{font-size:40px;}
.f-45, .f45{font-size:45px;}
.f-50, .f50{font-size:50px;}
.f-60, .f60{font-size:60px;}
.f-100, .f100{font-size:100px;}
.lp0, .lp-0{letter-spacing: 0;}
.lp0-5, .lp-0-5{letter-spacing: 0.5px;}
.lp1, .lp-1{letter-spacing: 1px;}
.lp1-1, .lp-1-1{letter-spacing: 1.1px;}
.lp1-5, .lp-1-5{letter-spacing: 1.5px;}
.lp2, .lp-2{letter-spacing: 2px;}
.lp3, .lp-3{letter-spacing: 3px;}
.lp7, .lp-7{letter-spacing: 7px;}
.alignleft{text-align:left;}
.alignleftImportant{text-align:left !important;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.alignjustify{text-align:justify;}
.lh0, .lh-0{ line-height:0; }
.lh13, .lh-13{ line-height:13px; }
.lh15, .lh-15{ line-height:15px; }
.lh16, .lh-16{ line-height:16px; }
.lh18, .lh-18{ line-height:18px; }
.lh20, .lh-20{ line-height:20px; }
.lh22, .lh-22{ line-height:22px; }
.lh24, .lh-24{ line-height:24px; }
.lh25, .lh-25{ line-height:25px; }
.lh26, .lh-26{ line-height:26px; }
.lh30, .lh-30{ line-height:30px; }
.lh30, .lh-30{ line-height:30px; }
.lh33, .lh-33{ line-height:33px; }
.lh35, .lh-35{ line-height:35px; }
.lh36, .lh-36{ line-height:36px; }
.lh45, .lh-45{ line-height:45px; }
.colr-999{color:#999;}
.dibt{display: inline-block;*display:inline;vertical-align:top;}
.dibm{display: inline-block;*display:inline;vertical-align:middle;}
.dibb{display: inline-block;*display:inline;vertical-align:bottom;}
.lthrough{text-decoration: line-through;}
.floatleft{float: left;}
.floatright{float: right;}
.underline{text-decoration:underline;}
.underline_border{border-bottom: 1px solid;padding-bottom: 2px;}
.nounderline{ text-decoration: none; }
.inlineblock{display:inline-block;float:none;}
.inline{display:inline;}
.inlineflex{display: -webkit-inline-box;display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.displayblock{display:block;}
.displaynone{display:none;}
.marginauto{margin-left: auto;margin-right: auto;}
.initial{display:initial;}
.valignmiddle{vertical-align: middle;}
.valigntop{vertical-align: top;}
.valignsub{vertical-align: sub;}
.lineheight22{ line-height: 22px }
.lineheight24{ line-height: 24px }
.pointer{ cursor: pointer; }
.cursordefault{ cursor: default!important; }
.ellipsis{ overflow: hidden;text-overflow: ellipsis; }
.borderbox{box-sizing: border-box;}
.ttnone{text-transform: none;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.relative{position: relative;}
.absolute{position: absolute;}
.w5pc{ width: 5%; }
.w10pc{ width: 10%; }
.w20pc{ width: 20%; }
.w30pc{ width: 30%; }
.w33pc{ width: 33.3333%; }
.w40pc{ width: 40%; }
.w45pc{ width: 45%; }
.w50pc{ width: 50%; }
.w55pc{ width: 55%; }
.w60pc{ width: 60%; }
.w70pc{ width: 70%; }
.w80pc{ width: 80%; }
.w85pc{ width: 85%; }
.w90pc{ width: 90%; }
.w95pc{ width: 95%; }
.w98pc{ width: 98%; }
.w100pc{ width: 100%; }
.w550{width: 550px;}
.h100pc{height: 100%;}
.order1{order:1}
.order2{order:2}
.order3{order:3}
.order4{order:4}
.order5{order:5}
.order6{order:6}
.overflowhidden{overflow: hidden;}
.flex, .flexbox{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.hidden-title{display: none;}
.radius-27{border-radius: 27px;}

.itembaseline{
    -webkit-align-items: baseline;
    -ms-align-items: baseline;
    align-items:baseline;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
}
.flex1{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.jc-spard, .flex.around{
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
}
.jc-center, .flex.center{
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
}
.flex.alignstart{
    -webkit-align-items: flex-start;
    -ms-align-items: start;
    align-items: start;
    -webkit-box-align:start;
    -ms-flex-align:start;
}
.flex.alignend, .flex.end, .itemend{
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
}
.flexwrap, .flex.wrap{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex.column{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

@media screen and (max-width: 1056px){
    .d-flex-mb{display: flex!important;}

    /* Borders */
    .no-border-mb{border: none!important;}
    .no-border-top-mb{border-top: none!important;}
    .no-border-right-mb{border-right: none!important;}
    .no-border-bottom-mb{border-bottom: none!important;}
    .no-border-left-mb{border-left: none!important;}

    .col-0-mb {width: 4.15555%;}
    .col-1-mb {width: 8.33333%;}
    .col-2-mb {width: 16.66666%;}
    .col-3-mb {width: 25%;}
    .col-4-mb {width: 33.33333%;}
    .col-5-mb {width: 41.66666%;}
    .col-6-mb {width: 50%;}
    .col-7-mb {width: 58.33333%;}
    .col-8-mb {width: 66.66666%;}
    .col-9-mb {width: 75%;}
    .col-10-mb {width: 83.33333%;}
    .col-11-mb {width: 91.66666%;}
    .col-12-mb {width: 100%;height: auto;}
    .col-mar-0real-mb {margin-left: 0;}
    .col-mar-0-mb {margin-left: 4.15555%;}
    .col-mar-1-mb {margin-left: 8.33333%;}
    .col-mar-2-mb {margin-left: 16.66666%;}
    .col-mar-3-mb {margin-left: 25%;}
    .col-mar-4-mb {margin-left: 33.33333%;}
    .col-mar-5-mb {margin-left: 41.66666%;}
    .col-mar-6-mb {margin-left: 50%;}
    .col-mar-7-mb {margin-left: 58.33333%;}
    .col-mar-8-mb {margin-left: 66.66666%;}
    .col-mar-9-mb {margin-left: 75%;}
    .col-mar-10-mb {margin-left: 83.33333%;}
    .col-mar-11-mb {margin-left: 91.66666%;}

    .col-mar-lr-0-mb {
        margin-left: 0;
        margin-right: 0;
    }

    .col-mar-lr-1-mb {
        margin-left: 8.33333%;
        margin-right: 8.33333%;
    }

    .col-mar-lr-2-mb {
        margin-left: 16.66666%;
        margin-right: 16.66666%;
    }

    .col-mar-lr-3-mb {
        margin-left: 25%;
        margin-right: 25%;
    }

    .col-mar-lr-4-mb {
        margin-left: 33.33333%;
        margin-right: 33.33333%;
    }

    .col-mar-lr-5-mb {
        margin-left: 41.66666%;
        margin-right: 41.66666%;
    }

    .col-mar-lr-6-mb {
        margin-left: 50%;
        margin-right: 50%;
    }

    .col-mar-lr-7-mb {
        margin-left: 58.33333%;
        margin-right: 58.33333%;
    }

    .col-mar-lr-8-mb {
        margin-left: 66.66666%;
        margin-right: 66.66666%;
    }

    .col-mar-9-lr-mb {
        margin-left: 75%;
        margin-right: 75%;
    }

    .col-mar-10-lr-mb {
        margin-left: 83.33333%;
        margin-right: 83.33333%;
    }

    .col-mar-11-lr-mb {
        margin-left: 91.66666%;
        margin-right: 91.66666%;
    }

    .col-pad-lr-0real-mb {
        padding-left: 0;
        padding-right: 0;
    }

    .col-pad-lr-0-mb {
        padding-left: 4.15555%;
        padding-right: 4.15555%;
    }

    .col-pad-lr-1-mb {
        padding-left: 8.33333%;
        padding-right: 8.33333%;
    }

    .col-pad-lr-2-mb {
        padding-left: 16.66666%;
        padding-right: 16.66666%;
    }

    .col-pad-lr-3-mb {
        padding-left: 25%;
        padding-right: 25%;
    }

    .col-pad-lr-4-mb {
        padding-left: 33.33333%;
        padding-right: 33.33333%;
    }

    .col-pad-lr-5-mb {
        padding-left: 41.66666%;
        padding-right: 41.66666%;
    }

    .col-pad-lr-6-mb {
        padding-left: 50%;
        padding-right-right: 50%;
    }

    .col-pad-lr-7-mb {
        padding-left: 58.33333%;
        padding-right: 58.33333%;
    }

    .col-pad-lr-8-mb {
        padding-left: 66.66666%;
        padding-right: 66.66666%;
    }

    .col-pad-9-lr-mb {
        padding-left: 75%;
        padding-right: 75%;
    }

    .col-pad-10-lr-mb {
        padding-left: 83.33333%;
        padding-right: 83.33333%;
    }

    .col-pad-11-lr-mb {
        padding-left: 91.66666%;
        padding-right: 91.66666%;
    }

    .col-pad-0-mb {padding: 0;}
    .col-pad-30px-20px-mb {padding: 30px 20px;}
    .col-pad-35px-15px-mb {padding: 35px 15px;}

    .col-pad-20px-30px-mb {
        padding: 20px 30px;
    }

    .col-pad-20px-15px-mb {
        padding: 20px 15px;
    }

    .w100pc-mb{ width: 100%; }

    .mt-0-mb, .mt0-mb {margin-top: 0;}
    .mt-5-mb, .mt5-mb {margin-top: 5px;}
    .mt-7-mb, .mt7-mb {margin-top: 7px;}
    .mt-10-mb, .mt10-mb {margin-top: 10px;}
    .mt-15-mb, .mt15-mb {margin-top: 15px;}
    .mt-17-mb, .mt17-mb {margin-top: 17px;}
    .mt-20-mb, .mt20-mb {margin-top: 20px;}
    .mt-25-mb, .mt25-mb {margin-top: 25px;}
    .mt-30-mb, .mt30-mb {margin-top: 30px;}
    .mt-35-mb, .mt35-mb {margin-top: 35px;}
    .mt-40-mb, .mt40-mb {margin-top: 40px;}
    .mt-45-mb, .mt45-mb {margin-top: 45px;}
    .mt-50-mb, .mt50-mb {margin-top: 50px;}
    .mt-55-mb, .mt55-mb {margin-top: 55px;}
    .mt-60-mb, .mt60-mb {margin-top: 60px;}
    .mt-65-mb, .mt65-mb {margin-top: 65px;}
    .mt-70-mb, .mt70-mb {margin-top: 70px;}
    .mt-75-mb, .mt75-mb {margin-top: 75px;}
    .mt-80-mb, .mt80-mb {margin-top: 80px;}
    .mt-85-mb, .mt85-mb {margin-top: 85px;}
    .mt-90-mb, .mt90-mb {margin-top: 90px;}
    .mt-95-mb, .mt95-mb {margin-top: 95px;}
    .mt-100-mb, .mt100-mb {margin-top: 100px;}
    .mb-0-mb, .mb0-mb {margin-bottom: 0;}
    .mb-5-mb, .mb5-mb {margin-bottom: 5px; }
    .mb-10-mb, .mb10-mb {margin-bottom: 10px;}
    .mb-15-mb, .mb15-mb {margin-bottom: 15px;}
    .mb-20-mb, .mb20-mb {margin-bottom: 20px;}
    .mb-25-mb, .mb25-mb {margin-bottom: 25px;}
    .mb-30-mb, .mb30-mb {margin-bottom: 30px;}
    .mb-35-mb, .mb35-mb {margin-bottom: 35px;}
    .mb-40-mb, .mb40-mb {margin-bottom: 40px;}
    .mb-45-mb, .mb45-mb {margin-bottom: 45px;}
    .mb-50-mb, .mb50-mb {margin-bottom: 50px;}
    .mb-55-mb, .mb55-mb {margin-bottom: 55px;}
    .mb-60-mb, .mb60-mb { margin-bottom: 60px;}
    .mb-65-mb, .mb65-mb {margin-bottom: 65px;}
    .mb-70-mb, .mb70-mb { margin-bottom: 70px;}
    .mb-75-mb, .mb75-mb { margin-bottom: 75px;}
    .mb-80-mb, .mb80-mb {margin-bottom: 80px;}
    .mb-85-mb, .mb85-mb {margin-bottom: 85px; }
    .mb-90-mb, .mb90-mb { margin-bottom: 90px;}
    .mb-95-mb, .mb95-mb {margin-bottom: 95px;}
    .mb-100-mb, .mb100-mb { margin-bottom: 100px;}
    .ml-0-mb, .ml0-mb { margin-left: 0;}
    .ml-15-mb, .ml15-mb { margin-left: 15px;}
    .mr-0-mb{ margin-right: 0;}
    .ml-5-mb{ margin-left: 5px;}
    .ml-10-mb{margin-left: 10px;}
    .ml-20-mb{margin-left: 20px;}
    .pt-0-mb, .pt0-mb {padding-top: 0;}
    .pt-10-mb, .pt10-mb {padding-top: 10px;}
    .pt-15-mb, .pt15-mb {padding-top: 15px;}
    .pt-20-mb, .pt20-mb {padding-top: 20px;}
    .pt-30-mb, .pt30-mb {padding-top: 30px;}
    .pt-410-mb, .pt40-mb {padding-top: 40px;}
    .pl-0-mb, .pl0-mb {padding-left: 0;}
    .pl-5-mb, .pl5-mb {padding-left: 5px;}
    .pl-10-mb, .pl10-mb {padding-left: 10px;}
    .pl-15-mb, .pl15-mb {padding-left: 15px;}
    .pr-0-mb, .pr0-mb {padding-right: 0;}
    .pr-1-mb, .pr1-mb {padding-right: 1px;}
    .pr-2-mb, .pr2-mb {padding-right: 2px;}
    .pr-15-mb, .pr15-mb {padding-right: 15px;}
    .pb-0-mb, .pb0-mb {padding-bottom: 0;}
    .pb-10-mb, .pb10-mb {padding-bottom: 10px;}
    .pb-15-mb, .pb15-mb {padding-bottom: 15px;}
    .pb-20-mb, .pb20-mb {padding-bottom: 20px;}
    .pb-30-mb, .pb30-mb {padding-bottom: 30px;}
    .pb-40-mb, .pb40-mb {padding-bottom: 40px;}
    .plr0-mb, .plr-0-mb {padding-right: 0; padding-left: 0;}
    .ptb15-mb{padding-top: 15px; padding-bottom: 15px;}
    .plr10-mb, .plr-10-mb {padding-right: 10px; padding-left: 10px;}
    .pad0-mb{padding: 0;}
    .pad95pc-mb {
        padding-left: 2.5%;
        padding-right: 2.5%;
        box-sizing: border-box;
    }
    .pad90pc-mb {
        padding-left: 5%;
        padding-right: 5%;
        box-sizing: border-box;
    }

    .col-pad-10px-mb {
        padding-left: 10px;
        padding-right: 10px;
    }

    .col-left-pad-10px-mb {
        padding-left: 10px;
    }

    .col-right-pad-10px-mb {
        padding-right: 10px;
    }

    .col-pad-20px-mb {
        padding-left: 20px;
        padding-right: 20px;
    }

    .col-left-pad-20px-mb {
        padding-left: 20px;
    }

    .col-right-pad-20px-mb {
        padding-right: 20px;
    }

    .col-pad-40px-mb {
        padding-left: 40px;
        padding-right: 40px;
    }

    .col-left-pad-40px-mb {
        padding-left: 40px;
    }

    .col-right-pad-40px-mb {
        padding-right: 40px;
    }
    .pad-0-mb{padding: 0;}

    .alignleft-mb {
        text-align: left;
    }

    .alignright-mb {
        text-align: right;
    }

    .aligncenter-mb {
        text-align: center;
    }

    .aligncenter-mb .loading {
        text-align: center;
    }

    .flexinitial-mb{display: initial;}
    .flexbox-mb, .flex-mb {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
    .itemcenter-mb{
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }
    .itemnormal-mb{
        -webkit-align-items: normal;
        -ms-align-items: normal;
        align-items: normal;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
    }
    .flex-mb.evenly-mb{
        -webkit-justify-content: space-evenly;
        -ms-justify-content: space-evenly;
        justify-content: space-evenly;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
    }
    .flex-mb.between-mb{
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    }
    .flex1-mb{
        -webkit-flex: 1;
        -ms-flex: 1;
        flex:1;
    }
    .flexdirecol-mb, .direction-col-mb{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
    .flex.itemcenter-mb, .flex-mb.itemcenter-mb{
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }
}
/********************/
/*     CLEARFIX     */
/********************/
.cf:before,.cf:after{content:" ";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}

/*--------------------------------------------------------*/
/*Général*/
/*--------------------------------------------------------*/
html.scroll-lock{overflow: hidden;}
.showm{display: none;}
.backgroundhover {
    content: ' ';
    width: 100vw;
    height: 100vh;
    min-height: calc(100vh - 78px);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 41;
    opacity: 0;
    visibility: hidden;
    transition: .7s;
}
.backgroundhover.open {
    opacity: 1;
    visibility: visible;
}
.backgroundhover.suppHeader::before {
    z-index: 12;
}
body{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}
body.noscroll{
    overflow: hidden;
}
body.noscroll-x{
    overflow-x: hidden;
}
body.noscroll-y{
    overflow-y: hidden;
}
main{display: block;}
.container{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}
.container700{
    max-width: 700px;
}
.container880{
    max-width: 880px;
}
.container900{
    max-width: 900px;
}
.container1185{
    max-width: 1185px;
    padding: 0;
}
.container1200{
    max-width: 1200px;
    padding: 0;
}
.container1230{
    max-width: 1230px;
    padding: 0;
}
.customer-history-return .container1230{
    margin-top: 20px !important;
}
.container1260{
    max-width: 1260px;
    padding: 0;
}
.container1700{
    max-width: 1700px;
    padding: 0;
}
.container1800{
    max-width: 1800px;
    padding: 0;
}
.container1920{
    max-width: 1920px;
    padding: 0;
}

@media screen and ( min-width: 1650.98px ){
    .big-container{
        max-width: 1700px;
        width: 90%;
    }
    body.usePackshotsCarres .big-container{
        max-width: 1700px;
    }
}

a{
    color: #000;
    text-decoration: none;
}
.messenger_error a{
    color: #AE2626;
    text-decoration: underline;
}
a.grey_underline{
    color: #2D2D2D;
    text-decoration: underline;
}
b{font-weight: 700;}
b.fw500{font-weight: 500;}
b.fw600{font-weight: 600;}

.flex-container{display:flex;}
.flex-container.jsb{justify-content: space-between;align-items: flex-start;}
.flex-container.itc{align-items: center;}

.aligncenter{text-align: center;}

@media screen and (max-width: 1055px){
    .showd{display: none;}
    .showm{display: block;}
    .cross-selling .productblock .textblock{
        padding: 5px;
    }
}

/*-------------------------------------------------------------*/
/* Hover soulign */
/*-------------------------------------------------------------*/
@media screen and (min-width: 1056px){
    .hoversoulign-white,
    .hoversoulign{
        position: relative;
    }
    .hoversoulign-white::after,
    .hoversoulign::after{
        content: '';
        position: absolute;
        width: 0;
        height: 1px;
        bottom: -2px;
        left: 0;
        background: transparent;
        transition: 0.4s;
    }
    .hoversoulign:hover::after{
        width: 100%;
        background: #000;
    }
    .hoversoulign-white:hover::after{
        width: 100%;
        background: #FFFFFF;
    }
}

/*--------------------------------------------------------*/
/*Cloudimage*/
/*--------------------------------------------------------*/

@media screen and (min-width: 1057px){
    picture.desktop{display: block !important;}
    img.mobile{display: none;}
}
@media screen and (max-width: 1056px){
    picture.mobile{display: block !important;}
    img.mobile{display: block;}
    img.desktop{display: none;}
    .f_el#f_placeorder_accept_terms .formvalidator_error {
        margin-top: 63px;
    }
    body.de_DE .f_el#f_placeorder_accept_terms .formvalidator_error {
        margin-top: 85px;
    }
}


/*-------------------------------------------------------------*/
/* Breadcrumb */
/*-------------------------------------------------------------*/
.breadcrumb {
   padding-top:5px;
}
.breadcrumb .big-container {
    width: 95%;
    max-width: 1700px;
}
.breadcrumb ul {
    display: flex;
    align-items: center;
    font-weight: 400;
}
.breadcrumb ul a,
.breadcrumb ul span.obflink{
    font-size: 11px;
    color: #959699;
    font-weight: 400;
}
.breadcrumb ul li:not(:last-child) a::after,
.breadcrumb ul li:not(:last-child) span.obflink::after{
    content: "/";
    margin: 0 5px;
}

@media screen and (max-width: 1056px) {
    .breadcrumb ul{
        padding: 0 15px;
        flex-wrap: wrap;
    }
}

/*--------------------------------------------------------*/
/*Backpage*/
/*--------------------------------------------------------*/
.backpage{
    position: absolute;
    top: 3px;
    left: 0;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    z-index: 1;
}
.backpage .arrow{
    margin-right: 10px;
    border-width: 0 1px 1px 0;
    padding: 4px;
}

@media screen and (max-width: 1056px){
    .backpage{
        position: static;
        margin: 15px 0 20px;
        padding: 0 15px;
        box-sizing: border-box;
        font-size: 13px;
        color: #959699;
    }
    .backpage svg{
        margin-right: 10px;
    }
    .backpage svg path{
        fill : #959699;
    }
}

/*--------------------------------------------------------*/
/*Productblock*/
/*--------------------------------------------------------*/
.productblock .textblock.newPicto .picto-list, .cross-selling .picto-list{
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    min-height: 29px;
    flex-wrap: nowrap;
    white-space: nowrap;
}
@media screen and (max-width: 1056px) {
    div.newPicto .picto-list .etiquette:nth-child(n+4){
        display: none;
    }
    .productblock .textblock.newPicto .picto-list, .cross-selling .picto-list {
        flex-wrap: wrap!important;
        white-space: unset!important;
    }
}
.productblock .textblock .picto-list div.reduc, .cross-selling .picto-list .reduc,
.productblock .textblock .picto-list div.etiquette, .cross-selling .picto-list .etiquette,
.productblock .textblock .picto-list div.tag, .cross-selling .picto-list .tag,
.productblock .textblock .picto-list div.prixdoux, .cross-selling .picto-list .prixdoux,
.productblock .textblock .picto-list div.excluweb, .cross-selling .picto-list .excluweb,
.productblock .textblock .picto-list div.brodable, .cross-selling .picto-list .brodable,
.productblock .textblock .picto-list div.downpass, .cross-selling .picto-list .downpass,
.productblock .textblock .picto-list div.tag-info, .cross-selling .picto-list .tag-info{
    width: max-content;
    font-size: 12px;
    color: #2D2D2D;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    margin: 0 4px 4px 0;
    text-transform: uppercase;
}
.productblock .textblock .picto-list .reduc, .cross-selling .picto-list .reduc{
    background-color: #2C4542;
    color: #FFFFFF !important;
}
.productblock .textblock .picto-list .downpass, .cross-selling .picto-list .downpass{
    background-color: #C99E67 !important;
    color: #fff !important;
}
.productblock .textblock .picto-list .tag, .cross-selling .picto-list .tag{
    background: #CFD8D7 !important;
}
.productblock .textblock .picto-list .tag-info, .cross-selling .picto-list .tag-info{
    border: 1px solid #9FB2AF !important;
}
.productblock .textblock .picto-list .brodable, .cross-selling .picto-list .brodable{
    border: 1px solid #BF9335 !important;
    color: #BF9335!important;
}
.productblock  .textblock .picto-list .prixdoux, .cross-selling .picto-list .prixdoux{
    background: #B5D5EB !important;
}
.productblock  .textblock .picto-list .excluweb, .cross-selling .picto-list .excluweb{
    background: #fff;
    border: 0.5px solid #9FB2AF;
}
.productblock .visuel-container{
    overflow: hidden;
    position: relative;
    line-height: 0;
}
.productblock .visuel-container video{
    width: 100%;
}
body.usePackshotsCarres .productblock .visuel-container video{
    object-fit: cover;
    aspect-ratio: 1 / 1;
    height: 100%;
}
.productblock .visuel-container .nouveau{
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #2D2D2D;
    padding: 5px;
}
.productblock .visuel-container .prixdoux{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 13px;
    color: #2D2D2D;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #fff;
    padding: 5px;
    width: 43px;
    text-align: center;
    line-height: initial;
}
.de_DE .productblock .visuel-container .prixdoux{
    width: 140px;
    font-size: 12px;
    padding: 5px 0;
}
.productblock .visuel-container .etiquette{
    position: absolute;
    margin-top: 10px;
    left: 8px;
    bottom: 8px;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 5px 10px;
}
.parure-bloc.product .etiquette-container:not(.newPicto) {
    position: absolute;
    margin-left: 8px;
    font-size: 11px;
    top: 190px;
    display: flex;
}
.parure-bloc.product .etiquette-container {
    font-size: 11px;
    display: flex;
}
.product-page .parure-bloc.product .etiquette-container:not(.newPicto){
    top: unset;
    bottom: 52px;
}
.parure-bloc.product .etiquette-container .etiquette {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    line-height: initial;
    min-height: 14px;
}
.productblock .visuel-container .pictos-bottom{
    position: absolute;
    bottom: 8px;
    left: 8px;
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.productblock .visuel-container img.ope{
    height: 20px;
}
.productblock .visuel-container img.made-in-germany{
    height: 60px!important;
}
.productblock .visuel-container img.made-in-france{
    height: 60px!important;
}
.productblock .visuel-container img.greenfirst{
    height: 60px!important;
}
.productblock .visuel{
    width: 100%;
    /*transition: .4s;*/
}
body.usePackshotsCarres .productblock .visuel:not(.kiker){
    object-fit: cover;
    aspect-ratio: 1 / 1;
    height: 100%;
}
body.usePackshotsCarres .product-page .parure .parure-bloc .visuel{
    object-fit: cover;
}
.productblock:hover .visuel{
    /*transform: scale(1.025);*/
}
.productblock .textblock:not(.newPicto){
    margin-top: 10px;
}
.productblock .textblock.newPicto{
    margin-top: 5px;
}
.productblock .textblock .flex-container{
    justify-content: space-between;
}
.productblock .textblock .left{
    text-align: left;
}
.productblock .textblock .right{
    text-align: right;
    min-width: 55%;
}
.productblock .textblock .type{
    font-size: 12px;
    display: block;
    font-weight: 400;
}
.productblock .textblock .price{
    font-size: 11px;
    display: block;
    font-weight: 400;
    margin-top: -3px;
}
.productblock .textblock .price span{
    font-size: 16px;
}
.productblock .hiddenDefault,
.stl-popin-productblock .hiddenDefault{
    display: none;
}
.productblock .textblock:not(.newPicto) span.picto,
.productblock span.picto{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 2px 5px;
    background-color: #2C4542;
    margin: 0 5px;
    position: absolute;
    bottom: 8px;
    right: 0;
}
.productblock .textblock.newPicto span.picto{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 2px 5px;
    background-color: #2C4542;
    margin: 0 5px;
    position: inherit;
}
.productblock .textblock .price span.ald{
    font-size: 11px;
    text-decoration: line-through;
    color:#4A4A4A;
}
.productblock .textblock .collection{
    font-size: 13px;
    margin-top: 11px;
    display: block;
    font-weight: 600;
}
.productblock .textblock .collection b{
    font-weight: 600;
}
.productblock .textblock .material{
    font-size: 11px;
    margin-top: 10px;
    display: block;
}
.productblock .textblock .color{
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
.productblock .textblock .seo{
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    font-size: 11px;
    font-weight: 400;
}
.productblock .textblock .color .numbers{
    font-size: 11px;
    text-decoration: underline;
    margin-left: 10px;
}
.productblock .textblock .color ul {
    display: flex;
}
.productblock .textblock .color ul li{
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.productblock .textblock .color ul li img{
    width: 12px;
    height: 12px;
    border-radius: 30px;
}
.productblock .textblock .color ul li:not(:first-child){
    margin-left: 5px;
}
.productblock .textblock .color ul li.pink{
    background-color: #CB9D8D;
}
.productblock .textblock .color ul li.yellow{
    background-color: #D3AA4D;
}
.productblock .textblock .color ul li.blue{
    background-color: #154B65;
}
.unsere-werte{
    margin-top: 50px;
}
.unsere-werte.mobile{
    width: 100%;
}
@media screen and (max-width: 1056px){
    .productblock .visuel-container span.picto{
        position: absolute;
        bottom: 10px;
        right: 0;
        display: inline-block;
    }
}
@media screen and (max-width: 675px){
    .list-product .productblock .textblock .left,
    .list-product .productblock .textblock .right{
        text-align: center;
    }
    .productblock .textblock .color ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)){
        display: none;
    }
    body:not(.workbench).productblock .visuel-container span.picto{
        bottom: unset;
        top: 6px;
    }
}

/*-------------------------------------------------------------*/
/* Sliders */
/*-------------------------------------------------------------*/
.slider-arrow{
    background-color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 11px);
    z-index: 1;
    transition: .3s;
    cursor: pointer;
    outline: none;
}
.parure[data-tool="recommend"] .container1230{
    max-width: 1290px;
}
.parure[data-tool="recommend"] .container1230 .slider-parure{
    padding: 0 30px;
}
.parure[data-tool="recommend"] .container1230 .slider-parure .slider-arrow{
    display: flex;
    align-items: center;
    width: 30px;
    top: 0;
    height: calc( 100% - 50px );
    background-color: #fff;
    border-radius: 0;
}
.workbench .parure[data-tool="recommend"] .container1230 .slider-parure .slider-arrow{
    width: 22px;
    border-radius: 50%;
    height: 22px;
    top: 50%;
}
.parure[data-tool="recommend"] .container .slider-left{
    /*left: -25px;*/
}
.parure[data-tool="recommend"] .container .slider-right{
    /*right: -25px;*/
}
.slider-arrow.left-slider{
    left: 10px;
}
.slider-arrow.right-slider{
    right: 10px;
}
.swiper-button-next .arrow{
    margin-right: 2px;
    border-width: 0 1px 1px 0;
}
.swiper-button-prev .arrow{
    margin-left: 2px;
    border-width: 0 1px 1px 0;
}
.slider-arrow.slick-disabled{
    opacity: 0;
}

/*-------------------------------------------------------------*/
/* Popins */
/*-------------------------------------------------------------*/
.popin{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popin .popin-content{
    background-color: #fff;
    box-sizing: border-box;
    position: relative;

}
.popin .popin-container{
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
    /*min-height: calc(100% - (1.75rem * 2));*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.popin.open .popin-container{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.popin .popin-container,
.popin .popin-content{
    max-width: 100%;
    max-height: 100vh;
}
.popin .popin-content{
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.popin.open{
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
}
.popin.popin-embroidery{
    font-weight: 400;
}
.popin.open.popin-packshots{
    max-height: 100vh;
    overflow-y: hidden;
}
.popin .close-cross{
    position: fixed;
    top: 10px;
    right: 10px;
    width: 23px;
    height: 23px;
}
.popin.popin-addbasket-parures .close-cross,
.popin.popin-alerte-stock-parures .close-cross{
    top: 15px;
    right: 20px;
    transition: transform .2s ease-in-out;
}
.popin.popin-addbasket-parures .close-cross::before, .popin.popin-addbasket-parures .close-cross::after,
.popin.popin-alerte-stock-parures .close-cross::before, .popin.popin-alerte-stock-parures .close-cross::after{
    left: unset;
}
.popin.popin-addbasket-parures .close-cross:hover,
.popin.popin-alerte-stock-parures .close-cross:hover{
    transform: rotate(90deg);
    transition: transform .2s ease-in-out;
}
.popin .close-cross:before,
.popin .close-cross:after{
    height: 23px;
    width: 1px;
}

@media screen and (max-width: 1056px){
    .lv-popin .popin-container{
        width: 80%;
        max-height: 80%;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}
@media screen and (max-width: 675px){
    .lv-popin .popin-container{
        width: 100%;
        height: 100%;
        max-height: 100%;
    }
}

/*-------------------------------------------------------------*/
/* Popin inner-popin */
/*-------------------------------------------------------------*/
.popin.inner-popin .go-back-cross {
    position: absolute;
    right: 20px;
    top: 20px;
}
.popin.inner-popin .go-back{
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 10;
    width: auto;
    height: auto;
    transition: .2s;
}
/*-------------------------------------------------------------*/
/* Popin newsletter */
/*-------------------------------------------------------------*/
.popin-newsletter .visuel{
    width: 355px;
}
.popin-newsletter .textblock{
    padding: 50px 50px 20px 50px;
    text-align: center;
}
.popin-newsletter .title{
    font-size: 40px;
    line-height: 48px;
    font-family: 'DM Serif Display', serif;
    display: block;
}
.popin-newsletter .subtitle{
    font-size: 16px;
    line-height: 22px;
    display: block;
    margin-top: 40px;
}
.popin-newsletter .f_newsletter{
    margin-top: 40px;
}
.popin-newsletter .f_newsletter .f_newsletter_email{
    width: 340px;
    border-color: #000;
    display: block;
    margin: auto;
}
.popin-newsletter .f_newsletter .f_newsletter_submit{
    width: 170px;
    margin-top: 25px;
}
.popin-newsletter .mentions{
    margin-top: 70px;
    font-size: 9px;
    display: block;
    color: #2D2D2D;
}

@media screen and (max-width: 1056px){
    .popin-newsletter .flex-container{
        display: block;
    }
    .popin-newsletter .visuel{
        width: 100%;
    }
}
@media screen and (max-width: 675px){
    .popin-newsletter .textblock {
        padding: 25px 25px 20px 25px;
    }
    .popin-newsletter .title {
        font-size: 8vw;
        line-height: 9vw;
    }
    .popin-newsletter .subtitle {
        font-size: 4vw;
        line-height: 6vw;
    }
    .popin-newsletter .f_newsletter .f_newsletter_email{
        width: 100%;
    }
    .popin-newsletter .mentions {
        font-size: 2.4vw;
        line-height: 3vw;
    }
}


/*-------------------------------------------------------------*/
/* Popin one clic */
/*-------------------------------------------------------------*/
.popin-oneclic .popin-content{
    width: 530px;
    padding: 20px 25px;
    box-sizing: border-box;
    text-align: center;
}
.popin-oneclic .title{
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
.popin-oneclic.broderie .title{
    background: #BF9335;
    font-size: 12px!important;
    color: #fff!important;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    margin: 0 4px 4px 0;
}
.popin-oneclic.popin-register-country .text,
.popin-oneclic.broderie .text{
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
}
.popin-oneclic:not(.popin-register-country) .text{
    margin-top: 20px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    text-align: left;
}
.popin-oneclic .text a{
    text-decoration: underline;
}
.popin-oneclic .btn{
    margin-top: 20px;
    min-width: 165px;
    min-height: 50px;
}


/*-------------------------------------------------------------*/
/* Popin switcher pays */
/*-------------------------------------------------------------*/
.popin-switcher-pays .popin-content{
    padding: 30px 25px 20px;
}
.popin-switcher-pays .title{
    font-weight: 400;
    font-size: 26px;
    line-height: 48px;
    font-family: 'DM Serif Display', serif;
    text-transform: unset;
}
.popin-switcher-pays ul{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 27px;
    margin-bottom: 50px;
}
.popin-switcher-pays ul li a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popin-switcher-pays ul li .country{
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

/*-------------------------------------------------------------*/
/* Popin sponsoring */
/*-------------------------------------------------------------*/
.popin-sponsoring.open{
    right: 0;
}
#layout .popin-sponsoring.open ~ .backgroundhover{
    top: unset;
    bottom: -143px;
}

#layout.reduit .popin-sponsoring.open ~ .backgroundhover{
    top: unset;
    bottom: -126px;
}
.popin-sponsoring{
    width: 100%;
    max-width: 490px;
    position: fixed;
    height: calc(100vh - 143px);
    top: unset;
    bottom: 0;
    left: unset;
    right: -550px;
    z-index: 3000;
    box-shadow: -3px 4px 8px 0 rgba(0, 0, 0, 0.15);
    transition: .5s;
}
#layout.reduit .popin-sponsoring{
    height: calc(100vh - 126px);
    top: 126px;
}

.popin-sponsoring .popin-container{
    transform: none;
    height: 100%;
    width: 100%;
}
.popin-sponsoring .popin-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding-top: 83px;
    box-sizing: border-box;
    color: #2D2D2D;
    font-family: 'Montserrat',sans-serif;
}
.popin-sponsoring .popin-content .title{
    font-size: 19px;
    font-weight: 600;
    line-height: normal;
}
.popin-sponsoring .popin-content .text{
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    display: block;
    max-width: 340px;
    margin: 23px auto 0;
}
.popin-sponsoring .popin-content .text b{
    color: #4D716C;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}
.popin-sponsoring .popin-content form{
    width: 90%;
    max-width: 350px;
    margin-top: 30px;
}
.popin-sponsoring .popin-content form div label{
    display: flex;
    flex-direction: column;
    margin-bottom: unset;
    position: relative;
}
.popin-sponsoring .popin-content form #f_sponsoring_code div:not(:first-child){
    margin-top: 14px;
}
#f_sponsoring_code .f_el.invalid input, #f_sponsoring_code .f_el.invalid .label {
    color: #AE2626 !important;
}
.popin-sponsoring .popin-content form div input{
    border: 0.4px solid #2D2D2D;
}
.popin-sponsoring .label{
    top: 11px;
    left: 10px;
    bottom: unset;
    padding: 1px 5px;
    position: absolute;
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    line-height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.popin-sponsoring input[type=text]:focus + .label,
.popin-sponsoring input[type=text].hascontent + .label{
    background-color: #FFFFFF;
    color: #2D2D2D;
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    opacity: 1;
    top: -5px;
    visibility: visible;
}
.popin-sponsoring .popin-content .btn{
    width: auto;
    height: 38px;
    padding: 0 20px;
    margin: 25px auto 0;
    white-space: nowrap;
}
.popin-sponsoring .popin-content .btn svg{
    margin-right: 10px;
}
.popin-sponsoring .popin-content .mention{
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    width: 90%;
    max-width: 350px;
    margin: 25px auto 0;
    text-align: left;
}
.popin-sponsoring .cta-green:hover{
    background-color: #FFFFFF;
    color: #2C4542;
}
.popin-sponsoring .cta-green:hover svg path{
    stroke: #2C4542;
}

.popin-sponsoring .cta-green svg{
    fill: none;
    stroke-width: 1;
    stroke: #FFFFFF;
}
.popin-sponsoring .cta-green svg:hover{
    stroke: #2C4542;
}
@media screen and ( max-width: 1056px ){
    #layout .popin-sponsoring{
        width: 95%;
        height: calc(100vh - 101px);
    }
    #layout .popin-sponsoring.open ~ .backgroundhover{
        bottom: -101px;
    }
    #layout.reduit .popin-sponsoring.open ~ .backgroundhover{
        top: unset;
        bottom: -101px;
    }
    #layout .popin-sponsoring .popin-content{
        background-color: #FFFFFF!important;
        padding-top: 44px!important;
    }
    #layout.reduit .popin-sponsoring{
        height: calc(100vh - 101px);
        top: 101px;
    }
}
@media screen and ( max-width: 541px ){
    #layout .popin-sponsoring{
        width: 95%;
        height: calc(100vh - 92px);
    }
    #layout .popin-sponsoring.open ~ .backgroundhover{
        bottom: -92px;
    }
    #layout.reduit .popin-sponsoring.open ~ .backgroundhover{
        top: unset;
        bottom: -92px;
    }
    #layout .popin-sponsoring .popin-content{
        background-color: #FFFFFF!important;
        padding-top: 44px!important;
    }
    #layout.reduit .popin-sponsoring{
        height: calc(100vh - 92px);
        top: 92px;
    }
}
/*------------------------------------------------------------------------------*/
/*Mentions // Gradient Element*/
/*------------------------------------------------------------------------------*/
.balisage-seo{
    margin: 75px 0 50px;
    text-align: center;
    background-color: #ECF1F0;
}
.balisage-seo .balisage-seo-container{
    width: 100%;
    max-width: 1458px;
    margin: auto;
    display: flex;
    flex-direction: row;
}
.balisage-seo .balisage-seo-container .visuel{
    width: 29%;
    max-width: 421px;
    object-fit: cover;
}
.balisage-seo .balisage-seo-text-container{
    width: 71%;
    max-width: 1037px;
    padding: 0 25px 20px 15px;
    box-sizing: border-box;
}
.balisage-seo .title{
    font-family: 'DM Serif Display',sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #2D2D2D;
    padding: 20px 0 10px;
    box-sizing: border-box;
}
.balisage-seo .subtitle{
    font-family: 'DM Serif Display',sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: #2D2D2D;
    display: block;
    margin-top: 15px;
}
.balisage-seo .text{
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #2D2D2D;
    margin-top: 10px;
}
@media screen and ( max-width: 1056px ){
    .balisage-seo{
        position: relative;
        max-height: 393px;
        overflow: hidden;
        transition: all 1s ease-in-out;
    }
    .balisage-seo.expand{
        max-height: 1500px !important;
    }
    .balisage-seo .balisage-seo-container{
        flex-direction: column;
    }
    .balisage-seo .balisage-seo-text-container{
        width: 100%;
        padding: 0 30px 20px;
    }
    .balisage-seo .show-more.expand{
        background-image: none;
        height: 20px;
        position: relative;
    }
    .balisage-seo .show-more{
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
        text-align: center;
        color: #2D2D2D;
        position: absolute;
        width: 100%;
        bottom: 0;
        padding-bottom: 20px;
        text-decoration: underline;
        height: 132px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        background-image: linear-gradient(0deg, rgba(236,241,240,1) 0%, rgba(240,244,243,1) 29%, rgba(245,248,247,0.5522584033613445) 87%, rgba(255,255,255,0) 100%);;
    }
}


.mentions-bottom{
    margin: 75px 0 10px;
    text-align: center;
}
.page-erreur .mentions-bottom{
    margin: 30px 0 10px;
}
.mentions-bottom .title{
    font-size: 24px;
    font-family: 'DM Serif Display', serif;
    color: #2C4542;
}
.mentions-bottom .subtitle{
    margin-top: 25px;
    font-size: 17px;
    font-family: 'DM Serif Display', serif;
    color: #2C4542;
}
.mentions-bottom .text{
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    color: #4A4A4A;
    margin-top: 10px;
}
.mentions-bottom .text a{
    text-decoration: underline;
}
.gradient-el .content{
    position: relative;
    overflow: hidden;
    font-weight: 400;
    line-height:20px;
}
.listing .gradient-el .content, .homepage .gradient-el .content{
    height: 155px;
}
.listing.forceSeoDisplay .gradient-el .content{
    height: auto !important;
}
.intro.gradient-el{
    text-align:center;
    margin-top:20px;
}
.gradient-el .content.deroule{
    height: 100%;
}
.gradient-el .gradient{
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, #ffffff 95%);
    position: absolute;
    top: 0;
    left: 0;
}
.listing.forceSeoDisplay .gradient-el .gradient{
    display: none;
}
.gradient-el .content.deroule .gradient{
    display: none;
}
.gradient-el .arrow{
    padding: 5px;
    cursor: pointer;
    border-width: 0 1px 1px 0;
}
.listing.forceSeoDisplay .gradient-el .arrow{
    display: none;
}
.gradient-el .arrow.deroule{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    position: relative;
    top: 15px;
}
.listing .form {
    padding: 40px 50px;
    width: 600px;
    margin: 35px auto 0;
    box-sizing: border-box;
}
.listing .form.f_newsletter {
    padding: 0 50px;
}
.f_searchproduct {
    background-color: #ecf1f0;
}
.listing .f_searchproduct .titre {
    font-weight: 500;
}
.listing .f_newsletter .titre b {
    font-weight: 500;
}
.listing .form .titre {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
    display: block;
    text-align: center;
}
.listing .form .main-input {
    border: 0;
    width: 295px;
    height: 35px;
}
.listing .form .btn-submit {
    height: 35px;
    padding: 0 10px;
    min-height: auto;
    font-weight: 400;
}
.listing .form .flex-container {
    justify-content: center;
}
@media screen and (max-width: 1056px){
    .mentions-bottom{
        padding: 0 30px;
        margin: 40px 0 0;
    }
    .mentions-bottom .title{
        font-size: 24px;
        line-height: 26px;
    }
    .mentions-bottom .text{
        font-size: 12px;
    }
}
@media screen and (max-width: 675px){
    .mentions-bottom.gradient-el .content{
        height: 95px;
    }
    .mentions-bottom.gradient-el .content.deroule{
        height: 100%;
    }
    .productblock .textblock .collection {
        font-size: 12px;
        margin-top: 5px;
    }
    .productblock .textblock .type {
        font-size: 11px;
    }
    .productblock .textblock .seo {
        justify-content: center;
    }
    .listing .form {
        width: calc(100% - 20px);
        padding: 15px;
    }
    .listing .form {
        margin: 30px auto 0;
    }
    .listing .form .titre {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 15px;
    }
    .listing .form .main-input {
        width: calc(100% - 45px);
    }
}
.templateblank{ display: none; }
.store-item .templateblank{ display: block; }



/*------------------------------------------------------------------------------*/
/*Back top*/
/*------------------------------------------------------------------------------*/
.backtop{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    background-color: #2C4542;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 99;
}
.backtop .arrow{
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 6px;
    position: relative;
    top: 4px;
}

/*------------------------------------------------------------------------------*/
/*Newsletter*/
/*------------------------------------------------------------------------------*/
.newsletter{
    width: 900px;
    margin: 50px auto 50px;
    border: 1px solid #000;
    padding: 25px 40px;
    box-sizing: border-box;
    text-align: center;
}
.newsletter-light{
    margin: 0 auto 0;
    border: none;
    padding: 0;
}
.newsletter .title{
    font-family: 'DM Serif Display', serif;
    font-size: 28px;
}
.homepage .newsletter .title{
    font-size: 36px;
    color: #2D2D2D;
}
.newsletter .flex-container{
    margin-top: 40px;
    justify-content: center;
}
.newsletter-light .flex-container{
    margin-top: 20px;
}
.newsletter .flex-container p{
    font-size: 16px;
    line-height: 20px;
}
.newsletter .flex-container p.explanation{
    color: #2D2D2D;
}
.newsletter-light .title,
.newsletter-light .flex-container p.explanation{
    display: none;
}
.newsletter .flex-container .f_newsletter{
    margin-left: 60px;
    display: flex;
}
.newsletter-light .flex-container .f_newsletter{
    margin-left: 0;
}
.newsletter .flex-container .f_newsletter .f_newsletter_email{
    border-color: #000;
    width: 255px;
    height: 40px;
}
.newsletter .flex-container .f_newsletter .f_newsletter_submit{
    width: 170px;
    padding: 0;
    height: 40px;
    min-height: auto;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.homepage .newsletter-container{
    background-color: #FBF9F7;
    padding-bottom: 40px;
}
.homepage .newsletter-container .newsletter{
    margin: 50px auto 0;
}
.newsletter-container .newsletter{
    background-color: unset;
    margin: 50px auto 25px;
}
.newsletter-container .mention{
    width: 80%;
    max-width: 860px;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
}

@media screen and (max-width: 1056px){
    .newsletter{
        width: 90%;
    }
    .newsletter .flex-container{
        flex-direction: column;
        margin-top: 20px;
    }
    .newsletter .flex-container .f_newsletter{
        margin-top: 20px;
        margin-left: 0;
        justify-content: center;
    }
    .newsletter .flex-container .f_newsletter .f_newsletter_email{
        width: 260px;
    }
    .newsletter .flex-container .f_newsletter .f_newsletter_submit{
        width: 45px;
    }
}
@media screen and (max-width: 675px){
    .newsletter {
        padding: 20px;
    }
    .newsletter .title {
        font-size: 7vw!important;
    }
    .newsletter .flex-container p {
        font-size: 3.5vw;
        line-height: 5vw;
        margin-top: 8px;
    }
    .newsletter .flex-container .f_newsletter .f_newsletter_email{
        width: calc(100% - 35px);
    }
    .backtop{
        right: 0;
    }
}




/*--------------------------------------------------------*/
/*Titre page*/
/*--------------------------------------------------------*/
.titre-page{
    font-size: 24px;
    text-align: center;
    color: #2D2D2D;
    text-transform: uppercase;
}
.titre-page.no-transform{
    text-transform: unset;
}
.customer-title{
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-top: 20px;
}



/*------------------------------------------------------------------------------*/
/*Savoir faire*/
/*------------------------------------------------------------------------------*/
.savoirfaire{
    position: relative;
    margin-top: 50px;
    text-align: right;
}
.savoirfaire .visuel{
    max-width: 707px;
}
.savoirfaire .background{
    background-color: #2C4542;
    width: 100%;
    height: 90%;
    position: absolute;
    left: 0;
    top: 5%;
    z-index: -1;
}
.savoirfaire .textblock{
    background-color: #fff;
    width: 890px;
    height: 80%;
    position: absolute;
    left: 100px;
    top: 10%;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    color: #2D2D2D;
}
.savoirfaire .textblock .title{
    font-size: 36px;
    font-family: 'DM Serif Display', serif;
}
.savoirfaire .textblock .swiper-slide{
    text-align: center;
    width: 19%;
}
.savoirfaire .textblock .swiper-slide svg{
    height: 50px;
}
.savoirfaire .textblock .name{
    display: block;
    font-family: 'DM Serif Display', serif;
    font-size: 20px;
    line-height: 25px;
    margin-top: 20px;
}
.savoirfaire .textblock .description{
    font-size: 12px;
    line-height: 17px;
    font-weight: 500;
    margin-top: 20px;
}
.savoirfaire .slider-arrow{
    display: none;
}
.savoirfaire .slider-savoirfaire{
    margin-top: 40px;
}
.savoirfaire .slider-savoirfaire .swiper-wrapper{
    justify-content: space-between;
}

@media screen and (max-width: 1056px){
    .savoirfaire {
        background-color: #2C4542;
        padding: 20px;
        box-sizing: border-box;
    }
    .savoirfaire .visuel,
    .savoirfaire .background{
        display: none;
    }
    .savoirfaire .textblock{
        position: static;
        width: 100%;
    }
}
@media screen and (max-width: 675px){
    .savoirfaire .textblock .title{
        font-size: 7vw;
        line-height: 9vw;
    }
    .savoirfaire .textblock {
        position: relative;
        left: 0;
    }
    .savoirfaire .textblock ul {
        position: static;
    }
    .savoirfaire .textblock ul li:not(:first-child){
        margin-left: 0;
    }
    .savoirfaire .textblock ul li .name{
        font-size: 5vw;
    }
    .savoirfaire .textblock ul li .description {
        font-size: 3vw;
        line-height: 5vw;
    }
    .savoirfaire .slider-arrow .arrow {
        border-width: 0 1px 1px 0;
        padding: 4px;
        position: relative;
        top: 2px;
    }
    .savoirfaire .slider-arrow{
        display: block;
        background-color: transparent;
    }
    .savoirfaire .swiper-button-next-disabled{
        opacity: 0;
    }
}



/*-------------------------------------------------------------*/
/* Popin addbasket */
/*-------------------------------------------------------------*/
.popin-addbasket .popin-container{
    width: 1100px;
}
.popin-addbasket.popin-addbasket-parures .popin-container{
    width: 695px;
}
.popin-dispo-magasin .popin-container{
    width: 790px;
}
.popin-dispo-magasin .popin-content {
    background-color: #ECF1F0;
}
.popin-dispo-magasin .popin-content{
    text-align: center;
    padding: 50px 0 20px 0;
}
.popin-dispo-magasin .title{
    font-size: 24px;
    display: block;
}
.popin-addbasket .popin-content{
    text-align: center;
    padding: 50px 0;
}
.popin-addbasket.popin-addbasket-parures .popin-content{
    padding: 30px 0;
}
.popin-addbasket .title{
    font-size: 24px;
    display: block;
}
.popin-addbasket.popin-addbasket-parures .title{
    font-size: 17px;
    font-weight: 400;
}
.popin-addbasket .container-ctas{
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.popin-addbasket.popin-addbasket-parures .container-ctas{
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}
.popin-addbasket:not(.popin-addbasket-parures) .container-ctas .cta-black{
    margin-left: 25px;
}
.popin-addbasket.popin-addbasket-parures .container-ctas .cta-white,
.popin-addbasket.popin-addbasket-parures .container-ctas .cta-black{
    width: auto;
    padding: 10px 20px;
}
.popin-addbasket .container-ctas .cta-white,
.popin-addbasket .container-ctas .cta-black{
    width: 285px;
    font-weight: 400;
}
.popin-addbasket .cross-selling {
    padding: 0;
}
.popin-addbasket .cross-selling .title-section{
    font-family: 'DM Serif Display', sans-serif;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    font-size: 33px;
    line-height: 45px;
    color: #000000;
    margin: 2rem;
}
.popin-addbasket.popin-addbasket-parures .cross-selling .title-section{
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #000000;
    margin: .750rem 2rem 0 2rem;
}
.popin-addbasket:not(.popin-addbasket-parures) .cross-selling .cross-carrousel{
    margin-left: 30px;
}
.popin-addbasket.popin-addbasket-parures .cross-selling .cross-carrousel{
    padding-left: 30px;
    padding-bottom: 15px;
}
.popin-addbasket:not(.popin-addbasket-parures) .cross-selling .cross-carrousel .cross-slide{
    width: 280px !important;
}
.popin-addbasket.popin-addbasket-parures .cross-selling .cross-carrousel .cross-slide{
    width: 250px !important;
    border-radius: 11px;
    border: 1px solid #fff;
    background: #fff;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.13);
    overflow: hidden;
}
.popin-addbasket.popin-addbasket-parures .productblock .textblock.newPicto{
    margin-top: unset;
    padding: 10px;
}
.popin-addbasket.popin-addbasket-parures .productblock .picto-list{
    min-height: 28px;
}
.popin-addbasket.popin-addbasket-parures .productblock .picto-list .etiquette{
    font-size: 11px;
    padding: 4px 8px;
}
.popin-addbasket.popin-addbasket-parures .productblock .textblock .flex-container{
    position: relative;
    width: 100%;
}
.popin-addbasket.popin-addbasket-parures .productblock .textblock .left,
.popin-addbasket.popin-addbasket-parures .productblock .textblock .right{
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    width: 100%;
}
.popin-addbasket.popin-addbasket-parures .productblock .textblock .right {
    position: absolute;
    top: 0;
    right: 0;
}
.popin-addbasket.popin-addbasket-parures .productblock .textblock .collection {
    margin-top: unset;
    font-size: 14px;
}
.popin-addbasket.popin-addbasket-parures .productblock .textblock .type {
    line-height: normal;
    width: 45%;
}
.popin-addbasket.popin-addbasket-parures .productblock .textblock .price span {
    font-size: 16px;
    font-weight: 600;
}
.popin-addbasket.popin-addbasket-parures .productblock .textblock .seo {
    opacity: 0;
    margin-top: 5px;
}

@media screen and (max-width: 1056px){
    .popin-addbasket .popin-content{
        width: 94%;
        padding: 35px;
        box-sizing: border-box;
        margin-left: 3%;
    }
    .popin-addbasket .cross-selling{
        display: none;
    }
    .popin-addbasket .container-ctas{
        flex-direction: column;
        align-items: center;
    }
    .popin-addbasket .container-ctas .cta-black{
        margin: 10px 0 0;
    }
}
@media screen and (max-width: 675px){
    /*.popin.open .popin-container{*/
    /*    width: 90%;*/
    /*}*/
    .popin-addbasket .container-ctas .cta-white,
    .popin-addbasket .container-ctas .cta-black{
        width: 100%;
        font-size: 3.5vw;
    }
    .popin-addbasket .title {
        font-size: 5.5vw;
        line-height: 6.5vw;
    }
}


/*-------------------------------------------------------------*/
/* Popin packshots */
/*-------------------------------------------------------------*/
.popin-packshots .popin-content{
    display: flex;
    align-items: flex-start;
    padding: 50px 160px;
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.25);
}
.popin-packshots .packshot-popin-slider .slide{
    cursor: pointer;
}
.popin-packshots .swiper-container-vertical>.swiper-wrapper{
    transition-duration: 10ms!important;
}
.popin-packshots .packshot-popin-slider .slide img,
.popin-packshots .packshot-popin-slider .slide video{
    width: 100%;
}
.popin-packshots.popin-shop-the-look-packshot .popin-content{
    padding: 30px;
    height: 560px;
    overflow: hidden;
}
.popin-packshots.popin-shop-the-look-packshot .bigpackshot{
    width: 654px;
    height: 500px;
    margin-left: 20px;
}
@media screen and (min-width: 1057px){
    .popin-packshots .onslide{
        display: none;
    }
    .popin-packshots .bigpackshot{
        width: 905px;
        height: 690px;
        max-height: calc( 100vh - 120px );
        margin-left: 50px;
    }
    .popin-packshots .bigpackshot img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .popin-packshots .bigpackshot video{
        width: 100%;
    }
    .popin-packshots .packshot-popin-slider{
        width: 165px;
        height: 690px;
    }
    .popin-packshots .packshot-popin-slider .slider-left{
        top: 0;
        left: calc(50% - 11px);
        transform: rotate(90deg);
    }
    .popin-packshots .packshot-popin-slider .slider-left .arrow{
        position: relative;
        right: -2px;
    }
    .popin-packshots .packshot-popin-slider .slider-right{
        top: auto;
        bottom: 0;
        left: calc(50% - 11px);
        transform: rotate(90deg);
    }
    .popin-packshots .packshot-popin-slider .slider-right .arrow{
        position: relative;
        left: -2px;
    }
    .popin-packshots .packshot-popin-slider .swiper-scrollbar{
        display: none;
    }
    .popin.popin-packshots .popin-container{
        margin-top: 90px;
    }
}
@media screen and (max-width: 1056px){
    .popin-packshots .popin-container,
    .popin-packshots .popin-content{
        width: 100%;
        height: 100%;
    }
    .popin-packshots .popin-content{
        padding: 0;
        display: block;
    }
    .popin-packshots .bigpackshot{
        display: none;
    }
    .popin-packshots .swiper-scrollbar{
        /*position: static;*/
        width: 90%;
        /*margin: 40px auto 0;*/
        bottom: 5%;
        left: 5%;
    }
    .popin-packshots .packshot-popin-slider{
        height: 100%;
    }
    .popin-packshots .onslide{
        background-color: #ECF1F0;
        font-size: 14px;
        padding: 15px 20px;
        box-sizing: border-box;
        position: fixed;
        width: 100%;
        z-index: 999;
    }
    .popin-packshots .close-cross{
        z-index: 1100;
    }
    .popin-packshots .packshot-popin-slider .slider-left{
        left: 10px;
        top: calc(50% - 11px);
    }
    .popin-packshots .packshot-popin-slider .slider-right{
        right: 10px;
    }
    /*.productblock .visuel-container img.ope{*/
    /*    display: none;*/
    /*}*/
    .popin.popin-packshots .popin-content{
        padding-top: 0;
    }
    .popin.popin-packshots .popin-content .close-cross{
        z-index: 9999;
        top: 10px;
    }
}

/*-------------------------------------------------------------*/
/* Popin sizesguide */
/*-------------------------------------------------------------*/
.popin-sizesguide .popin-container{
    width: 815px;
}
.popin-sizesguide .popin-content{
    padding: 20px 35px;
    height: 465px;
    box-sizing: border-box;
}
.popin-sizesguide .title-popin{
    font-size: 33px;
    font-family: 'DM Serif Display', serif;
    text-align: center;
}
.popin-sizesguide .tabs {
    border-bottom: 1px solid #000;
    display: flex;
    position: relative;
    margin-top: 35px;
}
.popin-sizesguide .tab {
    width: 50%;
    text-align: center;
    padding: 15px 0;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    color: #AFAFAF;
    transition: .3s;
}
.popin-sizesguide .tab.active {
    color: #000;
}
.popin-sizesguide .tabs .soulign {
    background-color: #2C4542;
    height: 3px;
    width: 50%;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 1;
    transition: .3s;
}
.popin-sizesguide .boards-container {
    margin-top: 35px;
}
.popin-sizesguide .tableau-taille .first-tr {
    font-weight: 600;
}
.popin-sizesguide .tableau-taille td {
    border: 1px solid #A0A0A0;
    text-align: center;
    padding: 10px;
    font-size: 14px;
}
.popin-sizesguide .board .text1 {
    font-size: 13px;
    line-height: 17px;
    margin-top: 20px;
}
.popin-sizesguide .board .text2 {
    font-size: 11px;
    line-height: 15px;
    margin-top: 20px;
    color: #959699;
    display: block;
}
.popin-sizesguide .boards-container .board .tableau-taille {
    width: 100%;
}
.popin-sizesguide .boards-container .board:not(.active) {
    display: none;
}

@media screen and (min-width: 1057px){
    .popin-sizesguide .tab-mb{
        display: none;
    }
}

@media screen and (max-width: 1056px){
    .popin-sizesguide .popin-container{
        width: 90%;
    }
    .popin-sizesguide .popin-content{
        height: auto;
        max-height: 90vh;
        overflow: scroll;
    }
    .popin-sizesguide .tabs{
        display: none;
    }
    .popin-sizesguide .boards-container{
        border-bottom: 1px solid #2D2D2D;
    }
    .popin-sizesguide .tab-mb{
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 20px;
        font-weight: 500;
        text-transform: uppercase;
        padding: 20px 0;
        border-top: 1px solid #2D2D2D;
    }
    .popin-sizesguide .tab-mb.active .arrow{
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .popin-sizesguide .boards-container .board{
        display: none;
        padding-bottom: 20px;
    }
    .popin-sizesguide .boards-container .board.active{
        display: block;
    }
}
@media screen and (max-width: 675px){
    .popin-sizesguide .popin-container{
        width: 100%;
    }
    .popin-sizesguide .popin-content{
        max-height: 100vh;
        height: 100vh;
        padding: 20px 15px;
    }
    .popin-sizesguide .boards-container .board{
        overflow: scroll;
    }
}


/*--------------------------------------------------------*/
/*View password*/
/*--------------------------------------------------------*/
.viewpassword {
    position: relative;
}
.viewpassword svg{
    position: absolute;
}
.viewpassword svg.view{
    top: 15px;
    right: 15px;
}
.viewpassword svg.hide{
    top: 14px;
    right: 14px;
}


/*--------------------------------------------------------*/
/*Popin password*/
/*--------------------------------------------------------*/
.popin-password .popin-content{
    width: 380px;
    padding: 25px 40px;
    box-sizing: border-box;
    text-align: center;
}
.popin-password .title{
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.popin-password .text{
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-top: 25px;
}
.popin-password .f_el{
    margin-top: 30px;
    display: flex;
}
.popin-password .f_el input{
    height: 40px;
    width: calc(100% - 45px);
}
.popin-password .f_el .cta-submit{
    height: 40px;
    padding: 10px;
}
.popin-password .btn-back{
    width: 165px;
    height: 40px;
    margin-top: 25px;
}
.popin-password .validation{
    display: none;
}
.popin-smartconnect-password .close-cross.close-popin{
    display: none;
}

/*--------------------------------------------------------*/
/*Popin smartconnect password*/
/*--------------------------------------------------------*/
.popin-smartconnect-password.open{
    right: 0;
}
.popin-smartconnect-password{
    width: 100%;
    max-width: 490px;
    position: fixed;
    height: calc(100vh - 142px);
    top: unset;
    bottom: 0;
    left: unset;
    right: -550px;
    z-index: 3000;
    background-color: #F6F4EF;
    box-shadow: -3px 4px 8px 0 rgba(0, 0, 0, 0.15);
    border-top: solid .3px #2D2D2D;
    transition: .5s;
}
body.lrgc .popin-smartconnect-password{
    height: 100%;
}
body.header-sticky .popin-smartconnect-password{
    height: calc(100vh - 126px);
}
body.isHeaderLight .popin-smartconnect-password,
body.de_DE.isHeaderLight .popin-smartconnect-password{
    height: 100vh;
}
.popin-smartconnect-password .close-cross.close-popin{
    display: none;
}
.popin-smartconnect-password .popin-container{
     transform: none;
     height: 100%;
 }
.popin-smartconnect-password .popin-content{
    width: 100%;
    padding: 25px 40px;
    box-sizing: border-box;
    text-align: center;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.popin-smartconnect-password form{
    padding: 80px 0 0;
}
.popin-smartconnect-password .title{
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.popin-smartconnect-password .text{
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-top: 25px;
}
.popin-smartconnect-password .f_el{
    margin-top: 28px;
    display: flex;
    position: relative;
}
.popin-smartconnect-password .f_el input{
    height: 40px;
    width: calc(100% - 45px);
}
.popin-smartconnect-password label{
    top: 11px;
    left: 10px;
    bottom: unset;
    padding: 1px 5px;
    position: absolute;
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    line-height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.popin-smartconnect-password input:focus + label,
.popin-smartconnect-password #f_password_login_object.hascontent + label{
    background: rgb(246,244,239);
    background: linear-gradient(180deg, rgba(246,244,239,1) 0%, rgba(246,244,239,1) 52%, rgba(255,255,255,0) 52%, rgba(255,255,255,0) 100%);
    color: #2D2D2D;
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    opacity: 1;
    top: -5px;
    visibility: visible;
}
.popin-smartconnect-password .f_el .cta-submit{
    height: 40px;
    padding: 10px;
}
.popin-smartconnect-password .btn-back{
    width: 165px;
    height: 40px;
    margin-top: 25px;
}
.popin-smartconnect-password .validation{
    padding: 80px 0 0;
    display: none;
}
.popin-smartconnect-password .btn{
    margin-top: 28px;
    height: 36px;
    width: auto;
    padding: 0 20px;
    cursor: pointer;
}
@media screen and ( max-width: 675px ) {
    body.de_DE .popin-smartconnect-password,
    .popin-smartconnect-password{
        height: calc(100vh - 90px);
    }
    .popin-smartconnect-password form{
        padding: 0;
    }
}

/*--------------------------------------------------------*/
/*Popin customer number*/
/*--------------------------------------------------------*/
.popin-customernumber .popin-content{
    width: 665px;
    display: flex;
    align-items: stretch;
}
.popin-customernumber .textblock{
    padding: 20px;
    text-align: center;
}
.popin-customernumber .textblock .title{
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.popin-customernumber .textblock .text{
    font-size: 12px;
    line-height: 16px;
    margin-top: 20px;
    font-weight: 400;
}
.popin-customernumber .textblock .text b{
    font-size: 14px;
    font-weight: 600;
}
.popin-customernumber .textblock .text a{
    text-decoration: underline;
}
.popin-customernumber img{
    object-fit: cover;
}

@media screen and (max-width: 675px){
    .popin-customernumber .popin-content{
        width: 100%;
        flex-direction: column;
    }
}
/*--------------------------------------------------------*/
/*Popin smartconnect customer number*/
/*--------------------------------------------------------*/
.popin-smartconnect-customernumber.open{
    right: 0;
}
.popin-smartconnect-customernumber{
    width: 100%;
    max-width: 490px;
    position: fixed;
    height: calc(100vh - 142px);
    top: unset;
    bottom: 0;
    left: unset;
    right: -550px;
    z-index: 3000;
    background-color: #F6F4EF;
    box-shadow: -3px 4px 8px 0 rgba(0, 0, 0, 0.15);
    border-top: solid .3px #2D2D2D;
    transition: .5s;
}
body.lrgc .popin-smartconnect-customernumber{
    height: 100%;
}
body.header-sticky .popin-smartconnect-customernumber{
    height: calc(100vh - 126px);
}
body.isHeaderLight .popin-smartconnect-customernumber{
    height: 100vh;
}
.popin-smartconnect-customernumber .popin-container{
    transform: none;
    height: 100%;
}
.popin-smartconnect-customernumber .popin-content{
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.popin-smartconnect-customernumber .textblock{
    padding: 80px 0 0;
    text-align: center;
    margin: 0 auto;
}
.popin-smartconnect-customernumber .textblock .title{
    font-size: 15px;
    font-weight: 600;
}
.popin-smartconnect-customernumber .textblock .text{
    font-size: 14px;
    line-height: 16px;
    margin-top: 28px;
    display: inline-block;
    font-weight: 400;
}
.popin-smartconnect-customernumber .textblock .text b{
    font-size: 14px;
    font-weight: 600;
}
.popin-smartconnect-customernumber .textblock .text-help{
    margin-top: 22px;
    display: block;
}
.popin-smartconnect-customernumber .textblock .text a{
    text-decoration: underline;
}
.popin-smartconnect-customernumber .btn{
    margin-top: 28px;
    height: 36px;
    width: auto;
    padding: 0 20px;
    cursor: pointer;
}
.popin-smartconnect-customernumber img{
    margin-top: 28px;
}

@media screen and (max-width: 675px){
    body.de_DE .popin-smartconnect-customernumber,
    .popin-smartconnect-customernumber{
        height: calc(100vh - 90px);
    }
    .popin-smartconnect-customernumber .popin-content{
        width: 100%;
        flex-direction: column;
    }
    .popin-smartconnect-customernumber .textblock {
        padding: 0;
    }
}

/*--------------------------------------------------------*/
/*Popin customer invoice number*/
/*--------------------------------------------------------*/
.popin-customerinvoicenumber .popin-content{
    width: 665px;
    display: flex;
    align-items: stretch;
}
.popin-customerinvoicenumber .textblock{
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.popin-customerinvoicenumber .textblock .title{
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.popin-customerinvoicenumber .textblock .text{
    font-size: 12px;
    line-height: 16px;
    margin-top: 20px;
    font-weight: 400;
}
.popin-customerinvoicenumber .textblock .text b{
    font-size: 14px;
    font-weight: 600;
}
.popin-customerinvoicenumber .textblock .text a{
    text-decoration: underline;
}
.popin-customerinvoicenumber img{
    object-fit: cover;
}

@media screen and (max-width: 675px){
    .popin-customerinvoicenumber .popin-content{
        width: 100%;
        flex-direction: column;
    }
}


/*--------------------------------------------------------*/
/*Delivery board*/
/*--------------------------------------------------------*/
.delivery-board {
    text-align: center;
    margin-top: 20px;
}

.delivery-board tr {
    border: 1px solid black;
}

.delivery-board tr td {
    padding: 10px;
    border-right: 1px solid black;
    min-width: 60px;
    vertical-align: middle;
}

@media screen and (max-width: 675px){
    .delivery-board tr td {
        padding: 5px;
    }
}


/*-------------------------------------------------------------*/
/* Mosaic collections */
/*-------------------------------------------------------------*/
.collections{
    margin-top: 50px;
}
.collections .titre{
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    text-transform: none;
}
.collections .mosaic-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 11px;
    width: 100%;
    max-width: 981px;
    padding: 0 58.5px;
    box-sizing: border-box;
    margin: 30px auto 0;
}
.collections .mosaic-container a{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border-radius: 11px;
    overflow: hidden;
    max-width: 281px;
}
.collections .mosaic-container a img{
    width: 100%;
    height: auto;
    transition: .3s;
}
.collections .mosaic-container a:hover img{
    transform: scale(1.05);
}
.collections .mosaic-container a span{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #FFFFFF;
    position: absolute;
}
.collections .earlybird-container{
    margin-top: 50px;
    position: relative;
}
.collections .earlybird-title{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 25px;
}
.collections .earlybird-container .cross-selling{
    margin-top: unset!important;
}
.collections .earlybird-container .btn.hiddenDefault{
    display: none!important;
}

.collections .mosaic{
    margin-top: 30px;
    display: flex;
}
.collections .mosaic a{
    display: block;
    font-size: 0;
    position: relative;
}
.collections .mosaic img{
    width: 100%;
}

.collections .mosaic .column2{
    margin: 0 20px;
}
.collections .mosaic .img-container{
    overflow: hidden;
    border-radius: 11px;
}
.collections .mosaic .img-container img{
    transition: .6s;
}
.collections .mosaic a:hover .img-container img{
    transform: scale(1.05);
}
.collections .mosaic .textblock{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media screen and (min-width: 676px){
    .collections .mosaic-container .visuel.desktop{display: block!important;}
    .collections .mosaic-container .visuel.mobile{display: none!important;}
    .collections .mosaic.mob{
        display: none;
    }
    .collections .mosaic .column1 a:first-child{
        margin-bottom: 20px;
    }
    .collections .mosaic .column2 a:first-child{
        margin-bottom: 25px;
    }
    .collections .mosaic .column3 a:first-child{
        margin-bottom: 23px;
    }
}

@media screen and (max-width: 675px){
    .collections{
        width: calc(100% - 18px);
        margin: 25px auto 0;
    }
    .collections .titre {
        font-size: 12px;
        line-height: 15px;
        text-transform: none;
    }
    .collections .mosaic-container{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        padding: 0;
        margin-top: 15px;
    }
    .collections .mosaic-container .visuel.desktop{display: none!important;}
    .collections .mosaic-container .visuel.mobile{display: block!important;}
    .collections .mosaic.desk{
        display: none;
    }
    .collections .mosaic-container a span{
        font-size: 16px;
        line-height: 23px;
    }
    .collections .mosaic {
        justify-content: center;
        margin-top: 10px;
    }
    .collections .mosaic .column2 {
        margin: 0 0 0 10px;
    }
    .collections .mosaic .textblock{
        font-size: 16px;
    }
    .collections .mosaic .column a:not(:first-child){
        margin-top: 10px;
    }
}

.page-fermeture-redonner .collections-title{
    font-family: 'Montserrat',sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 0.3px;
    color: #2D2D2D;
    margin: 40px auto 0;
    text-align: center;
}
.page-fermeture-redonner .collections{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1620px;
    margin: 40px auto 0;
}
.page-fermeture-redonner .collections .a-visuel{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    line-height: 0;
    width: calc(25% - 14px);
    max-width: 375px;
    height: 430px;
    margin: 7px;
    overflow: hidden;
}
.page-fermeture-redonner .collections .visuel{
    width: auto;
    max-width: 375px;
    height: 430px;
    object-fit: cover;
}
.page-fermeture-redonner .collections .textblock{
    position: absolute;
    background-color: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(2px);
    color: #2D2D2D;
    text-align: center;
    box-sizing: border-box;
    padding: 30px 10px 40px;
    width: 64%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.page-fermeture-redonner .collections .textblock .title{
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
}
.page-fermeture-redonner .collections .textblock .description{
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    margin-top: 15px;
}
.page-fermeture-redonner .collections .textblock .btn{
    position: absolute;
    width: 140px;
    height: 38px;
    margin: auto;
    bottom: -19px;
}
@media screen and ( min-width: 1200.98px ) and ( max-width: 1590px ) {
    .page-fermeture-redonner .collections .textblock .title{
        font-size: 1.4vw;
    }
    .page-fermeture-redonner .collections .textblock .description{
        font-size: 0.9vw;
        line-height: 1.2vw;
    }
}
@media screen and ( max-width: 1200px ){
    .page-fermeture-redonner .collections .a-visuel{
        width: calc(32% - 14px);
    }

}
@media screen and ( min-width: 580.98px ) and ( max-width: 1150px ){
    .page-fermeture-redonner .collections{
        width: 100%;
        justify-content: space-between;
    }
    .page-fermeture-redonner .collections .a-visuel{
        width: 48%;
        max-width: unset;
        height: auto;
        margin: 1% auto;
    }
    .page-fermeture-redonner .collections .visuel{
        width: 100%;
        max-width: unset;
        height: auto;
        object-fit: unset;
    }
}
@media screen and ( max-width: 900px ){
    .page-fermeture-redonner .collections{
        width: 90%;
    }
    .page-fermeture-redonner .collections .a-visuel{
        max-width: unset;
        height: auto;
        margin: 2% auto;
    }
    .page-fermeture-redonner .collections .textblock{
        width: calc(100% - 80px);
    }
    .page-fermeture-redonner .collections .visuel{
        width: 100%;
        max-width: unset;
        height: auto;
        object-fit: unset;
    }
}
@media screen and ( max-width: 580px ){
    .page-fermeture-redonner .collections-title{
        width: 90%;
        font-size: 25px;
        line-height: 29px;
        letter-spacing: 0.75px;
    }
    .page-fermeture-redonner .collections{
        flex-direction: column;
    }
    .page-fermeture-redonner .collections .a-visuel{
        width: 100%;
    }
}

/*-------------------------------------------------------------*/
/* Doofinder */
/*-------------------------------------------------------------*/
.df-classic .doofinderLogo {
    display: none !important
}

.df-classic{
    width: 1000px!important;
    margin-left: -500px!important;
}
.workbench .df-classic{
    top: 191px!important;
}
@media screen and (min-width: 1238px) and (max-width: 1350px){
    .workbench .df-classic{
        top: 189px!important;
    }
}
@media screen and (min-width: 1057px) and (max-width: 1237px){
    .workbench .df-classic{
        top: 188px!important;
    }
}
.df-card__title {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    display: block;
    font-weight: 600;
    margin-bottom: 0 !important;
}
.df-card__description, .df-card__petitplus_seo {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px !important;
    display: block !important;
    font-weight: 400 !important;
    -ms-flex: 0 !important;
    -webkit-flex: 0 !important;
    flex: 0 !important;
    -webkit-box-flex: 0 !important;
}
.df-classic .df-card__price--new, .df-mobile .df-card__price--new {
    font-family: 'Montserrat', sans-serif;
    color: #000 !important;
    font-size: 14px !important;
    display: block !important;
    font-weight: 400 !important;
    margin-top: 4px !important;
}
.df-classic .df-card__price--old, .df-mobile .df-card__price--old {
    font-family: 'Montserrat', sans-serif;
    display: block !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    color: #4A4A4A !important;
    text-decoration: none !important;
}
.df-classic .df-card__price--old strike, .df-mobile .df-card__price--old strike {
    font-family: 'Montserrat', sans-serif;
    text-decoration: line-through !important;;
}
.df-card__picto {
    margin-bottom: 0 !important;
}
.df-card__picto img {
    height: 20px !important;
}
.df-classic .df-card__pricing, .df-mobile .df-card__pricing {
    margin-top: 0 !important
}
.df-classic .df-card__price--insteadof, .df-mobile .df-card__price--insteadof {
    font-weight: 400 !important
}
.df-classic .df-card__price--insteadof i, .df-mobile .df-card__price--insteadof i {
    font-style: normal;
    text-decoration: line-through
}
.df-classic[data-layout=grid] .df-card__image, .df-mobile[data-layout=grid] .df-card__image {
    margin: 0 !important;
    padding: 0 !important;
    height: auto;
}
.df-classic .df-card__image:hover, .df-mobile .df-card__image:hover {
    background-color: #eee;
}
.df-card__image img{
    padding-bottom: 10px;
}
body.usePackshotsCarres .df-classic .df-card img{
    object-fit: cover;
    aspect-ratio: 1 / 1;
    height: 100%;
}
.df-classic .df-term, .df-mobile .df-term {
    text-align: left !important
}
.df-card__picto span.picto{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 2px 5px;
    margin: 0 5px;
    bottom: 8px;
    right: 0;
}
.df-card__picto span.picto.on{
    background-color: #2C4542;
}
.df-card__operation span.operation{
    color: #fff;
    margin: 0 5px;
    bottom: 8px;
    right: 0;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 5px 10px;
}
.df-card__operation span.operation.on{
    background-color: #D1661F;
}
.df-card__prixdoux span.prixdoux{
    margin: 0 5px;
    bottom: 8px;
    right: 0;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    color: #2D2D2D;
    text-transform: uppercase;
    background-color: #fff;
    border:1px solid #2D2D2D;
    margin-left: 10px;
}
.df-card__prixdoux span.prixdoux.on{
    background-color: #fff;
}
[data-layout=grid][data-browser-support~=cssgrid] .df-results{
    grid-template-columns: repeat(4,1fr)!important;
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .df-classic .df-card__title, .df-mobile .df-card__title {
        margin-bottom: 30px;
        line-height: 14px
    }
    .df-classic .df-card__description, .df-mobile .df-card__description {
        margin-bottom: 20px
    }
}

/*-------------------------------------------------------------*/
/* Popin CGV & données perso */
/*-------------------------------------------------------------*/
.popin-cgv .popin-container,
.popin-protectiondonnees .popin-container{
    width: 1100px;
    height: 80%;
}
.popin-cgv .popin-content,
.popin-protectiondonnees .popin-content{
    padding: 20px;
}
.popin-cgv .title,
.popin-protectiondonnees .title{
    font-size: 24px;
    display: block;
    text-align: center;
}
.popin-cgv .maj,
.popin-protectiondonnees .maj{
    font-size: 13px;
    display: block;
    text-align: center;
    margin-top: 10px;
}
.popin-cgv .tableau-id-producteur{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.popin-cgv .tableau-id-producteur .first-tr{
    font-weight: 600;
}
.popin-cgv .tableau-id-producteur .first-tr td{
    border: 1px solid #A0A0A0;
    background-color: #FFFFFF;
    color: #000000;
}
.popin-cgv .tableau-id-producteur td{
    padding: 10px;
    font-size: 14px;
    border: 1px solid #A0A0A0;
    text-align: center;
}
.popin-cgv .tableau-id-producteur.smalltext td{
    font-size: 12px;
}
.popin-cgv .tableau-id-producteur.no-border{
    width: 60%;
}
.popin-cgv .tableau-id-producteur.no-border td{
    border: none;
    padding: 0;
    font-size: 12px;
}
.popin-cgv .list,
.popin-protectiondonnees .list{
    margin-top: 20px;
}
.popin-cgv .list li,
.popin-protectiondonnees .container{
    font-size: 14px;
    margin-top: 5px;
}
.popin-cgv .section-cgv,
.popin-protectiondonnees .section-cgv{
    margin-top: 40px;
}
.popin-cgv .section-cgv .name,
.popin-protectiondonnees .name-section{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
}
.popin-cgv .section-cgv .name .arrow,
.popin-cgv .section-cgv .subname .plus,
.popin-protectiondonnees .section-cgv .name .arrow,
.popin-protectiondonnees .section-cgv .subname .plus{
    display: none;
}
.popin-cgv .section-cgv .bloc,
.popin-protectiondonnees .section-cgv .bloc{
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px;
}
.popin-cgv .close-cross,
.popin-protectiondonnees .close-cross{
    right: 20px;
}

@media screen and (max-width: 675px){
    .popin-cgv .popin-container,
    .popin-protectiondonnees .popin-container{
        width: 100%;
        height: 100%;
    }
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* Page programme fidelité */
/*--------------------------------------------------------------------------------------------------------------------*/
.customer-fidelity {
    padding-bottom: 50px;
}
.customer-fidelity .title{
    font-size: 33px;
    font-family: 'DM Serif Display';
    text-align: center;
    margin-top: 15px;
}
.customer-fidelity .subtitle{
    font-size: 20px;
    font-family: 'DM Serif Display';
    text-align: center;
    margin-top: 10px;
}
.customer-fidelity .head{
    margin-top: 50px;
    position: relative;
}
.customer-fidelity .head .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
}
.customer-fidelity .head .box {
    background-color: #fff;
    padding: 25px 15px;
    width: 355px;
    height: 265px;
    box-sizing: border-box;
}
.customer-fidelity .head .box .text {
    text-align: center;
    font-size: 17px;
    line-height: 22px;
    display: block;
    margin-bottom: 30px;
    font-weight: 400;
}
.customer-fidelity .head .box .btn {
    width: 170px;
    text-align: center;
    margin: auto;
    font-weight: 400;
    height: 40px;
    padding: 0;
    display: flex;
}
.customer-fidelity .head .box .or {
    font-size: 15px;
    text-transform: uppercase;
    margin: 20px 0;
    display: block;
    text-align: center;
}
.customer-fidelity .head .box .logged .total {
    font-size: 30px;
    font-weight: 600;
    color: #A0543C;
    display: block;
    text-align: center;
}
.customer-fidelity .head .box .logged .date {
    font-size: 14px;
    display: block;
    text-align: center;
    margin-top: 5px;
}
.customer-fidelity .head .box .logged .and {
    display: block;
    font-size: 14px;
    margin: 15px 0;
    text-align: center;
}

.customer-fidelity .steps .steps-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 40px;
    padding: 0 120px;
}
.customer-fidelity .steps .title-step {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}
.customer-fidelity .steps .title-step .number {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #2C4542;
    font-size: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.customer-fidelity .steps .step1 {
    width: 360px;
    text-align: center;
}
.customer-fidelity .steps .step1 .conversion {
    margin-top: 40px;
    background-color: #A0543C;
    color: #fff;
    text-align: center;
    padding: 25px 0 15px;
    width: 355px;
}
.customer-fidelity .steps .step1 .conversion .flex-container {
    justify-content: center;
    align-items: flex-end;
}
.customer-fidelity .steps .step1 .conversion .big {
    font-size: 79px;
    font-family: 'DM Serif Display';
}
.customer-fidelity .steps .step1 .conversion .little {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 8px 10px;
    display: block;
}
.customer-fidelity .steps .step1 .conversion .egal {
    font-size: 52px;
    margin: 0 20px;
}
.customer-fidelity .steps .step1 .conversion .mentions {
    font-size: 11px;
    margin-top: 20px;
}
.customer-fidelity .steps .step2 {
    width: 480px;
    text-align: center;
}
.customer-fidelity .steps .step2 .text {
    font-size: 15px;
    line-height: 20px;
    margin-top: 40px;
    font-weight: 400;
}

.customer-fidelity .steps .step3 {
    margin-top: 50px;
}
.customer-fidelity .steps .gifts-container {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.customer-fidelity .gifts-container.gifts-v2 {
    margin-top: 30px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 20px;
}
.customer-fidelity .steps .gift {
    width: 48%;
}
.customer-fidelity .steps .gifts-v2 .gift {
    background-color: #F6F4EF;
}

.customer-fidelity .steps .gift .visuel-container {
    font-size: 0;
}
.customer-fidelity .steps .gift .visuel {
    width: 100%;
}
.customer-fidelity .steps .gift .textblock {
    background-color: #F6F4EF;
    padding: 25px;
    box-sizing: border-box;
}
.customer-fidelity .steps .gift .textblock.textblockv2 {
    background-color: #F6F4EF;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
}
body.de_DE .customer-fidelity .steps .gift .textblock.textblockv2 {
    height: 230px;
}
body.de_DE .customer-fidelity .steps .gift .textblock.textblockv2.has-cta {
    height: 290px;
}
body.fr_FR .customer-fidelity .steps .gift .textblock.textblockv2 {
    height: 200px;
}
body.fr_FR .customer-fidelity .steps .gift .textblock.textblockv2.has-cta {
    height: 270px;
}
.customer-fidelity .steps .gift .textblock.textblockv2 .container-cta {
    bottom: 15px;
    right: 15px;
    position: absolute;
}
.customer-fidelity .steps .gift .points-container {
    display: flex;
}
.customer-fidelity .steps .gift .total-points {
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    background-color: #A0543C;
}
.customer-fidelity .steps .gift .total-points.total-pointsv2 {
    width: 100px;
    height: 100px;
}
.customer-fidelity .steps .gift .total-points .number {
    font-size: 79px;
    font-family: 'DM Serif Display';
    display: block;
}

.customer-fidelity .steps .gift .total-points .number.numberv2 {
    font-size: 48px;
}

.customer-fidelity .steps .gift .total-points .text {
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    display: block;
    text-transform: uppercase;
}

.customer-fidelity .steps .gift .total-points .text.textv2 {
    font-size: 18px;
}
.customer-fidelity .steps .gift .text-container {
    flex: 1;
    margin-left: 20px;
}
.customer-fidelity .steps .gift .name {
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
}
.customer-fidelity .steps .gift .description {
    font-size: 14px;
    line-height: 18px;
    margin-top: 15px;
    font-weight: 400;
}
.customer-fidelity .steps .gift .container-cta {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}
.customer-fidelity .steps .gift .container-cta a {
    font-weight: 400;
    height: 40px;
}
.customer-fidelity .steps .gift:nth-child(3),
.customer-fidelity .steps .gift:nth-child(4) {
    margin-top: 40px;
}

.customer-fidelity .steps .gift3:nth-child(3),
.customer-fidelity .steps .gift3:nth-child(4) {
    margin-top: 10px;
}
.customer-fidelity .steps .gifts-v2 .gift3:nth-child(3), .customer-fidelity .steps .gifts-v2 .gift3:nth-child(4){
    margin-top: unset;
}
.customer-fidelity .mentions-page {
    font-size: 15px;
    line-height: 20px;
    margin-top: 50px;
    text-align: left;
    font-weight: 400;
}
.customer-fidelity .download {
    display: flex;
    align-items: flex-end;
    margin-top: 25px;
    font-size: 13px;
    font-weight: 600;
    color: #4D716C;
}
.customer-fidelity .download svg {
    height: 18px;
    width: 18px;
    margin-left: 5px;
}

@media screen and (max-width: 1056px){
    .customer-fidelity{
        padding-top: 20px;
    }
    .customer-fidelity .head .background{
        width: 100%;
    }
    .customer-fidelity .head .content{
        padding-left: 0;
        justify-content: center;
    }
    .customer-fidelity .steps .steps-flex{
        padding: 0 20px;
        flex-direction: column;
        align-items: center;
    }
    .customer-fidelity .steps .step1 .conversion{
        margin-top: 20px;
    }
    .customer-fidelity .steps .step2{
        margin-top: 30px;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .customer-fidelity .steps .step2 .text{
        margin-top: 20px;
    }
    .customer-fidelity .steps .title-step{
        flex-direction: column;
    }
    .customer-fidelity .steps .title-step .number{
        margin-bottom: 15px;
    }
    .customer-fidelity .steps .gift{
        width: 100%;
    }
    .customer-fidelity .steps .gift:not(:first-child){
        margin-top: 40px;
    }
    .customer-fidelity .steps .gifts-v2 .gift:not(:first-child){
        margin-top: unset;
    }
    .customer-fidelity .mentions-page,
    .customer-fidelity .download{
        padding: 0 20px;
    }
    .customer-fidelity .mentions-page{
        font-size: 14px;
        line-height: 16px;
    }
    .customer-fidelity .download{
        font-size: 13px;
        line-height: 15px;
    }
    .customer-fidelity .head .box .text {
        font-size: 14px;
        line-height: 16px;
    }
}

@media screen and (max-width: 675px){
    .customer-fidelity .head{
        margin-top: 30px;
    }
    .customer-fidelity .head .box{
        width: 80%;
        height: auto;
        padding: 15px;
    }
    .customer-fidelity .head .box .or{
        display: none;
    }
    .customer-fidelity .head .box .btn{
        width: 165px;
    }
    .customer-fidelity .head .box .btn.cta-white{
        margin-top: 10px;
    }
    .customer-fidelity .steps .step1{
        width: 100%;
    }
    .customer-fidelity .steps .step1 .conversion{
        padding: 15px 0;
        width: 100%;
    }
    .customer-fidelity .steps .step1 .conversion .big {
        font-size: 19vw;
    }
    .customer-fidelity .steps .step1 .conversion .little {
        font-size: 5vw;
    }
    .customer-fidelity .steps .step1 .conversion .egal{
        font-size: 12vw;
        margin: 0 10px;
    }
    .customer-fidelity .steps .title-step{
        text-align: center;
        padding: 0 20px;
    }

    .customer-fidelity .steps .gift .textblock{
        padding: 15px;
    }
    .customer-fidelity .steps .gift .container-cta{
        justify-content: center;
    }
    .customer-fidelity .steps .gift .points-container{
        align-items: flex-end;
        margin-top: -80px;
    }
    .customer-fidelity .steps .gifts-v2 .gift .points-container {
        align-items: center;
    }
    .customer-fidelity .gifts-container.gifts-v2{
        flex-direction: column;
    }
    .customer-fidelity .steps .gift .textblockv2 .points-container{
        margin-top: 0;
    }
    .customer-fidelity .steps .gift .textblock.textblockv2,
    .customer-fidelity .steps .gift .textblock.textblockv2.has-cta{
        height: auto!important;
    }
    .customer-fidelity .steps .gift .textblock.textblockv2 .container-cta{
        position: relative;
        bottom: unset;
        right: unset;
    }
    .customer-fidelity .steps .gift .text-container{
        margin-left: 10px;
    }
    .customer-fidelity .steps .gift .text-container{
        margin-left: 10px;
    }
    .customer-fidelity .steps .gift .name {
        font-size: 5vw;
    }
    .customer-fidelity .steps .gift .description {
        font-size: 4vw;
        line-height: 6vw;
    }
    .customer-fidelity .mentions-page{
        text-align: center;
    }
    .customer-fidelity .download svg{
        display: none;
    }
    .customer-fidelity.fidelity-v2 .faq .section-name{
        display: none;
    }
    .customer-fidelity.fidelity-v2 .faq .allblocs{
        display: block;
        margin-top: unset;
    }
}

@media screen and (max-width: 1056px) and (min-width: 676px){
    .customer-fidelity .head .background{
        height: 350px;
        object-fit: cover;
    }
    .customer-fidelity .steps .gift{
        width: 60%;
        margin: auto;
    }
    .customer-fidelity .steps .gifts-v2{
        flex-wrap: wrap;
    }
    .customer-fidelity .steps .gifts-v2 .gift{
        width: 49%;
        margin: auto;
    }
}

@media screen and (max-width: 999px) and (min-width: 676px){
    .customer-fidelity .steps .gifts-v2 .gift{
        width: 95%;
    }
}

body.de_DE .seo_note {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
body.de_DE .seo_note h2{
    font-size: 24px;
    line-height: 20px;
    font-family: 'DM Serif Display', serif;
    color: #2C4542;
}
body.de_DE .seo_note h3{
    margin-top: 25px;
    font-size: 17px;
    line-height: 20px;
    font-family: 'DM Serif Display', serif;
    color: #2C4542;
}
body.de_DE .seo_note p{
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    color: #4A4A4A;
    margin-top: 10px;
    text-align: center;
}
body.de_DE .seo_note p a{
    text-decoration: underline;
}
body.de_DE .seo_note p.templateblank{
    display: none;
}
body.de_DE .seo_note p span{
    font-size: 12px!important;
}

/* ******************* */
/* Common brand slider */
/* ******************* */
.common-brand-slider{
    margin: 80px 0;
}
.common-brand-slider .title{
    font-family: 'DM Serif Display',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 33px;
    line-height: 45px;
    text-align: center;
    color: #000000;
    margin-bottom: 30px;
}
.common-brand-slider .slide .visuel{
    width: 100%;
}
.common-brand-slider .slide a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 0;
}
.common-brand-slider .text{
    font-family: 'DM Serif Display',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #2D2D2D;
    background-color: #ffffff;
    width: 90%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 10px;
}

@media screen and ( min-width: 1057px ){
    .common-brand-slider .swiper-wrapper{
        justify-content: center;
        align-items: center;
    }
    .common-brand-slider .slide{
        width: 270px;
        line-height: 0;
    }
    .common-brand-slider .slide:not(:first-child) {
        margin-left: 70px;
    }
    .common-brand-slider .slider-arrow{
        display: none;
    }
}

@media screen and (max-width: 675px) {
    .common-brand-slider{
        padding-left: 20px;
    }
    .common-brand-slider .slide{
        width: 80vw;
    }
    .common-brand-slider .text{
        width: calc(100% - 30px);
        font-size: 23px;
    }
}

/* ******************** */
/*  popin alerte stock  */
/* ******************** */
.popin-alerte-stock .popin-container{
    max-width: 600px;
}
.popin-alerte-stock.popin-addbasket-parures .popin-container{
    max-width: 550px;
}
.popin-alerte-stock .popin-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #2C4542;
    box-shadow: 6px 6px 41px rgba(0, 0, 0, 0.28);
    padding: 20px 20px 10px;
    box-sizing: border-box;
}
.popin-alerte-stock:not(.popin-alerte-stock-parures) form{
    margin-top: 20px;
}
.popin-alerte-stock.popin-alerte-stock-parures form{
    margin-top: 50px;
}
.popin-alerte-stock:not(.popin-alerte-stock-parures) form input[name="email"]{
    width: 325px;
}
.popin-alerte-stock.popin-alerte-stock-parures form input[name="email"]{
    width: 375px;
}
.popin-alerte-stock form .f_optin .radiorounded{
    width: 10px;
    height: 10px;
}
.popin-alerte-stock form .f_optin .radiorounded label:after{
    width: 8px;
    height: 8px;
    top: 1px;
    left: 1px;
}
.popin-alerte-stock form .f_optin .el-radio{
    margin-left: unset;
}
.popin-alerte-stock form .label-radio{
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #2D2D2D;
    text-align: left;
}
.popin-alerte-stock form .btn-submit{
    width: 105px;
    height: 37px;
    min-height: unset;
    background-color: #2D2D2D;
    margin-top: 20px;
}
.popin-alerte-stock.popin-alerte-stock-parures form .btn-submit{
    width: auto;
}
.popin-alerte-stock .title{
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2D2D2D;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.popin-alerte-stock.popin-alerte-stock-parures .title{
    font-size: 17px;
    font-weight: 600;
}
.popin-alerte-stock:not(.popin-alerte-stock-parures) .check-container{
    display: flex;
    align-items: flex-start;
}
.popin-alerte-stock.popin-alerte-stock-parures .check-container{
    display: flex;
    align-items: center;
}
.popin-alerte-stock .check-container .checkbox{
    margin-right: 15px;
}
.popin-alerte-stock .text{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}
.popin-alerte-stock.popin-alerte-stock-parures .text{
    font-weight: 400;
    font-size: 13px;
    line-height: normal;
    margin-top: 14px;
}
.popin-alerte-stock.popin-alerte-stock-parures .check-container .text{
    margin-top: 0;
}
.popin-alerte-stock .text b{
    font-weight: 600;
}
.popin-alerte-stock .btn{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: 20px;
    height: 37px;
}
.popin-alerte-stock .btn:hover{
    text-decoration: none;
}
.popin-alerte-stock .mentions,
.popin-alerte-stock .mentions a{
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    text-align: left;
}
.popin-alerte-stock .mentions a:hover{
    text-decoration: none;
}
@media screen and ( max-width: 1055px ){
    .popin-alerte-stock .popin-content{
        padding: 20px 30px 20px 20px;
    }
    .popin-alerte-stock .text{
        font-size: 12px;
        line-height: 14px;
        text-align: left;
    }
    .popin-alerte-stock form input[name="email"]{
        width: 265px;
    }
    .popin-alerte-stock form .f_optin{
        width: 265px;
    }
    .popin-alerte-stock form .f_optin .el-radio{
        align-items: baseline;
    }
    .popin-alerte-stock form .f_optin .radiorounded{
        top: 5px;
    }
    .popin-alerte-stock .btn{
        font-size: 12px;
        line-height: 14px;
    }
}
.popin-alerte-stock-inscription{
    display: flex;
    flex-direction: column!important;
    align-items: center!important;
}
.popin-alerte-stock-inscription .popin-container{
    max-width: 520px;
}
.popin-alerte-stock-inscription .popin-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #2C4542;
    box-shadow: 6px 6px 41px rgba(0, 0, 0, 0.28);
    padding: 25px 20px;
    box-sizing: border-box;
}
.popin-alerte-stock-inscription .title{
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #2D2D2D;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.popin-alerte-stock-inscription .text{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    margin-top: 25px;
}
.popin-alerte-stock-inscription .text b{
    font-weight: 600;
}
.popin-alerte-stock-inscription .btn{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: 20px;
    height: 37px;
}
.popin-alerte-stock-inscription .btn:hover{
    text-decoration: none;
}
@media screen and ( max-width: 1055px ){
    .popin-alerte-stock-inscription .popin-content{
        padding: 20px 30px 20px 20px;
    }
    .popin-alerte-stock-inscription .text{
        font-size: 12px;
        line-height: 14px;
        text-align: left;
    }
    .popin-alerte-stock-inscription .btn{
        font-size: 12px;
        line-height: 14px;
    }
}


/* ******************* */
/*  Badge Trustedshop  */
/* ******************* */

body.de_DE [id^=trustbadge-container] {
    left:0!important;
    bottom:0!important;
}
body.de_DE [id^=minimized-trustbadge] {
    left:0!important;
    bottom:0!important;
}
body.de_DE [id^=minimized-trustbadge] ._csg9f9 {
    right:-155px!important;
}
body.de_DE ._xo5f1 {
    position:inherit!important;
}
body.de_DE ._xo5f1 [id^=maximized-trustbadge] {
    position: inherit!important;
    left: 10px!important;
    bottom: 10px!important;
}
body.de_DE [id^=minimized-trustbadge] ._t53mel {
    left: 52px;
    position: relative!important;
}
body.de_DE [id^=trustbadge-container] ._b2k0e0 {
    left: 0;
    right: unset;
}
@media screen and ( max-width: 1055px ){
    body.de_DE [id^=trustbadge-container].nobadge {
        z-index: 0!important;
    }
}
.form-select {
    display: block;
    width: 100%;
    height: 45px;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 2;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ECF1F0;
    border-radius: .05rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/*  Common Newsletter  */
.common-newsletter{
    width: 100%;
    height: 40%;
    margin: 45px auto 0;
    background-color: #F6F4EF!important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 27px 40px;
    box-sizing: border-box;
}
.common-newsletter .newsletter-content{
    color: #2D2D2D;
    margin-top: 25px;
    display: flex;
    align-items: center;
    text-align: center;
    border-top: solid 1px #2D2D2D;
    padding-top: 45px;
}
.common-newsletter .newsletter-title{
    font-family: 'DM Serif Display',sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 52px;
}
.common-newsletter .newsletter-intro{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    max-width: 370px;
}
.common-newsletter .newsletter-intro b{
    font-weight: 600;
}
.common-newsletter #f_subscriber_express{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: 20px;
}
.common-newsletter #f_newsletter_footer_email_object{
    width: 320px;
    height: 40px;
    border-color: #000000;
}
.common-newsletter .btn-submit{
    width: 120px;
    height: 40px;
    min-height: unset;
    padding: 0;
}
.common-newsletter .newsletter-mention{
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    margin-top: 30px;
}
@media screen and ( max-width: 890px ){
    .common-newsletter{
        padding: 20px;
    }
    .common-newsletter .newsletter-content{
        flex-direction: column;
        padding-top: 20px;
        margin-top: 20px;
    }
    .common-newsletter .newsletter-title{
        font-size: 30px;
        line-height: 36px;
    }
    .common-newsletter .newsletter-intro{
        font-size: 14px;
        line-height: 15px;
    }
    .common-newsletter #f_subscriber_express{
        flex-direction: column;
        width: 100%;
        margin-left: unset;
        margin-top: 20px;
    }
    .common-newsletter #f_newsletter_footer_email_object{
        width: 100%;
        max-width: 360px;
    }
    .common-newsletter .btn-submit{
        display: block;
        width: 100%;
        max-width: 360px;
        margin: 10px auto 0;
        padding: 10px;
    }
    .common-newsletter .newsletter-mention{
        font-size: 11px;
        line-height: 15px;
        max-width: 360px;
        margin-top: 20px;
    }
}

/*  Module Newsletter  */
.module-newsletter{
    background-color: #F6F4EF;
    text-align: center;
    width: 100%;
    position: relative;
    margin-top: 40px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
body.de_DE .module-newsletter{
    min-height: 230px;
}
.module-newsletter .inscription-pending{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.module-newsletter .newsletter-intro{
    color: #2C4542;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.module-newsletter .newsletter-title{
    color: #2C4542;
    text-align: center;
    font-size: 33px;
    font-weight: 700;
    line-height: 54px;
    margin: initial;
}
.module-newsletter .newsletter-mention{
    color: #2C4542;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 0;
}
.module-newsletter .newsletter-form{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    position: relative;
}
body.de_DE .module-newsletter .newsletter-form{
    padding-bottom: 25px;
}
.module-newsletter .newsletter-form .mention{
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    color: #2C4542;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
}
body.de_DE .module-newsletter .mention{
    position: relative;
    bottom: unset;
    left: unset;
    text-align: left;
    margin-left: unset;
    margin-top: 15px;
    max-width: 95%;
    color: #2C4542;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
}
body.de_DE .module-newsletter .newsletter-form .mention{
    bottom: -35px;
}
.module-newsletter .newsletter-form .f_el .formvalidator_error{
    width: 300px;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
}
body.de_DE .module-newsletter .newsletter-form .f_el .formvalidator_error{
    margin: 0;
}
.module-newsletter .newsletter-form #f_newsletter_footer_email_object{
    width: 300px;
    height: 34px;
}
.module-newsletter .newsletter-form #f_newsletter_footer_email_object::placeholder{
    color: #8E8E8E;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.module-newsletter .newsletter-form .btn-submit{
    height: 34px;
    min-height: unset;
    border: none;
    width: 122px;
    padding: 0;
}
.module-newsletter .inscription-done{
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    top: 0;
    transition: opacity .5s;
}
.module-newsletter .inscription-done .inscription-mention{
    color: #2C4542;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 20px 0;
}
.module-newsletter .inscription-done .inscription-offer{
    color: #2C4542;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.module-newsletter .inscription-done .inscription-offer b{
    font-weight: 600;
}
.module-newsletter .inscription-done .inscription-offer .code-box{
    background-color: #FFFFFF;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #2C4542;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    cursor: pointer;
}
@media screen and ( max-width: 1056px ) {
    .module-newsletter{
        min-height: 265px;
    }
    .module-newsletter .inscription-pending{
        padding-top: 10px;
    }
    .module-newsletter .newsletter-intro{
        font-size: 13px;
        line-height: 15px;
    }
    .module-newsletter .newsletter-title{
        font-size: 29px;
        line-height: 29px;
        margin: 10px auto;
    }
    .module-newsletter .newsletter-mention{
        font-size: 13px;
        line-height: 15px;
    }
    .module-newsletter .newsletter-form{
        flex-direction: column;
    }
    body.de_DE .module-newsletter .newsletter-form{
        padding-bottom: unset;
    }
    body.de_DE .module-newsletter .newsletter-form .mention{
        position: relative;
        margin-top: 20px;
        bottom: unset;
        padding: 0 5px 10px;
        box-sizing: border-box;
        background-color: #F6F4EF;
    }
    .module-newsletter .newsletter-form .btn-submit{
        margin-top: 13px;
    }
    .module-newsletter .inscription-done .inscription-mention{
        font-size: 13px;
        line-height: 15px;
    }
    .module-newsletter .inscription-done .inscription-offer{
        font-size: 13px;
        line-height: 15px;
        width: 60%;
    }
    .module-newsletter .inscription-done .inscription-offer .code-box{
        margin-top: 10px;
        display: inline-block;
    }
}

.module-newsletter[data-theme="custom"]:not(.version404) {
    background-color: #1F2D54;
    color: #FFFFFF;
    padding: 43.5px 20px;
    box-sizing: border-box;
}
.module-newsletter[data-theme="custom"][data-inset="1"]:not(.version404){
    border: solid 10px transparent;
    box-shadow: inset 0 0 0 1px #FFFFFF;
}
.module-newsletter[data-theme="custom"]:not(.version404) .nlt-title{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-align: center;
    font-variant: small-caps;
    color: #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    padding: 23px 70px;
    margin-bottom: 23px;
}
.module-newsletter[data-theme="custom"]:not(.version404) .nlt-text-container{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
}
.module-newsletter[data-theme="custom"]:not(.version404) .nlt-text-container b,
.module-newsletter[data-theme="custom"]:not(.version404) .nlt-text-container strong{
    font-weight: 600;
}
.module-newsletter[data-theme="custom"]:not(.version404) .nlt-text-container span{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 164%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
}
.module-newsletter .newsletter-form #f_subscriber_express_email{
    margin-right: 10px;
}
.module-newsletter .newsletter-form #f_newsletter_footer_email_object{
    border-color: #4D716C;
}
body.de_DE .module-newsletter.friendlycaptcha[data-theme="custom"]:not(.version404) .nlt-mention,
body.de_DE .module-newsletter.friendlycaptcha[data-theme="custom"]:not(.version404) .nlt-mention a{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
}
.module-newsletter.friendlycaptcha[data-theme="custom"]:not(.version404) .cta-submit{
    background-color: #F6F4EF;
    border: none;
    color: #2D2D2D;
    font-size: 12px;
    text-transform: uppercase;
}
.module-newsletter.friendlycaptcha[data-theme="custom"]:not(.version404) .cta-submit:hover{
    background-color: #2D2D2D;
    border: none;
    color: #F6F4EF;
}
.module-newsletter.friendlycaptcha[data-theme="custom"]:not(.version404) .frc-captcha *{
    color: #FFFFFF;
    fill: #FFFFFF;
    stroke: #FFFFFF;
}
.module-newsletter.friendlycaptcha[data-theme="custom"]:not(.version404) .frc-captcha .frc-button{
    color: #2D2D2D;
}

@media screen and ( max-width: 640px ){
    .module-newsletter[data-theme="custom"]:not(.version404).friendlycaptcha .inscription-pending, .common-newsletter.friendlycaptcha[data-theme="custom"]:not(.version404) .inscription-pending{margin: unset;padding-top: unset;}
    .module-newsletter[data-theme="custom"]:not(.version404){
        padding: 32px 20px;
    }
    .module-newsletter[data-theme="custom"]:not(.version404):has(.inscription-done.showed){
        padding: 30px 20px;
    }
    .module-newsletter[data-theme="custom"]:not(.version404) .nlt-title{
        font-size: 19px;
        line-height: 100%;
        padding: 20px;
    }
    .module-newsletter[data-theme="custom"]:not(.version404) .nlt-text-container{
        font-size: 12px;
        line-height: 130%;
        width: 83%;
    }
    .popin-content.module-newsletter[data-theme="custom"]:not(.version404) .inscription-done.showed .nlt-text-container{
        width: 100%;
    }
    .module-newsletter[data-theme="custom"]:not(.version404) .nlt-text-container span{
        font-size: 26px;
        line-height: 100%;
        margin: 10px 0 0;
        display: block;
    }
    .module-newsletter[data-theme="custom"]:not(.version404).friendlycaptcha form, .common-newsletter.friendlycaptcha form{
        width: 100%;
        max-width: 100%;
    }
    .module-newsletter[data-theme="custom"]:not(.version404) .newsletter-form #f_subscriber_express_email{
        margin-right: unset;
        width: 100%;
    }
    .module-newsletter[data-theme="custom"]:not(.version404).friendlycaptcha .ctas-container, .common-newsletter.friendlycaptcha .ctas-container{
        flex-direction: row;
        width: 100%;
        margin-top: 0;
    }
}

.popin.news-recrut-vp{
    bottom: 0!important;
    left: 0!important;
    top: unset!important;
    height: auto;
    width: auto;
}
.popin.news-recrut-vp .popin-container{
    transform: none!important;
}
.popin.news-recrut-vp.open{
    bottom: 20px!important;
    left: 20px!important;
    top: unset!important;
}

.popin-content.module-newsletter[data-theme="custom"]:not(.version404){
    position: relative;
    margin-top: unset;
}
.popin-content.module-newsletter[data-theme="custom"]:not(.version404) .close-cross{
    position: absolute;
}
.popin-content.module-newsletter[data-theme="custom"]:not(.version404) .close-cross:before,
.popin-content.module-newsletter[data-theme="custom"]:not(.version404) .close-cross:after{
    background-color: #FFFFFF;
    left: unset;
    height: 20.3px;
}
.popin-content.module-newsletter[data-theme="custom"]:not(.version404) .inscription-pending{
    align-items: flex-start;
}
.popin-content.module-newsletter[data-theme="custom"]:not(.version404) .inscription-pending .newsletter-form{
    flex-direction: column;
    align-items: flex-start;
}
.popin-content.module-newsletter[data-theme="custom"]:not(.version404) .inscription-pending .newsletter-form .form-fields{
    display: flex;
    flex-direction: row;
    width: 100%;
}
.popin-content.module-newsletter[data-theme="custom"]:not(.version404) .nlt-title{
    text-align: left;
    padding: 0 0 23px 0;
    font-size: 17.5px;
    width: 100%;
}
.popin-content.module-newsletter[data-theme="custom"]:not(.version404) .nlt-text-container{
    text-align: left;
    font-size: 15px;
    width: 95%;
}
.popin-content.module-newsletter.friendlycaptcha[data-theme="custom"]:not(.version404) .cta-submit{
    background-color: #F6F4EF;
    border: none;
    color: #2D2D2D;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: unset;
}
.popin-content.module-newsletter.friendlycaptcha[data-theme="custom"]:not(.version404) .cta-submit:hover{
    background-color: #2D2D2D;
    border: none;
    color: #F6F4EF;
}
.popin-content.module-newsletter.module-newsletter.friendlycaptcha #f_subscriber_express_email{
    margin-left: unset;
}
body.de_DE .popin-content.module-newsletter.friendlycaptcha[data-theme="custom"]:not(.version404) .nlt-mention,
body.de_DE .popin-content.module-newsletter.friendlycaptcha[data-theme="custom"]:not(.version404) .nlt-mention a{
    text-align: left;
    margin: -10px 0;
    font-size: 10px ;
}

.popin-content.module-newsletter[data-theme="custom"]:not(.version404):has(.inscription-done.showed) .inscription-pending{
    display: none;
}
.popin-content.module-newsletter[data-theme="custom"]:not(.version404) .inscription-done.showed{
    width: 92%;
    position: relative;
}
.popin-content.module-newsletter[data-theme="custom"]:not(.version404) .inscription-done.showed .nlt-text-container{
    text-align: center;
    width: 75%;
}
.popin-content.module-newsletter[data-theme="custom"]:not(.version404) .inscription-done.showed .inscription-offer .code-box{
    background-color: transparent;
    border: solid 1px #FFFFFF;
    color: #FFFFFF;
}
.popin-content.module-newsletter[data-theme="custom"]:not(.version404) .inscription-done.showed .btn{
    margin-top: unset;
    height: 40px;
    box-sizing: border-box;
    min-height: 40px;
}
@media screen and ( max-width: 1056px ) {
    .popin.news-recrut-vp{
        width: calc(100% - 35px);
    }
    .popin.news-recrut-vp.open{
        left: 17.5px;
    }
    .popin-content.module-newsletter[data-theme="custom"]:not(.version404) .inscription-pending .newsletter-form .form-fields{
        flex-direction: column;
        align-items: flex-start;
    }
    .popin-content.module-newsletter[data-theme="custom"]:not(.version404).friendlycaptcha .ctas-container{
        margin-top: 10px;
        align-items: flex-start;
    }
    .popin-content.module-newsletter[data-theme="custom"]:not(.version404).friendlycaptcha .frc-captcha {
        position: absolute;
        bottom: -5px;
        left: 150px;
        width: 56%;
        height: 40px;
    }
    .popin-content.module-newsletter[data-theme="custom"]:not(.version404).friendlycaptcha .frc-captcha .frc-button{
        margin-bottom: 10px;
    }
    body.de_DE .popin-content.module-newsletter.friendlycaptcha[data-theme="custom"]:not(.version404) .nlt-mention{
        margin: 20px 0 -10px 50px;
    }
}
@media screen and ( max-width: 350px ) {
    .popin-content.module-newsletter[data-theme="custom"]:not(.version404).friendlycaptcha .frc-captcha {
        left: unset;
        right: 0;
    }
}
span.list::before{
    content: "•";
    position: absolute;
    left: 0;
    padding: 0 10px;
}
span.list.sub-level::before{
    content: 'o';
    font-size: 5px;
}
span.list.sub-level-2::before{
    content: '▪';
    font-size: 7px;
}
span.list.sub-level{
    margin-left: 20px;
    width: calc(100% - 20px);
}
span.list.sub-level-2{
    margin-left: 40px;
    width: calc(100% - 40px);
}
span.list.bold{
    font-weight: 600;
}
span.list.list-img{
    padding-left: 0;
    display: flex !important;
    align-items: center;
    margin: 5px 0;
}
span.list.list-img::before{
    content: '';
    font-size: 5px;
}
span.list.list-img img{
    margin-right: 11px;
}
span.list{
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-left: 25px;
    position: relative;
}
span.list.list-number.num1::before{
    content: "1.";
    padding: 0 10px 0 13px;
}
span.list.list-number.num2::before{
    content: "2.";
}
span.list.list-number.num3::before{
    content: "3.";
}
span.list.list-number.num4::before{
    content: "4.";
}
span.list.list-number.num5::before{
    content: "5.";
}
span.list.list-number.num6::before{
    content: "6.";
}
span.listInline::before{
    content: "•";
    position: absolute;
    left: 0;
    padding: 0 10px;
}
span.listInline{
    width: 100%;
    box-sizing: border-box;
    padding-left: 25px;
    position: relative;
}
span.listInline.bold{
    font-weight: 600;
}

@media screen and ( max-width: 1056px ) {
    span.list.list-number{
        padding-left: 15px;
    }
    span.list.list-number::before{
        padding: 0;
    }
    span.list.list-number.num1::before{
        padding: 0 0 0 3px;
    }
}

/*************************/
/* push envies de saison */
/*************************/
.seasonal-desires{
    margin: 60px auto 0;
    width: 100%;
}
.seasonal-desires .section-title{
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}
.seasonal-desires .slide{
    width: 270px;
    display: flex;
    flex-direction: column;
    position: relative;
}
.seasonal-desires .slide .visuel-container{
    overflow: hidden;
    width: 100%;
    max-height: 445px;
}
.seasonal-desires .slide .visuel{
    transition: .5s;
    margin-top: unset;
}
.seasonal-desires .slide:hover .visuel{
    transform: scale(1.07);
}
.seasonal-desires .slide .textblock{
    position: absolute;
    text-align: left;
    height: 80px;
    bottom: 10px;
    color: #FFFFFF;
    padding-left: 12px;
    box-sizing: border-box;
}
.seasonal-desires .slide .flag{
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.6px;
}
.seasonal-desires .slide .title{
    font-family: "DM Serif Display",sans-serif;
    color: #FFFFFF;
    font-size: 25px;
    font-weight: 400;
    line-height: 120%;
}
@media screen and ( min-width: 1056.98px ) {
    .seasonal-desires .swiper-wrapper{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }
    .seasonal-desires .slide:not(:first-child){
        margin-left: 20px;
    }
    .seasonal-desires .swiper-button-next,
    .seasonal-desires .swiper-button-prev {
        display: none;
    }
}
@media screen and ( max-width: 1056px ) {
    .seasonal-desires{
        margin-top: 50px;
        width: calc(100% - 20px);
        padding-left: 20px;
    }
    .seasonal-desires .section-title{
        margin-left: -20px;
    }
    .seasonal-desires .swiper-wrapper{
        margin-top: 15px;
    }
    .seasonal-desires .slide .visuel-container{
        max-height: unset;
    }
}
/*************************/
/*   push carte cadeau   */
/*************************/
.push-carte-cadeau{
    margin: 60px auto 0;
    background-color: #E5D9C6;
    width: 95%;
    max-width: 1494px;
}
.push-carte-cadeau .content{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}
.push-carte-cadeau .textblock{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 36%;
    padding: 20px 20px 20px 40px;
}
.push-carte-cadeau .title{
    color: #2D2D2D;
    font-family: 'DM Serif Display',sans-serif;
    font-size: 3.7vw;
    line-height: 4vw;
    font-weight: 400;
}
.push-carte-cadeau .title .flag{
    border-radius: 20px;
    background-color: #2C4542;
    padding: 5px 16px;
    color: #FFFFFF;
    text-align: center;
    font-family: 'Montserrat',sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    position: relative;
    bottom: 10px;
    display: none;
}
.push-carte-cadeau .description{
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 140%;
    margin-top: 15px;
}
.push-carte-cadeau .description b{
    font-weight: 600;
}
.push-carte-cadeau .btn{
    margin-top: 15px;
    width: auto;
    height: 37px;
    padding: 0 20px;
}
.push-carte-cadeau .visuel-container{
    width: 64%;
    min-height: 280px;
    line-height: 0;
}
.push-carte-cadeau .visuel-container .visuel{
    min-height: 280px;
    object-fit: cover;
}
@media screen and ( min-width: 1600px ){
    .push-carte-cadeau .textblock{
        padding: 0 30px 0 60px;
    }
    .push-carte-cadeau .title{
        font-size: 58px;
        line-height: 62px;
    }
    .push-carte-cadeau .description {
        font-size: 13px;
        margin-top: 25px;
    }
    .push-carte-cadeau .btn {
        margin-top: 25px;
    }
}
@media screen and ( max-width: 1056px ){
    .push-carte-cadeau{
        margin-top: 27px;
        width: 100%;
    }
    .push-carte-cadeau .textblock{
        padding: 20px 20px 20px 15px;
        width: 57%;
    }
    .push-carte-cadeau .title{
        font-size: 35px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
    }
    .push-carte-cadeau .description{
        font-size: 13px;
        margin-top: 15px;
    }
    .push-carte-cadeau .btn{
        font-size: 3vw;
        padding: 0 10px;
        margin-top: 15px;
    }
    .push-carte-cadeau .visuel-container{
        min-height: unset;
        width: 43%
    }
    body.de_DE .push-carte-cadeau .textblock{
        width: 65%;
        padding-right: 10px;
    }
    body.de_DE .push-carte-cadeau .visuel-container{
        width: 35%;
    }
    .push-carte-cadeau .visuel-container .visuel{
        min-height: unset;
    }

}

#f_editnfo_recaptcha_object.invalid{
    text-align: center;
    margin-top: 10px;
    color: #AE2626;
}

body.customer-checker-on .header-customer-checker{
    height: 150px!important;
}

body.customer-checker-on .header-customer-checker .fixed-header{
    height: 134px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-bottom: unset;
}
body.customer-checker-on .header.header-customer-checker .banner-delivery{
    position: relative;
}
body.customer-checker-on .banner-delivery .text{
    width: 100%;
}
body.customer-checker-on .customer-checker.temp-success{
    display: none;
}
body.customer-checker-on .customer-checker{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 0;
}
body.customer-checker-on .customer-checker .redirect{
    display: none;
}
body.customer-checker-on .visuel-customer-checker{
    height: calc(100vh - 150px);
    object-fit: cover;
    object-position: top;
}
body.customer-checker-on .customer-checker-container{
    position: absolute;
    background: rgba(246, 244, 239, 0.80);
    box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(12.5px);
    width: 475px;
    height: 430px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
body.de_DE.customer-checker-on .customer-checker-container{
    height: 458px;
}
body.customer-checker-on .customer-checker-container #f_check_recrut_email{
    position: relative;
}
body.customer-checker-on .customer-checker-container #f_register_optinmail{
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 12px;
    margin-left: 12px;
    margin-bottom: unset;
}
body.customer-checker-on .customer-checker-container #f_register_optinmail .state{
    border-radius: unset;
    background-color: #FFFFFF;
    width: 17px;
    height: 17px;
    box-sizing: border-box;
    border: 0.5px solid #2D2D2D;
    margin-right: 10px;
}
body.customer-checker-on .customer-checker-container #f_register_optinmail input:checked + .check::after{
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    background-color: #2C4542;
    opacity: 1;
    top: 2px;
    left: 2px;
    border-radius: unset;
    transform: unset;
}
body.customer-checker-on .customer-checker-container #f_check_recrut_email .formvalidator_error{
    bottom: -12px;
}
body.customer-checker-on .reduc-container{
    background-color: #CA3026;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 130px;
    text-align: center;
}
body.customer-checker-on .reducintro{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
body.customer-checker-on .customer-checker-container .reduc{
    font-size: 46px;
    font-weight: 700;
    line-height: 46px;
}
body.customer-checker-on .reducmention{
    font-size: 21px;
    font-weight: 600;
    line-height: 21px;
}
body.customer-checker-on .intro{
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    text-align: center;
    margin-top: 15px;
}
body.customer-checker-on .continue-without-register{
    color: #2D2D2D;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    text-decoration-line: underline;
    margin-top: 12px;
}
body.customer-checker-on .mention{
    color: #2D2D2D;
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    margin-top: 13px;
    text-align: center;
}
body.customer-checker-on form{
    margin-top: 15px;
    display: flex;
    flex-direction: column;
}
body.customer-checker-on form input{
    width: 197px;
}
body.customer-checker-on form .btn-submit{
    min-height: unset;
    height: 39px;
}
body.customer-checker-on form .frc-captcha{
    width: 80%;
    min-width: unset;
    margin: 12px auto 0;
}
body.customer-checker-on .existing-customer .welcome-back{
    color: #2D2D2D;
    text-align: center;
    font-size: 23px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 40px;
}
body.fr_FR.customer-checker-on .existing-customer .visuel-welcome-back{
    width: 287px;
    margin-bottom: 12px;
}
body.de_DE.customer-checker-on .existing-customer .firstname{
    margin-top: 14px;
    display: block;
}
body.customer-checker-on .existing-customer svg{
    margin-top: 30px;
    margin-bottom: 17px;
}
body.customer-checker-on .existing-customer .redirect{
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #2D2D2D;
    text-align: center;
}
body.customer-checker-on .existing-customer .mention{
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 11px;
    text-decoration-line: underline;
    color: #2D2D2D;
    text-align: center;
}
@media screen and ( max-width: 1056px ) {
    body.customer-checker-on .visuel-customer-checker{
        object-position: center;
    }
    body.customer-checker-on .customer-checker-container{
        background-color: rgba(255, 255, 255, 0.8);
        backdrop-filter: unset;
        width: 90%;
        height: auto;
        padding: 80px 15px 20px;
        box-sizing: border-box;
    }
    body.de_DE.customer-checker-on .customer-checker-container{
        height: auto;
    }
    body.customer-checker-on .customer-checker-container.existing-customer{
        width: 90%;
        height: auto;
        padding: 20px 0;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, 0.8);
    }
    body.customer-checker-on .existing-customer .welcome-back {
        margin-bottom: 5px;
    }
    body.customer-checker-on .existing-customer .visuel-welcome-back {
        width: 244px;
    }
    body.customer-checker-on .reduc-container{
        position: absolute;
        top: -65px;
        width: 130px;
        height: 120px;
    }
    body.customer-checker-on .reducintro{
        font-size: 12px;
        line-height: 15px;
    }
    body.customer-checker-on .reducmention{
        font-size: 18px;
    }
    body.customer-checker-on .intro{
        margin-top: unset;
        font-size: 15px;
        line-height: 20px;
    }
}

/*************************/
/*   friendly captcha   */
/*************************/
.frc-captcha{
    border: none!important;
    background-color: unset!important;
}
.frc-captcha .frc-content{
    scrollbar-width: none;
}
.frc-captcha *{
    font-size: 12px!important;
}
.module-newsletter.friendlycaptcha #f_subscriber_express_email{
    margin-left: 40%;
}
.module-newsletter.friendlycaptcha .mention{
    margin-left: 20%;
}
.module-newsletter.friendlycaptcha .cta-submit,
.common-newsletter.friendlycaptcha .cta-submit{
    margin-top: 15px;
}
.module-newsletter.friendlycaptcha .cta-submit p,
.common-newsletter.friendlycaptcha .cta-submit p{
    margin: initial;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.module-newsletter.friendlycaptcha .ctas-container,
.common-newsletter.friendlycaptcha .ctas-container {
    display: flex;
    flex-direction: row;
}
.de_DE .common-newsletter.friendlycaptcha .f_newsletter{
    align-items: center;
}
.de_DE .common-newsletter.friendlycaptcha .f_newsletter_email{
    margin-top: 6px;
}
@media screen and ( max-width: 1056px ){
    .frc-captcha *{
        font-size: 10px!important;
    }
    .module-newsletter.friendlycaptcha form,
    .common-newsletter.friendlycaptcha form{
        width: 100%;
        max-width: 332px;
        box-sizing: border-box;
    }
    .module-newsletter.friendlycaptcha .f_el,
    .common-newsletter.friendlycaptcha .f_el{
        width: 90%;
        white-space: nowrap;
    }
    .module-newsletter.friendlycaptcha #f_subscriber_express_email,
    .module-newsletter.friendlycaptcha .mention{
        margin-left: unset;
    }
    .module-newsletter.friendlycaptcha .mention{
        text-align: center;
    }
    .module-newsletter.friendlycaptcha .newsletter-form #f_newsletter_footer_email_object,
    .common-newsletter.friendlycaptcha #f_newsletter_footer_email_object{
        width: 100%;
    }
    .module-newsletter.friendlycaptcha form, .common-newsletter.friendlycaptcha form {
        max-width: 95%;
    }
    .module-newsletter.friendlycaptcha .ctas-container,
    .common-newsletter.friendlycaptcha .ctas-container{
        flex-direction: column;
        justify-content: space-between;
        margin-top: 15px;
        width: 90%;
        max-width: 332px;
        align-items: center;
    }
    .module-newsletter.friendlycaptcha .cta-submit,
    .common-newsletter.friendlycaptcha .cta-submit{
        width: 45%;
        margin-top: unset;
    }
    .module-newsletter.friendlycaptcha .inscription-pending,
    .common-newsletter.friendlycaptcha .inscription-pending{
        margin: 20px 0;
    }
    .module-newsletter.friendlycaptcha .newsletter-form #f_newsletter_footer_email_object,
    .common-newsletter.friendlycaptcha #f_newsletter_footer_email_object {
        height: 34px;
    }
    .module-newsletter.friendlycaptcha .frc-captcha,
    .common-newsletter.friendlycaptcha .frc-captcha{
        min-width: unset;
        width: 64%;
    }
    .module-newsletter.friendlycaptcha .frc-icon,
    .common-newsletter.friendlycaptcha .frc-icon{
        width: 23px;
        height: 23px;
    }
}
.customer-register .ctas-container.friendlycaptcha{
    margin-top: 20px;
}
.customer-register .ctas-container.friendlycaptcha .frc-captcha{
    margin: 0 auto;
}
.customer-register .ctas-container.friendlycaptcha .btn-submit{
    margin: 0 auto 10px;
}
.contact .ctas-container.friendlycaptcha,
.ask-catalog #f_catalog .ctas-container.friendlycaptcha{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contact .ctas-container.friendlycaptcha .frc-captcha,
.ask-catalog #f_catalog .ctas-container.friendlycaptcha .frc-captcha{
    max-width: 250px !important;
}
@media screen and ( max-width: 1056px ) {
    .contact .ctas-container.friendlycaptcha{
        flex-direction: column;
    }
}
.customer-login.friendlycaptcha .box{
    height: 430px;
}
.customer-login.friendlycaptcha .box #f_authenticate .btn-submit,
.customer-login.friendlycaptcha .box #f_authenticate_brandnumber .btn-submit,
.customer-login.friendlycaptcha .box-register .btn-submit{
    bottom: 105px;
}
.customer-login.friendlycaptcha .box .ctas-container.friendlycaptcha{
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    position: absolute;
    bottom: 35px;
}
@media screen and ( max-width: 1056px ) {
    .customer-login.friendlycaptcha .box #f_authenticate .btn-submit,
    .customer-login.friendlycaptcha .box #f_authenticate_brandnumber .btn-submit,
    .customer-login.friendlycaptcha .box-register .btn-submit{
        bottom: 0;
    }
}
.contact .ctas-container.friendlycaptcha .btn-submit,
.customer-login.friendlycaptcha .box .ctas-container.friendlycaptcha .btn-submit{
    margin-top: 15px;
}

.ask-catalog.friendlycaptcha .head .box{
    height: 250px;
}
.ask-catalog.friendlycaptcha .head .ctas-container.friendlycaptcha{
    flex-direction: row;
}
.ask-catalog.friendlycaptcha .head .ctas-container.friendlycaptcha .frc-content{
    white-space: unset;
}
.ask-catalog.friendlycaptcha .head .formulaire .viewpassword input[type=password],
.ask-catalog.friendlycaptcha .head .formulaire .viewpassword.showed input[type=text]{
    width: 275px!important;
}
.ask-catalog.friendlycaptcha .head .formulaire input[type=email]{
    width: 275px;
}
.ask-catalog.friendlycaptcha .head .ctas-container.friendlycaptcha{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.ask-catalog.friendlycaptcha .head .f_el .formvalidator_error{
    margin-top: 12px;
}
.vp-container .box .ctas-container.friendlycaptcha .frc-captcha{
    margin: 0 auto;
}
.order.payment li.giftcard .ctas-container.friendlycaptcha{
    display: flex;
    align-items: center;
}

/*-----------------------------------------------------------------------*/
/*Layers*/
/*-----------------------------------------------------------------------*/
.bglayer{
    transition: background-color 0.3s ease-in-out;
}
.bglayer.active{
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100vw;
    height: calc(100vh - 142px);
    display: block;
    z-index: 100;
    cursor: pointer;
}
body.lrgc .bglayer.active{
    height: 100%;
}
.layerajax{
    width: 100%;
    max-width: 490px;
    position: fixed;
    height: calc(100vh - 142px);
    top: unset;
    bottom: 0;
    right: -100vw;
    z-index: 2000;
    background-color: #F6F4EF;
    box-shadow: -3px 4px 8px 0 rgba(0, 0, 0, 0.15);
    border-top: solid .3px #2D2D2D;
    transition: right .4s ease;
    font-size: 14px;
    overflow-y: scroll;
    scrollbar-width: none;
}
body.lrgc .layerajax,
body.lrgc.header-sticky  .layerajax{
    height: 100%;
}
body.header-sticky .layerajax,
body.de_DE.header-sticky .layerajax{
    height: calc(100vh - 126px);
}
body.header-sticky .bglayer.active,
body.de_DE.header-sticky .bglayer.active{
    height: calc(100vh - 126px);
}
body.isHeaderLight .layerajax,
body.de_DE.isHeaderLight .layerajax{
    height: 100vh;
}
body.isHeaderLight .bglayer.active,
body.de_DE.isHeaderLight .bglayer.active{
    height: 100vh;
}
body.isHeaderLight .layerajax.showed .layerajax-close,
body.isHeaderLight .layerajax.showed .layerajax-back{
    top: 20px;
}
.layerajax .pos-sticky-bottom {
    bottom: -160px;
    padding: 20px;
    transition: bottom .3s ease-in-out;
}
.layerajax .sc-title{
    color: #2D2D2D;
    font-size: 19px;
    font-weight: 600;
    line-height: 100%;
}
.layerajax .sc-description{
    color: #2D2D2D;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 23px;
}
.de_DE .layerajax .sc-description {
    padding: 0 45px;
}
.layerajax .sc-description b{
    font-weight: 600;
}
.layerajax .align-center{
    text-align: center;
}
.layerajax .pos-sticky-bottom.active {
    bottom: 0;
}
.layerajax.showed{
    right: 0;
}
.layerajax-close{
    z-index: 1;
    right: 20px;
    top: 20px;
    width: auto;
    height: auto;
    border-radius: 40px;
    color: #2D2D2D;
    transition: .2s;
}
.layerajax.showed .layerajax-close{
    display: block;
    animation: layerajax-close_appears .600s forwards;
    position: absolute;
    top: 20px;
    right: 20px;
    width: auto;
}
.layerajax-back{
    position: absolute;
    z-index: 10;
    left: 35px;
    top: 20px;
    width: auto;
    height: auto;
    border-radius: 40px;
    color: #2D2D2D;
    transition: .2s;
}
body.lrgc .layerajax-back{
    padding: 4px 4px 4px 8px;
    background-color: rgba(0,0,0,.075);
    border-radius: 4px;
    top: 18px;
}
body.lrgc .layerajax-back:hover{
    background-color: rgba(0,0,0,.125);
}
.layerajax.showed .layerajax-back{
    display: none;
}
.layerajax.showed .layerajax-back span.arrow{
    height: 4px;
    width: 4px;
}
body.lrgc .layerajax.showed .layerajax-back span.arrow{
    border-width: 0 2px 2px 0;
    height: 2px;
    width: 2px;
}
.layerajax h4{
    font-weight: 500;
}
.layerajax .layerajax-close{
    display: none;
}
@keyframes layerajax-close_appears {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
.layerajax-close svg{
    transition: .3s;
}
.layerajax-close:hover svg{
    transform: rotate(135deg);
}
#blocLogin .sc-title .sc-customer-name{
    color: #4D716C;
    font-weight: 600;
}
.layerajax .check-container{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.layerajax .check-container .state{
    background-color: #FFFFFF;
    margin-right: 9px;
}
.layerajax .check-container .state input{
    padding: 0;
    height: 15px;
}
.layerajax .check-container .text{
    color: #2D2D2D;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
.layerajax .check-container .text a{
    font-size: 10px;
    border-bottom: solid 1px #2D2D2D;
}
.layerajax .help-mention{
    margin-top: 5px;
}
.layerajax .help-mention a{
    color: #2D2D2D;
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    text-decoration-line: underline;
}
.layerajax .help-mention a:hover{
    text-decoration-line: none;
}
.layerajax .small-mention{
    color: #2D2D2D;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    margin-top: 25px;
    width: 100%;
    text-align: left;
}
.layerajax .small-mention.grey{
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    margin-top: 3px;
}
.layerajax .loginStep1{
    width: 80%;
    max-width: 350px;
    margin: auto;
    display: flex;
    flex-direction: column;
}
.layerajax [id^="f_register_smartconnect"],
.layerajax [id^="f_authenticate_brandnumber"],
.layerajax [id^="f_authenticate_smartconnect"]{
    position: relative;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.layerajax [id^="f_register_smartconnect"] input,
.layerajax [id^="f_authenticate_brandnumber"] input,
.layerajax [id^="f_authenticate_smartconnect"] input{
    width: 100%;
    max-width: 350px;
    height: 36px;
    color: #2D2D2D;
    border: solid .4px #2D2D2D;
}
.layerajax #f_authenticate_brandnumber_smartconnect_reference.filled::after,
.layerajax #f_authenticate_smartconnect_email.filled::after{
    content: url('https://www.linvosges.com/assets/linvosges.v3/resources/img/ui/form-checked.png');
    display: inline-block;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 20px;
}
.layerajax [id^="f_authenticate_smartconnect"] input::placeholder{
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    line-height: 100%;
}
.layerajax [id^="f_authenticate_brandnumber"].empty-field label,
.layerajax [id^="f_authenticate_smartconnect"].empty-field label{
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    box-sizing: border-box;
    position: absolute;
    transition: all 0.2s ease-in-out;
    bottom: 12.5px;
    padding: 0;
    line-height: 0;
    left: 16px;
}
.layerajax #f_authenticate_smartconnect_email.empty-field label {
    opacity: 0;
    visibility: hidden;
}
.layerajax [id^="f_authenticate_brandnumber"].filled label,
.layerajax [id^="f_authenticate_smartconnect"].filled label{
    background: rgb(246,244,239);
    background: linear-gradient(180deg, rgba(246,244,239,1) 0%, rgba(246,244,239,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    top: -6px;
    left: 10px;
    padding: 1px 5px;
    position: absolute;
    opacity: 1;
    visibility: visible;
    color: #2D2D2D;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
}

.layerajax #f_register_lastname label,
.layerajax #f_register_firstname label,
.layerajax #f_register_smartconnect_email label,
.layerajax #f_register_smartconnect_password label,
.layerajax #f_authenticate_smartconnect_email label,
.layerajax #f_authenticate_smartconnect_password label,
.layerajax #f_authenticate_brandnumber_smartconnect_lastname label,
.f_el_flyingLabel label{
    top: 11px;
    left: 10px;
    bottom: unset;
    padding: 1px 5px;
    position: absolute;
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    line-height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.layerajax #f_register_lastname input:focus + label,
.layerajax #f_register_lastname #f_register_lastname_object.hascontent + label,
.layerajax #f_register_firstname input:focus + label,
.layerajax #f_register_firstname #f_register_firstname_object.hascontent + label,
.layerajax #f_register_smartconnect_email input:focus + label,
.layerajax #f_register_smartconnect_email #email.hascontent + label,
.layerajax #f_register_smartconnect_password input:focus + label,
.layerajax #f_register_smartconnect_password #password.hascontent + label,
.layerajax #f_authenticate_smartconnect_email input:focus + label,
.layerajax #f_authenticate_smartconnect_email #email.hascontent + label,
.layerajax #f_authenticate_smartconnect_password input:focus + label,
.layerajax #f_authenticate_smartconnect_password #password.hascontent + label,
.layerajax #f_authenticate_brandnumber_smartconnect_lastname input:focus + label,
.layerajax #f_authenticate_brandnumber_smartconnect_lastname #lastname.hascontent + label,
.f_el_flyingLabel input:focus + label,
.f_el_flyingLabel input.hascontent + label{
    background: rgb(246,244,239);
    background: linear-gradient(180deg, rgba(246,244,239,1) 0%, rgba(246,244,239,1) 52%, rgba(255,255,255,0) 52%, rgba(255,255,255,0) 100%);
    color: #2D2D2D;
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    opacity: 1;
    top: -5px;
    visibility: visible;
}
.locker-nfos .f_el_flyingLabel input.hascontent + label{
    background: #ECF1F0;
    background: linear-gradient(180deg, rgba(236,241,240,1) 0%, rgba(236,241,240,1) 52%, rgba(255,255,255,0) 52%, rgba(255,255,255,0) 100%);
}
.layerajax #f_register_smartconnect_password .viewpassword,
.layerajax #f_authenticate_smartconnect_password .viewpassword{
    position: initial;
    cursor: pointer;
}
.layerajax [id^="f_authenticate_"] .btn{
    min-width: 190px;
    height: 37px;
    min-height: unset;
    margin: 25px auto 0;
}
.layerajax [id^="f_register_"] .btn{
    width: auto;
    padding: 0 20px;
    min-width: 190px;
    height: 37px;
    min-height: unset;
    margin: 25px auto 0;
}
.layerajax #f_authenticate_password .small-text-form {
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
    color: #909090;
    font-size: 13px;
    text-decoration: none;
    letter-spacing: -0.5px;
}

.layerajax #f_authenticate_password  .small-text-form::after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #909090;
    top: 0;
    transition: 0.1s;
}

.layerajax #f_authenticate_password  .small-text-form:hover::after {
    top: 3px;
}

.layerajax #f_authenticate_password .small-text-form-mdp {
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
    color: #002443;
    font-size: 15px;
    text-decoration: none;
    letter-spacing: -0.5px;
}

.layerajax #f_authenticate_password  .small-text-form-mdp::after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #909090;
    top: 0;
    transition: 0.1s;
}

.layerajax #f_authenticate_password  .small-text-form-mdp:hover::after {
    top: 3px;
}
.layerajax #f_authenticate_email input:not([type=submit]), .layerajax #f_register_email input:not([type=submit]){
    width: 100%;
}
.layerajax #f_authenticate_email .formvalidator_error a {
    color: #D0021B;
}
.layerajax .sc-reassurance-slider{
    background-color: #FFFFFF;
    width: 100%;
    max-height: 227px;
    padding: 5vh 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
}
.layerajax .sc-reassurance-slider .slide{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.layerajax .sc-reassurance-slider .slide .text{
    color: #2D2D2D;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 12px;
}
.layerajax .sc-reassurance-slider .slide .text b{
    font-weight: 600;
}
.layerajax .sc-reassurance-slider .swiper-pagination{
    position: absolute;
    bottom: 3vh;
}
.layerajax .sc-reassurance-slider .swiper-pagination .swiper-pagination-bullet{
    width: 11px;
    height: 11px;
    background-color: #2D2D2D70;
    opacity: 1;
}
.layerajax .sc-reassurance-slider .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #2D2D2D;
}
@media screen and ( max-height: 980px ) {
    .layerajax #f_register_smartconnect + .sc-reassurance-slider{
        display: none;
    }
}
@media screen and ( max-height: 835px ) {
    .layerajax .sc-reassurance-slider{
        display: none;
    }
}
@media screen and ( max-width: 1056px ) {
    .layerajax{
        height: calc(100vh - 101px);
        top: 100px;
    }
    .layerajax[data-layer="connected"] .sc-reassurance-slider{
        display: none;
    }
    .layerajax .layerform{
        padding-top: 45px;
    }
}
@media screen and ( max-width: 540px ) {
    .layerajax{
        height: calc(100vh - 90px);
        top: 90px;
    }
    .bglayer.active{
        height: calc(100vh - 90px);
        top: 90px;
    }
    body.isHeaderLight .layerajax{
        top: 0dvh;
    }
    body.isHeaderLight .bglayer.active{
        top: 0dvh;
    }
    /*html.locked-mb{*/
    /*    position: fixed;*/
    /*    width: 100%;*/
    /*    top: 0;*/
    /*}*/
}
/*@supports (-webkit-touch-callout: none) {*/
/*    body.isHeaderLight .layerajax,*/
/*    body.de_DE.isHeaderLight .layerajax{*/
/*        height: 100svh;*/
/*    }*/
/*}*/

/* Smartconnect - connected */
.layerajax .sc-menu-account{
    display: flex;
    flex-direction: column;
    width: 95%;
    margin: auto;
}
.layerajax .sc-menu-account a{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    line-height: 0;
}
.layerajax .sc-menu-account .sc-entry{
    color: #2D2D2D;
    font-size: 15px;
    font-weight: 500;
    line-height: 40px;
    margin-left: 7px;
    width: calc(100% - 82px);
    padding: 10px 0 ;
    box-sizing: border-box;
    border-bottom: solid .2px #666666;
}
.layerajax .sc-menu-account .svg-container{
    width: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.layerajax .ctas-container{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 55px auto 0;
}
.layerajax .ctas-container .btn{
    margin: 0 15px;
    text-transform: none;
    font-size: 13px;
    line-height: 24px;
    color: #2D2D2D;
    font-weight: 500;
    height: 39px;
    position: relative;
    padding-left: 30px;
    white-space: nowrap;
}
.layerajax .ctas-container .btn:hover{
    background: #66666650;
}
.layerajax .ctas-container .btn:first-child svg{
    width: 18px;
    height: 18px;
}
.layerajax .ctas-container .btn svg{
    position: absolute;
    left: 6px;
}
.layerajax .f_el .formvalidator_error{
    top: 35px
}
@media screen and ( max-width: 1056px ) {
    .layerajax .ctas-container{
        width: 95%;
    }
    .layerajax .ctas-container .btn{
        margin: 0 2vw;
        font-size: 12px;
    }
}
/*Point relais*/
 #map .gm-style-iw-ch {
    display:none;
 }
#map .gm-style .gm-style-iw-c{
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
 }
#map .gm-style .gm-style-iw-d{
    overflow: auto!important;
    font-weight: 500;
}




/* popin-packshots-v2 */
.popin-packshots-v2{
    background-color: #F6F4EF;
}
.popin-packshots-v2 .packshot-popin-slider .slide img,
.popin-packshots-v2 .packshot-popin-slider .slide video{
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.popin-packshots-v2 .packshot-popin-container{
    position: absolute;
    left: 0;
    top: 0;
}
.popin-packshots-v2 .close-popin{
    background: #FFFFFF;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -3px 4px 8px 0 rgba(0, 0, 0, 0.15);
}
.popin-packshots-v2 .close-cross:before,
.popin-packshots-v2 .close-cross:after{
    height: 28px;
    left: unset;
    width: 1.5px;
    position: relative;
}
@media screen and ( min-width: 1056.98px ){
    .popin.popin-packshots-v2 .popin-container{
        margin-top: unset;
        width: 100vw;
    }
    .popin-packshots-v2 .popin-content{
        scrollbar-width: none;
        box-shadow: none;
        background-color: unset;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%;
        margin: auto;
        gap: 15px;
        overflow: visible;
    }
    .popin-packshots-v2 .packshot-popin-slider{
        height: 100vh;
        width: 190px;
        min-width: 140px;
    }
    .popin-packshots-v2 .gallery-slider {
        width: 100%;
        height: 100vh;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .popin-packshots-v2 .swiper-zoom-container{
        position: relative;
        box-sizing: border-box;
        display: block;
    }
    .popin-packshots-v2 .bigpackshot-container{
        height: 100vh;
        width: 100%;
        max-height: unset;
        margin: 0;
        line-height: 0;
        display: flex;
        flex-direction: column;
        position: relative;
        max-width: 90%;
        overflow: hidden;
        justify-content: center;
        align-items: flex-end;
    }
    .popin-packshots-v2 .bigpackshot{
        width: 100%;
        height: auto;
        min-height: 100vh;
        position: relative;
        overflow: hidden;
    }
    .popin-packshots-v2 .bigpackshot .swiper-slide-prev img{
        display: none;
    }
    .popin-packshots-v2 .bigpackshot .swiper-slide-active img{
        display: block;
    }
    .popin-packshots-v2 .bigpackshot #imageZoom{
        height: 100vh;
        width: 100%;
        transition: 0.5s;
        max-width: unset;
        max-height: unset;
    }
    .popin-packshots-v2 .bigpackshot .twicpic img{
        cursor: auto;
    }
    .popin-packshots-v2 .bigpackshot:not(.twicpic).zoomplus img{
        cursor: url('../img/ui/loupe.png'), auto;
    }
    .popin-packshots-v2 .bigpackshot:not(.twicpic).zoommoins img{
        cursor: url('../img/ui/loupe-moins.png'), auto;
    }
    .popin-packshots-v2 .bigpackshot-container .bigpackshot .zoomHolder{
        cursor: url('../img/ui/loupe.png'), auto;
    }
    .popin-packshots-v2 .bigpackshot-container .bigpackshot .zoomHolder.zoomed{
        cursor: url('../img/ui/loupe-moins.png'), auto;
    }
    .popin-packshots-v2 .main-packshot[data-zoom='1'] img{
        object-fit: unset;
        height: auto;
        margin-left: auto;
        min-height: 150vh;
        width: auto;
    }
    .popin-packshots-v2 .packshot-popin-slider .swiper-wrapper{
        padding: 27px 0;
        box-sizing: border-box;
        height: 100%;
        display: flex;
        flex-direction: column;
        transform: none !important;
        overflow-y: scroll;
        scrollbar-width: none;
    }
    .popin-packshots-v2 .packshot-popin-slider .slide{
        height: 140px !important;
        width: 140px;
        box-sizing: border-box;
        margin: 0 auto 10px;
        box-shadow: 1px 4px 4px rgba(0, 0, 0, .25);
    }
    .popin-packshots-v2 .packshot-popin-slider .border-active{
        border: solid 4px #2C4542;
    }
}
@media screen and (max-width: 1056px){
    .popin-packshots-v2 .close-popin{
        width: 45px;
        height: 45px;
    }
    .popin-packshots-v2 .close-cross:before,
    .popin-packshots-v2 .close-cross:after {
        height: 22px;
        width: 1px;
    }
    .popin-packshots-v2 .popin-content{
        overflow: hidden;
    }
    .popin-packshots-v2 .bigpackshot{
        /*display: block;*/
        overflow: scroll;
        scrollbar-width: none;
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .popin-packshots-v2 .bigpackshot #imageZoom{
        height: 100vh;
    }
    .popin-packshots-v2 .packshot-popin-container{
        top: unset;
        bottom: 15px;
        height: auto;
    }
    .popin-packshots-v2 .packshot-popin-container{
        height: 70px;
        width: 100%;
    }
    .popin-packshots-v2 .packshot-popin-slider{
        /*overflow: scroll;*/
        /*scrollbar-width: none;*/
    }
    .popin-packshots-v2 .packshot-popin-slider .swiper-wrapper{
        padding: 0 10px;
        gap: 10px;
        overflow: scroll;
        scrollbar-width: none;
        box-sizing: border-box;
    }
    .popin-packshots-v2 .packshot-popin-slider .slide{
        width: 70px;
        max-width: 70px;
        box-sizing: border-box;
    }
    .popin-packshots-v2 .packshot-popin-slider .border-active{
        border: solid 2px #2C4542;
    }
    .popin-packshots-v2 .packshot-popin-slider .slide img{
        width: 70px;
    }
}

/*Main tabs*/

.alma-tabs .btn {
    font-size: 12px;
    font-weight: 600;
    padding: 10px;
    background: transparent;
    outline: transparent;
    border: transparent;
    transition: 300ms all ease-in-out;
    background-color: #fff;
    position: relative;
    color:black;
    border: 1px solid #000;
    cursor: pointer;
}
.alma-tabs .btn.active {
    background-color: #FA5022;
    position: relative;
    color:white;
    border: 1px solid #FA5022;
}
.alma-tabs .tabs {
    background-color: white;
    border-radius: 8px;
    padding: 32px 32px 10px 32px;
}
.alma-tabs .tabs__pills {
    width: fit-content;
}
.alma-tabs .tabs__panels {
    padding: 20px 0;
}
.alma-tabs .tabs__panels .tab {
    width: 100%;
    display: none;
    gap: 20px;
}
.alma-tabs .tabs__panels> .tab.active {
    display: flex;
}
/*Alma 4x*/
.alma-payment-4x {
    display:flex;
    gap:5px;
    justify-content: flex-end;
    align-items: center;
    margin:10px 0;
    color: #2D2D2D;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    cursor: pointer;
}
.alma-4x{
    padding: 0 5px;
    background-color: #2D2D2D;
    color: white;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 17px; /* 141.667% */
}
.logo-alma svg{
    width: 35px;
    height: 18px;
}
.popin-content .text.text-center{
    text-align: center;
}
.popin-oneclic.popin-alma .popin-container .popin-content {
    width: 613px;
    height: 480px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 25px 33px 22px 43px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.popin-oneclic.popin-alma .title {
    color: #2D2D2D;
    text-align: center;
    font-family: 'DM Serif Display',sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    text-transform: initial;
}
.popin-oneclic.popin-alma .text {
    color: #2D2D2D;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top:17px;
    margin-bottom:40px
}
.popin-oneclic.popin-alma .text b {
    font-weight: 600;
}
.popin-oneclic.popin-alma .number{
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'DM Serif Display',sans-serif;
    width: 16px;
}
.popin-oneclic.popin-alma .orange{
    color: #FA5022;
}
.popin-oneclic.popin-alma .bleu{
    color: #80CFDD;
}
.popin-oneclic.popin-alma .jaune{
    color: #F6D147;
}
.popin-oneclic.popin-alma .content-number{
    color: #2D2D2D;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.popin-oneclic.popin-alma .gap-22{
    gap:22px;
}
.popin-oneclic.popin-alma .gap-20{
    gap:20px;
}
.popin-oneclic.popin-alma .gap-50{
    gap:50px;
    height: 100%;
}
.popin-oneclic.popin-alma .w-50p{
    width:50%;
}
.alma-tabs.tabs{
    padding:6px 11px 15px 0px;
}
.alma-tabs .tabs__pills{
    display:flex;
    gap:10px;
    padding-bottom: 10px;
    border-bottom: .5px solid #8E8E8E;
    width: 100%;
}
.alma-tabs .tabs__pills .btn{
    width:fit-content;
    margin-top: 0px;
    min-width: fit-content;
    min-height:fit-content;
    border-radius: 5px;
    padding: 4px 7px;
    height: 25px;
}
.alma-tabs .tab{
    border-left: .5px solid #C3C3C3;
    flex-direction: column;
    gap:8px;
    margin-left: 10px;
    padding-bottom: 16px;
}
.alma-tabs .tabs__panels{
    position: relative;
}
.alma-tabs .tabs__panels div > span{
    width: 100%;
    display: flex;
    color: #2D2D2D;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 141.667% */
    justify-content: space-between;
    padding: 0px 20px 0px 15px;
    box-sizing: border-box;
    position: relative;
}
.alma-tabs .tabs__panels div > span b{
    font-weight: 600;
}
.alma-tabs .tabs__panels div > span svg{
    position: absolute;
    left: -6.5px;
    top: 3px;
}
.alma-tabs .tabs__panels div > span:first-child svg{
    padding-top:3px;
    top: 0px;
    background-color: white;
}
.alma-tabs .tabs__panels .total-alma{
    position:absolute;
    bottom: -27px;
    left: 0;
    width: 100%;
    border-radius: 8px;
    border: 0.5px solid #FA5022;
    background: #FFF9F5;
    display: flex;
    flex-direction: column;
    padding: 6px 10px;
}
.alma-tabs .tabs__panels .total-alma > span{
    display: flex;
    justify-content: space-between;
}
.popin-oneclic.popin-alma .mentions{
    color:  #666;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.popin-oneclic.popin-alma .mentions a{
    text-decoration: underline;
}
.paypal-payment-4x-panier,
.alma-payment-4x-panier{
    border-radius: 6px;
    border: .5px solid #2D2D2D;
    padding: 4px 11px;
    align-items: center;
    display: flex;
    gap: 4px;
    color: #2D2D2D;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 141.667% */
    width: fit-content;
    margin: 12px auto;
    position: relative;
}
.paypal-payment-4x-panier b,
.alma-payment-4x-panier b{
    font-weight: 600;
}
.paypal-payment-4x-panier .logo-paypal{
    line-height: 0;
    width: 49px;
    height: 22px;
    display: flex;
    justify-content: start;
    align-items: center;
}
.text-or:has(+ .alma-payment-4x-panier){
    font-family: 'Montserrat',sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    width: 100%;
    display: block;
    margin: -8px 0;
}
.alma-payment-4x-panier .logo-alma{
    line-height: 0;
    width: 42px;
    height: 22px;
    display: flex;
    justify-content: start;
    align-items: center;
}
.alma-payment-4x-panier #alma-open-modal-button{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}
.choice-alma-v2 .logo-alma svg{
    width: 52px;
    height: 26px;
}
.choice-payment-content-alma .alma-tabs{
    width: 60%;
}
.choice-payment-content-alma .alma-tabs .btn {
    font-size: 13px;
    font-weight: 500;
    color: #2D2D2D;
    border: 1px solid #fff;
    cursor: pointer;
}
.choice-payment-content-alma .alma-tabs .btn.active {
    color: #fff;
    border: 1px solid #FA5022;
    box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.choice-payment-content-alma .alma-tabs .tabs__panels .total-alma {
    bottom: -10px;
}
.choice-payment-content-alma .alma-tabs .tabs__panels {
    padding: 10px 0px 20px 0;
}
.choice-payment-content-alma .alma-tabs .tabs__panels .tab {
    gap: 10px;
}
@media screen and ( max-width: 1056px ) {
    .popin-oneclic.popin-alma .w-50p{
        width:100%;
    }
    .popin-oneclic.popin-alma .gap-20{
        gap:4px;
        box-sizing: border-box;
    }
    .popin-oneclic.popin-alma .gap-22{
        gap:14px;
    }
    .popin-oneclic.popin-alma .popin-container .popin-content {
        width: 100%;
        max-width: 320px;
        height: 100%;
        max-height: 600px;
        padding: 17px 10px 13px 10px;
    }
    .popin-oneclic.popin-alma .text {
        margin-top: 14px;
        margin-bottom: 22px;
    }
    .popin-oneclic.popin-alma .gap-50 {
        gap: 20px;
        height: 100%;
        padding: 0px 20px;
    }
    .popin-oneclic.popin-alma .mentions {
        margin-top: 28px;
    }
    .choice-payment-content-alma .alma-tabs{
        width: 80%;
    }
}
/* Order payment LVA */
.de_DE .chose-payment{
    display: flex;
    flex-direction: column;
}
.de_DE .paypal-svg svg{
    height: 18px;
}
.de_DE .gpay-svg svg{
    height: 18px;
}
.de_DE .applepay-svg svg{
    height: 18px;
}
.de_DE .klarna .choice-payment{
    padding: 4px 0;
}
@media screen and ( max-width: 1056px ) {
    .de_DE .paypal-svg svg{
        height: 20px;
    }
    .de_DE .gpay-svg svg{
        height: 16px;
    }
    .de_DE .applepay-svg svg{
        height: 16px;
    }
    .de_DE .klarna .choice-payment svg{
        height: 100%!important;
    }
}
.broderie-mots-doux{
    display: flex;
    justify-content: center;
    gap:124px;
}
.ctas-container-dl-pdf{
    display: flex;
    gap: 40px;
}
.ctas-container-dl-pdf a{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
@media screen and ( max-width: 1056px ) {
    .broderie-mots-doux{
        flex-direction: column;
        gap:24px;
    }
    .ctas-container-dl-pdf{
        gap: 16px;
        flex-direction: column;
        margin-top: 25px;
    }
    .ctas-container-dl-pdf a{
        margin-top: 0!important;
    }
}
.fr_FR .paypal-svg svg{
    height: 18px;
}
.fr_FR .gpay-svg svg{
    height: 18px;
}
.fr_FR .applepay-svg svg{
    height: 18px;
}
.fr_FR .payment-icons svg{
    height: 16px;
}
.fr_FR .virementsvg svg{
    height: 16px;
}
.fr_FR .chequesvg svg{
    height: 16px;
}
.fr_FR .choice-payment-alt img{
    height: 18px;
}

/* Alma WIDGET */
[id^="alma-widget-"]{
    height: 49px;
    flex-direction: row-reverse;
}
[id^="alma-widget-"] .alma-payment-plans-container{
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    justify-content: end;
}
[id^="alma-widget-"] .alma-payment-plans-eligibility-line{
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
}
[id^="alma-widget-"] .alma-payment-plans-eligibility-options{
    gap: 2px;
}
[id^="alma-widget-"] .alma-payment-plans-eligibility-options div{
    height: fit-content;
    min-width: fit-content;
    padding: 4px 6px;
}
[id^="alma-widget-"]  .alma-payment-plans-payment-info{
    font-size: 12px;
    font-weight: 600;
}
[id^="alma-widget-"]  .alma-payment-plans-eligibility-options  .alma-payment-plans-active-option{
    background: #2D2D2D;
}

/* OptOUT Piano */
.cnil .check-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.cnil .check-container .state {
    margin-right: 9px;
}
.cnil .check-container .checkbox:not(.rounded).tick input:checked ~ .check:after{
    font-size: 20px;
    top:-4px;
    left: 0;
}

.checkboxV2{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
}
.checkboxV2 input[type=checkbox] {
    display: none;
}
.checkboxV2 label {
    cursor: pointer;
    font-size: 12px;
    line-height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    gap: 0 3px;
    padding-left: 25px;
}
.checkboxV2 label:before {
    content: ' ';
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    background-color: #fff;
    border: 0.5px solid #2D2D2D;
    margin-left: -25px;
}
.checkboxV2 label:after {
    content: ' ';
    position: absolute;
    background-image: url('../img/svg/check.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 13px;
    height: 11px;
    left: 3px;
    top: 1px;
    opacity: 0;
}
.checkboxV2 input[type=checkbox]:checked + label:before {
    background-color: #4D716C;
    transition: background-color .3s;
    border-color: #4D716C;
    border-radius: 4px;
}
.checkboxV2 input[type=checkbox]:checked + label:after {
    opacity: 1;
}