.icon, .logo {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-align: center;
  transition: 0.1s;
}
.icon-account {
  background-image: url("../user-2.html");
}
.icon-account.icon-blue {
  background-image: url("../user.html");
}
.icon-account.icon-lgray {
  background-image: url("../user-3.html");
}
.icon-add {
  background-image: url("../shoppingcartadd.html");
}
.icon-address {
  background-image: url("../factory.html");
}
.icon-chemicalWarning {
  background-image: url("../chemical-warning.html");
  vertical-align: text-bottom;
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
}
.icon-book {
  background-image: url("../book.html");
}
.icon-book.icon-lgray {
  background-image: url("../book-2.html");
}
.icon-bell {
  background-image: url("../bell.html");
}
.icon-bell.icon-red {
  background-image: url("../bell-c70000-v2.html");
}
.icon-cap {
  background-image: url("../cap.html");
}
.icon-caret {
  background-image: url("../caret.html");
}
.icon-caret.icon-caret-right {
  transform: scaleX(-1);
}
.icon-caret.icon-white {
  background-image: url("../caret-2.html");
}
.icon-cart {
  background-image: url("../shoppingcart-2.html");
}
.icon-cart.icon-blue {
  background-image: url("../shoppingcart.html");
}
.icon-cart.icon-white {
  background-image: url("../shoppingcart-3.html");
}

.icon-cc {
  width: 42px;
  height: 26px;
  background-size: 42px 26px;
}
.icon-cc-card {
  background-image: url("../creditcard2.html");
}
.icon-cc-mastercard {                                       /* NEEDS SVG */
  background-image: url("../cc_mastercard.html");
}
.icon-cc-visa {
  background-image: url("../cc_visa.html");
}
.icon-cc-discover {
  background-image: url("../cc_discover.html");
}
.icon-cc-amex {
  background-image: url("../cc_amex.html");
}

