@charset "UTF-8";
/*
Theme Name: Miloa - Veterinary Expert
Author: GWMA - Gasquy Web Marketing Agency
Author URI: https://gwma.eu
Description: Responsive and customized Wordpress theme created by GWMA for Miloa SPRL.
Version: 0.1
License: Private
Text Domain: miloa
*/
html, body {
  font-family: "Roboto", sans-serif !important;
  font-size: 16px;
  font-weight: lighter;
}

iframe {
  border: none !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Dosis", sans-serif !important;
  font-weight: lighter !important;
}

html, body, h1, h2, h3, h4, h5, h6 {
  color: #5f6062;
}

h1 {
  color: #e0005b !important;
}

a {
  text-decoration: none !important;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

/*effect-underline*/
a.effect-underline:after {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transform: scale(0, 1);
}

a.effect-underline:hover:after {
  text-decoration: none !important;
  opacity: 1;
  transform: scale(1);
}

.mil_h1 {
  font-size: 36px;
}

.mil_h2 {
  font-size: 30px;
}

.mil_h3 {
  font-size: 24px;
}

.mil_h4 {
  font-size: 18px;
}

.mil_h5 {
  font-size: 14px;
}

.mil_h6 {
  font-size: 12px;
}

.mil_fs_20 {
  font-size: 20px;
}

.nopadding {
  padding: 0;
}

.noPadSides {
  padding-left: 0;
  padding-right: 0;
}

.nopadding-l {
  padding-left: 0;
}

.nopadding-r {
  padding-right: 0;
}

/***********
  BUTTONS
***********/
.mil-btn {
  border-radius: 0 !important;
  padding: 7px 35px;
  font-family: "Dosis", sans-serif !important;
  font-size: 20px;
  cursor: pointer;
  transition: ease 0.25s;
}
.mil-btn:hover {
  text-decoration: none;
}

.mil-btn-fushia {
  color: #FFF;
  background-color: #e0005b;
}

.mil-btn-grey {
  color: #FFF;
  background-color: #5f6062;
}

.mil-btn-white {
  display: inline-block;
  text-align: center;
  font-weight: lighter;
  color: #e0005b;
  background-color: #FFF;
  padding: 0.6rem 2.5rem;
  border: 1px solid #e0005b;
  border-radius: 0;
  margin: 35px auto 15px auto;
  transition: 0.5s ease;
}
.mil-btn-white:focus, .mil-btn-white:hover, .mil-btn-white:active {
  color: #FFF !important;
  background-color: #e0005b;
}

.mil_btn-readm_1 {
  display: block;
  text-align: center;
  font-weight: lighter;
  color: #e0005b;
  background-color: #FFF;
  border: 1px solid #e0005b;
  border-radius: 0;
  margin: 35px auto 15px auto;
  transition: 0.5s ease;
}
.mil_btn-readm_1:hover, .mil_btn-readm_1:focus, .mil_btn-readm_1:active {
  color: #FFF;
  background-color: #e0005b;
}

/**
  custom containers
 */
.mil-container-box-shadowed {
  padding: 30px 0 50px 0;
  background-color: #FFF;
  box-shadow: 1px 2px 5px #DCDCDC;
}

/**********************
* Miloa colors
* ------------
* NOTE: do not change the name of these classes.
* They are used in functions.php to dynamically customize every titles
***********************/
.fuchsia-logo {
  color: #e0005b !important;
}

.fuchsia-light-logo {
  color: #ed8293 !important;
}

.grey {
  color: #5f6062 !important;
}

.grey-light {
  color: #9b9da0 !important;
}

.aliments-complementaires, .huiles-essentielles, .shampooings {
  color: #5f6062 !important;
}

.anti-ageing {
  color: #8e9397 !important;
}

.anti-ox {
  color: #007D32 !important;
}

.cardio-supp {
  color: #de1557 !important;
}

.consti-regul {
  color: #2a1b0b !important;
}

.digest-regul {
  color: #920058 !important;
}

.energy-supp {
  color: #007abd !important;
}

.gastro-supp {
  color: #d50058 !important;
}

.hepa-supp {
  color: #820c0c !important;
}

.immune-supp {
  color: #9c6fae !important;
}

.mobility-supp {
  color: #c8a151 !important;
}

.omega-supp {
  color: #f59c4b !important;
}

.reno-pro {
  color: #f4b633 !important;
}

.zen-supp {
  color: #48358f !important;
}

.ultra-care {
  color: #f5bcc2;
}

.ultra-pure {
  color: #757c4f;
}

.ultra-silk {
  color: #d4be97;
}

.ultra-sweet {
  color: #5975b2;
}

.respi-miloa {
  color: #b81b86;
}

.der-miloa {
  color: #44b05e;
}

.flex-miloa {
  color: #c8a151 !important;
}

.zen-miloa {
  color: #3f2682;
}

.gastro-miloa {
  color: #d50058;
}

/**
  Miloa background colors
 */
.bg_fuchsia-logo {
  background-color: #e0005b !important;
}

.bg_fuchsia-light-logo {
  background-color: #ed8293 !important;
}

.bg_grey {
  background-color: #5f6062 !important;
}

.bg_grey-light {
  background-color: #9b9da0 !important;
}

.bg_anti-ageing {
  background-color: #8e9397 !important;
}

.bg_anti-ox {
  background-color: #007D32 !important;
}

.bg_cardio-supp {
  background-color: #de1557 !important;
}

.bg_consti-regul {
  background-color: #2a1b0b !important;
}

.bg_digest-regul {
  background-color: #920058 !important;
}

.bg_energy-supp {
  background-color: #007abd !important;
}

.bg_gastro-supp {
  background-color: #d50058 !important;
}

.bg_hepa-supp {
  background-color: #820c0c !important;
}

.bg_immune-supp {
  background-color: #9c6fae !important;
}

.bg_mobility-supp {
  background-color: #c8a151 !important;
}

.bg_omega-supp {
  background-color: #f59c4b !important;
}

.bg_reno-pro {
  background-color: #f4b633 !important;
}

.bg_zen-supp {
  background-color: #48358f !important;
}

.bg_ultra-care {
  background-color: #f5bcc2;
}

.bg_ultra-sweet {
  background-color: #5975b2;
}

.bg_respi-miloa {
  background-color: #b81b86;
}

.bg_der-miloa {
  background-color: #44b05e;
}

.bg_flex-miloa {
  background-color: #c8a151;
}

.bg_zen-miloa {
  background-color: #3f2682;
}

.bg_gastro-miloa {
  background-color: #d50058;
}

/**
  LAYOUT
 */
/**  Bloc social media */
#mil-social-media {
  /**
    MEMO : other sm link position styles in miloa.js
   */
}
#mil-social-media .mil-sm-bloc {
  position: fixed;
  right: -100px;
  z-index: 1050;
  padding: 0 0 0 5px;
  margin-bottom: 20px;
  width: 150px;
  height: 50px;
  color: #fff;
  background-color: #e0005b;
}
#mil-social-media #mil-fb p, #mil-social-media #mil-insta p, #mil-social-media #mil-yt p {
  height: 40px;
}
#mil-social-media #mil-fb p span, #mil-social-media #mil-insta p span, #mil-social-media #mil-yt p span {
  display: inline-block;
  padding-left: 65px;
}
#mil-social-media #mil-fb {
  top: 50%;
}
#mil-social-media #mil-fb p {
  background: url("assets/images/logo_sm_fb_layout.png") no-repeat center left/40px auto;
}
#mil-social-media #mil-insta p {
  background: url("assets/images/logo_sm_insta_layout.png") no-repeat center left/40px auto;
}
#mil-social-media #mil-yt p {
  background: url("assets/images/logo_sm_yt_layout.png") no-repeat center left/40px auto;
}

