@import url('//fonts.googleapis.com/css?family=Work+Sans:200,300,400,500,600,700,800,900');

@font-face {
  font-family: "KlinicSlabBoldIt";
  src: url('https://belgibeer.com/fonts/klinic_Slab/KlinicSlabBoldIt.otf') format('opentype');
}
@font-face {
  font-family: "KlinicSlabBold";
  src: local('KlinicSlabBold'), url('../fonts/Klinic_Slab/KlinicSlabBold.otf') format('opentype');
}
@font-face {
  font-family: "KlinicSlabBook";
  src: local('KlinicSlabBook'), url('../fonts/Klinic_Slab/KlinicSlabBook.otf') format('opentype');
}
@font-face {
  font-family: "KlinicSlabBookIt";
  src: local('KlinicSlabBookIt'), url('../fonts/Klinic_Slab/KlinicSlabBookIt.otf') format('opentype');
}
@font-face {
  font-family: "KlinicSlabLight";
  src: local('KlinicSlabLight'), url('../fonts/Klinic_Slab/KlinicSlabLight.otf') format('opentype');
}
@font-face {
  font-family: "KlinicSlabLightIt";
  src: local('KlinicSlabLightIt'), url('../fonts/Klinic_Slab/KlinicSlabLightIt.otf') format('opentype');
}
@font-face {
  font-family: "KlinicSlabMedium";
  src: local('KlinicSlabMedium'), url('../fonts/Klinic_Slab/KlinicSlabMedium.otf') format('opentype');
}
@font-face {
  font-family: "KlinicSlabMediumIt";
  src: local('KlinicSlabMediumIt'), url('../fonts/Klinic_Slab/KlinicSlabMediumIt.otf') format('opentype');
}


@media (min-width: 767px) {
    .pull-right-xs {
        float: right;
    }
}

/* btn outline */
.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}

.hover-noline:hover {
  text-decoration: none !important;
}

.radio {
  cursor: pointer;
}

.radios label {
  cursor: pointer;
}
/********************header***********************/

#header{

  background: rgba(55,66,74, 1);
  z-index: 9999;
  position: relative;
  box-shadow: none ;
  width: 100%;
  height: 160px;
}

.cart-menu li {
  display: inline !important;
  float: none !important;
}
/*
.cart-menu > li {
  float: none !important;
  display: inline !important;
}
*/

header.navbar {
  margin-bottom: 0px;
}

header a , header a:hover{
  cursor:pointer;
  color: #fff !important;
}

/*
header .navbar-right ul li a {
  color:#fff;
}
*/

header .dropdown-menu li a {
  color:#333 !important;
}

header .navbar-right ul li a:hover {
  text-decoration: none;
  color:#DEC32D !important;
}

header .menu1{
  padding: 0em 3em;
  font-family: "KlinicSlabBook"
}

header .menu1 ul li{
  display: inline-block;
  margin: 2em 0.5em 1em  ;
}

header .menu1 ul li span.icon{
  margin: 5px;
}

header .menu1 ul li ul.dropdown-menu{
  min-width: 10px;
}

header .menu1 ul li ul.dropdown-menu li {
  display: block;
  left: auto;
  margin: 0px;
}

.menu1 .nav ul li.open > a:hover, .menu1 .nav ul li.open > a {
  background-color: transparent !important;
  border: none;
  color:#fff;
}

header .menu2 {
  padding: 0px 7em 5px;
  font-family: "Work Sans";
  font-weight: bold;
  margin-top: 2em;
  text-transform: uppercase;
  z-index: -1;
}

.menu2 .nav li a:hover, .menu2 .nav li a:focus{
  background-color: transparent;
  color: #DEC32D;
}

.brand{
  position: absolute;
  z-index: 9;
  margin: 0px;
  width: 50%;
  padding:0px 8%;
  display: inline-block;
}

.brand .baseline{
  position:absolute;
  margin-top: 3em;
  margin-left: 0.2em;
  color: #DEC32D;
  font-size: 22px;
  font-family: "KlinicSlabBookIt";
  width: 100%;
}

/**********************slider *****************/
.btn-green{
  background-color: #609673;
  color:#fff;
  border-radius: 0px !important;
  border:none;
  padding:5px 10px;
}

.btn-green:hover{
  background-color: #37424A;
  color: #fff !important;
}


.hero .btn-green{
  font-family: "Work Sans";
  font-weight:bold;
  letter-spacing: 2px;
  font-size: 17px;

}

.fade-carousel {
  position: relative;
  height: 100vh;
  width: 100%;

}

.fade-carousel .carousel-inner .item {
  height: 100vh;
}

.fade-carousel .carousel-indicators > li {
  margin: 0 4px;
  width: 7px;
  height: 7px;
  background-color: #aaa;
  border-color: #aaa;
}

.fade-carousel .carousel-indicators > li.active {
  width: 7px;
  height: 7px;
  background-color: #DEC32D;
  border-color: #DEC32D;
}

.carousel-indicators{
  bottom: 50px;
}

.item .hero {
  z-index: 99;
  margin-top: -32%;
  text-align: center;
}

  /*.overlay{
    overflow: hidden;
    background: #4B4848;
    height: 100vh !important;
    width: 100%;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    opacity: .4;
    z-index: 1;
  }
  */
  .item .hero hgroup{
    margin-bottom: 5%;
    height: auto !important;

  }

  .item .hero h1 {
    font-family: "KlinicSlabBookIt";
    font-size: 48px;
    color: #37424A;
    margin-left: 1% !important;
    margin-top: 4%;
  }


  .fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
  }

  .fade-carousel .carousel-inner .item.active .hero {

    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
  }


  /********************************/
  /*       Slides backgrounds     */
  /********************************/
  .fade-carousel .slides .slide {
    height: 100vh;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 0;
    /*margin-top: -147px;*/
  }

  /*
  .fade-carousel .slides .slide-1 {
    background-image: url("../images/homepage/slider1.png");
  }
  */
  /* .fade-carousel .slides .slide-2 {
   background-image: url("https://belgibeer.com/images/homepage/2-en.png");
  }
  .fade-carousel .slides .slide-3 {
    background-image: url("https://belgibeer.com/images/homepage/kitbrassage.png");
  }
  .fade-carousel .slides .slide-4 {
    background-image: url("../images/slider/evenement.png");
  }
 .fade-carousel .slides .slide-5 {
    background-image: url("../images/slider/dpd_slider.jpg");
  }
  */

  .carousel .carousel-control { visibility: hidden; }
  .carousel:hover .carousel-control { visibility: visible; }

  .carousel-control.right,.carousel-control.left  {
    background-color: rgba(0,0,0,0);
    filter:alpha(opacity=0);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
  }

  /********************* why us *********************/

  section{
    margin-top: 45px;
    min-height: 330px;
  }


  #why_us div img{
   margin-bottom: 5px;
 }

 .title-orne{
  font-size: 28px;
  font-family: "KlinicSlabMedium";
  margin:12px;
}

