@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400&display=swap');

button, input, optgroup, select, textarea {
    font-family: inherit !important;
}

body, h1, h2, h3, h4, h5 {
    font-family: system-ui,
    -apple-system, /* Firefox supports this but not yet `system-ui` */ 'Segoe UI',
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji' !important;
}

#advantages .adv-img, .benef-img-2 ul, .custom-container .breadcrumb,
#login-form, #activation-form {
    font-family: 'Lato', sans-serif !important;
}

.benef-img-2 h2, .offers-block-1 h2, #localisation-cities-cta button,
.custom-font-family, .footer-img-3 span, .custom-footer-inner-2,
.contact-inner-1, .contact-inner-1 h2, .custom-form-btn button,
.custom-login-form .login-header, .custom-login-form .login-sub-header,
#login-form button, .topnav a, .custom-activation .activation-header,#activation-form button
, button.signUp-cta, #localisation-cities-options{
    font-family: 'Ubuntu', sans-serif !important;
}

label {
    font-weight: 400 !important;
}

.custom-font-family {
    /*font-family: 'Ubuntu', serif !important;*/
    font-weight: 500;
}


.custom-menu-ul li a {
    color: #0050a0 !important;
}

.custom-menu-ul li {
    /*margin-right: .8rem !important;*/
}

.signIn-cta , .signUp-cta
{
    background: #86bc25;
    /*padding-top: 0.5rem;*/
    /*padding-bottom: 0.5rem;*/
    border-radius: 0.25rem;
    color: #fff;
}

.custom-logo {
    /*height: 80px;*/
    /*margin-top: -35px;*/
}

.custom-menu-ul li.signIn-cta a {
    color: #fff !important;
}

.navbar-default {
    background-color: #fff !important;
    border-color: #fff !important;
}

.custom-active {
    color: #000 !important;
}

.custom-home {
    width: 100%;
    /*height: 100vh;*/
    background: url('../images/bg-slider.png') no-repeat center fixed !important;
    -webkit-background-size: cover !important; /* pour anciens Chrome et Safari */
    background-size: cover !important; /* version standardisée */
    /*background-repeat: repeat-y;*/
    max-width: 100%;
}


.custom-nav {
    background-color: #ffffff;
    max-width: 100%;
    border-color: #E5E7EB;
    padding: 2.2rem;
}

.custom-menu-ul {
    padding: 1rem;
    margin-top: 1rem;
    /*background-color: #F9FAFB;*/
    font-weight: 500;
    border-radius: 0.5rem;
    border-width: 1px;
    border-color: #F3F4F6;
}

.navbar .custom-menu-ul {
    margin-top: 1rem !important;
}

.custom-home {
    background-size: cover;
    max-width: 100%;
    background: url('../images/slider-bg-mobile.png') repeat-y;

}


#advantages {
    max-width: 100%;
}

#advantages .advantages-inner {
    display: flex;
    padding-top: 0;
    padding-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
}


#advantages .adv-div-2 {
    display: flex;
    margin-top: 1.25rem;
    margin-bottom: 2.5rem;
    text-align: center;
    align-items: center;
    width: 100%;
}

#advantages .adv-div-3 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}


#advantages .adv-div-2 h2 {
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 40px;
}

.adv-div-2 h2 span {
    color: #0a56a3;
}

#advantages .adv-img {
    padding: 2rem;
    align-items: center;
    width: 50%;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

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

#benefits {
    background-size: cover;
    max-width: 100%;
    background: url('../images/benef-bg-mobile.png');
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;

}

#benefits .benefits-div-1 {
    display: flex;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

}

#benefits .benefits-div-2 {
    width: 100%;
    display: flex;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
    font-size: 12px;
}

#benefits .benef-img-1 {
    margin-top: 4rem;
    width: 100%;
}

#benefits .benef-img-1 img {
    width: 100%;
}

#benefits .benef-img-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    color: #ffffff;
    line-height: 1.5;
    width: 100%;
}

#benefits .benef-img-2 h2 {
    /*margin-bottom: 2rem;*/
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
}

