.product1 img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    cursor: pointer;
    border-radius: 10px;
}
.product2{
    margin: 5px;
    padding: 0 .5rem;
    position: relative;
    text-align: center;
} .product2 img{
    width: 100%;
    border-radius: 10px;
    transition: .3s;
    cursor: pointer;
}
.slick-current .product2 img{
    outline: 2px solid rgb(232, 31, 40);
}
.slider-nav{
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.el-caracteristique{
    transition: .3s;
}.el-caracteristique:hover{
     transform: scale(.9);
 }.el-caracteristique label{
      cursor: pointer;
  }.el-caracteristique input[type="radio"]{
       display: none;
   }.el-caracteristique span{
        display: inline-block;
        position: relative;
      background: rgb(206, 197, 197);
        padding: .5em 1em;
        color: #333;
        border-radius: 2em;
        font-size: .85em;
        transition: .3s;
        user-select: none;
        overflow: hidden;
        box-shadow: 0 8px 10px rgba(224, 218, 218, 0.5);
        text-transform: capitalize;
        font-weight: 700;
        z-index: 2;
    }.el-caracteristique span::before{
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 50%;
         background: rgba(226, 216, 216, .5);
         z-index: -1;
     }.el-caracteristique input[type="radio"]:checked ~ span{
         background: rgb(232, 31, 40);
          color: #f2f2f2;
          box-shadow: 0 8px 10px rgba(232, 31, 40, .3);
      }.el-caracteristique input[type="radio"]:checked ~ span::before{
           background: rgba(238, 215, 215, .35);
       }
.el-container-caracteristiques .el-container{
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.el-container-details{
    margin-top: 1rem;
}
.el-container-caracteristiques{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.title small{
    letter-spacing: 2px !important;
}

.map_contact iframe{
    width: 50%;
}
#contactform .select2-container .select2-selection--single{
    height: 58px;
}
#contactform .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 58px;
}
#contactform .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 56px;
}
#contactform .select2.select2-container.select2-container--default.select2-container--below{
    width: 100% !important;
}
.reveal_header{
    padding: 0 0 15px;
}
#el-breacknews{
    width: 100%;
    background: #000;
    margin-bottom: 1rem;
}/*header.reveal_header.headroom--not-top #el-breacknews{
    background: #E81F28;
}*/#el-breacknews #el-grid .ticker-wrap {
    width: 100%;
    overflow: hidden;
}
#el-breacknews #el-grid .ticker {
    display: inline-block;
    white-space: nowrap;
    animation: ticker 25s linear infinite;
    animation-delay: 0s !important;
}
#el-breacknews #el-grid .ticker__item {
    display: inline-block;
    padding: 0 2rem;
    font-family: "Montserrat",Helvetica,sans-serif;
    font-size: 1rem;
    color: #ebd7b2;
}
#el-breacknews #el-grid .ticker-wrap:hover .ticker {
    animation-play-state: paused;
}
@keyframes ticker {
    0% { transform: translateX(20%); }
    100% { transform: translateX(-100%); }
}
#el-breacknews #el-grid ul {
    display: flex;
    align-items: center;
    list-style: none;
}
.el-container-social-media{
    display: flex;
    align-items: center;
    list-style: none;
    gap: 1rem;
    margin: 0;
    padding: 1rem 0 0;
}
.el-container-social-media a{
    font-size: 1.5rem;
    color: #fff;
}
#el-menu-desktop{
    display: none;
}
#el-menu-desktop a{
    position: relative;
    color: #fff;
}
header.reveal_header.headroom--not-top #el-menu-desktop a{
    color: #000;
}
/*#el-menu-desktop a:before{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 50%;
    background: #e81f28;
    z-index: -1;
    transition: .3s;
}*/
#el-menu-desktop a:hover:before{
    width: 100%;
}
header.reveal_header.headroom--not-top #el-menu-desktop a:hover:before{
    background: #ebd7b2 !important;
}
#el-lighbox-op{
    width: 100%;
    min-height: 100dvh;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    flex-direction: column;
    gap: 1rem;
}
#el-lighbox-op.el-active{
    display: flex;
}
#el-lighbox-op .el-box-img{
    /*width: clamp(300px, 50%, 400px);*/
    width: clamp(300px, 50%, 800px);
    position: relative;
}
#el-lighbox-op img,
#el-lighbox-op video{
    width: 100%;
}
#el-lighbox-op .el-box-img button:not(#el-submit-form){
    outline: none;
    border: none;
    background: #E81F28;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 1.2rem;
}
.el-container-store-map{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
}
.el-container-store-map:first-of-type{
    margin-bottom: 1.5rem;
}
.el-container-store-map iframe{
    width: 100%;
    height: 400px;
    margin-bottom: 1rem
}
.el-container-store-map ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.el-container-store-map ul p{
    text-align: center;
}


