.no-padding{padding: 0px !important;}
.no-margin{margin: 0px !important;}

.no-padding-top{padding-top: 0px !important;}
.no-padding-right{padding-right: 0px !important;}
.no-padding-bottom{padding-bottom: 0px !important;}
.no-padding-left{padding-left: 0px !important;}

p{word-wrap: break-word;}

/******** HEADER *********/
body.home .carousel-item{

}
/*header{padding: 10px 0px;}*/

header nav ul {text-align: right; padding-left: 0px; margin-bottom: 0px; position: relative;}

header nav ul > li{list-style-type: none;}

header nav ul > li a{color:#4b4b4b; text-transform: uppercase; /*letter-spacing: 1px;*/ font-size: 12px;}

header .logo h1{margin-bottom: 0px; margin-top: 0px;}

#btn-search{
    text-align: right;
    display: inline-block;
    color:#4b4b4b;
    font-size: 16px;
    padding-left: 30px;
}

#search-bar{display: none; clear: both;}

.navbar-toggler{float: right;}

@media screen and (min-width:1140px){
    header nav a{line-height: 53px;}

    header nav ul.sub-menu a{line-height: 25px;}
}

header nav a:hover{text-decoration: none; color:#000000;position: relative;}

.current-menu-item a{ color:#000000; position: relative;}

.search-input{padding: 5px 10px; border: 1px solid #dc3545; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 1px 0 white inset, 0 0 1px 0 white; float: right; width: 100%;}

form.search{position: relative;}

button.search-submit{position: absolute; border:0px; background: transparent; top:0px; right: 10px;}

.search-submit i{color:#dc3545; padding-top: 8px;}

body.home .carousel-item{height: 404px; background-size: contain !important; background-position: left !important;}
body:not(.home) .carousel-item{height: 404px; background-size: cover !important; background-position: left !important;}

@media screen and (max-width:1023px) and (min-width:768px){
    body.home .carousel-item{height: 404px; background-size: contain !important; background-position: center !important;}
    body:not(.home) .carousel-item{height: 404px; background-size: cover !important; background-position: center !important;}
}


@media screen and (max-width:991px){
    body.home .carousel-item{height: auto !important;}
    body:not(.home) .carousel-item{
        height: auto !important; background-image: none !important;
    }
}


/*.carousel-item > .row{padding: 100px 0px;}*/



.carousel-item .logo-banner, .carousel-item .text-banner{padding-bottom:50px;}
.ligne-boutons{width: 100%;}
.ligne-boutons.align_center{text-align: center;}
.ligne-boutons.align_left{text-align: left;}
.ligne-boutons.align_right{text-align: right;}
.ligne-boutons .bloc-lien{display: inline-block; width: auto; padding: 0 10px;  margin-bottom: 10px;}
.ligne-boutons .bloc-lien img{margin-bottom: 30px;}

.carousel-indicators{top:10px; left:inherit !important; right: 30px !important; margin: 0px !important;}
.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100%;
  }


header nav ul.sub-menu{list-style-type: none;}

li.menu-item-has-children{position: relative;}

header .current-menu-item a, header .current-menu-ancestor > a{color:#149434 !important; font-weight: 700;}
header .menu-item a:hover{color:#149434 !important;}

.carousel-item .desc_banner{padding:0 40px;}

/*.top-banner{padding-bottom: 50px;}*/

/******** HEADER *********/

/******** CONTENT *********/

/*main{padding: 50px 0px;}*/

p, h1, h2, h3, h4, a, span, strong, i, li { font-family: 'Montserrat', Arial, Helvetica, sans-serif;}

strong{font-weight: 700 !important;}

h2{font-size: 30px !important; font-weight: 600 !important;}


#container-child-menu{display: none;margin: 0 auto; position: absolute; top:79px; left:0px; right: 0px; background:rgba(255,255,255,0.5);   z-index: 20; padding:10px 0px;}

.bloc-colonne{ background-size: cover !important; background-position: center !important; max-width: 550px; display: block; margin: 0 auto;}
.bloc-colonne .title-row{font-size: 12px; font-weight: 700;}
.bloc-colonne .title-row .border-yellow, .bloc-colonne .title-row .border-grey{ padding: 5px 0px;}
.bloc-colonne .title-row p{margin-bottom: 5px;}

.bloc-colonne .row:not(.title-row){padding: 0 10px;}
.bigtitle{padding: 60px;}

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

a.btn-ginkor{padding: 5px 15px; border-radius: 15px; text-transform: uppercase; font-weight: 700; font-size: 17px; margin-bottom: 10px; border:1px solid #ffffff; color:#ffffff;}
a.btn-ginkor:hover{background: #fff; color:#4b4b4b !important;}

a.btn-ginkor.green-btn{background:#149434 !important; border:1px solid #149434 !important; }
a.btn-ginkor.green-btn:hover{background: #fff !important; color:#149434 !important;}

a.btn-ginkor.greenlight-btn{background:#97c133 !important; border:1px solid #97c133 !important; }
a.btn-ginkor.greenlight-btn:hover{background: #fff !important; color:#97c133 !important;}

a.btn-ginkor.orange-btn{background:#ed6c05 !important; border:1px solid #ed6c05 !important; }
a.btn-ginkor.orange-btn:hover{background: #fff !important; color:#ed6c05 !important;}

.bloc-colonne a.btn-ginkor{font-size: 12px;}
.btn-column .bouton-bloc{margin-bottom: 10px;}

.border-yellow {border-bottom: 1px solid #ffdb0a;}
.border-grey{border-bottom: 1px solid #c1c1c1;}

.col-image{background-size:cover !important; background-position: center !important;}

.bloc-3-colonnes .col-lg-4:last-child a.btn-ginkor{width: 200px; display: block;}
.bloc-3-colonnes .col-lg-4:last-child p {padding: 40px 0px;}
.bloc-2-colonnes .col-lg-6{padding:20px 0px 0px 0px;}
.bloc-2-colonnes .col-lg-6 .logo_colonne{ height: 90px;}
.bloc-2-colonnes .col-lg-6 .num_visa p{font-size: 10px; margin-top: -30px;}

.contenu-texte img{ margin-bottom: 0px;}


#jambes-lourdes-sensation .row2 .col-lg-6:last-child{padding:0px; background: #6cce5e;}
@media screen and (min-width:992px){
    #jambes-lourdes-sensation .row2 .col-lg-6:last-child:before{content:''; display:block; width:35px; height: 69px; background: url('/wp-content/uploads/2019/06/rectangle.png') no-repeat; top: 42%; position: absolute;}
}

#jambes-lourdes-sensation .row3{background: url('/wp-content/uploads/2019/06/decor-ligne-2.jpg') no-repeat; background-size: cover; padding: 20px 0px;}

#jambes-lourdes-sensation .row3 h2{margin-bottom: 20px !important;}
#jambes-lourdes-sensation .row3 p{margin-bottom: 5px !important;}

#jambes-lourdes-definition, #jambes-lourdes-solutions{max-width: 1120px !important; display:block; margin: 0 auto;}
#jambes-lourdes-solutions .notices, #hemorroide-solutions .notices{border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding:20px 0px;}
#jambes-lourdes-solutions .notices p, #hemorroide-solutions .notices p, #hemorroide-solutions .utilisation p{margin-bottom: 0px;}

#jambes-lourdes-solutions .ginkor-120{
    background-color: #27af48;
    position: relative;
}

#jambes-lourdes-solutions .ginkor-120 h2{
    color: #fff;
    text-transform: uppercase;
}

#jambes-lourdes-solutions .ginkor-120 h2::after{
    content: '';
    display: block;
    margin: 10px auto;
    background-color: #ffdb0a;
    width: 100px;
    height: 2px;
}

#jambes-lourdes-solutions .ginkor-120 .pack-120{
    position: absolute;
    top: 0px;
    right: 20px;
}

#jambes-lourdes-solutions .utilisation { padding:20px 0px;}

#jambes-lourdes-priviligiez{background: #149434;}
#jambes-lourdes-evitez{background: #286635;}

.padding-title h2{margin: 0px; padding:20px 0px;}



#hemorroide-sensation .row2 .col-xl-6:last-child{padding:0px; background: #ed6c05;}
@media screen and(min-width:1200px){
    #hemorroide-sensation .row2 .col-xl-6:last-child:before{content:''; display:block; width:35px; height: 69px; background: url('/wp-content/uploads/2019/06/rectangle-1.png') no-repeat; top: 42%; position: absolute;}
}


#hemorroide-definition, #hemorroide-solutions{max-width: 1120px !important; display:block; margin: 0 auto;}

#hemorroide-priviligiez{background: #ed6c05;}
#hemorroide-evitez{background: #b85602;}

#nos-solutions-double-indication > .col-lg-6:nth-child(1){
    background: #149434;
}
#nos-solutions-double-indication > .col-lg-6:nth-child(2){
    background: #ed6c05;
}

#nos-solutions-double-indication h3{font-size:22px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}

#nos-solutions-conseils .bloc-conseil h2{text-transform: uppercase; color:#4b4b4b; text-decoration: none !important; opacity: 0.4;}
#nos-solutions-conseils .bloc-conseil img{opacity: 0.4;}
#nos-solutions-conseils .lien-conseil.active h2{color:#fff;opacity: 1;}
#nos-solutions-conseils .lien-conseil.active img{opacity: 1;}
#nos-solutions-conseils .liste-liens-conseils > div.col-lg-6{background: #efefef;}
#nos-solutions-conseils .liste-liens-conseils > div.col-lg-6.active:nth-child(1){background: #ff6e35;}
#nos-solutions-conseils .liste-liens-conseils > div.col-lg-6.active:nth-child(2){background: #fe9524;}

.nos-solutions .carousel-item > .row{
    padding-top:1.5rem;
    align-items: start!important;
}

#nos-conseils h2{
    text-transform: uppercase;
}
#nos-conseils #nos-conseils-liste{
    background-color: #95133C;
}

#nos-conseils #nos-conseils-liste h2, #nos-conseils #nos-conseils-liste p{
    color: #fff;
}

.bloc-conseil-texte{display: none !important;}
.bloc-conseil-texte.active{display: flex !important;}

#nos-solutions-conseils .btn-bloc:hover{text-decoration: none !important;}

.bloc-icone .btn_icone_on{display:none;}

.bloc-icone {
    width: 114px !important;}

.liste_icones .col-lg-3{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ligne_icone.ligne_icone_off{display: none;}

#cosmetique .ligne-cosmetique:nth-child(even){background: #f8f8f8;}
#cosmetique .ligne-cosmetique p{margin-bottom: 0px;   line-height: 21px;}
#cosmetique .ligne-cosmetique .bloc_texte img{margin-bottom: 5px;}

.qui-sommesnous{max-width: 780px; margin: 0 auto;}
.lignes_quisommesnous{ border-bottom: 1px solid #c5c5c5;}

#mappy{width:100%; height: 400px;}

#exp_store_form{width: 100%; max-width: 550px; display: block; height: 60px; margin: 0 auto 40px;}

#search-map{width: calc(100% - 60px); float: left; height: 60px; border:2px solid #f5f5f5; padding: 0px 10px; font-size:16px;}
#btn-search-map{width: 60px; height: 60px; display: block; float: left; background: url('/wp-content/uploads/2019/05/search.png') center/80% no-repeat #149434;}

#hemorroide-sensation .big-padding-block p{line-height: 28px;}
.bloc-3-colonnes .twocolumnright .bouton-bloc:nth-child(1){
    margin-bottom: 20px !important;
}

.bloc-3-colonnes .twocolumnright .col-md-7{padding: 0 20px; width: 100%;    max-width: 240px !important;}
.bloc-3-colonnes .twocolumnright{padding: 10px 0px;}

.bloc-3-colonnes .onecolumn p{margin-bottom: 3px;}

#jambes-lourdes-sensation ul{ padding-left: 16px; list-style: none;}
  
#jambes-lourdes-sensation ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color:#fff; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */ 
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
  }
{}
  #mentions hr{margin-bottom: 30px !important; margin-top: 30px !important}


.bloc-conseil{padding: 0 15px !important;}

.column-ingredient{
    position: initial !important;
}

#les-ingredients h2{
    text-transform: uppercase;
    color: #95133C;
}

#les-ingredients .ingredient{
    width: 325px;
    height: 300px;
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
}

#les-ingredients .ingredient .overlay{
    border: 1px solid #000;
    opacity: 0;
    transition: opacity 0.5s;
}

#les-ingredients .ingredient .overlay span{
    border: 1px solid #000;
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.3);
    width: 240px;
    height: 40px;
    display:flex;
    align-items: center;
    justify-content: center;
}

#les-ingredients .ingredient:hover .overlay{
    opacity: 1;
    transition: opacity 0.5s;
}

#les-ingredients .modal-ingredient{
    opacity: 0;
    height: fit-content;
    max-height: 0px;
    position: absolute;
    z-index: 20;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    background-color: #fff;
    padding: 1em;
    transition: opacity 0.3s, max-height 0.3s;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}

