body {
  font-family: 'Roboto', sans-serif
}

.adv-search .dropdown.dropdown-lg .dropdown-menu {
  margin-top: 0;
  padding: 1px 35px;
  border-bottom: none
}
.adv-search .btn-group .btn {
  border-radius: 0;
  margin-left: -1px;
  float: left
}
.adv-search .btn-group .dropdown-lg {
  float: left
}
.adv-search .btn-group .btn:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
}
.adv-search .dropdown .btnround {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px
}
.adv-search .btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}
.adv-search .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0
}
.adv-search .form-group .form-control:last-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}
.adv-search .dropdown-menu label {
  display: block;
  color: #8a8a8a
}
.adv-search .caret {
  border-top-style: solid
}
.adv-search .dropdown {
  padding-left: 0;
  padding-right: 0
}
.adv-search .dropdown.dropdown-lg {
  position: static !important
}
/*.adv-search @charset "utf-8";
body {
  font-family: 'Roboto', sans-serif
}*/
#LoginModalBody {
  max-height: 800px;
  overflow-yXX: scroll
}
.alpha a {
  padding: 0 3px
}
#featured_mnf {
  min-height: 50px;
  background-color: #C9BEBE;
  margin-bottom: 20px
}
a, a:hover, a:focus {
  outline: none
}
a.decor-none {
  text-decoration: none
}
a.white {
  color: #fff
}
a.white:hover {
  text-decoration: underline
}
#nav-bar-mobi {
  display: none
}
span#toplogin > a:hover, span#toploginsm > a:hover {
  color: #00B173;
  text-decoration: none
}
.logged-in-show {
  display: block !important
}
.logged-out-show {
  display: none !important
}
.dropdown {
  position: relative;
  display: inline-block
}
.dropdown-content {
  display: none;
  position: absolute
}
.dropdown:hover .dropdown-content {
  display: block
}











.account-head-nav {
  background-color: #f9f9f9;
  background-color: #FFF;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
  border-radius: .35rem;
  border: solid 1px #f1f1f1
}
.account-head-nav p {
  padding: .45rem 1rem;
  margin: 0
}
.account-head-nav p a {
  color: #231F20;
  text-decoration: none;
  font-weight: 400;
  display: block
}
.super-container, #head-fixed {
  max-width: 1400px;
  margin: auto
}
.super-nav {
  color: #FFF;
  padding: 3px 2.9375rem;
  font-size: .9rem
}
.nav-middle-container {
  padding: 3px 2.9375rem
}
.super-1 {
  text-align: left
}
.super-2 {
  text-align: center
}
.super-3 {
  text-align: right
}
@media (max-width:576px) {
  .super-1 {
    text-align: center
  }
  .super-2 {
    text-align: center
  }
  .super-3 {
    text-align: center
  }
}
.orange-bg {
  background-color: #EC6B0E
}
.orange-bg:hover {
  background-color: #d6610d
}
.grey-dark {
  color: #76777B
}
.black-primary {
  color: #231F20
}
.sm-80 {
  font-size: 80%
}
.main-color-bg {
  background-color: #00B173
}
.main-color-dark {
  background-color: #008E5C
}
.white-bg {
  background-color: #FFF
}
.main-sub-header {
  color: #008E5C
}
.img-icon {
  padding-right: 10px
}
.padding-15-10 {
  padding: 15px 10px
}
.clear {
  clear: both
}
.clear5 {
  clear: both;
  height: 5px
}
.clear10 {
  clear: both;
  height: 10px
}
.clear20 {
  clear: both;
  height: 20px
}
.green-bright {
  color: #00B173
}
.green-dark {
  color: #008E5C
}
.grey-dark {
  color: #76777B
}
.grey-light {
  color: #C8C7C7
}
.background-color {
  background-color: #f9f9f9
}
.font110 {
  font-size: 110%
}
.border-bottom {
  border-bottom: solid 1px #ccc;
  padding-bottom: .625rem
}
.no-border {
  border: none
}
table {
  border-collapse: separate;
  border-spacing: 0
}
table.wk {
  -moz-border-radius: 10.25rem;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  borde-color: #f1f1f1
}
table.wk th, table.wk td {
  padding: .5rem 1.5rem
}
th.wkth {
  padding: .5rem 1.5rem
}
td.wktd {
  padding: .5rem 1.5rem;
  border-left: solid 1px #f1f1f1
}
.wk tr, tr {
  border-bottom: solid 1px #f1f1f1
}
.wktable tr {
  border-top: 1px solid #ddd;
  line-height: 2;
  vertical-align: top;
  padding: 5px
}
.wktable td {
  line-height: 2;
  padding: 5px
}
tr.noborder {
  border: none
}
.navbar-default {
  background-color: #e7e6e6;
  border-color: #e7e7e7
}
.navbar {
  padding: 0
}
.navbar-light {
  background-color: #f9f9f9;
  max-width: 1400px;
  margin: auto
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .9rem;
  padding-left: .9rem
}
ul.super-sign {
  margin: 0;
  padding: 0
}
ul.super-sign li {
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle
}
.dropdown {
  position: static !important
}
.dropdown-menu {
  clear: both;
  box-shadow: 0 15px 60px 0 rgba(0, 0, 0, .07) !important;
  width: 101% !important;
  border: none;
  border-bottom: solid 1px #f6f6f6;
  margin-left: -5px;
  border-radius: 0 0 .25rem .25rem;
  position: absolute; left: 0;
}
li.nav-item.dropdown:hover {
  background-color: #FFF;
  color: #00B173; 
}
.dropdown-menu li {
  list-style: none;
  font-size: .9375rem
}
.dropdown-menu {
  padding: 0
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border: none
}
.dropdown-menu {
  padding-bottom: 1rem; 
}
.dropdown-menu ul {
  padding-left: 1.25rem;
}
.dropdown-menu ul li {
  font-weight: 700
}
.dropdown-menu ul li a {
  color: #231F20;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px
}
.dropdown-menu ul li a:hover {
  color: #008E5C
}
.dropdown-menu ul li a.seeAll {
  color: #EC6B0E
}
.dropdown-menu ul li a.seeAll:hover {
  text-decoration: underline
}

