* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    list-style-type: none;
    /* font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: .5s ease-in-out;
}

#ScrollToTop {
    transition: .2s all ease;
    /* display: none; */
    position: absolute;
    z-index: 1000;
    padding: 30px;
    /* margin: 30px; */
    position: fixed;
    bottom: 50px;
    right: 55px;
    background: rgba(0, 0, 0, 0.986);
    color: white;
    height: 50px;
    width: 50px;
    border: none;
    border-radius: 50%;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
}

#ScrollToTop:active {
    background: rgb(34, 34, 34);
}

header {
    width: 100%;
    height: auto;
    background: rgb(192, 191, 191);
    padding: auto;
}

.container {
    width: 80%;
    margin: auto;
}

header .navbar {
    /* border: 1px solid red; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    /* padding-left: 0px;
    padding-right: 0px; */
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
}

header .navbar .nav-logo {
    float: left;
    text-align: left;
    width: 20%;
    /* border: 1px solid blue; */
}

header .navbar .nav-logo img {
    padding-left: 0;
    font-weight: bold;
    /* width: 100%; */
    height: 90px;
}

header .navbar .nav-links {
    float: right;
}

header .navbar .nav-links ul {
    display: flex;
}

header .navbar .nav-links ul li {
    list-style-type: none;
}

header .navbar .nav-links ul li i {
    font-size: 20px;
    font-weight: bold;
    background: black;
    color: white;
    border-radius: 5px;
    padding: 5px;
}

header .navbar .nav-links ul li i:hover {
    cursor: pointer;
}

header .sub-navbar {
    padding-left: 100px;
    /* margin-right: 187px; */
    margin-top: 30px;
    margin-bottom: 15px;
}

@media(max-width: 700px) {
    header .sub-navbar {
        padding: 0;
    }
    .ftco-second-section {
        margin-top: 150px;
    }
    header .sub-navbar .sub-navbar-image {
        margin-top: -50px;
    }
}

header .sub-navbar .sub-navbar-description {
    height: 100%;
    padding-top: 8%;
}

header .sub-navbar .sub-navbar-description h4 {
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(255, 9, 50, 0.671);
    letter-spacing: 3px;
    margin-bottom: 10px;
}

