@import url('https://use.fontawesome.com/releases/v5.0.10/css/all.css');
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-size: 14px; color: #000000;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/poppins-light-webfont.woff2') format('woff2'),
         url('../fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

::-webkit-input-placeholder {font-size: 18px;}
::-moz-placeholder {font-size: 18px;}
:-ms-input-placeholder {font-size: 18px;}
:-moz-placeholder {font-size: 18px;}
a {transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;}
/****************
 * Common Css
 ****************/

 /* header start */
header {background: #000000; padding: 10px 0;}
.heder-right {padding-top: 10px;}
.menu ul li, .h-login ul li {display: inline-block;}
.menu ul li a {color: #fff; font-family: 'poppinsregular'; font-size: 14px; display: block; padding: 0 5px;}
.menu ul li a:hover, .h-login ul li a:hover i {color: #ff2931;}
.h-login ul li {padding-left: 10px;}
.h-login ul li a i {font-size: 20px; color: #fff;transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;}
/* header end */

/* banner start */
.mainbanner {position:relative;}
.mainbanner .sliderimg {float:left;width:100%;height:593px;background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.bannertext {position:absolute;right:0px;left:0;top:40%; z-index: 1;}
.bannertext h1 {color: #fff; font-size: 80px; font-family: 'poppinslight';}
.bannertext h1 span {text-transform: uppercase; font-family: 'source_sans_probold';}
.commonslider .owl-carousel {display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
.commonslider .owl-carousel .owl-stage {position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden;}
.commonslider .owl-carousel .owl-stage:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.commonslider .owl-carousel .owl-stage-outer {position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);}
.commonslider .owl-carousel .owl-wrapper, .commonslider .owl-carousel .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);}
.commonslider .owl-carousel .owl-item {position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.commonslider .owl-carousel.owl-loaded {display:block;}
.commonslider .owl-carousel.owl-loading {opacity:0;display:block;}
.commonslider .owl-carousel.owl-hidden {opacity:0;}
.commonslider .owl-carousel.owl-refresh .owl-item {visibility:hidden;}
.commonslider .owl-carousel.owl-grab {cursor:move;cursor:grab;}
/* banner end /*

/* find your look */
.find-look {padding: 50px;}
.page-title {padding:0 0 70px 0;}
.page-title h2 {font-family: 'source_sans_probold'; font-size: 40px; text-transform: uppercase; position: relative; padding-bottom: 20px; border-bottom: 1px solid #171a21; display: inline-block;}
.page-title h2:after {position: absolute; content: ''; width: 20px; height: 35px; line-height: 32px; background-color: #fff; padding: 0px 25px; text-align: center; top: 77%; left: 0;right: 0; margin: auto; background-position: center; background-image: url(../images/title-logo.png); background-repeat: no-repeat; background-size: contain;}

.filter-button
{
    font-size: 18px;
    border-right: 1px solid #fb3336;
    padding: 5px 20px;
    text-align: center;
    color: #010101;
    margin-bottom: 30px;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    text-transform: uppercase;font-family: 'source_sans_probold';
}
.filter-button:last-child {border: none; padding-right: 0;}
.filter-button:hover, .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .w3-red
{
    font-size: 18px;
    border-radius: 0;
    text-align: center;
    color: #fb3336;
    background-color: inherit;
    outline: none;
    box-shadow: none;
}
.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}
.look-txt {padding-top: 20px; text-align: center;}
.look-txt h3 {text-transform: uppercase; font-size: 20px; color: #010101; font-family: 'source_sans_probold'; padding-bottom: 5px;}
.look-txt h4 {font-size: 18px; color: #7d7d7d; font-family: 'source_sans_probold'; padding-bottom: 10px;} 
.all-btn a {font-family: 'poppinsbold'; background: #001b07; color: #fff; text-transform: uppercase; padding: 10px 20px; display: inline-block; font-size: 16px; letter-spacing: 0.05em;}
.all-btn a:hover {background: #fb3336;}
/* find your look */

/* review start */
.review  {padding: 70px 0;}
#reviewslider {padding-bottom: 100px;}
.review-txt h2 {font-family: 'source_sans_probold'; font-size: 40px; text-transform: uppercase; padding-bottom: 10px;}
.review-txt h3 {font-family: 'poppinsbold'; font-size: 16px; color: #0d0a03;}
.review-txt .fas.fa-star {color: #fcce19;}
.review-txt p {font-family: 'poppinsregular'; font-size: 14px; color: #221f18; padding-bottom: 30px;}
#reviewslider, .review {position: relative;}
#reviewslider .owl-dots{position: absolute; left: 21%; right:0; bottom: 15%;}
#reviewslider .owl-dots .owl-dot {width: 10px; height: 10px; background: #848484; border-radius: 100%; display: inline-block; margin-left: 10px;}
#reviewslider .owl-dots .owl-dot.active {background:#000000;}
/* review end */

/* professionnel start */
.professionnel {background-image: url(../images/proffessional-2.png); padding: 70px 0; background-repeat: no-repeat;}
.professionnel .page-title {padding-right: 90px;}
.professionnel-detail {background: #e5e2db; padding: 20px; max-width: 450px; position: relative;}
.professionnel-detail h2 {font-family: 'source_sans_probold'; font-size: 40px; color: #3022b7; padding-bottom: 20px;}
.professionnel-detail ul {padding-bottom: 20px;}
.professionnel-detail ul li {font-family: 'poppinsbold'; font-size: 16px; color: #0d0a03; font-style: italic;}
.professionnel-detail p {font-family: 'poppinsregular'; font-size: 16px; color: #221f18; padding-bottom: 30px;}
.professionnel-detail span {position: absolute; left: 0; right: 0; bottom: -20px; text-align: center;}
/* professionnel end */

/* qualite start */
.qualite {padding: 70px 0 0 0;}
.qualite .naturel-bio {background-image: url(../images/bio-oil.jpg); padding: 70px 0; background-repeat: no-repeat; background-position: right;}
.qualite .page-title {padding-left: 155px;}
.qualite-detail {background: #e5e2db; padding: 20px; max-width: 450px; position: relative;}
.qualite-detail h2 {font-family: 'source_sans_probold'; font-size: 40px; color: #3022b7; padding-bottom: 20px;}
.qualite-detail p {font-family: 'poppinsregular'; font-size: 16px; color: #221f18; padding-bottom: 30px;}
.qualite-detail span {position: absolute; left: 0; right: 0; bottom: -20px; text-align: center;}
/* qualite end */

/* conseilsdepro start */
.conseilsdepro {background: #e2e2e2; padding: 70px 0;}
.conseilsdepro .page-title h2:after {background-color: #e2e2e2;}
.block-txt p {padding: 20px 0 10px 0; min-height: 75px; font-family: 'poppinsregular'; font-size: 16px;}
.conse {padding-top: 70px;}
/* conseilsdepro end */

/* e-shop start */
.products {padding: 70px 0;}
.products .boxinner .details {padding-top: 20px;}
.products .boxinner .details h3{ color:#000; font-size:18px; font-family: 'source_sans_probold'; text-transform:uppercase; padding:0 0 5px 0;}
 .products .boxinner .details p {font-family: 'poppinsbold'; color: #b6b6b6; font-size: 16px; padding-bottom: 5px;}
 .eshop-btn a {font-family: 'poppinsbold'; background: #dedede; color: #000; text-transform: uppercase; padding: 10px 20px; display: inline-block; font-size: 16px; letter-spacing: 0.05em;}
.eshop-btn a:hover {background: #fb3336; color: #fff;}
.products .owl-carousel .owl-item{ padding-bottom:15px}
#proslider {padding-bottom: 30px;}


.products .owl-nav{ position:absolute; left:0; top:35%; transform:translateY(-50%); width:100%;}
.products .owl-nav .owl-prev,
.products .owl-nav .owl-next{width:40px; height:42px; position:relative; cursor:pointer; background:rgba(0,0,0,0.8); text-align:center; transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;}
.products .owl-nav .owl-prev:after,
.products .owl-nav .owl-next:after{ position:absolute; left:15px; top:4px; content:''; font-family: 'Font Awesome 5 Free'; color:#fff; font-size:25px; font-weight: 900;}
.products .owl-nav .owl-prev{ float:left; margin-left:-45px}
.products .owl-nav .owl-next{ float:right; margin-right:-45px}
.products .owl-nav .owl-prev:after{ content:'\f104'}
.products .owl-nav .owl-next:after{ content:'\f105'; left:15px}
.products .owl-nav .owl-prev:hover,
.products .owl-nav .owl-next:hover{ background:#fb3336;}
/* e-shop */
/* influenceurs */
.influenceurs {padding: 70px 0; background: url(../images/influenceurs.jpg) no-repeat; background-size: cover;}
.influenceurs-heading h2 {font-family: 'source_sans_probold'; font-size: 30px; text-align: center; color: #010101;}
.influenceurs-heading h2 span {text-transform: uppercase; font-size: 40px; color: #ff2c43; padding: 0 10px; border-bottom: solid 2px #010101;}
.influenceurs-detail {padding-top: 50px;}
.influenceurs-detail img {border: solid 3px #2e252a; width: 100%; height: 100%; object-fit: cover;}
.influenceurs-detail h3 {font-family: 'poppinsbold'; font-size: 20px; font-style: italic; text-align: center; padding: 10px 0;}
.influenceurs-detail .score {background: url(../images/influenceurs-score.png) no-repeat; background-size: cover; font-family: 'poppinsbold'; text-align: center; width: 41px; height: 42px; margin: 0 auto; padding: 12px 0;}
/* influenceurs */
/* deviens */
.deviens {padding: 70px 0;}
.deviens h2 {text-align: center; font-family: 'source_sans_probold'; font-size: 40px; font-style: italic; padding-bottom: 50px; color: #000000;}
.phone-img img {float: right; padding-right: 20px;}
.phone-txt h3 {font-size: 30px; font-family: 'source_sans_probold'; color: #ff2c43; font-style: italic; padding-bottom: 50px;}
.phone-txt p {font-family: 'poppinsregular'; font-size: 16px; color: #010101; line-height: 22px; padding-bottom: 40px;}
.phone-txt p a {color: #3c9158;}
.phone-txt p a:hover {color: #ff2c43;}
.phone-txt p span {color: #ff2c43; font-size: 40px;}
.phone-txt h4 {text-align: center; padding-bottom: 40px;}
.phone-txt .bonus {font-family: 'poppinsbold'; padding-bottom: 0;}
.phone-txt .bonus span {font-size: 25px;}
/* deviens */
/* footer start */
footer {background: #161616; color: #fff; padding: 50px 0 60px 0;}
footer .f-block h3 {font-family: 'poppinsregular'; font-size: 18px; text-transform: uppercase; letter-spacing: 0.05em; padding-bottom: 10px; border-bottom: solid 1px #fff;}
footer .f-block ul {padding-top: 20px;}
footer .f-block ul li, footer .f-link ul li a {font-family: 'source_sans_proregular'; font-size: 16px; }
footer .f-block ul li {padding-bottom: 5px;}
footer .f-link ul li {position: relative; padding-left: 15px;}
footer .f-link ul li:before {content: "\f105"; font-family: 'Font Awesome 5 Free'; font-size: 15px; position: absolute; left: 0; top: -3px; font-weight: 900;}

footer .f-link ul li a {color: #fff;}
footer .f-link ul li a:hover {color: #ff2931;}
/* footer end */