#faire_gerer_adresse #myForm_vendre{
    display: inline-flex;
    width: 100%;
}

#faire_gerer_adresse #myForm_vendre div:first-child{
    width: 80%;
    margin-right: 5%;
}

#faire_gerer_adresse #myForm_vendre input#city::placeholder{
    text-align: left!important;
    font-family: 'Barlow', sans-serif!important;
    font-weight: 200;
    color: #003A5D;
    font-size: 16px;
}

#faire_gerer_adresse #myForm_vendre input{
    letter-spacing: 0!important;
}

#faire_gerer_adresse .form-filtres input:hover{
    background-color: #D9AC6D!important;
}

#faire_gerer_adresse #myForm_vendre .input_city{
    box-shadow: none;
    background-color: inherit;
    border-radius: 0;
    border-bottom: solid 2px #003A5D;
    padding: 0;
    font-family: 'Barlow', sans-serif!important;
    font-weight: 200;
    color: #003A5D;
    font-size: 16px;
}

#faire_gerer_adresse #myForm_vendre .input_city:focus {
    border-bottom: solid 2px #003a5d!important;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
}
#faire_gerer_adresse #myForm_vendre input#city::placeholder:focus{
    text-align: left!important;
}

#faire_gerer_adresse #myForm_vendre .form-filtres{
    padding-top: 20px!important;
}

#faire_gerer_adresse #myForm_vendre .form-filtres input {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    padding-left: 25px;
    padding-right: 25px;
    font-family: 'Barlow', sans-serif!important;
    font-weight: 500!important;
    font-size: 18px;
}

#faire_gerer_serein .et_pb_column{
    display: flex;
}

#faire_gerer_serein .et_pb_column .et_pb_module:first-child{
    margin-right: 20px;
}

#faire_gerer_mobile #city{
    padding-left: 0;
}

#faire_gerer_mobile #btn_parti input{
    padding: 0 60px!important;
}
#faire_gerer_mobile h1{
    font-size: 25px;
}

#fond_gerer{
   /* height: 400px;*/
    z-index: 2;
}
.card .d-flex{
    border-radius: 30px;
    box-shadow: 6px 6px 18px 0px rgb(0 0 0 / 21%);
    padding-right: 0!important;
    margin-top: 0!important;
}

.gerer .info_bien .row.justify-content-center{
    padding-right: 0!important;
    padding-left: 0!important;
}

.card2 .caldera-grid{
   width: 100%;
    margin: auto; 
}

.next-button a{
    color: #FFF !important;
    font-family: 'EncodeSansExpanded-Bold', sans-serif!important;
}

.next-button a:hover{
    color: #FFF !important;
    text-decoration: none!important;
}
.card2 .caldera-grid .alert-success {
    background-color: #FFF;
    border-color: #FFF;
    font-family: 'Barlow-Regular',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    color: #003a5d!important;
    letter-spacing: 1px;
    text-align: center;
}


.card2 .caldera-grid .alert-success h3{
    background-color: #DEDEDE;
    border-radius: 45px 45px 45px 45px;
    overflow: hidden;
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
    color: #fff!important;
    padding-top: 10px;
    margin-bottom: 0;
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    font-family: 'EncodeSansExpanded-Bold', sans-serif!important;
    width: 30%;
    margin-right: auto;
    margin-left: auto;
}

.card2 .caldera-grid .alert-success h3:hover{
    color: #fff!important;
    text-decoration: initial;
}

#step_3 .caldera-grid .alert-success p:first-child{
    font-size: 20px!important;
}

#step_3 .caldera-grid .alert-success p:nth-child(2), #step_3 .caldera-grid .alert-success p:nth-child(3){
    font-size: 18px!important;
}

#step_3 .caldera-grid .alert-success p:nth-child(2){
    color : #D9AC6D;
    font-weight: 600;
}

#step_3 .caldera-grid .alert-success p:nth-child(3){
    color : #707070;
    font-weight: 500;
}

.caldera-grid a:focus, .caldera-grid a:hover {
    color: #fff;
    text-decoration: none;
}

#titre_1, #titre_2, #titre_3{
    margin-bottom: 2rem!important;
    color:rgb(206,202,202,1);
    font-size: 18px;
}

#titre_1{
    padding-top: 9%;
    font-weight: 600;
}

#titre_2{
    padding-top:12%;
    font-weight: 600;
}

#titre_3{
    padding-top: 14%;
    font-weight: 600;
}

#titre_1.active_titre, #titre_2.active_titre, #titre_3.active_titre {
    color: #003a5d;
}

#titre_1.active_titre_old, #titre_2.active_titre_old, #titre_3.active_titre_old {
    color: #cecaca;
}

.active_titre{
    color:rgb(0,58,93,1);
}
#step_1 .retour_gerer, #step_2 .prev span, #step_3 .prev span{
    text-decoration: initial;
    color: #ffffff!important;
    background-color: #eaeaea;
    border-radius: 30px;
    padding: 1.3% 4% 1%;
    text-transform: uppercase;
    font-weight: 600!important;
    height: 50px;
    font-size: 15px!important;
    font-family: 'EncodeSansExpanded-Bold', sans-serif!important;
}