header .sub-navbar .sub-navbar-description h1 {
    /* font-size: ; */
    color: black;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

header .sub-navbar .sub-navbar-description .text {
    text-align: justify;
    font-size: 13px;
    color: rgb(56, 56, 56);
    margin-bottom: 20px;
}

header .sub-navbar .sub-navbar-description button {
    border: none;
    background: black;
    color: white;
    font-weight: bold;
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 80px;
    transition: .3s ease;
}

header .sub-navbar .sub-navbar-description button:hover {
    background: rgba(0, 0, 0, 0.795);
}

header .sub-navbar .sub-navbar-image {
    box-sizing: border-box;
    width: 50%;
    height: 100%;
    /* margin-top: -70px; */
}

header .sub-navbar .sub-navbar-image img {
    width: 100%;
}

.btn_products {
    margin-bottom: 12px;
    margin-top: 12px;
    height: auto;
    width: auto;
    border-radius: 50px;
    padding: 15px 30px 15px 30px;
    border: none;
    background-color: black !important;
    color: white;
    cursor: pointer;
}

.btn_products a {
    text-decoration: none;
    color: white !important;
    font-size: 18px;
    font-weight: 690;
}

.btn_ingrdients {
    margin-bottom: 12px;
    margin-top: 12px;
    height: auto;
    width: auto;
    padding: 15px 30px 15px 30px;
    border-radius: 50px;
    border: none;
    color: white;
    background-color: black !important;
    cursor: pointer;
}

.btn_ingrdients a {
    text-decoration: none;
    color: white !important;
    font-size: 18px;
    font-weight: 690;
}

.ftco-first {
    padding-top: 15px;
    width: 55%;
    margin: auto;
    margin-top: 100px;
    margin-top: 100px;
}


/* .ftco-first h1::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 4px;
    background: rgb(88, 87, 87);
    top: 60px;
    right: 350px;
} */

.ftco-first .ligne {
    margin-bottom: 25px;
    justify-content: space-between;
    /* height: 350px; */
}

.ftco-first .carte {
    /* border: 1px solid black; */
    height: auto;
}

.ftco-first .carte .image {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    /* border: 1px solid black; */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: 15px;
    margin-bottom: 15px;
    /* background: url(../images/rosehip-seed-oil.png) no-repeat center;
    background-size: cover; */
}

@media (max-width: 700px) {
    .ftco-section .map {
        height: 200px;
    }
    .ftco-section .container {
        margin-top: -45px;
    }
}

.ftco-first .carte .image img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.ftco-first .carte h3 {
    text-align: center;
    color: black;
    font-size: 20px;
    font-weight: 550;
}

.ftco-first .carte p {
    text-align: center;
    color: rgba(88, 85, 85, 0.747);
    font-size: 15px;
}

.ftco-second {
    margin-top: 100px;
    height: auto;
    background: rgba(192, 191, 191, 0.253);
    /* border: 1px solid black; */
}

.ftco-second .row .put-neutral {
    /* width: 50%; */
    height: auto;
    /* border: 1px solid black; */
}

.ftco-second .row .put-neutral .put-neutral-description {
    /* border: 1px solid black; */
    width: 60%;
    /* float: right; */
    margin: 70px auto;
}

.ftco-second .row .put-neutral .put-neutral-description h4 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 550;
    color: rgba(255, 9, 50, 0.671);
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.ftco-second .row .put-neutral .put-neutral-description .title {
    /* font-size: ; */
    color: black;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.ftco-second .row .put-neutral .put-neutral-description .number {
    /* font-size: ; */
    color: rgba(245, 0, 20, 0.603);
    font-weight: bold;
    font-size: 50px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.ftco-second .row .put-neutral .put-neutral-description .text {
    text-align: justify;
    font-size: 14px;
    color: rgb(56, 56, 56);
    margin-bottom: 35px;
}

.ftco-second .row .put-neutral .put-neutral-description button {
    border: none;
    background: black;
    color: white;
    font-weight: bold;
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 50px;
    transition: .3s ease;
}

.ftco-second .row .put-neutral .put-neutral-description button:hover {
    background: rgba(0, 0, 0, 0.795);
}


/* .ftco-second .row .image-posted {
    width: 50%;
    height: auto; 
    border: 1px solid black;
} */

.ftco-second .row .image-posted {
    /* width: 50%; */
    height: 500px;
    /* border: 1px solid black; */
    background: url(../images/hand.png) no-repeat center;
    background-size: cover;
}

.ftco-second .row .hand {
    height: 500px;
    background-size: cover;
}

.user-instruction {
    padding-top: 50px;
    padding-bottom: 50px;
    background: black;
    color: white;
}

.user-instruction .put-neutral-description {
    width: 90%;
    margin: auto;
    margin-bottom: 30px;
}

.user-instruction .put-neutral-description .title {
    text-align: center;
    color: white;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.user-instruction .container {
    margin-top: 40px;
    width: 90%;
    text-align: center;
}

.user-instruction .container i {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 5px;
}

.user-instruction .container .counter {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
}

.user-instruction .container h3 {
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: bold;
}

.ftco-third {
    padding-top: 60px;
    padding-bottom: 30px;
    margin-top: 100px;
    margin-bottom: 100px;
}

.ftco-third h1 {
    text-align: left;
}

.ftco-third .container {
    width: 50%;
    height: auto;
}

.ftco-third .sous {
    /* margin-bottom: 150px;
    margin-top: 150px; */
    width: 100%;
    /* height: 300px; */
    /* border: 2px solid red; */
}

.ftco-third .feuilles-decrites {
    /* height: auto; */
}

.ftco-third .image-inclinee {
    margin-top: -50px;
}

.ftco-third .image-inclinee img {
    width: 100%;
}

.ftco-fouth {
    background: rgba(85, 0, 17, 0.144);
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
}

.comma {
    float: left;
    background: rgb(199, 38, 65);
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 10px;
    border-radius: 50%;
    margin-right: 15px;
}

.comma i {
    color: white;
    font-size: 30px;
    font-weight: bold;
}

.brand {
    background: url(../images/brand.png) no-repeat top;
    background-size: cover;
}

.brand1 {
    background: url(../images/brand1.png) no-repeat center;
    background-size: cover;
}

.willy {
    background: url(../images/will.png) no-repeat center;
    background-size: cover;
}

.giannis {
    background: url(../images/giannis.png) no-repeat center;
    background-size: cover;
}

.edward {
    background: url(../images/edward.png) no-repeat center;
    background-size: cover;
}

.sandra {
    background: url(../images/sandra.png) no-repeat center;
    background-size: cover;
}

.ftco-fouth button {
    display: flex;
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    background: black;
    text-align: center;
    border: none;
    padding-right: 35px;
    padding-left: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
    transition: .5s ease;
}

.ftco-fouth button a {
    text-decoration: none;
    color: white;
    font-size: 15px;
    font-weight: 600;
}

.ftco-fouth button:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.788);
}

.send {
    transition: .5s ease;
}

.send:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.788) !important;
}