#benefits .benef-img-2 h2 span {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

#benefits .benef-img-2 ul {
    margin-left: 1.25rem;
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 2;
    list-style-type: disc;
    list-style-position: outside;
    padding: 0;
    margin-bottom: 25px;
}

.text-white {
    color: #ffffff;
}


#custom-footer {
    max-width: 100%;
}

#custom-footer .custom-footer-inner-1 {
    padding: 1rem;
    background: #86bc25;
}

#custom-footer .custom-footer-inner-2, #custom-footer .custom-footer-inner-2 a {
    color: #0050a0;
}

#custom-footer .custom-footer-inner-2 {
    display: flex;
    padding: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
}

.custom-footer-inner-1 .footer-img-1 {
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.custom-footer-inner-1 .footer-img-2 {
    display: none;
    margin-top: -2rem;
    width: 16.666667%;
}

.custom-footer-inner-1 .footer-img-3 {
    display: flex;
    padding: 1.25rem;
    margin-top: 1.25rem;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.footer-img-3 span {
    margin-right: 1.25rem;
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 2rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

#custom-footer .foot-images {
    display: flex;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1280px;
}

#custom-footer .footer-block-2, #custom-footer .footer-block-3 {
    display: flex;
    justify-content: flex-end;
}

#offers {
    font-family: "Ubuntu", serif;
    padding: 1rem;
    background: url('../images/bg-offres.png');
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
}

#offers .offers-inner-1 {
    display: flex;
    padding: 2.5rem 1rem;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;

}

#offers .offers-inner-2 {
    width: 100%;
    display: flex;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
    font-size: 16px;

}

#offers .offers-block-1 {
    align-items: center;
    width: 100%;
}

#offers .offers-block-2 {
    order: -9999;
    align-items: center;
    width: 100%;

}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

#offers .offers-block-1 h2 {
    color: #ffffff;
    font-weight: 700;
    font-size: 37px;
}

.hidden {
    display: none;
}

#offers .custom-hidden {
    display: none;
}

#localisation {
    max-width: 100%;
    background: #ececec;
}

#localisation .localisation-inner {
    display: flex;
    padding-top: 0;
    padding-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
}


#localisation .localisation-inner-div-2 {
    margin-top: 1.25rem;
    margin-bottom: 2.5rem;
    text-align: center;
    align-items: center;
    width: 100%;
}

#localisation .localisation-inner-div-2 h2 {
    font-size: 40px;
    color: #504f4f;
}

#localisation .localisation-inner-div-3 {
    display: flex;
    padding: 1rem;
    font-weight: 500;
    flex-wrap: wrap;
    width: 100%;
}

#localisation .localisation-inner-div-4 {
    padding-top: 4rem;
    width: 100%;
    padding-bottom: 2rem;

}

#localisation .localisation-inner-div-1 h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 40px;
    color: #504f4f;

}

#localisation-cities {
    width: 100%;

}

#localisation-cities #localisation-cities-options {
    display: block;
    padding: 1.2rem 1.2rem 1.2rem 2rem;
    width: 100%;
    border-radius: 2rem;
    color: #504f4f;
    font-size: 20px;
    border: 1px solid #6b7280;
    background: url('../images/expand-icon.png') no-repeat right #ffffff;
    background-position-x: 98%;
     -webkit-appearance: none;

}

#localisation #localisation-cities-cta {
    width: 100%;

}

#localisation #localisation-cities-cta button {
    border: none;
    margin-top: 2.5rem;
    color: #ffffff;
    width: 100%;
    height: 100%;
    border-radius: 2rem;
    /*font-weight: 600;*/
    background: #86bc25;
    font-size: 21px;

}

.w-full {
    width: 100%;
}

.rounded-3xl {
    border-radius: 1.5rem;
}

.custom-container {
    /*margin-top: 7rem;*/
    width: 100% !important;
}

.custom-logo {
    /*height: 50px;*/
    /*margin-top: -1.2em;*/
    /*margin-top: -35px;*/
}

.offers-img-2, .offers-img-1 {
    width: 100%;
}