#step_3 .caldera-grid .radio label input[type=radio]{
    max-width: 15px;
    padding: 0!important;

}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
    /* CSS specific to iOS devices */ 
    .gerer .card {
        margin:20%;
    }
    #step_2 .prev span{
        padding: 16px 42px;
    }
}
}

#step_1 .retour_gerer{
    bottom: 3%!important;
}

#step_2 .prev span {
    text-align: center;
    padding-top: 11%;
    width: 148px;
    display: inline-block;
}

#step_3 {
    /*height: 330px;*/
}

#step_3 .prev span {
    text-align: center;
    padding-top: 10%;
    width: 148px;
} 
#step_3 .rdv_mobile{
    display: none;
}
.card0 {
    background-color: #F5F5F5;
    border-radius: 8px;
    z-index: 0
}
.card{
    border-radius: 30px!important;
}

.gerer .card00 {
    z-index: 0;
    margin:0!important;
    border-radius: 30px!important;
}
.card .col-md-3{
    border-right: 3px solid #F5F5F5;
    padding-top: 5%;
}
.card1 {
    margin-left: 90px;
    z-index: 0;
    
}

.card2 {
    display: none
}

.card2.show {
    display: block;
    padding-bottom: 3%;
}

.social {
    border-radius: 50%;
    background-color: #FFCDD2;
    color: #E53935;
    height: 47px;
    width: 47px;
    padding-top: 16px;
    cursor: pointer
}

input,
select {
    padding: 2px;
    border-radius: 0px;
    box-sizing: border-box;
    color: #9E9E9E;
    border: 1px solid #BDBDBD;
    font-size: 16px;
    letter-spacing: 1px;
    height: 50px !important
}

select {
    width: 100%;
    margin-bottom: 85px
}

input:focus,
select:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #E53935 !important;
    outline-width: 0 !important
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #E53935
}

.form-group {
    position: relative;
    margin-bottom: 1.5rem;
    width: 77%;
    text-align: center;
}

.form-control-placeholder {
    position: absolute;
    top: 0px;
    padding: 12px 2px 0 2px;
    transition: all 300ms;
    opacity: 0.5
}

.form-control:focus+.form-control-placeholder,
.form-control:valid+.form-control-placeholder {
    font-size: 95%;
    top: 10px;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
    background-color: #fff
}

.next-button {
    border-radius: 50px;
    border-width: 0px;
    border-style: outset;
    border-image: initial;
    width: 18%;
    height: 50px;
    background: #003A5D;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    
}

.show .next-button.mt-1{
    margin-top: 6%!important;
    margin-left: 82%!important;
}

.first-screen .next-button.ml-2{
    margin-top: 25px!important;
    margin-left: 82%!important;
}

.next-button:hover {
    color: #D9AC6D;
}




.get-bonus {
    margin-left: 154px
}

.pic {
    width: 230px;
    height: 110px
}


#progressbar {
    position: absolute;
    left: 0;
    overflow: hidden;
    color: #E53935
}

#progressbar h6 {
    font-size: 18px!important;
    color: #003A5D!important;
}

#progressbar li {
    list-style-type: none;
    font-size: 8px;
    font-weight: 400;
    margin-bottom: 36px
}

#progressbar li:nth-child(3) {
    margin-bottom: 88px
}

#progressbar .step1:before {
    content: "01";
    background: #003a5d;
    color: #d9ac6d;
    font-weight: 600;
    padding-top: 2px;
}

#progressbar .step2:before {
    content: "02";
    color: #d9ac6d;
    font-weight: 600;
    padding-top: 2px;
}

#progressbar .step3:before {
    content: "03";
    color: #d9ac6d;
    font-weight: 600;
    padding-top: 2px;
}

#progressbar li.active:before {
    padding-top: 2px;
    color: #d9ac6d;
    background: #003a5d;
}

#progressbar li:before {
    width: 60px;
    height: 60px;
    line-height: 50px;
    display: block;
    font-size: 21px;
    background: #F3F4F5;
    border: 2px solid #F3F4F5;
    border-radius: 50%;
    margin: auto;
    font-family: 'Barlow';
    font-weight: 500;
}

#progressbar .active-old:before{
    background-color: #f3f4f5!important;
}



/*#progressbar li:last-child:before {
    width: 40px;
    height: 40px
}*/

#progressbar li:after {
    content:'';
    
    display:none;
}
/*
#progressbar li:last-child:after {
    top: 147px;
    height: 132px
}

#progressbar li:nth-child(3):after {
    top: 81px
}

#progressbar li:nth-child(2):after {
    top: 0px
}

#progressbar li:first-child:after {
    position: absolute;
    top: -81px
}

#progressbar li.active:after {
    background: #003a5d!important;
}
*/







.map_gerer {
    position: sticky!important;
    left: 0;
    top: 0;
    background-color: #CCCCCC;
    height: 25vh;
    border-radius: 0px 30px 0px 0px;
    width: 100%;
}

.tick {
    width: 100px;
    height: 100px
}

.card2 .prev {
    display: block;
    position: absolute;
    left: 40px;
   /* top: 20px;*/
    bottom:3%;
    cursor: pointer
}