.icon-clearance {
  background-image: url("../clearance.html");
}
.icon-email {
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  background-image: url("../email.html");
}
.icon-email.icon-red {
  background-image: url("../email-2.html");
}
.icon-home {
  background-image: url("../home.html");
}
.icon-itemDetails {
  background-image: url("../itemdetails.html");
}
.icon-knowledgebase {
  background-image: url("../knowledgebase.html");
}
.icon-knowledgebase.icon-lgray {
  background-image: url("../knowledgebase-2.html");
}
.icon-loading {
  background-image: url("../loading.html");
}
.icon-loading {
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.icon-menu {
  background-image: url("../menu.html");
}
.icon-next {
  background-image: url("../arrownext.html");
}
.icon-padlock {
  background-image: url("../padlock.html");
}
.icon-payment {
  background-image: url("../creditcard.html");
}
.icon-payment2 {
  background-image: url("../creditcard2.html");
}
.icon-plus {
  background-image: url("../plus.html");
}
.icon-plus.icon-red {
  background-image: url("../plus-2.html");
}
.icon-priceTag {
  background-image: url("../pricetag-2.html");
}
.icon-priceTag.icon-lgray {
  background-image: url("../pricetag-3.html");
}
.icon-priceTag.icon-blue {
  background-image: url("../pricetag.html");
}
.icon-print {
  background-image: url("../print.html");
}
.icon-print.icon-red {
  background-image: url("../print-2.html");
}
.icon-repeat {
  background-image: url("../repeat.html");
}
.icon-quickorder {
  background-image: url("../quickorder.html");
}
.icon-search {
  background-image: url("../search.html");
}
.icon-sheets {
  background-image: url("../sheets.html");
}
.icon-sheets.icon-lgray {
  background-image: url("../sheets-2.html");
}
.icon-shippingbox {
  background-image: url("../shippingbox.html");
}
.icon-shippingbox.icon-lgray {
  background-image: url("../shippingbox-2.html");
}
.icon-shippingbox2 {
  background-image: url("../shippingbox2.html");
}
.icon-settings {
  background-image: url("../settings.html");
}
.icon-stanleyBooks {
  background-image: url("../stanleybooks.html");
}
.icon-tamcoUI {
  background-image: url("../tamco.html");
}
.icon-truck {
  background-image: url("../truck.html");
}
.icon-usp {
  background-image: url("../usp.html");
  /*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTMiPiAgPGcgZmlsbD0iIzAwMCI+ICAgIDxwYXRoIGQ9Ik0wIDBjLjMgMS4xIDEuMyAyLjMgMi42IDIuNmg0LjFsLjIuMVYxM2gyLjVWMi43bC4yLS4xaDQuMWMxLjQtLjQgMi4zLTEuNSAyLjYtMi42SDB6TTc3LjggMTNjMS4zLS41IDItMS41IDIuMi0yLjZINjguN1YtLjFoLTIuNXYxM2gxMS42ek00Ny4zIDIuNmg5YzEuMy0uNCAyLjUtMS40IDIuNy0yLjZINDQuOHY3LjdoMTEuNnYyLjdoLTkuMWMtMS40LjQtMi42IDEuNC0zLjIgMi42SDU5VjUuMkg0Ny4zVjIuNnpNODUuNCA1LjJWMTNIODhWNy44aDkuMVYxM2gyLjZWNS4yTTI1LjIgMi42aDkuN2MxLjMtLjMgMi40LTEuNSAyLjYtMi42aC0xNWMuNCAxLjIgMS40IDIuMyAyLjcgMi42TTI1LjIgNy44aDkuN2MxLjMtLjMgMi40LTEuNSAyLjYtMi42aC0xNWMuNCAxLjEgMS40IDIuMyAyLjcgMi42TTI1LjIgMTNoOS43YzEuMy0uMyAyLjQtMS41IDIuNi0yLjZoLTE1Yy40IDEuMiAxLjQgMi40IDIuNyAyLjZNODcuNyAyLjZoOS43YzEuMy0uMyAyLjQtMS41IDIuNi0yLjZIODVjLjMgMS4yIDEuMyAyLjQgMi43IDIuNiIvPiAgPC9nPjwvc3ZnPg==") !important;
  */
}
.icon-uspfull {
  background-image: url("../uspfull.html");
}
.icon-video-3d {
  background-image: url("../3d.html");
}


/* SOCIAL */
.icon-fb {
  background-image: url("../facebook.html");
}
.icon-tw {
  background-image: url("../x.html");
}
.icon-x {
  background-image: url("../x.html");
}
.icon-in {
  background-image: url("../instagram.html");
}
.icon-yt {
  background-image: url("../youtube.html");
}
.icon-li {
  background-image: url("../linkedin.html");
}
.icon-em {
  background-image: url("../email-3.html");
}


/* LOGOS */
.logo-greeninitiative { /* 1.161:1 */
  background-image: url("../greeninitiative.html");
  width: 100px;
  height: 86px;
  background-size: 100px 86px;
}
.logo-tamco { /* 3.962:1 */
  background-image: url("../tamco_full.html");
  width: 105px;
  height: 26px;
  background-size: 105px 26px;
}


/* COMPOSITE */
.icon::after {
  display: block;
  vertical-align: middle;
  font-weight: bold;
}

.icon-alert, .icon-info {
  top: -.1em;
  width: 22px;
  height: 22px;
  background-color: #144788;
  border-radius: 99px;
  color: #fff;
}
.icon-alert::after {
  content: "!";
  left: .01em;
}
.icon-info::after {
  content: "i";
  top: .03em;
  left: .01em;
}

.icon-help {
  top: -.05em;
  width: 1.2em;
  height: 1.2em;
  background-size: 1.2em 1.2em;
  background-color: #c8c8c8;
  border-radius: 1em;
  font-size: .9em;
  font-weight: bold;
  color: #fff;
}
.icon-help::after {
  content: "?";
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translate(-1%, -50%);
}


.icon-remove {
  width: 25px;
  height: 25px;
  border-radius: 99px;
  border: 1px solid #c70000;
}
.icon-remove:active,
.no-touch .icon-remove:hover {
  border-color: #e00;
}
.icon-remove::after {
  content: "✕";
  top: .05em;
  left: .02em;
}

.icon-360, /*temp*/
.icon-video-360 {
  /*background-image: url("https://www.usplastic.com/images/icons/ui/360.svg");
  background-size: 24px 24px;*/
  width: 24px;
  height: 24px;
  border-radius: 99px;
  background: #c70000;
}
.icon-360::after,
.icon-video-360::after {
  content: "360°";
  font-size: 8px;
  color: #fff;
}


/* PRODUCT CATEGORIES */
.icon-bags { background-image: url("../bags.html"); }
.icon-bottles { background-image: url("../bottles.html"); }
.icon-buckets { background-image: url("../buckets.html"); }
.icon-containers { background-image: url("../containers.html"); }
.icon-drums { background-image: url("../drums.html"); }
.icon-fittings { background-image: url("../fittings.html"); }
.icon-food { background-image: url("../food.html"); }
.icon-labware { background-image: url("../labware.html"); }
.icon-pipe { background-image: url("../pipe.html"); }
.icon-safety { background-image: url("../safety.html"); }
.icon-sheet { background-image: url("../sheet.html"); }
.icon-tamco { background-image: url("../tamco-2.html"); }
.icon-tanks { background-image: url("../tanks.html"); }
.icon-tubing { background-image: url("../tubing.html"); }
.icon-valves { background-image: url("../valves.html"); }

.icon-bags.icon-light, .view-bags #categoryMap .icon-bags { background-image: url("../bags-2.html"); }
.icon-bottles.icon-light, .view-bottles #categoryMap .icon-bottles { background-image: url("../bottles-2.html"); }
.icon-buckets.icon-light, .view-buckets #categoryMap .icon-buckets { background-image: url("../buckets-2.html"); }
.icon-containers.icon-light, .view-containers #categoryMap .icon-containers { background-image: url("../containers-2.html"); }
.icon-drums.icon-light, .view-drums #categoryMap .icon-drums { background-image: url("../drums-2.html"); }
.icon-fittings.icon-light, .view-fittings #categoryMap .icon-fittings { background-image: url("../fittings-2.html"); }
.icon-food.icon-light, .view-food #categoryMap .icon-food { background-image: url("../food-2.html"); }
.icon-labware.icon-light, .view-labware #categoryMap .icon-labware { background-image: url("../labware-2.html"); }
.icon-pipe.icon-light, .view-pipe #categoryMap .icon-pipe { background-image: url("../pipe-2.html"); }
.icon-safety.icon-light, .view-safety #categoryMap .icon-safety { background-image: url("../safety-2.html"); }
.icon-sheet.icon-light, .view-sheet #categoryMap .icon-sheet { background-image: url("../sheet-2.html"); }
.icon-tamco.icon-light, .view-tamco #categoryMap .icon-tamco { background-image: url("../tamco-3.html"); }
.icon-tanks.icon-light, .view-tanks #categoryMap .icon-tanks { background-image: url("../tanks-2.html"); }
.icon-tubing.icon-light, .view-tubing #categoryMap .icon-tubing { background-image: url("../tubing-2.html"); }
.icon-valves.icon-light, .view-valves #categoryMap .icon-valves { background-image: url("../valves-2.html"); }



/* MASKS */    /* BUG: Initially, Edge was rendering these styles despite lack of support. Now browsers can't seem to load them due to CORS cross-origin security protocol. */

/*@supports ((-webkit-mask: url()) or (mask: url())) {
  .icon {
    -webkit-mask: no-repeat 50% 50%;
    mask: no-repeat 50% 50%;
  }

  .userOptions .icon {
    background-color: #1a1a1a;
  }
  .userOptions .icon-email {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/ui/email.svg");
            mask-image: url("https://www.usplastic.com/images/icons/ui/email.svg");
  }
  .userOptions .icon-print {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/ui/print.svg");
            mask-image: url("https://www.usplastic.com/images/icons/ui/print.svg");
  }
  .userOptions a:active .icon,
  .no-touch .userOptions a:hover .icon {
    background: #c70000;
  }

  #cartPanel .icon {
    background: #333;
  }
  #cartPanel .icon-cart {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/ui/shoppingcart.svg");
            mask-image: url("https://www.usplastic.com/images/icons/ui/shoppingcart.svg");
  }
  #cartPanel .icon-settings {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/ui/settings.svg");
            mask-image: url("https://www.usplastic.com/images/icons/ui/settings.svg");
  }
  #cartPanel .icon-account {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/ui/user.svg");
            mask-image: url("https://www.usplastic.com/images/icons/ui/user.svg");
  }
  #cartPanel a:active .icon,
  .no-touch #cartPanel a:hover .icon {
    background: #fff;
  }


  .icon-bags {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/bags.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/bags.svg");
    background: #69af3d;
  }
  .icon-bottles {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/bottles.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/bottles.svg");
    background: #ed1c29;
  }
  .icon-buckets {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/buckets.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/buckets.svg");
    background: #005496;
  }
  .icon-containers {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/containers.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/containers.svg");
    background: #61217f;
  }
  .icon-drums {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/drums.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/drums.svg");
    background: #005496;
  }
  .icon-food {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/food.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/food.svg");
    background: #c17cb5;
  }
  .icon-fittings {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/fittings.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/fittings.svg");
    background: #b92684;
  }
  .icon-labware {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/labware.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/labware.svg");
    background: #325830;
  }
  .icon-pipe {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/pipe.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/pipe.svg");
    background: #eba613;
  }
  .icon-safety {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/safety.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/safety.svg");
    background: #7d4f2b;
  }
  .icon-sheet {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/sheet.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/sheet.svg");
    background: #db671e;
  }
  .icon-tamco {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/tamco.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/tamco.svg");
  }
  .icon-tanks {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/tanks.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/tanks.svg");
    background: #0070b8;
  }
  .icon-tubing {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/tubing.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/tubing.svg");
    background: #007c91;
  }
  .icon-valves {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/categories/colors/valves.svg");
            mask-image: url("https://www.usplastic.com/images/icons/categories/colors/valves.svg");
    background: #f99f1c;
  }
  .view-bags #categoryMap .side a.bags .icon,
  .view-bottles #categoryMap .side a.bottles .icon,
  .view-buckets #categoryMap .side a.buckets .icon,
  .view-containers #categoryMap .side a.containers .icon,
  .view-drums #categoryMap .side a.drums .icon,
  .view-fittings #categoryMap .side a.fittings .icon,
  .view-food #categoryMap .side a.food .icon,
  .view-labware #categoryMap .side a.labware .icon,
  .view-packaging #categoryMap .side a.packaging .icon,
  .view-pipe #categoryMap .side a.pipe .icon,
  .view-safety #categoryMap .side a.safety .icon,
  .view-sheet #categoryMap .side a.sheet .icon,
  .view-tanks #categoryMap .side a.tanks .icon,
  .view-tubing #categoryMap .side a.tubing .icon,
  .view-valves #categoryMap .side a.valves .icon {
    background: #fff;
  }


  /*#footer .footer-social .icon {
    background: #c7c7c7;
    -webkit-transition: 0.2s;
            transition: 0.2s;
  }
  #footer .footer-social .icon-fb {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/social/facebook.svg");
            mask-image: url("https://www.usplastic.com/images/icons/social/facebook.svg");
  }
  #footer .footer-social .icon-tw {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/social/twitter.svg");
            mask-image: url("https://www.usplastic.com/images/icons/social/twitter.svg");
  }
  #footer .footer-social .icon-in {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/social/instagram.svg");
            mask-image: url("https://www.usplastic.com/images/icons/social/instagram.svg");
  }
  #footer .footer-social .icon-yt {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/social/youtube.svg");
            mask-image: url("https://www.usplastic.com/images/icons/social/youtube.svg");
  }
  #footer .footer-social .icon-li {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/social/linkedin.svg");
            mask-image: url("https://www.usplastic.com/images/icons/social/linkedin.svg");
  }
  #footer .footer-social .icon-em {
    -webkit-mask-image: url("https://www.usplastic.com/images/icons/social/email.svg");
            mask-image: url("https://www.usplastic.com/images/icons/social/email.svg");
  }
  #footer .footer-social a:active .icon,
  .no-touch #footer .footer-social a:hover .icon {
    background: #909090;
  }*/




/* ANIMATIONS */
@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}
}