body {
    line-height:1.1;
}
.content-landing {
    background-image:url('/assets/enquete-shopping/cadeaux-surprises/img/bgd.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position:top center;
    width: 100%;
    position: relative;
    overflow:hidden;
}
.top-responsive {display:none;}
.main.row{min-height: 896px;}
/******* left content********/
.left-content .bloc-title{text-shadow: 0 0 5px #1a3445;text-align: center;margin-top:70px;line-height:1.2;font-family: 'Montserrat', arial, helvetica, sans-serif;font-weight:900;font-size:3.0em;color:#fff;text-transform: uppercase;}
.left-content .bloc-title .courgette {font-family: 'courgetteregular', serif;font-weight:900;text-transform: initial;}
.left-content .bloc-product {position:absolute;bottom:30px;}
.left-content img{width:95%;}

/******* FORM Personnalisation********/
.v2.form-content {margin:50px 0 75px 0;padding:20px 10px 6px 20px;border-radius:15px;}
.padd {padding-left:0;padding-right:0;}
.form-content {-webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,0.25);box-shadow: 0 2px 3px 2px rgba(0,0,0,0.25);}
.form-content .title-step {color:#1e9140;}
.v2 #form-bloc-1 #infos-accueil p.infos-title {color:#fff;background-color:#1e9140;margin-right:0.7em;font-family: 'Montserrat', arial, helvetica, sans-serif;font-weight:400;}
.v2.form-content .title-step span {color:#ff0000;}
.form-content #email label {display:none;}

/******* button*******/
#create_customer.btn-big {padding-right:10px;}
#form_accueil_v2 button[type="submit"] {
    font-family: 'Montserrat', arial, helvetica, sans-serif;font-weight:600;
    color:#fff;
    background-color: #ff0000;
    border-radius: 15px;
    padding:20px 0 20px 0;
}

@media screen and (max-width:1050px) {
    .left-content .bloc-product {margin-top:25px;position:static;}
    .form-content {margin:-10px 0 55px 0;}
}


/********----------animation----------********/
.img-absolute{position:absolute;}
.img-absolute.cadeau1 {
    z-index: 0;
    width: 6.5em;
    right: -464px;
    margin-left: 20px;
    bottom: 250px;
}
.img-absolute.cadeau2 {
    z-index: 0;
    width: 6.75em;
    right: -560px;
    margin-left: 20px;
    bottom: 340px; 
}
.img-absolute.cadeau3 {
    z-index: 0;
    width: 5em;
    right: -430px;
    margin-left: 20px;
    bottom: 350px; 
}
.img-absolute.cadeau4 {
    z-index: 0;
    width: 7.5em;
    right: -490px;
    margin-left: 20px;
    bottom: 430px; 
}
.img-absolute.cadeau5 {
    z-index: 0;
    width: 5em;
    right: -580px;
    margin-left: 20px;
    bottom: 450px;
}
.img-absolute.cadeau6 {
    z-index: 0;
    width: 9.5em;
    right: -370px;
    margin-left: 20px;
    bottom: 460px;
}
.anim-cadeau {
    animation:animCadeau 1s ease-in-out;
    -webkit-animation:animCadeau 1s ease-in-out;
    -moz-animation:animCadeau 1s ease-in-out;
}

@keyframes animCadeau {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-webkit-keyframes animCadeau {
    0% {
        -webkit-opacity:0;
    }
    100% {
        -webkit-opacity:1;
    }
}
@-moz-keyframes animCadeau {
    0% {
        -moz-opacity:0;
    }
    100% {
        -moz-opacity:1;
    }
}
@media screen and (max-width:1200px) {
    .left-content .bloc-title {
        font-size: 2.5em;
    }
    .img-absolute.cadeau1 {
        z-index: 0;
        width: 6.5em;
        right: -366px;
        margin-left: 20px;
        bottom: 250px;
    }
    .img-absolute.cadeau5 {
        right: -450px;
        margin-left: 20px;
        bottom: 550px;
    }
}
@media screen and (max-width:1050px) {
    .img-absolute.cadeau1 {
        z-index: 0;
        width: 6.5em;
        right: 230px;
        margin-left: 20px;
        bottom: 290px;
    }
    .img-absolute.cadeau2 {
        z-index: 0;
        width: 6.75em;
        right: 180px;
        margin-left: 20px;
        bottom: 380px; 
    }
    .img-absolute.cadeau3 {
        z-index: 0;
        width: 7em;
        right: 70px;
        margin-left: 20px;
        bottom: 410px; 
    }
    .img-absolute.cadeau4 {
        z-index: 0;
        width: 7.5em;
        right: 270px;
        margin-left: 20px;
        bottom: 470px; 
    }
    .img-absolute.cadeau5 {
        z-index: 0;
        width: 5em;
        right: 250px;
        margin-left: 20px;
        bottom: 590px;
    }
    .img-absolute.cadeau6 {
        z-index: 0;
        width: 9.5em;
        right: 100px;
        margin-left: 20px;
        bottom: 520px; 
    }
}
@media screen and (max-width:990px) {
    .content-landing {
        background-size: contain;
    }
    .cadeau1, .cadeau2, .cadeau3, .cadeau4, .cadeau5, .cadeau6 {
        display:none;
    } 
}
@media screen and (max-width:768px) {
    .content-landing {
        background-size: cover;       
    }
    .left-content .bloc-title {margin-top:30px;font-size:2em;}
    .v2.form-content {margin-top:10px;}

}