.card2 .prev:hover {
    color: #D50000 !important
}
/*.prev {
    display: block;
    position: absolute;
    left: 40px;
   /* top: 20px;*/
   /* bottom:3%;
    cursor: pointer
}

.prev:hover {
    color: #D50000 !important
}*/
@media screen and (max-width: 912px) {
    .card00 {
        padding-top: 30px
    }

    .card1 {
        border: none;
        margin-left: 50px
    }

    .card2 {
        border-bottom: 1px solid #F5F5F5;
        margin-bottom: 25px
    }

    .social {
        height: 30px;
        width: 30px;
        font-size: 15px;
        padding-top: 8px;
        margin-top: 7px
    }

    .get-bonus {
        margin-top: 40px !important;
        margin-left: 75px
    }

    #progressbar {
        left: -25px
    }
}

.card2 .row.mt-4{
   margin-top: 0!important;
}

.width_45_fl {
    width: 45%;
    float: left;
    padding-top: 2%;
}
.width_55_fl {
    width: 55%;
    float: left;
    padding-top: 2%;
    padding-right: 5%;
}
.gerer .width_100_fl {
    width: 100%;
    float: left;
}

.gerer .width_100_fl .next-button{
    float: right;
}




input:focus, select:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #D9AC6D !important;
    outline-width: 0 !important;
}


.ville #city{
    width: 100%;
    font-size: 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 35px;
    overflow: hidden;
    border: 1px solid rgb(222, 222, 222);
    color: #707070;
    font-weight: 500;
}
.ville input, .surface input{
    height: 65px!important;
    margin-top: 4%;
    margin-bottom: 2%;
}
.ville #city::placeholder{
    color:  #707070;
    font-weight: 300;
}

.surface #surface{
    width: 100%;
    font-size: 20px;
    padding-left: 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 35px;
    overflow: hidden;
    border: 1px solid rgb(222, 222, 222);
    color: rgb(0, 58, 93);
    font-weight: 600;
}

.surface #surface::placeholder{
    color: #707070;
    font-weight: 300;
}

.titre_gerer{
    background-color: #F3F4F5;
    /*text-align: center;
    text-transform: uppercase;*/
    padding-left: 5%!important;
    padding: 0.2em;
    font-size: 20px;
    font-weight: 600;
    color: #003a5d;
    font-family: 'Barlow'!important;
}

.types .types-container, .meuble .meuble-container, .meuble .number-of-rooms, .services .services-container, .nbre-rooms .number-of-rooms {
    padding-top: 4%;
}

.meuble .meuble-container{
    padding-bottom: 4%;
}

.types .types-container, .services .services-container{
    padding-left: 2%;
}

.gerer .info_bien input[type=checkbox] {
    display: none;
}

.meuble-container{
    display: flex;
    flex-wrap: wrap;
    padding-top: 2%;
}

.gerer .info_bien .types .checkbox-without-icon, .gerer .info_bien .services .checkbox-without-icon{width:33.33%;}

.gerer .info_bien .meuble .checkbox-without-icon{
    width: 157px;
}

.gerer .info_bien .types .checkbox-without-icon .img-fluid {
    width: 30%;
    margin-left: 35%;
}

.gerer .info_bien .meuble .meuble-container .checkbox-without-icon label {
    text-transform: uppercase;
    color: #707070;
    font-size: 16px!important;
}

.gerer .info_bien .meuble-container .checkbox-without-icon label, .gerer .info_bien .services-container .checkbox-without-icon label{
    border-radius: 50px;
}


.gerer .info_bien .number-of-rooms .number-of-rooms-radio, .gerer .info_bien .meuble .meuble-container {
    justify-content: space-between;
}
.gerer .info_bien .types-container .checkbox-without-icon input,.gerer .info_bien .meuble-container .checkbox-without-icon input {
    display: none;
}

.gerer .info_bien .types-container .checkbox-without-icon label , .gerer .info_bien .services .services-container .checkbox-without-icon label {
    text-transform: uppercase;
    color: #707070;
    font-size: 16px;
    line-height: 1.2;
}
.gerer .info_bien .number-of-rooms-radio label{
    margin-right: 0;
}
.gerer .info_bien .types-container .checkbox-without-icon label p{
    padding-top: 14%;
}

.gerer .info_bien .types-container .checkbox-without-icon:nth-child(4) label p{
  padding-top: 2%!important;
}

.gerer .info_bien .checkbox-without-icon label p {
    text-align:center;
    margin-bottom: 0 !important;
}

.form-group {
    width: 100%;
}

.form-group h3{
    text-transform: none;
    font-size: 20px;
    background-color: #F3F4F5;
    text-align: center;
    padding-top: 0.4em;
    font-weight: 600;
    color: #003a5d;
    font-family: 'Barlow'!important;
}

.form-group .range_sup{
    width: 60%;
    margin-left: 20%;
}


#step_3 #caldera_grid .form-group .btn {
    margin-left: 20%!important;
}

#step_3 .form-group .btn {
    text-decoration: none!important;
    height: 58px!important;
    font-weight: 600;
    font-family: 'EncodeSansExpanded-Bold', sans-serif;
    font-size: 18px!important;
    /*padding: 0!important;*/
    text-align: center;
}
#step_3 .prev span {
    display: none;
}