/* --TD 10.17.2023 -- */

.offcanvas-header .btn-close {
    padding: 8px;
    border: solid 1px #666;
    }

.btn-outline-dark.btn-close:hover{ color: #FFF; opacity: 5; background-color:#ccc}


/* --//TD 10.17.2023 -- */ 

@media screen and (min-width:768px) {
  .dropdownNO:hover .dropdown-menu, .btn-group:hover .dropdown-menu {
    display: block
  }
  .dropdown-menu {
    margin-top: 0
  }
  .dropdown-toggle {
    margin-bottom: 2px
  }
  .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle {
    margin-bottom: 0
  }
}
.navbar-light .navbar-nav .nav-link {
  color: #231f20;
  font-weight: 400;
  font-size: .95rem;
  padding-right: 16px
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #008E5C;
  background-color: #FFF
}
.slogan {
  color: #00B173;
  font-size: 16px;
  letter-spacing: -.2px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: oblique;
  line-height: 1.1rem
}
.navbar-toggler {
  padding: .125rem .50rem;
  margin: .125rem .25rem
}
.offcanvas-header {
  display: none
}
@media (max-width:992px) {
  .offcanvas-header {
    display: block
  }
  .navbar-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 70%;
    min-width: 250px;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #FFF;
    transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
    z-index: 100;
    border-left: solid 1px #008E5C;
    border-right: solid 1px #008E5C
  }
  .navbar-collapse.show {
    visibility: visible;
    transform: translateX(100%)
  }
}
.search-field {
  border-top: solid 2px #40C596;
  border-bottom: solid 2px #40C596;
  border-left: solid 2px #40C596;
  border-right: none;
  padding: 10px;
  border-radius: 8px
}
input.search-field {
  height: 2.625rem
}
.adv-search .btn-group .btn:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: solid 2px #40C596;
  border-bottom: solid 2px #40C596;
  border-right: solid 2px #40C596;
  border-left: none;
  padding: 5px 15px;
  height: 2.625rem;
  background-color: #FFF;
  color: #40C596
}
.adv-search .btn-group .btn:last-child:hover {
  box-shadow: 1px 0 1px 0 rgba(0, 0, 0, .1)
}
.adv-search {
  min-width: 100%;
  margin: 0 auto
}
.adv-search input:focus {
  box-shadow: none
}
#footer {
  background-color: #231F20;
  color: #FFF;
  font-family: 'RobotoMedium', sans-serif;
  margin: auto;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.325rem
}
#footer li, #footer li a, #footer a {
  color: #FFF;
  list-style: none
}
#footer a:hover {
  color: #EC6B0E;
  text-decoration: none
}
.footer_header {
  font-family: 'RobotoCondensed', sans-serif;
  padding-bottom: 10px;
  letter-spacing: 1px
}
@media (min-width:960px) and (max-width:1050px) {
  .col-lg-2 > .logo-footer {
    margin-left: -20px
  }
}
.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent
}
.breadcrumb li a {
  color: #5A5758;
  font-weight: 700;
  padding-left: 15px
}
.page {
  background-color: #f9f9f9;
  padding: 1.25rem 3rem;
  min-height: 700px;
  max-width: 1400px;
  margin: auto
}
.main-page {
  background-color: #f9f9f9;
  padding: 1.25rem 3rem;
  border-top: solid 1px #B2B1B1;
  min-height: 700px;
  max-width: 1400px;
  margin: auto
}
.main-page-nocolor {
  padding: 1.25rem 3rem;
  border-top: solid 1px #B2B1B1;
  min-height: 700px;
  max-width: 1400px;
  margin: auto
}
.about-us-img {
  background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/HomepageBanner/Warehouse.jpg);
  background-repeat: no-repeat;
  height: 500px;
  background-position: center;
  background-size: cover;
  max-width: 1400px;
  margin: auto
}
.about-us-img-front-page {
  background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/HomepageBanner/SPXImage2.jpg);
  background-repeat: no-repeat;
  height: 100%;
  background-position: right;
  background-size: cover;
  margin: auto
}
@media (max-width:560px) {
  .about-us-img-front-page {
    background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/HomepageBanner/SPXImage3.jpg)
  }
}