#les-ingredients .modal-ingredient.active{
    opacity: 1;
    max-height: 530px;
    height: fit-content;
    transition: opacity 0.3s, max-height 0.3s;
}


.contact .champs-nom{
    display: inline-block;
    width: 50% !important;
}

/******** CONTENT *********/

/********* FOOTER *********/

footer{background: #ffffff; padding:30px 0px; position: relative; font-size: 12px;}

footer h3{ font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;}

footer .visa{text-align: center; padding-top: 10px;padding-bottom: 20px}
footer .copyright{text-align: center; padding-top: 30px;}
footer a{color:#000000;}
footer .widget_nav_menu ul{text-align: center; padding-left: 0; margin-bottom: 0; position: relative;}
footer .widget_nav_menu ul li{list-style-type: none; display: inline; padding: 0 5px;}
footer .widget_nav_menu ul li a{color:#4b4b4b; text-transform: uppercase; letter-spacing: 1px;}
footer .widget_nav_menu ul li a:hover{text-decoration: none;}
footer hr{border-top: 2px solid #6c6c6c!important;}
footer #nav_menu-3{
    float: left;
}

.privacy-policy .display--medicaments{
    display: none;
}

/********* FOOTER *********/




/******** MEDIA QUERIES *********/

@media screen and (min-width:768px){
    img.pack-produit{margin-left: -40px;}

    .five-columns div.col-md-2{flex: 0 0 20%; max-width: 20%;}

    .spacer { margin:0; padding:0; height:50px; }
    #sensation-lourdeur .col-md-7,  #sensation-lourdeur .col-md-5{padding: 0px;}
    #sensation-lourdeur .col-md-7 img{float: right;}
    #sensation-lourdeur .col-md-5 img{float: left;}

    /*.main-content .container > div.row{padding: 30px 0px;}
    .main-content .container > div.row.little-padding{padding: 50px 0px;}*/

    #schema-circulation h2{margin-bottom: 40px;}

    .modal-ingredient{
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
    }
    #ingredient-3, #ingredient-4{
        top: 0px;
    }
    /*#ingredient-0{
        right: 0px;
        top: 0px;
    }
    #ingredient-1{

    }
    #ingredient-2{
        left: 0px;
        top: 0px;
    }
    #ingredient-3, #ingredient-4{
        top: 0px;
    }*/
    #les-ingredients .modal-ingredient .btn-close{
        display: none;
    }
    
}

@media screen and (max-width:767px){
    #les-ingredients .modal-ingredient{
        position: fixed;
        bottom:0px;
        left: 0px;
        overflow-y: scroll;
        z-index: 200;
    }

    #les-ingredients .modal-ingredient .btn-close{
        width: 24px;
        border: 0px;
        background-color: transparent;
        padding: 0px;
        float: right;
        fill: #868686;

    }

    footer div.row > div{
        padding-top: 10px;
    }
    
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
        padding: 10px 0px;
    }
    
    .spacer { margin:0; padding:0; height:20px; }

    /*.main-content .container > div.row{padding: 30px 0px;}*/

    #schema-circulation h2{margin-bottom: 20px;}

    ul.list-btn{text-align: center;}
    ul.list-btn li{ display: inline-block;}

    .navbar-toggler{    margin-top: -128px; }

    .logo-img{max-width: 270px !important;}

    .search-input{width: 95%; float: right;}

    header .col-md-8, header .col-md-8 nav{padding-top: 0px; padding-bottom: 0px;}

    a.btn-ginkor{
        display: block;
        text-align: center;
        width: fit-content;
    }
}