/*****Responsive*****/

@media only screen and (max-width:1740px){
    #titre_3 {
        padding-top: 16%;
    }
}

@media only screen and (max-width:1680px){
    #faire_gerer_serein p{
        font-size: 18px;
    }
    #titre_2 {
        padding-top: 7%;
    }
    #titre_3 {
        padding-top: 14%;
    }
    .checkbox-without-icon label {
        padding: 10px;
    }
    .number-of-rooms-radio label {
        width: 50px;
        height: 50px;
        font-size: 27px;
        line-height: 46px;
    }
    #step_1 .retour_gerer{
        padding: 1% 4% 1%;;
    }
}

@media only screen and (max-width:1602px){
    #faire_gerer_serein h3{
        font-size: 17px;
    }
    #faire_gerer_serein p{
        font-size: 17px;
    }
}

@media only screen and (max-width:1569px){
    #faire_gerer_serein .et_pb_column{
        width: 23.5%;
        margin-right: 2%;
    }
    #titre_3 {
        padding-top: 8%;
    }
    .checkbox-without-icon label {
        padding: 8px;
    }
    .gerer .info_bien .checkbox-without-icon label p {
        font-size: 15px;
    }
}

@media only screen and (max-width:1497px){
    #faire_gerer_serein .et_pb_column .et_pb_module:first-child{
        width: 5.3em;
    }
}

@media only screen and (max-width:1440px){
    #titre_1 {
        padding-top: 7%;
    }
    #titre_2 {
        padding-top: 4%;
    }
    #titre_3 {
        padding-top: 15%;
    }
    .gerer .info_bien .checkbox-without-icon label p {
        font-size: 14px;
    }
    .ville input, .surface input {
        font-size: 18px!important;;
    }
    .gerer .number-of-rooms {
        padding-left: 0!important;
    }
    #step_1 .retour_gerer {
        padding: 1.3% 4% 1%;
        bottom:2.5%!important;
    }
}

@media only screen and (max-width:1410px){
    #faire_gerer_serein .et_pb_column .et_pb_module:first-child{
        width: 4.8em;
    }
}

@media only screen and (max-width: 1372px){
    #faire_gerer_serein .et_pb_column .et_pb_module:first-child {
        width: 4.5em;
        margin-right: 15px;
    }
}

@media only screen and (max-width: 1316px){
    #faire_gerer_serein p {
        font-size: 16px;
    }
}
@media only screen and (max-width:1240px){
    #faire_gerer_serein .et_pb_column .et_pb_module:first-child {
        width: 3.8em;
    }
    #faire_gerer_serein .et_pb_column {
        width: 23.8%;
        margin-right: 1.5%;
    }
    .card1 {
        margin-left: 80px;
    }
    #progressbar li:before {
        width: 50px;
        height: 50px;
        line-height: 42px;
    }
    #titre_2{
        padding-top: 0%;
    }
    #titre_3 {
        padding-top: 5%;
    }
    .ville input, .surface input {
        font-size: 16px!important;
        padding-left: 0;
    }
    .titre_gerer {
        font-size: 18px;
    }
    .gerer .info_bien .meuble .checkbox-without-icon {
        width: 130px;
    }
    .number-of-rooms-radio label {
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 34px;
    }
    #step_1 .retour_gerer {
        bottom: 2.2%!important;
    }
    #step_2 .prev {
        bottom: 1.4%;
    }
}

@media only screen and (max-width: 1180px){
    #faire_gerer_serein h3 {
        font-size: 16px;
    }
    #faire_gerer_serein p {
        font-size: 15px;
    }
}

@media only screen and (max-width:1024px){
    #faire_gerer_serein .et_pb_column .et_pb_module:first-child {
        width: 3.5em;
    }
    #faire_gerer_serein h3 {
        font-size: 13px;
    }
    #faire_gerer_serein p {
        font-size: 13px;
    }
    #titre_1, #titre_2, #titre_3 {
        font-size: 17px;
    }
    #gerer_full_width .et_pb_row {
        width: 80%;
    }
    .gerer .card1 {
        margin-left: 58px;
    }
    /*.number-of-rooms-radio label {
        margin-right: 7px;
    }*/
    #progressbar{
        padding:0;
    }
    #titre_3 {
        padding-top: 4%;
    }
    .titre_gerer {
        font-size: 17px;
    }
    #step_1{
        margin-left: 0!important;
    }
    #step_1 .width_55_fl {
        width: 55%;
        float: left;
        padding-top: 2%;
        padding-right: 4%;
    }
    #step_1 .retour_gerer {
        padding: 2% 4% 1%;
    }
    .types .types-container, .services .services-container {
        padding-left: 0;
    }
    .gerer .info_bien .checkbox-without-icon label p {
        font-size: 11px;
    }
    .checkbox-without-icon label {
        padding: 4px;
    }
    .gerer .info_bien .meuble .checkbox-without-icon {
        width: 115px;
    }
    .next-button {
        width: 30%;
    }
    .first-screen .next-button.ml-2, .show .next-button.mt-1 {
        margin-left: 70%!important;
    }
    #step_3 .form-group .btn {
        width: 100%;
        /*padding: 14px 9px!important;*/
        font-size: 15px!important;
    }
    .card2 .caldera-grid .alert-success p{
        font-size: 16px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait){
    #step_2 .prev {
        bottom: 0.5%;
    }
    .gerer .info_bien p {
        font-size: 11px!important;
    }
}