.custom-home {
    padding-top: 6.5rem;
    padding-bottom: 1rem;
}

.custom-home-inner-1 {
    display: flex;
    justify-content: center;
    /*padding-top: 2em;*/
}

.custom-home-inner-1 .home-div-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.custom-home-inner-1 .home-div-1 .txt-image {
    margin: auto;
    margin-bottom: 3em;
}

.h-dots-image {
    display: none;
}

.custom-home-inner-1 .logo-image {
    width: 95%;
    margin: auto;
}

.custom-home-inner-1 .logo-image img {
    width: 100%;
}

.custom-home-inner-2 {
    padding-left: 1em;
}

.custom-container .breadcrumb {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    /*font-family: Lato, serif;*/
    padding: 1.28rem;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    /*padding-right: 18em;*/
}
div#breadcrumb-wrapper, #breadcrumb-wrapper .breadcrumb{
    background-color: #0050a0 !important;

}

.custom-container .breadcrumb li, .custom-container .breadcrumb li a {
    color: #fff;
    font-size: 18px;

}

.site-contact-inner {
    display: flex;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
    color: #504f4f;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.site-contact-inner .contact-inner-1 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    text-align: center;
    width: 100%;
}

.contact-inner-2 {
    padding-bottom: 4rem;
    width: 100%;
}

.contact-inner-1 h2 {
    color: #504f4f;
    font-size: 48px;
    font-weight: bold;
}

.contact-inner-1 span {
    color: #ec5151;
    font-size: 20px;
}


#contact-form {
    color: #504f4f;
    /*font-family: Lato sans-serif;*/
    display: flex;
    flex-wrap: wrap;
}

#contact-form .custom-form-control {
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0.45rem 0.75rem 0;
}

#contact-form .custom-form-control input {
    display: block;
    padding: .8rem;
    padding-left: 1.15rem;
    color: #111827;
    width: 100%;
    height: auto !important;
    border-radius: 0.5rem;
    border-width: 1px;
    border-color: rgb(209 213 219 /1);
    font-size: 1.13rem;
}

.custom-form-verification input {
    padding: .8rem;
    color: #111827;
    border-radius: 0.5rem;
    border-width: 1px;
    height: auto !important;
    border-color: rgb(209 213 219 /1);

}

.site-contact {
    background: url('../images/dots-blue-verticals.png');
    background-position: right;
    background-repeat: no-repeat;
    background-color: #ececec;
}

#contact-form .custom-form-control label /*,.custom-form-verification label*/
{
    display: none;
}

.custom-form-verification {
    width: 100%;
    padding-left: 15px;
}

.custom-form-verification label {
    display: block;
    float: none;
    width: 100%;
    text-align: left !important;
    padding-bottom: .5em;
}

.custom-form-verification div {
    width: 100% !important;
}

.custom-form-verification div:nth-child(1) .row {
    display: flex;
    padding-right: 0;
    justify-content: space-between;
}


.custom-form-verification div:nth-child(1) .row div:nth-child(2) {
    display: flex;
    padding-right: 0;
}

.custom-form-btn {
    width: 100% !important;
    padding-top: 3em;
}

.custom-form-btn div {
    display: flex;
    justify-content: center;
}

.custom-form-btn button {
    display: block;
    padding: 1rem 4.5rem;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    border-radius: 1.599rem;
    background-color: #86bc25 !important;
    font-size: 23px;
    border: none;
}

.custom-login,#custom-activation {
    padding: 2.7rem 1.5rem;
    background: #ececec no-repeat;

}
#custom-activation{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.custom-login .login-inner,#custom-activation .activation-inner {
    background-repeat: no-repeat;
}

.custom-login .custom-login-form, #custom-activation .custom-activation-form {
    display: flex;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 768px;
    color: #504f4f;
    font-size: 23px;
}

.login-header {
    width: 100%;
}

.login-header ul {
    display: flex;
    width: 100%;
    list-style-type: none;
}

.login-header ul li:nth-child(1) {
    padding: 1.4288rem;
    font-weight: 700;
    text-align: center;
    width: 50%;
    border-bottom: 6px solid #0050a0;
}