@media (max-width:768px) {
  .main-page {
    padding: 1.25rem 1rem;
    margin: auto
  }
  .page {
    padding: 0rem 1rem;
    margin: auto
  }
}
.border-radius-8 {
  border-radius: 8px
}
.box-shadow {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .02), 0 6px 8px 0 rgba(0, 0, 0, .02);
  margin: auto
}
.box-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}
.green-left-box {
  background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/common/green-left-box-400.png);
  background-repeat: no-repeat;
  align-items: left;
  background-color: #00B173;
  border-radius: 35px 0 0 0;
  display: block
}
.green-right-box {
  background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/common/green-right-box-400.png);
  background-repeat: no-repeat;
  align-items: right;
  background-color: #00B173;
  border-radius: 0 0 35px 0;
  display: block;
  background-position: right
}
.green-promo-box {
  background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/common/promo-green2.jpg);
  background-repeat: no-repeat;
  align-items: left;
  border-radius: 8px;
  display: block;
  background-color: #008e5c
}
.product-image-main {
  position: relative;
  top: 0;
  left: 0
}
@media (min-width:768px) {
  .badges {
    position: absolute;
    top: 15px;
    left: 15px
  }
}
.badges {
  background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/Icons/xref-icon.png);
  background-repeat: no-repeat;
  align-items: left;
  display: block;
  background-color: #FFF;
  width: 64px;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 3
}
.img-box {
  background-color: #FFF;
  border-radius: 8px;
  padding: 15px 10px;
  max-width: 300px;
  position: relative;
  top: 0;
  left: 0
}
.img-box p {
  line-height: 1.15rem;
  font-weight: 700;
  color: #231F20;
  height: 3rem
}
.min-h-180 {
  min-height: 180px
}
.img-box-bottom {
  position: absolute;
  bottom: 10px
}
.prod-page-brand-img {
  text-align: right
}
@media (max-width:560px) {
  .prod-page-brand-img {
    text-align: center
  }
}
.prod-search-accord {
  border-bottom: 1px solid #f1f1f1
}
a.prod-search-ac-link, a.prod-search-ac-link:hover {
  color: #231F20
}
a.prod-search-ac-link p {
  margin-bottom: 10px;
  margin-top: 5px
}
.accord-header {
  padding: .3rem .75rem;
  margin-bottom: 0
}
.prod-search-ac-body {
  padding: .6rem .625rem;
  font-size: 90%
}
.counter-wrap {
  border: solid 1px #ccc;
  border-radius: .35rem;
  padding: 0;
  margin: 5px;
  width: 170px;
  height: 40px
}
.minus, .plus {
  width: 35px;
  display: inline-block;
  text-align: center;
  margin: 0;
  font-size: 22px;
  padding: 0;
    cursor: pointer; 
}
.minus {
  margin-left: 2px;
  margin-right: 2px
}
.plus {
  float: right;
  margin-right: 4px;
  margin-left: 2px;
  margin-top: 1px;
    cursor: pointer; 
}
input.number {
  height: 37px;
  width: 88px;
  text-align: center;
  font-size: 22px;
  border-radius: 0;
  border-top: none;
  border-bottom: none;
  display: inline-block;
  margin: 0
}
p.header_underline {
  font-size: 34px;
  line-height: 1.24;
  font-weight: 700;
  border-bottom: solid 1px #ccc;
  padding: 10px 0
}
p.subheader {
  border-bottom: solid 1px #ccc;
  padding: 6px 0;
  font-weight: 700;
  font-size: 18px;
  margin: 15px 0
}
span.subheader_underline {
  border-bottom: solid 3px #00B173;
  padding: 8px 0
}
p.prod-sign a {
  font-size: 24px;
  line-height: 1.32;
  font-weight: 700;
  color: #231F20;
  margin-right: 1.5rem
}
span.stock {
  font-size: 18px;
  font-weight: 500;
  font-style: oblique;
  color: #00B173
}
p.prod-sign-carousel a {
  font-size: 16px;
  font-weight: 700;
  color: #231F20;
  margin-right: 1.2rem
}
p.prod-sign-carousel span {
  font-size: 16px;
  font-weight: 500;
  font-style: oblique;
  color: #00B173
}
@media (max-width:576px) {
  span.subheader_underline {
    border-bottom: none
  }
}
div#productXREF td:nth-child(1) {
  width: 42%;
  border-left: none
}
div#productXREF td:nth-child(2) {
  width: 33%
}
div#productXREF td, div#productXREF th {
  vertical-align: text-top
}
div#productXREF table {
  padding: 0 5px !important
}
ul.inline-with-bullets {
  text-align: center
}
ul.inline-with-bullets li {
  display: inline;
  white-space: nowrap
}
ul.inline-with-bullets li:after {
  content: " \00b7";
  font-size: 20px
}
ul.inline-with-bullets li.nobullet:after {
  content: none
}
.img-fluid, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto
}


