@font-face {
  font-family: "bodoni";
  src: url("/fonts/bodoni-72-book.ttf") format("truetype");
}
/*
 * Set up the keyframes to actually describe the begining and end states of 
 * the animation.  The browser will interpolate all the frames between these 
 * points.  Again, remember your vendor-specific prefixes for now!
 */
@-webkit-keyframes loadingRefresh {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
  }
}
@-moz-keyframes loadingRefresh {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(180deg);
  }
}
@-o-keyframes loadingRefresh {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(180deg);
  }
}
@keyframes loadingRefresh {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
/* Variables*/
/* Font Families*/
/* Font settings */
/* Color Palette*/
/* Shadows */
/* Max content width and paddings */
#cartBackdrop {
  z-index: 1050;
  background: #000;
  opacity: 0.2;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
}

/* HEADER */
header {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #293343;
}
header .sticky-promo-container {
  background-color: #127C95;
  text-align: center;
}
header .sticky-promo-container table {
  width: 100%;
  background-color: transparent;
  margin: 0 auto;
  max-width: 1920px;
}
header .sticky-promo-container td {
  padding: 0;
}
header .sticky-promo {
  padding: 12px 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  row-gap: 8px;
  color: #ffffff;
  line-height: 120%;
  font-size: 0.875rem;
}
header .sticky-promo .details {
  width: 100%;
  order: 1;
  text-align: center;
}
header .sticky-promo img {
  width: 20px;
  height: 20px;
}
header .sticky-promo img.img-arrow {
  width: 24px;
  height: 24px;
}
header .sticky-promo a {
  text-decoration: none;
  color: #ffffff;
  font-weight: 700;
}
header .navbar-brand img {
  height: 16px;
  width: auto;
}
header .header-utilities {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  column-gap: 8px;
  row-gap: 24px;
  padding: 12px 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #293343;
}
header .header-utilities-right {
  display: flex;
  column-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
  padding-right: 10px;
}
header .header-utilities .navbar-toggler {
  display: block;
}
header .header-utilities .navbar-toggler-icon {
  background-image: url("/images/svg/icon-menu.svg");
}
header .header-utilities .dropdown-toggle {
  display: flex;
  column-gap: 4px;
  padding: 0;
  border: none;
  font-size: 0.875rem;
  font-weight: 400;
}
header .header-utilities .dropdown-toggle::after {
  content: url("/images/svg/chevron-down.svg");
  border: none;
  margin-left: 0;
  height: 24px;
}
header .header-utilities .dropdown-toggle.show {
  background-color: transparent;
}
header .header-utilities .dropdown-item {
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 1.125rem;
  line-height: 120%;
}
header .header-utilities .dropdown-item img {
  width: 24px;
}
header .header-utilities #top-menu-user-dropdown .dropdown-menu {
  width: 230px;
}
header .header-utilities #top-menu-user-dropdown .dropdown-menu a {
  font-weight: bold;
  color: #333;
}
header .form-search {
  order: 1;
  width: 100%;
  justify-content: center;
}
header .form-search .searchbox {
  width: 100%;
  max-width: 517px;
}
header .form-search .form-group {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
header .form-search input {
  font-size: 0.875rem;
  color: #ffffff;
  padding: 10px 12px 10px 36px;
  background-color: #59667A;
  border: none;
  width: 100%;
  max-width: 517px;
  height: 42px;
}
header .form-search input::placeholder {
  color: #ffffff;
}
header .form-search button {
  outline: none;
  box-shadow: none;
  background-color: transparent;
  border: none;
  position: absolute;
  left: 12px;
  top: 10px;
  z-index: 100;
  padding: 0;
}
header .form-search button img {
  width: 19px;
  height: auto;
}
header .form-login {
  display: none;
}
header #cart {
  display: flex;
  align-items: center;
  column-gap: 9px;
  align-self: stretch;
}
header #cart .cart-btn {
  color: #ffffff;
  cursor: pointer;
}
header #cart .cart-icon-container {
  position: relative;
  padding-right: 24px;
}
header #cart .cart-icon-container img {
  width: 20px;
  height: 20px;
}
header #cart .cart-icon-container span {
  position: absolute;
  top: -5px;
  left: 12px;
  background-color: #127C95;
  height: 18px;
  padding: 0 6px;
  border-radius: 10px;
  color: #F7F7F6;
  display: flex;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
}
header .spot-price-contact-bar {
  padding: 6px 16px;
  height: 63px;
  background-color: #ffffff;
  font-size: 0.875rem;
  color: #333;
  line-height: 120%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
header .spot-price-contact-bar-wrapper {
  border-bottom: 1px solid #F4F4F7;
}
header .spot-price-n-chart {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .spot-price-bar {
  display: flex;
  column-gap: 2px;
  align-items: center;
}
header .spot-price-bar .infinite-scrolling {
  display: flex;
}
header .spot-price-bar .spot-metal-prices {
  display: flex;
  align-items: center;
}
header .spot-price-bar .spot-metal {
  display: flex;
  align-items: center;
  column-gap: 8px;
  padding: 0 8px;
}
header .spot-price-bar .spot-metal:not(:last-of-type) {
  border-right: 2px solid #c4c4c4;
}
header .spot-price-bar .spot-metal:hover {
  cursor: pointer;
}
header .spot-price-bar .spot-price-change-direction {
  width: 13px;
  height: 12px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
header .spot-price-bar .spot-price-change-direction-up {
  background-image: url("/images/svg/arrow-up.svg");
}
header .spot-price-bar .spot-price-change-direction-down {
  background-image: url("/images/svg/arrow-down.svg");
}
header .spot-price-bar .change-percentage {
  width: 52px;
}
header .spot-price-bar .change-percentage-up {
  color: #00884A;
}
header .spot-price-bar .change-percentage-down {
  color: #CF4055;
}
header .price-chart {
  font-size: 1rem;
  font-weight: 700;
  color: #003871;
  cursor: pointer;
  margin-left: 10px;
}
header .price-chart-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
header .header-contact {
  display: none;
}
header .header-contact svg {
  width: 24px;
}
header .header-contact svg path {
  stroke: #003871;
  stroke-width: 4px;
}
header .header-contact-method {
  display: flex;
  align-items: center;
  white-space: nowrap;
  column-gap: 8px;
}
header .header-contact-method a {
  color: #003871;
  font-weight: bold;
  font-size: 1rem;
  text-decoration: none;
}
header .offcanvas {
  max-width: 300px;
}
header .offcanvas-header {
  padding: 12px 16px;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 18px;
  letter-spacing: 0.2px;
  background-color: #293343;
  justify-content: space-between;
}
header .offcanvas-header .btn-close {
  position: relative;
  margin: 0;
  top: auto;
  left: auto;
  right: auto;
}
header .offcanvas-header-back {
  background-color: #ffffff;
  color: #333;
  display: none;
}
header .offcanvas-header-back button {
  outline: none;
  border: none;
  background: none;
  padding: 0;
  display: flex;
  align-items: center;
}
header .offcanvas-header-back button img {
  width: 20px;
  height: 20px;
}
header .offcanvas-header a {
  font-weight: 700;
  color: #EBBC4E;
  text-decoration: none;
}
header .offcanvas.subpage .offcanvas-header {
  display: none;
}
header .offcanvas.subpage .offcanvas-header-back {
  display: flex;
}
header .offcanvas-body .secondary-page {
  display: none;
}
header .offcanvas .header-contact {
  display: flex;
  background-color: #ffffff;
  width: 100%;
  flex-direction: column;
  row-gap: 16px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 16px;
  margin: 0;
  border-top: 2px solid #F4F4F7;
}
header .offcanvas .header-contact-method {
  height: 40px;
}
header .navbar-nav {
  /* The below is for nav item without submenu */
  /*.nav-item:not(.dropdown) .nav-link {
      display: flex;
      align-items: center;
      justify-content: space-between;

      &::after {
          content: url(/images/svg/chevron-right.svg);
          height: 24px;
      }
  }*/
}
header .navbar-nav .nav-link {
  color: #333;
  line-height: 120%;
}
header .navbar-nav .dropdown-item {
  font-size: 1rem;
}
header .navbar-nav .dropdown-item:active, header .navbar-nav .dropdown-item.active {
  color: #333;
}
header .navbar-nav .dropdown-item a {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 120%;
}
header .navbar-nav .dropdown-item .sub-menu a {
  font-weight: 400;
}
header .navbar-nav .dropdown-toggle {
  display: flex;
  justify-content: space-between;
  height: 40px;
}
header .navbar-nav .dropdown-toggle::after {
  content: url(/images/svg/chevron-up.svg);
  height: 24px;
}
header #offcanvas-login-block {
  color: #555;
  font-size: 0.875rem;
  line-height: 120%;
}
header #offcanvas-login-block h3 {
  margin-bottom: 40px;
  color: #000;
}
header #offcanvas-login-block a {
  text-decoration: underline;
}
header #offcanvas-login-block label, header #offcanvas-login-block input {
  font-size: 0.875rem;
  line-height: 120%;
}
header #offcanvas-login-block .fieldset-message {
  font-size: 0.75rem;
  line-height: 120%;
}
header #offcanvas-login-block .offcanvas-login-forgot-pwd-link {
  color: #555;
  line-height: 1.25rem;
}
header #offcanvas-login-block .fieldset-message, header #offcanvas-login-block label {
  display: none;
}
header #offcanvas-login-block .form-group {
  margin-bottom: 10px;
}
header #offcanvas-login-block .form-group:focus-within label {
  display: block;
}
header #offcanvas-login-block .form-group:focus-within input::placeholder {
  color: #ffffff;
}
header #offcanvas-login-block .form-group-password {
  position: relative;
}
header #offcanvas-login-block .form-group-password img {
  position: absolute;
  right: 12px;
  top: 10px;
}
header #offcanvas-login-block .form-group.success label, header #offcanvas-login-block .form-group.error label {
  display: block;
}
header #offcanvas-login-block .form-group.error .fieldset-message {
  display: block;
}
header #offcanvas-login-block button[type=button] {
  margin-top: 40px;
  margin-bottom: 8px;
}

