.margin-top-20 {
   margin-top: 10px !important;
}

.flex-responsive {
   align-items: left;
}

#nombre_livraisons {
   -webkit-appearance: none;
   -moz-appearance: textfield;
   margin: 0;
}


#lay {
   background-color: #FFFFFFAA;
   z-index: 9999;
   width: 100vw;
   position: fixed;
   top: 0;
   bottom: 0;
   left:0%;
   right:0;
   visibility: hidden;
}

#lay-black {
   background-color: #000000AA;
   z-index: 9999;
   width: 100vw;
   position: fixed;
   top: 0;
   bottom: 0;
   left:0%;
   right:0;
   visibility: hidden;
}

.overlay::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: no-repeat center/cover;
   filter: brightness(0.3);
}

#form1Button:disabled {
   background-color: #ccc;
}

.overlay1::before {
   background-image: url(/img/boutiques/btob/cadeau-entreprise-ce.jpg);
}

.overlay2::before {
   background-image: url(/img/boutiques/btob/coffret-vin.jpg);
}

.overlay3::before {
   background-image: url(/img/boutiques/btob/livraison-multi-adressage.jpg);
}

.overlay1CHR::before {
   background-image: url(/img/boutiques/btob/restaurant-caviste.jpg);
}

.overlay2CHR::before {
   background-image: url(/img/boutiques/btob/carte-vins.jpg);
}

.overlay3CHR::before {
   background-image: url(/img/boutiques/btob/site-professionnel.jpg);
}

.overlay {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-evenly;
   height: 100%;
}

.heigth265 {
   min-height: 265px;
   text-align: left;
}

.underlay {
   background: no-repeat center/cover;
}

.img-overlay {
   background-color: #00000099;
   width: 100%;
   height: 100%;
   visibility: hidden;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
   padding: 5px;
}

.open-form {
   height: 58px;
   line-height: 58px;
   color: #000;
   background-color: #fff;
   display: inline-block;
   font-weight: bold;
   font-size: 22px;
   text-align: center;
   padding: 0 20px;
}

.open-form:hover {
   background-color: #D4BFBB;
   color: #000;
}

#devis {
   background: url(/img/boutiques/btob/devis.jpg) #000 no-repeat left/cover;
   position: fixed;
   visibility: hidden;
   z-index: 9999;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 10px;
   max-height: 100vh;
   overflow: scroll;
}

#devis input,
#devis textarea {
   color: #000;
}

#devis input[type="date"]{
   color: #ccc
}

.label-title {
   letter-spacing: 3px;
   font-weight: bold;
}

.devis-button {
   background-color: #00000088;
   color: #fff;
   display: inline-block;
   border-radius: 30px;
   padding: 10px 20px
}

.linkedIn {
   width: 80px;
   fill: #ffffff !important
}

.form-container {
   border-radius: 5px;
   height: auto;
   background-color: #FFF;
   padding: 0 0 2%;
}

#form-header {
   background-color: #F5F5F5;
   display: flex;
   align-items: center;
   height: 65px;
   width: 100%;
   border-radius: 5px;
}

.form-button {
   background-color: #26B48D;
   padding: 15px 30px;
   border: 1px solid;
   color: #fff;
}

.price-buttons button {
   margin-left: 0px !important;
}

.buttonPrice{
   color: #ccc;
}

.delivery-input {
   display: flex;
   border: 1px solid #CCC;
}

.coni {
   padding: 6px;
   background: #f5F5F5;
   text-align: center;
   color: #ccc;
}

.icon-trash {
   border-right: 1px solid #ccc;
}

#nombre_livraisons {
   border: 0;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   height: 26px;
}

.presse {
   margin: 20px 0
}

.underlay:hover .img-overlay {
   visibility: visible;
}

.more {
   position: fixed;
   visibility: hidden;
   z-index: 10000;
   top: 5%;
   left: 3%;
   right: 3%;
   bottom: 20px;
   background-color: #fff;
   padding: 10px;
   max-height: 100vh;
   overflow: scroll;
}

.more-auto{
   bottom: auto
}

.more article {
   padding: 0;
   background-color: #fff;
}

.more img {
   width: 100%;
   object-fit: cover;
}

.unpop {
   position: absolute;
   right: 12px;
   top: 12px;
   cursor: pointer;
   font-family: Geneva, Verdana, sans-serif;
   font-size: 20px;
   font-weight: bold;
   z-index: 2000;
   background-color: white;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
}

.vingt {
   display: inline-grid;
}

.entreprises {
   padding: 40px 0;
   align-items: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
   text-align: center;
}

.entreprises::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(/img/boutiques/btob/avis-client-pro-vinatis.jpg) no-repeat center/cover;
   filter: brightness(0.4);
}

.chr::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(/img/boutiques/btob/avis-client-pro-vinatis.jpg) no-repeat center/cover;
   filter: brightness(0.4);
}