.login-header ul li:nth-child(2) {
    padding: 1.25rem;
    text-align: center;
    border-bottom: 3px solid #91b508;
    width: 50%;
}

.login-header ul li:nth-child(2):hover {
    background-color: #E5E7EB;
    border-color: #D1D5DB;

}

.rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.login-active {
    color: black;
}

.custom-login .login-sub-header, .custom-activation-form .login-sub-header {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    text-align: center;
    width: 100%;
}

.custom-login .login-sub-header h2, .custom-activation-form .login-sub-header h2 {
    font-weight: 700;
    font-size: 32px;
    color: #504f4f;
}

.login-header ul li a {
    text-decoration: none;
    color: inherit;
!important;
}

.custom-login .login-form-content, #custom-activation .activation-form-content {
    padding-bottom: 4rem;
    width: 100%;

}

.custom-login-form #login-form, #custom-activation #activation-form {
    display: flex;
    flex-wrap: wrap;
    font-size: 20px;
    color: #504f4f;
    /*font-family: Lato, serif;*/
}

.custom-login-form .mb-6, .custom-activation-form .mb-6 {
    margin-bottom: 1.5rem;
}

.w-full {
    width: 100%;
}

.custom-login-input label, .custom-activation-input label{
    display: block;
    margin-bottom: 1rem;
    font-size: 20px;
}

.custom-login-form .custom-login-input input, .custom-activation-input input {
    display: block;
    padding: 1rem;
    background-color: #F9FAFB;
    color: #111827;
    font-size: 1.2rem;
    line-height: 1.25rem;
    width: 100%;
    border-radius: 0.7rem;
    border-width: 1px;
    border-color: #D1D5DB;
    height: auto !important;
}

.custom-login-form .remember-me {
    display: flex;
    align-items: center;
    width: 50%;
}

.remember-me .remember-me-inner {
    display: flex;
    align-items: center;
}

.remember-me input[type='radio'] {
    background-color: #F9FAFB !important;
    width: 1rem !important;
    height: 1rem !important;
    border-radius: 0.25rem !important;
    border-width: 1px !important;
    border-color: #D1D5DB !important;
}

.remember-me label {
    margin-left: 0.5rem;
    font-size: 20px;
}

.custom-login-form .btn-outer, .custom-activation-form .btn-outer {
    /*display: flex;*/
    justify-content: center;
    width: 100%;
}

.custom-login-btn, .custom-activation-btn {
    display: block;
    padding: 1rem 4rem;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    border-radius: 1.6rem;
    background: #86bc25;
    font-size: 23px;
    border: none;
}

.custom-login-btn i, .custom-activation-btn i {
    display: none !important;
}

#login-form-rememberme {
    width: 1.5rem;
    height: 1.5rem;
    border-color: rgb(209 213 219/1) !important;

    margin-right: .5rem;
}

.forgot-password {
    display: flex;
    justify-content: flex-end;
    width: 50%;
}

.forgot-password a, .btn-outer a {
    color: #3368a9;
    text-decoration: underline !important;
    /*font-weight: 600;*/
}

.clients-view {
    padding: 5rem 5rem;
    background: #ececec;
}

.signUp-cta {
    width: 100%;
    padding: 10px 15px;
    line-height: 20px;
    border: none;
    text-align: left;
}

#logout-form {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus, .custom-menu-ul li a:hover {
    background: none !important;
    color: #000 !important;
}

.custom-menu-ul .signUp-cta a:hover, .custom-menu-ul .signIn-cta a:hover {
    color: #fff !important;
}

/*New styles*/
.hero-desktop-image img {
    width: 100%;
}
.hero-mobile-image {
    display: none;
}
.hero-mobile-image img {
    width: 100%;
}
@media (max-width: 430px) {
    .hero-mobile-image {
        display: block;
    }
    .hero-desktop-image {
        display: none;
    }
}

.txt-image img {
    width: 100%;
}

