@font-face {
  font-family: 'Lato';
  src: url('./fonts/Lato-Black.eot');
  src: url('./fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Lato-Black.woff2') format('woff2'),
    url('./fonts/Lato-Black.woff') format('woff'),
    url('./fonts/Lato-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('./fonts/Lato-BlackItalic.eot');
  src: url('./fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Lato-BlackItalic.woff2') format('woff2'),
    url('./fonts/Lato-BlackItalic.woff') format('woff'),
    url('./fonts/Lato-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('./fonts/Lato-Bold.eot');
  src: url('./fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Lato-Bold.woff2') format('woff2'),
    url('./fonts/Lato-Bold.woff') format('woff'),
    url('./fonts/Lato-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('./fonts/Lato-BoldItalic.eot');
  src: url('./fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Lato-BoldItalic.woff2') format('woff2'),
    url('./fonts/Lato-BoldItalic.woff') format('woff'),
    url('./fonts/Lato-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('./fonts/Lato-Italic.eot');
  src: url('./fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Lato-Italic.woff2') format('woff2'),
    url('./fonts/Lato-Italic.woff') format('woff'),
    url('./fonts/Lato-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('./fonts/Lato-Light.eot');
  src: url('./fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Lato-Light.woff2') format('woff2'),
    url('./fonts/Lato-Light.woff') format('woff'),
    url('./fonts/Lato-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato Hairline';
  src: url('./fonts/Lato-HairlineItalic.eot');
  src: url('./fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Lato-HairlineItalic.woff2') format('woff2'),
    url('./fonts/Lato-HairlineItalic.woff') format('woff'),
    url('./fonts/Lato-HairlineItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('./fonts/Lato-LightItalic.eot');
  src: url('./fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Lato-LightItalic.woff2') format('woff2'),
    url('./fonts/Lato-LightItalic.woff') format('woff'),
    url('./fonts/Lato-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lato Hairline';
  src: url('./fonts/Lato-Hairline.eot');
  src: url('./fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Lato-Hairline.woff2') format('woff2'),
    url('./fonts/Lato-Hairline.woff') format('woff'),
    url('./fonts/Lato-Hairline.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('./fonts/Lato-Regular.eot');
  src: url('./fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Lato-Regular.woff2') format('woff2'),
    url('./fonts/Lato-Regular.woff') format('woff'),
    url('./fonts/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('./fonts/CenturyGothic.eot');
  src: url('./fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/CenturyGothic.woff2') format('woff2'),
    url('./fonts/CenturyGothic.woff') format('woff'),
    url('./fonts/CenturyGothic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('./fonts/CenturyGothic_1.eot');
  src: url('./fonts/CenturyGothic_1.eot?#iefix') format('embedded-opentype'),
    url('./fonts/CenturyGothic_1.woff2') format('woff2'),
    url('./fonts/CenturyGothic_1.woff') format('woff'),
    url('./fonts/CenturyGothic_1.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('./fonts/CenturyGothic-BoldItalic.eot');
  src: url('./fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
    url('./fonts/CenturyGothic-BoldItalic.woff') format('woff'),
    url('./fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('./fonts/CenturyGothic_2.eot');
  src: url('./fonts/CenturyGothic_2.eot?#iefix') format('embedded-opentype'),
    url('./fonts/CenturyGothic_2.woff2') format('woff2'),
    url('./fonts/CenturyGothic_2.woff') format('woff'),
    url('./fonts/CenturyGothic_2.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('./fonts/CenturyGothic-Bold.eot');
  src: url('./fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
    url('./fonts/CenturyGothic-Bold.woff2') format('woff2'),
    url('./fonts/CenturyGothic-Bold.woff') format('woff'),
    url('./fonts/CenturyGothic-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('./fonts/CenturyGothic-Italic.eot');
  src: url('./fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/CenturyGothic-Italic.woff2') format('woff2'),
    url('./fonts/CenturyGothic-Italic.woff') format('woff'),
    url('./fonts/CenturyGothic-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('./fonts/CenturyGothic-Bold_1.eot');
  src: url('./fonts/CenturyGothic-Bold_1.eot?#iefix') format('embedded-opentype'),
    url('./fonts/CenturyGothic-Bold_1.woff2') format('woff2'),
    url('./fonts/CenturyGothic-Bold_1.woff') format('woff'),
    url('./fonts/CenturyGothic-Bold_1.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Font Awesome */
@font-face {
  font-family: 'FontAwesome';
  src: url('./fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('./fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('./fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('./fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('./fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('./fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-shopping-cart:before {
    content: "\f07a";
}
.fa-shopping-bag:before {
    content: "\f290";
}
.fa-angle-down:before {
    content: "\f107";
}
.fa-truck:before {
    content: "\f0d1";
}
.fa-truck {
    transform: rotateY(180deg);
    width: 18px;
    margin-left: -1px;
}
.fa-gift {
    width: 18px;
}
.fa-gift:before {
     content: "\f06b";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-commenting:before {
    content: "\f27a";
}

body,
html {
    height: 100%;
}

body {
  background-color: #f9f9f9;
}

body.modal-open{padding:0 !important;}
header.header{position: relative;}
.header-container{padding-left:0px;padding-right: 0px;background: #fff;position: fixed;z-index: 50;}
.header-menu-bar{height:57px;}
.bs-wizard{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;height: 57px;border-bottom: 2px solid #E2DACC;}
.bs-wizard-stepnum{font-family: Lato;font-style: normal;font-weight: bold;font-size: 12px;line-height: 14px;text-align: center;color: #B0B0B0;}
.bs-wizard-step{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.bs-wizard > .bs-wizard-step > .progress {position: absolute; border-radius: 0px; height: 2px; box-shadow: none;background:#E2DACC;top:55px;}
.bs-wizard-step.current .bs-wizard-stepnum,
.bs-wizard-step.complete .bs-wizard-stepnum{color: #BE202F;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position:absolute;z-index:200;top:48px;display: block;width: 16px;height: 16px;background: #FFFFFF;border: 2px solid #E2DACC;box-sizing: border-box;border-radius: 2px;transform: rotate(-45deg);}
.bs-wizard-step.current .bs-wizard-dot{border: 2px solid #BE202F;}
.bs-wizard-step.complete .bs-wizard-dot{border: 2px solid #BE202F;background:#BE202F;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar{background: #E2DACC;}
.bs-wizard > .bs-wizard-step:first-child > .progress {
    left: 50%;
    width: 50%;
}
.bs-wizard > .bs-wizard-step > .progress{
    width: 100%;
}
.bs-wizard > .bs-wizard-step:last-child > .progress {
    right: 50%;
    width: 50%;
}

.bs-wizard > .bs-wizard-step:first-child.complete > .progress > .progress-bar {
  width: 100%;
  background: #BE202F;
}
.bs-wizard > .bs-wizard-step:first-child.current > .progress > .progress-bar {
  width: 100%;
  background: #BE202F;
}
.bs-wizard > .bs-wizard-step:nth-child(2).current > .progress > .progress-bar {
    width: 50%;
    background: #BE202F;
}
.bs-wizard > .bs-wizard-step:nth-child(2) > .progress > .progress-bar {
    width: 50%;
    background: #BE202F;
}
.bs-wizard > .bs-wizard-step:nth-child(2).complete > .progress > .progress-bar {
    width: 100%;
    background: #BE202F;
}
.bs-wizard > .bs-wizard-step:last-child.complete > .progress > .progress-bar {
    width: 100%;
    background: #BE202F;
}
.bs-wizard > .bs-wizard-step:last-child.current > .progress > .progress-bar {
    width: 100%;
    background: #BE202F;
}

.logo-container {
  width: 220px;position: absolute;z-index: 500;top:10px;left:77px;
}
.mobile-progress-wizard{display: none;}
.navbar-cart-profile-container{
  position: absolute;right: 0;top: 0;z-index:500;height:55px;
}
.navbar-cart-profile-container .navbar-nav{height: 100%;flex-direction: row;}
.cart-menu{padding:0px 15px;}
.cart-checkout{display: flex;align-items: center;height: 100%;}
.cart-total span{font-weight: bold;font-size: 10px;display: block;color:#B0B0B0;}
.cart-total span.cart-price{font-size: 16px;color:#303030;font-weight: normal;}
.cart-action .fa{padding-right:10px;}
#btnCheckout{margin-left:20px;}
.user-menu{height: 100%;display: flex;align-items: center;padding:0 5px 0 15px;border-left: 2px solid #F7F7F7;z-index:0;position: relative;}
.user-menu .dropdown-toggle::after{content: "";border: none;}
img.corporate-imagex{width:40px;height:40px;border-radius:100%;border: 3px solid #AA894C;padding: 2px}
.logo-img-container {
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 100%;
    border: 3px solid #AA894C;
    position: relative;
    overflow: hidden;
    text-align: center;
    align-items: center;
}
img.corporate-image{width:100%;padding: 2px;position: absolute;}
.user-menu a{text-decoration: none;}
.user-menu .fa{color:#B0B0B0;padding-left:5px;}
.navbar-cart-profile-container>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 0;
    left: auto !important;
    transform: translate3d(0px, 54px, 0px) !important;
    border-radius: 0 !important;
    background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15)!important;
    padding:0;
}
.navbar-cart-profile-container .user-footer{padding:12px;}
.navbar-cart-profile-container .user-footer span{display: block;color: #B0B0B0;font-size: 10px;font-weight: 600;}
.navbar-cart-profile-container .user-footer span.username{font-size: 16px;color: #303030;}
#btnLogout{display: block;margin-top:10px;}
.page-title h1 span{font-family:'Century Gothic';font-weight: 700;font-size: 24px;color: #303030;text-transform: uppercase;}
.page-title{margin-bottom:20px;}

label >span.f-required{color:red;}
label.error{font-size: 12px;color: red;}

.hide{display:none;}

/* Spinner */
.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 1000;
  background-color: rgba(255,255,255, 1);
}
.loader {
  position: absolute;
  margin: 0 auto;
  width: 150px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}
@keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}
.loading.off{display:none;}
#loader-msg.off {
    display: none;
}
#loader-msg {
    margin-top: 5%;
}
#loader-msg p {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}
#toast-container > div {
    padding: 10px 15px 10px 50px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
}
#toast-container > .toast-success,
#toast-container > .toast-error {
    background-image: none !important;
}
.toast.toast-success::before {
    font-family: 'FontAwesome';
    content: "\f00c";
    position: absolute;
    left: 10px;
    font-size: 20px;
}
.toast.toast-error::before {
    font-family: 'FontAwesome';
    content: "\f12a";
    position: absolute;
    left: 10px;
    font-size: 20px;
}
button.toast-close-button {
    display: flex;
    order: 3;
    margin-left: 15px;
    top: -.5em !important;
}
#launcher {bottom:45px !important;}
footer{background: #303030;color: #fff;height:52px;position: fixed;left: 0;bottom: 0;width:100%;z-index: 5;}
footer .row{align-items: center;height: 100%;}
footer ul{list-style: none;display: flex;margin:0;padding:0;}
footer ul li{margin-right:40px;}
footer ul li a{font-size: 14px;font-weight: 400;color:#fff !important;text-decoration: none !important;}
footer p{margin:0;text-align:right;font-size: 14px;}
label.error {
    color: red;
    margin: .5rem 0 0 0;
}
.material-scrolltop {
    display: none !important;
}
.shopTimer {
    padding: 15px 0 15px 77px;
    background: #fff;
}
#shopping-timer {display:flex !important;}
.running {
    display: flex;
    padding-left: 5px;
}
.minutes, .seconds {color:#BE202F;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
@media screen and (max-width:767px) {
    .shopTimer {
        padding: 30px 25px 15px 25px;
        background: #fff;
    }
    #toast-container {
        xdisplay:none !important;
    }
    .logo-container{width: 64px;left:25px;}
  header.header{background: #FFFFFF;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);height:60px;border-bottom:2px solid #F7F7F7;}
  .navbar-cart-profile-container{height:60px;}
  .header-menu-bar{display: none;}
  .mobile-progress-wizard{display: block;}
  .navbar-cart-profile-container>.navbar-nav>li>.dropdown-menu{transform: translate3d(0px, 56px, 0px) !important;}
  .bs-wizard > .bs-wizard-step{-ms-flex: 0 0 65%;flex: 0 0 65%;max-width:65%;}
  .bs-wizard > .bs-wizard-step:first-child,
  .bs-wizard > .bs-wizard-step:last-child{-ms-flex: 0 0 15%;flex: 0 0 15%;max-width:15%;}
  .bs-wizard{border:none;}

  footer{background: #303030;color: #fff;height:auto;padding-bottom:10px;}
  footer ul{list-style: none;display: flex;margin:0;padding:0;justify-content: center;}
  footer ul li{padding:10px;margin:0;}
  footer p{margin:0;text-align:center;font-size: 14px;}
  .material-scrolltop{display:none !important;}
    #launcher {
        bottom: 0 !important;
        margin-right: 5px !important;
    }
}