/*

*/
.el-container-form {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
    background: rgba(0, 0, 0, 1);
    border-radius: 10px;
    overflow: hidden;
}

.el-container-form img {
    width: 100% !important;
}

.el-container-form form,
.el-container-form form .el-row {
    padding: 1rem 1rem 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%;
}

.el-container-form form .el-row {
    padding: 0;
}

.el-container-form form .el-col {
    display: flex;
    gap: 1rem;
    height: 30px;
    width: 100%;
}

.el-container-form form input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 .5rem;
    outline: none;
    border: none;
    background: none;
    border-bottom: 1px solid #f1f7f9;
    color: #f1f7f9;
}

.el-container-form form input::placeholder,
.el-container-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-style: italic;
    color: rgba(0, 0, 0, .3);
    color: rgba(241, 247, 249, .7);
}
.el-container-form .select2.select2-container.select2-container--default,
.el-container-form .select2.select2-container.select2-container--default.select2-container--below {
    width: 100% !important;
}

.el-container-form .select2-container--default .select2-selection--single {
    background: transparent;
    border: none;
    border-bottom: 1px solid #f1f7f9;
    border-radius: 0;
}
.el-container-form .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #fff;
}

.el-container-form form button {
    outline: none;
    border: none;
    background: #E81F28;
    width: fit-content;
    padding: .25rem .5rem;
    border-radius: 2rem;
    color: #fff;
    margin-top: 1rem;
    cursor: pointer;
}

.el-container-form form h2 {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 0rem;
    color: #fff;
    text-transform: uppercase;
}

@media all and (min-width: 485px) {
    #el-container-form {
        width: 80%;
    }
}

@media all and (min-width: 575px) {
    .el-container-form form .el-row {
        flex-direction: row;
    }
}

@media all and (min-width: 768px) {

    #el-lighbox-op .el-box-img{
        width: clamp(300px, 80%, 800px);
        position: relative;
    }
    .el-container-form {
        flex-direction: row-reverse;
    }

    .el-container-form form,
    .el-container-form form .el-row {
        gap: 1rem;
    }
    .el-container-form form{
        gap: 1.5rem;
    }
    .el-container-form form h2{
        margin-bottom: 1rem;
    }
    .el-container-form form button{
        padding: .25rem .75rem;
    }
    .el-container-form img {
        width: 50% !important;
        min-width: 50% !important;
    }
}



@media all and (min-width: 992px){
    /* .product1 img{
        width: 70%;
    }
    .slider-nav{
        margin-top: 1rem;
        width: 71%;
    } */
    .el-container-details{
        margin-top: 0;
    }
    #el-menu-old{
        display: none !important;
    }
    #el-menu-desktop{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    @keyframes ticker {
        0% { transform: translateX(100%); }
        100% { transform: translateX(-100%); }
    }
    #el-breacknews #el-grid .ticker{
        animation-duration: 35s;
    }
    
    .el-container-form form {
        gap: 2rem;
    }

    .el-container-form {
        align-items: center;
    }
    
    .el-container-form form button{
        padding: .5rem 1rem;
    }
}

@media all and (min-width: 1200px) {
    #el-menu-desktop a{
        font-size: 1.1rem;
    }
}
@media all and (min-width: 1920px) {
    @keyframes ticker {
        0% { transform: translateX(100%); }
        100% { transform: translateX(-100%); }
    }
    #el-breacknews #el-grid .ticker{
        animation-duration: 55s;
    }
}