/**
  20210208 TMP 10 ans Miloa
 */
#mil-10years {
  position: fixed;
  top: 60%;
  left: 0;
  z-index: 1;
}
#mil-10years a {
  display: block;
  height: 100px;
  width: 100px;
}
#mil-10years a img {
  display: block;
  position: absolute;
  transition: all 0.4s ease;
}
#mil-10years a img:nth-child(1) {
  filter: alpha(opacity=100);
  /* IE stuff */
  opacity: 1;
  z-index: 6;
}
#mil-10years a img:nth-child(1):hover {
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 4;
}
#mil-10years a img:nth-child(1):nth-child(2) {
  filter: alpha(opacity=0);
  /* IE stuff */
  opacity: 0;
  z-index: 6;
}
#mil-10years a img:nth-child(1):nth-child(2):hover {
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 4;
}

/**    HEADER     */
header {
  margin-bottom: 50px;
}

#header-basic {
  margin-bottom: 250px;
}

/**    LOGO     */
#logo {
  position: fixed;
  top: 0;
  z-index: 1;
  background-size: cover;
  margin-left: 70px;
}

/************************
     MAIN MENU & logo
 ***********************/
#menu-bg {
  position: fixed;
  top: -120px;
  z-index: 100;
  width: 100%;
  height: 111px;
  opacity: 1;
  background-color: #FFF;
  box-shadow: 1px 1px 5px #dcdcdc;
}

nav.main-nav {
  font-family: "Dosis", sans-serif !important;
  text-transform: uppercase;
  position: fixed;
  width: 100%;
  padding: 0;
  z-index: 102;
  /* MEMO : positionnement à vérifier */
  border-radius: 0;
}

nav.main-nav > div.container-fluid {
  position: relative;
}

.menu-item-language > a {
  max-height: 50px !important;
  vertical-align: middle;
}

