ul.nav li.dropdown:hover ul.dropdown-menu{display:block}.modal-dialog{height:90vh;max-width:90vh}.carousel-indicators li{background-color:#8c0101}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%238c0101' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%238c0101' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.dropdown-toggle-:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}button.close{z-index:11}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:0 solid #444;background:#363636;display:inline-block}blockquote td{padding:5px 10px}.searchrelais{background:#1E1E1E;margin-bottom:40px;color:#fff;padding-top:10px}.ptrelais label{font-weight:normal!important}.ptrelais{min-height:100px}.marquee-rtl{overflow:hidden}.marquee-rtl a{text-decoration:none}.marquee-rtl>:first-child{display:inline-block;padding-right:2em;padding-left:100%;white-space:nowrap;-webkit-animation:defilement-rtl 20s infinite linear;animation:defilement-rtl 20s infinite linear}.marquee-rtl:hover :first-child{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes defilement-rtl{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes defilement-rtl{0%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.cartepro1,.cartepro2{display:none}.cartepro1 label span,.cartepro2 label span{font-size:13px;font-weight:normal}.alert.small{padding:0 10px;font-size:12px;display:inline-block;margin:0 10px;float:right}.aligned-row{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.aligned-row:before{display:block}.allheight{height:100%}.allheight img{height:100%;max-width:inherit;margin-left:-45%}label{display:block;position:relative}.StripeElement{background-color:white;padding:8px 12px;border-radius:4px;border:1px solid transparent;-webkit-box-shadow:0 1px 3px 0 #e6ebf1;box-shadow:0 1px 3px 0 #e6ebf1;-webkit-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;max-width:50%;margin:auto}.StripeElement--focus{-webkit-box-shadow:0 1px 3px 0 #cfd7df;box-shadow:0 1px 3px 0 #cfd7df}.StripeElement--invalid{border-color:#fa755a}.StripeElement--webkit-autofill{background-color:#fefde5!important}#cookiesdirective{text-align:center!important;color:#fff;z-index:10000}#cookiesdirective a{color:#fff!important}#impliedsubmit{background:#666!important}#accordion .card-body{border-left:4px solid #8c0101;margin:0 0 40px 20px;padding:0 0 0 20px}#accordion button{border:0;background:transparent;color:#8c0101;padding:0;text-align:left}.popupcart{position:absolute;margin:auto;background:#fff;top:35%;left:50%;margin-left:-275px;width:550px;padding:10px;z-index:100000;color:#333;display:block;text-align:center}#contact-form p{font-size:10px}@media (max-width:768px){.popupcart{position:absolute;margin:auto;background:#fff;top:35%;left:50%;margin-left:-175px;width:350px;padding:10px;z-index:100000;color:#333;display:block;text-align:center}.shipping:first-child{width:100%!important}.shipping{float:inherit!important;width:100%!important;margin-bottom:10px}}img__{image-rendering:auto;image-rendering:crisp-edges}.zoomContainer{height:1px!important;width:1px!important}.btcaddiel,.btcaddier{color:#fff!important;background:#8c0101;padding:10px 10px;float:left;margin-top:15px}.btcaddier{float:right}.btcaddiel a,.btcaddier a{color:#fff!important}.btcaddiel:hover,.btcaddier:hover{background:#000}.caddie th,.tetiere{color:#fff!important;background:#8c0101;padding:5px}.table td{padding:10px}.lignecaddie{padding:5px;border-bottom:1px dashed #f0f0f0}.actions-log{text-align:center;margin-bottom:10px}.customer-login-area{margin-bottom:50px}.my-account{margin-top:20px}.form-fields,.form-fields2{border-bottom:none;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;float:left;padding:20px 25px;width:100%}.form-fields2{border-bottom:1px solid #333}.form-fields h2{border-bottom:0 solid #333;font-size:20px;margin:0 0 15px;padding:0 0 5px;text-transform:uppercase;color:#8c0101}.form-fields label{font-family:'Roboto Condensed';margin:10px 0 0;margin:0;font-weight:400;display:block;width:100%}.customer-login.my-account .form-fields label{margin:10px 0 0}.customer-login.my-account .form-fields label a{font-size:12px}.form-fields a{width:100%}.form-row label span.required,span.required{color:#8c0101;font-weight:700;border:0;line-height:2;font-size:14px}.form-fields input,.form-fields select{background:#f0f0f0;border:0;border-radius:0;height:36px;max-width:100%;padding:0 0 0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;outline:0;line-height:1}input[type="checkbox"],input[type="radio"]{width:auto!important;height:auto!important}.customer-register .form-action,.customer-login .form-action{border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;border-top:none;float:left;padding:0 20px 16px;width:100%}hr{padding-top:10px;margin-bottom:20px;width:100%;clear:both;border-top:0 solid #eee;border-bottom:1px solid #eee}.compte{margin-top:30px}.compte a{border:1px solid #8c0101;padding:10px;color:#fff;display:inline-block}.compte{margin-top:30px}.compte p{color:#a1a1a1;font-size:14px;margin-bottom:20px}.compte{margin-top:0}.compte a,.compte div.fidelity{font-weight:600;position:relative;text-align:center;border:1px solid #333;color:#555;padding:10px;padding-top:80px;width:100%;display:block;min-height:150px;margin-bottom:20px;margin-top:20px}.compte a span{color:#aaa;font-size:12px;font-weight:normal;display:block;min-height:35px}.compte p a{border:0;display:inline;padding:0;width:auto}.compte a:hover,.compte .fidelity{text-decoration:none;color:#fff;border:1px solid #8c0101;background:#8c0101}.compte a:hover span,.compte .fidelity{text-decoration:none;color:#fff!important}.compte a:before,.compte .fidelity:before{position:absolute;width:100%;height:50px;top:10px;left:0;right:0;font-family:'Font Awesome 5 free';font-size:50px;color:#8c0101;font-weight:600}.compte .fidelity span{font-size:12px}.compte .fidelity a{background:transparent;color:#fff;border:0;padding:0;line-height:inherit;margin:0;min-height:1px;font-size:12px}.compte a:hover:before,.compte .fidelity:before{color:#fff}.compte a.user:before{content:'\f007'}.compte a.password:before{content:'\f13e'}.compte a.commande:before{content:'\f07a'}.compte a.devis:before{content:'\f02a'}.compte .fidelity:before{content:'\f295'}.compte a.logout:before{content:'\f011'}.compte a.admin:before{content:'\f013'}.compte a.logout:hover:before,.compte a.admin:hover:before{color:#fff}.linkempty,.linkempty_{padding:25px 10px!important;color:#fff!important;border:1px solid #8c0101!important;background:#8c0101!important;position:relative;text-align:center;width:100%;min-height:150px;margin-bottom:20px;margin-top:20px;display:block}span.linkempty{font-size:22px}.linkempty span{color:#fff!important}.linkempty_{background:#363636!important;border:1px solid #363636!important;padding:0!important}.linkempty_ img{max-width:95px}.my-account p.lost_password{float:left;line-height:20px;margin:10px 0 0;color:#333}.my-account label.inline{float:right;font-weight:normal;line-height:20px;margin:10px 20px 0 0}input#rememberme{margin-right:3px;margin-top:0;position:relative;top:2px}.actions-log input{border:0;background:#8c0101;color:#fff;text-transform:uppercase;padding:10px 20px;-webkit-transition:.3s;transition:.3s}.actions-log input:hover{background:#3f3f3f;-webkit-transition:.3s;transition:.3s}.social a{font-size:20px;margin:0}.bar-title{text-align:center;position:relative;width:100%}.bar-title:after{content:"";width:100%;border-top:1px dashed #3f3f3f;position:absolute;left:0;top:50%}.bar-title h3{line-height:1.5}.bar-title hr{display:none}.bar-title h3 span{margin:0;font-weight:700;font-size:18px;color:#8c0101;background:#fff;padding:0 20px;display:inline-block;letter-spacing:4px;position:relative;z-index:1}#Zone_Widget{margin:auto;display:inline-block}.table-responsive{overflow-x:auto;overflow-y:hidden;width:100%}.table-responsive{min-height:.01%;overflow-x:auto}table.cart-table{margin-bottom:65px;width:99.9%}table.cart-table a{color:#fff;font-weight:600;font-size:15px;text-transform:uppercase}table.cart-table a.normal{font-size:13px;font-weight:normal}table.cart-table a.action{background:#8c0101;color:#fff;padding:5px 10px;display:block;font-size:13px;font-weight:normal;text-transform:initial}h4.cart-title{color:#000;margin-bottom:34px;margin-top:2px;text-transform:uppercase}.cart-table thead tr th{border:1px solid #363636;border-collapse:collapse;color:#fff;font-family:'Roboto Condensed';font-size:12px;background:#363636;font-weight:300;height:49px;text-align:center;vertical-align:middle}.cart-table tbody tr td{border:1px solid #363636;border-collapse:collapse;font-family:'Roboto Condensed';font-weight:normal;padding:35px 48px;padding:15px 20px;text-align:center;color:#fff}.cart-table tbody tr td{padding:26px 18px}.cart-table tbody tr td span{color:#8c0101;color:#fff}.cart-table tbody tr td i{font-size:12px;font-weight:600}.cart-price,.cart-subtotal{font-family:"Roboto condensed";font-weight:400}.cart-table img.img-responsive{width:133px}.cart-table tbody tr td input{background-color:#f0f0f0;border:medium none;color:#000;font-size:15px;height:39px;text-align:center;width:82px}#Zone_Widget input{font-size:inherit;height:auto}.cart-table tbody tr td.actions-crt{padding:30px 0}.cartPage-btn a{padding:12px 100px}.cart-table .cartPage-btn a:hover{padding:12px 100px;color:#c2a376}.cartPage-btn{float:none}.cartPage-btn li{display:inline-block;margin-right:9px}.cartPage-btn li a.cbtn:hover{background:none repeat scroll 0 0 #0f99de}.cart-area-start .cart-table tbody tr td{vertical-align:middle}.actions-crt a{padding:10px 20px;background:#3f3f3f;color:#fff!important;-webkit-transition:.3s;transition:.3s;margin-bottom:5px;display:inline-block}.actions-crt a:hover{background:#8c0101;color:#fff!important;-webkit-transition:.3s;transition:.3s}.shipping{float:left;margin-right:3%;overflow:hidden;width:100%;background:#363636;padding:30px 20px 0;color:#fff}.shipping.coupon.promo{padding:30px 20px 20px}.shipping:last-child{margin-right:0}.shipping.coupon h5{color:#fff}.shipping.coupon.promo h5{color:#fff;font-size:17px}.shipping.coupon>p{color:#8b8b8b;font-size:12px;margin-bottom:15px}.cart-totals ul{padding:0}input.coupon-input,.selectOption input{background:none repeat scroll 0 0 #fefefe;border:medium none;display:block;font-family:'Roboto Condensed';font-size:14px;margin-bottom:18px;padding:6px;width:80%;float:left}.shipping button{background-color:#8c0101;border:medium none;color:#fff;border:1px solid #8c0101;font-family:"Roboto",sans-serif;font-size:12px;font-weight:bold;height:auto;line-height:30px;text-align:center;text-transform:uppercase;width:18%;float:right}.shipping button:hover{color:#fff;border-color:#000;-webkit-transition:.3s;transition:.3s;background:#000}.shippingTitle>p{color:#fff;margin-bottom:14px}.shippingTitle span{color:#f00}.selectParent>select{background:#fefefe;border:medium none;font-family:'Roboto Condensed';font-size:14px;height:34px;line-height:34px;margin-bottom:26px;outline:medium none;padding:0 5px;width:100%}.cart-totals{background:#363636;border:0 solid #ccc;color:#fff}.cart-totals li{color:#fff;display:block;font-family:"Roboto",sans-serif}.cart-totals li.cartSubT{margin-bottom:10px;text-align:left}.cart-totals li.cartSubT.total{font-size:18px;border-top:1px dashed rgba(255,255,255,.4);padding-top:10px}.cart-totals li.cartSubT.total span:first-child{font-size:12px;float:none}.cart-totals li.cartSubT span{float:right}.cart-totals li.cartGrandT{border-bottom:1px solid #535353;font-size:24px;padding-bottom:20px;margin-bottom:32px}button.proceedbtn,a.proceedbtn{background:#8c0101;border:0;color:#fff;display:inline-block;font-family:"Roboto",sans-serif;font-size:12px;font-weight:bold;height:40px;line-height:40px;margin-bottom:20px;margin-top:20px;text-align:center;padding:0 10px;width:auto}.cart-totals button.proceedbtn{display:block;width:100%;font-size:18px;font-weight:500}button.proceedbtn.disabled,a.proceedbtn.disabled{opacity:.4}.offers{color:green}a.speciallink{color:#8c0101}.multiCheckout>a{color:#8c0101;display:block;font-family:'Roboto Condensed';font-size:14px;font-weight:normal;margin-bottom:30px;text-decoration:underline}.cart-area-start .cart-table tbody tr td h6{margin:0;font-weight:400}.cart-area-start .cart-table tbody tr td a{font-size:12px;font-weight:400;text-transform:uppercase;color:#3f3f3f;font-family:'Roboto Condensed'}.cart-area-start .cart-table tbody tr td a:hover{color:#c2a376}.cart-area-start{margin:50px 0 50px}$bootstrap-sm:576px;$bootstrap-md:768px;$bootstrap-lg:992px;$bootstrap-xl:1200px;// Crop thumbnail images. #gallery img{height:75vw;object-fit:cover;@media (min-width:$bootstrap-sm){height: 35vw;}@media (min-width:$bootstrap-lg){height: 18vw}// Crop images in lightbox. .carousel-item img{height:60vw;object-fit:cover;@media (min-width:$bootstrap-sm){height: 350px}// --- END:crop images --- // // --- BEGIN:custom styling demo --- // // An example of custom styling for gallery and lightbox,to show what's possible in terms of aesthetic customization.

* {
  transition: 0.3s;
}

#gallery.custom {
  padding: 0 15px;
  
  img {
    display: block;
    margin: 15px 0;
    border-radius: 300px 30px 300px 300px;
    
    &:hover {
      border-radius: 30px 90px 30px 30px;
    }
  }
}