@media screen and (min-width:992px){
    header nav ul > li{display: inline-block;}
    /*header nav ul.main-menu > li > a:not(#btn-search):hover:after{content:''; display: block; position: absolute; bottom:20px; background: #9bc133; margin: 0 auto; height: 3px; width: 40px; left:0px; right: 0px;}*/

    header nav ul.sub-menu{ position: absolute;
        left: 0px;
        top:62px;
        z-index: 200;
        width: 100%;
        text-align: center;
        display: none;
        padding: 10px 0px;
    }

    #jambes-lourdes-sensation .big-padding-block{padding:30px 100px;}

    #hemorroide-sensation .big-padding-block{padding:15px 60px;}

    #hemorroide-sensation .big-padding-block-2{padding:10px 60px;}

    .carousel-item > .row > .col-md-6{padding-left:30px;}

    .bloc-colonne{height: 330px;}
    #nos-solutions-double-action .col-lg-6:first-child{padding-top:120px;}

    #cosmetique .column_image{min-height: 680px; background-size: contain !important;}
    #cosmetique .column_image.invert_column{background-position: top right !important; }
    .no-padding-desktop{padding: 0px !important;}
}

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

    .carousel-item > .row > .col-md-6{padding:0px 30px;}

    .navbar-collapse ul li{padding: 5px 0px;}

    .navbar-collapse ul li:not(:last-child){border-bottom: 1px solid #ededed;}

    .big-padding-block{padding:20px 50px;}

    .big-padding-block-2{padding:10px 50px;}

    
    #cosmetique .column_image{background-position: center !important; background-size:contain !important;min-height: 500px;}

    .bloc-2-colonnes img{display: block; margin: 5px auto 20px !important; height: auto;}
    .carousel-item .desc_banner{ padding: 0px 20px !important;}
}