.orde-icon{
  height: 23px;
  width: 55px;
}

.container2{
  padding: 0px 5%;
  margin-top: 1.5%;
}

.batch_photo,
.community_photo,
.experience_photo{
  padding: 23% 23%;
  margin: 0px 0px 0px 0px;
  background-position: center;
  background-size: cover;

  /*
  min-height: 212px;
  min-width:155px;
  */
  width:100%;
  height:100%;
  /*
  display: table-cell;
  text-align: center;
  */
  vertical-align: middle;
}

.lbl_whyus{
  background-color: #DEC32D;
  padding: 7px 7px;
  padding-top:10px;
  /*
  height: 115px;
  width: 220px;
  */
  text-align: center;
  border-radius: 1px;
  width: auto;
  height: auto;
  display: inline-block;
}

.lbl_whyus p{
  text-align: center;
  font-family: "Work Sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
  vertical-align: middle;
}

.batch_photo{
  /* background-image: url("../images/homepage/small_batch.JPG"); */
}
.community_photo{
  /* background-image: url("../images/homepage/evenement.png"); */
}
.experience_photo{
  /* background-image: url("../images/test1.png"); */
}


/*********************HOW IT WORKS ***************/

.title-borders2,
.title-borders {
  position: relative;
  margin-bottom: 15px;
  text-align: center;
  line-height: 1.1;
  color: inherit;
  text-transform: uppercase;
  margin:  0px;
  letter-spacing: 1px;
}

.title-borders2:before{
  background: #DEC32D;
  content: "";
  display: inline-block;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  z-index: 0;
}

.title-borders:before {
  /*
  background: #37424A;
  content: "";
  display: inline-block;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  z-index: 0;
  */
}

.title-borders2 a, .title-borders2 span,
.title-borders a, .title-borders span {
  position: relative;
  z-index: 1;
  background: #fff;
  text-align: center;
  padding: 0px 3%;
  font-size: 28px;
  font-family: "KlinicSlabMedium";
  margin:0px 10px;
  color: #37424A;
}

#how_it_works .container2 .steps{
  margin-top: 2%;
  text-align: center;
}

#how_it_works .container2 .steps div p{
  font-family: "KlinicSlabBook";
  font-size: 20px;
  color: #37424A;
  margin-bottom: 0px;
  margin-top: 10px;
  height: 60px;
}

#how_it_works .container2 div.steps .number{
  height: 55px;
  width: 55px;
  color: #fff;
  border-radius: 200px;
  font-family: "Work Sans";
  font-size: 38px;
  background-color:#DEC32D;
  margin-left:43%;
}

#how_it_works .container2 div.steps img{
  width: 45%;
  height: 30%;
  margin-left:28.5%;

}

/***************random****************/

#random{
  background:#609673;
  margin-top: 0px;
  padding: 1.4%;
  letter-spacing: 0.1em;
  min-height: 318px;
}

#random img{
  margin-top: 20px;
  margin-bottom: 10px;
}
#random div p{
  color:#fff;
  font-family: "Work Sans";
  font-size: 15px;
  font-weight: 300;
  text-align: justify;
  letter-spacing: 1px;
}

#random div h3{
  color:#fff;
  font-family: "KlinicSlabBook";
}
/**************************geek***********/

#geek{
  margin-top: 25px;
  min-height: 460px;
}

#geek h2{
  margin-top: 10px !important ;
  font-family: "KlinicSlabMedium";
  font-size: 28px;
}

#geek .container2 .panel-heading{
  background-color: #DEC32D !important;
  /*
  color: #fff !important;
  */
  text-align: center !important;
  font-family: "Work Sans" !important;
  font-weight:700 !important;
  font-size: 16px !important;
  letter-spacing: 2px;
  padding: 20px 0px;

}

#geek .container2 a div.panel-body{
  padding: 0px !important;
  height: 210px;
  background-size: cover;
  background-position: center;
  position: relative;
  bottom:1px;
}

#geek .container2 a .redi-guide{
  background-image: url("../images/homepage/guide.png");
}

#geek .container2 a .redi-blog{
  background-image: url("../images/homepage/BBD11-4.png");
}

#geek .container2 a .redi-instagram{
  background-image: url("../images/homepage/instagram_pic2.jpg");
}

#geek .container2 a .caption-icon-3{
  position:absolute;
  background:rgba(0, 0, 0, 0.5);
  visibility: hidden;
  width: 100%;
  height: 100%;
}

#geek .container2 a .caption-icon-3 img{
  margin:10% 33%;
}

#geek .container2 a:hover .caption-icon-3{
  position:absolute;
  background:rgba(0, 0, 0, 0.4);
  visibility: visible;
}


/************************* brewery *****************************************/

#brewery{
  min-height: 470px;
}

#brewery .container2 div div.col-md-6{
  margin-top: 3em;
}

#brewery .video{
  height: 390px;
  width: 100%;
  padding-top: 1.5rem
}

#brewery .teaser{
  font-family: "Work Sans";
  color: #37424A;
}

#brewery .teaser h2 span{
  font-weight: 300;
  color: #DEC32D;
}

#brewery .teaser h2{
  font-weight: 500;
}

#brewery .teaser p{
  font-size: 17px;
  font-weight: normal;
}

#brewery .btn-green{
  font-family: "KlinicSlabMedium";
  letter-spacing: 2px;
  font-size: 22px;
}


/**************************** press *************/

#featured{
 min-height: 150px;
}

#featured div ul.press{
 /* margin:1%;
 text-align: */
}

#featured div ul.press li{
  display: inline-block;
  margin: 0px 2.5%;
}


#featured div ul.press li img{
  height: 30px;
  object-fit: contain;
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: gray;
  filter: grayscale(1);
}

#featured div ul.press img:hover {
  transform: scale(1.1);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  -ms-filter: grayscale(0);
  transition: all 250ms ease;
}

/**************footer****************/

footer{
  color: #37424A;

}