@media (min-width: 744px) {
  header .sticky-promo {
    flex-wrap: nowrap;
    column-gap: 12px;
    font-size: 1rem;
  }
  header .sticky-promo img {
    width: 25px;
    height: 24px;
  }
  header .sticky-promo .details {
    width: auto;
    order: 0;
    text-align: left;
  }
  header .navbar-brand img {
    height: 25px;
  }
  header .header-utilities {
    padding: 12px 24px;
    column-gap: 20px;
  }
  header .header-utilities-right {
    column-gap: 16px;
    padding-right: 0;
  }
  header .header-utilities-right .user-status img {
    height: 28px;
    width: auto;
  }
  header #cart .cart-btn {
    display: flex;
    align-items: center;
    column-gap: 9px;
  }
  header #cart .cart-icon-container img {
    width: 28px;
    height: 28px;
  }
  header #cart .cart-icon-container span {
    left: 20px;
  }
  header .spot-price-contact-bar {
    padding: 6px 24px;
  }
}
@media (min-width: 1100px) {
  header .form-login .input-group {
    width: 172px;
  }
}
@media (min-width: 1200px) {
  #mainNavMobile {
    display: none;
  }
  header .header-utilities-right {
    padding-right: 0px;
  }
  header .header-utilities .dropdown-toggle {
    font-size: 1rem;
  }
  header .header-utilities .navbar-toggler {
    display: none;
  }
  header .form-login {
    display: flex;
    align-items: center;
    column-gap: 10px;
  }
  header .form-login .input-group {
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-color: #CBCBCD;
    border-radius: 4px;
    position: relative;
    height: 42px;
  }
  header .form-login .input-group input {
    width: 100%;
    padding-right: 64px;
    border: none;
    font-size: 0.875rem;
  }
  header .form-login .input-group .forgot-links {
    font-size: 0.875rem;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #EBBC4E;
    text-decoration: underline;
  }
  header .form-login .form-group.error .input-group {
    border-color: #CF4055;
  }
  header .form-login .form-group.error .input-group .forgot-links {
    display: none;
  }
  header .form-login .form-group.error .fieldset-message {
    font-size: 0.75rem;
  }
  header .form-login a.btn {
    white-space: nowrap;
    font-size: 1rem;
    padding: 0 0 0 10px;
    color: #EBBC4E;
    font-weight: 400;
    border: none;
    line-height: 32px;
    border-left: 2px solid #f2f2ff;
    border-radius: 0;
    height: 32px;
  }
  header #cart > span {
    display: inline-block;
    color: #F7F7F6;
    font-size: 1rem;
  }
  header .header-contact {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 12px;
  }
  header .header-contact svg {
    width: 18px;
  }
  header .header-contact-method {
    gap: 4px;
  }
  header .header-contact-method a {
    font-size: 0.875rem;
  }
  header .form-search {
    order: 0;
    padding-left: 4px;
    flex-grow: 1;
    justify-content: flex-start;
    max-width: 480px;
    width: auto;
  }
  header .price-chart {
    margin-left: 0px;
  }
  header .offcanvas {
    max-width: 100%;
  }
  header .offcanvas-body .account-link, header .offcanvas-body .header-contact {
    display: none !important;
  }
  header .navbar {
    padding: 0;
  }
  header .navbar > .container-fluid {
    padding: 0 24px;
  }
  header .navbar-nav {
    column-gap: 35px;
  }
  header .navbar-nav .nav-link {
    color: #ffffff;
    height: 100%;
    display: flex;
    align-items: center;
  }
  header .navbar-nav .nav-link:first-child {
    padding-left: 0;
  }
  header .navbar-nav .nav-item {
    padding: 8px 0;
  }
  header .navbar-nav .nav-item:not(.dropdown) .nav-link::after {
    content: "";
    display: none;
  }
  header .navbar-nav .nav-item-my-account {
    order: 0;
  }
  header .navbar-nav .dropdown-item {
    line-height: 120%;
    padding: 0 12px;
    color: #333;
  }
  header .navbar-nav .dropdown-item:active, header .navbar-nav .dropdown-item.active {
    color: #333;
  }
  header .navbar-nav .dropdown-item.deal {
    color: #CF4055;
  }
  header .navbar-nav .dropdown-toggle {
    justify-content: flex-start;
    align-items: center;
    font-size: 1rem;
  }
  header .navbar-nav .dropdown-toggle::after {
    display: none;
  }
  header .navbar-nav .dropdown-menu {
    margin-top: 5px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  header .navbar-nav .dropdown-menu li:not(:last-of-type) {
    margin-bottom: 12px;
  }
  header .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
  }
  header .navbar-nav .dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
  }
  header #offcanvas-login-block {
    display: none;
  }
  header .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  header .navbar-nav .dropdown-toggle {
    font-size: 1.125rem;
  }
  header .navbar-nav .nav-link {
    font-size: 1.125rem;
  }
  header .header-contact {
    column-gap: 24px;
  }
  header .header-contact svg {
    width: 24px;
  }
  header .header-contact-method {
    gap: 8px;
  }
  header .header-contact-method a {
    font-size: 1rem;
  }
  header .price-chart {
    margin-left: 20px;
  }
}
@media (min-width: 1536px) {
  header .header-utilities {
    flex-wrap: nowrap;
  }
  header .header-utilities .dropdown-toggle {
    font-size: 1.125rem;
  }
  header .form-login button {
    margin-left: 10px;
    white-space: nowrap;
  }
  header #cart > span {
    font-size: 1.125rem;
  }
  header .spot-price-contact-bar {
    justify-content: space-between;
  }
  header .spot-price-contact-bar .header-contact {
    display: flex;
  }
}
@media (min-width: 1920px) {
  header .navbar-brand img {
    height: 40px;
  }
  header .sticky-promo, header .header-utilities {
    padding: 12px 60px;
  }
  header .form-search {
    flex-grow: 1;
    max-width: 658px;
  }
  header .form-search .searchbox {
    max-width: 658px;
  }
  header .form-search input {
    font-size: 1rem;
    color: #ffffff;
    padding: 10px 12px 10px 42px;
    height: 50px;
    width: 100%;
    max-width: 658px;
  }
  header .form-search button {
    top: 12px;
  }
  header .form-search button img {
    width: 24px;
  }
  header .form-login .input-group {
    height: 50px;
    width: 260px;
  }
  header .form-login .input-group .forgot-links {
    font-size: 1rem;
  }
  header .form-login .form-group.error input {
    height: 48px;
    border-radius: 4px !important;
  }
  header .form-login .form-group.error .fieldset-message {
    font-size: 0.75rem;
  }
  header .form-login a.btn {
    font-size: 1.125rem;
  }
  header .spot-price-contact-bar {
    padding: 6px 60px;
    font-size: 1rem;
    margin: 0 auto;
    max-width: 1920px;
  }
  header .spot-price-contact-bar-wrapper {
    background-color: #ffffff;
  }
  header .navbar > .container-fluid {
    padding: 0 60px;
    max-width: 1920px;
  }
  header .navbar-nav .nav-link {
    font-size: 1.25rem;
  }
  header .navbar-nav .dropdown-toggle::after {
    height: 20px;
  }
  header .navbar-nav .dropdown-item {
    font-size: 1.125rem;
  }
  header .navbar-nav .dropdown-menu li:not(:last-of-type) {
    margin-bottom: 12px;
  }
}
@media (max-width: 1199px) {
  #top-menu-user-dropdown, #mainNav {
    display: none !important;
  }
  #mainNavMobile {
    row-gap: 10px;
    padding-bottom: 16px;
  }
  #mainNavMobileSubLevel {
    display: none;
  }
  #loginForm {
    display: none !important;
  }
  header .offcanvas-body {
    overflow-y: hidden;
    padding: 0;
    background: #fff;
  }
  header .offcanvas-body .main-page, header .offcanvas-body .secondary-page {
    overflow-y: auto;
    padding: 16px 16px 252px;
    height: calc(-42px + 100vh);
  }
  header .navbar-nav {
    row-gap: 10px;
  }
  header .navbar-nav .dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
  }
  header .navbar-nav .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }
  header .navbar-nav .dropdown-menu li {
    margin-bottom: 0;
  }
  header .navbar-nav .dropdown-item:focus, header .navbar-nav .dropdown-item:hover {
    background: #ffffff;
  }
  header .navbar-nav .dropdown-item > a {
    font-size: 1rem;
    padding: 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header .navbar-nav .dropdown-item > a::after {
    content: url("/images/svg/chevron-up.svg");
    transform: rotate(180deg);
    transition: transform 0.3s ease;
    height: 24px;
  }
  header .navbar-nav .dropdown-item > a.show::after {
    transform: none;
  }
  header .navbar-nav .dropdown-item:not(.dropend) {
    padding: 0;
    height: 40px;
    display: flex;
    align-items: center;
  }
  header .navbar-nav .dropdown-item .sub-menu {
    transition: all 0.3s ease;
  }
  header .navbar-nav .dropdown-item .sub-menu a {
    font-size: 0.875rem;
    padding: 0 0 0 12px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #333;
  }
  header .navbar-nav .dropdown-item .sub-menu a:focus, header .navbar-nav .dropdown-item .sub-menu a:hover {
    background: #ffffff;
  }
  header .navbar-nav .dropdown-divider {
    margin: 0;
  }
  header .navbar-nav .nav-link::after {
    transform: rotate(180deg);
    transition: all 0.3s ease;
  }
  header .navbar-nav .nav-link.show {
    color: currentColor;
  }
  header .navbar-nav .nav-link.show::after {
    transform: none;
    transition: all 0.3s ease;
  }
  header .navbar-nav .nav-link-heading {
    font-size: 1.125rem;
    font-weight: 700;
  }
  header .navbar-nav .nav-link-heading.sign-out-cta {
    color: #CF4055;
  }
  header .navbar-nav .nav-link-group {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }
  header .navbar-nav .nav-link-group li {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
  }
  header .navbar-nav .nav-link-group li a {
    width: 100%;
    color: #333;
    line-height: 40px;
  }
  header .navbar-nav .nav-link-group li a:hover {
    background: #F4F4F7;
  }
  header .navbar-nav .nav-link-group li a.deal {
    color: #CF4055;
  }
  header .navbar-nav .nav-link-has-submenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header .navbar-nav .nav-link-has-submenu::after {
    content: url(/images/svg/chevron-right.svg);
    height: 24px;
  }
  header .navbar-nav .sublevel {
    display: none;
  }
  header .navbar-nav .sublevel.show {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }
  header .navbar-nav .sublevel .nav-link {
    font-weight: 700;
  }
  header .navbar-nav .sublevel .nav-link-heading {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #000;
    display: inline-block;
    padding: 8px 0;
    margin-bottom: 10px;
  }
  header .navbar-nav .sublevel .dropdown-item {
    font-size: 14px;
    padding-left: 12px;
    color: #333;
  }
  header .navbar-nav .sublevel .dropdown-item:hover {
    background-color: #F4F4F7;
  }
  header .spot-price-n-chart {
    width: 100%;
  }
  header .spot-price-bar {
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 0;
    width: 100%;
  }
}
@media (max-width: 991px) {
  header .infinite-scrolling {
    padding-left: 100%;
    animation: scroll 25s linear infinite;
  }
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
}
/* Cart Modal */
.cart .btn-close {
  position: static;
}
.cart .modal-dialog {
  max-height: 90vh;
  overflow: hidden;
}
.cart .modal-header {
  border: 0;
  padding: 0 24px;
  justify-content: space-between;
}
.cart .modal-body {
  row-gap: 24px;
}
.cart .modal-notification {
  max-width: 100vw;
  right: 0;
  top: auto;
  bottom: 0;
  height: auto;
  border-radius: 6px 6px 0px 0px;
}
.cart .modal-content {
  padding: 24px 0;
  max-height: 90vh;
}
.cart-categories {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  column-gap: 10px;
  margin: 24px;
  padding: 4px;
  background-color: #F4F4F7;
  border-radius: 8px;
}
.cart-categories .cart-toggle {
  padding: 8px 4px;
  text-align: center;
  font-size: 1rem;
  line-height: 20px;
  cursor: pointer;
  flex: 1 0 0;
  border-radius: 8px;
  color: #555;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.cart-categories .cart-toggle .num_incart_notification {
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_3125_36854)"><path d="M9.9974 18.3332C14.5998 18.3332 18.3307 14.6022 18.3307 9.99984C18.3307 5.39746 14.5998 1.6665 9.9974 1.6665C5.39502 1.6665 1.66406 5.39746 1.66406 9.99984C1.66406 14.6022 5.39502 18.3332 9.9974 18.3332Z" stroke="%23555" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 6.6665V9.99984" stroke="%23555" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 13.3335H10.0083" stroke="%23555" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3125_36854"><rect width="20" height="20" fill="%23555"/></clipPath></defs></svg>');
}
.cart-categories .cart-toggle.on {
  background-color: #003871;
  color: #ffffff;
}
.cart-categories .cart-toggle.on .num_incart_notification {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_3125_36854)"><path d="M9.9974 18.3332C14.5998 18.3332 18.3307 14.6022 18.3307 9.99984C18.3307 5.39746 14.5998 1.6665 9.9974 1.6665C5.39502 1.6665 1.66406 5.39746 1.66406 9.99984C1.66406 14.6022 5.39502 18.3332 9.9974 18.3332Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 6.6665V9.99984" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 13.3335H10.0083" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3125_36854"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
}
.cart-categories .cart-toggle.on#cart-toggle-sell {
  background-color: #EBBC4E;
  color: #293343;
}
.cart-categories .cart-toggle.on#cart-toggle-sell .num_incart_notification {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_3125_36854)"><path d="M9.9974 18.3332C14.5998 18.3332 18.3307 14.6022 18.3307 9.99984C18.3307 5.39746 14.5998 1.6665 9.9974 1.6665C5.39502 1.6665 1.66406 5.39746 1.66406 9.99984C1.66406 14.6022 5.39502 18.3332 9.9974 18.3332Z" stroke="%23293343" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 6.6665V9.99984" stroke="%23293343" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 13.3335H10.0083" stroke="%23293343" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3125_36854"><rect width="20" height="20" fill="%23293343"/></clipPath></defs></svg>');
}
.cart-content {
  display: none;
}
.cart-content.show {
  display: flex !important;
  flex-direction: column;
  row-gap: 24px;
}
.cart-tools {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 16px;
  color: #555;
  padding: 0 24px;
}
.cart-tools > div {
  display: flex;
  align-items: center;
  column-gap: 4px;
  cursor: pointer;
  font-weight: 700;
  line-height: normal;
}
.cart-tools .refresh-icon.loading {
  animation: loadingRefresh 1s linear infinite;
}
.cart-body {
  padding: 0 0 24px 24px;
  border-bottom: 2px solid #F4F4F7;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.cart-body.empty {
  border-bottom: none;
}
.cart-digital-metals {
  padding: 24px 0 0 0;
  border-top: 2px solid #F4F4F7;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.cart-digital-metals-heading {
  font-family: "bodoni", Georgia, serif;
  font-size: 20px;
  color: #000;
}
.cart-digital-metals .error_note {
  padding-left: 0;
}
.cart-empty {
  min-height: 184px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 16px;
  align-items: center;
  text-align: center;
  font-size: 0.875rem;
  color: #333;
  line-height: 120%;
}
.cart-empty-heading {
  font-size: 1.125rem;
  font-weight: 700;
}
.cart-item {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 16px;
}
.cart-item .pimage {
  width: 50px;
}
.cart-item .pimage img {
  width: 100%;
}
.cart-item .info {
  display: flex;
  flex-direction: column;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  row-gap: 12px;
  line-height: normal;
  width: 130px;
  flex: 1;
}
.cart-item .title {
  padding: 8px 0;
}
.cart-item .price {
  font-size: 1rem;
  font-weight: 700;
  color: #003871;
}
.cart-item-input-group {
  display: flex;
  column-gap: 8px;
}
.cart-item .qty_inputs input {
  width: 60px;
  height: 32px;
  text-align: center;
  color: #555;
  font-size: 0.875rem;
  line-height: 120%;
}
.cart-item .qty_inputs input.error {
  border-color: #CF4055;
}
.cart-item .remove_item {
  margin-top: 6px;
  padding-right: 24px;
}
.cart-item .remove_item img:hover {
  cursor: pointer;
}
.cart-item .error_note {
  width: 100%;
  font-size: 0.75rem;
  line-height: 120%;
  color: #CF4055;
  padding-left: 60px;
  display: flex;
  column-gap: 4px;
}
.cart-item .error_note img {
  width: 20px;
  height: 20px;
}
.cart-progress-bar {
  line-height: normal;
  color: #333;
  padding: 0 24px;
}
.cart-progress-bar .progress {
  height: 8px;
  margin: 8px 0;
  background-color: #F0F2F3;
  border-radius: 999px;
}
.cart-progress-bar .progress-bar {
  height: 8px;
  background-color: #003871;
  border-radius: 999px;
}
.cart-progress-bar .missing-amount-blk {
  text-align: right;
  color: #003871;
  font-size: 0.875rem;
}
.cart-summary {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 12px;
  line-height: normal;
  padding: 0 24px;
}
.cart-subtotal {
  display: flex;
  align-items: center;
  column-gap: 12px;
  color: #003871;
  font-size: 1.5rem;
  font-weight: 700;
  transition: background-color 1s ease;
}
.cart-subtotal-title {
  font-size: 0.875rem;
  color: #555;
}
.cart-subtotal.updated {
  background-color: #eeb111;
}
.cart-price-notes {
  display: flex;
  flex-direction: column;
  font-size: 10px;
  text-align: right;
}
.cart_notification {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.cart_notification .error_note {
  display: flex;
  column-gap: 4px;
  color: #CF4055;
  font-size: 0.75rem;
  line-height: 120%;
  align-items: center;
  margin: 0;
}

@media (min-width: 576px) {
  .cart {
    max-width: 360px;
  }
  .cart-categories .cart-toggle {
    padding: 8px 12px;
  }
  .cart-body {
    overflow-y: auto;
    max-height: calc(100vh - 600px);
  }
  .cart .modal-notification {
    width: 425px;
    max-width: 425px;
    right: 8px;
    top: 127px;
    bottom: auto;
  }
  .cart .modal-content {
    max-height: none;
  }
}
@media (min-width: 744px) {
  .cart {
    max-width: max-content;
  }
  .cart-item {
    column-gap: 16px;
  }
  .cart-item .pimage {
    width: 80px;
  }
  .cart-item .info {
    width: 160px;
  }
  .cart-item .error_note {
    padding-left: 96px;
  }
  .cart .modal-notification {
    right: 36px;
  }
}
/* searchbox section */
#searchresults-container {
  position: absolute;
  right: auto;
  top: auto;
  border-top: 4px solid rgb(0, 56, 113);
  border-bottom: 4px solid rgb(0, 56, 113);
  background: #fff;
  z-index: 99990;
  padding: 0;
  display: none;
  -webkit-box-shadow: 0px 6px 5px 3px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 6px 5px 3px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 6px 5px 3px rgba(0, 0, 0, 0.16);
  width: 100%;
  max-width: 320px;
}
#searchresults-container #show-more-from-search {
  background: rgb(0, 56, 113);
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 0;
  cursor: pointer;
}