@media screen and (max-width:1180px) and (min-width:992px){
    header nav ul > li a{padding: 30px 10px;}
    #btn-search{padding-left: 10px;}

    header nav ul > li a{padding: 30px 5px !important;}
}

@media screen and (min-width:1181px){
    header nav ul > li > a{padding: 30px 10px !important;}
}

@media screen and (max-width:991px) and (min-width:550px){
    .bloc-3-colonnes .bloc-colonne > .content-bloc{padding:30px 0px;}
}

@media screen and (max-width:1199px) and (min-width:992px){
    .col-image{min-height: 500px;}
}

@media screen and (max-width:991px) and (min-width:500px){
    .col-image{min-height: 400px;}
}

@media screen and (max-width:499px){
    .col-image{min-height: 300px;}
}

@media (min-width: 1200px){
    .header .container {
        max-width: 1210px ;
    }

    .main-content .container{
        padding: 0px;
    }
    .main-content .container, #container-child-menu {
        max-width: 1280px ;
    }
}

.pum-content a{
    border: 1px solid #315b7c;
    border-radius: 30px;
    padding: 5px 20px;
    font-weight: 500;
    color: #315b7c;
    text-transform: uppercase;
}

.pum-content img{
    height: 60px !important;
    width: auto !important;
}

/******** MEDIA QUERIES *********/