/* @media not all and (max-width: 980px)
{ @supports (-webkit-appearance:none) {
    /* CSS specific to iOS devices */ 
    /*#step_2 .prev span{
        padding: 16px 30px;
    } 
    #titre_1.active_titre, #titre_2.active_titre, #titre_3.active_titre {
        color: #ffffff;
        position: fixed;
        top:30%!important;
        z-index: 999;
        width: 100%;
    }
}
} */

@media only screen and (max-width:980px){
    #faire_gerer_serein .et_pb_column {
        display: block;
        width: 50%;
        margin-right: 0;
    }
    #faire_gerer_serein .et_pb_column .et_pb_module:first-child {
        width: 5em;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto!important;
    }
    #faire_gerer_serein .et_pb_text_inner{
        text-align: center;
    }
    #faire_gerer_serein .et_pb_text_inner h3{
        font-size: 18px;
        padding: 0;
        margin: 0;
    }
    #faire_gerer_serein .et_pb_text_inner h3 br{
        display: none;
    }
    #faire_gerer_serein p {
        font-size: 20px;
    }
    .gerer{
        background-color: #f3f4f5;
    }
    .gerer .flex-column-reverse{
        flex-direction: column!important;
    }
    .card {
        background-color: transparent!important;
    }
    .gerer .card{
        background-color: transparent;
        padding-top: 0;
    }
    .gerer .card .d-flex {
        border-radius: 0;
        box-shadow: none;
        padding-left:0!important;
    }
    .gerer .card1 {
        margin-left: 0;
    }
    #progressbar li:after {
        display:block;
        background: url(http://lagencerie.fr/wp-content/asset/img/tiret.png);
        position: absolute;
        top: 48%;
        margin-left: 30%;
        z-index: -1;
        width: 28%;
        height: 2px;
    }

    #fond_gerer{
        padding-top: 0;
        padding-bottom: 0!important;
    }

    #gerer_full_width{
        padding-bottom: 5%;
        margin-top: 0!important;
        padding-top: 0;
    }
    #gerer_full_width{
        background-color: #f3f4f5;
    }
    #gerer_full_width .et_pb_row {
        width: 100%;
        margin: 0!important;
    }
    #gerer_full_width .col-12:first-child{
        padding: 0!important;
    }
    #gerer_full_width .container-fluid.py-5{
        padding: 0!important;
    }
    #gerer_full_width .container-fluid .row{
        margin: 0;
    }
    #gerer_full_width .container-fluid .col-12 {
        padding: 0;
    }
    .gerer .col-12{
        padding: 0;
    }
    .gerer .col-md-3 {
        max-width: 100%;
        border-right: none;
        padding: 0;
    }
    .gerer .info_bien {
        max-width: 90%!important;
        background-color: #ffffff;
        border-radius: 30px;
        box-shadow: 6px 6px 18px 0px rgb(0 0 0 / 21%);
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 18%;
    }
    .gerer .info_bien .map_gerer{
        display: none;
    }
    #progressbar li {
        margin-bottom: 0;
    }
    #progressbar li:before {
        margin-top: 3em;
        width: 70px;
        height: 70px;
        line-height: 58px;
        margin-left: 7em;
        font-size: 28px;
        background: #d9ac6d;
    }
    #progressbar .active-old:before {
        background-color: #d9ac6d!important;
    }
    #progressbar .step2:before {
        color: #ffffff;
    }
    #progressbar .step1:before {
        color: #ffffff;
    }
    #progressbar .step3:before {
        color: #ffffff;
    }
    #progressbar {
        left: 0;
        display: flex;
    }
    #titre_1.no_active, #titre_2.no_active, #titre_3.no_active{
        display: none;
    }
    #titre_1.active{
        color:#ffffff;
        position: fixed;
        z-index: 999;
        width: 100%;
    }
    #titre_1.active_titre, #titre_2.active_titre, #titre_3.active_titre {
        color:#ffffff;
        position: fixed;
        z-index: 999;
        width: 100%;
    }
    .card1 {
        margin-left: 0;
    }
    #titre_1, #titre_2, #titre_3 {
        margin-bottom: 2rem!important;
        color: #ffffff;
        font-size: 18px;
        background-color: #003a5d;
        text-transform: uppercase;
        padding: 2%;
        font-weight: 600;
        text-align: center;
    }
    #step_1{
        margin-left: 0!important;
        border: 0;
        padding-bottom: 0;
    }
    #step_1 .row{
        display: grid;
    }
    .gerer .info_bien .checkbox-without-icon label p {
        font-size: 18px!important;
    }
    .gerer .info_bien .types-container .checkbox-without-icon:nth-child(4) label p {
        padding-top: 11%!important;
    }
    .gerer .info_bien .types-container .checkbox-without-icon label p {
        padding-top: 14%;
    }
    #step_1 .row section{
        width: 100%;
    }
    #step_1 .row .ville{
        padding: 0;
    }
    #step_1 .surface{
        grid-row: 3;
    }
    #step_1 .nbre-rooms {
        grid-row: 5;
    }
    #step_1 .row .types{
        padding-right: 0;
    }
    #step_1 .row .services{
        padding-right: 0;
    }
    .titre_gerer {
        font-size: 20px;
    }
    .ville input, .surface input {
        margin-top: 2%;
        font-size: 18px!important;
    }
    .gerer .surface-container, .gerer .meuble-container, .gerer .number-of-rooms {
        padding-left: 0;
    }
    .types .types-container, .meuble .meuble-container, .meuble .number-of-rooms, .services .services-container, .nbre-rooms .number-of-rooms {
        padding-top: 2%;
    }
    .gerer .info_bien .meuble .checkbox-without-icon {
        width: 220px;
        /*margin-right: 5%;*/
    }
    .meuble .meuble-container {
        padding-bottom: 2%;
       /* margin-left: 21%;*/
    }
    .meuble .meuble-container .checkbox-without-icon label{
        padding: 18px;
    }
    .number-of-rooms-radio label {
        width: 70px;
        height: 70px;
        font-size: 32px;
        line-height: 58px;
        margin-right: 0;
    }
    .number-of-rooms{
        padding-left:0!important;
    }
    .services .services-container label{
        padding: 21px;
    }
    .next-button {
        width: 148px;
    }
    .show .next-button.mt-1 {
        margin-left: 81%!important;
        margin-bottom: 20px;
    }
    #step_1 .retour_gerer {
        padding: 1.2% 4% 1%;
        bottom: 1.5%!important;
    }
    #step_2{
        padding-bottom: 0;
        border: 0;
    }
    #step_2 .row{
        margin-top: 0!important;
    }
    #step_2 .form-group .range_sup {
        width: 70%;
        margin-left: 15%;
    }
    #step_3{
        padding-bottom: 0;
        border: 0;
    }
    #step_3 .form-group .btn {
        /*padding: 14px 28px!important;*/
        font-size: 18px!important;
        text-align: center;
    }

}