footer .formulaire_mail{
  background: rgb(244,238,193);
  min-height: 290px;
  padding: 15px;
  margin-top: 10px;
}

footer .formulaire_mail h1{
  font-family: "KlinicSlabBold";
}

footer .formulaire_mail h4{
  font-family: "Work Sans";
  font-weight: 300;
}

footer .formulaire_mail img{
  object-fit: contain;
  margin: 1.8em 0em 1.3em 8em;
  height: 140px;
}


footer .formulaire_mail form .form-control{
  display: inline-block;
  width: 340px;
  height: 45px;
  margin-right: 0.5em;
}

footer .formulaire_mail form .btn{
  color:#fff;
  background: #ACB0B4;
}

footer .footer_advantages{
  height: 40px;
}

footer .footer_advantages a {
  text-decoration: none !important;
  color: #37424A;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
}

footer .footer_advantages a:hover{
  color: #DEC32D;
}

footer .footer_main{
  background: #37424A;
  color: #DEC32D;
  font-family: "Work Sans";
  height: 22em;
}

footer .footer_main .footer-logo{
  padding-top: 2.5%;
}

footer .footer_main .footer-logo img{
  height: 155px;
  width: 145px;
}

footer .footer_main .links{
  padding-top: 2%;
}

footer .footer_main .links ul{
  padding: 0px;
}

footer .footer_main .links ul li{
  display: block;
  margin: 12% 0px;
  font-size: 13.3px;
}

footer .footer_main .links ul li a {
  color: #DEC32D;
  text-decoration: none;
}

footer .footer_main .links ul li a:hover{
  color: #fff;
}

footer .footer_main .social_media ul a li{
  display: inline-block;
  margin-top: 20%;
  margin-right: 3.5%;
  height: 58px;
  width: 58px;
  background-size: cover;
}

footer .footer_main .social_media ul a li.fb{
  background-image: url("../images/homepage/icon-fb.png");
}
footer .footer_main .social_media ul a li.tw{
  background-image: url("../images/homepage/icon-twitter.png");
}
footer .footer_main .social_media ul a li.inst{
  background-image: url("../images/homepage/icon-insta.png");
}
footer .footer_main .social_media ul a li.yt{
  background-image: url("../images/homepage/icon-youtube.png");
}
footer .footer_main .social_media ul a:hover li.fb{
 background-image: url("../images/homepage/icon-fb-2.png");
}
footer .footer_main .social_media ul a:hover li.tw{
 background-image: url("../images/homepage/icon-twitter-2.png");
}
footer .footer_main .social_media ul a:hover li.inst{
 background-image: url("../images/homepage/icon-insta-2.png");
}
footer .footer_main .social_media ul a:hover li.yt{
 background-image: url("../images/homepage/icon-youtube-2.png");
}


footer .footer_main .bb{
  border-bottom: 1px solid #DEC32D;
  /*height: 202px;*/
  margin-bottom: 2%;
}

footer .footer_footer div span {
  font-size: 12px;
}

/****************************brewery of the month ********************************/

.container_brewery_photo .background_photo{
  height: 85vh;
  padding: 0px !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.container_brewery_photo .brewery_photo{

}

#timer{
  color: #37424A;
  min-height: 200px;
}

#timer h3 span {

  font-family: "KlinicSlabBold";
}

#gift_card.container2 p,
#info_important .container2 p,
#beers_today .container2 p,
#timer p{

  color: #609673;
  font-size: 22px;
  font-family: "KlinicSlabMediumIt";
  letter-spacing: 1px;
}

#timer .clock{
  margin-top :4%;
  left:50%;
  margin-left: -310px !important;

}

#teaser_video{
  color: #37424A;
  min-height: 370px;
}

#teaser_video .btn-green{
  font-family: "KlinicSlabMedium";
  letter-spacing: 2px;
  font-size: 18px;
  height: 50px;
  line-height: 35px;
}

#teaser_video .teaser h1{
  font-family: "KlinicSlabMedium";
  text-transform: uppercase;
}

#teaser_video .teaser p{
  font-family: "Work Sans";
  font-size: 16px;
  font-weight: 300;
}

.video{
  height:330px;
  margin: 8px;
  width: 100%;
}

#beers_month{
  min-height: 960px;
}

#beers_month .container2 .col-md-6{
  padding-left: 0px;

}
#beers_month .container2 .col-md-6 .panel{
  border-color: #DEC32D;
}

#beers_month .container2 .col-md-6 .panel .panel-heading{
  background-color: #DEC32D;
  color: #37424A;
  font-family: "KlinicSlabMedium";
  font-size: 26px;
}
#beers_month .container2 .col-md-6 .panel .panel-body{
  font-family: "Work Sans";
}

#beers_month .container2  .col-md-6 .panel .beer_description .col-md-6,
#beers_month .container2  .col-md-6 .panel .beer_description .col-md-6 .col-xs-12,
#beers_month .container2  .col-md-6 .panel .beer_description .col-md-6 .col-xs-12 .col-xs-3
{
  padding: 0px;
}

#beers_month .container2  .col-md-6 .panel .beer_description .col-md-6 .col-xs-12 .col-xs-9
{
  top: 20px;
}

#beers_month .container2  .col-md-6 .panel .beer_description .col-md-6 .col-xs-12{
  margin: 6% 0px;
}

#beers_month .container2 .col-md-6 .panel .beer_description span.quotes {
  margin-top: 20%;
}

.beer_description div.col-xs-4{
  border: 2px solid #37424A;
  height: 60px;
  font-size: 13px;
}

.beer_description div.col-xs-4:nth-child(2){
  height: 60px;
  font-size: 13px;
  border:none;
  border-top: 2px solid #37424A;
  border-bottom: 2px solid #37424A;
}


#beers_today{
  min-height: 550px;
}


#beers_today .btn-green{
  width: 49%;
  font-family: "KlinicSlabMediumIt";
  font-size:25px;
  height: 70px;
  line-height: 50px;
}
/*****************************hover img *****************/

/* these styles are for the demo, but are not required for the plugin */
.zoom {
  display:inline-block;
  position: relative;
}