.custom-home /*#advantages,*//* #localisation */
{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.custom-home .home-div-1 {
    margin-bottom: 3.5rem;
}

.adv-img img {
    width: 100%;
}

.adv-div-1 img {
    margin-left: 20%;
}

#advantages .adv-div-1 img {
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*margin-left: 50%;*/
}

#advantages .adv-div-1, #localisation .localisation-inner-div-1 {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#localisation .localisation-inner-div-1 {
    /*display: flex;*/
    /*align-items: center;*/
    /*width: 100%;*/
}

.benef-img-2 img, .offers-block-1 img {
    width: 100%;
}

.custom-nav button.navbar-toggle {
    border: none !important;
    padding: 0 !important;
    margin-right: 0 !important;
}

/*New styles*/
.custom-view-btn {
    background-color: #86bc25;
    padding: .6rem;
    text-align: center;
    border: none;
    border-radius: 2.5rem;
    color: #fff;
}

.custom-blue {
    background-color: #0050a0 !important;
    color: #fff !important;
}

.custom-nav {
    margin-bottom: 0 !important;
}
#legals,#faq-section{
    padding: 4rem 3rem 4rem 3rem;
}
@media (min-width: 768px) {
    /*.custom-nav ul.navbar-right {*/
    /*    margin-right: -40px !important;*/
    /*}*/
    /*.custom-nav a.navbar-brand {*/
    /*    margin-left: -40px !important;*/
    /*}*/
    .navbar-header {
        float: none !important;
    }

    .navbar-toggle {
        display: block !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
    }

    .navbar-nav > li {
        float: none !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    #advantages .adv-div-1, #localisation .localisation-inner-div-1 {
        justify-content: center;
        align-items: center;

    }

    .benef-img-2 img, .offers-block-1 img {
        width: auto;
    }

    .adv-img img {
        width: auto;
    }

    .signUp-cta {
        /*width: auto;*/
        /*text-align: center;*/
    }

    .signUp-cta {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /*.custom-container {*/
    /*    margin-top: -4.125em;*/
    /*}*/
    .custom-menu-ul li {
        margin-right: 1rem !important;
    }

    .captcha-img {
        width: 30% !important;
        /*padding-left: 15px*/
    }

    .captcha-input {
        width: 70% !important;
    }

    #contact-form .custom-form-control, .custom-form-verification {
        width: 50%;
    }

    .custom-form-verification .row {
        margin-left: -24px;
    }

    .custom-form-control .col-sm-6, #contact-form .object-input, #contact-form .message-textarea {
        width: 100% !important;
    }

    #contact-form .custom-form-control input, #contact-form .custom-form-control .form-group {
        width: 100% !important;
    }

    .wrap {
        /*margin-top: 12em !important;*/
    }

    .custom-nav {
        padding: .5rem;
        padding-bottom: 0.7rem;
    }

    .custom-logo {
        /*height: 60px;*/
        margin-top: 0;
    }


    .custom-font-size {
        font-size: 1.1rem !important;
    }

    .custom-home {
        background: url('../images/bg-slider.png');
    }

    .custom-home {
        /*padding-top: 6em;*/
    }

    .custom-home-inner-1 {
        justify-content: space-between;
        /*padding-top: 4em*/
    }

    .custom-home-inner-1 .logo-image {
        width: 100%
    }

    .custom-home-inner-1 .home-div-1 {
        justify-content: space-around;
        flex-direction: row;
        padding-left: 4em;
        padding-right: 4em;
        margin-bottom: 4em;
    }

    .custom-home-inner-1 .txt-image {
        width: 80%;
    }

    .custom-home-inner-1 .logo-image img, .txt-image img {
        width: 100%;
    }

    .custom-home-inner-2 {
        padding-left: 4em;
    }

}