.menu-item-language img {
  height: 20px;
}

/** Bootstrap's effects on the FIRST level a when sub-menu is opened  **/
ul.navbar-nav .open > a,
ul.navbar-nav .open > a:focus,
ul.navbar-nav .open > a:hover,
ul.navbar-nav .open > a:active {
  background-color: #e0005b;
}

/* MAIN MENU -  dropdown-menu */
/** Bootstrap's effects on the SECOND level a  **/
ul.navbar-nav .dropdown-menu li a:focus,
ul.navbar-nav .dropdown-menu li a:hover,
ul.navbar-nav .dropdown-menu li a:active,
ul.navbar-nav .dropdown-menu li.active a {
  color: #5f6062;
  background-color: #e8e8e8;
}

ul.navbar-nav .dropdown-menu > li > a {
  text-align: center;
}

/* Note: hr created dynamically in miloa.js */
ul.navbar-nav .dropdown-menu hr {
  width: 70%;
  margin: 5px auto;
}

/***************
    SEARCH
 ***************/
#sForm {
  position: absolute;
  z-index: 101;
}

#sForm input[type=search], button[type=submit],
#sFormFaq input[type=search], button[type=submit] {
  height: 30px;
  border: 1px solid #5f6062;
  border-radius: 0;
}

#sForm button[type=submit],
#sFormFaq button[type=submit] {
  color: #e0005b;
}

#sFormFaq {
  padding: 0;
}
#sFormFaq input[type=search], #sFormFaq button[type=submit] {
  height: 60px;
}
#sFormFaq button[type=submit] {
  width: 55px;
}

/* Link back to the search results list list */
.row-link-backsearchlist {
  margin: 25px;
}

.link-backsearchlist {
  color: #e0005b !important;
}

/******************
    CAROUSELS
 ******************/
#main-slider {
  box-shadow: 1px 2px 5px #DCDCDC;
}

/**
    Carousels -> .carousel-inner
 */
#miloa-page-carousel-testi > div.carousel-inner {
  padding-bottom: 20px;
  min-height: 487.25px;
  /* MEMO: à ajuster avec ergolayout */
  margin-left: 20px;
}

/**
    Carousels -> .item
 */
/* For screens larger than 2.500 px */
#main-slider > div.carousel-inner > div.item > img {
  min-width: 100%;
}

#miloa-home-carousel-testi div.item img,
#miloa-page-carousel-testi div.item img {
  margin-top: 20px;
}

#home-testi-title-slide {
  margin-top: 0 !important;
}

/**
    Carousels navigation -> .carousel-control
 */
#main-slider a.carousel-control.left,
#main-slider a.carousel-control.right,
#miloa-home-carousel-testi a.carousel-control.left,
#miloa-home-carousel-testi a.carousel-control.right,
#miloa-page-carousel-testi a.carousel-control.left,
#miloa-page-carousel-testi a.carousel-control.right {
  opacity: 1 !important;
  background-image: none !important;
  /*linear-gradient(to right,rgba(195,50,95,.5) 0,rgba(0,0,0,.0001) 100%);*/
  margin-left: 20px !important;
  margin-right: 20px !important;
}

a.left > img.icon-prev,
a.right > img.icon-next {
  display: block;
  width: 12%;
  height: auto;
  opacity: 1;
}

a.left > img.icon-prev {
  left: 20%;
}

a.right > img.icon-next {
  right: 20%;
}

#miloa-home-carousel-testi a.left > img.icon-prev,
#miloa-page-carousel-testi a.left > img.icon-prev {
  top: 100px !important;
  left: 30%;
}

#miloa-home-carousel-testi a.right > img.icon-next,
#miloa-page-carousel-testi a.right > img.icon-next {
  top: 100px !important;
  right: 30%;
}

/**
    Carousels text -> .carousel-caption
 */
#main-slider div.carousel-caption {
  left: 0 !important;
  bottom: 80px;
  width: 100%;
  padding: 0 !important;
  min-height: 100px;
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.85) !important;
  background-color: rgba(255, 255, 255, 0.7);
}

#main-slider div.carousel-caption h2 {
  text-transform: uppercase !important;
  font-weight: normal !important;
  letter-spacing: 0.03em;
  max-width: 90%;
  margin: 0 auto;
  padding: 20px 0 15px 0;
}

#miloa-home-carousel-testi .carousel-caption h3,
#miloa-page-carousel-testi .carousel-caption h2 {
  color: #e0005b !important;
}

#miloa-home-carousel-testi div.carousel-caption, #miloa-page-carousel-testi div.carousel-caption {
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding-top: 0;
  text-align: left !important;
  color: #5f6062 !important;
  text-shadow: none !important;
}

/**
    Carousels navigation -> carousel-indicators
 */
#main-slider ol.carousel-indicators {
  bottom: 15px;
}