@media only screen and (max-width:768px){
    #faire_gerer_adresse .form_vendre{
        width: 100%!important;
    }
    #faire_gerer_adresse #myForm_vendre .form-filtres {
        padding-top: 10px!important;
    }
    #progressbar li:before {
        margin-top: 2.5em;
    }
    #progressbar li:before {
        margin-left: 5em;
    }
    .gerer .info_bien {
        margin-top: 21%;
    }
    .gerer .info_bien p {
        font-size: 18px!important;
    }
    .gerer .info_bien .types-container .checkbox-without-icon:nth-child(4) label p {
        padding-top: 14%!important;
    }
    .show .next-button.mt-1 {
        margin-left: 76%!important;
        margin-bottom: 0px;
    }
    #step_1 .retour_gerer {
        padding: 1.6% 4% 1%;
        bottom: 1.8%!important;
    }
    #step_3 {
       /* height: 365px;*/
    }

   #progressbar li:after {
        top: 46%;
    }
    .card2 .caldera-grid .alert-success h3 {
        width: 45%;
    }
    #step_3 .rdv_desktop{
        display: none;
    }
    #step_3 .rdv_mobile{
        display: block;
        margin-top: 10%;
    }
    #step_3 .rdv_mobile .btn{
        text-align: center;
        padding: 0!important;
        font-size: 20px!important;
        font-weight: 600;
        height: 60px!important;
    }
}

@media only screen and (max-width:767px){
    #faire_gerer_serein .et_pb_text_inner h3{
        font-size: 15px;
    }
    #faire_gerer_serein .et_pb_text_inner p {
        font-size: 18px;
    }
    .remerciment .rt_confier{
        width: 40%;
    }
}

@media only screen and (max-width:700px){
    .gerer .info_bien {
        margin-top: 23%;
    }
    .gerer .info_bien p {
        font-size: 18px!important;
    }
    .gerer .info_bien .types-container .checkbox-without-icon label p {
        padding-top: 10%;
    }
    .gerer .info_bien .types-container .checkbox-without-icon:nth-child(4) label p {
        padding-top: 10%!important;
    }
    .show .next-button.mt-1 {
        margin-left: 74%!important;
    }
    .gerer .number-of-rooms {
        padding-left: 0!important;
    }
    #progressbar li:before {
        margin-left: 4.4em;
    }
    /*.meuble .meuble-container {
        margin-left: 10%;
    }
    .number-of-rooms {
        margin-left: 6%;
    }*/
    #step_1 .retour_gerer {
        padding: 1.8% 4% 1%;
    }
    
    #progressbar li:after {
        top: 45%;
    }
}

@media only screen and (max-width:660px){
    #progressbar li:before {
        margin-left: 4em;
    }
    .gerer .info_bien {
        margin-top: 24%;
    }
    #step_1 .row, #step_2 .row{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    #step_3 .form-group .btn {
       /* padding: 14px 19px!important;*/
    }
    .card2 .caldera-grid .alert-success h3 {
        width: 50%;
        margin-top: 20%;
    }
    #faire_gerer_mobile {
        padding-top: 10%;
    }
}