@media (min-width: 1024px) {
    #legals,#faq-section{
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .custom-login, #custom-activation {
        background: #ececec url('../images/bg-r-espace.png') no-repeat right;
        padding-left: 0;
        padding-right: 0;
    }

    .custom-login .login-inner, #custom-activation .activation-inner {
        background: url('../images/bg-l-espace.png') left no-repeat;
    }

    #localisation .localisation-inner-div-4 {
        padding-top: 3rem;

    }

    .custom-container {
        /*margin-top: -5em;*/
        width: 100% !important;
    }

    .custom-menu-ul li {
        /*margin-right: 1rem !important;*/
        padding: .3rem;
        padding-left: .9rem;
        padding-right: .9rem;
    }

    .custom-font-size {
        font-size: 1.3rem !important;
    }

    .custom-logo {
        /*height: 70px;*/
        /*margin-top: -9px;*/
    }

    .custom-nav {
        padding-top: 1rem;
        padding-bottom: 1.3rem;
    }

    .custom-menu-ul {
        padding: 0;
        margin-top: 0;
        margin-left: 2rem;
        /*background-color: #ffffff;*/
        border-width: 0;
    }

    #advantages .adv-img {
        width: 25%;
        font-size: 25px;
    }

    #benefits {
        background: url('../images/benef-bg.png');
        /*padding: 1.5em 4em;*/
        padding-left: 1.5rem;
    }

    #benefits .benefits-div-2 {
        font-size: 16px;
    }

    #benefits .benef-img-1 {
        display: none;
    }

    #benefits .benef-img-2 {
        padding-top: 0;
        width: 45%;
    }

    #benefits .benef-img-2 h2 {
        font-size: 45px;
    }

    #benefits .benef-img-2 h2 span {
        font-size: 65px;
    }

    #benefits .benef-img-2 ul {
        font-size: 28px;
    }

    #custom-footer .custom-footer-inner-2 {
        font-size: 20px;
    }

    .custom-footer-inner-1 .footer-img-1 {
        justify-content: flex-start;
        width: 50%;
        width: 33.333333%;
    }

    .custom-footer-inner-1 .footer-img-2 {
        display: block;
    }

    .custom-footer-inner-1 .footer-img-3 {
        margin-top: 0;
        justify-content: flex-end;
        width: 50%;
        width: 33.333333%;
    }

    .footer-img-1 img {
        margin-left: 0;
        margin-right: 0;
    }

    .footer-img-3 span {
        font-size: 28px;
    }

    #custom-footer .footer-block-1 {
        width: 75%;
    }

    #custom-footer .footer-block-2 {
        width: 25%;
    }

    #custom-footer .footer-block-3 {
        width: 16.666667%;
    }

    #offers .offers-block-1 {
        width: 50%;
    }

    #offers .offers-block-2 {
        order: 9999;
        width: 50%;
    }

    #offers .offers-block-1 h2 {
        font-size: 47px;
    }

    #offers .offers-img-1 {
        display: block;
    }

    #offers .offers-img-2 {
        display: none;
    }

    #localisation-cities {
        width: 66.666667%;
    }

    #localisation #localisation-cities-cta {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 33.333333%;
    }

    #localisation #localisation-cities-cta button {
        margin-top: 0;
    }

    .custom-home {
        padding-left: 3em;
        padding-bottom: 2em;
    }

    .custom-home-inner-1 .home-div-1 {
        width: 80%;

        margin-bottom: 2em;

    }

    .custom-home-inner-1 .txt-image {
        width: 40%;
        margin-bottom: 0;
    }

    .custom-home-inner-1 .logo-image {
        width: 55%
    }

    /*.custom-home-inner-1 .txt-image img {*/
    /*    width: auto;*/
    /*}*/
    /*.custom-home-inner-1 .logo-image img {*/
    /*    width: auto;*/
    /*}*/
    .custom-home-inner-1 .h-dots-image {
        /*display: block;*/
        /*width: 5%*/
    }

    .custom-home-inner-2 {
        padding-left: 5rem;
    }

    .custom-home .home-div-1 {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .custom-container .breadcrumb {
        /*padding-right: 14rem;*/
    }

    .custom-container {
        /*margin-top: 9em;*/
        width: 100% !important;
    }

    .wrap {
        margin-top: 0 !important;
    }

    .custom-nav {
        padding: 1.1rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .custom-logo {
        /*height: 80px;*/
        /*margin-top: -22px;*/
    }

    .custom-nav ul.navbar-right {
        margin-right: -40px !important;
    }

    .custom-nav a.navbar-brand {
        margin-left: -40px !important;
    }

    .custom-home {
        padding-left: 4rem;
    }

    .custom-home-inner-1 .txt-image img {
        width: auto;
    }

    .custom-home-inner-1 .logo-image img {
        /*width: auto;*/
    }

    .custom-home-inner-1 .h-dots-image {
        display: block;
        margin-top: 20%;
        width: 5%;
        margin-right: 1.5rem;
    }
}


@media (min-width: 1350px) {
    .home-div-1 .txt-image, .home-div-1 .logo-image {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .custom-home {
        padding-left: 7.5rem;
    }

    .logo-image {
        width: auto !important;
    }
    #benefits{
        padding-left: 3.5rem;
    }
}

/* CUSTOM MENU*/

.topnav {
    overflow: hidden;
    background-color: #fff;
    height: auto;
    padding: 1.148rem;
}

.topnav a {
    color: #0050a0;
    text-decoration: none;
    font-size: 22px;
    padding: 14px 1.5rem;
    font-weight: 500;

}
button.signUp-cta{
    font-size: 22px;
}

.topnav .menus {
    float: right;
    display: block;
    text-align: center;
}

.menus a {
    display: block;
}

a.custom-menu-icon {
    padding: 2.5rem 0.5rem 16px 18px;
}

.topnav a:hover {
    /*background-color: #ddd;*/
    color: black;
}

a.signIn-cta, a.signIn-cta:hover,.signUp-cta, a.signUp-cta:hover {
    color: #fff !important;
}

.topnav a.active {
    background-color: #fff;
    color: #000;
}

.topnav .icon {
    display: none;
}

a.custom-menu-icon {
    color: rgb(107 114 128 /1);
}

.custom-menu-icon svg {
    /*color: rgb(107 114 128 /1);*/
    height: 24px;
    width: 24px;
}

.login-sub-header h2 {
    font-family: 'Ubuntu' !important;
}


@media screen and (max-width: 1100px) {
    .topnav .menus {
        display: none;
        background-color: rgb(249 250 251 / 1);
        border-radius: .5rem;
        border: 1px solid rgb(243 244 246 / 1);
        padding: 1rem;
        margin-top: 1rem;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 1100px) {
    .topnav.responsive {
        position: relative;
    }

    .topnav.responsive .icon {
        position: absolute;
        right: 1.148rem;
        top: 1.148rem;
    }

    .topnav.responsive .menus {
        float: none;
        display: block;
        text-align: left;
    }
}

@media screen and (min-width: 1100px) {
    .topnav .menus, .topnav {
        display: flex;
    }

    .topnav .menus {
        background-color: #fff;
        border-radius: 0;
        border: none;
        margin-bottom: 0;
    }

    .menus a {
        max-height: 80% !important;
    }

    .menus {
        padding-top: 1.8rem;
        padding-bottom: 1rem;
    }

    .topnav {
        justify-content: space-between;
        width: 100%;
    }

    .topnav a.signIn-cta, .topnav a.signUp-cta {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        padding-bottom: 17px;
        padding-top: 16px;
        max-height: 85% !important;
    }

    .topnav-wrapper {
        display: flex;
        justify-content: center;
    }

}

@media screen and (min-width: 1300px) {
    .topnav,#breadcrumb-wrapper .breadcrumb {
        width: 1280px;
        box-sizing: border-box;
    }
    #breadcrumb-wrapper{
        display: flex;
        justify-content: center;
    }
}
@media (min-width: 1450px) {
    .custom-home-inner-2 {
        padding-left: 10rem;
    }

}
@media (min-width: 1400px) {
    #benefits{
        padding-left: 5rem;

    }
    #benefits .benef-img-2 ul {
        line-height: 1.8;

    }

}
@media screen and (min-width: 1500px) {
    .wrap{
        max-width: 1500px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #benefits{
        padding-bottom: 4em;
        padding-left: 7rem;

    }
    #benefits .benefits-div-2{
        margin-left: 0 !important;
    }
}

/** **/