#exampleModal.custom {
  .modal-content {
    background: none;
    border: none;
  }
  
  .modal-header {
    border:none;
    
    button {
      background: none;
      border-radius: 100px 100px 0 0;
      padding: 5px 10px;
      opacity: 1;
      position: relative;
      top: 3px;
      border: solid 2px white;
      
      @media (min-width: $bootstrap-lg) {
        top: 15px;
      }
      
      &:hover {
        top: 3px;
      }
    }
    
    span {
      color: white;
    }
  }
  
  .modal-body {
    padding: 0;
    border: none;
    position: relative;
    
    &::before, &::after {
      content: '';
      height: 50px;
      width: 50px;
      display: block;
      position: absolute;
      background: white;
      border-radius: 3px 10px;
      
      @media (min-width: $bootstrap-md) {
        border-radius: 3px 30px;
        height: 100px;
        width: 100px;
      }
    }
    
    &::before {
      top: -5px;
      left: -5px;
      
      @media (min-width: $bootstrap-md) {
        top: -15px;
        left: -15px;
      }
    }
    
    &::after {
      bottom: -5px;
      right: -5px;
      z-index: -1;
      
      @media (min-width: $bootstrap-md) {
        bottom: -15px;
        right: -15px;
      }
    }
  }
  
  .modal-footer {
    border: none;
    margin-top: 60px;
    
    @media (min-width: $bootstrap-lg) {
      margin-top: 40px;
    }
    
    .btn {
      margin: auto;
      border: solid 2px white;
      background: none;
      text-transform: uppercase;
      font-size: 0.8em;
      letter-spacing: 0.1em;
      font-weight: bold;
      padding: 0.2em 0.7em;
      
      &:hover {
        background: white;
        color: black;
      }
    }
  }
  
  .carousel-control-prev, .carousel-control-next {
    font-size: 2em;
    top: auto;
    opacity: 1;
    bottom: -52px;
    
    @media (min-width: $bootstrap-md) {
      top: 0;
      opacity: 0.5;
      bottom: 0;
    }
  }
  
  .carousel-control-next-icon,  .carousel-control-prev-icon {
    height: 30px;
    width: 30px;
  }
  
  .carousel-control-prev {
    @media (min-width: $bootstrap-md) {
      left: -90px;
    }
  }
  
  .carousel-control-next {
    @media (min-width: $bootstrap-md) {
      right: -90px;
    }
  }
  
  .carousel-indicators {
    bottom: -60px;
    
    @media (min-width: $bootstrap-lg) {
      bottom: -30px;
    }
    
    li {
      height: 30px;
      border-radius: 100px;
      background: none;
      border: solid 2px white;
      
      @media (min-width: $bootstrap-lg) {
        height: 10px;
      }
      
      &:hover {
        background: white;
      }
      
      &.active {
        background: white;
      }
    }
  }
}

.custom-select {
	width:200px;
	color:#fff;
	border: 1px solid #666;
	background:#000 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px
}


// --- END: custom styling demo --- //


// --- BEGIN: style switch --- //
// This is just styling for the style toggle switch. Mostly copied from https://www.w3schools.com/howto/howto_css_switch.asp

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  
  @media (min-width: $bootstrap-sm) {
    margin: 0;
  }
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch-wrap {
  text-align: center;
  background-color: #b1fbc1;
  padding: 30px;
  border-radius: 3px;
  margin: 30px 0 0;
  
  @media (min-width: $bootstrap-sm) {
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding: 10px;
  }
}

.switch-text {
  display: block;
  margin: 0.5em;
  
  @media (min-width: $bootstrap-sm) {
    margin: 0 1em 0 0;
  }
}

#gallery img {
	cursor:pointer;
}

.modal-dialog {
    max-width: 750px;

    max-height: 90vh;
}

.modal-dialog {
    max-width: 45vw;
    max-height: 90vh;
}


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

// --- END: style switch --- //'