/* magnifying glass icon */
.zoom:after {
  content:'';
  display:block;
  width:33px;
  height:33px;
  position:absolute;
  top:0;
  right:0;
  background:url(https://belgibeer.com/css/icon.png);
}

.zoom img {
  display: block;
}

.zoom img::selection { background-color: transparent; }

/*********************************hover img 2 ***************************************/


.beer-image img {
  -webkit-transition:all .9s ease; /* Safari y Chrome */
  -moz-transition:all .9s ease; /* Firefox */
  -o-transition:all .9s ease; /* IE 9 */
  -ms-transition:all .9s ease; /* Opera */
  width:100%;
}

.beer-image:hover img {
  -webkit-transform:scale(1.8);
  -moz-transform:scale(1.8);
  -ms-transform:scale(1.8);
  -o-transform:scale(1.8);
  transform:scale(1.8);
  border:1px solid #37424A;
  border-radius: 5px;
}

.beer-image:hover {
  height:100%;
  z-index: 9999;
  position: absolute;
}

/*********************** offer/ subscription **************************/

.container_brewery_photo .offrir_photo{
  background-image:url("../images/offrirabonner1-slidersize.jpg");

}

.container_brewery_photo .offrir_photo .hero hgroup{
 /* margin-top: 2%;*/
 padding:6% 5% 8% 10%;
 position:absolute;
 color: #37424A;
}


.container_brewery_photo .subscribe_photo .hero hgroup h1{
  font-family: "KlinicSlabBold";
  color: #37424A;
  font-size: 32px;
  width: 90%;
}

.container_brewery_photo .offrir_photo .hero hgroup h1{
  font-family: "KlinicSlabBold";
  color: #37424A;
  font-size: 32px;
  width: 90%;
}

.container_brewery_photo .subscribe_photo .hero hgroup p{
  font-family: "Work Sans";
  width: 90%;
  font-size: 14px;
  font-weight: 500;
}

.container_brewery_photo .offrir_photo .hero hgroup p{
  font-family: "Work Sans";
  width: 90%;
  font-size: 13px;
  font-weight: 500;
}

.container_brewery_photo .subscribe_photo .hero hgroup div.call_to_action,
.container_brewery_photo .offrir_photo .hero hgroup div.call_to_action{
  background: #609673;
  margin: 3% 1%;
}


.container_brewery_photo .subscribe_photo .hero hgroup div.call_to_action h5 span,
.container_brewery_photo .offrir_photo .hero hgroup div.call_to_action h5 span{
  font-family: "KlinicSlabMediumIt";
  font-size: 26px;
  font-weight: 200;
}

.container_brewery_photo .subscribe_photo .hero hgroup div.call_to_action h5,
.container_brewery_photo .offrir_photo .hero hgroup div.call_to_action h5{
  font-family: "Work Sans";
  color: #fff;
  font-weight: 300;
}

.btn-yellow{
  background-color: #DEC32D;
  padding: 3% 5%;
  color: #37424A;
  border-radius: 0px;
  margin: 2%;
}

.btn-yellow:hover{
  color: #fff;
  background-color: #B09640;
}

#info_important{
  min-height: 660px;
}

#info_important div{
  font-family: "Work Sans";
}

#info_important div ul li{

  margin-top: 2%;
  display: block;
}
/***************** subscribe *************************/

.container_brewery_photo .subscribe_photo{
  background-image:url("../images/offrirabonner3.jpg");

}

.container_brewery_photo .subscribe_photo .hero hgroup
{
 /* margin-top: 2%;*/
 padding: 6% 1% 8% 5%;
 position:absolute;
}


.container_brewery_photo .subscribe_photo .hero hgroup div.call_to_action .quote{

  color: #fff;
  font-family: "Work Sans";
  font-weight: 100;
  margin: 3% 0px ;
  display: inline-block;
  font-size: 11px;
  width: 110%;
  margin-left: -10px;
}

/********************************about us ******************************/

#team{
  color: #37424A;
  font-family: "Work Sans";
}

#team .name{
  font-family: "KlinicSlabBook";
  font-weight: 700;
}

#team .alias{
  font-family: "KlinicSlabBook";
  color: #DEC32D;
  font-size: 20px;
  font-weight: 700;
}

#team p{
  font-size: 15px;
}

#team a span{
  font-size: 35px;
}

#team .row{
  margin: 5% 0px;

}

/************************* account *******************************/

#account {

  min-height: 100vh;

}

#account .content{
  margin-top: 5%;
}

#account .profile_photo{
  margin-left: 30%;
}

.dashboard-menu ul li{
  display: block;
  color: #37424A;
  border:1px solid #DEC32D;
  font-size: 20px;
  font-weight: 300;
  padding: 0.5em;
  margin-bottom: 0.5em;
}

.dashboard-menu ul li:hover{
  text-decoration: none;
  background-color:#DEC32D;
}

.dashboard-menu ul a:hover{
  text-decoration: none;
}

#account .content .message {
  font-family: "KlinicSlabBook";
  font-size: 25px;
  font-weight: bolder;
}

#account .content .message span{
  font-weight: lighter;
  font-size: 20px;
}

/**************************** contact ********************/

#contact{
  min-height: 80vh;
}

#contact span {
  font-size: 30px;
}

#contact [class^="icomoon-"]{
  color: #DEC32D;
}

#contact .row{
  margin: 8% 0px 2%;
}


#contact a{
  color: #37424A;
  font-weight: bold;
}

/***********popup********************/

.modal .modal-content{
  background-color: transparent;
}


.modal .modal-content .modal-header{
  background-color: #DEC32D;
  margin-bottom: 0px;
  text-align: center;
}

.modal .modal-content .modal-header h4{
  font-family: "KlinicSlabBook";
  font-weight: bold !important;
  font-size: 20px;
  color: #333;
}

.modal .modal-header .close{
  position:relative;
  bottom:2px;
  padding: 0px 8px;
  color: #333;
  font-size: 30px;
  font-weight: 700;
}

.modal .modal-content .modal-body{
  background-color: #fff;
  font-family: "Sans Work";
  font-size: 15px;
  color: #37424A;
  font-weight: 500;
}

.modal_faq{
  color: #37424a !important;
  border: 1px #000 solid !important;
  padding: 10px;
  font-size: 15px !important;
  font-weight: bold;
}

.modal_faq:hover{
  border: 2px #000 solid !important;
  background-color: #37424a !important;
  color: #fff !important;
}

/********************* concept ***********************/

.video-concept{
  height: 100%;
  width: 100%;
}


.history-concept{
  font-family: "Work Sans";

}

#history-qts{
  min-height: 130px;
}

/********************* faq **************************/

#faq{
  height:60vh;
}

#faq ul.menu-faq{
  border-right: 1px solid #DEC32D;
}

