.dp_container_offre{
    overflow:hidden;
    width:100%;
    position:relative;
    display:block!important;
    background-color: #FFF;
    /*padding-bottom: 30px;*/
    margin-top:-20px;
}
.dp_landing_offre *[data-device="mobile"] {
    display:none;
}
@media (max-width:762px){
    .dp_landing_offre *[data-device="desktop"] {
        display:none;
    }
    .dp_landing_offre *[data-device="mobile"] {
        display:block;
    }
}

.dp_landing_offre {
    margin: 0 auto;
    width: 996px;
    position: relative;
    display: block;
    font-family: "Lucas";
    
}



.dp_landing_offre .dp_background {
    width: 100%;
    flex-basis: 100%;
    position: relative;
    height: 672px;
    background-color: #0e1112;
    z-index: 1;
}

.dp_landing_offre .dp_background div[data-device="desktop"] img {
    width: 1920px;
    height: 672px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #0e1112;
}
.dp_landing_offre .dp_background div[data-device="mobile"] img {
    width: 768px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #0e1112;
}

.dp_landing_offre .dp_offer {
    color: #fff;
    margin: 0 auto;
    width: 680px;
    z-index: 2;
    text-align: center;
    box-sizing: border-box;
    top:0;
    left:calc(50% - 340px);
    position: absolute;
}
.dp_landing_offre .dp_offer_date {
    font-size: 22px;
    font-weight: 400;
    line-height: 1em;
    padding:0.95em;
}
.dp_landing_offre .dp_offer_title {
    font-size: 48px;
    font-weight: 800;
    line-height: 42px;
    letter-spacing:0.04em;
    text-transform: uppercase;
    text-shadow:0 0 8px #242b37 ;
    margin-top: -0.1em;
}

.dp_landing_offre .dp_offer_step_num {
    width:28px;
    height:28px;
    border:2px solid #fff;
    background-color: #4a5b69;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    line-height: 1em;
    font-weight: 800;
    margin:2px auto;
    margin-top:10px;

    color:#fff;
}

.dp_landing_offre .dp_offer_step_text {
    font-size:18px;
    font-weight: 400;
    padding-top: 0.2em;
    line-height: 1em;
    margin:0 auto;
    letter-spacing: 0.015em;
}
.dp_landing_offre .dp_offer_step_text[data-num="2"]{
   max-width:275px;
}
.dp_landing_offre .dp_offer_step_text strong {
    font-weight: 700;
    color: #fff;
}
.dp_landing_offre .dp_packshot {
    position: absolute;
    z-index: 1;
    left: calc(50% - 259px);
    top: 0px;
    height: 672px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}
.dp_landing_offre .dp_packshot_sticker {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 21px;
    font-weight: 500;
    line-height: 1em;
    color: #fff;
    border-radius: 50%;
    background-color: #000;
    border: 5px #fff solid;
    position: absolute;
    bottom: 185px;
    left: 50%;
    z-index: -1;
    width: 160px;
    height: 160px;
    margin-left: -80px;
}
.dp_landing_offre .dp_packshot_sticker strong {
    font-weight: 700;
    line-height: 1em;
    font-size: 39px;
}
.dp_landing_offre .dp_packshot_visual {
    max-width:518px;
    flex-basis: 409px;
}
.dp_landing_offre .dp_packshot_visual img{
    max-width:100%;
    display: block;
  
}

.dp_landing_offre .dp_step[data-num="1"]::before{
    content:" ";
    position:absolute;
    left:-48px;
    top:50px;
    width:33px;
    height:37px;
    background-image: url(images/fleche-blanche.svg);
}
.dp_landing_offre .dp_step[data-num="1"]{
    position:absolute;
    left:calc(50% + 319px);
    top:474px;
    text-align: center;
    width:164px;
    z-index:2;
    color:#fff;
    font-size:18px;
    font-weight: 400;
    line-height: 1em;
}

.dp_landing_offre .dp_step[data-num="1"] strong{
    display:block;
}

.dp_landing_offre .dp_step[data-num="1"] a{
    text-decoration: none;
}

.dp_landing_offre .dp_step[data-num="1"] .dp_offer_btn {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 1em;
    width: 100%;
    height: 35px;
    margin: 0px auto;
    margin-top:18px;
    border-radius: 4px;
    z-index: 2;
    position: relative;
    background-color: #387d05;
    color: #fff;
    border: 1px solid #387d05;
    text-decoration: none;
}

.dp_landing_offre .dp_step[data-num="2"]  .dp_offer_step_num{
    border-color:#b3b5b6;
}

.dp_landing_offre .dp_step[data-num="2"] {
    padding:60px;
    margin:0 auto;
    position: relative;
}

.dp_landing_offre .dp_step[data-num="2"]::before{
    content: " ";
    position: absolute;
    left: 50%;
    top: 20px;
    width: 33px;
    height: 37px;
    background-image: url(images/fleche-noire.svg);
    transform: translateX(-50%) rotate(90deg);
}

