html {
    overflow-x: hidden !important;
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden !important;
}

body::before {
    content: '';
    width: 100%;
    background: #fff url(../images/fond.webp) top center no-repeat scroll;
    background-size: cover;
    height: calc(100vh + 30px);
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
}

body::after {
    content: '';
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
}

section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.navbar {
    z-index: 1000;
}

.navbar-brand img {
    height: 40px;
}

.navbar-nav .dropdown-menu {
    min-width: inherit;
    background: transparent;
    border: 0;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-item {
    padding: .25rem .5rem;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #f8f9fa3b;
}

.flag {
    width: 25px;
}

.btn .flag {
    width: 21px;
    position: relative;
    top: -1px;
}

.icon {
    max-height: 170px;
}

.nav-link {
    font-weight: 600 !important;
}

.btn {
    min-width: 260px;
}

.btn-primary {
    background-color: #fd9204;
    border-color: #fd9204;
    color: #fff !important;
    position: relative;
}

.btn-primary:hover {
    background-color: #4fb101;
    border-color: #4fb101;
}

#hero {
    padding: 60px 0;
    color: #fff;
    margin-top: 60px;
}

h1 {
    font-weight: 700 !important;
    line-height: 1.3;
    font-size: 2.75rem;
}

.h3, h3 {
    font-weight: 700;
    font-size: 1.4rem;
}

.barre {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4fb201+0,6aca01+100 */
    background: #4fb201; /* Old browsers */
    background: -moz-linear-gradient(left, #4fb201 0%, #6aca01 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #4fb201 0%, #6aca01 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #4fb201 0%, #6aca01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fb201', endColorstr='#6aca01', GradientType=1); /* IE6-9 */

}

#service::before {
    content: '';
    width: 500px;
    background: url(../images/icon.webp) top center no-repeat scroll;
    background-size: 100%;
    height: 300px;
    position: absolute;
    right: -100px;
    bottom: 0;
    opacity: .1;
}

.text-primary {
    color: #6bd50c !important;
}

.ico {
    border-radius: 10px;
    color: #fff;
    width: 55px;
    height: 55px;
    transform: rotate(45deg);
    margin-bottom: 10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#62bc01+1,358401+100 */
    background: #62bc01; /* Old browsers */
    background: -moz-linear-gradient(left, #62bc01 1%, #358401 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #62bc01 1%, #358401 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #62bc01 1%, #358401 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62bc01', endColorstr='#358401', GradientType=1); /* IE6-9 */
    border-right: 5px solid #67c701;
    border-top: 5px solid #67c701;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
}

.modal .ico {
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: -28px;
}

.fa-phone {
    transform: rotate(45deg) !important;
}

.card {
    border: 0;
}

#footer .logo {
    max-height: 30px;
}

.btn-lg {
    padding: 1rem;
}

.form-control-lg {
    height: calc(1.5em + 1.5rem + 2px);
    font-size: 1rem;
}

.btn-link {
    font-weight: 600;
    color: #333;
    text-decoration: none;
    font-size: 1.1rem;
}

.modal-header .close {
    position: absolute;
    right: 20px;
}

.modal-body {
    padding: 0 3rem 3rem 3rem;
}

.btn-link.focus, .btn-link:focus {
    text-decoration: none;
}

.btn-link:hover {
    color: #000;
    text-decoration: none;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5);
}

#hero .btn-lg {
    min-width: 436px;
}

.country-select .country-list {
    width: 283px;
}

.country-select.inside .flag-dropdown {
    width: 100%;
}

.country-select.inside .selected-flag {
    width: 100% !important;
}

.country-select.inside input, .country-select.inside input[type="text"] {
    border: 0 !important;
    background: transparent !important;
}

.country-select.inside input, .country-select.inside input[type="text"] {
    padding-left: 40px !important;
}

#country_selector {
    width: 180px;
}

.country-select .country-list .flag, .country-select .country-list .country-name {
    color: #000;
    font-weight: normal;
}

/* Media Queries */
@media (max-width: 991px) {
    body::before {
        background: #fff url(../images/fond-mobile.webp) top center no-repeat scroll;
        background-size: cover;
    }

    .border-right {
        border-right: 0;
        border-bottom: 1px solid #dee2e6 !important;
        padding-bottom: 50px !important;
    }

    .icon {
        max-height: 80px;
    }

    h1 {
        font-size: 1.5rem;
    }

    .bg-light::before {
        content: '';
        width: 400px;
        background: url(../images/icon.webp) top center no-repeat scroll;
        background-size: 100%;
        height: 200px;
        position: absolute;
        right: -100px;
        bottom: 0;
        opacity: .1;
    }

    .modal-dialog {
        max-width: 100%;
        margin: 0;
        padding-top: 0;
        background: #fff;
        min-height: 100vh;
    }

    .modal-content {
        border: 0;
    }

    .modal-header {
        display: block !important;
    }

    .modal-body {
        padding: 0 2rem 2rem 2rem;
    }

    .modal-header .close {
        top: 20px;
    }

    .modal .ico {
        position: inherit;
        left: inherit;
        margin-left: inherit;
        top: inherit;
        margin: 0 auto;
    }

    .modal-dialog-centered {
        display: inherit;
    }

    .h2, h2 {
        font-size: 1.5rem;
    }

    .h3, h3 {
        font-size: 1.25rem;
    }

    h1 {
        font-size: 1.5rem;
    }

    #hero .btn-lg {
        width: 100%;
        padding: .75rem 0 !important;
        max-width: 340px;
        min-width: inherit;
        font-size: 1.15rem;
    }

    .navbar-brand img {
        height: 30px;
    }

    .navbar {
        padding: .5rem;
    }

    .lead {
        font-size: 1rem;
    }

    section {
        padding: 50px 0;
    }
}

.block-date {
    width: 32.6%;
    margin-right: 0;
}