#faq ul.menu-faq li{

  display: block;
  font-size: 24px;
  font-family: "Work Sans";
  font-weight: lighter;
  text-align: right;
}

#faq ul.menu-faq li a{
  color: #37424A;
}

#faq ul.menu-faq li i{
  margin: 0px 3%;
}

#faq ul.menu-faq li.active{
  font-weight: 500;
}

#faq ul.menu-faq li.active > a{
  border: none ;
}


#results h4{
  font-family: "KlinicSlabBook";
}

#faq .nav-tabs{
  border-bottom: none;
}

#faq .nav-tabs li{
  float: none;
}

/*******login ******/

.btn-fb{
  color: #fff;
  background-color:#3b5998;
}
.btn-fb:hover{
  color: #fff;
  background-color:#496ebc
}
.btn-google{
  color: #fff;
  background-color:#DD3F34;
}
.btn-google:hover{
  color: #fff;
  background-color:#EE4155;
}

.shadow-one {
 -webkit-box-shadow: -8px -15px 131px -52px rgba(0,0,0,0.75);
 -moz-box-shadow: -8px -15px 131px -52px rgba(0,0,0,0.75);
 box-shadow: -8px -15px 131px -52px rgba(0,0,0,0.75);
}

.login h1{
  text-align: center;
  font-family: "KlinicSlabBook"
}

/********************** landding *****************/

.container_brewery_photo .landing_photo{
  height: 100vh;
}

.container_brewery_photo .landing_photo .hero hgroup{
 padding-top: 30%;
 padding-left: 40%;
}

/*********************groupon belgique*****************/

.container_brewery_photo .offerGrouponBelgique_photo{
  background-image: url("../images/landing_pages/brogne-groupon.png");
  height: 100vh;
}

.container_brewery_photo .offerGrouponBelgique_photo .hero hgroup{
  padding-top: 23%;
  padding-left: 38%;
}


#content_GP_Belgique{
  height:100vh;
}

.box_contains ul{
  margin: 0px;
}

.box_contains ul.second-ul-bottle{
  margin: 7% 0px;
}

.box_contains ul li.bottle_perso{
  height: 224px;
  width: 224px;
  margin-top: -40px;
}

.box_contains ul li {
  display: inline-block;
  height: 180px;
  width: 180px;
  vertical-align: top;
}

.box_contains ul li img{
  object-fit: contain;
}

.box_contains ul li p{
  font-weight: bolder;
}

/*************** groupon france1 ****************/
.container_brewery_photo .offerGrouponFrance_photo{
  background-image: url("../images/landing_pages/DSC_0030.JPG");

}

.container_brewery_photo .offerGrouponFrance_photo .hero hgroup{

  padding-top: 22%;
  padding-left: 40%;

}

/*************** groupon france2 ****************/

.container_brewery_photo .offerGrouponFrance2{
  background-position: bottom !important;
}

.container_brewery_photo .offerGrouponFrance2 .hero hgroup{

  padding-top: 35%;
  padding-left: 36%;

}

/************ trappist ***********/

.box_contains_trap ul{
  width: 100%;
}

.box_contains_trap ul li{
  display: inline-block !important;
  height: auto;
  width: 200px;
  margin: 0px 10px;
  vertical-align: top !important;
}

.box_contains_trap ul li h3,
.box_contains_trap ul li p{
  text-align:center;
  position: relative;
}

.box_contains_trap ul li img{
  object-fit: contain;
}


/************ PROCESSUS D'ACHAT ************/

#delivery:hover{
  border: 2px solid #CCC !important;
}

.list-choice {
  background: #EBEBEB;
  opacity: 0.7;
  border-radius: 0px;
  /*padding: 50px 0px;*/
  margin: 15px 0px;
  cursor: pointer;
  text-align: center;
  font-style: normal;
  overflow: hidden;
  min-height: 140px;
  box-shadow: none;
  font-family: "KlinicSlabBold";
}


.list-choice:hover {

 background: #DEC32D;
 opacity: 0.9;
 cursor: pointer;

}


.selected {
  background-color: #DEC32D;
  color: #37424A;
  opacity: 1;
}

.radios input[type=radio] {
  display: none;
}



/*************** blog ********************/