span.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23cccccc' width='6' height='6' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

span.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23cccccc' width='6' height='6' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");}

.prod_block {
  margin-bottom: 1.5rem
}

.card{
  padding: 8px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.02), 0 6px 8px 0 rgba(0, 0, 0, 0.02);
} 


@media (min-width:992px) {
 .card{height:480px; }     
}

@media (min-width:576px) and (max-width:991px) {
 .card{height:460px;} 
  .card  p.product-title{line-height: 1.2rem} 
p.prod-sign-carousel {line-height: 1rem; } 
}


@media (max-width:575px) {
    .card{height:420px;}
}

@media (max-width:575px) {
  .cart-white-bg {
    margin-top: 1rem
  }
}


#LoginModalBody {
  max-height: 800px;
  overflow-yXX: scroll
}
.alpha a {
  padding: 0 3px
}
#featured_mnf {
  min-height: 50px;
  background-color: #C9BEBE;
  margin-bottom: 20px
}
a, a:hover, a:focus {
  outline: none
}
a.decor-none {
  text-decoration: none
}
a.white {
  color: #fff
}
a.white:hover {
  text-decoration: underline
}
#nav-bar-mobi {
  display: none
}
span#toplogin > a:hover, span#toploginsm > a:hover {
  color: #00B173;
  text-decoration: none
}
.logged-in-show {
  display: block !important
}
.logged-out-show {
  display: none !important
}
.dropdown {
  position: relative;
  display: inline-block
}
.dropdown-content {
  display: none;
  position: absolute
}
.dropdown:hover .dropdown-content {
  display: block
}
.account-head-nav {
  background-color: #f9f9f9;
  background-color: #FFF;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
  border-radius: .35rem;
  border: solid 1px #f1f1f1
}
.account-head-nav p {
  padding: .45rem 1rem;
  margin: 0
}
.account-head-nav p a {
  color: #231F20;
  text-decoration: none;
  font-weight: 400;
  display: block
}
.super-container, #head-fixed {
  max-width: 1400px;
  margin: auto
}
.super-nav {
  color: #FFF;
  padding: 3px 2.9375rem;
  font-size: .9rem
}
.nav-middle-container {
  padding: 3px 2.9375rem
}
.super-1 {
  text-align: left
}
.super-2 {
  text-align: center
}
.super-3 {
  text-align: right
}
@media (max-width:576px) {
  .super-1 {
    text-align: center
  }
  .super-2 {
    text-align: center
  }
  .super-3 {
    text-align: center
  }
}
.orange-bg {
  background-color: #EC6B0E
}
.orange-bg:hover {
  background-color: #d6610d
}
.grey-dark {
  color: #76777B
}
.black-primary {
  color: #231F20
}
.sm-80 {
  font-size: 80%
}
.main-color-bg {
  background-color: #00B173
}
.main-color-dark {
  background-color: #008E5C
}
.white-bg {
  background-color: #FFF
}
.main-sub-header {
  color: #008E5C
}
.img-icon {
  padding-right: 10px
}
.padding-15-10 {
  padding: 15px 10px
}
.clear {
  clear: both
}
.clear5 {
  clear: both;
  height: 5px
}
.clear10 {
  clear: both;
  height: 10px
}
.clear20 {
  clear: both;
  height: 20px
}
.green-bright {
  color: #00B173
}
.green-dark {
  color: #008E5C
}
.grey-dark {
  color: #76777B
}
.grey-light {
  color: #C8C7C7
}
.background-color {
  background-color: #f9f9f9
}
.font110 {
  font-size: 110%
}
.border-bottom {
  border-bottom: solid 1px #ccc;
  padding-bottom: .625rem
}
.no-border {
  border: none
}
table {
  border-collapse: separate;
  border-spacing: 0
}
table.wk {
  -moz-border-radius: 10.25rem;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  borde-color: #f1f1f1
}
table.wk th, table.wk td {
  padding: .5rem 1.5rem
}
th.wkth {
  padding: .5rem 1.5rem
}
td.wktd {
  padding: .5rem 1.5rem;
  border-left: solid 1px #f1f1f1
}
.wk tr, tr {
  border-bottom: solid 1px #f1f1f1
}
.wktable tr {
  border-top: 1px solid #ddd;
  line-height: 2;
  vertical-align: top;
  padding: 5px
}
.wktable td {
  line-height: 2;
  padding: 5px
}
tr.noborder {
  border: none
}
.navbar-default {
  background-color: #e7e6e6;
  border-color: #e7e7e7
}
.navbar {
  padding: 0
}
.navbar-light {
  background-color: #f9f9f9;
  max-width: 1400px;
  margin: auto
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .9rem;
  padding-left: .9rem
}
ul.super-sign {
  margin: 0;
  padding: 0
}
ul.super-sign li {
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle
}
.dropdown {
  position: static !important
}
.dropdown-menu {
  clear: both;
  box-shadow: 0 15px 60px 0 rgba(0, 0, 0, .07) !important;
  width: 101% !important;
  border: none;
  border-bottom: solid 1px #f6f6f6;
  margin-left: -5px;
  border-radius: 0 0 .25rem .25rem
}
li.nav-item.dropdown:hover {
  background-color: #FFF;
  color: #00B173
}
.dropdown-menu li {
  list-style: none;
  font-size: .9375rem
}
.dropdown-menu {
  padding: 0
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border: none
}
.dropdown-menu {
  padding-bottom: 1rem
}
.dropdown-menu ul {
  padding-left: 2rem
}
.dropdown-menu ul li {
  font-weight: 700
}
.dropdown-menu ul li a {
  color: #231F20;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px
}
.dropdown-menu ul li a:hover {
  color: #008E5C
}
.dropdown-menu ul li a.seeAll {
  color: #EC6B0E
}
.dropdown-menu ul li a.seeAll:hover {
  text-decoration: underline
}
@media screen and (min-width:768px) {
  .dropdownNO:hover .dropdown-menu, .btn-group:hover .dropdown-menu {
    display: block
  }
  .dropdown-menu {
    margin-top: 0; 
  }
  .dropdown-toggle {
    margin-bottom: 2px
  }
  .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle {
    margin-bottom: 0
  }
}
.navbar-light .navbar-nav .nav-link {
  color: #231f20;
  font-weight: 400;
  font-size: .95rem;
  padding-right: 16px
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #008E5C;
  background-color: #FFF
}
.slogan {
  color: #00B173;
  font-size: 16px;
  letter-spacing: -.2px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-style: oblique;
  line-height: 1.1rem
}
.navbar-toggler {
  padding: .125rem .50rem;
  margin: .125rem .25rem
}
.offcanvas-header {
  display: none
}
@media (max-width:992px) {
  .offcanvas-header {
    display: block
  }
  .navbar-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 70%;
    min-width: 250px;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #FFF;
    transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
    z-index: 100;
    border-left: solid 1px #008E5C;
    border-right: solid 1px #008E5C
  }
  .navbar-collapse.show {
    visibility: visible;
    transform: translateX(100%)
  }
}
.search-field {
  border-top: solid 2px #40C596;
  border-bottom: solid 2px #40C596;
  border-left: solid 2px #40C596;
  border-right: none;
  padding: 10px;
  border-radius: 8px
}
input.search-field {
  height: 2.625rem
}
.adv-search .btn-group .btn:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: solid 2px #40C596;
  border-bottom: solid 2px #40C596;
  border-right: solid 2px #40C596;
  border-left: none;
  padding: 5px 15px;
  height: 2.625rem;
  background-color: #FFF;
  color: #40C596
}
.adv-search .btn-group .btn:last-child:hover {
  box-shadow: 1px 0 1px 0 rgba(0, 0, 0, .1)
}
.adv-search {
  min-width: 100%;
  margin: 0 auto
}
.adv-search input:focus {
  box-shadow: none
}
#footer {
  background-color: #231F20;
  color: #FFF;
  font-family: 'RobotoMedium', sans-serif;
  margin: auto;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.325rem
}
#footer li, #footer li a, #footer a {
  color: #FFF;
  list-style: none
}
#footer a:hover {
  color: #EC6B0E;
  text-decoration: none
}
.footer_header {
  font-family: 'RobotoCondensed', sans-serif;
  padding-bottom: 10px;
  letter-spacing: 1px
}
@media (min-width:960px) and (max-width:1050px) {
  .col-lg-2 > .logo-footer {
    margin-left: -20px
  }
}
.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent
}
.breadcrumb li a {
  color: #5A5758;
  font-weight: 700;
  padding-left: 15px
}
.page {
  background-color: #f9f9f9;
  padding: 1.25rem 3rem;
  min-height: 700px;
  max-width: 1400px;
  margin: auto
}
.main-page {
  background-color: #f9f9f9;
  padding: 1.25rem 3rem;
  border-top: solid 1px #B2B1B1;
  min-height: 700px;
  max-width: 1400px;
  margin: auto
}
.main-page-nocolor {
  padding: 1.25rem 3rem;
  border-top: solid 1px #B2B1B1;
  min-height: 700px;
  max-width: 1400px;
  margin: auto
}
.about-us-img {
  background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/HomepageBanner/Warehouse.jpg);
  background-repeat: no-repeat;
  height: 500px;
  background-position: center;
  background-size: cover;
  max-width: 1400px;
  margin: auto
}
.about-us-img-front-page {
  background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/HomepageBanner/SPXImage2.jpg);
  background-repeat: no-repeat;
  height: 100%;
  background-position: right;
  background-size: cover;
  margin: auto
}
@media (max-width:560px) {
  .about-us-img-front-page {
    background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/HomepageBanner/SPXImage3.jpg)
  }
}

