body{margin:0;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}body.style-0 .heading,body.style-0 .section-header,body.style-0 h1{font-weight:700}body.style-1{font-family:"Work Sans",sans-serif}body.style-1 .heading,body.style-1 .section-header,body.style-1 h1{font-family:"Crimson Text",serif;font-weight:600}body.style-2{font-family:Cardo,serif}body.style-2 .heading,body.style-2 .section-header,body.style-2 h1{font-family:Oswald,sans-serif;text-transform:uppercase}body.style-3{font-family:Quicksand,sans-serif;font-weight:400}body.style-3 .heading,body.style-3 .section-header,body.style-3 h1{font-weight:600}body.style-4{font-family:"Work Sans",sans-serif;font-weight:400}body.style-4 .heading,body.style-4 .section-header,body.style-4 h1{font-family:Montserrat,sans-serif;font-weight:900}body.style-5{font-family:Lora,serif}body.style-5 .heading,body.style-5 .section-header,body.style-5 h1{font-family:Montserrat,sans-serif;font-weight:900;text-transform:uppercase}body.style-6{font-family:Chivo,sans-serif;font-weight:400}body.style-6 .heading,body.style-6 .section-header,body.style-6 h1{font-family:"Playfair Display",serif;font-weight:700;font-style:italic}body .btn-success.disabled,body .btn-success:disabled,body .btn.disabled,body .btn:disabled{opacity:.15;cursor:not-allowed;background-color:#000}body .btn-success.disabled:hover,body .btn-success:disabled:hover,body .btn.disabled:hover,body .btn:disabled:hover{background-color:#000;color:#fff;opacity:.15}body .form-control:focus{border-color:#f55a0d;box-shadow:0 0 0 .2rem rgba(245,90,13,.25)}body .btn.hover,body .btn:hover{box-shadow:none;background-color:gray}body .btn.focus,body .btn:focus{background-color:#000;box-shadow:none}body .btn-success:not(:disabled):not(.disabled).active,body .btn-success:not(:disabled):not(.disabled):active,body .show>.btn-success.dropdown-toggle{color:#fff;background-color:gray;border-color:#1a1a1a}body .btn-success:not(:disabled):not(.disabled).active:focus,body .btn-success:not(:disabled):not(.disabled):active:focus,body .show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(183,183,183,.5)}body .btn-success:hover{border-color:#1a1a1a}body #loading-bar-spinner .spinner-icon{border-top-color:#f55a0d;border-left-color:#f55a0d}body #loading-bar .bar{background-color:#f55a0d}body .btn-primary:not(:disabled):not(.disabled).active,body .btn-primary:not(:disabled):not(.disabled):active,body .show>.btn-primary.dropdown-toggle{background-color:#000;border-color:#000}body .btn-primary:not(:disabled):not(.disabled).active:focus,body .btn-primary:not(:disabled):not(.disabled):active:focus,body .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(128,128,128,.5)}body .btn-primary:hover{border-color:gray}.pageContent-cover{position:relative}.pageContent-cover:before{content:" ";display:block;position:absolute;left:0;width:100%;height:100%;opacity:.1;background-size:cover;background-position:center;filter:grayscale(100%)}.pageContent{position:relative}header{font-size:13px;padding-top:7px;height:95px}header .container{height:95px}header .brand-name{margin-left:-50px;margin-right:-50px;line-height:1;padding-top:3px}@media(max-width:767px){header{font-size:11px;height:120px}header .container{height:120px}header .brand-name{margin-left:0}}@media(max-width:991px){header{font-size:12px}}header .truncate{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}header .header-left .stress{font-weight:700;font-size:18px;color:#000;font-style:normal}header .header-left .non-stress{font-style:normal;color:gray}header .header-centre{text-align:center}header .header-centre img{height:60px}header .header-centre .stress{font-weight:700;font-size:18px;color:#000;font-style:normal}header .header-centre .non-stress{font-style:normal;color:gray}@media(max-width:767px){header .header-centre{text-align:left}header .header-centre .stress{font-size:16px}}header .header-right{text-align:right}header .header-right .stress{font-weight:700;font-size:18px;color:#000;font-style:normal}header .header-right .non-stress{font-style:normal;color:gray;line-height:1.2}header .header-small-right{text-align:right;margin-top:18px}header .expiry{position:absolute;bottom:8px;right:15px;border:1px solid gray;padding:4px;border-radius:8px}.container.filter-on #filterButton{display:block}.header-buttons{text-align:center;height:42px;border-bottom:1px solid #000}.header-buttons div{display:inline-block}.header-buttons .menu-button-strip{padding-top:10px}.header-buttons .menu-button{padding:0 8px;margin:0 20px;font-size:12px;border-radius:3px;cursor:pointer;text-transform:uppercase;font-weight:700}.header-buttons .menu-button.active,.header-buttons .menu-button.active:hover{border-bottom:3px solid #000}.header-buttons .menu-button:hover{border-bottom:3px solid gray}@media(max-width:767px){.header-buttons .menu-button{font-size:11px;margin:0 10px}}@media(max-width:575px){.header-buttons .menu-button{font-size:9px;margin:0;padding:0 6px}}.header-buttons .menu-button .badge{font-size:6px;position:absolute;right:-2px}.header-buttons #filterButton{margin-top:6px;float:left;margin-left:-2px;display:none;padding:0 4px}.header-buttons #filterButton .filter-icon-wrapper{padding:4px}.header-buttons #filterButton.highlight{color:#f55a0d;background-color:#000}.header-buttons #filterButton.highlight:hover{border-bottom:none}.header-buttons .notification-icon{float:right;font-size:20px;margin-top:5px;cursor:pointer}.header-buttons .notification-icon .badge{font-size:6px;vertical-align:top;margin-left:-3px}@media(max-width:575px){.header-buttons .notification-icon{font-size:15px;margin-top:5px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.3);-webkit-border-radius:6px;border-radius:6px}::-webkit-scrollbar-thumb{-webkit-border-radius:6px;border-radius:6px;background:rgba(160,160,160,.8);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(160,160,160,.8)}#notificationTray{z-index:1000;width:400px;overflow-y:auto;max-height:calc(100vh - 300px);display:none;position:absolute;border:1px solid #000;background-color:#fff;box-shadow:0 4.2px 2.8px rgba(0,0,0,.025),0 10px 6.7px rgba(0,0,0,.036),0 18.9px 12.5px rgba(0,0,0,.045),0 33.7px 22.3px rgba(0,0,0,.054),0 63.1px 41.8px rgba(0,0,0,.065),0 151px 100px rgba(0,0,0,.09)}#notificationTray:after,#notificationTray:before{bottom:100%;right:16px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}#notificationTray:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:8px;margin-left:-8px}#notificationTray:before{border-color:transparent;border-bottom-color:#a0a0a0;border-width:9px;margin-left:-9px}#notificationTray .card-container{box-shadow:0 4px 2px 0 rgba(0,0,0,.2);transition:.3s;border-radius:5px;margin:6px 8px 12px 8px;background-color:#f4f4f4}#notificationTray .card-container .card-body{padding:2px 8px 2px 20px;position:relative}#notificationTray .card-container .card-body .unseen{position:absolute;left:3px;top:12px;font-size:9px;color:#dc3545}#notificationTray .card-container .card-body .date-time{font-size:11px}#notificationTray .no-notifications{height:100px;text-align:center;padding-top:40px;font-size:14px;font-style:italic;color:#a0a0a0}modal.zModal{display:none}modal.zModal .z-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1700;overflow:auto}modal.zModal .z-modal .modal-body{padding:20px;background:#fff;padding:20px;background:#fff;margin:auto;width:90%;top:5%;bottom:5%;height:90%}modal.zModal .modal-background{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.75;z-index:900}body.modal-open{overflow:hidden}.toast-container{position:fixed;z-index:1055;margin:5px}.top-right{top:0;right:0}.top-left{top:0;left:0}.top-center{transform:translateX(-50%);top:0;left:50%}.bottom-right{right:0;bottom:0}.bottom-left{left:0;bottom:0}.bottom-center{transform:translateX(-50%);bottom:0;left:50%}.toast-container>.toast{min-width:150px;background:rgba(0,0,0,0);border:none}.toast-container>.toast>.toast-header{border:none}.toast-container>.toast>.toast-header strong{padding-right:20px}.toast-container>.toast>.toast-body{background:#fff}body .toast{border-radius:0}.waiting-backdrop{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.9;background-color:#fff}.waiting-backdrop.no-show{display:none}.waiting-backdrop .loading{position:absolute;margin:auto;top:50%;left:50%}.waiting-backdrop .loading .dot-pulse{position:relative;left:-9999px;width:20px;height:20px;border-radius:10px;background-color:#000;color:#9880ff;box-shadow:9999px 0 0 -10px #000;animation:dotPulse 1.5s infinite linear;animation-delay:.25s}.waiting-backdrop .loading .dot-pulse::after,.waiting-backdrop .loading .dot-pulse::before{content:"";display:inline-block;position:absolute;top:0;width:20px;height:20px;border-radius:10px;background-color:#000;color:#000}.waiting-backdrop .loading .dot-pulse::before{box-shadow:9974px 0 0 -10px #000;animation:dotPulseBefore 1.5s infinite linear;animation-delay:0s}.waiting-backdrop .loading .dot-pulse::after{box-shadow:10024px 0 0 -10px #000;animation:dotPulseAfter 1.5s infinite linear;animation-delay:.5s}@keyframes dotPulseBefore{0%{box-shadow:9974px 0 0 -5px #000}30%{box-shadow:9974px 0 0 2px #000}100%,60%{box-shadow:9974px 0 0 -5px #000}}@keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px #000}30%{box-shadow:9999px 0 0 2px #000}100%,60%{box-shadow:9999px 0 0 -5px #000}}@keyframes dotPulseAfter{0%{box-shadow:10024px 0 0 -5px #000}30%{box-shadow:10024px 0 0 2px #000}100%,60%{box-shadow:10024px 0 0 -5px #000}}.modal-dialog .modal-content{background-color:unset;border:unset}.modal-backdrop.in{opacity:0}.modal-box.modal .modal-dialog{width:450px;margin:60px auto 0}.modal-box.modal .modal-dialog.modal-lg{width:calc(100% - 100px)}.modal-box.modal.fade .modal-dialog{opacity:0;transform:scale(.1);top:0;transition:all .3s}.modal-box.modal.fade.in .modal-dialog{opacity:1;transform:scale(1)}@media(max-width:991px){.modal-box.modal.fade.in .modal-dialog.modal-lg{transform:scale(.9)}.modal-box.modal .modal-dialog.modal-lg{min-width:800px}}@media(max-width:767px){.modal-box.modal .modal-dialog.modal-lg{min-width:500px;max-width:95%!important}}.modal-box .modalGeneric .fade{opacity:1}.modal-box .zModal.modal-dialog .modal-content{text-align:center;border:none;border-radius:10px 10px 0 0;box-shadow:0 0 15px rgba(0,0,0,.1);background-color:#fff}.modal-box .modal-dialog .modal-content .close{color:gray;font-size:28px;text-shadow:none;line-height:33px;height:33px;width:33px;opacity:1;position:absolute;left:auto;right:0;top:0;z-index:1;transition:all .3s}.modal-box .modal-dialog .modal-content .close span{margin:-2px 0 0 0;display:block}.modal-box .modal-dialog .modal-content .close:hover{color:#000}.modal-box .modal-dialog .modal-content .close:focus{outline:0}.modal-box .modal-dialog .modal-content .modal-body{padding:30px 0 0!important}.modal-box .modal-dialog .modal-content .modal-body .icon{color:#fff;background:#000;font-size:60px;line-height:100px;width:100px;height:100px;margin:-80px auto 20px;border-radius:50%;box-shadow:0 10px 10px rgba(0,0,0,.2)}.modal-box .modal-dialog .modal-content .modal-body .logo{background:#fff;max-width:170px;max-height:170px;margin:-80px auto 20px;border-radius:5px;box-shadow:0 10px 10px rgba(0,0,0,.2)}.modal-box .modal-dialog .modal-content .modal-body .logo img{max-width:160px;max-height:160px;padding:5px;margin:auto}.modal-box .modal-dialog .modal-content .modal-body .title{color:#525152;font-size:28px;font-weight:600;margin:0 20px 10px}.modal-box .modal-dialog .modal-content .modal-body .description{color:gray;font-size:18px;line-height:26px;margin:0 20px 25px;white-space:pre-wrap}.modal-box .modal-dialog .modal-content .modal-body .warning{font-size:16px;margin:6px 12px 12px}.modal-box .modal-dialog .modal-content .modal-body .cancel,.modal-box .modal-dialog .modal-content .modal-body .ok{color:#fff;background-color:#404040;font-size:16px;font-weight:700;text-transform:uppercase;width:50%;padding:12px 5px;border:none;box-shadow:0 7px 10px -5px rgba(0,0,0,.3) inset;display:inline-block;transition:all .3s}.modal-box .modal-dialog .modal-content .modal-body .cancel{background-color:gray}.modal-box .modal-dialog .modal-content .modal-body .cancel:hover,.modal-box .modal-dialog .modal-content .modal-body .ok:hover{box-shadow:0 0 15px rgba(0,0,0,.5) inset;background-color:#000}.modal .modal-dialog.modal-lg{margin:3.75rem auto;min-width:300px!important}@media(max-width:767px){.modal .modal-dialog.modal-lg{margin:0 auto}}.modal-lg .modal-box .modal-dialog{max-width:95%;margin:0 auto 0;width:900px}@media only screen and (max-width:576px){.modal-dialog{width:93%!important}}@media(min-width:576px){.modal-dialog-centered.lift-up{min-height:calc(100vh - 20.5rem)}.modal-dialog-centered.lift-up::before{height:calc(100vh - 20.5rem)}}body .fade.in{opacity:1}body .modal.in .modal-dialog{-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}body .modal-backdrop.in{opacity:.7}body .fade.modal-box{opacity:1}body .tooltip{margin-top:-8px}body .tooltip-arrow{bottom:-8px;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #000;position:absolute;width:0;height:0;bottom:-8px;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #000;position:absolute;width:0;height:0}body .tooltip .tooltip-inner .on-order{display:none}body .tooltip.on-order .tooltip-inner .on-order{display:inline-block;color:#f55a0d;margin-left:6px;font-weight:700}.open>.dropdown-menu{display:block}.min-order-qty-label{display:flex;align-items:center;justify-content:center;background-color:#505050;border-radius:.25em;color:#fff;cursor:auto;font-size:75%;font-weight:700;padding:.2em .6em .3em;text-align:center;white-space:nowrap;width:110px}.new-customer-submit-message{padding:20px;margin:20px;font-size:16px}