#main-slider ol.carousel-indicators li {
  width: 15px;
  height: 15px;
  background-color: white;
  border: 1px solid #e0005b;
  border-radius: 0 !important;
}

#main-slider ol.carousel-indicators li.active {
  width: 18px;
  height: 18px;
  background-color: #c3325f;
  border: 1px solid rgba(195, 50, 95, 0.5);
  border-radius: 0 !important;
}

/*************
    CONTENT
 *************/
#container-bg {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 750px;
}

.container-basic {
  padding: 35px;
  background-color: rgba(255, 255, 255, 0.97);
  box-shadow: 1px 2px 5px #DCDCDC;
}
.container-basic h1 {
  margin-bottom: 20px !important;
}

.paddTop0 {
  padding-top: 0 !important;
}

.paddTop20 {
  padding-top: 20px;
}

.paddTop30 {
  padding-top: 30px;
}

.paddTop40 {
  padding-top: 40px;
}

.paddTop60 {
  padding-top: 60px;
}

.paddTop80 {
  padding-top: 80px;
}

.paddTop100 {
  padding-top: 100px;
}

.paddBot00 {
  padding-bottom: 0 !important;
}

.paddBot20 {
  padding-bottom: 20px;
}

.paddBot30 {
  padding-bottom: 30px;
}

.paddBot40 {
  padding-bottom: 40px;
}

.paddBot60 {
  padding-bottom: 60px;
}

.paddBot80 {
  padding-bottom: 80px;
}

.paddBot100 {
  padding-bottom: 100px;
}

.margTop0 {
  margin-top: 0 !important;
}

.margTop20 {
  margin-top: 20px;
}

.margTop30 {
  margin-top: 30px;
}

.margTop40 {
  margin-top: 40px;
}

.margTop60 {
  margin-top: 60px;
}

.margTop80 {
  margin-top: 80px;
}

.margTop100 {
  margin-top: 100px;
}

.margBot0 {
  margin-bottom: 0 !important;
}

.margBot20 {
  margin-bottom: 20px;
}

.margBot30 {
  margin-bottom: 30px;
}

.margBot40 {
  margin-bottom: 40px;
}

.margBot60 {
  margin-bottom: 60px;
}

.margBot80 {
  margin-bottom: 80px;
}

.margBot100 {
  margin-bottom: 100px;
}

/******************
    FRONT-PAGE
*******************/
.container-frontpage {
  background: url("assets/images/home_bg_navblocs.jpg") no-repeat top center;
  background-size: contain;
  margin-top: 100px;
  margin-bottom: 20px;
}

/* FRONT-PAGE - navblocs*/
#miloa-row-navbloc {
  margin-top: 180px;
  margin-bottom: 30px;
}

.miloa-home-navbloc {
  position: relative;
  height: 350px;
  border: 1px solid #e0005b;
  margin-bottom: 50px;
  background-color: rgba(255, 255, 255, 0.8);
}

.miloa-home-navbloc-pictop, .miloa-home-navbloc-link {
  position: absolute;
  padding: 0;
}

.miloa-home-navbloc-pictop {
  position: absolute;
  top: -32px;
  width: 175px;
  height: 185px;
  background-color: #fff;
  box-shadow: 1px 1px 10px #9b9da0;
}

.miloa-home-navbloc-pictop img {
  margin: 0 auto;
  transition: ease-in 0.15s;
}

.miloa-home-navbloc-pictop img:hover {
  transform: rotateZ(20deg);
}

.miloa-home-navbloc-content {
  text-align: center;
  text-transform: uppercase;
  font-weight: lighter !important;
}

.miloa-home-navbloc-content h2 {
  font-weight: 300 !important;
}

.miloa-home-navbloc-link {
  width: 157px;
  bottom: -16px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  text-align: center;
  background-color: #e0005b;
}
.miloa-home-navbloc-link > a {
  color: #FFF !important;
}

.miloa-home-slider-testi .slide-arrow {
  position: absolute;
  top: 10%;
  margin-top: -15px;
}
.miloa-home-slider-testi .prev-arrow {
  left: -5%;
}
.miloa-home-slider-testi .next-arrow {
  right: -5%;
}

/* FRONT-PAGE - news */
#home-more-news a {
  margin-top: 70px;
}

/* FRONT-PAGE - testimonials */
#home-testi-container {
  padding: 30px 0 50px 0;
}

section#home-testi-container h2 {
  color: #e0005b;
}

div#miloa-home-carousel-testi h4 {
  text-transform: uppercase;
}

/**
  VIDEO YOUTUBE
 */
section#mil-home-video-bloc h2 {
  text-align: center;
  color: #e0005b;
}

.slide-arrow {
  position: absolute;
  top: 35%;
}
.slide-arrow img {
  width: 25px;
  height: 40px;
}