@media (max-width:768px) {
  .main-page {
    padding: 1.25rem 1rem;
    margin: auto
  }
  .page {
    padding: 0rem 1rem;
    margin: auto
  }
}
.border-radius-8 {
  border-radius: 8px
}
.box-shadow {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .02), 0 6px 8px 0 rgba(0, 0, 0, .02);
  margin: auto
}
.box-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}
.green-left-box {
  background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/common/green-left-box-400.png);
  background-repeat: no-repeat;
  align-items: left;
  background-color: #00B173;
  border-radius: 35px 0 0 0;
  display: block
}
.green-right-box {
  background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/common/green-right-box-400.png);
  background-repeat: no-repeat;
  align-items: right;
  background-color: #00B173;
  border-radius: 0 0 35px 0;
  display: block;
  background-position: right
}
.green-promo-box {
  background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/common/promo-green2.jpg);
  background-repeat: no-repeat;
  align-items: left;
  border-radius: 8px;
  display: block;
  background-color: #008e5c
}
.product-image-main {
  position: relative;
  top: 0;
  left: 0
}
@media (min-width:768px) {
  .badges {
    position: absolute;
    top: 15px;
    left: 15px
  }
}
.badges {
  background-image: url(https://www.stockpileexpress.com/images/stockpileexpress/Icons/xref-icon.png);
  background-repeat: no-repeat;
  align-items: left;
  display: block;
  background-color: #FFF;
  width: 64px;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 3
}
.img-box {
  background-color: #FFF;
  border-radius: 8px;
  padding: 15px 10px;
  max-width: 300px;
  position: relative;
  top: 0;
  left: 0
}
.img-box p {
  line-height: 1.15rem;
  font-weight: 700;
  color: #231F20;
  height: 3rem
}
.min-h-180 {
  min-height: 180px
}
.img-box-bottom {
  position: absolute;
  bottom: 10px
}
.prod-page-brand-img {
  text-align: right
}
@media (max-width:560px) {
  .prod-page-brand-img {
    text-align: center
  }
}
.prod-search-accord {
  border-bottom: 1px solid #f1f1f1
}
a.prod-search-ac-link, a.prod-search-ac-link:hover {
  color: #231F20
}
a.prod-search-ac-link p {
  margin-bottom: 10px;
  margin-top: 5px
}
.accord-header {
  padding: .3rem .75rem;
  margin-bottom: 0
}
.prod-search-ac-body {
  padding: .6rem .625rem;
  font-size: 90%
}
.counter-wrap {
  border: solid 1px #ccc;
  border-radius: .35rem;
  padding: 0;
  margin: 5px;
  width: 170px;
  height: 40px
}
.minus, .plus {
  width: 35px;
  display: inline-block;
  text-align: center;
  margin: 0;
  font-size: 22px;
  padding: 0
}
.minus {
  margin-left: 2px;
  margin-right: 2px;
    cursor: pointer; 
}
.plus {
  float: right;
  margin-left: 2px;
  margin-top: 1px;
    cursor: pointer; 
}

input.number {
  height: 37px;
  width: 88px;
  text-align: center;
  font-size: 22px;
  border-radius: 0;
  border-top: none;
  border-bottom: none;
  display: inline-block;
  margin: 0
}
p.header_underline {
  font-size: 34px;
  line-height: 1.24;
  font-weight: 700;
  border-bottom: solid 1px #ccc;
  padding: 10px 0
}
p.subheader {
  border-bottom: solid 1px #ccc;
  padding: 6px 0;
  font-weight: 700;
  font-size: 18px;
  margin: 15px 0
}
span.subheader_underline {
  border-bottom: solid 3px #00B173;
  padding: 8px 0
}
p.prod-sign a {
  font-size: 24px;
  line-height: 1.32;
  font-weight: 700;
  color: #231F20;
  margin-right: 1.5rem
}
span.stock {
  font-size: 18px;
  font-weight: 500;
  font-style: oblique;
  color: #00B173
}


@media (max-width:575px) {
  .cart-white-bg {
    margin-top: 1rem
  }
}
.rbh-icon-cross::before {
  content: "\E918"
}
.line-cart-img {
  background-image: url(/images/stockpileexpress/common/LineCard-Promo@2x.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .35rem
}
ul.social-menu {
  margin-left: -40px;
}
.social-menu {
  display: flex;
  list-style-type: none;
}
.social-menu i {
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 18px;
  margin-right: 10px;
  transition: all 0.2s ease-in-out;
  display: flex;
  justify-content: center;
}
.social-menu i:before {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.social-menu a {
  text-decoration: none;
}
.fa-facebook {
  background: #3b5998
}
.fa-linkedin {
  background: #007bb6
}
.fa-twitter {
  background: #00aced
}
.fa-instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.fa-youtube {
  background: #c4302b
}
.social-menu i:hover {
  opacity: .7;
  border-radius: 0;
}
.spx-container {
  display: flex;
  margin-left: 32px;
  margin-right: 32px;
}
.boxes {
  margin-left: -12px;
  margin-right: -12px;
}