#blogpost {
  -webkit-font-smoothing: antialiased; }
  #blogpost #blogpost-wrapper {
    margin-top: 50px; }
    #blogpost #blogpost-wrapper .main-pic img {
      margin: 0 auto; }
      #blogpost #blogpost-wrapper .post {
        float: none;
        margin: 0 auto;
        margin-top: 35px;
        margin-bottom: 50px; }
        #blogpost #blogpost-wrapper .post .title {
          font-family: Myriad Pro, Lato, Helvetica Neue, Arial;
          font-size: 31px;
          font-weight: 600;
          margin-top: 40px;
          color: #252525; }
          @media (max-width: 767px)
          {
            #blogpost #blogpost-wrapper .post .title
            {
              font-size: 26px;
              line-height: 28px; }
            }
            #blogpost #blogpost-wrapper .post .author
            {
              color: #757575;
              font-weight: 300;
              margin-top: 4px;
              position: relative;
            }
            @media (max-width: 767px)
            {
              #blogpost #blogpost-wrapper .post .author
              {
                font-size: 12px;
                margin-top: 10px; }
              }
              #blogpost #blogpost-wrapper .post .author .avatar
              {
                max-width: 56px;
                border-radius: 50px;
                position: absolute;
                left: -77px;
                top: -18px;
                border: 1px solid #e0e0e0;
              }
              #blogpost #blogpost-wrapper .post .content
              {
                margin-top: 35px;
                font-family: "Merriweather", Georgia;
                font-size: 15px;
                line-height: 30px;
                color: #353535;
                margin-bottom: 25px;
              }
              #blogpost #blogpost-wrapper .post .content p
              {
                margin-top: 28px;
              }
              #blogpost #blogpost-wrapper .post .content blockquote
              {
                border-left: 2px solid #CE1836;
                color: rgba(51, 51, 51, 0.55);
                margin: 35px 0;
                padding: 5px 20px;
                padding-left: 23px;
              }
              #blogpost #blogpost-wrapper .post .content blockquote p
              {
                margin: 0;
                line-height: 30px;
                font-weight: normal;
              }
              #blogpost #blogpost-wrapper .post .content blockquote .quote-author
              {
                margin-top: 14px;
              }
              #blogpost #blogpost-wrapper .post .content img
              {
                margin: 0 auto;
                margin-top: 55px;
                margin-bottom: 55px; }
                #blogpost #blogpost-wrapper .post .content .divider
                {
                  border-bottom: 1px solid #DEDEDC;
                  width: 20%;
                  margin: 0 auto;
                  margin-top: 35px;
                  margin-bottom: 35px;
                }
                #blogpost #blogpost-wrapper .post .share
                {
                  margin-top: 50px;
                }
                #blogpost #blogpost-wrapper .post .other-posts
                {
                  margin-top: 50px;
                }

                /*********************************************************************************************************/


                @media all and (max-device-width: 600px)
                {
                  ul{
                    padding: 0px;
                  }

                  #home3 .st-container {
                    position: relative;
                    overflow: hidden;
                  }

                  #home3 .st-pusher {
                    position: relative;
                    left: 0;
                    z-index: 99;
                    background: #fff;
                    transition: -webkit-transform 0.35s ease-out;
                    transition: transform 0.35s ease-out;
                  }

                  #home3 .st-container {
                    position: relative;
                    overflow: hidden;
                  }

                  #home3 .st-container.nav-effect .nav-menu {
                    -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                  }

                  #home3 .st-container.nav-effect .nav-menu a {
                    -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                  }

                  #home3 .st-container.nav-effect .st-pusher {
                    -webkit-transform: translate3d(-320px, 0, 0);
                    transform: translate3d(-320px, 0, 0);
                    box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.5);
                  }

                  @media (max-width: 767px) {
                    #home3 .st-container.nav-effect .st-pusher {
                      -webkit-transform: translate3d(-220px, 0, 0);
                      transform: translate3d(-220px, 0, 0);
                    }
                  }

                  #header{

                    background: rgba(55,66,74, 1);
                    z-index: 9999;
                    position: relative !important;
                    box-shadow: none ;
                    width: 100%;
                    height: 180px;
                  }


                  header .menu1{
                    padding: 0px;
                  }

                  header .menu1 ul{
                    padding: 0px 12px;
                  }

                  header .menu1 ul li{
                    display: inline-block;
                    margin: 10px 3px;
                  }

                  header .menu2 {
                    margin-top: -4.5em;
                    position: relative;
                    z-index: 1;
                    float: right;
                  }

                  .nav>li>a {
                    padding: 5px;
                  }

                  ul.dropdown-menu {
                    background-color: #37424a  ;
                    position: absolute !important;
                    padding: 0px !important;
                    margin: 0px !important;
                    min-width: 10px !important;
                    z-index: 999999999;
                  }

                  .navbar-nav .open .dropdown-menu>li>a {
                    padding-left: 10px;
                    color: #333 !important;
                  }

                  #dropdownMenu1 {
                    background-color:transparent;
                    margin-top: 0px;
                    padding: 0px;
                  }

                  .dropdown-menu>li>a {
                    background-color: #37424a;
                  }

                  .nav-phone {
                    margin-right:  0px !important;
                    top:5px;
                    background-color: #DEC32D !important;
                    position: absolute !important;
                    color: #fff !important;
                    right:15px;

                  }

                  .icon-bar {
                    background-color: #37424A;
                  }

                  .menu2 .sidebar-toggle1{

                    width: 190px !important;
                    float: right !important;
                    cursor: pointer !important;
                    margin-left: 117px !important;
                    margin-right: -380px !important;
                    color: #000;
                    display: block;
                    background-color: #37424a;
                    height: 90vh;
                    position: absolute;
                  }

                  .brand {
                    position: absolute;
                    z-index: 9;
                    width: 50%;
                    padding:0px 7%;
                    display: inline-block;
                    left: 23%;
                    top: 18%;
                  }

                  .brand .baseline {
                    display: none;
                  }

                  .carousel-control {
                    display: none;
                  }

                  .back-image-xs {
                    background-image:url('../images/homepage/slider1.png');
                    background-size: cover;
                    background-position: center right;
                    overflow: hidden;
                    height: 100vh !important;
                    width: 100%;
                    position: absolute;
                    content: '';
                    left: 0;
                    top: 0;
                    z-index: -1;
                  }

                  .hero .btn-green{
                    letter-spacing: 2px;
                    font-size: 11px;
                  }

                  .hero hgroup{
                    margin-top: 8vh;
                    min-height: 65vh;
                  }

                  .hero h1 {
                   font-family: "KlinicSlabBookIt";
                   font-size: 2.8em;
                   color: #37424A;
                   margin: 20% 1% !important;
                   text-shadow:1px 1px #fff;
                 }

                 section{
                  margin-top: 15px !important;
                  min-height: 50%;
                }

                #why_us div img {
                 margin-bottom: 5px;
               }

               .title-orne{
                font-size: 1.8em;
                font-family: "KlinicSlabMedium";
                margin:12px 0px;
              }

              .container2{
                padding: 0px !important;
                margin-top: 0%;
              }

              .batch_photo,
              .community_photo,
              .experience_photo{
               margin: 20px 0px;
               min-height: 212px;
               min-width:100%;
             }

             .lbl_whyus {
              background-color: #DEC32D;
              padding: 2em 14px;
              height: 120px;
              width: 200px;
              text-align: center;
              border-radius: 2px;
            }

            .lbl_whyus p{
              text-align: center;
              font-size: 17px;
            }


            /*********************HOW IT WORKS ***************/


            .title-borders:before {
              background: #fff;
            }

            .title-borders{
              margin-bottom: 15px !important;
            }
            .title-borders2 a, .title-borders2 span,
            .title-borders a, .title-borders span {
              font-size: 2.5rem;
              padding: 0px;
            }

            #how_it_works .container2 .steps{
              margin: 7em 0px;

            }


            #how_it_works .container2 div.steps img{

              margin-bottom: 3em;
            }

            /***************random****************/

            #random{
              margin-top: 0px;
              padding: 4em 1.4%;
              letter-spacing: 0.1em;
              /* height: 110vh; */
            }

            #random div p{
              color:#fff;
              font-family: "Work Sans";
              font-size: 15px;
            }

            /**************************geek***********************/

            #geek{
              margin-top: 30px;
              min-height: 460px;
            }

            #geek h2{
              margin-top: 10px !important ;
              font-family: "KlinicSlabMedium";
              font-size: 2.5rem;
            }

            #geek .container2 .panel-heading{
              font-size: 15px !important;
              letter-spacing: 2px;
              padding: 20px 0px;
            }


            /************************* brewery ***********************/

            #brewery{
              min-height: 470px;
            }

            #brewery .container2 div div.col-md-6{
              margin-top: 1em;
            }

            #brewery .video{
              height: auto;
              width: 100%;
              padding-top: 1.5rem;
              margin:0px ! important;
            }


            #brewery .btn-green{
              font-family: "KlinicSlabMedium";
              letter-spacing: 2px;
              font-size: 14px;
            }


            /**************************** press *************/

            #featured{
             min-height: 350px;
           }

           #featured div ul.press{
            margin:0px !important;
            padding: 0px;
            text-align: center;
          }

          #featured div ul.press li{
            display: block;
            margin: 30px 0px;
          }


          #featured div ul.press li img{
            height: 35px;
            width: 100%;
            object-fit: contain;
            -webkit-filter: grayscale(1);
            -moz-filter: grayscale(1);
            -o-filter: grayscale(1);
            filter: gray;
            filter: grayscale(1);
          }


          /**************footer****************/

          .footer_advantages {

            width: 100%;
            min-height: 300px;
            line-height: 37px;
            text-align: center;
            background-color: #fff;
            margin: 0px 0px 1px 0px !important;
            border-top: 1px #d7d7d7 solid;
            font-size: 18px;

          }

          .advantages_items{
            padding: 0px;
            width: 109%;
            border-bottom: 1px #d7d7d7 solid;
          }

          .modal-backdrop {
            z-index: 2 !important;
          }


          footer .formulaire_mail img {
            display: none;
          }

          footer .footer_main{
            height: auto;
          }

          footer .footer_main .footer-logo{
            padding-top: 1.4em;
            padding-left: 12px;
          }

          footer .footer_main .footer-logo img{
            height: 105px;
            width: 95px;
          }

          footer .footer_main {
            padding-top: 0.5rem;
            text-align: center;
          }

          footer .footer_main  ul{
            padding: 5px;
          }

          footer .footer_main .links ul li{
            display: block;
            margin: 1% 0px;
            font-size:18px;
          }

          footer .footer_main .social_media ul a li{
            display: inline-block;
            margin-top: 5%;
            margin-right: 3.3%;
            background-size: cover;
          }

          footer .footer_main .bb{
            border-bottom: 1px solid #DEC32D;
            height: 5px;
            margin-bottom: 3%;
          }

          footer .footer_footer div{
            text-align: center;
          }

          footer .footer_footer div span {
            text-align: center;
            padding: 0px 0.5em;
          }

          /*********************  brewery of the month *********************************/


          #timer {
            height: auto;
            margin-bottom: 60px !important;
          }

          #timer .clock{

            margin-top: 1%;
            zoom: 0.5;
            -moz-transform: scale(0.5);
            left: 50%;
            /* margin-left: -400px !important; */
            width: 1000px;
            padding: 0px;
          }


          #beers_month .container2 .title-borders span{
            font-size: 2.6rem;
            padding: 0px !important;
            margin-bottom: 5rem;
          }

          #beers_month .container2 .col-md-6 .panel .panel-heading{
            font-size: 16px;
          }

          .beer-image:hover img {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            border: 1px solid transparent;
            border-radius: 0px;
          }

          .beer-image:hover {
            height: 100%;
            z-index: 1;
            position: relative !important;
          }

          #beers_today{
            min-height: 450px;
          }

          #beers_today .btn-green{
            font-size:14px;

          }

          /*********************** offer/ subscription **************************/

          .content-buy{
            padding: 0px 2% !important;
          }

          .container_brewery_photo .offrir_photo{
            height: 100vh;
          }

          .container_brewery_photo .subscribe_photo .hero hgroup,
          .container_brewery_photo .offrir_photo .hero hgroup{
           padding: 0px;
           margin: 0px;
           position: relative !important;
           padding: 20px 0px !important;
         }


         .container_brewery_photo .subscribe_photo .hero hgroup h1,
         .container_brewery_photo .offrir_photo .hero hgroup h1{
          font-size: 22px;
          margin: 0px !important;
        }

        .container_brewery_photo .subscribe_photo .hero hgroup p,
        .container_brewery_photo .offrir_photo .hero hgroup p{
          font-family: "Work Sans";
          width: 100%;
          font-size: 12px;
          font-weight: 500;
          min-height: 150px;
          background-color: rgba(255,255,255,0.4);
        }

        .container_brewery_photo .subscribe_photo .hero hgroup div.call_to_action,
        .container_brewery_photo .offrir_photo .hero hgroup div.call_to_action{
          background: #609673;
          margin: 3%;
          width: 95%;
          z-index: 999999;
        }

        .container_brewery_photo .offrir_photo .hero hgroup div.call_to_action{
          padding: 3%;
          margin-top: 10%;
        }

        .container_brewery_photo .subscribe_photo .hero hgroup div.call_to_action h5 span,
        .container_brewery_photo .offrir_photo .hero hgroup div.call_to_action h5 span{
          font-size: 20px;
        }

        .container_brewery_photo .subscribe_photo .hero hgroup div.call_to_action h5,
        .container_brewery_photo .offrir_photo .hero hgroup div.call_to_action h5{
          font-family: "Work Sans";
          color: #fff;
          font-weight: 300;
        }

        .btn-yellow{
          font-size: 16px;
        }


        .mt{
          font-size: 15px !important;
        }


        #info_important{
          min-height: 550px;
        }

        #info_important div{
          font-family: "Work Sans";
        }

        #info_important div ul {
          padding: 0px;
        }

        #info_important div ul li{

          margin-top: 2%;
          display: block;
        }
        /***************** subscribe *************************/

        .container_brewery_photo .subscribe_photo{
          height: 100vh;
        }


        .container_brewery_photo .subscribe_photo .hero hgroup div.call_to_action .quote{

          font-size: 11px;
          width: 100%;

        }

        /**************************** contact ********************/

        #contact{
          min-height: 115vh;
        }

        #contact span {
          font-size: 2.6rem;
        }

        #contact .row{
          margin-top: 0%;
        }

        /********************* faq **************************/

        #faq{
          height:250vh;
        }

        #faq ul.menu-faq{
          border-right: none;
          height: 150px;
        }

        #faq ul.menu-faq li{

          font-size: 18px;
          text-align: center;
          border-bottom: 1px solid #37424A;
          z-index: 99999;
        }

        #faq ul.menu-faq li.active > a {
          border: none;
          background-color: transparent;
        }

        #results{
          z-index: 9999999;
        }
        #results h4{
          font-size: 14px !important;
        }
        #results .par{
          font-size: 11px;
        }


        /************************* account *******************************/

        #account ul{
          padding: 0px;
        }

        #account .content{
          margin-top: 10%;
          z-index: 99999;
        }

        #account .profile_photo{
          margin-left: 0%;
          margin-top:5%;
          padding: 0px;
        }

        #account .profile_photo img{
          margin-left: 23%;
        }

        .dashboard-menu ul li{
          display: block;
          color: #37424A;
          border:1px solid #DEC32D;
          font-size: 20px;
          font-weight: 300;
          padding: 0.5em;
          margin-bottom: 0.5em;
        }

        #account .content .message {
          font-family: "KlinicSlabBook";
          font-size: 25px;
          font-weight: bolder;
        }

        #account .content .message span{
          font-weight: lighter;
          font-size: 20px;
        }

        /************************** offre groupon *********************/

        /*********************groupon belgique*****************/


        .container_brewery_photo .offerGrouponBelgique_photo .hero hgroup{

          padding-top: 78%;
          padding-left: 1%;
          margin: 0px;
          z-index: 999999;

        }



        #content_GP_Belgique{
          height:100%;
        }

        .box_contains ul.second-ul-bottle{
          margin: 7% 0px;
        }

        .box_contains ul li.bottle_perso{
          height: 100%;
          width: 100%;
          margin-top: -40px;
        }

        .box_contains ul li {
          display: inline-block;
          height: 100%;
          width: 100%;
          vertical-align: top;
        }

        .box_contains ul li img{
          object-fit: contain;
        }

        .box_contains ul li p{
          font-weight: bolder;
        }

        /**************** groupon france 1 *****************/

        .container_brewery_photo .offerGrouponFrance_photo .hero hgroup{

          padding-top: 45%;
          padding-left: 1%;
          margin:0px;
          z-index: 999999;
        }
        .container_brewery_photo .offerGrouponFrance2 .hero hgroup a,
        .container_brewery_photo .offerGrouponBelgique_photo .hero hgroup a,
        .container_brewery_photo .offerGrouponFrance_photo .hero hgroup a{
          width: 49%;
          z-index: 999999;
        }

        /*************** groupon france2 ****************/

        .container_brewery_photo .offerGrouponFrance2{
          background-position: bottom !important;
        }

        .container_brewery_photo .offerGrouponFrance2 .hero hgroup{

          padding-top: 75%;
          padding-left: 1%;
          margin:0px;
          z-index: 999999;

        }

        .caret-sm{
          font-size: 13px;
        }

        /********************** landing *****************/

        .container_brewery_photo .landing_photo .hero hgroup{
         padding-top: 78%;
         padding-left: 13.5%;
       }


       } /* MISSING CLOSING MEDIA HERE ?!! */

       /**** ARTICLES *****/

       .articles-rows {
        margin-bottom:20px;
        padding:0px;
        height:415px;
      }

      @media screen and (max-width: 992px)
      {
        .articles article {
          height: auto;
        }
      }

      @media screen and (min-width: 992px)
      {
        .articles article {
          height: 330px;
        }
      }

      @media (max-width: 992px)
      {
        .articles-rows{
          height: auto !important;
        }
      }

