/*
Theme Name: wineandco
Theme URI: http://www.wineandco.com/
Description: 
Version: 1.0
Author: ohmyweb
Author URI: http://www.ohmyweb.fr
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700|Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import "navbar.css" screen, projection;


::-moz-selection { /* Code for Firefox */
  background: rgba(255,255,255,0.1);
  color:#a69f95;
  }
::selection {
  background: rgba(255,255,255,0.1);
  color:#a69f95;
  }

 html,body {
  margin:0; height: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  background: #fff;
  color: #5e5858;
}
body {overflow-x: hidden; position: relative;}
.body_wrapper {position: relative; overflow: hidden}
h1, h2, h3, h4, h5 {font-weight: 700;}

b, strong {font-weight: 700;}
a {color: #5e5858; text-decoration: none;}
:focus {outline: none!important;  outline-offset: 0!important;}
a:hover, a:active, a:focus {color: #ada7a7; text-decoration: none;}
p {letter-spacing: 0.5px; line-height: 24px;}
/*colors ***/
.red {color: #a9001f!important;}
.grey_clear {color: #d8d5d5!important;}
.grey_medium {color: #ada7a7!important;}
.black {color: #292727!important;}
.smaller {font-size: 18px; font-weight: normal;}
.clearspace {clear: both; margin-top: 30px;}
.blockspace {margin-top: 30px;}
.imgfull{
  width: 100%;
  margin: 0 auto;
  height: auto;
}
.lead-big {font-size: 18px; }
hr {display: block; width: 100%; border-color: #eee; margin: 30px 0;}
.block_space {margin-top: 15px; margin-bottom: 15px;}
.fade_img {opacity: 1;  -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.fade_img:hover {opacity: 0.8;}
@keyframes fade-on {
    from {opacity: 0;}
    to {opacity: 1;}
}

@-webkit-keyframes head_title_animation {
  0% { 
    opacity: 0;
    margin-top: 30px;
  }
  100% {
    opacity: 1;
    margin-top: auto;
  }
}
@keyframes head_title_animation {
  0% { 
    opacity: 0;
    margin-top: 30px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}

@-webkit-keyframes zoomIn_slider{
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomIn_slider {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes side_panel_rate {
    0% { transform: translate(0, -50%); opacity: 0; }
    1% { transform: translate(0, -50%); opacity: 1; }
    100% {transform: translate(100%, -50%); opacity: 1;}
  }
@keyframes show_element {
    0% { 
      opacity: 0;
      margin-top: 20px;
    }
    100% {
      opacity: 1;
      margin-top: 0;
    }
  }
.animation_element, .animation_element-loop {margin-top: 20px; opacity: 0;}
.animation_element.in-view, .animation_element-loop.in-view {
  -webkit-animation-name: show_element;
          animation-name: show_element;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
 -webkit-animation-play-state: running;
          animation-play-state: running;
      }

/*Main  wrapper scroller  containers
------------------------------------------------------------------------*/

.scroller {
  overflow: hidden; padding: 0;
}

.scroller,
.scroller-inner {
  position: relative; width: 100%;
}
.scroller-inner {margin-top: 150px;}

.mp-pusher {
  position: relative;
  left: 0;
  height: 100%;
}



/*header
-----------------------------------------------------------*/
/*sliders ----------------------------------------------*/
/* home carousel
------------------------------------------------------*/
#home_slider_center .slick-list.draggable {position: relative;}
#home_slider_center .slick-list.draggable::before, 
#home_slider_center .slick-list.draggable::after {
  content: ""; display: block; position: absolute; top: 0; width: 11%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 2;
}
#home_slider_center .slick-list.draggable::before {left: 0;}
#home_slider_center .slick-list.draggable::after {right: 0;}
#home_slider_center .item { height: 500px; overflow: hidden; width: 100%;  position: relative;}
#home_slider_center .item .imgcontainer {
  height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;
  transform: scale(1.05); 
  -webkit-filter:blur(10px);
  -moz-filter:blur(10px);
  -ms-filter:blur(10px);
  -o-filter:blur(10px);
  filter:blur(10px);
     -webkit-transition: all 4s ease-in-out; -moz-transition: all 4s ease-in-out; transition: all 4s ease-in-out;
}
#home_slider_center .item.slick-current.slick-active .imgcontainer { 
   transform: scale(1); 
   -webkit-filter:blur(0px);
  -moz-filter:blur(0px);
  -ms-filter:blur(0px);
  -o-filter:blur(0px);
  filter:blur(0px);
-webkit-transition: all 4s ease-in-out; -moz-transition: all 4s ease-in-out; transition: all 4s ease-in-out;
}
#home_slider_center .slick-prev, #home_slider_center .slick-next {
    position: absolute; top: 50%; display: inline-block; width: 40px; height: 40px;  transform: translateY(-50%);  padding: 0;
    cursor: pointer; z-index: 2;
    color: #fff; font-size: 0; line-height: 0; text-align: center;
    border: 2px solid #fff; outline: none; background: transparent; opacity: 0.7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#home_slider_center .slick-prev {left: calc(11% - 40px); border-right: none;} #home_slider_center .slick-next {right: calc(11% - 40px); border-left: none;}
#home_slider_center .slick-prev:hover, #home_slider_center .slick-next:hover { opacity: 1; }
#home_slider_center .slick-prev::before {
    content: "\f104";
}
#home_slider_center .slick-next::before {
    content: "\f105";
}
#home_slider_center .slick-prev:before, #home_slider_center .slick-next:before {
    font-family: "FontAwesome";
    font-size: 32px;
    line-height: 1;
    color: #fff;
    z-index: 10;
}

.slider-caption {
    display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;
   opacity: 0; margin-top: 30px; color: #fff;
   -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out;
   transition-delay: 0.5s;
}
#home_slider_center .item.slick-current.slick-active .slider-caption {
  opacity: 1;  margin-top: 0;
     -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out;
     transition-delay: 0.5s;
}

.slider-caption .slider_title-content {
  display: inline-block; position: relative; margin: 0 auto; overflow: hidden; padding-top: 25px;
  text-align: center;
}
.slider-caption .slider_title-content .slider_title {
  display: block; margin: 0 auto; position: relative; padding: 0 30px 40px; width: 100%; color: #fff;
  border: 1px solid #fff; border-top: none;
}
.slider-caption .slider_title-content .slider_title span {
  display: inline-block; position: relative;  margin: 0 auto ; transform: translateY(-50%);
  font-size: 30px; font-weight: 300; text-transform: uppercase; line-height: 1.55;
}
.slider-caption .slider_title-content .slider_title span::before,
.slider-caption .slider_title-content .slider_title span::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  right: 100%; margin: 0 20px;
  z-index: 1;
  top: 50%; transform: translateY(-50%);
}
.slider-caption .slider_title-content .slider_title span::after {
  left: 100%;
}
.slider-caption .slider_title-content .slider_title strong {
  display: block; margin: -10px auto 0 ;
  font-family: 'Libre Baskerville', serif; font-size: 46px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; text-align: center; line-height: 1em;

}
.slider-caption .slider_title-content .btn_slider {
  display: inline-block; padding: 10px 15px; background-color: #fff; transform: translateY(-50%); margin: 0 auto;  
  font-size: 14px; text-align: center; text-transform: uppercase; color: #292727;
  -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
}
.slider-caption .slider_title-content .btn_slider:hover {background-color: #a9001f; color: #fff;}
.slider-caption .slider_title-content p { font-size: 16px; margin-top: -5px; }

/*-- slider_logo-----------------------------------------------*/
.slider_logo {padding: 0 30px; margin: 0px auto 20px;}
.slider_logo a {
  opacity: 0.7;
  -webkit-filter:grayscale(1);
  -moz-filter:grayscale(1);
  -ms-filter:grayscale(1);
  -o-filter:grayscale(1);
  filter:grayscale(1);
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.slider_logo a:hover {
  opacity: 1;
  -webkit-filter:grayscale(0);
  -moz-filter:grayscale(0);
  -ms-filter:grayscale(0);
  -o-filter:grayscale(0);
  filter:grayscale(0);
}
.slider_logo .slick-prev, .slider_logo .slick-next {
  font-size: 0; line-height: 0; text-align: center;
  position: absolute; top: 50%; display: inline-block; width: 25px; height: 25px; transform: translateY(-50%);
    z-index: 10; padding: 0;
    cursor: pointer; color: transparent; border: none; outline: none; background: transparent;
}
.slider_logo .slick-prev {left: 0px;} 
.slider_logo .slick-next  {right: 0px;}
.slider_logo .slick-prev::before {content: "\f104";} 
.slider_logo .slick-next::before { content: "\f105";}
.slider_logo .slick-prev:before, .slider_logo .slick-next:before {
    font-family: "FontAwesome"; font-size: 25px; line-height: 1; color: #ada7a7; z-index: 10;
    -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
}
.slider_logo .slick-prev:hover:before, .slider_logo .slick-next:hover:before {color: #5e5858;}

.slick-dotted .slick-dots {
  position: relative;
    display: block;
    width: 100%;
    padding: 0; margin: 5px 0 10px;
    list-style: none;
    text-align: center;
}
.slick-dotted .slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dotted .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dotted .slick-dots li[aria-hidden="true"] button::before {
  content: ""; display: block; width: 12px; height: 12px; background-color: #d8d5d5; border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slick-dotted .slick-dots li[aria-hidden="false"] button::before, .slick-dotted .slick-dots li[aria-hidden="true"] button:hover::before {
  content: ""; display: block; width: 12px; height: 12px; background-color: #5e5858;  border-radius: 50%;
}

/*prod slider slick -------------------------------------------*/

  .slider_prods_4 .slick-prev, .slider_prods_4 .slick-next {
     font-size: 0; line-height: 0; text-align: center;
    position: absolute; top: 50%; display: inline-block; width: 30px; height:30px; transform: translate(0, -50%);
    z-index: 10; padding: 0;
    cursor: pointer; color: transparent; border: none; outline: none; background: transparent;
  }
  .slider_prods_4 .slick-prev {left: -30px;}
  .slider_prods_4 .slick-next  {right: -30px;}
  .slider_prods_4 .slick-prev::before {content: "\f104";}
  .slider_prods_4 .slick-next::before { content: "\f105";}
  .slider_prods_4 .slick-prev::before, .slider_prods_4 .slick-next::before {
      font-family: "FontAwesome"; font-size: 30px; line-height: 1; color: #292727; z-index: 10;
      -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
  }
  .slider_prods_4 .slick-prev:hover::before, .slider_prods_4 .slick-next:hover::before {color: #a9001f;}




/*-- header_img-page ----------------------------------*/

#header_img-page { position: relative; margin-top:130px; height: calc(90vh - 260px); min-height: 350px; overflow: hidden;}
#header_img_small-page {position: relative; margin-top:130px;  height: calc(33vh); max-height: 350px; min-height: 150px; overflow: hidden;}
#header_img-page .header_img-container,
#header_img_small-page .header_img-container {
  height: 100%; width: 100%;
  background-position: center; background-repeat: no-repeat; background-size: cover;
  -webkit-animation-name: zoomIn_slider;
          animation-name: zoomIn_slider;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
#header_img-page .header_img-container::before {
  content: ""; display: block;
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0,0,0,0.2);
  z-index: 1;
}
#header_img-page .header_title-content {
   position: absolute; width: 100%; top: 50%; margin: auto; padding:40px 15px; bottom: auto; left: 50%; transform: translate(-50%, -50%);
  text-shadow: none;
  z-index: 100; opacity: 0;
  -webkit-animation-name: head_title_animation;
          animation-name: head_title_animation;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
#header_img-page .header_title-content .serie_title {display: block; color: #fff; text-align: center; text-transform: uppercase; margin: 10px auto 20px;}
#header_img-page .header_title-content .serie_title > small {
  display: block; color: #fff;
  font-family: "Open Sans", sans-serif; font-size: 48px; font-weight: 300; letter-spacing: 2px; 
}
#header_img-page .header_title-content .serie_title > strong {
  display: block; 
  font-family: "Rufina", serif; font-size: 170px; font-weight: bold; letter-spacing:0; line-height: 135px;
}
#header_img-page .simple_title {
  display: block; margin: 0 auto; position: relative; padding: 0; padding-bottom: 15px; max-width: 100%;
  font-family: 'Rufina', serif; font-size: 60px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; text-align: center; line-height: 1em;
}


/* main - centent ----------------------------------------------*/

section, .section_space {padding:20px 0;}
.section_big_space {padding:60px 0;}
/*section:first-of-type {padding-top: 0;}*/
section:last-of-type {padding-bottom: 80px;}
section.section_grey {background-color: #f5f5f5;}
section.section_dark {background-color: #131313; color: #dadada; }
section.section_dark .head_title { color: #fff; }
.bg_white {background-color: #fff; display: inline-block; width: 100%;}
.section_img {
  display: block; position: relative; padding: 40px 0; box-sizing: border-box;
  background-position: center; background-repeat: no-repeat; background-size: cover;
}
.section_img::before {
  content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
  background-color: rgba(0,0,0,0.15);
}
.section_double {position: relative; display: inline-block; padding: 0; width: 100%;}
.bordered {border:solid 1px #ada7a7; padding: 25px 50px; margin-bottom: 70px}
.title_bordered {display: block; background-color: white; position: absolute; top: -15px; left: 10px; padding: 0 20px 15px 5px; font-size: 20px; font-weight: bold; color: #6f6c6e}

/*variantes-----*/
.section_img .btn-red:hover { color: #fff; }
.section_spacing-top {padding-top: 60px;}
.section_spacing-bottom {padding-bottom: 60px;}

/*------ breadcrumb ----------------------------------------------------------*/
.breadcrumb {font-size: 12px; background:none; padding: 10px 0;}

/*--cat_push ---------------*/
.cat_push {text-align: center;}

/* top_categorie_push----------------------------------------------*/
.categorie_push_title {
  display: block; position: relative; padding: 0 5px 10px; border: 1px solid #a9001f; margin: 0 auto; margin-bottom: 10px;
  text-align: center; color: #a9001f;
}
.categorie_push_title span {
  display: inline-block; margin: -10px auto 0; transform: translateY(-100%); padding: 0 10px; background-color: #fff;
  font-size: 16px; font-weight: 300; text-transform: uppercase; line-height: 1;
}
.categorie_push_title strong {
  display: block; margin: -10px auto 0 ;
  font-family: 'Libre Baskerville', serif; font-size: 22px; text-transform: uppercase; letter-spacing: 0px; font-weight: 700; text-align: center; line-height: 1em;
}

/*Page title ---------------------------*/
.page_title {
    display: block; position: relative; padding: 0 15px 30px; border: 1px solid #d8d5d5; margin: 15px auto 40px;
    text-align: center;  color: #5e5858;
}
.page_title span {
    display: inline-block; margin: 0px auto 0; transform: translateY(-150%); padding: 0 10px; background-color: #fff;
}
.page_title span small {
    display: block; position: relative; z-index: 1;
    font-size: 18px; font-weight: 400; line-height: 1; color: #ada7a7; text-transform: uppercase; letter-spacing: 1px;
}
.page_title span::before {
    content: "W"; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, -20%); z-index: 0;
    font-family: 'Libre Baskerville', serif; font-size: 100px; font-weight: 700; color: #efefef;
}
.page_title strong {
    display: block; margin: -10px auto 0 ; position: relative; z-index: 1;
    font-family: 'Libre Baskerville', serif; font-size: 24px; letter-spacing: 1px; font-weight: 700; line-height: 1;
}

/*--head titles style---------------------------------------------------*/
.head_title_container {
  display: inline-block; position: relative; margin: 0 auto; padding: 30px; 
  background-color: #fff; 
}
.head_title {
  display: block; position: relative; padding: 0px; border-top: 1px solid #292727; margin: 0 auto;
  text-align: center; color: #292727;
}
.head_title span {
  display: inline-block; margin: 0px auto 0; transform: translateY(-70%); padding: 0 10px; background-color: #fff;
  font-size: 24px; font-weight: 300; line-height: 1;
}
.head_title strong {
  display: block; margin: -10px auto 0 ;
  font-family: 'Libre Baskerville', serif; font-size: 36px; text-transform: uppercase; letter-spacing: 0px; font-weight: 700; line-height: 1;
}
.head_title.simple {border: none; margin: 10px auto;}
.head_title.simple span {font-size: 18px; background-color: transparent; padding: 0;}
.head_title.simple strong {font-size: 30px;}
/* variantes ----*/
.section_grey .head_title_container,
.section_grey .head_title_container .head_title span {background-color: #f5f5f5;}

.head_title_container.over_top {margin-top: -40px; padding: 20px 30px 20px; transform: translateY(-20px);}

.head_title_container.over_top.bigger {margin-top: -30px; padding: 30px 10% 30px; transform: translateY(-20px);}

.section_img .head_title.simple {color: #fff;}
.head_title.simple.text-left {text-align: left; }

.title-line.red { display: block; position: relative; width: 100%; margin: 15px auto; }
.title-line.red::before { content: ""; display: block; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; background-color: #a9001f; }
.title-line > span {
  display: inline-block; padding: 10px 10px 10px 0; position: relative;
  font-size: 20px; background-color: #fff; z-index: 1;
}

/*--sub_title-----------------------------*/
.sub_title { 
  display: block; position: relative; margin: 0 0 30px;
  font-family: "Rufina", serif;  font-weight: 700; letter-spacing: 1px; color: #131313; text-transform: uppercase;
}
.sub_title::before {
  content: ""; display: inline-block; width: 30px; height: 1px; margin: 5px 10px 5px 0;
  background-color: #131313;
}

/* title normal -------------------------------------------*/
.title {
  display: block; margin: 15px auto 20px; position: relative; padding: 0; padding-bottom: 15px;
  font-weight: 400; color: #131313;
}

/* product -------------------------------------------------------------------------------------------------*/
.prod_container {padding-left: 5px; padding-right: 5px; padding-top: 15px; padding-bottom: 15px; text-align: center;}
.prod {
  display: block; position: relative; width: 100%; height: 400px; padding: 5px; 
  background-color: #fff; border-bottom: 1px solid #eee; box-sizing: border-box;
  color: #5e5858; text-align: center;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.prod:hover {
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
  border-bottom-color: #a9001f;
  }
.prod figure { display: block; position: relative; width: 100%; height: 190px; padding: 15px 0 0px; text-align: center;}
.prod figure img {margin: 0 auto; }
.prod .hors_stock img {
  opacity:0.7;
  -webkit-filter:grayscale(1);
  -moz-filter:grayscale(1);
  -ms-filter:grayscale(1);
  -o-filter:grayscale(1);
  filter:grayscale(1);
}
.prod .solde::after {
  content:attr(data-solde);
  position: absolute; z-index: 2;
  bottom: 10px; right: -5px; height: 35px; padding: 5px 5px 5px 15px; background: url(../img/solde_bg.svg) no-repeat left center; background-size:  auto 100%;
  color: #fff; font-size: 18px; font-weight: 900; text-align: center; vertical-align: middle;
}
.prod .fin_de_lot::after {
  content:'Plus que ' attr(data-stock) ' bouteille(s)';
  position: absolute; z-index: 2;
  bottom: 5px; right: 0; height:auto; padding: 0; max-width: 80px;
  color: #a9001f; font-size: 11px; font-weight: 900; text-align: left; vertical-align: middle;
}
.prod .prod_tags-container { display: inline-block; position: absolute; top: 0px; left: 0px; z-index: 2;}
.prod.prod_full_size .prod_tags-container { display: inline-block; z-index: 2; position: relative !important;}
.prod_tags-container .prod-tag { display: block; margin-bottom: 3px; text-align: left; }
.prod_tags-container .prod-tag > span { display: inline-block; padding: 3px; border: 1px solid #ada7a7; color: #ada7a7; font-size: 10px; text-transform: uppercase;}
.prod_tags-container .prod-tag.tag-solde > span {border: 1px solid #d30027; color: #fff; background-color: #d30027;}
.prod_tags-container .prod-tag.tag-hors_stock > span {border: 1px solid #292727; color: #fff; background-color: #292727;}
.prod_tags-container .prod-tag.tag-vente_privee > span {border: 1px solid #cea359; color: #fff; background-color: #cea359;}
.prod_tags-container .prod-tag.tag-primeur > span {border: 1px solid #0fc64f; color: #fff; background-color: #0fc64f;}
.prod-note_guide {display: inline-block; position: absolute; bottom: 5px; left: 0px; z-index: 2;}
.prod-note_guide a {display: block; margin-bottom: 0px;}
.prod-note_guide a .note_guide {
  display: inline-block; width: 50px; height: 50px; text-align: center; padding-top: 8px; line-height: 1.3;
  background-repeat: no-repeat; background-position: center; background-size: contain;
}
.prod-note_guide a .note_guide.bettane {background-image: url(../img/note_guide-bd.png);}
.prod-note_guide a .note_guide.burtschy {background-image: url(../img/note_guide-burtschy.png);}
.prod-note_guide a .note_guide.decanter {background-image: url(../img/note_guide-decanter.png);}
.prod-note_guide a .note_guide.gabriel {background-image: url(../img/note_guide-gabriel.png);}
.prod-note_guide a .note_guide.gaultetmillau {background-image: url(../img/note_guide-gault_m.png);}
.prod-note_guide a .note_guide.gilbert_g {background-image: url(../img/note_guide-gilbert_g.png);}
.prod-note_guide a .note_guide.hachette {background-image: url(../img/note_guide-hachette.png);}
.prod-note_guide a .note_guide.lepoint {background-image: url(../img/note_guide-le_point.png);}
.prod-note_guide a .note_guide.penin {background-image: url(../img/note_guide-penin.png);}
.prod-note_guide a .note_guide.quarin {background-image: url(../img/note_guide-quarin.png);}
.prod-note_guide a .note_guide.robinson {background-image: url(../img/note_guide-robinson.png);}
.prod-note_guide a .note_guide.parker {background-image: url(../img/note_guide-rp.png);}
.prod-note_guide a .note_guide.rvf {background-image: url(../img/note_guide-rvf.png);}
.prod-note_guide a .note_guide.suckling {background-image: url(../img/note_guide-suckling.png);}
.prod-note_guide a .note_guide.tanzer {background-image: url(../img/note_guide-tanzer.png);}
.prod-note_guide a .note_guide.wac {background-image: url(../img/note_guide-wac.png);}
.prod-note_guide a .note_guide.wineenthusiast {background-image: url(../img/note_guide-wineenthusiast.png);}
.prod-note_guide a .note_guide.winespec {background-image: url(../img/note_guide-winespec.png);}
.prod-note_guide a .note_guide span {display: block; font-size: 13px; color: #a9001f;}
.prod-note_guide a .note_guide small {display: inline-block; margin: 0 auto; border-top: 1px solid #ada7a7; font-size: 12px; color: #ada7a7;}

.prod .prod-txt {position: relative;}
.prod .prod-txt .prod-title {
    display: block;
    height: 37px;
    max-height: 37px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 15px auto 0;
    font-size: 16px;
    color: #292727;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.prod .prod-txt .prod-title:hover {color: #a9001f;}
.prod .prod-txt .prod-app { height: 15px; font-size: 13px; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis}
.prod .prod-txt .prod-app a + a::before { content: " | "; color: #5e5858;}
.prod .prod-txt .prod-avis { display: block; height: 15px; margin-top: 10px; font-size: 10px;}
.prod .prod-txt .prod-btl_sizes {display: block; height: 10px; margin-top: 10px; font-size: 11px;}
.prod .prod-txt .prod-price {display: block; height: 25px; margin: 15px 0 5px;}
.prod .prod-txt .prod-price .price {font-size: 24px; color: #a9001f;}
.prod .prod-txt .prod-price .price > sup {font-size: 0.6em; font-weight: 400;}
.prod .prod-txt .prod-price > small {display: inline-block; margin-left:5px; font-size: 11px; font-weight: 300;}
.prod .prod-txt .prod-info { display: block; height: 15px; font-size: 12px; font-weight: 300; }
.prod .prod-txt .prod-txt-vente_privee {display: block; height: 20px; margin-top: 10px; font-size: 14px; text-transform: uppercase; color: #cea359;}
.prod .prod-txt .prod-date-vente_privee {display: block; height: 15px; margin-top: 5px; font-size: 12px; color: #cea359;}
.prod .prod-txt .prod-info-vente_privee {display: block; height: 15px; margin-top: 5px; font-size: 12px; color: #cea359;}
.prod .prod-txt .prod-info-vente_privee a {color: #cea359; text-decoration: underline;}
.prod .prod-txt .prod-info-vente_privee a:hover {color: #5e5858; text-decoration: none;}

.prod .wishlist,
.prod .wishlist.active:hover  {
  display: inline-block; position: absolute; top: 5px; right: 5px;
  color: #ada7a7; font-size: 20px; line-height: 1;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.prod .wishlist:hover,
.prod .wishlist.active { color: #a9001f;}
.prod .wishlist::before {content: "\f08a"; font-family: "FontAwesome";}
.prod .wishlist.active::before {content: "\f004"; font-family: "FontAwesome";}

/*-.Drop douwn Qtité---------------------------*/

.prod-qtt_selection {display: block; position: relative; z-index: 1;}
.prod-qtt_selection > div {padding: 5px 0;}
.prod-qtt_selection > div:last-child {padding-left: 4px;}
.prod-qtt_selection > div.select-lots {width: 80%; min-width: 200px; display: inline-block; float: left;}
.prod-qtt_selection > div.select-qtt {width: 20%; min-width: 50px; display: inline-block; float: left;}
.prod-qtt_selection .form-control {
  padding: 6px 15px 6px 12px; height: 50px;
  border-radius: 0px;
  margin-bottom: 0; box-sizing: border-box;
  border: 1px solid #d8d5d5;
  background-color: transparent;
  color: #5e5858; font-family: 'Open Sans', sans-serif; text-align: center;
}
.prod-qtt_selection .form-control {
  background: url("../img/arrow_select.png") no-repeat 98% 50%;
  -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.prod-qtt_selection .warning_qty {
  position: absolute; bottom: -5px; left: 50%; transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); -webkit-transform: translate(-50%, 100%);  width: 250px;
  background: white; border:solid 1px #d30027; font-size: 12px; padding: 5px 10px; text-align: center; z-index: 100;
}
.prod-qtt_selection .warning_qty:before {content: ""; background: url(../img/triangle.png); height:7px; width:18px ; position: absolute; top:-7px ; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}


/*.dropdown_select {margin: 0;}
.dropdown_select dl {margin: 0;}
.dropdown_select dd, .dropdown_select dt, .dropdown_select ul { margin:0px; padding:0px; z-index: 10;  }
.dropdown_select dd { position:relative; }
.dropdown_select a, .dropdown_select a:visited { color:#5e5858; text-decoration:none; outline:none;}
.dropdown_select dt a {
  background: url("../img/arrow_select-big.png") no-repeat 97% 50%; display:block; width: 100%; height: 50px; padding:15px 15px;
.dropdown_select dt > span {
  background: url("../img/arrow_select-big.png") no-repeat 97% 50%; display:block; width: 100%; height: 50px; padding:15px 15px;
  vertical-align: middle; border:1px solid #d4d4d4; cursor:pointer; }
.dropdown_select dt a:hover { color:#a9001f;}
.col-sm-4 .dropdown_select dt a {background-position: 90% 50%}
.dropdown_select ul {
  background:#fff none repeat scroll 0 0; border:1px solid #d4d4d4; color:#5e5858; display:none; z-index: 10;
  left:0px; padding:5px 0px; position:absolute; top:0px; width:100%; list-style:none;
}
.dropdown_select > span.value { display:none;}
.dropdown_select dt a span span {margin: 0; width: 100%; display: block;}
.dropdown_select a { padding:5px; display:block;}
.dropdown_select a:hover { color: #a9001f;}
.dropdown_select a>span strong {display: inline-block; margin: 0 10px; float: left;}
.dropdown_select a>span span { display: inline-block; margin: 0 30px; font-weight: 400;}
.dropdown_select ul li a {background: #fff; display:block; width: 100%; padding:5px 15px; border:none; cursor:pointer; }
.dropdown_select ul li a:hover { color:#a9001f; border: none;}
.list_check {margin: 15px 0;}

/*-.prod_full_size---------------------------*/

.prod.prod_full_size {border: 1px solid #eee; }
.prod.prod_full_size:hover {
  border-bottom-color: #a9001f;
  }
.prod.prod_full_size figure { display: inline-block; position: relative; width: 35%; height: 390px; padding: 00px; text-align: center; float: left; overflow: hidden; }
.prod.prod_full_size figure img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.1);  }
.prod.prod_full_size figure .prod_tags-container .prod-tag {display: none;}
.prod.prod_full_size figure .prod-note_guide {display: inline-block; position: absolute; bottom: 50%; left: 0px; transform: translateY(50%); z-index: 2;}
.prod.prod_full_size .solde::after {
  content:attr(data-solde);
  position: absolute; z-index: 2;
  top: 0px; bottom: auto; left: 0px; right: auto; height: 35px; padding: 5px 15px 5px 5px; background: url(../img/solde_bg-reverse.svg) no-repeat right center; background-size:  auto 100%;
  color: #fff; font-size: 18px; font-weight: 900; text-align: center; vertical-align: middle;
}
.prod.prod_full_size .fin_de_lot::after {
  content:'Plus que ' attr(data-stock) ' bouteille(s)';
  position: absolute; z-index: 2;
  bottom: 50%; right: 5px; transform: translateY(50%); height:auto; padding: 0; max-width: 80px;
  color: #a9001f; font-size: 11px; font-weight: 900; text-align: left; vertical-align: middle;
}
.prod.prod_full_size .prod-txt { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 65%; padding: 30px 10px;}
.prod.prod_full_size .prod-txt .prod-title {height: auto; max-height: 60px; font-size: 18px;}
.prod.prod_full_size .prod-txt .prod_tags-container { display: block; margin: 10px 0; text-align: center;}
.prod.prod_full_size .prod-txt .prod_tags-container .prod-tag { display: inline-block; margin: 2px; }
.prod.prod_full_size .prod-txt .prod-avis { display: block; height: 15px; margin-top: 20px; font-size: 12px;}
.prod.prod_full_size .prod-txt .prod-description {display: block; height: auto; max-height: 100px; margin-top: 20px; font-size: 16px; color: #a9001f;}

/* tags  ----------------------------------------------*/
.filter_tags {
  position: relative; display: inline-block; padding: 3px 5px; margin: 0px 5px 10px 0; background-color: #fff; border: 1px solid #292727;
  color: #292727; font-size: 12px; font-weight: 400;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.filter_tags:hover {background-color: #eee; color: #292727;}
.filter_tags::after {
  content: "\f00d"; font-family: "FontAwesome"; color: #ada7a7; margin-left: 5px;
}
.filter_tags.clear-all {background-color: transparent; border: none; color: #292727;}
.filter_tags.clear-all:hover { color: #ada7a7;}
.filter_tags.clear-all::after {display: none;}

/*--caviste_conseil ---------------------------------------------------------*/
.caviste_conseil { background-image: url(../img/section_img-caviste_conseil.jpg); color: #fff;}
.caviste_conseil .form_border_style {margin-top: 40px;}
.caviste_conseil .form_border_style .form-group label { font-weight: 400; text-transform: uppercase;}


/*--mieux noté double section fav_customers & guides ---------------------------------------------------------*/

.section_double .head_title_container.over_middle {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;
}
.section_double .head_title_container.over_middle .head_title {
  border: 1px solid #292727; padding: 5px 15px 15px;
}
.section_double .section_img { border-top: 10px solid #fff; border-right: 5px solid #fff;  }
.section_double .section_img + .section_img {border-left: 5px solid #fff; border-right: none; }
.section_double .section_img::before {background-color: rgba(0,0,0,0.3);}
.fav_customers { background-image: url(../img/section_img-fav_customers.jpg); color: #fff; position: relative; text-align: center;}
.fav_guides { background-image: url(../img/section_img-fav_guides.jpg); color: #fff; position: relative; text-align: center;}
.fav_customers .fav_prod_container {position: relative; margin-bottom: 20px; margin-left: 40%; margin-right: auto; transform: translateX(-50%); max-width: calc(300px + 90px); min-width: 320px;}
.fav_guides .fav_prod_container {position: relative; margin-bottom: 20px; margin-right: 40%; margin-left: auto; transform: translateX(50%); max-width: calc(300px + 90px); min-width: 320px;}
.fav_prod_container .head_title {color: #fff; padding-right: 90px;}
.fav_prod_container .carousel-inner .item {padding-right: 90px!important;}
.fav_prod_container .fav_prod_border {padding: 5px; background-color: rgba(255,255,255,0.4); z-index: 10; position: relative; width: 100%;  max-width: 300px;}
.fav_prod_container .fav_prod_border .prod {z-index: 1;}
.fav_guides .prod-note_guide {display: none!important;}
.fav_prod_container .fav_prod_border .side_panel_rate {
  position: absolute; right: 0; top: 50%; padding: 10px; transform: translate(0, -50%); opacity: 0;
  background-color: rgba(255,255,255,0.3); z-index: -11;
   -webkit-animation-name: side_panel_rate;
          animation-name: side_panel_rate;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
 -webkit-animation-play-state: running;
          animation-play-state: running;
}
.fav_prod_container .fav_prod_border .side_panel_rate a {display: block; text-align: center; margin: 2px auto;}
.fav_prod_container .fav_prod_border .side_panel_rate a .side_rate {
  display: inline-block; width: 60px; height: 80px; text-align: center; padding-top: 12px; line-height: 1.3;
  background-repeat: no-repeat; background-position: center; background-size: contain;
}
.fav_prod_container .fav_prod_border .side_panel_rate a .side_rate.customers {background-image: url(../img/side_rate-customers.png);}
.fav_prod_container .fav_prod_border .side_panel_rate a .side_rate.guides {background-image: url(../img/side_rate-guides.png);}
.fav_prod_container .fav_prod_border .side_panel_rate a .side_rate span {display: block; font-size: 17px; font-family: "Libre Baskerville", serif; color: #a9001f; line-height: 1em;}
.fav_prod_container .fav_prod_border .side_panel_rate a .side_rate small {display: inline-block; margin: 0 auto; border-top: 1px solid #ada7a7; font-size: 12px; font-weight: 900; color: #ada7a7;}

.carousel-indicators {
    position: absolute;
    bottom: -40px;
    left: calc(50% - 40px);
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

/* review -------------------------------------------------------------*/
.review_wac { background-image: url(../img/section_img-review_wac.jpg); }
.section_reviews_customers .head_title.simple {margin-bottom: -5px;}
.section_reviews_customers .head_title.simple strong {font-weight: 400;}
.review_score_container {background-color: #fff; padding:25px 15px; display: inline-block; position: relative; width: 100%;}
.review_score_container .review_score { text-align: center; padding: 0 15px;}
.review_score_container .review_score > strong {
  display: block; font-size: 90px; color: #ffbb00; line-height: 1;
}
.review_score_container .review_score > strong > small { font-weight: 300; font-size: 60px; }
.review_score_container .review_score > span {display: block; margin-top: 10px; font-size: 20px; color: #ffbb00}
.review_score_container .review_score + .review_score_graphic { box-sizing: border-box; border-left: 1px solid #d8d5d5; text-align: center; }

.review_score_container .review_score_graphic ul {display: inline-block; width: 100%; padding: 0 15px; margin: 0 auto;}
.review_score_container .review_score_graphic ul li {
    padding: 0 5px; margin: 0; position: relative;
    width: 20%; min-width: 20px; float: left;
    list-style: none; color: #f5b027;
}
.review_score_container .review_score_graphic ul li .progress {
    height: 120px; margin-bottom: 10px; overflow: hidden; position: relative;
    background-color: transparent;
    border-radius: 0px;
    box-shadow: none;
}
.review_score_container .review_score_graphic ul li .progress .progress-bar {
    position: absolute; bottom: 0; left: 0; width: 100%; min-height: 1px; max-height: calc(100% - 15px);
    font-size: 12px; line-height: 20px; color: inherit; text-align: center;
    background-color: #ffbb00; 
    box-shadow: none;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.review_score_container .review_score_graphic ul li .progress .progress-bar > span {display: block; color:#5e5858; transform: translateY(-100%); }

/*--- reviews_customers ------------*/
.section_reviews_customers .reviews_customers_container {margin-top: 40px; padding-left: 30px; }
.review { 
  position: relative; display: block; padding: 10px 10px 10px 50px; margin-bottom: 15px; 
  background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.reviews_customers_container.review_list .review:nth-child(even) {  background-color: #f7f5f5;}
.reviews_customers_container .review:last-child {margin-bottom: 15px;}
.review .review_profil {
  display: inline-block; position: absolute; left: 0; top: 10px; transform: translateX(-50%); width: 60px; height: 60px;
  background-color: #5e5858; overflow: hidden; border-radius: 50%; 
  color: #fff; font-family: "Libre Baskerville", serif; font-size: 24px; text-align: center; vertical-align: middle;
}
.review .review_profil span {display: inline-block; margin-top: 15px;}
.review .customer_rate, .starrr, .starrr a { font-size: 18px; color: #ffbb00; }
.review  p {font-size: 12px; line-height: 1.5; margin-bottom: 5px;}
.review p.review_footer {font-size: 11px; color:#ada7a7;}

/* Avis clients et experts---*/
.expert_advise {padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #c5c4c5}
.expert_advise:last-child {border:none; margin-bottom: 0}
.logo_guide img {float: right;}
.accroche_guide {font-style: italic; font-size: 12px; color: #797678; padding-top: 20px}
.guide_note, .guide_name {display: block;}
.guide_note {color:#a9001f; font-size: 20px}
.guide_note em {font-size: 30px; font-weight: bold; font-style: normal;}
.guide_name {color:#797678; font-size: 16px; padding-bottom: 10px;}
.wine_rate {margin-bottom: 30px; position: relative;}
.wine_rate .textarea {border:solid 2px #e3e3e3; padding: 15px 15px 25px; margin-left: 40px;}
.wine_rate .btn-yellow {margin-bottom: -15px; float: right;}
.section_grey .wine_rate .textarea {background-color: #fff;}

.starrr a {display: inline-block; margin:0 2px;}
.textarea textarea {border:none; width: 100%; max-width: 100%; margin-top: 10px; font-size: 12px; color: #bcbabb; position: relative; background-color: transparent;}
.textarea:before {position: absolute; left: -15px; content: ""; height: 60px; width: 60px; border:solid 1px #b5b1b4; border-radius: 100%; background:url(../img/header_account-ico.svg) 50% 50% no-repeat;}
.global_count, .starrr {display: inline-block; vertical-align: middle;}
.global_count {color: #bcbabb}
.bordered h4 {color:#a69f95;}
strong.title {font-weight: bold; font-size: 20px}
strong.block {background: white; margin-top: -40px}

/*--- Formuaires ---------------------------------------------------------------------*/
.classic_form input[type="text"], .classic_form textarea {width: 100%; height: auto; padding: 10px; border:solid 1px #d9d5d6;}
.classic_form textarea {height: 150px}
.bloc_form {margin-bottom: 35px;}
.title_bloc_form {display: block; max-width: 100%; margin-bottom: 5px; font-weight: 700;}
.title_bloc_form span {font-weight: normal; display: block;}
.has-error .title_bloc_form, .has-error label {color: #d30126}
.has-error input, .has-error .form-control, .has-error .dropdown_select dt a {border-color: #d30126}
.has-error .form-control:focus {
    border-color: #d30126;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 6px #d30126;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 6px #d30126;
}

/*--- Page contact ---------------------------------------------------------------------*/
.bloc_contact_content {margin-bottom: 40px}
.title_underline {text-transform: uppercase; letter-spacing: 2px; font-size: 24px; color: #292727; border-bottom: solid 1px #e6e6e6; padding-bottom: 15px; margin: 15px 0 25px}
.contact_form_content {background-color: white; border:solid 1px #eeeeee; padding: 40px; margin-bottom: 30px;}
.contact_form_content .form-group input, .contact_form_content .form-group select, .contact_form_content .form-group textarea {border:solid 1px #d8d5d5;}
.contact_form_content .form-control {height: 50px}
.btn-red-content {display: inline-block; background-color: #a9001f; padding-left: 40px; position: relative; padding: 15px 60px 15px 60px; max-width: 100%;}
.btn-red-content a {border-left: solid 1px white; padding: 5px 5px 5px 40px; color: white; font-size: 18px; letter-spacing: 1px}
.btn-red-content a:before {display: block; left: 25px; content: "@"; position: absolute; color: white; transform: translateY(-50%); top: 50%; font-size: 25px}
.address_info > div {margin: 30px 0}
.address_info > div > div {display: inline-block; vertical-align: middle;}
.address_info > div > div:first-child {padding: 0 30px; font-size: 30px; color: #a9001f}
.address_info > div > div:nth-child(2) {border-left: solid 1px #e6e6e6; padding-left: 30px; text-align: left; font-size: 16px; letter-spacing: 1px; color: #5e5858; width: 350px}
.address_info > div > div:nth-child(2) p {font-size: 14px}
.social_links a {
  height: 65px; width: 65px; border-radius: 100%; background-color: #a9001f; margin: 15px;
  color: white; font-size: 35px; display: inline-block; text-align: center; line-height: 65px;
   -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease
}
.social_links a:hover {background-color: #5e5858; }


/*--- actu & CMS---------------------------------------------------------------------*/
.article_blog { position: relative; margin-top: 15px; margin-bottom: 15px;}

.article_blog .article_blog_imglink {
  display: block; height: auto; width: 100%;
  overflow: hidden; position: relative;
}
.article_blog .article_blog_imglink::after {
  content: "En savoir plus"; position: absolute; display: block; bottom: 0; left: 0; width: 100%; transform: translateY(80%); padding: 10px 5px;
  background-color: rgba(0,0,0,0.3);
  font-size: 14px; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing: 1px; text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease
}
.article_blog .article_blog_imglink:hover::after {transform: translateY(0%);}
.article_blog .article_blog_imglink > img { width: 100%; }
.article_blog .article_blog_txt {height: auto; padding: 15px; height: 100px; line-height: 1; }
.article_blog .article_blog_txt time {
  display: inline-block; position: relative; width: 60px; height: 80px; margin: 0; padding: 0;
  box-sizing: border-box; border-right: 1px solid #5e5858; text-transform: uppercase; line-height: 1;
}
.article_blog .article_blog_txt time > strong {display: block; color: #a9001f; font-size: 30px;}
.article_blog .article_blog_txt time > span {
  display: block; color: #292727; font-size: 16px; font-weight: bold; margin-bottom: 2px; 
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.article_blog .article_blog_txt time > small {display: block; color: #ada7a7; font-size: 12px; }
.article_blog .article_blog_txt .article_blog_title {display: inline-block; width:  calc(100% - 70px); padding: 0 0 0 10px; vertical-align: top;}
.article_blog .article_blog_txt .article_blog_title > * {
  color: #292727; font-size: 17px; font-weight: bold; display: block; margin: 10px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.article_blog .article_blog_txt .article_blog_title:hover > * {color: #ada7a7;}
.cms {font-size: 14px; letter-spacing: 1px; color: #5e5858}
.cms .cms_head_title {text-align: center; color: #a9001f; margin: 20px 0 40px 0; font-size: 20px; font-weight: 600;}
.cms .cms_title {font-size: 14px; text-transform: uppercase; }
.cms p {line-height: 18px;}

/* projet_steps ----------------------------------------------------------------*/
.projet_steps { position: relative; color: #fff; padding:30px 30px; margin-top: 30px; margin-bottom: 30px; max-width:800px; width: 80%; float: left; margin-left: 50%; transform: translateX(-50%); }
.projet_steps::after {
  content: ""; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 85%;
  background-color: rgba(21,21,21,0.9); z-index: -1;
}
.projet_steps .projet_steps-title {display: inline-block; }
.projet_steps .projet_steps-title > * {
  font-family: "Rufina", serif; font-size: 70px; letter-spacing: 1px; text-transform: uppercase; margin: 0;
}
.projet_steps .projet_steps-txt {display: inline-block; }
.projet_steps .projet_steps-txt ol {
    padding:0;
    list-style:none;
    counter-reset: counter;
}
.projet_steps .projet_steps-txt ol li {
  position: relative; display: block; padding:10px 0; 
  font-size:14px;
}
.projet_steps .projet_steps-txt ol li:before {
    display: inline-block;
    float:left;
    font-size:30px;
    line-height:30px;
    font-weight:300;
    z-index: 100;
    margin-right: 20px;
    counter-increment: counter;
    content: "0" counter(counter) ".";
}



/*--- options pannel --------------------------------------------*/
.panel-group { margin: 15px 0; }
.panel-group .panel {
    margin-bottom: 0; border-radius: 0px; border-bottom: 1px solid #dcdcdc;
}
.panel-group .panel:first-child {border-top: 1px solid #dcdcdc;}
.panel-group .panel+.panel {margin-top: 0px;}
.panel-group .panel-heading {
    padding: 0px;
    border-bottom: none; border-top-left-radius: 0px;  border-top-right-radius: 0px;
}
.panel-group .panel-heading .panel-title {
    margin-top: 0; margin-bottom: 0;
    font-size: 16px; color: inherit; font-family: "Rufina", serif;
}
.panel-group .panel-heading .panel-title a strong { font-size: 21px; text-transform: uppercase;}
.panel-group .panel-heading .panel-title a {
  display: block; position: relative; padding: 30px 40px 30px 0;
  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.message_panel .panel-group .panel-heading .panel-title a {padding: 15px; background-color: #5e5858; font-size: 16px; color: white; font-family: 'Open Sans', sans-serif; font-weight: normal; letter-spacing: 1px}
.message_panel .panel-group .panel-heading .panel-title a[aria-expanded="true"]::before, .message_panel .panel-group .panel-heading .panel-title a[aria-expanded="true"]::after, .message_panel .panel-group .panel-heading .panel-title a[aria-expanded="false"]::before, .message_panel .panel-group .panel-heading .panel-title a[aria-expanded="false"]::after {background-color: white}
.message_panel .panel-body {padding: 0}
.panel-body .form {padding: 20px;}
.panel-body .form textarea {width: 100%; border: solid 1px #d8d5d5; padding: 15px; height: 150px}

.panel-group .panel-heading .panel-title a[aria-expanded="false"]::before,
.panel-group .panel-heading .panel-title a[aria-expanded="false"]::after {
  content: ""; display: inline-block; position: absolute; top: 50%; right: 5px;  height: 1px; width: 20px; background-color: #737373;
  -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]::before {transform: translate(-50%, -50%) rotate(0deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]::after {transform: translate(-50%, -50%) rotate(-90deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]:hover::before {transform: translate(-50%, -50%) rotate(90deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]:hover::after {transform: translate(-50%, -50%) rotate(-0deg);}

.panel-group .panel-heading .panel-title a[aria-expanded="true"]::before,
.panel-group .panel-heading .panel-title a[aria-expanded="true"]::after {
  content: ""; display: inline-block; position: absolute; top: 50%; right: 5px;  height: 1px; width: 20px; background-color: #737373;
  -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]::before {transform: translate(-50%, -50%) rotate(0deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]::after {transform: translate(-50%, -50%) rotate(0deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]:hover::before {transform: translate(-50%, -50%) rotate(45deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]:hover::after {transform: translate(-50%, -50%) rotate(-45deg);}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: none;}
.panel-body { padding: 0 0 30px 0; }

/*--popup profil detail ---*/
.fiche_profil-content.white-popup p {padding: 0; margin-top:80px; line-height: 23px;}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 30px 25px;
  width: auto;
  max-width: 420px;
  margin: 0 auto;
}
.white-popup.auto_size {
  max-width: 1000px;
}
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}




/* BTN & util **
**********************
-------------------------------------------------------------------*/

.btn-normal{
  position: relative; display: inline-block; padding: 10px 15px; margin: 15px auto 0; border: 1px solid #5e5858; background-color: transparent; overflow: hidden;
  color: #5e5858; font-size: 14px; font-weight: 400; letter-spacing:1px; text-align: center; border-radius: 0!important; box-sizing: border-box; vertical-align: top;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-normal:hover {background-color: transparent; color: #fff;}
.btn-normal::before {
  content: ""; position: absolute; display: block; bottom: 0; left: 0; height: 0px; width: 100%;
  background-color: #5e5858; z-index: -1;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-normal:hover::before { height: 100%; }

.btn-simple{
  position: relative; display: inline-block; padding: 10px 15px; margin: 15px auto 0; border: 1px solid #5e5858; background-color: transparent; overflow: hidden;
  color: #5e5858; font-size: 14px; font-weight: 400; letter-spacing:1px; text-align: center; border-radius: 0!important; box-sizing: border-box;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-simple:hover {background-color: #5e5858; color: #fff;}
 

.btn-normal.big {font-size: 18px; font-weight: 900; padding: 15px 20px;}
.large {display: block; width: 100%; }
.btn-normal:not(.large) + .btn-normal:not(.large) { margin-left: 15px; }

.btn-red, .btn-red:focus{
  position: relative; display: inline-block; padding: 10px 15px; margin: 15px auto 0; border: 1px solid #a9001f; background-color: transparent; overflow: hidden;
  color: #fff; font-size: 14px; font-weight: 400; letter-spacing:1px; text-align: center; border-radius: 0!important; z-index: 10; box-sizing: border-box; vertical-align: top;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-red:hover {background-color: transparent; color: #a9001f;}
.btn-red::before {
  content: ""; position: absolute; display: block; bottom: 0; left: 0; height: 100%; width: 100%;
  background-color: #a9001f; z-index: -1;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-red:hover::before { height: 2px; }

.btn-line {display: block; position: relative; width: 100%; margin: 15px 0;}
.btn-line::after {content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #eee; z-index: -1;}
.btn-line > a, .btn-line > button {
  position: relative; display: inline-block; padding: 10px 15px; margin: 0 auto; border: 1px solid #a9001f; background-color: #fff; overflow: hidden;
  color: #a9001f; font-size: 14px; font-weight: 400; letter-spacing:1px; text-align: center; border-radius: 0!important; box-sizing: border-box;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-line > a:hover, .btn-line > button:hover {background-color: #a9001f; color: #fff;}

.btn-light{
  position: relative; display: inline-block; padding: 5px 8px; margin: 10px 0 0; border: 1px solid #ada7a7; background-color: transparent; overflow: hidden;
  color: #ada7a7; font-size: 14px; font-weight: 400; text-align: center; border-radius: 0!important; box-sizing: border-box;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-light:hover {background-color: #ada7a7; color: #fff;}
.no_margin {margin: 0;}
.btn-light{
  position: relative; display: inline-block; padding: 5px 8px; margin: 10px 0 0; border: 1px solid #ada7a7; background-color: transparent; overflow: hidden;
  color: #ada7a7; font-size: 14px; font-weight: 400; text-align: center; border-radius: 0!important; box-sizing: border-box;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-light:hover {background-color: #ada7a7; color: #fff;}

.btn-yellow{
  position: relative; display: inline-block; padding: 10px 15px; margin: 5px auto 0; border: 1px solid #ffbb00; background-color: #ffbb00; overflow: hidden;
  color: #fff; font-size: 14px; font-weight: 400; letter-spacing:1px; text-align: center; border-radius: 0!important; box-sizing: border-box;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-yellow:hover {background-color: #fff; color: #ffbb00;}

.link_underline {display: inline-block; text-decoration: underline; padding: 10px 0; border: none; background-color: transparent;}
.link_underline_btn {display: inline-block; text-decoration: underline; padding: 0px; margin: -25px 10px 0; vertical-align: middle;}
.link_underline_simple { text-decoration: underline;}
.button_fake_link {
    display: inline-block;
    text-decoration: underline;
    padding: 0px;
    margin: -25px 10px 0;
    vertical-align: middle;
    background: none;
    border: none;
    text-decoration: underline;
    cursor: pointer;
}
/* alerts -------*/
.alert { width: 100%; float: left; margin-bottom: 10px;} .alert:last-child { margin-bottom: 0px;}
.warning {background: #f7c7cf; font-size: 14px; color: #292727; border-radius: 0; padding-left: 50px; position: relative;}
.success {background: #bdf6d1; font-size: 14px; color: #292727; border-radius: 0; padding-left: 50px; position: relative;}
.info {background: #bdf3f6; font-size: 14px; color: #292727; border-radius: 0; padding-left: 50px; position: relative;}
.warning:before {content: ""; height: 22px; width: 22px; background: url(../img/cross.png); display: inline-block; vertical-align: middle; position: absolute; left: 15px; top: 15px}
.success:before {content: ""; height: 22px; width: 22px; background: url(../img/success.png); display: inline-block; vertical-align: middle; position: absolute; left: 15px; top: 15px}
.info:before {content: ""; height: 22px; width: 22px; background: url(../img/info.png); display: inline-block; vertical-align: middle; position: absolute; left: 15px; top: 15px}
.green {color: #0fc64f}

/*variantes ----*/
.section_img .link_underline {color: #fff;}

.btn-red.over_down { position: absolute; bottom: -20px; left: 50%; transform: translate(-50%, 50%); }


.list-arrows { padding: 0; } .list-arrows li {list-style: none;} 
.list-arrows li::before {content: "\f0da"; font-family: "FontAwesome"; color: #c7a770; padding-right: 10px;}
/*share-links--------------------*/
.social-btn {
  display: inline-block;
  padding: 6px; margin: 0 5px; width: 40px; height: 40px; 
  border: 1px solid #c7a770; border-radius: 50%;
  color: #c7a770; font-size: 18px; line-height: 24px;  background-color: transparent; text-align: center;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.social-btn:hover {color: #fff; background-color: #c7a770;}
.social-btn.white {
  display: inline-block;
  padding: 6px; margin: 0 5px; width: 40px; height: 40px; 
  border: 1px solid #fff; border-radius: 50%;
  color: #fff; font-size: 18px; line-height: 24px;  background-color: transparent; text-align: center;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.social-btn.white:hover {color: #c7a770; background-color: #fff;}


/*-pagination nav ------------------------------------------------*/
.nav_pagination {position: relative;  z-index: 1;}
.nav_pagination .btn-simple.disabled { color: #ada7a7; border-color: #ada7a7; cursor: default;}
.nav_pagination .btn-simple.disabled:hover { color: #ada7a7; border-color: #ada7a7; background-color: transparent; cursor: default;}
.pagination { margin: 20px 0 ; border-radius: 0;}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 5px 5px;
    margin: 0 5px;
    line-height: 1.42857143; font-weight: 400;
    color: #5e5858;
    text-decoration: none;
    background-color: transparent;
    border: none; border-bottom: 1px solid transparent;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2; color: #5e5858; font-weight: bold; background-color: transparent;  border-color: #5e5858;
}
.pagination>li.current-page>span {
    font-weight: bold;
    text-decoration: underline;
}
/*-----forms-------------*/


.form-group input, .form-group  select, .form-group textarea {
  padding: 6px 12px;
  border-radius: 0px;
  margin-bottom: 0; box-sizing: border-box;
  border: 1px solid #d8d5d5;
  background-color: transparent;
  color: #5e5858; font-family: 'Open Sans', sans-serif;
}
.form-group input, .form-group  select {height: 42px;}
.form-group select {
  background: url("../img/arrow_select.png") no-repeat 98% 50%;
  -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.form-control:focus {
    border-color: #ada7a7;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03),0 0 8px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.03),0 0 8px rgba(0,0,0,.1);
}

/*.form-inline .form-group {display: block;}*/
.form-inline .label_block_top {display: block; width: 100%; padding: 0; margin-bottom: 5px; font-weight: bold;}

/*form_border_style --------------------------------------------------------*/
.form_border_style .form-group label { color: #fff; }
.form_border_style .form-control {height: 50px;}
.form_border_style .form-group input{
  background-color: transparent;
  color: rgba(0,0,0,0.8); font-size: 1.2em!important; text-transform: uppercase;
  padding: 0 0 6px 0; margin: 20px 0 5px;
  border: 2px solid #fff;
  box-shadow: none;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.form_border_style input:hover, .form_border_style input:focus{ border-bottom: 2px solid rgba(0,0,0,0.3);}
.form_border_style input::-webkit-input-placeholder { color: rgba(0,0,0,0.6);}
.form_border_style input::-moz-placeholder          { color: rgba(0,0,0,0.6);}
.form_border_style input:-ms-input-placeholder      { color: rgba(0,0,0,0.6);}
.form_border_style input:-moz-placeholder           { color: rgba(0,0,0,0.6);}

.form_border_style .form-group input, .form_border_style .form-group  select, .form_border_style .form-group textarea{
  border-radius: 0px;
  margin-bottom: 0;
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff; font-family: 'Open Sans', sans-serif;
}
.form_border_style .form-group select {
  background: url("../img/arrow_select-white.png") no-repeat 97% 50%;
  -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.form_border_style .form-group select option {color: #5e5858;}



/*-- checkbox---------*/
.checkbox {padding-bottom: 10px; padding-top: 10px; margin: 0;}
.checkbox input[type="checkbox"]  {
  position: absolute;
  opacity: 0;
}
.checkbox input[type="checkbox"] + label {padding-left: 0;}
.checkbox input[type="checkbox"] + label:before {
  content: '';
  background: #fff;
  border-radius: 0;
  border: 1px solid #ccc;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 0.1em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.checkbox input[type="checkbox"]:checked + label:before {
  background-color: #b50223;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.checkbox input[type="checkbox"]:focus + label:before {
  outline: none;
  border-color: #b50223;
}
.checkbox input[type="checkbox"]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #fff;
  background: #fff;
}
.checkbox input[type="checkbox"] + label:empty:before {
  margin-right: 0;
}


/*-- radio---------*/
.checkbox input[type="radio"]  {
  position: absolute;
  opacity: 0;
}
.checkbox input[type="radio"] + label {padding-left: 0; padding-right: 20px;}
.checkbox input[type="radio"] + label:before {
  content: '';
  background: #fff;
  border: 1px solid #d9d6d6;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 0.1em;
  margin-right: 0.5em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  border-radius: 100%;
}
.checkbox input[type="radio"]:checked + label:before {
  background-color: #b50223;
  box-shadow: inset 0 0 0 4px #ffffff;
}
.checkbox input[type="radio"]:focus + label:before {
  outline: none;
  border-color: #b50223;
}
.checkbox input[type="radio"]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #fff;
  background: #fff;
}
.checkbox input[type="radio"] + label:empty:before {
  margin-right: 0;
}

.checkbox.inline label {margin: 5px 0;}




/* modal-------------------------------------------*/
.modal_custom .modal-content {
    position: relative;
    background-color: rgba(255,255,255,0.9);
    color: #303030; font-size: 14px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border:none;
    border-radius:0;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.3);
    box-shadow: 0 3px 9px rgba(0,0,0,.3);
}
.modal_custom .close {font-size: 30px; line-height: 20px;}
.modal_custom .modal-header {
    padding: 15px;
    border-bottom: none;
    text-align: center;
}
.modal_custom .modal-title {
    color: #c7a770; font-size: 24px; font-family: 'Open Sans', sans-serif; font-weight: 900; text-transform: uppercase;
}
.modal_custom .modal-footer {
    padding: 15px;
    text-align: center;
    border-top: none;
}

/*--- magnifique popup --------------------------------------*/
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close  {
    display: inline-block; position: absolute; top: -10px!important; right: -10px!important; width: 60px!important; height: 60px!important;
    border:none; font-size: 0; padding: 0!important;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.mfp-image-holder .mfp-close::before, .mfp-iframe-holder .mfp-close::before, .mfp-image-holder .mfp-close::after, .mfp-iframe-holder .mfp-close::after {
  content: ""; display: inline-block; position: absolute; top: 50%; left: 50%;  height: 2px; width: 30px; background-color: #fff;
  -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.mfp-image-holder .mfp-close::before, .mfp-iframe-holder .mfp-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.mfp-image-holder .mfp-close::after, .mfp-iframe-holder .mfp-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover, 
.mfp-image-holder .mfp-close:focus, .mfp-iframe-holder .mfp-close:focus, 
.mfp-image-holder .mfp-close:active, .mfp-iframe-holder .mfp-close:active {color: #45c6d2; border-color: #45c6d2;}
.mfp-image-holder .mfp-close:hover::before, .mfp-iframe-holder .mfp-close:hover::before, 
.mfp-image-holder .mfp-close:hover::after, .mfp-iframe-holder .mfp-close:hover::after {transform: translate(-50%, -50%) rotate(180deg);}
.mfp-arrow-left:before { 
  content: "\f177"; font-family: "FontAwesome"; display: block; width: 40px; height: 40px; background-color: #fff; margin-left: 15px; 
  color: #222; border: none; text-align: center; line-height: 40px; opacity: 0.8;
}
.mfp-arrow-right:before { 
  content: "\f178"; font-family: "FontAwesome";  display: block; width: 40px; height: 40px; background-color: #fff; margin-right: 15px; right: 0; left: auto;
  color: #222; border: none; text-align: center; line-height: 40px; opacity: 0.8;
}
.mfp-arrow-left:after, .mfp-arrow-right:after {display: none;}


/*--popup profil detail ---*/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 30px 25px;
  width: auto;
  max-width: 850px;
  margin: 0 auto;
}
.white-popup.auto_size {
  max-width: 1000px;
}
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}
.prod_popup button.mfp-close {
    width: 70px;
    height: 70px;
    text-indent: 9999;
    text-decoration: none;
    background-color: #fff;
    text-align: center;
    opacity: 1;
    font-size: 0px;
}
.prod_popup button.mfp-close::before,
.prod_popup button.mfp-close::after {
  content: ""; display: block; position: absolute; top: 35px; right: 15px; width: 40px; height: 1px; transform: rotate(45deg);
  background-color: #ada7a7;
  -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  -ms-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;
}
.prod_popup button.mfp-close::after {transform: rotate(-45deg);}
.prod_popup button.mfp-close:hover::before,
.prod_popup button.mfp-close:hover::after {
  background-color: #ada7a7; transform: rotate(180deg);
}
.mfp-figure button.mfp-close {
    width: 40px;
    height: 40px;
    text-indent: 9999;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    font-size: 0px;
}
.mfp-figure button.mfp-close::before,
.mfp-figure button.mfp-close::after {
  content: ""; display: block; position: absolute; top: 0px; right: 0px; width: 40px; height: 1px; transform: rotate(45deg);
  background-color: #ada7a7;
  -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  -ms-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;
}
.mfp-figure button.mfp-close::after {transform: rotate(-45deg);}
.mfp-figure button.mfp-close:hover::before,
.mfp-figure button.mfp-close:hover::after {
  background-color: #ada7a7; transform: rotate(180deg);
}


/*- page 404 --------------------------------------*/
#page_404 {
  display: block; position: relative; width: 100%; height: auto; padding: 100px 0; color: #fff;
  background: url(../img/bg_img-404.jpg) no-repeat center; background-size: cover;
}
#page_404 .head_title_container {background-color: #000;}
#page_404 .head_title_container .head_title {color: #fff; border-top: 1px solid #fff;}
#page_404 .head_title_container .head_title  span { background-color: #000; transform: translateY(-100%);}
#page_404 .head_title_container .head_title strong {font-size: 100px;}
#page_404 .btn-red:hover {background-color: #fff;}
#page_404 .btn-simple {color: #fff; border-color: #fff;}
#page_404 .btn-simple:hover {color: #000; background-color: #fff; border-color: #fff;}

/*----tooltips ----------------------------*/
.tooltip {z-index: 999;}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #fff;
}
.tooltip-inner {
  max-width: 300px;
  padding: 5px 10px;
  color: #5e5858;
  text-align: center;
  background-color: #fff;
  border-radius: 1px; 
  -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); 
}



/* back to top
----------------------------------------------------------------*/

.cd-top {
  display: inline-block;
  width: 40px; height: 40px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  border: 1px solid #d8d5d5;
  color: #d8d5d5; text-align: center; font-size: 24px;
  overflow: hidden;
  background-color: transparent;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top:after {content: '\f106'; font-family: "FontAwesome";}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .8;
}
.no-touch .cd-top {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.no-touch .cd-top:hover {
  background-color: #d8d5d5; color: #fff;
  opacity: 1;
}



/*  footer
-----------------------------------------------------------*/
footer#footer { 
  position: relative; display: block; width: 100%;  margin-top: 0px; background-color: #292727;
  font-size: 14px; color: #ada7a7;
}
/* reasu ----------------------------------------------------------------*/
footer#footer .section_reasu {
  height: 100px; transform: translateY(-50%);
  background-color: #a9001f;
}
footer#footer .section_reasu .reasu { 
  display: inline-block; position: relative; width: 20%; padding: 0; float: left; height: 100px;
}
footer#footer .section_reasu .reasu::before {
  content: ""; display: block; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); width: 50px; height: 50px;
  background-repeat: no-repeat; background-position: center; background-size: contain;
}
footer#footer .section_reasu .reasu .reasu-title {
  display: block; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 100%; padding-left: 65px; padding-right: 5px;
  font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -0.5px; text-align: left;
}
footer#footer .section_reasu .reasu.reasu-stock::before {background-image: url(../img/reasu-stock.svg);}
footer#footer .section_reasu .reasu.reasu-selection::before {background-image: url(../img/reasu-selection.svg);}
footer#footer .section_reasu .reasu.reasu-satisfaction::before {background-image: url(../img/reasu-satisfaction.svg);}
footer#footer .section_reasu .reasu.reasu-delivery::before {background-image: url(../img/reasu-delivery.svg);}
footer#footer .section_reasu .reasu.reasu-secure::before {background-image: url(../img/reasu-secure.svg);}



footer#footer a {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  } 
footer#footer a:hover {color: #ada7a7;}

footer#footer ul {padding: 0;}
footer#footer ul.lang { display: inline-block; float: none; }
footer#footer ul.lang li {
  display: inline-block; float: none; padding: 0px; list-style: none; 
}
footer#footer ul.lang li::after {
  content: "|"; display: inline-block; padding: 5px;
}
footer#footer ul.lang li:last-child::after {display: none;}
footer#footer ul.lang li a {padding: 5px;}

footer#footer .footer_title {
  display: block; position: relative; margin: 15px 0; padding-bottom: 15px;
 font-size: 18px; font-weight: bold; letter-spacing: 0px; color: #fff; text-transform: uppercase;
}
footer#footer .footer_title::after {
  content: ""; display: block; position: absolute; bottom: 0; width: 30px; height: 1px;  background-color: #fff;
}
footer#footer .footer_title.text-center::after { left: 50%; transform: translateX(-50%);}
footer#footer .footer_title.text-right::after { right: 0;}

footer#footer .newsletter_form {position: relative; max-width: 270px;}
footer#footer .newsletter_form input.form-control {
  height: 40px; border: 1px solid #fff; border-radius: 0; padding-right: 40px; background-color: transparent; color: #fff;
}
footer#footer .newsletter_form .btn-go {
  position: absolute; top: 0; right: 0; display: block; height: 40px; width: 40px; padding: 0;
  background:transparent; color: #fff; text-align: center; border: none;
  -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}
footer#footer .newsletter_form .btn-go:hover {
  
}
footer#footer .social_block a { display: inline-block; padding: 0 15px 15px; font-size: 24px; font-weight: normal; } 
footer#footer .btn-ico {
  display: inline-block; margin: 0 0 15px 15px; width: 35px; height: 35px; float: right;
  background-repeat: no-repeat; background-position: center; background-size: contain;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
footer#footer .btn-ico:hover {opacity: 0.6;}
footer#footer .btn-ico.ico-chat {background-image: url(../img/ico-chat.svg);}
footer#footer .btn-ico.ico-lettre {background-image: url(../img/ico-lettre.svg);}
footer#footer .btn-ico.ico-phone {background-image: url(../img/ico-phone.svg);}
footer#footer .btn-ico.ico-mail {background-image: url(../img/ico-mail.svg);}

footer#footer .footer_links { margin-top: 15px;}
footer#footer .footer_links .footer_title { font-size: 15px; padding-bottom: 0; margin: 15px 0 5px; }
footer#footer .footer_links .footer_title::after {display: none;}
@media screen and (max-width: 768px) {
  
}
footer#footer .footer_links ul li {list-style: none; display: block;}
footer#footer .footer_links ul li a {
  display: inline-block; color: #d8d5d5; padding: 5px 0;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
footer#footer .footer_links ul li a:hover { color: #fff;}


footer#footer .footer_links_small { display: inline-block; float: none; margin-top: 15px; font-size: 12px;}
footer#footer .footer_links_small li {
  display: inline-block; float: none; padding: 0px; list-style: none; 
}
footer#footer .footer_links_small li::after {
  content: "|"; display: inline-block; padding: 5px;
}
footer#footer .footer_links_small li:last-child::after {display: none;}
footer#footer .footer_links_small li a {
  padding: 5px; color: #d8d5d5;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
footer#footer .footer_links_small li a:hover {color: #fff;}
footer#footer .footer_brand {
  display: inline-block; margin: 15px auto; 
  opacity: 1; -webkit-filter:grayscale(98%) brightness(200%); -moz-filter:grayscale(98%) brightness(200%); -ms-filter:grayscale(98%) brightness(200%); -o-filter:grayscale(98%) brightness(200%); filter:grayscale(98%) brightness(200%);
}

footer#footer small {color:#5e5858; }


/* RESPONSIVE CSS
-------------------------------------------------- */

/*- responsive website ----------------*/
@media screen and (max-width: 1400px) {
  #home_slider_center .slick-list.draggable::before, 
  #home_slider_center .slick-list.draggable::after {width: 8%;}
  #home_slider_center .slick-prev {left: calc(8% - 40px);} #home_slider_center .slick-next {right: calc(8% - 40px);}
}

@media screen and (max-width: 1200px) {
  .scroller-inner {margin-top: 145px;}

  .slider-caption .slider_title-content .slider_title span {font-size: 24px;}
  .slider-caption .slider_title-content .slider_title strong {font-size: 36px; letter-spacing: 0; }

  .prod .prod-txt .prod-title { height: 40px; margin: 15px auto 0; font-size: 14px; }

  .head_title.simple span {font-size: 16px; background-color: transparent;}
  .head_title.simple strong {font-size: 24px;}

}

@media (max-width: 1200px) and (min-width: 991px) {
  
}

@media screen and (max-width: 991px) {
  .scroller-inner {margin-top: 105px;}
  #home_slider_center .slick-list.draggable::before, 
  #home_slider_center .slick-list.draggable::after {width: 60px;}
  #home_slider_center .slick-prev {left: calc(60px - 40px);} #home_slider_center .slick-next {right: calc(60px - 40px);}


  .section_double .section_img { border-top: 10px solid #fff; border-right: none;  }
  .section_double .section_img + .section_img {border-left: none; border-right: none; }
  .fav_customers {padding-bottom: 120px;}
  .fav_customers .fav_prod_container {margin-bottom: 20px; margin-left: calc(50% + 45px); margin-right: 0; width: 100%;}
  .fav_guides {padding-top: 120px;}
  .fav_guides .fav_prod_container {margin-bottom: 20px; margin-left: calc(50% + 45px); margin-right: 0; transform: translateX(-50%); width: 100%;}
  .fav_prod_container .head_title span {font-size: 18px; background-color: transparent;}
  .fav_prod_container .head_title strong {font-size: 30px;}

  

  /* reasu ----------------------------------------------------------------*/
  footer#footer .section_reasu {font-size: 0; text-align: center; height: auto; margin: -80px -15px 30px; transform: translateY(0); }
  footer#footer .section_reasu .reasu { width: 33.33333333%; float: none; height: 60px; margin: 10px auto;  }

}

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

}

@media screen and (min-width: 768px) {
  footer#footer .footer_links div[aria-expanded="true"],
  footer#footer .footer_links div[aria-expanded="false"] { display: block; height: auto!important; }
}

@media screen and (max-width: 768px) {
  .scroller-inner {margin-top: 100px;}
  #home_slider_center .slick-list.draggable::before, 
  #home_slider_center .slick-list.draggable::after {display: none;}
  .slider-caption .slider_title-content .slider_title span {font-size: 18px; line-height: 2.4;}
  .slider-caption .slider_title-content .slider_title strong {font-size: 26px; letter-spacing: 0;}
  .slider-caption .slider_title-content .btn_slider {padding: 5px 10px; font-size: 12px;}

  
  /* responsive slider ---------------------*/
  .slider_responsive_3 .slick-prev, .slider_responsive_3 .slick-next,
  .slider_responsive_4 .slick-prev, .slider_responsive_4 .slick-next,
  .slider_cat_responsive_3 .slick-prev, .slider_cat_responsive_3 .slick-next,
  .slider_prods_4 .slick-prev, .slider_prods_4 .slick-next,
  .slider_responsive_prods_4 .slick-prev, .slider_responsive_prods_4 .slick-next {
     font-size: 0; line-height: 0; text-align: center;
    position: absolute; top: 0; display: inline-block; width: 20%; height:100%; transform: translateY(0);
    z-index: 10; padding: 0; 
    cursor: pointer; color: transparent; border: none; outline: none; background: transparent;
  }
  .slider_prods_4 .slick-prev,
  .slider_responsive_prods_4 .slick-prev,
  .slider_cat_responsive_3 .slick-prev,
  .slider_responsive_4 .slick-prev,
  .slider_responsive_3 .slick-prev {left: 0px;} 
  .slider_prods_4 .slick-next,
  .slider_responsive_prods_4 .slick-next,
  .slider_cat_responsive_3 .slick-next,
  .slider_responsive_4 .slick-next,
  .slider_responsive_3 .slick-next  {right: 0px;}
  .slider_prods_4 .slick-prev::before,
  .slider_responsive_prods_4 .slick-prev::before,
  .slider_cat_responsive_3 .slick-prev::before,
  .slider_responsive_4 .slick-prev::before, 
  .slider_responsive_3 .slick-prev::before {content: "\f104";} 
  .slider_responsive_prods_4 .slick-next::before,
  .slider_prods_4 .slick-next::before,
  .slider_cat_responsive_3 .slick-next::before,
  .slider_responsive_4 .slick-next::before,
  .slider_responsive_3 .slick-next::before { content: "\f105";}
  .slider_responsive_prods_4 .slick-prev::before, .slider_responsive_prods_4 .slick-next::before,
  .slider_prods_4 .slick-prev::before, .slider_prods_4 .slick-next::before,
  .slider_cat_responsive_3 .slick-prev::before, .slider_cat_responsive_3 .slick-next::before,
  .slider_responsive_4  .slick-prev::before, .slider_responsive_4  .slick-next::before,
  .slider_responsive_3  .slick-prev::before, .slider_responsive_3  .slick-next::before {
      font-family: "FontAwesome"; font-size: 30px; line-height: 1; color: #292727; z-index: 10;
      -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
  }
  .slider_prods_4 .slick-prev:hover::before, .slider_prods_4 .slick-next:hover::before,
  .slider_responsive_prods_4 .slick-prev:hover::before, .slider_responsive_prods_4 .slick-next:hover::before,
  .slider_cat_responsive_3 .slick-prev:hover::before, .slider_cat_responsive_3 .slick-next:hover::before,
  .slider_responsive_4 .slick-prev:hover::before, .slider_responsive_4 .slick-next:hover::before,
  .slider_responsive_3 .slick-prev:hover::before, .slider_responsive_3 .slick-next:hover::before {color: #a9001f;}
  /* responsive slider slick ---------------*/
  .slider_responsive_3 .slick-slide,
  .slider_cat_responsive_3 .slick-slide,
  .slider_prods_4 .slick-slide,
  .slider_responsive_prods_4 .slick-slide {
    opacity: 0.2; 
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
  }
 
  .slider_responsive_3 .slick-slide.slick-current,
  .slider_cat_responsive_3 .slick-slide.slick-current,
  .slider_prods_4 .slick-slide.slick-current,
  .slider_responsive_prods_4 .slick-slide.slick-current {
    opacity: 1; 
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
  }

  .head_title {line-height: 0.7;}
  .head_title span {font-size: 16px; line-height: 1.2;}
  .head_title strong {font-size: 24px;}
  .head_title.simple span {font-size: 14px;}
  .head_title.simple strong {font-size: 21px;}


  .fav_customers .fav_prod_container {margin-bottom: 20px; margin-left: calc(50% + 45px); margin-right: 0; width: 100%;}
  .fav_guides .fav_prod_container {margin-bottom: 20px; margin-left: calc(50% + 45px); margin-right: 0; transform: translateX(-50%); width: 100%;}
  .fav_prod_container .head_title span {font-size: 18px; background-color: transparent;}
  .fav_prod_container .head_title strong {font-size: 30px;}

  .article_blog .article_blog_txt time {width: 50px; height: 70px;}
  .article_blog .article_blog_txt time > strong {font-size: 21px;}
  .article_blog .article_blog_txt time > span {font-size: 14px; }
  .article_blog .article_blog_txt time > small {font-size: 11px; }
  .article_blog .article_blog_txt .article_blog_title {width:  calc(100% - 60px);}
  .article_blog .article_blog_txt .article_blog_title > * { font-size: 14px; }


  .prod.prod_full_size figure { display: block; position: relative; width: 100%; height: 190px; padding: 15px 0 0px; float: none; overflow: visible; }
  .prod.prod_full_size figure img {position: relative; top: auto; left: auto; transform: translate(0, 0) scale(1); width: 100%; max-width: 220px; }
  .prod.prod_full_size figure .prod_tags-container .prod-tag {display: block;}
  .prod.prod_full_size figure .prod-note_guide {display: inline-block; position: absolute; bottom: 5px; left: 0px; transform: translateY(0); z-index: 2;}
  .prod.prod_full_size figure .prod-note_guide a {display: none; }
  .prod.prod_full_size figure .prod-note_guide a:nth-child(1),
  .prod.prod_full_size figure .prod-note_guide a:nth-child(2) {display: block; }
  .prod.prod_full_size .solde::after {
    content:attr(data-solde);
    position: absolute; z-index: 2;
    top: auto; bottom: 5px; left: auto; right: -5px; height: 35px; padding: 5px 5px 5px 15px ; background: url(../img/solde_bg.svg) no-repeat left center; background-size:  auto 100%;
  }
  .prod.prod_full_size .fin_de_lot::after {bottom: 5px; transform: translateY(0);}
  .prod.prod_full_size .prod-txt { position: static; transform: translateY(0%); display: block; width: 100%; padding: 0;}
  .prod.prod_full_size .prod-txt .prod-title { height: 40px; margin: 15px auto 0; font-size: 14px;}
  .prod.prod_full_size .prod-txt .prod_tags-container { display: none;}
  .prod.prod_full_size .prod-txt .prod-avis {margin-top: 10px; font-size: 10px;}
  .prod.prod_full_size .prod-txt .prod-description {display: none;}

  .logo_guide img {float: left;}

  .review_score_container { padding:25px 0px;}
  .review_score_container .review_score { padding: 0;}
  .review_score_container .review_score > strong {font-size: 50px; }
  .review_score_container .review_score > strong > small { font-size: 40px; }
  .review_score_container .review_score > span {font-size: 14px;}
  .review_score_container .review_score + .review_score_graphic {border-left: none;}
  /*--- reviews_customers ------------*/
  .section_reviews_customers .reviews_customers_container {padding-left:0px; }
  .review {padding: 40px 10px 10px 10px; margin-bottom: 50px; }
  .review .review_profil {left: 10px; top: 0px; transform: translateX(0) translateY(-50%);}
  .review:last-child {margin-bottom: 15px;}

  .wine_rate {margin-bottom: 50px; margin-top: 30px;}
  .wine_rate .textarea {position: relative; border:solid 2px #e3e3e3; padding: 40px 15px 15px; margin-left: 0px;}
  .textarea textarea {border:none; width: 100%; max-width: 100%; margin-top: 10px; font-size: 12px; color: #bcbabb; position: relative; background-color: transparent;}
  .textarea:before {
    content: ""; position: absolute; left: 15px; top: 0; transform: translateY(-50%); height: 60px; width: 60px;
    border:solid 1px #b5b1b4; border-radius: 100%; background:#fff url(../img/header_account-ico.svg) 50% 50% no-repeat;
  }

  .prod-qtt_selection > div:last-child {padding-left: 0px;}

  .bordered {padding: 25px 15px;}
  .title_underline {font-size: 18px;}
  .contact_form_content {padding: 15px; }

  .cd-top {display: none!important;}
  footer#footer .section_reasu {font-size: 0; text-align: center; height: auto; margin: 0 -15px 30px; transform: translateY(0); }
  footer#footer .section_reasu .reasu { min-width: 250px; width: 50%; max-width: 100%; float: none; height: 60px; margin: 10px auto;  }

  footer#footer .footer_blocks_top {text-align: left; margin: 15px 0;}
  footer#footer .footer_blocks_top .footer_title {text-align: left;}
  footer#footer .footer_blocks_top .footer_title.text-center::after { left: 0; transform: translateX(0);}
  footer#footer .footer_blocks_top .footer_title.text-right::after { right: auto; left: 0;}
  footer#footer .btn-ico {margin: 0  15px 15px 0; float: left;}
  
  footer#footer .footer_links a[aria-expanded="true"],
  footer#footer .footer_links a[aria-expanded="false"] {position: relative; display: inline-block; padding-right:  20px;}
  footer#footer .footer_links a[aria-expanded="true"]::after,
  footer#footer .footer_links a[aria-expanded="false"]::after {
    content: "\f0d7"; position: absolute; top: 15px; right: 0; transform:rotate(0deg);
    font-family: "FontAwesome";
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
  }
  footer#footer .footer_links a[aria-expanded="true"]::after {transform:rotate(180deg);}
 
}

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

  .fav_guides .prod-note_guide {display: inline-block!important;}
  .fav_guides .side_panel_rate,
  .fav_customers .side_panel_rate { display: none; }

  .btn-red-content a {padding: 5px 5px 5px 20px; font-size: 14px; letter-spacing: 0px}
  .address_info > div {text-align: left;}

  #page_404 .head_title_container .head_title strong {font-size: 70px;}

}
@media screen and (max-height: 500px) {

}

/*--------------------
       Loading
---------------------*/

.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px;
}

.ui.loading.dropdown > i.icon {
    height: 1em !important;
    padding: 1.14285714em 1.07142857em !important;
}

.ui.loading.dropdown > i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1);
}

.ui.loading.dropdown > i.icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    box-shadow: 0px 0px 0px 1px transparent;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: dropdown-spin 0.6s linear;
    animation: dropdown-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
}

/*--------------
    Loading
---------------*/

i.icon.loading {
    height: 1em;
    line-height: 1;
    -webkit-animation: icon-loading 2s linear infinite;
    animation: icon-loading 2s linear infinite;
}

@-webkit-keyframes icon-loading {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes icon-loading {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*------------------
    Segment Loading
-------------------*/

.ui.loading.segment {
    position: relative;
    cursor: default;
    pointer-events: none;
    text-shadow: none !important;
    color: transparent !important;
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
}

.ui.loading.segment:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0%;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    border-radius: 0.28571429rem;
    z-index: 100;
}

.ui.loading.segment:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0em 0em -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: segment-spin 0.6s linear;
    animation: segment-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0.2em;
    box-shadow: 0px 0px 0px 1px transparent;
    visibility: visible;
    z-index: 101;
}

@-webkit-keyframes segment-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes segment-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*----------------
    Form Loading
-----------------*/

form.ui.loading {
    position: relative;
    cursor: default;
    pointer-events: none;
}

form.ui.loading:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0%;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 100;
}

form.ui.loading:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0em 0em -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: form-spin 0.6s linear;
    animation: form-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0.2em;
    box-shadow: 0px 0px 0px 1px transparent;
    visibility: visible;
    z-index: 101;
}

@-webkit-keyframes form-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes form-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*Primeur ------------------*/
.listing-primeur-title {
    display: block; position: relative; padding:2px 5px; margin: 7px 0;
    font-family: 'Libre Baskerville', serif; font-size: 12px; text-transform: uppercase; color: #5e5858;
}
.listing-primeur-title::before {
    content: ""; display: block; position: absolute; width: 42px; height: 42px; top: 30%; left: 50%; transform: translate(-50%, -50%);
    background: url(../img/primeur_title-ico.svg) no-repeat center; background-size: contain; z-index: 0;
}
.listing-primeur-title strong {
    background-color: #fff;
    display: inline-block;
    font-weight: 300;
    line-height: 1;
    padding: 2px 2px;
    position: relative;
    white-space: nowrap;
    z-index: 1;
}
.listing-primeur-title + .prod-price {height: 70px;}