.prev-arrow {
  left: -4%;
}

.next-arrow {
  right: -4%;
}

#video-list-bloc {
  padding: 1.5rem;
}

.video-prod-first-term-name {
  display: inline-block;
  width: inherit;
  margin-top: 1rem;
  text-align: center;
  text-transform: uppercase;
}

/**
  Video slider product
 */
.mil-video-slider-prod-wrapper {
  background-color: white;
  padding: 0 !important;
}

/**
  VIDEO banner above the footer
 */
section#mil-banner-video .slick-list {
  height: auto;
}
section#mil-banner-video .mil-banner-video-title {
  color: white !important;
  text-transform: uppercase;
}
section#mil-banner-video .video-prod-first-term-name {
  color: white !important;
}
section#mil-banner-video .mil-btn-white {
  margin: 3rem !important;
}

.video-frame {
  margin-bottom: 0.75rem;
}

.mil-video-press-title {
  margin: 0 0 1rem 0 !important;
}

#home-banner {
  width: 100%;
  height: auto;
  background-color: #e0005b;
  margin-top: 50px;
  padding-top: 20px;
  display: none; 
}
#home-banner #home-banner-title {
  color: #fff !important;
  font-size: 3em;
}
#home-banner .home-banner-content {
  color: #fff;
  font-size: 2em;
}

/*****************************************
    CONTENT - ADN
 ****************************************/
/*****************************************
    CONTENT - présentation gamme produits
 ****************************************/
.custom-text-rangeprods {
  text-align: justify;
}

.mil-prodsrange-txt {
  margin-bottom: 30px;
}

.bloc-prod {
  margin-bottom: 35px;
}

.bloc-prod h3 {
  margin-bottom: 15px;
  text-transform: uppercase;
}

.bloc-prod > p {
  height: 120px;
  overflow: hidden;
}

.bloc-prod > a.btn {
  display: block;
  text-align: center;
  font-weight: lighter;
  color: #e0005b;
  background-color: #FFF;
  border: 1px solid #e0005b;
  border-radius: 0;
  margin: 35px auto 15px auto;
  transition: 0.5s ease;
}

.bloc-prod > a.btn:focus,
.bloc-prod > a.btn:hover,
.bloc-prod > a.btn:active {
  color: #FFF;
  background-color: #e0005b;
}

/*****************************
    CONTENT - fiche produit
 ****************************/
h1.prod-title {
  font-weight: 300;
  font-size: 40px;
}

.prod-title, a.prod-title {
  text-transform: uppercase !important;
}

.mil_bold {
  font-weight: 400;
}

.prod_ref {
  font-weight: lighter;
  font-family: "Roboto", sans-serif !important;
  font-size: 13.92px;
}

.prod-row2 {
  margin-top: 20px;
}

ul.prod-adv-list li::before {
  content: "•";
  font-size: 32px;
  color: #5f6062;
  padding-right: 5px;
}

.prod-adv-item {
  font-family: "Dosis", sans-serif !important;
  font-size: 36px;
  font-weight: lighter !important;
  text-transform: uppercase;
}

.prod-excerpt-bloc {
  margin-top: 25px;
  text-align: justify;
  font-weight: 400;
}

ul.prod-list-data {
  list-style: none;
  padding: 0;
  margin: 0;
}

.prod-list-data li {
  padding-left: 0.8em;
  text-indent: -0.7em;
}

/* Class added to Bootstrap cols */
.prod-colored-bloc {
  padding: 0 10px 5px 10px;
}

/* Class added to a simple div */
.prod-colored-bloc-div {
  display: inline-block;
  width: 100%;
  padding: 0 10px 5px 10px;
}

/* Anti Ageing */
#AA-color-bloc, .bg_anti-ageing_light {
  background-color: rgba(154, 155, 156, 0.2);
}

/* Anti Ox */
#AO-color-bloc, .bg_anti-ox_light {
  background-color: rgba(0, 125, 50, 0.2);
}

/* Cardio Supp */
#CS-color-bloc, .bg_cardio-supp_light {
  background-color: rgba(222, 21, 87, 0.2);
}

/* Consti Regul */
#CR-color-bloc, .bg_consti-regul_light {
  background-color: rgba(42, 27, 11, 0.2);
}

/* Digest Regul */
#DR-color-bloc, .bg_digest-regul_light {
  background-color: rgba(146, 0, 88, 0.2);
}

/* Energy Supp */
#ES-color-bloc, .bg_energy-supp_light {
  background-color: rgba(0, 122, 189, 0.2);
}

/* Gastro Supp Mioa */
#GS-color-bloc, .bg_gastro-supp_light {
  background-color: rgba(213, 0, 88, 0.2);
}

/* Hepa supp */
#HS-color-bloc, .bg_hepa-supp_light {
  background-color: rgba(130, 12, 12, 0.2);
}