/* FACETS
// ------------------------- */

.facet-listing {
  margin-bottom: 24px;
}
.facet-listing h5 {
  margin: 0 0 6px;
  padding: 0 0 6px;
  text-transform: uppercase;
  border-bottom: 2px solid #eee;
}
.facet-listing ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.facet-listing li {
  margin-bottom: 3px;
}
.facet-listing-link {
  font-size: 13px;
  line-height: 1.2;
  text-decoration: none;
  color: #000;
}
.facet-listing-link:hover, .facet-link.facet-refined {
  color: #ed5565;
}
.facet-listing .facet-link.facet-refined:hover {
  text-decoration: line-through;
  color: #ed5565;
}
.facet-listing-count {
  position: relative;
  top: 3px;
  float: right;
  color: #999;
}

.facet {
  margin-bottom: 24px;
}
.facet h5 {
  margin: 0 0 6px;
  padding: 0 0 6px;
  text-transform: uppercase;
  border-bottom: 2px solid #eee;
}
.facet ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.facet li {
  margin-bottom: 3px;
}
.facet-link {
  font-size: 13px;
  line-height: 1.2;
  text-decoration: none;
  color: #000;
}
.facet-link:hover, .facet-link.facet-refined {
  color: #ed5565;
}
.facet .facet-link.facet-refined:hover {
  text-decoration: line-through;
  color: #ed5565;
}
.facet-count {
  position: relative;
  top: 3px;
  float: right;
  color: #999;
}
/* Checkboxes */
.facet-disjunctive {
  font-weight: normal;
  position: relative;
  margin-left: 18px;
}
.facet-disjunctive:before {
  position: absolute;
  top: 2px;
  left: -18px;
  width: 14px;
  height: 14px;
  content: '';
  background: url(https://belgibeer.com/images/checkbox_icons.png) 0 0 no-repeat;
}
.facet-disjunctive:hover:before {
  background-position: -24px 0;
}
.facet-disjunctive.facet-refined:before {
  background-position: -48px 0;
}
.facet-disjunctive.facet-refined:hover:before {
  background-position: -72px 0;
}

.list-search {
  height:50px;
  border:1px solid #ddd;
  border-radius: 2px;
  padding:12px 0px;
  margin-bottom:10px;
  margin-left:0px;
}

#pagination {
  margin-top: 40px;
}
#pagination ul {
  font-size: 0;
  list-style-type: none;
  text-align: center;
}
#pagination li {
  font-size: 14px;
  display: inline;
}
#pagination a {
  padding: 8px 12px;
  text-decoration: none;
  color: #000;
  border: 1px solid #eee;
  border-right: none;
}
#pagination a:hover {
  background: #f5f5f5;
}
#pagination li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#pagination li:last-child a {
  border-right: 1px solid #eee;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#pagination li.active a {
  color: white;
  border-color: #ed5565;
  background: #ed5565;
}
#pagination li.active a:hover {
  cursor: default;
}
#pagination li.disabled a {
  cursor: not-allowed;
}
#pagination li.disabled a:hover {
  background: none;
}

/* Mondial Relay */
.MR-Widget {
  margin:0px auto !important;
}
.PR-Selected {
    border: solid 2px #ca0047;
    background: #f7f7f7;
}


}