@media only screen and (max-width:620px){
    #faire_gerer_adresse #myForm_vendre .form-filtres {
        padding-top: 25px!important;
    }
}

@media only screen and (max-width:560px){
    .ville input, .surface input {
        margin-top: 2%;
        font-size: 15px!important;
    }
    #progressbar li:before {
        margin-left: 3em;
    }
    .gerer .info_bien {
        margin-top: 29%;
    }
    .meuble .meuble-container {
        margin-left: 0;
    }
    .gerer .info_bien .types-container .checkbox-without-icon:nth-child(4) label p {
        padding-top: 0%!important;
    }
    .gerer .info_bien .types-container .checkbox-without-icon label p {
        padding-top: 13%;
    }
    .gerer .info_bien .meuble .checkbox-without-icon {
        margin-right: 0;
        width: 47%;
    }
    .gerer .info_bien .meuble .checkbox-without-icon:first-child{
        margin-right: 5%;
    }
    .meuble .checkbox-without-icon label{
        margin-right: 0!important;
    }
    .number-of-rooms {
        margin-left: 0;
    }
    .next-button a {
        font-size: 20px;
    }
    #step_1 .retour_gerer{
        width: 94%;
        text-align: center;
        bottom: 7.8%!important;
    }
    #step_1 .next-button{
        height: 60px;
        padding: 16px;
        width: 100%;
        margin-left: 0!important;
        margin-top: 115px!important;
    }
    #step_1 .next-button span{
        bottom: 7.8%!important;
    }
    #step_1 .retour_gerer {
        padding: 2.5% 4% 1%;
    }
    #step_2 .prev{
        bottom:25%;
    }
    #step_2 .form-group .range_sup {
        width: 100%;
        margin-left: 0;
    }
    #step_2 .prev {
        left:5%;
    }
    #step_2 .prev span {
        padding-top: 3%;
        width: 463px;
    }
    
    #step_2 .next-button {
        width: 466px;
        height: 60px;
    }
    #step_2 .next-button.mt-1 {
        margin-left: 0%!important;
        margin-top: 20%!important;
    }
    #step_2 .next-button span{
        font-size: 20px;
        padding: 14px;
    }
    /* #step_3{
        height: 760px;
    } */
    #step_3 .prev{
        left: 64px;
    }
    #step_3 .prev span {
        margin-left: 0;
    }
    #progressbar li:after {
    top: 46%;
    }
    .card2 .caldera-grid .alert-success h3 {
        width: 60%;
    }
    .remerciment .rt_confier{
        width: 50%;
    }
}
@media only screen and (max-width: 540px){
    /*.number-of-rooms-radio {
        margin-left: 1%;
    }*/
    #step_2 .prev span {
        width: 443px;
    }
}


@media only screen and (max-width:480px){
    #faire_gerer_adresse #myForm_vendre{
        display: block;
    }
    #faire_gerer_adresse #myForm_vendre div:first-child {
        width: 100%;
    }
    #faire_gerer_adresse #myForm_vendre .form-filtres{
        width: 45%;
        margin-left: auto;
        margin-right: auto;
    }
    #faire_gerer_adresse #myForm_vendre input#city::placeholder{
        text-align: center!important;
    }
    #progressbar li:before {
        margin-left: 2.4em;
    }
    #progressbar li:after {
        top: 45%;
    }
    .gerer .info_bien {
        margin-top: 34%;
    }
    .gerer .info_bien .checkbox-without-icon label p {
        font-size: 14px!important;
    }
    .gerer .info_bien .types-container .checkbox-without-icon label p {
        padding-top: 14%;
    }
    .number-of-rooms-radio label {
        width: 50px;
        height: 50px;
        font-size: 27px;
        line-height: 46px;
    }
    .services .services-container label {
        padding: 12px;
    }
    #step_2 .next-button.mt-1 {
        margin-left: 0%!important;
        margin-top: 24%!important;
    }
    #step_2 .prev span {
        width: 394px;
        padding-top: 4%;
    }
    #step_3 .prev span {
        padding-top: 5%;
        width: 315px;
    }
    .gerer .info_bien p {
        font-size: 14px!important;
    }
    .card2 .caldera-grid .alert-success h3 {
        width: 100%;
    }
    .rdv_rgpd .radio label{
        font-size: 15px;
    }
}

@media only screen and (max-width:425px){
    #progressbar li:before {
        margin-left: 1.9em;
    }
    .gerer .info_bien {
        margin-top: 40%;
    }
    .ville input, .surface input {
        font-size: 16px!important;
        padding-left: 8px!important;
    }
    .gerer .info_bien .types-container .checkbox-without-icon label p {
        padding-top: 15%;
        font-size: 14px!important;
    }
    .services .services-container label {
        padding: 9px;
    }
    #step_1 .retour_gerer {
        width: 92%;
        padding: 2.8% 4% 1%;
        bottom: 8.2%!important;
    }
    #step_2 .prev span {
        width: 345px;
        padding-top: 5%;
    }
    .next-button {
        padding: 13px;
    }
    #step_3 .caldera-grid .form-group{
        padding-left: 0;
        padding-right: 0;
    }
    #step_3 .prev span {
        padding-left: 37%;
        width: 298px;
    }
    #step_3 .prev {
        left: 47px;
    }
    .remerciment .rt_confier{
        width: 60%;
    }
}