/* Immune Supp */
#IS-color-bloc, .bg_immune-supp_light {
  background-color: rgba(156, 111, 174, 0.2);
}

/* Mobility Sup */
#MS-color-bloc, .bg_mobility-supp_light {
  background-color: rgba(200, 161, 80, 0.2);
}

/* Omega Supp */
#OS-color-bloc, .bg_omega-supp_light {
  background-color: rgba(245, 156, 75, 0.2);
}

/* Reno Pro */
#RP-color-bloc, .bg_reno-pro_light {
  background-color: rgba(244, 182, 51, 0.2);
}

/* Zen Supp */
#ZS-color-bloc, .bg_zen-supp_light {
  background-color: rgba(72, 53, 143, 0.2);
}

/* Ultra Care */
#UC-color-bloc, .bg_ultra-care_light {
  background-color: rgba(245, 188, 194, 0.2);
}

/* Ultra Sweet */
#US-color-bloc, .bg_ultra-sweet_light {
  background-color: rgba(89, 117, 178, 0.2);
}

/* Ultra Pure */
#UP-color-bloc, .bg_ultra-pure_light {
  background-color: rgba(117, 124, 79, 0.2);
}

/* Ultra Silk */
#USI-color-bloc, .bg_ultra-silk_light {
  background-color: rgba(212, 190, 151, 0.2);
}

/* Der Miloa */
#DerM-color-bloc, .bg_der-miloa_light {
  background-color: rgba(68, 176, 94, 0.2);
}

/* Flex Miloa */
#FM-color-bloc, .bg_flex-miloa_light {
  background-color: rgba(200, 161, 80, 0.2);
}

/* Respi Miloa */
#RM-color-bloc, .bg_respi-miloa_light {
  background-color: rgba(184, 27, 134, 0.2);
}

/* Zen Miloa */
#ZM-color-bloc, .bg_zen-miloa_light {
  background-color: rgba(63, 38, 130, 0.2);
}

/**
* Content - fiche produit - menu
*/
.product-sheet-menu-collapse, .video-list-collapse-link {
  display: inline-block;
  width: 100%;
  height: 100px;
  font-family: "Dosis", sans-serif !important;
  font-size: 30px;
  color: #fff;
  background-color: #e0005b;
}
.product-sheet-menu-collapse span, .video-list-collapse-link span {
  display: inline-block;
}
.product-sheet-menu-collapse span i, .video-list-collapse-link span i {
  right: 85%;
}
.product-sheet-menu-collapse:hover, .video-list-collapse-link:hover {
  color: #fff;
}

#product-sheet-menu-container, #video-list-bloc {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  z-index: 100;
  box-shadow: 3px 3px 6px #ececec;
  background-color: #fff;
}
#product-sheet-menu-container ul > li a, #video-list-bloc ul > li a {
  text-transform: uppercase;
}
#product-sheet-menu-container ul > li:hover, #video-list-bloc ul > li:hover {
  background-color: #9b9da0;
}

/*****************************
    CONTENT - team
 ****************************/
#head-teams {
  margin-bottom: 85px;
}

/* tab margin adjustement to harmonize with all devices */
.nav-tabs > li {
  margin-top: 25px;
}

a[data-toggle=tab] {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #5f6062;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #e0005b;
}

.head-teams-title {
  text-transform: uppercase;
}

a.mil_team_email {
  color: #e0005b !important;
}

/* +++ sales teams +++ */
#sales-teams {
  position: relative !important;
  margin-top: 15px;
  margin-bottom: 15px;
}

/** Team page title */
.sales-team h2 {
  margin: 35px 0 35px 14px;
}