.dp_landing_offre .dp_step[data-num="2"] .dp_offer_step_text{
    color:#000;
    font-size:18px;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
}

.dp_landing_offre .dp_step[data-num="2"] .dp_offer_step_text strong{
    color:#000;
}


.dp_landing_offre .dp_modalites {
    position: absolute;
    top: 645px;
    font-size: 15px;
    left: calc(50% + 289px);
    text-align: right;
    width: 204px;
    color: #fff;
    z-index: 2;
    opacity: 0.5;
    cursor: pointer;
}
/*------------------------------------------------*/
.dp_background_scrollbtn_mobile{
    display:none;
}

@media (max-width:762px){

    .dp_container_offre{
        margin-top:0px;
    }
    .dp_landing_offre{
        width: 100%;
    justify-content: center;
    background-color: #0e1112;
    height: 1755px;
    }
    .dp_landing_offre .dp_background {
        position: absolute;
        top:0;
        width: 768px;
        left: calc(50% - 384px);
        margin-top:
    }
    .dp_landing_offre .dp_offer {
         top: 166px;
        width: 360px;
        left: calc(50% - 180px);

    }
    
    .dp_landing_offre .dp_offer_date{
        font-size: 18px;
        max-width: 145px;
        margin: 0 auto;
        padding:0.95em 0;
    }
    .dp_landing_offre .dp_offer_title {
        font-size: 42px;
        line-height: 44px;
        max-width: 350px;
        letter-spacing: 0;
        margin: 0 auto;
        margin-top: -0.1em;
        margin-bottom: 0.8em;
    }
    .dp_landing_offre .dp_packshot{
        left: calc(50% - 384px);
        position: absolute;
        height: auto;
        width: 768px;
    }
    .dp_landing_offre .dp_packshot_visual {
        max-width: 360px;
        margin: 0 auto;
        z-index:2;
        flex-basis: unset;
    }
    .dp_landing_offre .dp_packshot_podium {
      width:768px;
      top:135px;
      position: absolute;
      left:calc(50% - 384px);
      z-index:1;

    }
    .dp_landing_offre .dp_packshot_podium img{
        width:768px;
     }
    .dp_landing_offre .dp_packshot_sticker {
        font-size: 16px;
        color: #fff;
        background-color: rgba(0,0,0,0.8);
        border: 5px #fff solid;
        bottom: 125px;
        left: 50%;
        z-index:2;
        width: 130px;
        height: 130px;
        margin-left: -65px;
    }
    .dp_landing_offre .dp_packshot_sticker strong{
        font-size:30px;
    }
    .dp_landing_offre .dp_step[data-num="1"] {
        left: calc(50% - 150px);
        top: 1395px;
        width: 300px;
    }
    .dp_landing_offre .dp_step[data-num="1"] strong{
        display:inline-block;
    }
    .dp_landing_offre .dp_offer_btn {
      max-width:164px;
    }
    .dp_landing_offre .dp_step[data-num="1"]::before {
        left: calc(50% - 16px);
        top: -40px;
        transform: rotate(90deg);
    }
    .dp_landing_offre .dp_step[data-num="2"] {
        padding: 60px 20px;
        margin: 0 auto;
        position: absolute;
        top: 1555px;
        z-index: 2;
        box-sizing: border-box;
        left: 0;
        width: 100%;
        background-color: #fff;
        min-height: 200px;
    }
    .dp_landing_offre .dp_modalites {
        top: 1532px;
        font-size: 14px;
        left: 0;
        text-align: center;
        width: 100%;
 
    }
    .dp_background_scrollbtn_mobile{
        display: block;
        background-image: url(images/fleche-blanche.svg);
        width: 33px;
        height: 37px;
        position: absolute;
        left: 50%;
        top: 500px;
        transform: translateX(-50%) rotate(90deg);
        background-repeat: no-repeat;
        background-size: 33px auto;
        z-index: 2;
        animation:LoopArrow 1.5s ease-in-out infinite;
        cursor:pointer;

    }

}

@keyframes LoopArrow{
    0%{
        top:500px;
    }
    50%{
        top:510px;
    }
    100%{
        top:500px;
    }
}


@media (min-width:762px) and (max-width:995px){
    .dp_container_offre {
        margin-top: 0px;
    }
    .dp_landing_offre {
        width: 996px;
        margin-left: calc(50% - 498px);
        margin-top: 0px;
    }
    .dp_landing_offre .dp_packshot_visual img {
        max-width: 100%;
        display: block;
        transform: scale(0.8) translateY(-20px);
        transform-origin: bottom left;
    }
    .dp_landing_offre .dp_packshot_sticker {
        margin-left: -140px;
    }
    .dp_landing_offre .dp_step[data-num="1"] {
        left: calc(50% + 189px);
        z-index: 2;
        top: 384px;
    }
}


@media (max-width:360px){
    .dp_landing_offre .dp_offer_title{
        font-size:36px;
    } 
    .dp_landing_offre .dp_offer_step_text{
       max-width:300px;
    }
}