/*Breadcrumb*/
    .breadcrumb li{display: inline-block;}
    .breadcrumb li a{font-size: 13px;}
    .breadcrumb li:not(:last-child):after{font-family:'flaticon';content:"\f131";font-size:11px;margin-left:5px;}

    .products-detail h1{font-size: 26px}

    .price-box-in{padding: 10px 0;}
    .price-box-in .offer{color: #ff3737;padding: 13px;display: inline-block;font-weight: 700;font-size: 24px;border: 1px solid #ff3737;border-radius: 4px;}
    .price-box-in .offer sup{display: block;font-size: 8px;line-height: 0;text-align: center;}
    .price-box-in .price{vertical-align: middle;color: #000;font-weight: 700;padding: 0 5px;line-height: normal;font-size: 36px}
    .price-box-in .price del{display:block;font-size: 18px;color: #999;    line-height: 10px;font-weight: 400}
    .price-box-in .starbucks {font-size: 16px;width: 126px;}
    .slog{font-size: 11px;display: block;}
    .comment-link{font-size: 13px}

    .specs label{border:1px solid #ddd;width: 35px;height: 35px;line-height: 35px;text-align: center;font-size: 12px;margin:3px 3px 3px 0;transition:.3s;}
    .specs label:hover{border-color:#000;}
    .specs .activeLabel{ box-shadow: inset 0px 0px 0px 2px rgb(255, 55, 55);color: #ff3737;border-color: #ff3737;font-weight: bold;}
    .specs .activeLabel:hover{ border-color: #ff3737;}

    .colors li{display: inline-flex;}
    .colors label{margin:0;}
    .colors input[type="radio"]{position:absolute;opacity:0;width:0;height:0;}
    .colors input[type="radio"] + label{cursor:pointer;}
    .colors input[type="radio"]:checked + label{outline:2px solid #f00;}
    .colors img{max-width:70px}

  .form-control{width: 100%;max-width: 280px;border: 1px solid #ddd;padding: 4px 6px;font-size: 14px;border-radius: 2px}


    .qty-box .input-group{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
    .qty-box .input-group span {float: left;position: relative;}
    .qty-box .input-group span button{border:1px solid #ddd}
    .qty-box .input-group .form-control{text-align:center;width:50px;height:50px;-webkit-box-flex:unset;-ms-flex:unset;flex:unset;font-weight: 600}

    .qty-box .input-group button{background-color:#efefef;border:0;color:#444;cursor:pointer;font-size:18px;font-weight:600;line-height:1;width: 48px;height: 50px;margin:0 2px;    border-radius: 4px;}
    .qty-box .input-group button i{font-weight:900;color:#444}
    .qty-box .input-group .icon{padding-right:0}
    .stock-rod{color: #e21e23;font-size: 13px;}
.stock-rod button{background: #1d1d1d;color: #fff!important;padding: 13px 22px;font-size: 13px;line-height: 13px;border:0;float: left;margin-right: 10px;cursor: pointer;}

    .numberbox:before{content: attr(data-name);position: absolute;
    right: 0;left: 0;font-size: .7rem;color: #333;font-weight: 600;bottom: 2px;text-align: center;}

    .addcart{font-size: 15px;line-height: 21px;border-radius: 4px;}
    .addcart i{font-size: 22px;}

    .events img{max-width: 130px;}
    .liste{border:1px solid #ddd;display: block;overflow: hidden;padding: 20px;border-radius: 8px;margin-bottom: 10px}
    .liste p{font-size: 14px;line-height: normal}

    .make-comment .starbucks{display: inline-flex;}
    .rating {font-size: 20px;width: auto;justify-content: end;border: 0;letter-spacing: 8px;}
    .ratings_stars.selected {
    color: #fd8c00;
    }

    sub.notes{line-height: normal;font-size: 10px;display: block;}
.styled-checkbox {
     position: absolute;
     opacity: 0;
}
 .styled-checkbox + label {
     position: relative;
     cursor: pointer;
     padding: 0;
}
 .styled-checkbox + label:before {
     content: '';
     margin-right: 10px;
     display: inline-block;
     vertical-align: text-top;
     width: 20px;
     height: 20px;
     background: #efefef;
}
 .styled-checkbox:hover + label:before {
     background: #f35429;
}
 .styled-checkbox:focus + label:before {
     box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
 .styled-checkbox:checked + label:before {
     background: #f35429;
}
 .styled-checkbox:disabled + label {
     color: #b8b8b8;
     cursor: auto;
}
 .styled-checkbox:disabled + label:before {
     box-shadow: none;
     background: #ddd;
}
 .styled-checkbox:checked + label:after {
     content: '';
     position: absolute;
     left: 5px;
     top: 9px;
     background: white;
     width: 2px;
     height: 2px;
     box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
     transform: rotate(45deg);
} 
.prod-title{text-align: center;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 15px 0;margin:20px 0;}
    /*modal*/
.fotorama{padding-right: 40px;}
    .modal-open{overflow:hidden}
    .modal-open .modal{overflow-x:hidden;overflow-y:auto}
    .modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
    .modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
    .modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}
    @media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}
    }
    .modal.show .modal-dialog{-webkit-transform:none;transform:none}
    .modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}
    .modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}
    .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}
    .modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}
    .modal-dialog-scrollable .modal-body{overflow-y:auto}
    .modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}
    .modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}
    .modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}
    .modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}
    .modal-dialog-centered.modal-dialog-scrollable::before{content:none}
    .modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
    .modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
    .modal-backdrop.fade{opacity:0}
    .modal-backdrop.show{opacity:.5}
    .modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
    .modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}
    .modal-title{margin-bottom:0;line-height:1.5}
    .modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
    .modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}
    .modal-footer>*{margin:.25rem}
    .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
.modal .close{background: #ddd;color: #333;position: absolute;right: 0px;top: 0;border: 0;width: 25px;height: 25px;line-height: 25px;z-index: 10;cursor: pointer;}

    @media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}
    .modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}
    .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}
    .modal-dialog-centered{min-height:calc(100% - 3.5rem)}
    .modal-dialog-centered::before{height:calc(100vh - 3.5rem)}
    .modal-sm{max-width:300px}
    }
    @media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}
    }
    @media (min-width:1200px){.modal-xl{max-width:1140px}
    }