@media only screen and (max-width: 393px){
    #progressbar li:before {
        margin-left: 1.6em;
    }
    .gerer .info_bien .types-container .checkbox-without-icon label p {
        font-size: 13px!important;
    }
    #step_2 .prev span {
        width: 320px;
    }
    #step_3 .rdv_mobile .btn {
        font-size: 16px!important;
    }
}


@media not all and (max-width: 375px) and (min-resolution:0.01dpmc)
{ @supports (-webkit-appearance:none) {
    /* CSS specific to iOS devices */ 
    #step_2 .prev span{
        padding: 16px 100px;
    }
}
} 

@media only screen and (max-width: 375px){
    #faire_gerer_adresse #myForm_vendre .form-filtres {
        width: 50%;
    }
    #progressbar li:before {
        margin-left: 1.4em;
    }
    .gerer .info_bien {
        margin-top: 45%;
    }
    .ville input, .surface input {
        padding-left: 9px!important;
    }
    .checkbox-without-icon label {
        padding: 5px;
    }
    .gerer .info_bien .types-container .checkbox-without-icon label p {
        padding-top: 17%;
        font-size: 12px!important;
    }
    .titre_gerer {
        font-size: 18px;
    }
    .gerer .info_bien p {
        font-size: 12px!important;
    }
    .number-of-rooms-radio label {
        width: 50px;
        height: 50px;
        font-size: 27px;
        line-height: 46px;
    }
    .meuble .meuble-container .checkbox-without-icon label {
        padding: 14px;
    }
    .services-container .checkbox-without-icon label p {
        font-size: 13px!important;
    }
    .services .services-container label {
        padding: 7px;
    }
    #step_1 .next-button span {
        font-size: 18px;
    }
    #step_1 .retour_gerer {
        padding: 4% 4% 1%;
        font-size: 17px!important;
    }
    #step_2 .form-group h3 {
        font-size: 18px;
    }
    #step_2 .prev {
        left: 7%;
    }
    #step_2 .prev span {
        width: 298px;
        padding-top: 5%;
    }
    #step_2 .next-button span {
        font-size: 18px;
    }
    #step_2 .next-button {
        padding: 16px;
    }
    #step_3 .prev span {
        padding-left: 36%;
        width: 252px;
        padding-top: 6%;
    }
    #step_3 .rdv_mobile .btn {
        font-size: 16px!important;
    }
    .remerciment .rt_confier{
        width: 70%;
    }
}

@media only screen and (max-width: 320px){
    #faire_gerer_adresse #myForm_vendre .form-filtres {
        width: 60%;
    }
    #progressbar li:before {
        margin-left: 1em;
    }
    .gerer .info_bien {
        margin-top: 52%;
    }
    .gerer  .info_bien .types-container .checkbox-without-icon label p {
        font-size: 10px!important;
    }
    .gerer .info_bien .checkbox-without-icon label p {
        font-size: 12px!important;
    }
    .meuble-container  .checkbox-without-icon label p {
        font-size: 15px!important;
    }
    .titre_gerer {
        font-size: 16px;
    }
    .gerer .info_bien p {
        font-size: 10px!important;
    }
    .checkbox-without-icon label {
        min-width: 82px;
    }
    .number-of-rooms-radio label {
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 34px;
    }
    .services-container .checkbox-without-icon label p {
        font-size: 11px!important;
    }
    #step_1 .retour_gerer {
        width: 89%;
        bottom: 9%!important;
    }
    #step_2 .prev {
        bottom: 27%;
    }
    #step_2 .prev span {
        padding-top: 6%;
        width: 247px;
        margin-left: 2%;
    }
    #step_2 .form-group h3 {
        font-size: 16px;
    }
    #step_3 .prev span {
        padding-left: 34%;
        width: 204px;
    }
    #step_3 .rdv_mobile .btn {
        font-size: 13px!important;
        /*padding: 14px 7px!important;*/
    }
}


.rdv_rgpd{
    text-align: left;
}

.input-consentement input[type=checkbox] {
    display: inline-block !important;
}
.remerciment{
    text-transform: uppercase;
    padding-top: 5%;
    padding-bottom: 5%;
}
.merci{
        font-size: 20px!important;
    color: #003a5d;
    font-weight: 700;
    
}

.message{
color: #D9AC6D;
    font-weight: 600;
        font-size: 18px!important;
}

.message_tele{
color: #707070;
    font-weight: 500;
font-size: 18px!important;
}

.rt_confier{
background-color: #DEDEDE;
    border-radius: 45px 45px 45px 45px;
    overflow: hidden;
    color: #fff!important;
    padding-top: 10px;
    margin-bottom: 0;
    font-size: 18px;
    padding-bottom: 10px;
    font-family: 'EncodeSansExpanded-Bold', sans-serif!important;
    width: 30%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5%;
        box-shadow: 6px 6px 18px 0px rgb(0 0 0 / 30%);

}

.rt_confier a:hover {
    color: #fff;
    text-decoration: none;
}