.avis {
   background-color: #fff;
   border-radius: 5px;
   padding: 20px;
}

.player1 {
   width: 100%;
   text-align: center;
   display: inline-block;
}

.player {
   width: 50%;
   text-align: center;
   display: inline-block;
}

.player1 img,
.player img {
   border-radius: 50%;
   width: 60%;
}

.open-form2 {
   width: 266px;
   height: 58px;
   line-height: 58px;
   color: #fff;
   background-color: #000;
   display: inline-block;
   font-weight: bold;
   font-size: 22px;
}

.selector, .selector span {
   width: 100% !important;
}

.open-form2:hover {
   background-color: #474242;
   color: #fff;
}

#dl:hover{
   background-color: #26B48D !important;
}

@media (min-width: 768px) {
   .flex-responsive {
      align-items: center;
   }

   .heigth265 {
      height: 265px;
      align-items: left;
   }

   .margin-top-20 {
      margin-top: 20px !important;
   }

   .flexi {
      display: flex;
   }

   .mgr5 {
      margin-right: 5px;
   }

   .mgl5 {
      margin-left: 5px;
   }

   .bandeau-bas {
      display: none !important;
   }

   #devis {
      right: 5%;
      bottom: auto;
      padding: 20px;
      top: 50%;
      left: 50%;
      /* à 50%/50% du parent référent */
      transform: translate(-50%, -50%);
      /* décalage de 50% de sa propre taille */
      width: 1000px;
      border-radius: 5px;
   }

   #devis h2 {
      margin-top: 40px;
      font: 25px;
      letter-spacing: 7px;
   }

   .presse {
      margin: 0 0 0 20px;
      padding: 15px 10px;
   }

   .more {
      top: 10%;
      left: 10%;
      right: 10%;
      bottom: 20px;
      max-width: 1000px;
   }

   .more-auto{
      bottom: auto;
   }
   .team {
      display: flex;
   }

   .player1,
   .player {
      width: 20%;
   }

   .player1 img,
   .player img {
      border-radius: 50%;
      width: 60%;
   }
}

@media (min-width: 992px) {
   .heigth265 {
      height: 465px;
      align-items: center;
   }

   .vingt {
      width: 20%;
   }
}


/*** SLIDERS ***/

.slider-reviews .owl-prev,
.slider-reviews .owl-next,
.slider-logos .owl-prev,
.slider-logos .owl-next,
.owl-carousel.slider-themes .owl-prev,
.owl-carousel.slider-themes .owl-next {
   background: #f1f1f5;
   color: #293847;
   cursor: pointer;
   font-size: 4em;
   height: 110px;
   line-height: 90px;
   opacity: .4;
   padding: 0 15px 0 12px;
   position: absolute;
   text-align: center;
   top: 155px;
   top: calc(50% - 55px);
   transition: .2s;
   z-index: 3;
}

.slider-reviews .owl-prev:hover,
.slider-reviews .owl-next:hover,
.slider-logos .owl-prev:hover,
.slider-logos .owl-next:hover {
   background: #293847;
   color: #f1f1f5
}

.slider-reviews .owl-prev,
.slider-logos .owl-prev {
   left: 0;
}

.slider-reviews .owl-next,
.slider-logos .owl-next {
   right: 0;
}

.slider-reviews .owl-wrapper,
.slider-logos .owl-wrapper,
.owl-carousel.slider-themes .owl-wrapper {
   height: 100%;
}

.slider-reviews.hide-owl-buttons .owl-buttons,
.slider-logos.hide-owl-buttons .owl-buttons,
.owl-carousel.slider-themes.hide-owl-buttons .owl-buttons {
   display: none;
}

.slider-reviews.hide-owl-controls .owl-controls,
.slider-logos.hide-owl-controls .owl-controls,
.owl-carousel.slider-themes.hide-owl-controls .owl-controls {
   display: none !important;
}

.owl-carousel.slider-themes .item .row {
   border-radius: 8px;
}

.owl-carousel.slider-themes .owl-nav {
   margin-top: 5px;
   display: flex;
   justify-content: space-between;
}

.owl-carousel.slider-themes .owl-prev,
.owl-carousel.slider-themes .owl-next {
   color: #999999;
   background: transparent !important;
   opacity: 1;
   position: initial;
   height: auto;
   line-height: 1em;
   font-size: 1em;
}

.owl-carousel.slider-themes .owl-prev:hover,
.owl-carousel.slider-themes .owl-next:hover {
   background: #f5f5f5;
   color: #666666;
}

.owl-carousel.slider-themes .owl-prev.disabled,
.owl-carousel.slider-themes .owl-next.disabled,
.owl-carousel.slider-themes .owl-prev.disabled *,
.owl-carousel.slider-themes .owl-next.disabled * {
   background: transparent !important;
   color: #eeeeee !important;
}