body {
    font-family: 'Assistant', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #000;
    background: #f9f9f9;
    line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Assistant', sans-serif;
    font-weight: 700;
    color: #000;
}

.f400 {
    font-weight: 400 !important;
}

.f500 {
    font-weight: 500 !important;
}

.f600 {
    font-weight: 600 !important;
}

.f700 {
    font-weight: 700 !important;
}

.left-box {
    max-width: 630px;
    margin-left: auto;
    margin-right: 60px;
}

.div1 {
    background: #d6ecba;
    padding: 12px 30px 12px 30px;
    border-radius: 6px;
}

    .div1 h4 {
        font-size: 17px;
    }

    .div1 p {
        color: #516538;
        font-size: 18px;
    }

    .icon-div1 {
        font-size: 15px;
        position: relative;
        top: -2px;
    }

/**/
.div2 {
    background: #f7dfcc;
    padding: 12px 30px 12px 30px;
    border-radius: 6px;
}

    .div2 h4 {
        font-size: 17px;
    }

    .div2 p {
        color: #654B38;
        font-size: 18px;
    }

    .div2 img {
        width: 18px;
        position: relative;
        top: -2px;
    }
/**/
.line {
    border-top: 1px solid #c4c4c4;
}

.small-text {
    color: #888;
    font-size: 15px;
}

.links1 {
    color: #7276b9 !important;
    text-decoration: underline;
}

.form-style h5 {
    font-size: 14px;
    color: #a5a5a5;
    letter-spacing: .072em;
}

.form-style h2 {
    font-size: 24px;
}

.field {
    border: 1px solid #bfbfbf;
    box-shadow: inset 2px 2px 5px rgba(0,0,0,.1) !important;
    font-weight: 600;
}

.input-fields {
    position: relative;
}

    .input-fields .lspan {
        font-size: 12px;
        position: absolute;
        left: 10px;
        top: 7px;
        text-transform: uppercase;
    }

.checkbox-cs span {
    background: #ffe098;
    text-transform: uppercase;
    line-height: 12px !important;
    font-size: 10px;
    padding: 2px 5px;
    display: inline-block;
    font-weight: 500 !important;
    border-radius: 3px;
}

.checkbox-cs label {
    position: relative;
    top: -1px;
}

.hr-line {
    border-top: 1px solid #e2e2e2;
}

/**/
.container-means-payment button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgb(0 0 0 / 23%);
    color: #000;
    font-weight: bold;
    height: 45px;
    padding: 0 10px;
}
.container-means-payment button:hover {
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

.small-p {
    font-size: 14px;
}

.field-with-icon {
    position: relative;
}

    .field-with-icon i {
        position: absolute;
        right: 10px;
        top: 10px;
    }

.f18 {
    font-size: 17px;
}

.bg9 {
    background: rgb(240, 238, 235);
}

.link3 {
    color: rgb(72, 123, 148);
    font-weight: 600;
}

    .link3:hover {
        text-decoration: none;
        color: rgb(50 94 116);
    }

.f17 {
    font-size: 17px;
}


.nav-pills-custom {
    display: block;
    font-weight: 600;
    font-size: 17px;
}

    .nav-pills-custom a {
        border: 1px solid #d4d4d4;
        background: #fff !important;
        color: #111 !important;
        margin-top: 6px;
        padding: 16px 10px;
    }


        .nav-pills-custom a.active {
            border: 1px solid #000 !important;
        }

.link10 {
    color: #111 !important;
    text-decoration: underline;
}

.gray6 {
    color: #949494;
}

.gray7 {
    color: #666565 !important;
}


.button1 {
    width: 100%;
    padding: 16px 16px 16px 16px;
    margin: 0px 0px 5px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #B69213;
    border-radius: 7px 7px 7px 7px;
    background: rgb(255,206,34);
    background: -moz-linear-gradient(180deg, rgba(255,206,34,1) 0%, rgba(213,158,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,206,34,1) 0%, rgba(213,158,0,1) 100%);
    background: linear-gradient(180deg, rgba(255,206,34,1) 0%, rgba(213,158,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffce22",endColorstr="#d59e00",GradientType=1);
    box-shadow: 0 7px 7px -5px rgba(0,0,0,0.2);
    font-weight: bold;
}

    .button1:hover {
        opacity: 0.9;
    }


.clients-box {
    background: #efefef;
    padding: 18px 25px;
    border-radius: 7px;
    font-size: 14px;
}

.online i {
    color: #22BC28;
}

.online {
    font-size: 13px;
}

.list-1 {
    position: relative;
}

    .list-1 li {
        padding-left: 79px;
        position: relative;
        margin-bottom: 19px;
        font-size: 14px;
        font-weight: 500;
    }

    .list-1 img {
        position: absolute;
        left: 0px;
        top: -6px;
        width: 67px;
        border-radius: 100%;
    }

.f20 {
    font-size: 19px;
}

.green {
    color: #449050;
}

.right-box {
    max-width: 420px;
    margin-left: 40px;
}


.list-2 {
    position: relative;
    color: #6E6E6E;
}

    .list-2 li {
        padding-left: 79px;
        position: relative;
        margin-bottom: 9px;
        font-weight: 500;
    }

    .list-2 img {
        position: absolute;
        left: 0px;
        top: -4px;
        width: 67px;
        border-radius: 3px;
        border: 1px solid #BCBCBC;
    }

.gray9 {
    color: #6E6E6E;
}

.black {
    color: #000;
}

.list-3 {
    position: relative;
}

    .list-3 li {
        padding-left: 21px;
        position: relative;
        margin-bottom: 4px;
        font-weight: 500;
    }

    .list-3 img {
        position: absolute;
        left: 0px;
        top: 3px;
        width: 16px;
    }

.sp-text {
    color: #939292;
    font-weight: 500;
    font-size: 12px;
}

.hd1 {
    background: #eaf2eb;
    border-radius: 55px;
    padding: 3px 9px;
    display: inline-block;
    font-weight: 600;
    font-size: 13.7px;
    /*letter-spacing: 0.5px;*/
    color: #183418;
}

    .hd1 img {
        width: 16px;
    }

.hd2 {
    display: block;
    font-weight: 600;
    font-size: 13.7px;
    /*letter-spacing: 0.5px;*/
    color: #555;
    margin-top: 2px;
}

    .hd2 i {
        color: orange;
        font-size: 9px;
    }

.title3 {
    font-size: 24px;
    color: #424935;
    font-weight: 700;
}

header h2 {
    position: absolute;
    margin-left: 93px;
    font-size: 21px;
    margin-top: 12px;
}

/**/

#footer-grey {
    /*display: flex !important;*/
    background: #f9f9f9 !important;
    padding: 25px 15px !important;
    font-size: 17px !important;
    color: #808080 !important;
}

    #footer-grey p {
        text-align: center !important;
        color: #808080 !important;
        font-size: 15px !important;
        color: #808080 !important;
        margin-top: 20px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    #footer-grey span {
        font-size: 15px !important;
    }

.footer-bold {
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
}

#footer-grey ul {
    padding: 0 !important;
    margin-top: 13px;
}

