/* CSS CUSTOM GRIBOUILLIS MEGEVE */



@import url('https://fonts.googleapis.com/css?family=Pacifico');

@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,400i,700,700i');

@import url('https://fonts.googleapis.com/css?family=Mansalva&display=swap');

body {



    font-family: 'Ubuntu', sans-serif;

    font-size: 14px;

    color: #414141;

    line-height: 1em;



}









#header .header-top .menu > ul > li a[data-depth="0"] {

  position: relative;

  text-align: center;

}







.col-md-9-5{

  padding-left: 70px !important;

  padding-right: 0 !important;

}



.dropup, .dropdown{

  padding-bottom: 0;

}





#wrapper .breadcrumb{

  margin-bottom: 30px;

}







.products-selection .display{

  display: none;

}





.products-selection{

  padding: 5px;

}



.products-selection p{

  font-size: 0.8em;

}

























#sdsblogArticle .post-info{

  display: none;

}



#sdsblogArticle #lipsum img{

  padding: 0;

  width: 100%;

}





#sdsblogArticle .page-item-title h1{

  font-size: 2.5em;

  text-align: center;

  padding: 50px 0;

}



#sdsblogArticle .sdsarticle-des{

  font-size: 1.2em;

}









.block-category h1 {



    color: #333333;

    letter-spacing: 2px;

    font-size: 2em;

    font-weight: bold !important;



}







.h1.product {



    font-size: 1.5em;

    letter-spacing: 2px;

    text-transform: capitalize;

    border-bottom: 1px solid #dfdfdf;

    padding-bottom: 15px;

    margin-bottom: 15px;



}







#custom-text {



    margin-top: 0px;

    background: white url(../img/footer_paralex-2.jpg) fixed 0 0 / cover;

        background-repeat: repeat;

    background-repeat: no-repeat;

    width: 100%;

    height: auto;

    border-radius: 2px;

    margin-bottom: 0rem;

    text-align: center;



}











#footer{

  position: relative !important;

  background: none !important;

}





 main{

   position: relative;

  }



  #wrapper{

    background: none !important;

  }









/*main:before {

    position: absolute;

    width: 100%;

    height: 850px;

    bottom: 0;

    left: 0;

    content: '';

    background: white url(../img/fond-tache.jpg) no-repeat;

    background-size: cover;

    background-position: center top;

 }*/



 .footer-container .row{

   background: rgba(255, 255, 255, 0.6);

  }







.page-content.page-not-found{

  text-align: center;

}









#header .header-top .menu > ul > li a[data-depth="0"]{

    font-family: 'Mansalva', cursive;

    font-size: 24px !important;

    letter-spacing: -1px !important;

    color: #5b5a5a !important;

}


#header .header-top .menu > ul > li:nth-child(-n+5) a[data-depth="0"]:after{

    width: 40px;

    height: 40px;

    position: absolute;

    content: '';

    background: #ff98b9 !important;

    color: #fff !important;

    display: inline-block;

    -moz-border-radius: 50%;

   -webkit-border-radius: 50%;

   border-radius: 50%;

   left: 0;

   top: 20px;

   z-index: -1;



}



.top-menu li.manufacturer{

  margin: 3px !important;



}

#header .header-top .menu > ul > li:nth-child(-n+6) a[data-depth="0"]:after {
    width: 40px;
    height: 40px;
    position: absolute;
    content: '';
    background: #69f4ac !important;
    color: #fff !important;
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    top: 20px;
    z-index: -1;
}

.top-menu li.manufacturer a{

  margin-bottom: 3px !important;

  padding-bottom: 3px !important;



}











#header .header-top .menu > ul > li:nth-child(1) a[data-depth="0"]:after{

    background:transparent !important;



}





#header .header-top .menu > ul > li:nth-child(2) a[data-depth="0"]:after{

    background: #ff98b9 !important;



}



#header .header-top .menu > ul > li:nth-child(3) a[data-depth="0"]:after{

    background: #98e6f4 !important;

}





#header .header-top .menu > ul > li:nth-child(4) a[data-depth="0"]:after{

    background: #fdad17 !important;

}



#header .header-top .menu > ul > li:nth-child(5) a[data-depth="0"]:after{

    background: #d3b2e8 !important;

}







.page-header h1 {

    font-family: 'Mansalva', cursive !important;

    text-align: center;

    font-size: 60px !important;

}











.titreHoraires{

  font-family: 'Mansalva', cursive;

  font-size: 24px !important;



}





#blocSliderStore{

  position: relative;

  margin: 20px auto;

  clear: both;

}





#blocSliderStore img{

  width: 100%;

}



#blocMapStore{

  width: 100%;

  clear: both;

  margin: 20px auto;



}





.btnPhone{

  display: inline-block;

  padding: 10px;

  background: #98e6f4;

  border-radius: 5px;

  font-size: 24px;



}





.brand{

  display: inline-block;

  width: 33%;

  border: solid 1px #dadada;

  text-align: center;

  padding-bottom: 10px;

  margin-bottom: 10px;

}





li.brand .brand-infos{

  font-weight: bold;

  background: #dadada;

  display: block;

  width: 100%;

  padding: 3px 0;

}



li.brand .brand-infos h3 a{

  font-weight: bold;

  background: #dadada;

  display: block;

  width: 100%;

}







.boxGuideDesTailles{

  margin: 20px auto;

}

.boxGuideDesTailles a {

  display: inline-block;

  clear: both;

  width: auto !important;

  padding: 5px 10px;

  font-size: 18px !important;

  text-transform: uppercase;

  padding: 10px 10px;

  vertical-align: middle;

  color: #000;

background: #98e6f4;

  vertical-align: middle;

  text-align: center;

  font-weight: normal;

  text-decoration: none;

border: 1px solid #98e6f4;

transition: 0.3s;

-webkit-transition: 0.3s;

-moz-transition: 0.3s;

-0-transition: 0.3s;



}





.boxGuideDesTailles a:before {

  content: "\f125";

  cursor: pointer;

  z-index: 1001;

  font-family: "FontAwesome";

  font-size: 26px;

  top: 0px;

  left: 0px;

  padding: 0px 5px 0px 0px;

}







@media (max-width:768px){

  .brand{

    display: inline-block;

    width: 100%;

    border: solid 1px #dadada;

    text-align: center;

    padding-bottom: 10px;

    margin-bottom: 10px;

  }

}

.tag-epuise{

  /*background: #fdad17;*/

  padding: 5px 10px;

  margin: 10px 0;

  display: inline-block;

}



.tag-epuise .material-icons{

    line-height: 30px !important;

}



.epuiseSelect{

  font-size: 0.7em;

  color: #dadada;

}







@media (min-width:768px){

  #manufacturers ul.top-menu {

    max-height: 500px;

    overflow-y: auto;

    padding-right:20px;

  }

}