.contact {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}


/*contact*/

.ftco-section {
    /* background: rgb(201 211 201 / 42%); */
    /* padding: 6em 0; */
    position: relative;
    width: 100%;
    height: 600px;
}

.ftco-section .map {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.ftco-section .container {
    background: rgb(255, 255, 255);
    box-shadow: 0px 13px 20px 7px #7f7f7fab;
    border-radius: 10px;
    left: 10%;
    right: 10%;
    top: -10%;
    /* margin-left: 15px; */
    position: absolute;
    width: 80%;
    height: auto;
    z-index: 500;
}

.ftco-section .container .row {
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: center;
}

.ftco-section .container .row p {
    font-size: 15px;
    color: rgb(150, 150, 150);
}

.ftco-section .container .row h3 {
    font-size: 23px;
    font-weight: bold;
}


/* @media (max-width: 767.98px) {
    .ftco-section {
        padding: 6em 0;
    }
} */


/* .no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.contact-wrap {
    background: transparent;
} */


/* .form-group {
    margin-bottom: 30px;
}

.contactForm .label {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
} */


/* .contactForm .form-control {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.755);
    padding: 10px;
}

.contactForm .form-control {
    height: 36px;
    background: #fff;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    border-radius: 2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.contactForm .form-control::-input-placeholder {
    /* Chrome/Opera/Safari */


/* color: rgba(0, 0, 0, 0.5) !important;

} */


/* .contactForm .form-control:focus,
.contactForm .form-control:active {
    border-color: #b7472a !important;
}

.contactForm textarea.form-control {
    height: inherit !important;
}

#map {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

@media (max-width: 767.98px) {
    #map {
        height: 300px;
    }
} */

footer {
    /* margin-top: 100px; */
    margin-bottom: 0;
    width: 100%;
    height: auto;
    background: rgb(192, 191, 191);
}

footer .container {
    text-align: center;
}

footer .container .column {
    align-content: center;
}

footer .container .logo {
    margin: auto;
    /* width: 500px;
    height: 200px; */
}

footer .container .logo img {
    width: 50%;
    height: 30%;
    object-fit: fill;
}


/* footer .container .footer-logo {
    text-align: center;
    height: 200px;
    width: 100%;
    margin: auto;
    margin-bottom: 5px;
}

footer .container .footer-logo img {
    width: 100%;
    height: 100%;
} */

footer .container .footer-text {
    width: 60%;
    font-size: 15px;
    margin: auto;
    text-align: center;
    color: grey;
    margin-bottom: 25px;
}

footer .container .footer-icons {
    width: 30%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

footer .container .footer-icons i {
    background: rgba(128, 128, 128, 0.507);
    color: black;
    border-radius: 50%;
    padding: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}


/*animations*/

[class*="reveal-"] {
    opacity: 0;
    transform: translateY(30px);
}

.reveal {
    opacity: 0;
    transform: translateY(30px);
}

.reveal-visible {
    opacity: 1;
    transform: translate(0);
    transition: 2s cubic-bezier(.5, 0, 0, 1);
}

.reveal-2 {
    transition-delay: .1s;
}

.reveal-3 {
    transition-delay: .2s;
}

.reveal-4 {
    transition-delay: .3s;
}

.reveal-5 {
    transition-delay: .4s;
}

.reveal-6 {
    transition-delay: .5s;
}