.searchresults {
  width: 100%;
  background: #fff;
}
.searchresults .items {
  border: 1px solid #ccc;
  border-top: 0;
  padding: 10px 5px 10px 15px;
  clear: both;
  float: none;
  overflow: hidden;
  font-size: 11px;
}
.searchresults .items img {
  width: 25px;
  float: left;
}
.searchresults .items .info {
  width: 250px;
  float: left;
  line-height: 1.2em;
  margin-left: 8px;
  color: #000;
}
.searchresults .items .price {
  color: #144b6d;
  font-weight: bold;
  margin-top: 5px;
  display: block;
}
.searchresults.scrollable {
  overflow-y: auto;
}
.searchresults.scrollable .items .info {
  width: 230px;
}

@media (min-width: 992px) {
  #searchresults-container {
    max-width: 517px;
  }
}
/* Special modals */
.modal {
  /* Special modals - Chart modal */
}
.modal#loginResponseModal .modal-dialog {
  max-width: none;
}
.modal#loginResponseModal .modal-dialog #logInErrorBlock {
  max-width: 280px;
}
.modal#loginResponseModal .modal-content {
  padding: 32px 24px;
}
.modal#chartModal .modal-content {
  gap: 24px;
}
.modal#chartModal .modal-header {
  padding: 0px 41px 24px 24px;
}
.modal#chartModal .modal-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.modal#chartModal .price-chart-tabs {
  width: 100%;
  overflow-x: auto;
  border-bottom: 2px solid #F4F4F7;
  padding: 0 41px 3px 24px;
  display: flex;
  align-items: center;
  gap: 36px;
  margin-bottom: 0;
  list-style: none;
}
.modal#chartModal .price-chart-tabs li {
  margin-bottom: -2px;
  padding-bottom: 8px;
  font-size: 1.125rem;
  color: #555;
  line-height: 120%;
}
.modal#chartModal .price-chart-tabs li.active {
  color: #003871;
  border-bottom: 3px solid #003871;
  padding-bottom: 5px;
}
.modal#chartModal .price-chart-tabs li:hover {
  cursor: pointer;
}
.modal#chartModal .price-chart-periods {
  width: 100%;
  padding: 0 41px 0 24px;
  overflow-x: auto;
  display: flex;
  align-items: center;
  gap: 16px;
}
.modal#chartModal .price-chart-periods button {
  background: #F0F2F3;
  color: #555;
  line-height: 1.25rem;
}
.modal#chartModal .price-chart-periods button.active {
  color: #ffffff;
  background: #003871;
  border: 1px solid #003871;
}
.modal#chartModal .price-chart-periods button:disabled {
  border: none;
  color: #CBCBCD;
  opacity: 0.7;
}
.modal#chartModal .price-chart-container {
  padding: 0 41px 0 24px;
  display: flex;
  justify-content: center;
}
.modal#chartModal .price-chart-container img {
  width: 100%;
}

@media (min-width: 992px) {
  .modal {
    /* Special modals - Chart modal */
  }
  .modal#chartModal .modal-dialog {
    min-width: 800px;
  }
  .modal#chartModal .modal-content, .modal#chartModal .modal-body {
    gap: 40px;
  }
  .modal#chartModal .modal-header {
    padding: 0px 40px 24px 40px;
  }
  .modal#chartModal .price-chart-tabs, .modal#chartModal .price-chart-periods, .modal#chartModal .price-chart-container {
    padding: 0 40px;
  }
  .modal#chartModal .price-chart-tabs {
    padding-bottom: 0;
    overflow-x: initial;
  }
  .modal#chartModal .price-chart-tabs li {
    font-size: 1.25rem;
  }
}

/*# sourceMappingURL=header-v2.css.map */