/** Bloc team member */
.mil-salesteam {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mil-salesteam-bloc-img {
  margin-bottom: 12px;
}

.mil-salesteam-bloc-img > img.img-thumbnail {
  border: 1px solid #5f6062;
  border-radius: 0 !important;
}

.mil-salesteam-title {
  color: #e0005b !important;
}

.mil-salesteam-bloc-data {
  min-height: 160px;
}

.mil-sales-team-datas {
  display: inline-block;
  padding: 5px 0;
  color: #5f6062 !important;
}

.mil-salesteam-data-lg {
  text-transform: uppercase;
}

.mil-salesteam-bloc-descr {
  text-align: justify;
  padding-top: 20px;
}

/*****************************
    CONTENT - testimonials
 ****************************/
/**
 Product sheet testimonials linked
 */
div.container-prod-sheet-testi {
  margin-top: 50px;
}

.prod-testi-firsttitle {
  margin-bottom: 30px;
}

div.prod-testi-content {
  margin-bottom: 10px;
}

.mil-testi-prod {
  margin-bottom: 20px;
}

a.testi-prod-name {
  display: inline-block;
  font-size: 18px;
  text-transform: uppercase;
  margin: 5px 5px 10px 0;
  text-decoration: none;
}

p.testi-author {
  margin-top: 30px;
}

/*****************************
    CONTENT - news
 ****************************/
.mil-news-title {
  min-height: 5rem;
}

.mil-news-excerpt {
  min-height: 8rem;
}

.mil-news-date {
  margin-top: 1.25rem;
}

.mil-btn-news {
  min-width: 220px;
  font-size: 20px !important;
  font-weight: lighter;
  color: #FFF !important;
  background-color: #5f6062;
}
.mil-btn-news:hover {
  text-decoration: none !important;
  background-color: #e0005b;
}

.mil-btn-news-inverse {
  color: #FFF !important;
  background-color: #e0005b;
  transition: ease 0.25s;
}
.mil-btn-news-inverse:hover {
  text-decoration: none !important;
  background-color: #5f6062;
}

/*****************************
    CONTENT - Publications
 ****************************/
.mil-btn-publis {
  min-width: 220px;
  display: inline-block;
  margin-top: 35px;
  font-family: "Dosis", sans-serif !important;
  font-size: 16px;
  font-weight: lighter;
  color: #FFF !important;
  background-color: #e0005b;
}
.mil-btn-publis:hover {
  text-decoration: none !important;
  background-color: #5f6062;
}

.mil-publi-author a {
  color: #5f6062 !important;
}

.mil-publi-docs {
  text-align: right;
}
.mil-publi-docs a {
  padding: 0 5px;
}

hr.mil-publi-separ {
  width: 90%;
  border-top: 1px solid #ddd !important;
}

/*****************************
    CONTENT - contact
 ****************************/
.form-horizontal .form-group {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.contact-title-text {
  display: inline-block;
  width: 120px;
}

span.wpcf7-list-item-label {
  padding: 0 25px 0 7px;
}

input[type=text].form-control, input[type=email].form-control, textarea.form-control {
  border: 1px solid #5f6062;
  border-radius: 0 !important;
  margin: 0;
}

input[type=text].form-control::placeholder, input[type=email].form-control::placeholder, textarea.form-control::placeholder {
  color: #5f6062;
}

input:focus, textarea.form-control:focus,
input:hover, textarea.form-control:hover,
input:active, textarea.form-control:active {
  border: 1px solid #e0005b !important;
  box-shadow: 1px 1px 3px #dcdcdc !important;
}

input[type=text].form-control, input[type=email].form-control {
  width: 85%;
}

.wpcf7-not-valid-tip::before {
  content: "-> ";
}

.wpcf7-not-valid-tip {
  color: #e0005b;
}

.wpcf7-submit {
  text-transform: uppercase;
  margin: 10px;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 5px 50px;
  color: #FFF;
  background-color: #e0005b;
  transition: linear 0.25s;
}

.screen-reader-response {
  color: #e0005b;
  text-align: center;
  font-weight: 500;
}

.wpcf7-submit:focus,
.wpcf7-submit:hover,
.wpcf7-submit:active {
  color: #FFF !important;
  background-color: #5f6062;
  box-shadow: 1px 1px 3px #dcdcdc;
}

/*****************************
    CONTENT - Plants
 ****************************/
ul.mil-plants-index-nav-pills {
  margin-bottom: 40px;
}
ul.mil-plants-index-nav-pills li {
  width: 100%;
  background-color: #FFF;
}
ul.mil-plants-index-nav-pills li a.mil-plants-btn-index {
  border-radius: 0 !important;
  transition: 0.5s ease;
}
ul.mil-plants-index-nav-pills li a.mil-plants-btn-index span:first-child {
  font-family: "Dosis", sans-serif !important;
  font-size: 50px;
  color: #5f6062;
  display: inline-block !important;
  width: 75%;
}
ul.mil-plants-index-nav-pills li a.mil-plants-btn-index span.caret {
  display: inline-block;
  border-width: 10px 8px 10px 8px;
  color: #e0005b;
}
ul.mil-plants-index-nav-pills li a.mil-plants-btn-index:hover, ul.mil-plants-index-nav-pills li a.mil-plants-btn-index:focus {
  background-color: #e0005b !important;
}
ul.mil-plants-index-nav-pills li a.mil-plants-btn-index:hover span:first-child, ul.mil-plants-index-nav-pills li a.mil-plants-btn-index:focus span:first-child {
  color: #FFF;
}
ul.mil-plants-index-nav-pills li a.mil-plants-btn-index:hover span.caret, ul.mil-plants-index-nav-pills li a.mil-plants-btn-index:focus span.caret {
  color: #FFF;
}
ul.mil-plants-index-nav-pills li ul.dropdown-menu {
  min-width: 375px;
}
ul.mil-plants-index-nav-pills li ul.dropdown-menu li img {
  display: inline-block;
  height: 95px;
  width: auto;
  padding: 5px 0 5px 10px;
}
ul.mil-plants-index-nav-pills li ul.dropdown-menu a {
  display: inline-block;
  vertical-align: middle !important;
  font-size: 24px;
  font-weight: lighter;
  font-family: "Dosis", sans-serif !important;
  line-height: 1em;
}
ul.mil-plants-index-nav-pills li ul.dropdown-menu a:focus, ul.mil-plants-index-nav-pills li ul.dropdown-menu a:hover {
  background-color: #ececec;
  text-decoration: none;
}
ul.mil-plants-index-nav-pills li ul.dropdown-menu hr {
  margin-top: 0 !important;
  margin-bottom: 5px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #fff;
}

/*****************************
    CONTENT - plant-sheet
 ****************************/
.container-plant-sheet {
  padding-top: 0 !important;
}
.container-plant-sheet h1 {
  font-size: 40px;
}

.mil_plant-sheet-excerpt {
  padding: 10px 10px 5px 10px;
  margin: 20px auto;
  background-color: rgba(224, 0, 91, 0.1);
  color: #e0005b;
}

#mil-plant-sheet-prod-rel-title {
  margin: 40px 0 !important;
}

.prod-name-link {
  display: inline;
}
.prod-name-link a {
  text-transform: uppercase;
  padding: 10px;
  line-height: 2em;
  font-weight: normal !important;
  text-decoration: none;
  transition: 0.5s ease;
}
.prod-name-link a:hover, .prod-name-link a:focus {
  background-color: #e0005b;
  color: #FFF !important;
}
.prod-name-link a sup {
  font-size: smaller !important;
}

/*******************
  CONTENT - FAQ
*******************/
.container-faq {
  padding: 0 15px 35px 15px !important;
}
.container-faq h1#faq-banner-title {
  margin-top: 0 !important;
  background-color: #e0005b;
}
.container-faq h1#faq-banner-title span {
  display: inline-block;
  padding: 35px 0;
  color: #FFF !important;
}