.list-inline-item {
    margin: 0 !important;
    padding: 0 !important;
}

#footer-darl li {
    padding: 0 !important;
}

#footer-grey li a {
    font-size: 15px !important;
    color: #808080 !important;
    display: inline-block !important;
    padding: 5px 0 !important;
    /* padding: 5px; */
}

    #footer-grey li a:hover {
        color: #808080 !important;
    }

header {
    text-align: center;
}

@media(min-width:991px) and (max-width:1200px) {

    header {
        text-align: left !important;
    }

        header h2 {
            margin-left: 0px;
            font-size: 17px;
        }

    .hd1 {
        margin-left: 82px;
    }

    .hd2 {
        margin-left: 82px;
    }
}

@media(min-width:768px) and (max-width:991px) {

    header h2 {
        position: inherit;
        margin-left: 0px;
        font-size: 21px;
        margin-bottom: 12px;
    }

    .right-box {
        margin-left: 10px;
    }

    .left-box {
        margin-right: 0px;
    }
}

@media(max-width:767px) {

    .list-2 {
        font-size: 15px;
    }

    .list-3 {
        font-size: 15px;
    }

    .checkbox-cs label {
       
        top: 0px;
    }

    .list-3 img {
        top: 4px;
    }

    .left-box {
        margin-right: 0px;
    }

    header h2 {
        margin-left: 0px;
        font-size: 17px;
    }

    header {
        text-align: left;
    }

    .hd1 {
        margin-left: 82px;
    }

    .hd2 {
        margin-left: 82px;
    }


    .div1 {
        padding: 12px 16px 12px 16px;
    }

        .div1 h5 {
            font-size: 17px;
        }

        .div1 p {
            font-size: 16px;
        }


    .div2 {
        padding: 12px 16px 12px 16px;
    }

        .div2 h5 {
            font-size: 17px;
        }

    /* .list-0 img {
        top: 2px;
    } */

    #footer-grey {
        padding-top: 0px !important;
    }

    .div2 p {
        font-size: 16px;
    }

    .online {
        margin-bottom: 13px;
    }

    .right-box {
        margin-left: 0px;
    }

    .list-0 {
        font-size: 15px;
    }

    .button1 {
        border-radius: 27px;
    }

    .list-2 img {
        top: 0px;
    }

    .mls-0 {
        padding-left: 0px;
    }

    .form-style h2 {
        font-size: 21px;
    }

    .f17 {
        font-size: 16px;
    }
}

.logo-header { 
    width: 100px;
}
@media(max-width: 768px) {
    .hd1, .hd2 {
        margin-left: 0;
    }
}
@media(min-width: 768px) {
    .logo-header {
        width: 130px;
    }
}

.list-0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.list-0 li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    position: relative;
    margin-bottom: 19px;
}
.list-0 img {
    width: 32px;
    height: 32px;
}
.list-0 p {
    margin-bottom: 0;
}
.order-btn {
    font-size: 20px;
    font-weight: bold;
}

/**
* Start input tel: 
**/
.popup-tel{
    text-align: center;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    background: #fff;
    color: #000;
    display: none;
    font-size: 14px;
    border-radius: 5px;
}
.container-tel{
    position: relative;
}
.container-tel img {
    position: absolute;
    top: -10px;
    right: 5px;
    z-index: 1000;
}
.container-tel img:hover{   
    cursor: pointer;
}

.iti {
    display: block !important; 
}
.advert-tel {
    background: #fff;
    position: absolute;
    top: -8px;
    left: 0;
    z-index: 1001;
    display: none;
    padding-bottom: 10px;
    font-size: 16px;
}

@media(max-width:767px) {
    .advert-tel {
        left: 15px;
    }
    .iti-mobile .iti--container  {
        top: 0vh !important;
        left: 0 !important;
        right: 0 !important;
    }
    .iti--allow-dropdown input[type=tel] {
    padding-left: 3.5em; 
    }
}  


/* Timer */ 
.container-timer-reset p {
text-align-last: left;
}
#reset-timer {
/* background: #DC3545; */
padding: 3px 0;
border-radius: 5px;
font-weight: bold;
}
#reset-timer:hover {
cursor: pointer;
}

/* Start récap */ 
.img-recap {
border: 1px solid #bcbcbc;
width: 70px; 
height: 70px;
}
.container-recap p {
text-align: right;
margin-bottom: 0;
}

/* End Récap */