.mil-faq-panel {
  border: none;
}

div.panel-default > .panel-heading, .mil-faq-panel-heading {
  font-family: "Roboto", sans-serif !important;
  border-radius: 0;
  background-color: #FFF;
  padding: 0 15px;
}
div.panel-default > .panel-heading h4.mil-faq-panel-title a, .mil-faq-panel-heading h4.mil-faq-panel-title a {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  font-size: 20px;
  color: #5f6062;
  font-weight: 500;
}
div.panel-default > .panel-heading h4.mil-faq-panel-title a:hover, div.panel-default > .panel-heading h4.mil-faq-panel-title a:focus, .mil-faq-panel-heading h4.mil-faq-panel-title a:hover, .mil-faq-panel-heading h4.mil-faq-panel-title a:focus {
  text-decoration: none;
}
div.panel-default > .panel-heading h4.mil-faq-panel-title i, .mil-faq-panel-heading h4.mil-faq-panel-title i {
  padding-top: 3px;
  display: inline-block;
  vertical-align: middle !important;
  line-height: 1em;
  font-size: 16px !important;
  color: #e0005b;
}

div.mil-faq-panel-body a {
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none;
}
div.mil-faq-panel-body a:hover, div.mil-faq-panel-body a:active {
  background-color: #ececec;
}
div.mil-faq-panel-body div.mil-faq-collapse {
  margin-top: 40px;
}

ul#mil-faq-searchlist {
  list-style: square outside;
  margin-top: 50px;
}
ul#mil-faq-searchlist li {
  padding-left: 10px !important;
  padding-bottom: 30px !important;
}
ul#mil-faq-searchlist li a {
  line-height: 1.2em !important;
}

/***********
    FOOTER
 **********/
.slick-slide {
  height: auto;
}

/***********
    FOOTER
 **********/
footer {
  padding-top: 15px;
  background-color: white;
}

footer div.distri-row {
  margin: 15px auto;
}

footer div.distri-bloc {
  margin: 10px auto;
}

footer h3.distri-title {
  padding-left: 15px;
  margin-top: 35px;
}

footer p.distri-country {
  padding-left: 15px;
}

footer div.menu-footer-col h3 {
  min-height: 55px;
  font-size: 22px;
}

footer ul {
  list-style-type: none;
  padding-left: 0;
}

footer li {
  padding: 1px 0;
}

footer .menu-footer-row {
  margin-top: 25px;
}

footer .menu-footer-col a {
  text-transform: uppercase;
  font-size: 0.85em;
  color: #5f6062;
  font-weight: normal !important;
}

footer #contact-footer p {
  margin-top: 35px;
  font-size: 0.85em;
  font-weight: lighter;
}

footer div.signature {
  margin-bottom: 35px;
}

#footer-tel {
  color: #5f6062 !important;
}

/*# sourceMappingURL=style.css.map */