:root {
  --asap-navy-dark: #192e66;
  --asap-green: #03a84e;
  --asap-green-dark: #013c05;
  --asap-green-border: #165415;
  --asap-green-bg: #cef7d1;
  --asap-green-surface: #f4fff5;
  --asap-green-stock: #0f8b17;
  --asap-cyan: #00a4db;
  --asap-orange: #d18000;
  --asap-orange-bg: #fef9f1;
  --asap-red-dark: #8b0000;
  --asap-purple: #800080;
  --asap-ink: #292c2e;
  --asap-ink-dark: #1f2630;
  --asap-charcoal: #242529;
  --asap-grey: #606060;
  --asap-grey-dark: #4a4a4a;
  --asap-dark-grey: #313131;
  --asap-near-black: #231f20;
  --asap-pink: #d70a53;
  --asap-line: #dce3ec;
  --asap-line-strong: #c4cfdd;
  --asap-surface: #f4f7fb;
  --asap-panel: #f2f3f4;
  --asap-panel-soft: #f0f3f2;
  --asap-login-muted: #637187;
  --asap-account-muted: #667386
}
@media screen and (min-width:992px) and (max-width:1199px) {
  div.griditems div:nth-child(4n) .tile {
    border-right: 0
  }
}
@media screen and (min-width:1200px) {
  div.griditems div:nth-child(6n) .tile {
    border-right: 0
  }
}
.popupBody h1 {
  color: var(--evo-brand-default);
  text-align: center;
  margin: 0 0 30px
}
.popupBody p {
  color: var(--asap-ink);
  margin: 0 0 15px
}
.catalog-single.has-carousel {
  margin-bottom: 0
}
.merchandisingcontent_container .catalog-single {
  padding: 0 0 0;
  margin-top: 7px
}
.modalDialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0);
  z-index: 99999;
  transition: background .3s;
  pointer-events: none;
  width: 900px
}
.modalDialog:target {
  background: rgba(0,0,0,.5);
  pointer-events: auto
}
.modalDialog > div {
  width: 400px;
  position: relative;
  margin: 10% auto;
  display: none;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: #fff;
  background: -moz-linear-gradient(var(--asap-pink),var(--asap-pink));
  background: -webkit-linear-gradient(var(--asap-pink),var(--asap-pink));
  background: -o-linear-gradient(var(--asap-pink),var(--asap-pink))
}
.modalDialog:target > div {
  display: block
}
.as-hidden,
.softgraybackground.mini-shopping-cart .ntt {
  display: none
}
body.cart .shopping-cart .ntt {
  display: none
}
.asapTimer {
  font-size: 18px;
  font-weight: 700
}
.ntt {
  text-align: center;
  clear: both
}
.tOrange {
  color: orange
}
.tGreen {
  color: green
}
.tBlue {
  color: #00f
}
.tPurple {
  color: purple
}
.tRed {
  color: red
}
.tYellow {
  color: brown
}
.catalog-single.has-grid[data-widgetsize="1"] .tileparent.col-lg-3 {
  width: 100%
}
.addItemToCart .fa-shopping-bag:before {
  color: #fff
}
.itemswapcontent .listitems {
  padding: 10px;
  border: 1px solid var(--evo-brand-default);
  border-radius: 2px
}
.itemswapcontent .btn-swap-continue {
  width: 100%
}
.delivery-details.timer {
  display: none
}
#myDelivery a,
#myDelivery h4,
#myDelivery li,
#myDelivery p {
  color: var(--asap-ink)
}
.menu .cd-dropdown .cd-dropdown-content .cd-secondary-dropdown > li > ul > li > a {
  font-size: 12px;
  padding-right: 0
}
.cd-dropdown-content .cd-secondary-dropdown > li {
  padding: 10px
}
.cd-dropdown-content .cd-secondary-dropdown > li > a {
  color: var(--evo-brand-default);
  font-size: 14px
}
.myaccount .addcartqueue i:before {
  color: #fff
}
.row.myaccount-title span.green {
  color: #fff!important
}
footer ol li,
footer ul li {
  padding: inherit;
  border: inherit;
  border-radius: inherit;
  display: inherit
}
.headersection-2 .row-2 {
  justify-content: space-around
}
.toolbar .dropdown .dropdown-menu .pointer:hover a i {
  font-size: 1rem;
  color: var(--evo-text-col)
}
.toolbar .customer-btn {
  margin-right: 110px
}
.grid-title .cdash-icon i {
  margin-top: 9px
}
.row.myaccount-title {
  color: #fff;
  padding: 0 10px 12px!important
}
.myaccount .myaccount-title .breadcrumb > li,
.myaccount .myaccount-title .breadcrumb > li + li:before,
.myaccount .myaccount-title span,
.row.myaccount-title i,
.row.myaccount-title li a {
  color: #fff
}
.shoppingtools_container .dropdown-menu {
  top: calc(100% - 10px)
}
#addItemToCart .fa-shopping-bag:before {
  color: #fff
}
.catalog-grid .tile .footer .locBut span,
.catalog-single .tile .footer .locBut span {
  color: #fff
}
.btn-primary a {
  color: #fff
}
.h1,
h1 {
  font-weight: 700
}
.row-breadcrumb .logintoviewprices {
  text-align: center;
  position: absolute;
  right: 15px;
  top: 2px
}
.logintoviewprices .loginBtn {
  display: none!important
}
.ex-loggedout .logintoviewprices .accountBtn {
  display: none
}
.ex-blog .breadcrumb,
.ex-category .breadcrumb,
.ex-content .breadcrumb,
.ex-product .breadcrumb,
.ex-searchresult .breadcrumb {
  padding: 7px 215px 11px 6px
}
.logintoviewprices a {
  padding: 7px 30px;
  font-size: 14px;
  font-weight: 700;
  transition: .25s all;
  color: #fff;
  background: var(--evo-brand-default);
  display: block;
  float: none;
  margin: 15px 0;
  text-align: center
}
.logintoviewprices img {
  margin-right: 10px
}
.logintoviewprices a:hover {
  background: var(--evo-btn-default-bg-hover)
}
.logintoviewprices i {
  vertical-align: middle
}
.logintoviewprices i:before {
  color: #fff!important;
  font-size: 24px;
  line-height: 24px;
  margin-right: 15px
}
.logintoviewprices i.material-icons.dashboard:before {
  content: "dashboard"
}
.myaccountdashboard_container .grid-title {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}
.grid.simple .grid-title h3,
.grid.simple .grid-title h3 span {
  color: #fff;
  font-size: 16px
}
.grid.simple .grid-title {
  padding: 8px 15px
}
.myaccountdashboard_container .grid.simple {
  box-shadow: none
}
.dashboard-sortable .grid.simple .grid-body {
  box-shadow: 0 1px 3px rgba(1,1,1,.4)
}
#newaddressform .form-group.additional-line {
  display: block!important
}
#newaddressform .form-group.trigger-additional-line {
  display: none
}
.showproductlocations {
  line-height: 40px
}
.locBut {
  margin-bottom: 15px
}
.locBut span {
  padding: 5px 10px;
  background: var(--evo-brand-default);
  transition: .25s all;
  color: #fff;
  border-radius: .25em;
  font-weight: 700;
  font-size: 13px
}
.locBut span:hover {
  background: var(--evo-btn-default-bg-hover)
}
.catalog-single .product-summary .productdetails .margindiv {
  margin: 10px 0
}
.product-sku .label-focus,
.productdetails .label-focus {
  padding: 10px 20px;
  font-size: 14px;
  display: inline-block
}
.content-page .page-content.onecolumn .singlebanner_container.col-xs-6 {
  padding: 0 3px
}
.home .page-content.onecolumn .singlebanner_container.col-xs-6 {
  padding: 0 3px
}
.category .page-content.onecolumn .singlebanner_container.col-xs-6 {
  padding: 0 3px
}
.menu.expanded .catalog li .submenu .submenucontainer {
  flex-flow: wrap
}
.menu.expanded .catalog .submenu .submenucontainer > li > a {
  color: var(--evo-brand-default)
}
.menu .catalog > li {
  display: inline-block!important
}
.menu .catalog-block .container {
  white-space: normal
}
body.ex-home .ngxHomebanner .imageslider_container .singlebanner_wrapper {
  margin-top: 0
}
.loggedin .toolbar .customer-btn .arrow-your-account.fa-caret-down,
.loggedin .toolbar .customer-btn .arrow-your-account.fa-caret-left {
  left: 100px
}
.loggedin .headersection-2 .toolbar .account-btn span .welcome-message:first-of-type {
  display: inline-block!important;
  margin-top: 2px
}
.loggedin .headersection-2 > .row-2 > .shoppingtools_container .toolbar .shopping-tools-wrapper {
  justify-content: flex-start!important
}
.toolbar .account-dropdown {
  display: flex;
  top: 21px;
  left: 0;
  right: 0;
  border: none;
  padding: 0 0 0 50px;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center
}
.toolbar .account-dropdown .arrow_box {
  display: none
}
.dropdown-menu span.overlap {
  position: absolute;
  width: inherit;
  height: inherit;
  background-color: transparent;
  left: 100%;
  top: 5px;
  font-weight: 700;
  background: #fff;
  font-size: 1.2em
}
.dropdown .pointer {
  padding: 0 10px;
  border-radius: 0
}
.headersection-2 > .row-2 > .shoppingtools_container .dropdown .pointer {
  float: left
}
.dropdown .pointer a {
  color: var(--asap-dark-grey)
}
.dropdown .pointer:hover {
  background: 0 0;
  color: var(--evo-brand-default)
}
.dropdown .pointer:hover a {
  background: 0 0;
  color: var(--evo-brand-default)
}
.form-group.pointer {
  border-right: var(--asap-dark-grey) 1px solid
}
.toolbar .account-dropdown div.description {
  display: none
}
span.welcome-message:first-child {
  display: none!important
}
.toolbar .account-btn .user-icon {
  font-size: 2.8rem
}
.toolbar .account-btn span {
  font-size: 16px
}
.toolbar .account-btn span .welcome-message {
  position: relative;
  max-width: 100%
}
.toolbar .account-btn span .welcome-message strong {
  color: var(--evo-brand-default);
  vertical-align: top
}
i.material-icons.user-icon:before {
  content: "account_circle";
  color: var(--evo-brand-default)
}
.catalog-single .softgraybackground,
.softgraybackground {
  min-height: 150px
}
.btn-primary.show-compare {
  background: var(--evo-text-col)
}
.btn-primary.show-compare:hover {
  background: var(--evo-btn-default-bg-hover)
}
.floating-buttons {
  bottom: 20px;
  left: 20px;
  right: inherit
}
.grid-title {
  background: var(--evo-text-col)!important
}
.loggedin .loginprices {
  display: none
}
.homeTitleInd {
  margin: 10px 0 0;
  text-align: center;
  overflow: hidden
}
.homeTitleInd h1,
.homeTitleInd h2 {
  text-align: center;
  padding: 0 20px;
  margin: 10px 0 10px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  display: inline-block;
  font-weight: 400;
  font-size: 1.5em;
  color: var(--evo-brand-default)
}
.homeTitleInd h1:after,
.homeTitleInd h1:before,
.homeTitleInd h2:after,
.homeTitleInd h2:before {
  background: #838383;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 400%
}
.homeTitleInd h1:before,
.homeTitleInd h2:before {
  left: 100%
}
.homeTitleInd h1:after,
.homeTitleInd h2:after {
  right: 100%
}
body.ex-home .homeTitleInd.production-title {
  max-width: 980px;
  margin: 14px auto 16px;
  padding: 0 16px
}
body.ex-home .homeTitleInd.production-title h1 {
  margin: 4px 0 6px;
  color: var(--evo-brand-default);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: none;
  letter-spacing: .01em
}
body.ex-home .homeTitleInd.production-title h1::after,
body.ex-home .homeTitleInd.production-title h1::before {
  background: #cfd8e6
}
body.ex-home .homeTitleInd.production-title .production-title-eyebrow {
  margin: 0 0 2px;
  color: var(--evo-link-color);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase
}
body.ex-home .homeTitleInd.production-title .production-title-copy {
  max-width: 760px;
  margin: 6px auto 0;
  color: #526174;
  font-size: 14px;
  line-height: 1.45;
  text-align: center
}
@media (max-width:767px) {
  body.ex-home .homeTitleInd.production-title {
    margin: 12px auto 14px;
    padding: 0 12px
  }
  body.ex-home .homeTitleInd.production-title h1 {
    font-size: 21px
  }
  body.ex-home .homeTitleInd.production-title h1::after,
  body.ex-home .homeTitleInd.production-title h1::before {
    display: none
  }
  body.ex-home .homeTitleInd.production-title .production-title-copy {
    font-size: 13px
  }
}
.menufixed {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  padding: 0
}
.menufixed > .container {
  width: 100%
}
.headersection-3.menufixed {
  background: 0 0
}
.headersection-3.menufixed .toolbar.industrial_minicart {
  position: absolute
}
.headersection-3 {
  background: var(--evo-brand-default)
}
.headersection-3 .toolbar .cart-btn {
  border: 1px solid var(--evo-brand-default);
  margin-right: 30px
}
footer {
  padding-bottom: 0
}
.footBot p {
  font-family: Lato,sans-serif;
  font-weight: 700
}
.container-fluid.footersection-2 {
  background: var(--evo-text-col);
  padding-top: 14px;
  padding-bottom: 14px
}
.nFoot ul {
  padding: 0;
  list-style-type: none
}
.fCont {
  margin-bottom: 15px
}
.nFoot ul li {
  margin: 0
}
.nFoot ul li a {
  background: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-foot-arrow.png") no-repeat scroll right center;
  padding: 6px 0;
  border-bottom: 2px #58689b dashed;
  display: block;
  font-size: 14px
}
.nFoot ul li:last-of-type a {
  border: none
}
.nFoot h3 {
  margin: 0 0 30px;
  font-size: 18px;
  letter-spacing: 1px;
  font-family: Lato,sans-serif;
  font-weight: 400
}
.fEmail,
.fTel {
  padding-left: 20px;
  background: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-foot-contact-tel.png") no-repeat scroll left center
}
.fTel {
  padding-right: 10px
}
.fEmail {
  background: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-foot-contact-email.png") no-repeat scroll left center
}
.footersection-1 .container {
  padding-top: 30px;
  padding-bottom: 30px
}
.nFlex.nf1 {
  margin-bottom: 22px
}
.fText {
  max-width: 62%
}
.fLogo {
  padding-right: 10px
}
.footSocial a {
  padding-right: 30px;
  text-align: center
}
.footSocial img {
  transition: .25s all;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  border-radius: 3px
}
a.fb img {
  background: #1b78c7
}
a.tw img {
  background: #00bff3
}
a.in img {
  background: #0077b5
}
a.ig img {
  background: #125688
}
.footSocial a:hover img {
  background: var(--evo-btn-default-bg-hover)!important
}
.footSocial p {
  vertical-align: middle;
  display: inline-block;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px
}
.footSocial p span {
  font-weight: 400;
  font-size: 12px
}
.container.verticalmenu {
  display: flex;
  align-items: center;
  justify-content: center
}
.headersection-4 {
  background: #f5f7fa;
  border-top: 1px solid #e3e8ef;
  border-bottom: 1px solid var(--asap-line)
}
.headersection-4 .as-service-strip {
  background: 0 0
}
.headersection-4 .as-service-strip .container {
  padding-top: 2px;
  padding-bottom: 2px
}
.headersection-4 .hStrip .nFlex {
  padding: 6px 8px
}
.headersection-4 .as-service-grid {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 8px;
  padding: 0
}
.headersection-4 .as-service-card {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  min-width: 0;
  min-height: var(--asap-header-card-height);
  padding: 6px 10px;
  border: 1px solid var(--asap-line);
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(20,35,70,.04);
  transition: background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease
}
.headersection-4 .as-service-card:hover {
  background: #fbfdff;
  border-color: #b9c7db;
  box-shadow: 0 3px 8px rgba(20,35,70,.1);
  transform: translateY(-1px)
}
.headersection-4 .as-service-icon {
  flex: 0 0 30px;
  width: 30px;
  margin-right: 10px;
  color: var(--evo-link-color);
  font-size: 27px;
  line-height: 1;
  text-align: center;
  transition: color .16s ease,transform .16s ease
}
.headersection-4 .as-service-card:hover .as-service-icon {
  color: var(--evo-brand-default);
  transform: scale(1.04)
}
.headersection-4 .as-service-card p {
  margin: 0;
  color: var(--evo-brand-default)!important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1
}
.headersection-4 .as-service-card p span {
  display: block;
  margin-top: 2px;
  color: #222!important;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.15;
  white-space: nowrap
}
.footSocial,
.nFlex {
  display: flex;
  justify-content: space-between;
  align-items: center
}
@media only screen and (max-width:1200px) and (min-width:768px) {
  .headersection-4 .as-service-grid {
    gap: 5px
  }
  .headersection-4 .as-service-card {
    min-height: 42px;
    padding: 5px 7px
  }
  .headersection-4 .as-service-icon {
    flex-basis: 25px;
    width: 25px;
    margin-right: 7px;
    font-size: 23px
  }
  .headersection-4 .as-service-card p {
    font-size: 12px
  }
  .headersection-4 .as-service-card p span {
    font-size: 10px
  }
}
.headersection-2 {
  padding-top: 2px;
  padding-bottom: 2px
}
.menu .catalog > li > a {
  padding: 14px 1em;
  font-family: Lato,sans-serif;
  font-weight: 700;
  font-size: 14px
}
.menu .additional_linkslist li.menuitem,
.menu .cd-dropdown-trigger {
  font-family: Lato,sans-serif;
  font-weight: 700;
  font-size: 14px
}
.menu .additional_linkslist li.menuitem,
.menu .cd-dropdown-wrapper,
cd-dropdown-trigger {
  padding: 6px 1em;
  transition: all .2s ease;
  border-radius: 6px;
  margin: 8px 0
}
.menu .cd-dropdown-trigger {
  line-height: inherit
}
.menu .additional_linkslist {
  padding: 0;
  margin: 0
}
.headersection-1 {
  background: #f6f8fb;
  border-bottom: 1px solid var(--asap-line)
}
.headersection-1 .container,
.headersection-1 .row-1 {
  min-height: 38px
}
.headersection-1 .row-1 {
  display: flex;
  align-items: center
}
.headersection-1 .row-1 > .shoppingtools_container {
  padding-right: 3px
}
.headersection-1 .row-1 > .shoppingtools_container + .htmlcontent_container {
  padding-left: 3px
}
.headersection-1 .topBar {
  width: 100%;
  padding: 0
}
.headersection-1 .topBar ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0
}
.headersection-1 .topBar ul li {
  float: none;
  padding: 0 8px;
  margin: 0;
  list-style: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2
}
.headersection-1 .topBar ul li:first-child {
  padding-left: 0
}
.headersection-1 .topBar ul li:not(:last-child) {
  border-right: 1px solid rgba(17,24,39,.28)
}
.headersection-1 .topBar ul li a {
  color: #111827;
  text-decoration: none;
  transition: color .15s ease,text-decoration-color .15s ease
}
.headersection-1 .topBar ul li a:hover {
  color: var(--evo-brand-default);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--evo-btn-default-bg-hover);
  text-underline-offset: 3px
}
.headersection-1 .industrial_shoppingtool {
  margin: 0
}
.headersection-1 .shopping-tools-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end!important;
  gap: 6px;
  min-height: 38px
}
.headersection-1 .as-max-width > a,
.headersection-1 .quickordertoggle,
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle {
  display: inline-flex!important;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 13px;
  border: 1px solid var(--asap-line);
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(20,35,70,.06);
  box-sizing: border-box;
  color: #000!important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none!important;
  white-space: nowrap;
  transition: background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease
}
.headersection-1 .as-max-width > a:hover,
.headersection-1 .quickordertoggle:hover,
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(20,35,70,.12)
}
.headersection-1 .quickordertoggle span,
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle span {
  position: relative;
  top: -1px;
  margin-left: 5px!important;
  color: #000;
  line-height: 1;
  transition: color .15s ease
}
.headersection-1 .quickordertoggle i,
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle i {
  display: inline-flex!important;
  align-items: center;
  justify-content: center;
  flex: 0 0 14px;
  position: relative;
  top: -1px;
  width: 14px;
  height: 14px;
  margin: 0;
  font-size: 12px;
  line-height: 1;
  transition: color .15s ease
}
.headersection-1 .quickordertoggle {
  background: #fff4cf;
  border-color: #f1c84b;
  color: #3a2b00!important
}
.headersection-1 .quickordertoggle .fa-bolt,
.headersection-1 .quickordertoggle i {
  color: #d99a00!important
}
.headersection-1 .quickordertoggle:hover {
  background: #d99a00;
  border-color: #c98f00;
  color: #fff!important
}
.headersection-1 .quickordertoggle:hover .fa-bolt,
.headersection-1 .quickordertoggle:hover i,
.headersection-1 .quickordertoggle:hover span {
  color: #fff!important
}
.headersection-1 .vuequicklistdropdown_elem {
  order: 2
}
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle {
  background: #fdf1f1;
  border-color: #efcaca;
  margin-left: 0
}
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle .fa-heart,
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle i {
  color: #c62828!important
}
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle:hover {
  background: #c62828;
  border-color: #b71f1f;
  color: #fff!important
}
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle:hover .fa-heart,
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle:hover i,
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle:hover span {
  color: #fff!important
}
.headersection-1 .as-max-width {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-left: 0!important
}
.headersection-1 .as-max-width > a {
  height: 30px;
  padding: 0 12px;
  background: #f2ecff;
  border-color: #d7c9ff
}
.headersection-1 .as-max-width > a:hover {
  background: #e4d8ff;
  border-color: #bfa8ff
}
.headersection-1 .as-max-width > a img {
  display: block;
  max-height: 20px;
  width: auto
}
.headersection-1 .as-max-width > a:focus-visible,
.headersection-1 .quickordertoggle:focus-visible,
.headersection-1 .topBar ul li a:focus-visible,
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle:focus-visible {
  outline: 2px solid var(--evo-brand-default);
  outline-offset: 2px
}
.headersection-1 .dropdown,
.headersection-1 .quickordertoggle,
.headersection-1 .vuequicklistdropdown_elem {
  margin: 0!important
}
.headersection-1 .quickordertoggle:hover i,
.headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle:hover i {
  font-size: 12px
}
.headSocial {
  float: right
}
.headSocial img {
  transition: .25s all
}
.headSocial img:hover {
  margin-top: 5px;
  opacity: .7
}
header section.search .search-form .form-group input {
  background: var(--asap-panel-soft);
  border: 1px solid #dfe5e8;
  height: 42px
}
.relsearch button i {
  color: #3c3950
}
header section.search .search-form button[type=submit] {
  top: 4px
}
.toolbar a span.welcome-message {
  color: var(--evo-text-col);
  font-weight: 700;
  font-size: 16px
}
.toolbar a span.welcome-message strong {
  font-size: 16px;
  font-weight: 700;
  color: var(--asap-near-black)
}
.shopping-tools-wrapper .user-icon {
  color: var(--evo-brand-default);
  margin-right: 5px
}
.fa-shopping-bag:before {
  content: "\f291";
  color: var(--evo-brand-default);
  font-size: 25px
}
.toolbar .cart-btn > .btn span.minicart_count {
  right: auto;
  left: 60px;
  top: 5px;
  border-radius: 3px;
  padding: 2px 6px 3px 5px;
  background: #f8c81f;
  color: var(--asap-dark-grey)
}
.toolbar .cart-btn > .btn b {
  color: var(--asap-dark-grey);
  font-weight: 700
}
.toolbar .cart-btn > .btn b::before {
  content: "Total: \00a0";
  display: inline-block;
  font-weight: 400
}
.toolbar .cart-btn > .btn {
  padding: 5px 40px;
  background: #fff
}
.toolbar .cart-btn {
  background: #fff;
  transition: .25s all
}
.toolbar .cart-btn:hover > .btn {
  background: #f1f1f1
}
.headersection-2 > .row-2 > .logo_container {
  width: 16%;
  min-width: 150px
}
.headersection-2 > .row-2 > .search_container {
  width: 32%
}
.headersection-2 > .row-2 > .htmlcontent_container {
  width: 24%
}
.headersection-2 > .row-2 > .shoppingtools_container {
  width: 14%;
  min-width: 205px
}
.headersection-2 > .row-2 > .minicart_container {
  width: 14%;
  min-width: 150px
}
.style {
  text-align: left;
  padding-top: 30px
}
.in-stock {
  color: green;
  font-size: 1em
}
.out-stock {
  color: orange;
  font-size: 14px
}
@media (max-width:768px) {
  header {
    position: sticky;
    top: 0;
    z-index: 100
  }
  button.registerBackBut {
    display: none
  }
  .merchandisingcontent_container .catalog-single {
    display: none
  }
  .catalog-grid #list .product-shopping-actions .softgraybackground,
  .catalog-grid #list.productgridfull .product-content,
  .catalog-grid .catalog-name,
  .page-content .catalog-grid .contentblock_container h1 {
    text-align: center
  }
  .catalog-grid #list.productgridfull .product-row {
    padding: 0
  }
  .catalog-grid #list .product-shopping-actions {
    text-align: center;
    float: left;
    width: 100%
  }
  .catalog-grid #list.productgridfull .product-points ul li {
    max-width: none;
    text-align: center
  }
  .contractitems .product-row,
  .quicklistsedit .product-row {
    text-align: center
  }
  .customertools.open {
    width: 100%
  }
}
li.standOut > a {
  display: inline-block;
  position: relative;
  text-decoration: none
}
li.standOut2 > a::after {
  content: "New";
  position: absolute;
  bottom: 99%;
  right: 11%;
  background: #a0ced9;
  padding: 0 6px 0 5px;
  color: #fff;
  white-space: nowrap;
  opacity: 1;
  font-size: 12px;
  font-weight: 700;
  transition: all .2s ease
}
li.standOut2 > a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 8px solid #a0ced9;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  transition: all .2s ease;
  opacity: 1;
  right: 12%;
  bottom: 88%
}
li.standOut > a:hover::after {
  bottom: 89%
}
li.standOut > a:hover::before {
  bottom: 78%
}
li.standOut > a::after {
  animation: fadeinnd 1s
}
li.standOut > a::before {
  animation: fadeinnd 1.6s
}
li.standOut2 > a {
  display: inline-block;
  position: relative;
  text-decoration: none
}
li.standOut2 > a:hover::after {
  bottom: 89%
}
li.standOut2 > a:hover::before {
  bottom: 78%
}
li.standOut2 > a::after {
  animation: fadeinnd 1s
}
li.standOut2 > a::before {
  animation: fadeinnd 1.6s
}
@keyframes fadeinnd {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
#modalCookie h4,
#modalCookie p {
  color: var(--asap-near-black)
}
#modalCookie p {
  margin: 0 0 30px
}
#modalCookie a img {
  transition: .35s all
}
#modalCookie a img:hover {
  opacity: .7
}
.img-icon {
  width: 10px;
  margin-top: -3px;
  margin-left: 5px
}
@media only screen and (max-width:1366px) {
  .headersection-2 > .row-2 > .search_container {
    width: 20%
  }
  .toolbar .cart-btn > .btn {
    padding: 5px
  }
  .toolbar .cart-btn > .btn span.minicart_count {
    left: 25px
  }
}
@media only screen and (max-width:900px) {
  .headSocial img {
    max-width: 20px
  }
  .headersection-2 > .row-2 > .shoppingtools_container {
    min-width: 160px
  }
  .loggedin .account-btn span .welcome-message:first-of-type,
  .toolbar a span.welcome-message strong {
    font-size: 12px
  }
  .toolbar .account-btn .user-icon {
    font-size: 2rem
  }
}
@media only screen and (min-width:992px) {
  #modalCookie .modal-dialog {
    width: 900px
  }
  p.footBotRight {
    text-align: right
  }
}
@media only screen and (max-width:992px) {
  #section-top h1 {
    font-size: 1.5em
  }
  #section-top .btn {
    font-size: 23px;
    padding: 12px 30px
  }
  .nFoot h3 {
    margin-top: 50px
  }
  .footBot {
    text-align: center
  }
  .quicklinks.dashMenu {
    text-align: center!important
  }
  section.quicklinks ul li {
    font-size: 16px;
    margin-bottom: 12px
  }
}
@media only screen and (min-width:768px) and (max-width:992px) {
  .catalog-grid #list.productgridfull .product-row {
    display: flex;
    justify-content: space-between
  }
  .catalog-single.has-grid[data-widgetsize="1"] h3 {
    font-size: 13px
  }
  .catalog-single.has-grid[data-widgetsize="1"] .tileparent .buttons.group {
    display: flex;
    align-items: center;
    flex-direction: column
  }
}
@media only screen and (max-width:600px) {
  h1 #section-top {
    font-size: 1.5em
  }
  #section-top .btn {
    font-size: 14px;
    padding: 10px 15px
  }
}
.catalog-single .social-links {
  margin: 12px 0;
  text-align: center;
  display: none
}
.delivery-details,
.delivery-detailstwo {
  background: #fff;
  border: solid 1px;
  width: 75%;
  padding: 5px;
  margin: 0 0 0;
  border-radius: 5px;
  color: var(--evo-text-col);
  font-size: .72em;
  text-transform: capitalize;
  float: left
}
.timersmall {
  line-height: 2.5em
}
.delivery-details i.fa.fa-truck,
.delivery-detailstwo i.fa.fa-truck {
  float: left;
  font-size: 2.8em;
  margin: 0 5px 0 0
}
@media (max-width:1100px) {
  .menu .catalog li a {
    padding: 8px 6px;
    font-size: .9em
  }
  p.tel {
    font-size: 1em
  }
  p.lines_open {
    font-size: .7em
  }
  .catalog-single .product-points {
    width: inherit
  }
  .catalog-single .product-points ul {
    text-align: left;
    max-width: inherit;
    margin-left: 0;
    padding: .8em 2em
  }
  .contentblock_container .callpage {
    margin: 0;
    border: none
  }
  .col-md-12.product-shopping-actions-addtocart .btn {
    font-size: .8em
  }
  .delivery-details {
    font-size: .6em
  }
}
.testimonials {
  width: calc(100% - 120px);
  margin: 0 auto
}
.testimonials .slick-slide {
  padding: 30px;
  box-sizing: border-box
}
.testimonials .nFlex {
  margin-bottom: 15px
}
.testimonials .nFlex p {
  font-weight: 700
}
.slick-next,
.slick-prev {
  width: 50px!important;
  height: 50px!important;
  background: #8c8c8d!important;
  z-index: 99
}
.slick-prev {
  left: -60px!important
}
.slick-next {
  right: -60px!important
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  background: #8c8c8d!important
}
@media (max-width:1080px) {
  .headCont span span {
    display: none
  }
  .headersection-2 > .row-2 > .htmlcontent_container {
    width: 185px
  }
}
@media (min-width:768px) {
  .home .page-content .row div > .row:nth-of-type(3) {
    display: flex;
    justify-content: space-between;
    padding: 0 5px
  }
  .home .page-content .row div > .row:nth-of-type(2) .singlebanner_wrapper {
    margin-top: -5px
  }
  .home .page-content .row div > .row:nth-of-type(3) .singlebanner_container {
    width: 229px;
    max-width: 16%;
    padding: 0
  }
  .logintoviewprices a {
    float: right;
    margin: 0
  }
  .logintoviewprices {
    text-align: right
  }
}
@media only screen and (max-width:600px) {
  .nf1,
  .nf2 {
    flex-direction: column
  }
  .fText {
    margin-top: 35px
  }
  .footSocial.nFlex {
    margin-bottom: 35px
  }
  .footSocial a {
    padding: 0 15px
  }
}
p.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: 0;
  transition: .4s;
  margin-bottom: 10px
}
p.accordion.active,
p.accordion:hover {
  background-color: #ddd
}
p.accordion:after {
  content: "\2795";
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px
}
p.accordion.active:after {
  content: "\2796"
}
div.panel {
  background-color: #fff;
  overflow: hidden;
  transition: .4s ease-in-out;
  margin-bottom: 10px
}
.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: .5;
  text-decoration: none
}
.not-active {
  pointer-events: none;
  cursor: default
}
div.panel.show {
  opacity: 1;
  max-height: 500px
}
.catalog-grid #list.productgridfull .product-points ul li:nth-child(n+5) {
  display: list-item
}
.header-mobile {
  flex-wrap: wrap;
  background: var(--evo-brand-default);
  justify-content: space-between
}
.msgBarMob {
  background: #84f496;
  margin: 0;
  border: 15px #fff solid;
  border-bottom: 0;
  border-top: 10px solid #fff;
  text-align: center;
  width: 100%
}
.msgBarMob p {
  padding: 10px 15px;
  font-size: 14px;
  color: #0a3c12;
  line-height: 26px;
  margin: 0
}
.msgBarMob a {
  width: 100%;
  color: #fff;
  display: block;
  padding: 15px;
  font-weight: 700;
  background: #0a3c12
}
header .header-mobile .cd-dropdown-trigger-mobile i,
header .header-mobile .header-right a {
  color: #fff
}
header .header-mobile .cd-dropdown-trigger-mobile i {
  border-right: 2px solid #fff
}
header .header-mobile .header-right {
  margin-left: 0;
  padding: 0 4px;
  border-left: 2px solid #fff
}
.header-mobile .header-right .header-cart .header-cart {
  border-left: 2px solid #fff;
  margin-left: 5px;
  padding: 0 3px
}
.ex-loggedin .nLoggedout,
.ex-loggedout .nLoggedout {
  display: none
}
.stickyFoot {
  background: var(--evo-brand-default);
  border-top: 2px solid #f0f0f0;
  position: sticky;
  bottom: 0;
  z-index: 1001
}
.stickyFoot a {
  flex: 1 1 0px;
  border-right: 1px solid #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  min-height: 50px;
  color: #fff
}
.stickyFoot img {
  margin-right: 10px
}
.ex-loggedin .stickyFoot a {
  flex-direction: column;
  padding: 14px 10px 10px
}
.ex-loggedin .stickyFoot img {
  margin: 0 0 5px
}
.stickyFoot a:last-child,
.stickyFoot a:nth-child(2) {
  border-right: 0
}
.footersection-4 {
  display: none
}
.catalog-single.has-carousel .tile {
  width: 256px
}
.catalog-grid .mobile .product-content .brand-label,
.catalog-grid .mobile .product-content .list-attribute.product-category,
.catalog-grid .mobile .product-content .live_inventory_locations,
.catalog-grid .mobile .product-content .locBut,
.catalog-grid .mobile .product-content .product-points,
.catalog-grid .mobile .product-shopping-actions .product-compare-action,
.catalog-grid .mobile .product-shopping-actions .product-shopping-actions-prices span.uom.uomblock,
.catalog-grid .mobile .tileparent .divquickview,
.catalog-grid .mobile .tileparent .ribbon-wrapper .ribbon-side {
  display: none
}
.catalog-grid .mobile .tileparent .divquickview {
  display: none!important
}
.catalog-grid .mobile .prodToolsWrap {
  display: none
}
.catalog-grid .mobile .gridtools {
  padding: 0;
  margin: 0 -15px
}
.catalog-grid .mobile .row.gridtools {
  margin: 0 -30px
}
.catalog-grid .mobile .vertical-align.listtools {
  display: flex;
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
  padding: 0
}
.catalog-grid .mobile .vertical-align.listtools.listtoolsbottom {
  justify-content: center;
  flex-wrap: wrap
}
.catalog-grid .mobile .vertical-align.listtools.listtoolsbottom > div {
  border: none
}
.catalog-grid .mobile .vertical-align.listtools:after,
.catalog-grid .mobile .vertical-align.listtools:before {
  display: none
}
.catalog-grid .mobile .vertical-align.listtools > div {
  width: auto;
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  padding: 15px!important;
  border-left: 1px solid #c8c4c0
}
.ex-searchresult .catalog-grid .mobile .vertical-align.listtools > div:first-child {
  border: none
}
.catalog-grid .mobile .vertical-align.listtools .catalog-name {
  margin: 0 auto 0 0;
  padding: 15px;
  font-family: Lato,sans-serif;
  font-weight: 900;
  font-size: 18px
}
.catalog-grid .mobile .listtools .itemsfound {
  font-size: 0
}
.catalog-grid .mobile .listtools .itemsfound b {
  display: block;
  color: #000;
  font-size: 16px;
  font-weight: 700
}
.catalog-grid .mobile .listtools .itemsfound:after {
  content: "Products";
  font-size: 14px
}
.catalog-grid .mobile .listtools .filterby {
  padding: 0;
  text-align: center;
  border: none
}
.catalog-grid .mobile .tileparent {
  border-top: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0
}
.catalog-grid .mobile .imagecontent {
  width: 32%
}
.catalog-grid .mobile .imagecontent .imgthumbnail {
  height: auto
}
.catalog-grid .mobile .product-content {
  width: 65%;
  padding: 0!important;
  text-align: left!important;
  display: flex;
  flex-direction: column
}
.catalog-grid .mobile .product-content .product-name {
  order: -1;
  margin: 0 0 10px
}
.catalog-grid .mobile .product-content .product-name a {
  font-size: 14.5px
}
.catalog-grid .mobile .product-content .product-stock {
  margin: 0 0 5px!important;
  padding: 0
}
.catalog-grid .mobile .product-content .showproductlocations {
  line-height: 20px
}
.catalog-grid .mobile .product-content .product-sku {
  margin: 0!important;
  order: 1
}
.catalog-grid .mobile .product-content .product-sku .label-focus {
  background: 0 0;
  padding: 0;
  font-size: 12.5px;
  color: #000;
  font-weight: 400
}
.catalog-grid .mobile .product-content .list-attribute.product-packsize {
  margin: 0!important;
  order: 2;
  color: #000;
  font-size: 12.5px
}
.catalog-grid .mobile .product-shopping-actions {
  margin-bottom: 0
}
.catalog-grid .mobile .product-shopping-actions .softgraybackground {
  padding: 0;
  background: 0 0;
  width: 100%
}
.catalog-grid .mobile .product-shopping-actions .product-shopping-actions-prices {
  text-align: left;
  padding: 0 0 0 36%;
  width: 100%
}
.catalog-grid .mobile .product-shopping-actions .product-shopping-actions-prices .price {
  margin: 0!important;
  padding: 0!important;
  color: #2a2e36;
  font-size: 20px;
  font-family: Lato,sans-serif;
  font-weight: 900
}
.catalog-grid .mobile .product-shopping-actions span.price-label-inc-vat {
  margin: 0;
  color: #2a2e36;
  font-family: Lato,sans-serif
}
.catalog-grid .mobile .ntt {
  margin: 0;
  font-size: 14px;
  padding: 10px 0;
  background: #fafafa;
  font-family: lato,sans-serif;
  border-bottom: 1px solid #c8c4c0
}
.catalog-grid .mobile .ntt br {
  display: none
}
.catalog-grid .mobile .ntt .asapTimer {
  font-size: 14px;
  font-weight: 900
}
.catalog-grid .mobile .tileparent .badges-wrapper {
  position: relative;
  left: 0;
  margin: 20px 0 0;
  width: auto
}
.catalog-grid .mobile .tileparent .ribbon-wrapper {
  position: relative;
  width: 100%;
  top: 0
}
.catalog-grid .mobile .tileparent .ribbon-wrapper .ribbon {
  margin: 0;
  white-space: normal;
  text-align: center;
  float: none;
  top: 0;
  max-width: none;
  padding: 8px
}
.catalog-grid .mobile .tileparent .ribbon-wrapper .ribbon-tips {
  position: absolute;
  float: none;
  border: none;
  width: 14px;
  height: 14px;
  left: calc(50% - 7px);
  top: -7px;
  transform: rotate(45deg)
}
.catalog-grid .mobile .prodToolsWrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between
}
.catalog-grid .mobile .prodToolsWrap .row {
  margin: 0
}
.catalog-grid .mobile .prodToolsWrap .row:first-child {
  width: 65%
}
.catalog-grid .mobile .prodToolsWrap .row:last-child {
  width: 32%
}
.catalog-grid .mobile .prodToolsWrap .product-shopping-actions-addtocart,
.catalog-grid .mobile .prodToolsWrap .product-shopping-actions-addtoquicklist {
  padding: 0!important
}
.catalog-grid .mobile .prodToolsWrap .buttons.group {
  margin: 0;
  text-align: left
}
.catalog-grid .mobile .prodToolsWrap input.qty-list.form-control {
  margin-left: 0
}
.catalog-grid .mobile .prodToolsWrap .product-shopping-actions-addtoquicklist a {
  display: flex;
  align-items: center;
  justify-content: center
}
.catalog-grid .mobile .prodToolsWrap .product-shopping-actions-addtoquicklist a:after {
  content: "Add to Favourites";
  font-size: 12.5px;
  font-weight: 900;
  color: var(--evo-brand-default);
  font-family: Lato,sans-serif;
  display: block;
  max-width: 70px;
  text-align: left;
  margin-left: 10px;
  line-height: 16px
}
.breadcrumb > .breadcrumb_home,
.breadcrumb > li,
.breadcrumb > li a {
  color: var(--asap-grey);
  font-size: 12px;
  font-weight: 700
}
.breadcrumb > li + li:before {
  display: none
}
.breadcrumb > li {
  padding: 0
}
.breadcrumb > li a {
  background: var(--asap-panel-soft);
  padding: 10px 15px
}
.catalog-single .logintoviewprices a {
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
  transition: .35s all;
  color: #fff;
  background: var(--evo-brand-default);
  display: inline-block;
  width: 200px;
  text-align: center;
  float: none
}
.catalog-single .logintoviewprices a img {
  margin-right: 15px
}
.catalog-single .productaddtocart_container {
  margin-top: 0
}
.catalog-single .price {
  font-size: 40px;
  font-weight: 400;
  color: var(--evo-brand-default);
  padding: 0 10px
}
.catalog-single span.price-label-inc-vat {
  margin-top: 0;
  font-size: 14px;
  color: #000
}
.product-shopping-actions-prices span.uom.uomblock {
  font-size: 14px;
  color: #327bc4
}
.catalog-single .product-shopping-actions-tierpricing {
  margin: 10px 0 0
}
.catalog-grid .product-shopping-actions-tierpricing .group-focus,
.catalog-single .product-shopping-actions-tierpricing .group-focus {
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
  border: 1px solid var(--asap-line);
  background: #fff;
  line-height: 1.25;
  width: 100%;
  padding: 0
}
.product-shopping-actions-tierpricing .group-focus > div {
  font-size: 14px;
  font-weight: 600;
  color: var(--evo-brand-default);
  margin: 0;
  padding: 8px 10px;
  background: #fff;
  border-bottom: 1px solid #edf1f6
}
.product-shopping-actions-tierpricing .group-focus > div:first-child {
  background: #fff8eb;
  color: #9a4b00!important;
  border-bottom: none
}
.product-shopping-actions-tierpricing .group-focus > div:first-child a {
  color: var(--evo-brand-default);
  text-decoration: underline;
  text-underline-offset: 2px
}
.product-shopping-actions-tierpricing .arrow-down {
  display: none
}
.product-shopping-actions-tierpricing .group-focus:focus-within,
.product-shopping-actions-tierpricing .group-focus:hover {
  overflow-y: auto
}
.product-shopping-actions-tierpricing .group-focus > div:not(:first-child) {
  cursor: pointer;
  transition: background .15s ease,color .15s ease,box-shadow .15s ease
}
.product-shopping-actions-tierpricing .group-focus > div:not(:first-child):not(.as-tier-selected):hover {
  background: #eaf3ff;
  color: var(--evo-brand-default)
}
.product-shopping-actions-tierpricing .group-focus > div.as-tier-selected,
.product-shopping-actions-tierpricing .group-focus > div.as-tier-selected:focus {
  background: var(--evo-brand-default)!important;
  color: #fff!important
}
.product-shopping-actions-tierpricing .group-focus > div.as-tier-selected:hover {
  background: var(--asap-navy-dark)!important;
  color: #fff!important
}
.product-shopping-actions-tierpricing .group-focus > div.as-tier-selected a,
.product-shopping-actions-tierpricing .group-focus > div.as-tier-selected:focus a,
.product-shopping-actions-tierpricing .group-focus > div.as-tier-selected:hover a {
  color: #fff!important
}
.catalog-single .buttons .qnt-count .form-control,
.catalog-single .buttons .qnt-count .incr-btn {
  width: 45px;
  height: 45px;
  font-weight: 700;
  font-size: 20px;
  line-height: 45px
}
.catalog-single .buttons .qnt-count .form-control {
  color: var(--evo-brand-default);
  border: 2px solid var(--evo-brand-default)
}
.catalog-single .product-shopping-actions .product-shopping-actions-addtocart button,
.catalog-single .product-shopping-actions.quoteme .product-shopping-actions-prices > .quote-me-btn {
  display: block;
  width: 100%;
  min-height: 46px;
  margin: 8px 0 5px;
  padding: 13px;
  border-radius: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  white-space: normal
}
.catalog-single .product-shopping-actions .product-shopping-actions-addtocart button i {
  display: none
}
.prodToolsWrap {
  display: flex;
  justify-content: space-between;
  padding: 10px 0 20px;
  margin: 15px 0 3px;
  border-top: 1px solid #e5e5e5
}
.catalog-grid .product-shopping-actions .prodToolsWrap,
.catalog-single .product-shopping-actions .prodToolsWrap {
  margin: 0;
  border: none
}
.catalog-single .product-shopping-actions .prodToolsWrap > .row {
  margin: 0
}
.catalog-grid .product-shopping-actions .product-compare-action,
.catalog-grid .product-shopping-actions .product-shopping-actions-addtoquicklist,
.catalog-single .product-shopping-actions .product-compare-action,
.catalog-single .product-shopping-actions .product-shopping-actions-addtoquicklist {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 12px;
  line-height: 14px;
  width: auto
}
.catalog-grid .product-shopping-actions .product-shopping-actions-addtoquicklist a,
.catalog-single .product-shopping-actions .product-shopping-actions-addtoquicklist a {
  font-size: 0
}
.catalog-grid .product-shopping-actions .product-compare-action,
.catalog-grid .product-shopping-actions .product-shopping-actions-addtoquicklist a:after,
.catalog-single .product-shopping-actions .product-compare-action,
.catalog-single .product-shopping-actions .product-shopping-actions-addtoquicklist a:after {
  content: "Add to Favourites";
  font-size: 14px;
  color: #707070;
  line-height: 14px;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer
}
.catalog-grid .product-shopping-actions .product-compare-action .fa-stack,
.catalog-single .product-shopping-actions .product-compare-action .fa-stack {
  width: 22px;
  height: 15px;
  line-height: 1em;
  vertical-align: bottom
}
.catalog-grid .product-shopping-actions .product-compare-action i,
.catalog-grid .product-shopping-actions .product-shopping-actions-addtoquicklist i,
.catalog-single .product-shopping-actions .product-compare-action i,
.catalog-single .product-shopping-actions .product-shopping-actions-addtoquicklist i {
  font-size: 20px;
  color: #707070;
  vertical-align: middle;
  margin-right: 5px
}
.catalog-grid .product-shopping-actions .product-shopping-actions-addtoquicklist i:before,
.catalog-single .product-shopping-actions .product-shopping-actions-addtoquicklist i:before {
  content: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-quicklist-heart.png")
}
.catalog-grid .product-shopping-actions .product-compare-action i,
.catalog-single .product-shopping-actions .product-compare-action i {
  font-size: 16px;
  position: relative;
  top: -.5px;
  margin: 0
}
.catalog-grid .product-shopping-actions .product-compare-action i.fa-check,
.catalog-single .product-shopping-actions .product-compare-action i.fa-check {
  margin-left: -2px;
  margin-top: 1px
}
.catalog-grid .product-shopping-actions .product-compare-action i.fa-square-o,
.catalog-single .product-shopping-actions .product-compare-action i.fa-square-o {
  width: 14px;
  height: 14px;
  border: 1px solid #707070;
  border-radius: 50%
}
.catalog-grid .product-shopping-actions .product-compare-action i.fa-square-o:before,
.catalog-single .product-shopping-actions .product-compare-action i.fa-square-o:before {
  content: ""
}
.catalog-grid .product-shopping-actions .product-compare-action,
.catalog-single .product-shopping-actions .product-compare-action {
  position: relative;
  top: 2px
}
.catalog-grid .product-compare-action.selected .fa-check,
.catalog-single .product-compare-action.selected .fa-check {
  display: none
}
.catalog-grid .product-shopping-actions .product-compare-action.selected i.fa-square-o,
.catalog-single .product-shopping-actions .product-compare-action.selected i.fa-square-o {
  background: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-tick.png") no-repeat center
}
.catalog-single .mainproductpagedesktop > .row > .col-lg-10 {
  margin-top: 35px
}
.catalog-single .filter-container > .row:nth-of-type(2) {
  border-left: 1px solid #bdc0c0
}
.catalog-single .softgraybackground {
  background-color: transparent
}
.catalog-single .ntt {
  text-align: left;
  padding: 10px 25px 10px 70px;
  background: var(--asap-panel) url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-box-black.png") no-repeat left 25px center;
  font-size: 16px;
  border-radius: 15px
}
.catalog-single .ntt.nttGreen {
  background: var(--asap-green-bg) url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-clock.png") no-repeat left 25px center;
  color: var(--asap-green-dark)
}
.catalog-single .ntt.nttOrange {
  background: var(--asap-orange-bg) url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-box-orange.png") no-repeat left 25px center;
  color: var(--asap-orange)
}
.catalog-single .ntt.tOrange {
  background: var(--asap-orange-bg) url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-box-orange.png") no-repeat left 25px center;
  color: var(--asap-orange)
}
.catalog-single .tBlue {
  color: var(--asap-green-dark)
}
.catalog-single .product-brand a {
  font-weight: 600;
  font-size: 16px;
  color: #357cc5
}
.catalog-single .product-brand a:hover {
  color: #000
}
.catalog-single .product-title {
  border: none;
  padding: 0
}
.catalog-single .product-title .product-name {
  font-size: 22px
}
.productInfo {
  display: flex
}
.ex-product .productInfo {
  flex-direction: row-reverse
}
.productInfo > div {
  width: 50%
}
.productInfo > div:first-of-type {
  text-align: left
}
.catalog-single .product-summary .productdetails .margindiv {
  margin: 5px 0;
  font-size: 14px
}
.catalog-grid .product-sku .label-focus,
.catalog-single .productdetails .label-focus {
  background: #4b8ccc;
  border-radius: 0;
  color: #fff;
  font-size: 13px
}
.catalog-single .product-points ul {
  padding: 0 0 0 10px;
  color: #000
}
.catalog-single .product-points ul li {
  max-width: none;
  font-size: 13px
}
.productsummary_container span.icons-together i.fa-cloud-download {
  font-size: 12px
}
.productsummary_container span.icons-together i.fa-file-pdf-o {
  font-size: 26px
}
.productsummary_container span.icons-together span.description {
  margin-top: 0;
  font-size: 12px
}
.catalog-single .panel-group .panel-heading {
  border-bottom: 1px solid #bfbcbd;
  padding: 10px 35px
}
.catalog-single .panel-group .panel-heading h3 {
  font-size: 18px;
  font-weight: 600
}
.catalog-single .panel-heading h3:after {
  font-family: "Open Sans",sans-serif;
  content: "-";
  font-size: 30px;
  line-height: 15px;
  font-weight: 600
}
.catalog-single .panel-heading.collapsed h3:after {
  content: "+"
}
.catalog-single .product-panel .panel {
  box-shadow: none;
  border: none
}
.catalog-single .product-description {
  padding: 10px 35px!important
}
.catalog-single .softgraybackground .outOfStockBtn {
  margin: 20px 0 0;
  width: 100%;
  border-radius: 0;
  font-size: 14px;
  font-weight: 700;
  background: var(--evo-brand-default);
  color: #fff;
  border: none;
  padding: 10px
}
.catalog-single .softgraybackground .outOfStockBtn:hover {
  background: var(--evo-btn-default-bg-hover)
}
@media only screen and (min-width:768px) {
  .catalog-grid .breadcrumb {
    border-bottom: 1px solid #000
  }
  .catalog-grid .gridtools {
    background: var(--asap-panel)
  }
  .catalog-grid .listtools {
    padding: 15px 0
  }
  .catalog-grid .listtools.listtoolsbottom h1 {
    display: none
  }
  .catalog-grid .gridtools .listtools > div {
    padding: 0 10px!important
  }
  .catalog-grid .catalog-name,
  .post-title {
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: var(--evo-brand-default)
  }
  .catalog-grid .listtools .itemsfound {
    text-align: center;
    color: var(--asap-grey)
  }
  .catalog-grid .listtools .itemsfound b {
    color: var(--evo-brand-default)
  }
  .catalog-grid .listtools .sortby {
    padding: 0;
    color: var(--asap-grey);
    font-size: 12px
  }
  .catalog-grid .listtools select {
    border: 1px solid #b4b4b4;
    border-radius: 0
  }
  .catalog-grid .tileparent {
    border-top: none
  }
  .catalog-grid .shop-filters .filter-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--evo-brand-default);
    background: 0 0;
    bottom: 0;
    border-radius: 0;
    padding: 10px 5px
  }
  .catalog-grid .shop-filters .arrow-down {
    display: none
  }
  .catalog-grid .shop-filters {
    background: 0 0
  }
  .catalog-grid .search-with-in {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0
  }
  .catalog-grid section.search .select2-container {
    border: 1px solid var(--asap-grey);
    border-radius: 20px;
    overflow: hidden
  }
  .catalog-grid section.search .search-form .form-group input {
    height: 40px;
    color: var(--asap-grey);
    font-weight: 600;
    font-size: 14px;
    padding: 6px 40px 6px 20px
  }
  .catalog-grid section.search .search-form button[type=submit] {
    top: 2px;
    right: 13px
  }
  .catalog-grid .relsearch button i {
    color: var(--evo-brand-default)
  }
  .catalog-grid .filtername-incontract,
  .catalog-grid .filtername-instock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0!important;
    padding: 10px 20px
  }
  .catalog-grid .filtername-instock {
    margin-bottom: 10px!important
  }
  .catalog-grid .filtername-incontract .filter-static,
  .catalog-grid .filtername-instock .filter-static {
    font-size: 16px;
    font-weight: 600;
    color: var(--evo-brand-default)!important;
    padding-right: 10px;
    text-transform: none
  }
  .catalog-grid input.cmn-toggle-round-flat + label {
    width: 60px;
    height: 30px;
    background: var(--asap-grey)
  }
  .catalog-grid input.cmn-toggle-round-flat + label:before {
    background-color: var(--asap-panel-soft);
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px
  }
  .catalog-grid input.cmn-toggle-round-flat + label:after {
    width: 20px;
    height: 20px;
    top: 5px;
    border-radius: 50%;
    background-color: #347cc5
  }
  .catalog-grid input.cmn-toggle-round-flat.tiny:checked + label:after {
    margin-left: 32px
  }
  .catalog-grid .shop-filters section.filter-section {
    margin: 0
  }
  .catalog-grid .filter-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    margin-top: 0;
    border-top: 1px solid #000
  }
  .catalog-grid .filter-section-header h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #010101;
    text-transform: none
  }
  .catalog-grid .filter-expanded .filter-section-header h5 {
    color: var(--evo-brand-default);
    font-weight: 600
  }
  .catalog-grid .shop-filters .filter-options a {
    color: #000
  }
  .catalog-grid .shop-filters .filter-options a:hover {
    color: var(--evo-link-hover-color)
  }
  .catalog-grid .shop-filters .more-options {
    padding-bottom: 10px
  }
  .catalog-grid .shop-filters .showhide-indicator {
    position: relative;
    top: unset;
    left: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px
  }
  .catalog-grid .shop-filters .showhide-indicator .fa-minus-square:before {
    content: "-";
    color: #010101
  }
  .catalog-grid .shop-filters .showhide-indicator .fa-plus-square:before {
    content: "+";
    color: #010101
  }
  .catalog-grid .shop-filters .more-filters {
    text-align: center
  }
  .catalog-grid .shop-filters .more-filters a {
    padding: 0;
    color: var(--evo-brand-default)
  }
  .catalog-grid #list.productgridfull .product-row {
    padding: 30px 0 30px 30px;
    border-bottom: 1px solid #bdc0c0
  }
  .catalog-grid .tileparent .imagecontent {
    width: 25%
  }
  .catalog-grid .tileparent .product-content {
    width: 47%;
    display: flex;
    flex-direction: column;
    margin: 0
  }
  .catalog-grid .tileparent .product-shopping-actions {
    width: 28%
  }
  .catalog-grid #list .imgthumbnail {
    height: auto
  }
  .catalog-grid #list .imgthumbnail img {
    max-height: 250px!important
  }
  .catalog-grid .brand-label {
    order: 1
  }
  .catalog-grid .product-sku {
    order: 3
  }
  .catalog-grid .product-name {
    order: 2;
    margin-bottom: 10px
  }
  .catalog-grid .product-points {
    order: 4
  }
  .catalog-grid .productInfo {
    order: 5
  }
  .catalog-grid .product-stock {
    order: 6;
    margin: 5px 0
  }
  .catalog-grid .brand-label a {
    font-size: 14px;
    color: #357cc5!important;
    font-weight: 600
  }
  .catalog-grid .brand-label a:hover {
    color: #000
  }
  .catalog-grid .product-name a {
    font-size: 16px;
    color: #000;
    font-weight: 700
  }
  .catalog-grid .product-name a:hover {
    color: #357cc5
  }
  .catalog-grid #list.productgridfull .list-attribute.product-sku {
    margin: 0 0 10px;
    order: 3
  }
  .catalog-grid .productDetails .list-attribute {
    font-size: 14px;
    font-weight: 600
  }
  .catalog-grid .productDetails .list-attribute strong {
    color: #000;
    font-weight: 700
  }
  .catalog-grid #list.productgridfull .product-points ul {
    padding-left: 15px;
    color: #000;
    font-size: 13px
  }
  .catalog-grid .softgraybackground {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    padding: 0 0 0 30px;
    border-left: 1px solid #bdc0c0
  }
  .catalog-grid.callofforders .pricecontent .softgraybackground,
  .catalog-grid.contractitem .pricecontent .softgraybackground,
  .catalog-grid.quicklistsedit .pricecontent .softgraybackground {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0
  }
  .catalog-grid.callofforders .pricecontent .softgraybackground .priceLabelWrap .price-label-inc-vat::after,
  .catalog-grid.contractitem .pricecontent .softgraybackground .priceLabelWrap .price-label-inc-vat::after,
  .catalog-grid.quicklistsedit .pricecontent .softgraybackground .priceLabelWrap .price-label-inc-vat::after {
    display: none
  }
  .catalog-grid.callofforders .pricecontent .softgraybackground .buttons.group,
  .catalog-grid.contractitem .pricecontent .softgraybackground .buttons.group,
  .catalog-grid.quicklistsedit .pricecontent .softgraybackground .buttons.group {
    flex-wrap: wrap
  }
  .catalog-grid.callofforders .pricecontent .softgraybackground .buttons.group .delete,
  .catalog-grid.contractitem .pricecontent .softgraybackground .buttons.group .delete,
  .catalog-grid.quicklistsedit .pricecontent .softgraybackground .buttons.group .delete {
    width: 40px;
    height: 40px
  }
  .catalog-grid.callofforders .pricecontent .softgraybackground .buttons.group .btn-add-to-cart,
  .catalog-grid.contractitem .pricecontent .softgraybackground .buttons.group .btn-add-to-cart,
  .catalog-grid.quicklistsedit .pricecontent .softgraybackground .buttons.group .btn-add-to-cart {
    width: calc(100% - 90px);
    margin: 0!important
  }
  .catalog-grid.callofforders .pricecontent .softgraybackground > div,
  .catalog-grid.contractitem .pricecontent .softgraybackground > div,
  .catalog-grid.quicklistsedit .pricecontent .softgraybackground > div {
    width: 100%
  }
  .catalog-grid #list .product-shopping-actions .product-shopping-actions-prices .price {
    font-size: 40px;
    font-weight: 400;
    color: var(--evo-brand-default);
    padding: 0;
    margin: 0
  }
  .catalog-grid #list .product-shopping-actions .product-shopping-actions-prices span {
    font-size: 12px;
    color: var(--asap-grey)
  }
  .catalog-grid #list .product-shopping-actions .product-shopping-actions-prices span.uom {
    font-weight: 600
  }
  .priceLabelWrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    line-height: 22px
  }
  .priceLabelWrap .price-label-inc-vat {
    margin: 0
  }
  .priceLabelWrap .price-label-inc-vat + .price-label-inc-vat {
    display: none!important
  }
  .priceLabelWrap .price-label-inc-vat:after,
  .priceLabelWrap .rrp > span:after {
    content: "|";
    padding: 0 5px 0 2px;
    bottom: 1px;
    position: relative
  }
  .priceLabelWrap .rrp > span:after {
    padding-right: 2px
  }
  .priceLabelWrap .label.save {
    padding: 0;
    background: 0 0;
    color: #ff6f69;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px
  }
  .catalog-grid .softgraybackground .product-shopping-actions-extras {
    display: none
  }
  .catalog-grid .softgraybackground .buttons.group {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box
  }
  .catalog-grid .softgraybackground .product-shopping-actions-addtocart {
    width: 100%;
    box-sizing: border-box
  }
  .catalog-grid .softgraybackground .product-shopping-actions-addtocart .buttons.group {
    align-items: stretch;
    justify-content: flex-start;
    padding: 0
  }
  .catalog-grid .softgraybackground .buttons.group input {
    margin: 0;
    border: 2px solid var(--evo-brand-default);
    border-radius: 0;
    width: 40px;
    font-size: 16px;
    font-weight: 700;
    color: var(--evo-brand-default)
  }
  .catalog-grid .softgraybackground .product-shopping-actions-addtocart .buttons.group input.qty-list.inputquantity {
    flex: 0 0 40px;
    width: 40px!important;
    min-width: 40px;
    max-width: 40px;
    height: 40px!important;
    padding: 0 6px!important;
    box-sizing: border-box;
    background: #fff;
    line-height: 36px;
    text-align: center
  }
  .catalog-grid .softgraybackground .product-shopping-actions-addtocart .live-inventory-v2-add-to-cart-wrapper {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    width: 100%!important;
    max-width: none!important;
    min-width: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    margin-left: 8px
  }
  .catalog-grid .softgraybackground .buttons.group button {
    margin: 0;
    width: calc(100% - 50px);
    border-radius: 0;
    font-size: 14px;
    font-weight: 700;
    font-family: "Open Sans",sans-serif
  }
  .catalog-grid .softgraybackground .product-shopping-actions-addtocart .buttons.group .btn-add-to-cart {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%!important;
    max-width: none!important;
    min-width: 0;
    height: 40px!important;
    padding: 0 12px!important;
    box-sizing: border-box;
    white-space: nowrap;
    line-height: 1.2
  }
  .catalog-grid .softgraybackground .product-shopping-actions-addtocart .buttons.group .btn-add-to-cart i {
    display: none
  }
  .catalog-grid .prodToolsWrap {
    padding: 10px 15px 20px
  }
  .catalog-grid .asapTimer {
    font-size: 14px
  }
  .catalog-grid .ntt {
    text-align: left;
    padding: 10px 25px 10px 55px;
    background: var(--asap-panel) url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-box-black.png") no-repeat left 15px center;
    font-size: 14px;
    border-radius: 15px
  }
  .catalog-grid .ntt.nttGreen {
    background: var(--asap-green-bg) url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-clock.png") no-repeat left 15px center;
    color: var(--asap-green-dark)
  }
  .catalog-grid .ntt.nttOrange {
    background: var(--asap-orange-bg) url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-box-orange.png") no-repeat left 15px center;
    color: var(--asap-orange)
  }
  .catalog-grid .ntt.tOrange {
    background: var(--asap-orange-bg) url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-box-orange.png") no-repeat left 15px center;
    color: var(--asap-orange)
  }
  .catalog-grid .tBlue {
    color: var(--asap-green-dark)
  }
  .catalog-grid #list .product-shopping-actions .product-shopping-actions-addtoquicklist {
    padding-top: 0
  }
  .catalog-grid .softgraybackground .logintoviewprices {
    margin-top: 0
  }
  .catalog-grid .softgraybackground .logintoviewprices .loginBtn {
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
    text-transform: none;
    font-size: 14px
  }
  .catalog-grid .softgraybackground .outOfStockBtn {
    margin: 20px 0 0;
    width: 100%;
    border-radius: 0;
    font-size: 14px;
    font-weight: 700;
    background: var(--evo-brand-default);
    color: #fff;
    border: none;
    padding: 10px
  }
  .catalog-grid .softgraybackground .outOfStockBtn:hover {
    background: var(--evo-btn-default-bg-hover)
  }
}
@media only screen and (max-width:1469px) and (min-width:768px) {
  .priceLabelWrap {
    flex-direction: column
  }
  .prodToolsWrap {
    flex-direction: column;
    align-items: center
  }
  .catalog-grid #list .product-shopping-actions .product-shopping-actions-prices {
    text-align: center
  }
}
@media only screen and (max-width:991px) {
  .productInfo {
    flex-direction: column
  }
  .productInfo > div {
    width: 100%
  }
  .productInfo > div:first-of-type {
    text-align: center
  }
}
@media only screen and (max-width:991px) and (min-width:768px) {
  .catalog-grid .ntt,
  .catalog-grid .ntt.nttGreen,
  .catalog-grid .ntt.nttOrange,
  .catalog-single .ntt,
  .catalog-single .ntt.nttGreen,
  .catalog-single .ntt.nttOrange {
    background-image: unset
  }
  .catalog-grid .ntt,
  .catalog-single .ntt {
    padding-left: 25px
  }
}
@media only screen and (max-width:768px) {
  .catalog-grid #list .product-shopping-actions .softgraybackground .prodToolsWrap {
    text-align: left
  }
  .catalog-grid #list .product-shopping-actions .softgraybackground .prodToolsWrap .outOfStockBtn {
    border-radius: 3px
  }
  .catalog-grid .softgraybackground .outOfStockBtn {
    margin: 0;
    width: 150px;
    min-height: 40px;
    border-radius: 0;
    font-size: .8em;
    font-weight: 400;
    background: var(--evo-brand-default);
    color: #fff;
    border: none;
    border-radius: .25em;
    padding: 6px 30px;
    display: inline-block
  }
  .catalog-grid .softgraybackground .outOfStockBtn:hover {
    background: var(--evo-btn-default-bg-hover)
  }
}
#modalOutOfStock .modal-dialog {
  width: 655px
}
#modalOutOfStock .modal-content {
  padding: 0;
  background: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-oospopup-bg.jpg") no-repeat center;
  background-size: cover;
  border-radius: 5px
}
#modalOutOfStock .modal-body {
  padding: 0;
  justify-content: flex-end
}
#modalOutOfStock .oosText {
  width: 60%;
  background: rgba(255,255,255,.4);
  padding: 45px 25px;
  text-align: center
}
#modalOutOfStock .oosText h1 {
  font-family: "Red Hat Display",sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--evo-brand-default);
  margin: 0 0 35px;
  text-transform: none
}
#modalOutOfStock .oosText p {
  font-family: "Red Hat Display",sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin: 0 0 35px
}
#modalOutOfStock .oosText p.oosButtons {
  margin: 0
}
#modalOutOfStock .oosText .oosButton {
  width: 155px;
  display: inline-block;
  padding: 10px;
  background: #fff;
  font-weight: 500;
  font-size: 16px;
  color: var(--evo-brand-default);
  margin: 0 5px;
  transition: .35s all;
  border-radius: 5px
}
#modalOutOfStock .oosText .oosButton:last-of-type {
  background: var(--evo-brand-default);
  color: #fff
}
#modalOutOfStock .oosText .oosButton:hover {
  background: var(--evo-brand-default);
  color: #fff;
  text-decoration: none
}
#modalOutOfStock .oosText .oosButton:hover:last-of-type {
  background: #fff;
  color: var(--evo-brand-default)
}
#modalOutOfStock .oosButtons .buttons.group {
  width: 100%
}
#modalOutOfStock .oosButtons .buttons.group button {
  font-weight: 500;
  font-size: 16px;
  padding: 11px 15px;
  font-family: "Red Hat Display",sans-serif;
  margin: 8px 0
}
#modalOutOfStock .oosButtons .buttons.group .qty-list {
  height: 45px
}
#modalOutOfStock .oosButtons .buttons.group .qnt-count {
  display: inline-block
}
#modalOutOfStock .oosButtons .buttons.group .inputquantity {
  width: 45px;
  height: 45px;
  text-align: center
}
#modalOutOfStock .oosButtons .buttons.group .incr-btn {
  display: none
}
@media only screen and (max-width:768px) {
  #modalOutOfStock .modal-dialog {
    width: 100%;
    margin: 0
  }
  #modalOutOfStock .oosText .oosButton {
    margin: 5px
  }
  #modalOutOfStock .oosText {
    width: 100%
  }
}
.catalog-grid .product-stock,
.productdetails .product-stock {
  display: none
}
.stock-container {
  order: 10;
  gap: 5px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap
}
.stock-container.stock-container-xmas {
  background: #ffd4d4;
  padding: 10px 20px;
  border-radius: 15px
}
.stock-container.stock-container-xmas h3 {
  font-size: 16px;
  font-weight: 700;
  width: 100%
}
.stock-container.stock-container-xmas .stock-box {
  flex: auto;
  background-image: none;
  padding: 7px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: none
}
.stock-container.stock-container-xmas .stock-box .stock-message {
  display: none
}
.stock-container.stock-container-xmas .stock-box .stock-count {
  border-bottom: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center
}
.stock-box {
  flex: 1;
  border: 2px solid #000;
  border-radius: 10px;
  padding: 7px 12px 7px 50px;
  max-width: 50%;
  background: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-stock-delivery-green-v4.png") no-repeat center left 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}
.stock-box.stock-box-divided {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 35px 1fr;
  flex: 2.5;
  max-width: none;
  background: 0 0;
  align-items: stretch
}
.stock-box.stock-box-divided p {
  margin: 0
}
.stock-box.stock-box-divided .stock-count {
  text-align: center;
  border-bottom: 2px solid #000;
  padding: 5px 12px
}
.stock-box.stock-box-divided .stock-message {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr
}
.stock-box.stock-box-divided .stock-message .stock-message-left,
.stock-box.stock-box-divided .stock-message .stock-message-right {
  padding: 15px 5px 15px 40px;
  background: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-stock-delivery-green-v4.png") no-repeat top 20px left 5px
}
.stock-box.stock-box-divided .stock-message .stock-message-left.stock-message-pickup,
.stock-box.stock-box-divided .stock-message .stock-message-right.stock-message-pickup {
  background-image: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-stock-pickup-green-v2.png")
}
.stock-box.stock-box-divided .stock-message .stock-message-right {
  border-left: 2px solid #000
}
.stock-box.stock-box-divided.color-green .stock-count {
  border-color: var(--asap-green-stock)
}
.stock-box.stock-box-divided.color-green .stock-message-right {
  border-left: 2px solid var(--asap-green-stock)
}
.stock-box:nth-of-type(n+4) {
  display: none
}
.stock-box.color-green {
  border-color: var(--asap-green-stock)
}
.stock-box.color-green .stock-count {
  color: var(--asap-green-stock)
}
.stock-box.color-blue {
  border-color: var(--evo-brand-default);
  background-image: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-stock-delivery-blue-v2.png")
}
.stock-box.color-blue .stock-count {
  color: var(--evo-brand-default)
}
.stock-box.color-purple {
  border-color: var(--asap-purple);
  background-image: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-stock-delivery-purple-v2.png")
}
.stock-box.color-purple .stock-count {
  color: var(--asap-purple)
}
.stock-box.color-purple .stock-message {
  color: var(--asap-purple);
  font-weight: 700
}
.stock-box.color-grey {
  border-color: var(--asap-charcoal);
  background-image: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-stock-delivery-grey-v2_1_1.png")
}
.stock-box.color-grey .stock-count {
  color: var(--asap-charcoal)
}
.stock-box.color-grey .stock-message {
  color: var(--asap-charcoal)
}
.stock-box.color-red {
  border-color: var(--asap-red-dark);
  background-image: url("https://eu.evocdn.io/dealer/1043/content/media/Untitled-1_1.png");
  background-size: 30px
}
.stock-box.color-red .stock-count {
  color: var(--asap-red-dark)
}
.stock-box.color-red .stock-message {
  color: #000;
  font-size: 14px;
  font-weight: 400
}
.stock-box.color-orange {
  border-color: var(--asap-orange);
  background-image: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-stock-delivery-orange-v2.png")
}
.stock-box.color-orange .stock-count {
  color: var(--asap-orange)
}
.stock-box.color-black {
  border-color: var(--asap-purple);
  background-image: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-stock-call-purple-v22.png")
}
.stock-box.color-black .stock-count {
  color: var(--asap-purple)
}
.stock-box.color-black .stock-message {
  color: var(--asap-purple);
  font-weight: 700
}
.stock-box.color-pl {
  border-color: var(--asap-orange);
  background-image: url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-stock-delivery-grey-v2_1_1.png")
}
.stock-box.color-pl .stock-count {
  color: var(--asap-purple)
}
.stock-box.color-pl .stock-message {
  border-color: var(--asap-charcoal);
  font-weight: 700
}
.stock-box .stock-count {
  color: #000;
  font-weight: 700;
  font-size: 14px
}
.stock-message {
  color: #000;
  font-size: 14px
}
.timer-container {
  text-align: left;
  padding: 12px 25px 12px 70px;
  font-size: 16px;
  border-radius: 15px;
  background: #e6e6e6
}
.timer-container.timer-container-unavailable {
  padding-left: 25px
}
.timer-container.color-green {
  background: var(--asap-green-bg) url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-clock.png") no-repeat left 25px center
}
.timer-container.color-green .timer-countdown {
  color: var(--asap-green-dark)
}
.timer-container.color-blue {
  background: #e4f0fd url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-clock-blue.png") no-repeat left 25px center
}
.timer-container.color-blue .timer-countdown {
  color: var(--evo-brand-default)
}
.timer-container.color-purple {
  background: #fad6ff url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-clock-purple.png") no-repeat left 25px center
}
.timer-container.color-purple .timer-countdown {
  color: var(--asap-purple)
}
.timer-container.color-red {
  background: #ffdbdb url("https://eu.evocdn.io/dealer/1043/content/media/Untitled-1_1.png") no-repeat left 25px center;
  background-size: 30px
}
.timer-container.color-red .timer-countdown {
  color: var(--asap-red-dark)
}
.timer-container.color-orange {
  background: var(--asap-orange-bg) url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-clock-orange.png") no-repeat left 25px center
}
.timer-container.color-orange .timer-countdown {
  color: var(--asap-orange)
}
.timer-container.color-grey {
  background: #e6e6e6 url("https://eu.evocdn.io/dealer/1043/content/media/My_Theme/asap-timer-clock-grey.png") no-repeat left 25px center
}
.timer-container.color-grey .timer-countdown {
  color: var(--asap-charcoal)
}
.timer-container p {
  margin: 0
}
.timer-container.timer-container-xmas {
  background: #ffd4d4;
  background-image: none;
  padding: 10px 20px;
  border-radius: 15px
}
.timer-container.timer-container-xmas h3 {
  font-size: 16px;
  font-weight: 700
}
.timer-countdown {
  font-weight: 700
}
@media (max-width:768px) {
  .stock-container {
    flex-direction: column
  }
  .stock-box {
    max-width: none
  }
  .stock-box.stock-box-divided .stock-message {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr
  }
  .stock-box.stock-box-divided .stock-message .stock-message-left,
  .stock-box.stock-box-divided .stock-message .stock-message-right {
    display: flex;
    align-items: center;
    justify-content: flex-start
  }
  .stock-box.stock-box-divided.color-green .stock-message-right {
    border-left: none;
    border-top: 2px solid var(--asap-green-stock)
  }
}
.hideStockTimer .stock-box,
.hideStockTimer .timer-container {
  display: none
}
body:not(.ex-quicklists) .myaccount.catalog-grid .tileparent .product-content {
  width: inherit
}
.register .header-full,
body:has(.unsubscribe-page) .header-full,
body:has(.unsubscribe-page) .row-breadcrumb,
body:has(.unsubscribe-page) footer {
  display: none
}
.myaccount ol#breadcrumb {
  border-bottom: none
}
.blogSearch {
  margin-top: 15px;
  text-align: center
}
.ex-blog .filter-container {
  border: solid 3px var(--evo-brand-default);
  margin: 30px 0;
  border-radius: 25px;
  box-shadow: 0 3px 7px 5px rgb(0 0 0 / 12%)
}
.blogsearch_container .search-form .form-control,
.blogsearch_container .search-form .select2-selection--single {
  border-radius: 25px;
  border: solid 1px var(--evo-brand-default)
}
a.btn.btn-black.btn-block.to-checkout {
  border-radius: 3px
}
.blog-posts-list-view .blog-post {
  border-top: solid 1px #000;
  margin-bottom: 15px;
  padding-top: 15px
}
.bloglatestposts_container .blog-posts-grid[data-parentname=sidebarright] .blog-posts-list-view .blog-post .post-row {
  margin-bottom: 0
}
.blogfeaturedposts_container .blog-posts-list-view .tileparent .post-image,
.bloglatestposts_container .blog-posts-list-view .tileparent .post-image,
.blogpostslist_container .blog-posts-list-view .tileparent .post-image {
  align-items: center;
  background-color: #fff;
  background-size: contain
}
.blogfeaturedposts_container .blog-posts-list-view,
.bloglatestposts_container .blog-posts-list-view,
.blogpostslist_container .blog-posts-list-view {
  margin-top: 0
}
#deliveryOptionList {
  list-style-type: square;
  border: 1px solid #000;
  border-radius: 10px;
  margin: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 30px;
  background: var(--evo-brand-default);
  text-align: center;
  list-style: none;
  display: inline-flex
}
@media only screen and (max-width:1400px) {
  ul#deliveryOptionList {
    display: list-item!important
  }
}
.tile.item.product.item_40298703 {
  border-radius: 15px;
  border: solid 5px #14540b!important
}
.catalog-single.has-carousel .tile,
.catalog-single.has-grid .tile {
  padding: 10px 0 0 0
}
button.btn.btn-primary.btn-list.btn-sm.is-master {
  width: 100%;
  border-radius: 0;
  font-size: 14px;
  font-weight: 700;
  font-family: "Open Sans",sans-serif;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-width: 150px;
  background-color: #8b0000
}
button.btn.btn-primary.btn-list.btn-sm.is-master:hover {
  background-color: var(--evo-btn-default-bg-hover)
}
.btn-primary {
  transition: .25s ease!important
}
.ex-loggedin .toolbar .account-btn span .welcome-message {
  top: 0
}
.toolbar .account-btn .user-icon {
  padding-bottom: 0
}
.shoppingtools_container.col-md-2 .account-btn .arrow-your-account {
  bottom: 6px
}
.toolbar .shopping-tools-wrapper .account-btn > span {
  top: 2px
}
.myaccount .myaccount-title {
  background: var(--evo-text-col);
  border-radius: 5px;
  padding: 1px 10px;
  margin: 20px 0 10px 0
}
ul.pagination > li {
  background: #fff;
  margin: 0 3px
}
ul.pagination > li > a {
  color: var(--evo-brand-default)
}
ul.pagination {
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
  background: #fff;
  padding: 2px;
  border-radius: 8px;
  border: solid 1px var(--evo-brand-default)
}
div:has(> .gridtools) {
  display: flex;
  flex-direction: column
}
.ex-blog .blogpostcontent_container h4 {
  margin-left: 25px;
  color: #000
}
.branch-name,
.ex-blog h2,
.ex-blog h3,
.ex-category h2,
.ex-category h3 {
  color: var(--evo-brand-default);
  padding: 10px 0;
  font-weight: 700
}
.ex-blog ul li {
  color: #000
}
.blog-posts-grid h4 {
  font-size: 25px
}
.blogfeaturedposts_container .tileparent .post-image .post-category .post-category-name,
.bloglatestposts_container .tileparent .post-image .post-category .post-category-name,
.blogpostslist_container .tileparent .post-image .post-category .post-category-name {
  border: solid 3px var(--evo-brand-default);
  background: #fff;
  color: var(--evo-brand-default)!important;
  border-radius: 8px;
  padding: 3px 6px;
  text-shadow: none!important
}
.ex-blog-home .catalog-name,
.ex-blog.ex-category .catalog-name {
  padding: 0 15px!important
}
.ex-blog .category-name {
  display: none
}
.blog-posts-list-view .blog-post {
  border-top: none
}
.ex-blog .gridtools {
  margin-right: 15px
}
.blogpostslist_container .blog-posts-grid .post-name h4 {
  font-size: 24px
}
.blogfeaturedposts_container .blog-posts-grid .blog-posts-grid-view .post-details,
.blogfeaturedposts_container .blog-posts-list-view .post-details,
.bloglatestposts_container .blog-posts-grid .blog-posts-grid-view .post-details,
.bloglatestposts_container .blog-posts-list-view .post-details,
.blogpostslist_container .blog-posts-grid .blog-posts-grid-view .post-details,
.blogpostslist_container .blog-posts-list-view .post-details {
  font-size: 14px
}
.blogfeaturedposts_container .blog-posts-grid[data-parentname=content][data-widgetsize="1"] .blog-posts-list-view .blog-post .post-row .post-details,
.blogfeaturedposts_container .blog-posts-grid[data-parentname=content][data-widgetsize="2"] .blog-posts-list-view .blog-post .post-row .post-details,
.blogfeaturedposts_container .blog-posts-grid[data-parentname=sidebarleft] .blog-posts-list-view .blog-post .post-row .post-details,
.blogfeaturedposts_container .blog-posts-grid[data-parentname=sidebarright] .blog-posts-list-view .blog-post .post-row .post-details,
.bloglatestposts_container .blog-posts-grid[data-parentname=content][data-widgetsize="1"] .blog-posts-list-view .blog-post .post-row .post-details,
.bloglatestposts_container .blog-posts-grid[data-parentname=content][data-widgetsize="2"] .blog-posts-list-view .blog-post .post-row .post-details,
.bloglatestposts_container .blog-posts-grid[data-parentname=sidebarleft] .blog-posts-list-view .blog-post .post-row .post-details,
.bloglatestposts_container .blog-posts-grid[data-parentname=sidebarright] .blog-posts-list-view .blog-post .post-row .post-details {
  font-size: 14px
}
.catalog-single .product-points {
  margin-top: 15px;
  margin-bottom: 0
}
span#statusID {
  visibility: hidden
}
span#statusID::before {
  visibility: visible;
  font-family: "Material Icons";
  font-style: normal;
  content: "\ef4a";
  font-size: 18px;
  position: absolute;
  padding-left: 5px
}
span.statusGreen {
  color: green;
  font-weight: 700
}
span.statusAmber {
  color: orange;
  font-weight: 700
}
#original-gridDesc {
  display: none
}
.sticky-post .top {
  background: var(--asap-green-bg);
  border-radius: 15px;
  padding: 10px 15px 0 15px;
  color: var(--asap-green-dark)
}
.sticky-post .top h4 {
  color: var(--asap-green-dark)
}
.sticky-post .blog-post:before {
  content: "Important Post";
  font-size: 24px;
  position: relative;
  left: 50px;
  top: 16px;
  z-index: 1;
  background: var(--asap-green-bg);
  border: solid 5px var(--asap-green-dark);
  padding: 5px 10px;
  border-radius: 15px;
  color: var(--asap-green-dark);
  font-weight: 700
}
.blog-posts-grid .sticky-post .blog-post:before {
  font-size: 16px;
  left: 10px;
  top: 3px;
  padding: 3px 10px;
  border-radius: 10px;
  border-width: 3px
}
.tile.item.product.item_40298703:before {
  content: "Extra Large Boxes";
  background: #d0f7d1;
  z-index: 1;
  border-radius: 10px;
  padding: 3px 10px;
  top: -20px;
  position: absolute;
  left: 43px;
  color: #14540b;
  font-weight: 700;
  border: solid 5px #14540b
}
.as-contact {
  min-height: 50px;
  margin: 10px 0;
  border-radius: 15px;
  padding: 20px;
  color: #2b2c27;
  font-size: 28px;
  text-align: center;
  display: block;
  cursor: pointer
}
.as-contact p {
  margin: 0;
  font-weight: 700!important
}
.as-contact p:before {
  font-family: "Material Icons";
  color: #2b2c27;
  padding-right: 10px;
  position: relative;
  top: 3px
}
.as-contact.as-contactChat {
  background-color: #d0f7d1
}
.as-contact.as-contactChat p:before {
  content: "chat"
}
.as-contact.as-contactPhone {
  background-color: #c1d5e0
}
.as-contact.as-contactPhone p:before {
  content: "call"
}
.as-contact.as-contactEmail {
  background-color: #fff8b1
}
.as-contact.as-contactEmail p:before {
  content: "email"
}
ol.as-TopContent {
  background: var(--evo-brand-default);
  padding: 20px 50px;
  border-radius: 15px;
  margin-bottom: 30px;
  color: #fff;
  width: fit-content;
  font-size: 16px
}
ol.as-TopContent:before {
  content: "Content";
  font-weight: 700;
  font-size: 30px;
  padding-left: 50px
}
ol.as-TopContent li a {
  color: #fff
}
.as-Anchors {
  scroll-margin-top: 70px
}
.alert.alert-warning:not(.selection-not-available):after,
.alert.alert-warning:not(.selection-not-available):before {
  content: "\e994";
  font-family: "Material Icons";
  font-size: 28px;
  padding: 0 10px
}
.alert.alert-warning.selection-not-available {
  font-size: 16px;
  padding: 10px 20px
}
.alert.alert-warning {
  display: flex;
  font-size: 20px;
  background: var(--asap-orange-bg);
  padding: 10px;
  color: var(--asap-orange);
  text-align: center;
  border: none;
  border: solid 2px var(--asap-orange);
  border-radius: 15px;
  align-content: flex-start;
  justify-content: space-evenly;
  flex-direction: row;
  align-items: center
}
.noprodutctfound {
  padding: 0
}
.as-btn {
  pointer-events: auto;
  cursor: pointer;
  border: none;
  padding: 1.5rem 3rem;
  margin: 0;
  position: relative;
  width: 100%
}
.ex-branch-view .as-btn {
  padding: 1rem 1rem!important
}
.ex-branch-view .as-contactFrm {
  padding-left: 5px!important;
  padding-right: 5px!important
}
.ex-branch-details-widget {
  border-radius: 15px;
  padding: 15px
}
.ex-branch-details-widget .branch-details-card {
  border-radius: 15px
}
.branch-details-text,
.branch-details-text a,
.branch-details-text strong {
  color: var(--evo-brand-default)
}
.as-btn#as-btn-lagoon {
  background: #c1d5e0
}
.as-btn#as-btn-jungle {
  background: #c2e8a5
}
.as-btn#as-btn-desert {
  background: #f2d06b
}
.as-btn#as-btn-violet,
.as-btn#as-btn-violet-credit,
.as-btn#myCustomBranchSwitcher {
  background: #e0d6ff
}
.as-btn i {
  font-size: 30px;
  top: 5px;
  padding-right: 10px
}
#as-btn-lagoon.as-btn-calypso::after,
#as-btn-lagoon.as-btn-calypso::before {
  background: #365261
}
#as-btn-jungle.as-btn-calypso::after,
#as-btn-jungle.as-btn-calypso::before {
  background: #28823c
}
#as-btn-desert.as-btn-calypso::after,
#as-btn-desert.as-btn-calypso::before {
  background: #d97904
}
#as-btn-violet-credit.as-btn-calypso::after,
#as-btn-violet-credit.as-btn-calypso::before,
#as-btn-violet.as-btn-calypso::after,
#as-btn-violet.as-btn-calypso::before,
#myCustomBranchSwitcher.as-btn-calypso::after,
#myCustomBranchSwitcher.as-btn-calypso::before {
  background: #8588f7
}
a:has(> button.as-btn#as-btn-violet-credit),
a:has(> button.as-btn#myCustomBranchSwitcher) {
  padding: 0 0 0 15px;
  float: left;
  width: 100%
}
.as-btn::after,
.as-btn::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 100%
}
.as-btn-calypso {
  overflow: hidden;
  font-size: 24px;
  border-radius: 15px;
  color: #2c2c2c;
  font-weight: 700
}
.as-btn-calypso i,
.as-btn-calypso span {
  position: relative;
  z-index: 10
}
.as-btn-calypso:hover i,
.as-btn-calypso:hover span {
  animation: MoveScaleUpInitial .3s forwards,MoveScaleUpEnd .3s forwards .3s
}
@keyframes MoveScaleUpInitial {
  to {
    transform: translate3d(0,-105%,0) scale3d(1,2,1);
    opacity: 0
  }
}
@keyframes MoveScaleUpEnd {
  from {
    transform: translate3d(0,100%,0) scale3d(1,2,1);
    opacity: 0
  }
  to {
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
.as-btn-calypso::before {
  content: "";
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  left: -10%;
  border-radius: 50%;
  transform: translate3d(0,68%,0) scale3d(0,0,0)
}
.as-btn-calypso:hover::before {
  transform: translate3d(0,0,0) scale3d(1.2,1.2,1.2);
  transition: transform .4s cubic-bezier(.1, 0, .3, 1)
}
.as-btn-calypso::after {
  content: "";
  transform: translate3d(0,-100%,0);
  transition: transform .4s cubic-bezier(.1, 0, .3, 1)
}
.as-btn-calypso:hover {
  color: #fff!important
}
.as-btn-calypso:hover::after {
  transform: translate3d(0,0,0);
  transition-duration: 50ms;
  transition-delay: 0.4s;
  transition-timing-function: linear
}
.as-contactFrm {
  padding-top: 10px
}
.noprodutctfound .alert {
  margin-bottom: 10px
}
.modal-dialog h3,
.quick-order h2,
.quick-order h3,
.shopping-cart h2,
.shopping-cart h3,
.wishlist h2,
.wishlist h3 {
  font-weight: 700
}
.instacontainer {
  position: relative;
  width: 100%
}
.instaimage {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 0
}
.instaoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000
}
.instacontainer:hover .instaoverlay {
  opacity: .8
}
.instatext {
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center
}
.editing-order.alert.alert-warning.alert-dismissible.alert-fixed {
  border-radius: 0 0 15px 15px!important;
  border-top: none
}
.row.product.brand_4228,
.row.product.brand_57986,
.row.product.hideStockTimer,
.row.product.label_3055,
.row.product.label_3057,
.row.product:has(.fa.fa-recycle) {
  margin-top: 25px;
  margin-right: -30px;
  padding-right: 15px;
  border-radius: 15px
}
.row.product.brand_57986 {
  background-color: #fdffdd;
  border: 3px solid #000!important
}
.row.product:has(.fa.fa-recycle) {
  border: 3px solid var(--asap-green-border)
}
.row.product.brand_4228 {
  border: 3px solid var(--asap-cyan)
}
.row.product.label_3055 {
  background: var(--asap-green-surface)!important;
  border: 3px solid var(--asap-green)!important
}
.row.product.label_3098 {
  background: var(--asap-green-surface)!important;
  border: 3px solid var(--asap-green)!important
}
.row.product.label_3057 {
  border: 3px solid #000
}
.row.product.brand_57986 .imagecontent:after {
  content: "Used";
  background: var(--evo-btn-default-bg-hover);
  color: #000;
  border: 3px solid var(--evo-btn-default-bg-hover);
  position: relative;
  padding: 5px 15px;
  border-radius: 10px;
  top: 0;
  font-size: 16px;
  font-weight: Bold;
  left: 0
}
.row.product.hideStockTimer {
  border: 3px solid var(--asap-red-dark)
}
.row.product.brand_4228:before,
.row.product.brand_57986:before,
.row.product.hideStockTimer:before,
.row.product.label_3055:before,
.row.product.label_3057:before,
.row.product.label_3098:before,
.row.product:has(.fa.fa-recycle):before {
  position: relative;
  padding: 5px 15px;
  border-radius: 10px;
  top: -18px;
  font-size: 16px;
  font-weight: Bold;
  left: 50px
}
.row.product.brand_57986:before {
  content: "\002764\000020Pre-Loved\000020\00267B";
  background: var(--evo-btn-default-bg-hover);
  color: #000;
  border: 3px solid var(--evo-btn-default-bg-hover)
}
.row.product:has(.fa.fa-recycle):before {
  content: "Recycled";
  background: #fff;
  color: var(--asap-green-border);
  border: 3px solid var(--asap-green-border)
}
.row.product.label_3057:before {
  content: "Carbon Neutral";
  background: #000;
  border: 3px solid #000;
  color: #fff
}
.row.product.hideStockTimer:before {
  content: "Find Your Product";
  background: var(--asap-red-dark);
  border: 3px solid var(--asap-red-dark);
  color: #fff
}
.row.product.label_3055:before {
  content: "100% Recycled"!important;
  border: 3px solid var(--asap-green)!important;
  color: var(--asap-green)!important;
  background: var(--asap-green-surface)!important
}
.row.product:has(.fa.fa-recycle).label_3057:before {
  content: "Recycled & Carbon Neutral";
  background: #1a9c02;
  color: #fff
}
.row.product:has(.fa.fa-recycle).label_3098:before {
  content: "100% Recycled & Carbon Neutral";
  background: var(--asap-green);
  color: #fff;
  border: 3px solid var(--asap-green)
}
.row.product.brand_4228:before {
  content: "Plant Based & Compostable";
  background: var(--asap-cyan);
  color: #fff;
  border: 3px solid var(--asap-cyan)
}
.row.product.brand_4228 > .product-row > .product-row,
.row.product.brand_57986 > .product-row,
.row.product.label_3055 > .product-row,
.row.product.label_3057 > .product-row,
.row.product.label_3098 > .product-row,
.row.product:has(.fa.fa-recycle) > .product-row {
  border-bottom: none!important;
  padding-top: 0!important
}
.stock-box {
  background-color: #fff!important
}
.blogfeaturedposts_container .tileparent .post-image,
.bloglatestposts_container .tileparent .post-image,
.blogpostslist_container .tileparent .post-image {
  background-size: contain
}
.as-envelopes-banner,
.as-envelopes-finder,
.ex-blog .as-vegware-finder {
  display: none
}
.ex-blog.ex-postid-12596 .as-envelopes-finder,
.ex-blog.ex-postid-12773 .as-vegware-finder,
.ex-product-finder.ex-title-envelopes .as-envelopes-banner {
  display: block
}
.productfinderwidget .finder-wrapper {
  border: 3px solid var(--evo-brand-default);
  border-radius: 15px;
  margin: 1em 0;
  padding: 1em
}
.productfinderwidget .finder-wrapper hr {
  border-top: 3px solid var(--evo-brand-default);
  border-radius: 15px
}
.form-group.finder-search-button-section > button.btn.btn-default.finder-button,
.productfinderwidget .finder-wrapper .finder-select-wrapper,
.productfinderwidget .selection > span {
  border-radius: 15px!important
}
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-results__option {
  margin: 5px 0;
  border: 1px solid var(--evo-brand-default);
  border-radius: 8px;
  text-align: center
}
.select2-container--default,
.select2-results__option {
  margin-top: 5px
}
.productfinderwidget .finder-wrapper .finder-select-wrapper.dropdown .dropdown-menu a.dropdown-item {
  text-align: center;
  border: 1px solid var(--evo-brand-default);
  border-radius: 8px;
  margin: 5px;
  color: #000
}
.productfinderwidget .finder-wrapper .finder-select-wrapper.dropdown .dropdown-menu a.dropdown-item:hover,
.productfinderwidget.default-styling .finder-wrapper .productfinderform .finder-search-button-section .finder-button {
  background-color: var(--evo-brand-default);
  color: #fff;
  border: 1px solid var(--evo-brand-default)
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  border: none;
  color: var(--evo-brand-default);
  font-size: 14px;
  font-weight: 700;
  text-align: center
}
.productfinderwidget .finder-wrapper .finder-select-wrapper.dropdown .dropdown-menu,
span.select2-dropdown.select2-dropdown--below {
  border-radius: 15px;
  padding: 5px;
  border: 1px solid #aaa
}
@media print {
  .accMsgCart,
  .as-no-print,
  .as-no-print * {
    display: none!important;
    visibility: hidden;
    max-width: 200px
  }
  .industrial_logo.widgetlogo {
    text-align: left;
    left: 0
  }
  .as-max-width {
    max-width: 200px
  }
}
.as-invisible {
  visibility: hidden;
  display: none
}
.blogfeaturedposts_container .post-row .top .post-date {
  display: none
}
body.ex-product-configurable .catalog-single .product-shopping-actions-options-wrapper {
  position: relative;
  margin: 20px 0
}
body.ex-product:not(.ex-product-configurable) .catalog-single .product-shopping-actions-options-wrapper {
  margin: 0
}
.catalog-single .product-shopping-actions-options:before {
  content: "Find your Product";
  color: #fff;
  font-size: 24px;
  text-align: center;
  font-weight: 700;
  width: 100%;
  padding: 12px 20px;
  background-color: var(--evo-brand-default);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 15px 15px 0 0
}
.catalog-single .product-shopping-actions-options {
  position: static;
  padding: 45px 15px 0;
  border-radius: 15px;
  background: var(--asap-panel)
}
body.ex-product .product-options .option-group label {
  font-size: 18px;
  margin: 5px 20px;
  color: #000
}
body.ex-product .product-options .option-group .option-group-swatch label {
  background: #fff;
  box-shadow: 0 0 3px #dfdfdf;
  margin: 5px;
  font-weight: 600;
  font-size: 16px;
  align-items: center;
  border: 2px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  padding: 5px 10px 5px 5px
}
body.ex-product .product-options .option-group .option-group-swatch .swatch {
  margin-right: 8px;
  box-shadow: 0 0 3px #cbcbcb;
  border-radius: 5px
}
body.ex-product .product-options .option-group .option-group-swatch input[checked=true] + label {
  border: 2px solid var(--evo-brand-default)!important;
  background: var(--evo-brand-default);
  color: #fff;
  width: 100%
}
body.ex-product .product-options .option-group-radiobox {
  display: inline-block;
  margin: 1%;
  background-color: #fff;
  border-radius: 15px;
  padding: 5px 15px;
  box-shadow: 0 0 3px #dfdfdf
}
body.ex-product .product-options .option-group .option-group-radiobox label.label-radio {
  font-weight: 600;
  font-size: 16px
}
body.ex-product .product-options .option-group .option-group-swatch:not(.disabled):hover .swatch-preview {
  border-radius: 15px
}
body.ex-product .product-options .option-group .option-group-swatch input + label {
  width: 100%
}
body.ex-product .product-options .option-group {
  margin: 5px
}
body.ex-product.ex-l-3037 .product-options .option-group .option-group-swatch {
  min-width: 25%
}
body.ex-product.ex-l-3038 .product-options .option-group .option-group-swatch {
  min-width: 33.33%
}
body.ex-product.ex-l-3039 .product-options .option-group .option-group-swatch {
  min-width: 50%
}
body.ex-product.ex-l-3040 .product-options .option-group .option-group-swatch {
  min-width: 100%
}
body.ex-product.ex-l-3041 .product-options .option-group-radiobox {
  min-width: 23%
}
body.ex-product.ex-l-3042 .product-options .option-group-radiobox {
  min-width: 31.33%
}
body.ex-product.ex-l-3043 .product-options .option-group-radiobox {
  min-width: 48%
}
body.ex-product.ex-l-3044 .product-options .option-group-radiobox {
  min-width: 98%
}
.btn-outlined {
  border-radius: 8px;
  border: 2px solid var(--evo-brand-default)!important;
  color: var(--evo-brand-default)
}
.as-averylabel {
  font-weight: 600;
  margin: 0
}
.as-averylabel-dis {
  display: none
}
.as-label-btn {
  background-color: green;
  padding: 5px 15px;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  margin: 0 0 8px 0;
  font-weight: 700
}
.as-label-btn:hover {
  cursor: pointer
}
a.as-usaLink {
  display: inline-block;
  margin: 1%;
  background-color: #bf1212;
  color: #fff;
  border-radius: 15px;
  padding: 5px 15px;
  box-shadow: 0 0 3px #dfdfdf
}
.as-usaLink div {
  line-height: normal;
  margin: 4px 0 0;
  box-sizing: border-box;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  margin: 5px 20px;
  color: #fff
}
.blog-post-featured-image {
  z-index: 99
}
p {
  color: var(--asap-ink);
  font-weight: 400;
  line-height: 1.7
}
.as-FAQtab input {
  position: absolute;
  opacity: 0;
  z-index: -1
}
.as-FAQrow {
  display: flex
}
.as-FAQrow .as-FAQcol {
  flex: 1
}
.as-FAQrow .as-FAQcol:last-child {
  margin-left: 1em
}
.as-FAQtabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0,0,0,.5)
}
.as-FAQtab {
  width: 100%;
  color: #fff;
  overflow: hidden
}
.as-FAQtab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: var(--evo-brand-default);
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 0
}
.as-FAQtab-label:hover {
  background: var(--asap-navy-dark)
}
.as-FAQtab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all .35s
}
.as-FAQtab-content {
  max-height: 0;
  padding: 0 1em;
  color: var(--evo-brand-default);
  background: #fff;
  transition: all .35s
}
.as-FAQtab-content h3 {
  margin: 0
}
.as-FAQtab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: .75em;
  background: var(--evo-brand-default);
  cursor: pointer
}
.as-FAQtab-close:hover {
  background: var(--asap-navy-dark)
}
div:has(> input:checked) > .as-FAQtab-label {
  background: var(--asap-navy-dark)
}
div:has(> input:checked) > .as-FAQtab-label::after {
  transform: rotate(90deg)
}
div:has(> input:checked) > .as-FAQtab-content {
  max-height: 100vh;
  padding: 1em
}
.accMsg,
.accMsgCart,
.accMsgProfile {
  display: none
}
.ex-cart.ex-r-1562 .accMsgCart,
.ex-cart.ex-r-1563 .accMsgCart,
.ex-r-1562 .accMsg,
.ex-r-1563 .accMsg,
body:has(.myaccount.users.container) .accMsgProfile {
  display: revert
}
.ex-order .panel-heading {
  background-color: var(--evo-text-col);
  color: #fff;
  border-bottom: none;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 20px
}
.ex-order table.table {
  margin: 0 18px;
  width: -webkit-fill-available
}
.ex-order #orders .panel {
  border-radius: 10px
}
.row.vertical-align:has(#newsletter_status) {
  display: none
}
.blogfeaturedposts_container .blog-posts-list-view .tileparent,
.bloglatestposts_container .blog-posts-list-view .tileparent,
.blogpostslist_container .blog-posts-list-view .tileparent {
  border-radius: 10px;
  padding: 10px 10px;
  margin-bottom: 1em
}
.blogfeaturedposts_container .tileparent .tile,
.bloglatestposts_container .tileparent .tile,
.blogpostslist_container .tileparent .tile {
  border-radius: 10px;
  overflow: hidden
}
.as-btn#as-btn-indigo,
.as-btn#as-btn-indigo-credit {
  background: #a4a3c7
}
#as-btn-indigo-credit.as-btn-calypso::after,
#as-btn-indigo-credit.as-btn-calypso::before,
#as-btn-indigo.as-btn-calypso::after,
#as-btn-indigo.as-btn-calypso::before {
  background: #4a488a
}
.catalog-grid .productsgrid_container .softgraybackground .buttons.group .flex-50 .btn {
  min-width: -webkit-fill-available
}
.flex-buttons {
  width: 100%
}
button#addItemToCart,
button#addItemToCartCollection {
  flex-basis: auto
}
.flex-notes {
  display: none
}
.catalog-single .product-shopping-actions-addtocart input.form-control.qty-list.inputquantity {
  margin-right: 5px
}
.flex-buttons .flex-50.flex-right {
  margin-left: 2.5px;
  flex-grow: initial
}
.flex-buttons .flex-50.flex-left {
  margin-left: 2.5px;
  flex-grow: 1;
  flex-basis: auto
}
.icon-collection::before {
  content: "\e54c"
}
.icon-delivery::before {
  content: "\e558"
}
.icon-collection::before,
.icon-delivery::before {
  font-family: "Material Icons"!important;
  display: inline-block;
  margin-right: 8px;
  font-size: 20px;
  padding: 8px 0;
  position: relative;
  vertical-align: sub
}
.current-branch-banner {
  display: none
}
.badge {
  padding: 10px;
  border-radius: 3px;
  margin-right: 5px
}
.feedbackForm input[type=email],
.feedbackForm input[type=tel],
.feedbackForm input[type=text] {
  height: 3em;
  border-radius: 6px 6px 0 0;
  padding: 0 6px
}
.feedbackForm input[type=radio] {
  width: auto;
  margin: 0 8px
}
.feedbackForm {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 334px;
  background-color: var(--evo-text-col);
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  z-index: 999;
  margin: 0 0 10px 10px
}
.feedbackForm h2 {
  color: #fff;
  font-weight: 800
}
.feedbackForm label {
  font-weight: 500;
  color: #fff;
  font-size: 18px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: auto
}
.feedbackForm input {
  background: 0 0;
  border: none;
  border-bottom: #fff solid 2px;
  color: #fff;
  margin-bottom: 6px;
  width: 100%;
  height: 2em;
  box-sizing: border-box
}
.feedbackForm textarea {
  width: 100%;
  padding: 7px;
  background: 0 0;
  border: #fff solid 2px;
  color: #fff;
  margin: 4px 0;
  border-radius: 8px
}
.feedbackForm input::placeholder,
.feedbackForm textarea::placeholder {
  color: #fff;
  opacity: 1
}
.feedbackForm input:-ms-input-placeholder,
.feedbackForm textarea:-ms-input-placeholder {
  color: #fff
}
.feedbackForm input::-ms-input-placeholder,
.feedbackForm textarea::-ms-input-placeholder {
  color: #fff
}
.feedback-flex-container {
  display: flex;
  flex-wrap: nowrap;
  font-size: 18px;
  text-align: center;
  gap: 5px
}
.feedback-flex-container-ex {
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  text-align: center;
  gap: 5px
}
.feedback-flex-next,
.feedback-flex-prev {
  padding: 10px;
  flex: 50%;
  cursor: pointer;
  border-radius: 8px;
  border: none;
  margin: 10px 0;
  font-weight: 900;
  transition: .5s;
  background-color: #fff
}
.feedback-flex-next:hover,
.feedback-flex-prev:hover {
  background: #65e29e;
  color: #158105
}
@media (max-width:800px) {
  .feedback-flex-next,
  .feedback-flex-prev {
    flex: 100%
  }
}
.feedbackForm .closeButton {
  position: absolute;
  top: 10px;
  right: 10px;
  background: 0 0;
  border: none;
  font-size: 1.5em;
  padding: 0;
  cursor: pointer;
  color: #fff
}
.header-full .menu .additional_links {
  display: flex;
  align-items: center
}
.header-full .menu i.fa.fa-angle-down.dropdown-trigger-al {
  margin: 0
}
.ex-blog .blogsearch_container {
  border-radius: 0 0 15px 15px;
  background: var(--evo-brand-default);
  float: right
}
.ex-blog.ex-post .blogsearch_container {
  margin: -1px 15px 15px 15px
}
.ex-blog .blogsearch_container .search-form {
  background: #fff0
}
.ex-blog .blogSearch h4 {
  color: #fff
}
.ex-blog .blogsearch_container .search-form .form-control {
  border: none
}
.ex-blog.ex-post .desktop .row:has(> .blogsearch_container) {
  display: flex
}
.magnify > .magnify-lens {
  border-radius: 20%
}
.imgthumbnail.imglightbox img {
  border-radius: 12px
}
img.productimagesolo.zoom {
  border-radius: 40px
}
.btn-black {
  background: var(--asap-ink);
  color: #fff;
  border-radius: 5px;
  transition: .4s;
  transition-timing-function: ease
}
.btn-black:hover {
  background: var(--asap-green);
  border-radius: 20px
}
.cart-sidebar .btn.btn-black.to-checkout {
  width: 100%
}
.btn.btn-primary {
  border-radius: 5px
}
.quick-order .cart-sidebar .cart-totals .devider,
.shopping-cart .cart-sidebar .cart-totals .devider,
.wishlist .cart-sidebar .cart-totals .devider {
  border-bottom: 3px solid #fff
}
button.btn.btn-primary.btn-sm.btn-block {
  background: var(--asap-navy-dark);
  font-size: 1.1em
}
button.btn.btn-primary.btn-sm.btn-block:hover {
  background: var(--evo-brand-accent);
  color: var(--evo-brand-default)
}
.btn {
  transition: .3s
}
body:has(.preloved-background) section.zonebottom,
body:has(.preloved-background) section.zonetop {
  margin-bottom: 0;
  margin-top: 0
}
section.catalog-single.desktop:has(.preloved-background) {
  background: var(--evo-btn-default-bg-hover)
}
.catalog-single:has(.preloved-background) .panel.panel-border {
  border-radius: 20px;
  border: 5px solid var(--evo-btn-default-bg-hover)!important;
  border-bottom: none
}
.container.mainproductpagedesktop:has(.preloved-background) {
  margin: 25px auto;
  background: #fffacd;
  outline: 20px solid lemonchiffon;
  border-radius: 15px
}
.catalog-single:has(.preloved-background) .prod-gal .ms-view {
  border-radius: 10px
}
ol#breadcrumb:has(li.preloved-background) li a {
  background-color: var(--evo-btn-default-bg-hover);
  color: #000;
  border: 2px solid #000;
  border-radius: 5px
}
ol#breadcrumb:has(li.preloved-background) {
  padding-top: 10px
}
li.menuitem.pointer.standOut {
  background: var(--evo-btn-default-bg-hover)
}
li.menuitem.pointer.standOut:hover {
  background: #e5ac00
}
li.menuitem.pointer.standOut a {
  color: #000
}
li.menuitem.pointer.standOut2 {
  background: #f23e2e
}
li.menuitem.pointer.standOut2:hover {
  background: #f26666
}
li.menuitem.pointer.standOut2 a {
  color: #08070d
}
span.plTooltip {
  position: relative;
  display: inline;
  background-color: #000000c4;
  color: #fbbf14;
  font-weight: 600;
  border-radius: 6px;
  padding: 10px 20px;
  top: -10px;
  visibility: hidden;
  transition: visibility .2s linear,opacity .2s linear;
  opacity: 0
}
.brand_57986 > .product-row:hover > .plTooltip {
  visibility: visible;
  opacity: 1
}
.as-only-print {
  display: none
}
.quick-order table td.price,
.quick-order table td.qnt-count,
.quick-order table td.total,
.shopping-cart table td.price,
.shopping-cart table td.qnt-count,
.shopping-cart table td.total,
.wishlist table td.price,
.wishlist table td.qnt-count,
.wishlist table td.total {
  padding: 0 5px
}
.quicklistsedit .brand-label img {
  display: none
}
.ngxHomebanner .imageslider_wrapper,
.ngxMultibanner .singlebanner_wrapper {
  margin-bottom: 3px;
  margin-top: 3px
}
section.zonetop {
  margin-bottom: 6px
}
.myaccount .breadcrumb > li a,
.myaccount .breadcrumb > li:last-child:not(:has(a)) {
  background: #fff;
  color: var(--evo-text-col)!important;
  border-radius: 50px;
  padding: 10px 15px
}
.myaccount .myaccount-title .breadcrumb > li {
  padding: 10px 0
}
.breadcrumb > li:last-child::before {
  display: none!important
}
.myaccount .myaccount-title > .row .title-wrapper,
.myaccount .myaccount-title > .row:after,
.myaccount .myaccount-title > .row:before,
.myaccount .myaccount-title h2 i {
  display: inline-block
}
.myaccount .myaccount-title span:not(.card-on-file-btn-text) {
  font-weight: 700;
  color: #fff
}
.row.myaccount-title {
  color: #fff;
  padding: 0 20px!important
}
.myaccount .myaccount-title h2 {
  margin: 6px 0 12px
}
.myaccount-title .breadcrumb {
  padding: 10px 0
}
.col-md-6.col-sm-6.myaccount-grid-title {
  height: auto;
  padding: 0;
  margin: 2px 0 0!important
}
.myaccount .vertical-align:not(.fix-align) .title-tools {
  align-items: center
}
.myaccountdashboard_container {
  width: calc(100% + 8px);
  padding: 0 7px
}
.myaccount.users .grid.simple.ui-resizable,
.myaccountdashboard_container .grid.simple.ui-resizable {
  background: var(--evo-text-col);
  border: none;
  border-radius: 8px;
  margin: 8px
}
.myaccount.users .grid.simple.ui-resizable .grid-body,
.myaccountdashboard_container .grid.simple.ui-resizable .grid-body {
  background: #fff;
  border-radius: 8px;
  border: none
}
.myaccount.users .grid.simple.ui-resizable .cdash-icon,
.myaccountdashboard_container .grid.simple.ui-resizable .cdash-icon {
  display: inline-block;
  background: #fff;
  border-radius: 5px;
  margin-right: 8px
}
.myaccount.users .grid.simple.ui-resizable .grid-title h3,
.myaccountdashboard_container .grid.simple.ui-resizable .grid-title h3 {
  font-weight: 700
}
.myaccount.users .grid.simple.ui-resizable .grid-title .tools i,
.myaccountdashboard_container .grid.simple.ui-resizable .grid-title .tools i {
  color: #fff
}
.myaccount.users .grid.simple.ui-resizable[data-expanded=true] .grid-body .user-info-name,
.myaccountdashboard_container .grid.simple.ui-resizable[data-expanded=true] .grid-body .user-info-name {
  font-weight: 600;
  font-size: 16px
}
.myaccount.users .grid.simple.ui-resizable .grid-footer,
.myaccountdashboard_container .grid.simple.ui-resizable .grid-footer {
  padding: 0 10px 10px;
  color: var(--evo-brand-default)
}
.myaccount.users .grid.simple.ui-resizable .row,
.myaccountdashboard_container .grid.simple.ui-resizable .row {
  margin: 0
}
ul.dashboard-sortable.sortable.ui-sortable.col-md-12 {
  margin-top: 0
}
.sortable .half-width {
  width: calc(50% - 20px)
}
.sortable .full-width {
  width: calc(100% - 24px)
}
.htmlcontent_container:has(.accMsg) {
  padding: 5px
}
#cdash_approverorders .table tbody tr,
#cdash_myrecentorders .table tbody tr,
#cdash_payments .table tbody tr,
#cdash_savebaskets .table tbody tr {
  border-radius: 8px
}
#cdash_approverorders .table tbody tr:hover,
#cdash_myrecentorders .table tbody tr:hover,
#cdash_payments .table tbody tr:hover,
#cdash_savebaskets .table tbody tr:hover {
  border-radius: 8px
}
#cdash_address div.col-sm-6 {
  padding: 5px
}
#cdash_address .with-padding-trl {
  border-radius: 8px
}
#cdash_address h4.text-muted {
  font-weight: 700;
  color: var(--evo-brand-default)!important
}
#cdash_approverorders .btn,
#cdash_myrecentorders .btn,
#cdash_payments .btn,
#cdash_savebaskets .btn {
  border-radius: 5px
}
#cdash_myinfo .user-details > .row > * {
  color: var(--evo-brand-default);
  font-weight: 600;
  font-size: 14px
}
#cdash_myinfo .user-details {
  border-radius: 8px;
  background: var(--evo-brand-accent)
}
.myaccount.users .grid.simple.ui-resizable .grid-footer a,
.myaccountdashboard_container .grid.simple.ui-resizable .grid-footer a {
  color: var(--evo-brand-default)
}
#cdash_approverorders .table thead,
#cdash_approverorders.half-width .table tbody tr td[data-title=STATUS],
#cdash_myrecentorders .table thead,
#cdash_myrecentorders.half-width .table tbody tr td[data-title=STATUS],
#cdash_payments .table thead,
#cdash_payments.half-width .table tbody tr td[data-title=STATUS],
#cdash_savebaskets .table thead,
#cdash_savebaskets.half-width .table tbody tr td[data-title=STATUS] {
  display: table-header-group;
  color: var(--evo-brand-default);
  background: var(--evo-brand-accent)
}
.myaccount.users .grid.simple.ui-resizable .table > thead > tr > th,
.myaccountdashboard_container .grid.simple.ui-resizable .table > thead > tr > th {
  padding: 4px 8px;
  background: var(--evo-brand-accent);
  color: var(--evo-brand-default);
  border: none
}
.myaccount.users .grid.simple.ui-resizable .table > thead > tr > th:first-child,
.myaccountdashboard_container .grid.simple.ui-resizable .table > thead > tr > th:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}
.myaccount.users .grid.simple.ui-resizable .table > thead > tr > th:last-child,
.myaccountdashboard_container .grid.simple.ui-resizable .table > thead > tr > th:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
}
#cdash_approverorders .grid-body,
#cdash_myrecentorders .grid-body {
  max-height: unset!important
}
.myaccount #details #userformedit .left-details,
.myaccount #details #userformedit .right-details {
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 0 3px 3px rgba(16,24,40,.051)
}
.myaccount #details #userformedit .right-details {
  margin: 5px 15px 15px 7.5px;
  width: calc(41.66666667% - 22.5px)
}
.myaccount #details #userformedit .left-details {
  margin: 5px 7.5px 15px 15px;
  width: calc(58.33333333% - 22.5px);
  background: var(--evo-text-col)
}
.myaccount #details #userformedit .left-details > .row > :last-child {
  background: #fff;
  border-radius: 8px;
  padding: 15px;
  width: calc(50% - 15px)
}
.myaccount #details #userformedit .file-preview {
  border-radius: 8px
}
.myaccount #details #userformedit h3,
.myaccount #details #userformedit h4,
.myaccount #details #userformedit label.text-muted {
  color: var(--evo-brand-default)!important;
  font-weight: 700
}
.myaccount .switch span {
  color: var(--evo-brand-default)!important;
  font-weight: 700
}
.myaccount #details #userformedit h3.dashboard-title {
  margin: 5px 0
}
@media only screen and (max-width:992px) {
  .myaccount-title .breadcrumb {
    padding: 10px 0 0 0
  }
  .myaccount #details #userformedit .left-details > .row > :last-child {
    margin-top: 15px;
    width: calc(100% - 30px);
    margin: 15px
  }
  .myaccount #details #userformedit .left-details {
    width: calc(100% - 30px)
  }
  .myaccount #details #userformedit .right-details {
    width: calc(100% - 30px);
    margin: 5px 7.5px 15px 15px
  }
}
.myaccount .nav-title li a {
  background: #fff;
  border: none!important;
  font-weight: 700
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) {
  background: #fff;
  border: 1px solid rgba(35,64,143,.18);
  border-radius: 6px;
  padding: 12px;
  margin: 14px 0;
  box-shadow: 0 8px 20px rgba(0,0,0,.06)
}
.ex-product .productsrelated_container .catalog-single.productsrelated.has-grid > h3,
.ex-product .productsrelated_container .relationship-carousel .sidebar-content > h3 {
  margin: 0 0 14px;
  padding: 14px 12px;
  border-radius: 6px;
  background: var(--evo-brand-default);
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: .2px
}
.ex-product .productsrelated_container .catalog-single.productsrelated.has-grid > .griditems,
.ex-product .productsrelated_container .relationship-carousel .inner {
  padding: 2px 2px 0
}
.ex-product .productsrelated_container .catalog-single.productsrelated.has-grid > .griditems {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch
}
.ex-product .productsrelated_container .catalog-single.productsrelated.has-grid > .griditems::after,
.ex-product .productsrelated_container .catalog-single.productsrelated.has-grid > .griditems::before {
  display: none
}
.ex-product .productsrelated_container .catalog-single.productsrelated.has-grid > .griditems > .tileparent {
  float: none;
  display: flex;
  width: 25%;
  padding: 0 12px;
  margin: 0 0 18px;
  border-left: 1px solid #edf0f5
}
.ex-product .productsrelated_container .catalog-single.productsrelated.has-grid > .griditems > .tileparent:nth-child(4n+1) {
  border-left: 0
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .brand-label {
  display: none!important
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile {
  width: 100%!important;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  border: 0!important;
  font-size: 14px;
  line-height: 1.4;
  background: #fff
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .product-tile-image,
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .product-tile-image .text-center {
  display: block;
  width: 100%
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .image-wrapper,
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .imgthumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 175px;
  margin: 0 0 8px
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .image-wrapper img,
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .imgthumbnail img {
  width: auto;
  max-width: 100%;
  max-height: 165px!important;
  object-fit: contain
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 12px 10px 14px;
  text-align: left!important
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer,
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer * {
  font-family: inherit!important
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer .footer-wrapper {
  flex: 1 1 auto;
  height: auto!important;
  min-height: 0!important;
  display: flex;
  flex-direction: column
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer-wrapper-description {
  flex: 0 0 auto
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .product-name a {
  display: -webkit-box;
  min-height: calc(1.25em * 2);
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #2d79c7;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .product-name a:hover {
  color: var(--evo-brand-default)
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .product-sku {
  margin-top: 8px;
  font-size: 14px!important;
  line-height: 1.35;
  font-weight: 500!important;
  color: #2f2f2f!important;
  text-align: left!important
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .product-sku b,
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .product-sku strong {
  font-weight: 700!important;
  color: #2a2a2a!important
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer-wrapper-price {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "price uom" "inc inc" "rrp rrp";
  column-gap: 8px;
  row-gap: 6px;
  align-items: baseline;
  color: var(--asap-grey-dark);
  font-size: 14px!important;
  line-height: 1.35
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer-wrapper-price .price-label {
  grid-area: price;
  display: inline-flex!important;
  align-items: baseline;
  justify-self: start;
  width: fit-content!important;
  color: var(--evo-brand-default)!important;
  font-size: 24px!important;
  font-weight: 800!important;
  line-height: 1.05
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer-wrapper-price .price-label::after {
  content: " ex VAT";
  margin-left: 8px!important;
  white-space: nowrap;
  color: var(--asap-grey-dark)!important;
  font-size: 14px!important;
  font-weight: 600!important
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer-wrapper-price .uomblock {
  grid-area: uom;
  justify-self: end;
  margin: 0;
  color: var(--asap-grey-dark)!important;
  font-size: 14px!important;
  font-weight: 600!important;
  white-space: nowrap
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer-wrapper-price .uomblock .uomvalue {
  color: inherit!important;
  font: inherit!important
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer-wrapper-price .price-label-inc-vat {
  grid-area: inc;
  margin: 0;
  color: var(--asap-grey-dark)!important;
  font-size: 14px!important;
  font-weight: 500!important
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer-wrapper-price .price-label-inc-vat .has-vat-price {
  display: block;
  color: var(--evo-brand-default)!important;
  font-size: 16px!important;
  font-weight: 800!important
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer-wrapper-price .rrp {
  grid-area: rrp;
  margin: 0;
  color: #6a6a6a!important;
  font-size: 14px!important;
  font-weight: 500!important;
  text-align: right
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer-wrapper-price .rrp > span {
  display: inline-block;
  width: max-content;
  margin-right: 0;
  padding-bottom: 2px;
  color: #6a6a6a!important;
  font-size: 14px!important;
  font-weight: 500!important;
  text-align: right
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer-wrapper-price .rrp .has-rrp-price {
  font-weight: 600!important
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .footer-wrapper-price .label.save {
  margin: 0;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 800
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .buttons.group {
  display: none
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .product-compare-action {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #eceff3;
  color: #2d79c7;
  font-size: 14px;
  line-height: 1.4
}
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile a:focus-visible,
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile button:focus-visible,
.ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile input:focus-visible {
  outline: 3px solid rgba(35,64,143,.35);
  outline-offset: 3px;
  border-radius: 6px
}
@media only screen and (max-width:991px) {
  .ex-product .productsrelated_container .catalog-single.productsrelated.has-grid > .griditems > .tileparent {
    width: 50%
  }
  .ex-product .productsrelated_container .catalog-single.productsrelated.has-grid > .griditems > .tileparent:nth-child(4n+1) {
    border-left: 1px solid #edf0f5
  }
  .ex-product .productsrelated_container .catalog-single.productsrelated.has-grid > .griditems > .tileparent:nth-child(odd) {
    border-left: 0!important
  }
}
@media only screen and (max-width:600px) {
  .ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) {
    padding: 10px
  }
  .ex-product .productsrelated_container .catalog-single.productsrelated.has-grid > .griditems > .tileparent {
    width: 100%;
    border-left: 0!important
  }
  .ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .image-wrapper,
  .ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .imgthumbnail {
    min-height: 150px
  }
  .ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .image-wrapper img,
  .ex-product .productsrelated_container .catalog-single.productsrelated:is(.has-grid,.has-carousel) .tile .imgthumbnail img {
    max-height: 140px!important
  }
}
.ex-product-finder .stock-container,
.ex-product-finder .timer-container {
  display: none!important
}
#quote-product-list-modal .modal-dialog {
  width: min(940px,calc(100% - 30px));
  margin: 24px auto
}
#quote-product-list-modal .modal-content {
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(18,35,64,.28)
}
#quote-product-list-modal .modal-header {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 24px;
  align-items: center;
  min-height: 86px;
  padding: 18px 18px 18px 76px;
  border: 0;
  background: linear-gradient(135deg,var(--evo-brand-default),var(--evo-text-col));
  color: #fff;
  font-size: 0
}
#quote-product-list-modal .modal-header::before {
  content: "Request a Quote";
  grid-column: 1;
  grid-row: 1;
  display: block;
  font-family: Lato,"Open Sans",sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .1px
}
#quote-product-list-modal .modal-header::after {
  content: "Check the item and quantity, then confirm your details.";
  grid-column: 1;
  grid-row: 2;
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  font-weight: 500
}
#quote-product-list-modal .modal-header .close {
  position: static;
  grid-column: 2;
  grid-row: 1/span 2;
  align-self: center;
  justify-self: end;
  float: none;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: rgba(255,255,255,.96);
  color: var(--evo-brand-default);
  opacity: 1;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
  box-shadow: 0 5px 14px rgba(10,28,61,.18);
  transform: none;
  transition: background .2s ease,color .2s ease,box-shadow .2s ease
}
#quote-product-list-modal .modal-header .close::before {
  content: "\f00d";
  display: block;
  font-family: FontAwesome;
  font-size: 19px;
  font-weight: 400;
  line-height: 1
}
#quote-product-list-modal .modal-header .close span {
  display: none
}
#quote-product-list-modal .modal-header .close:focus,
#quote-product-list-modal .modal-header .close:hover {
  background: var(--evo-btn-default-bg-hover);
  color: var(--asap-ink-dark);
  transform: none;
  box-shadow: 0 7px 18px rgba(10,28,61,.22);
  outline: 0
}
#quote-product-list-modal .modal-header .close:active {
  transform: none;
  box-shadow: 0 3px 9px rgba(10,28,61,.18)
}
#quote-product-list-modal .modal-header .close:focus-visible {
  outline: 3px solid rgba(255,255,255,.65);
  outline-offset: 3px
}
#quote-product-list-modal .modal-body {
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  padding: 18px;
  background: var(--asap-surface)
}
#quote-product-list-modal .modal-body > .panel-group {
  margin: 0 0 12px
}
#quote-product-list-modal .panel-group .panel.panel-border {
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--asap-line);
  border-left: 4px solid var(--evo-brand-default);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(25,47,83,.06)
}
#quote-product-list-modal .panel-group .panel-heading {
  position: relative;
  min-height: 58px;
  padding: 0;
  border: 0;
  background: #fff;
  cursor: pointer
}
#quote-product-list-modal .panel-group .panel-heading:hover {
  background: #f8faff
}
#quote-product-list-modal .panel-group .panel-heading h3 {
  display: flex;
  align-items: center;
  min-height: 58px;
  margin: 0;
  padding: 13px 54px 13px 18px;
  color: var(--asap-ink);
  font-family: Lato,"Open Sans",sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2
}
#quote-product-list-modal .panel-group .panel-heading h3::before {
  display: inline-grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  margin-right: 12px;
  border-radius: 9px;
  background: #e9eef9;
  color: var(--evo-brand-default);
  font-family: FontAwesome;
  font-size: 15px;
  font-weight: 400
}
#quote-product-list-modal .panel-heading:not([data-target]) h3::before {
  content: "\f03a"
}
#quote-product-list-modal .panel-heading[data-target=".collapseDetails"] h3::before {
  content: "\f007"
}
#quote-product-list-modal .panel-heading[data-target=".collapseAddresses"] h3::before {
  content: "\f041"
}
#quote-product-list-modal .panel-heading[data-target=".collapseNotes"] h3::before {
  content: "\f040"
}
#quote-product-list-modal .panel-group .panel-heading h3::after {
  content: "\f078";
  position: absolute;
  top: 50%;
  right: 20px;
  color: #7b8797;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 400;
  transform: translateY(-50%);
  transition: transform .2s ease
}
#quote-product-list-modal .panel-group .panel-heading.collapsed h3::after {
  transform: translateY(-50%) rotate(-90deg)
}
#quote-product-list-modal .panel-group .panel-body {
  padding: 0 16px 16px;
  border: 0;
  background: #fff
}
#quote-product-list-modal .panel-group .panel-collapse > .row,
#quote-product-list-modal .panel-group .quotemegroupform > .row {
  margin-left: -7px;
  margin-right: -7px
}
#quote-product-list-modal .panel-group .quotemegroupform [class*=col-] {
  padding-left: 7px;
  padding-right: 7px
}
#quote-product-list-modal #quote-product-list {
  width: 100%;
  margin: 0;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0
}
#quote-product-list-modal #quote-product-list :is(th,td)[name=image] {
  width: 9%
}
#quote-product-list-modal #quote-product-list :is(th,td)[name=desc] {
  width: 55%
}
#quote-product-list-modal #quote-product-list :is(th,td)[name=code] {
  width: 18%
}
#quote-product-list-modal #quote-product-list :is(th,td)[name=qty] {
  width: 18%
}
#quote-product-list-modal #quote-product-list thead th {
  padding: 10px 9px;
  border-top: 1px solid var(--asap-line);
  border-bottom: 1px solid var(--asap-line);
  background: #f7f9fc;
  color: #5c6879;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .2px;
  text-transform: uppercase
}
#quote-product-list-modal #quote-product-list thead th:first-child {
  border-left: 1px solid var(--asap-line);
  border-radius: 8px 0 0 8px
}
#quote-product-list-modal #quote-product-list thead th:last-child {
  border-right: 1px solid var(--asap-line);
  border-radius: 0 8px 8px 0
}
#quote-product-list-modal #quote-product-list tbody td {
  padding: 13px 9px;
  border-top: 0;
  border-bottom: 1px solid #edf1f5;
  color: var(--asap-ink);
  font-size: 13px;
  vertical-align: middle
}
#quote-product-list-modal #quote-product-list tbody tr:last-child td {
  border-bottom: 0
}
#quote-product-list-modal #quote-product-list td[name=image] img {
  display: block;
  width: 56px;
  height: 56px;
  margin: auto;
  object-fit: contain;
  border: 1px solid #e7ecf2;
  border-radius: 8px;
  background: #fff
}
#quote-product-list-modal #quote-product-list td[name=desc] .inner {
  color: #263140;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.45
}
#quote-product-list-modal #quote-product-list td[name=code] .inner {
  display: inline-block;
  padding: 5px 8px;
  border-radius: 6px;
  background: #eef3fc;
  color: var(--evo-brand-default);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2
}
#quote-product-list-modal #quote-product-list td[name=code] .mobile {
  display: none
}
#quote-product-list-modal #quote-product-list td[name=qty] > .inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 40px;
  gap: 8px
}
#quote-product-list-modal #quote-product-list .qnt-count {
  display: grid;
  flex: 0 0 112px;
  grid-template-columns: 36px 40px 36px;
  align-items: stretch;
  width: 112px;
  height: 40px;
  overflow: hidden;
  border: 1px solid var(--asap-line-strong);
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(35,64,143,.08);
  box-sizing: border-box
}
#quote-product-list-modal #quote-product-list .qnt-count .incr-btn {
  position: relative;
  float: none;
  display: block;
  width: 36px;
  min-width: 36px;
  height: 38px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--evo-brand-default);
  color: #fff;
  font-size: 0;
  line-height: 0;
  text-align: center;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  transition: background .2s ease,color .2s ease,box-shadow .2s ease
}
#quote-product-list-modal #quote-product-list .qnt-count .incr-btn::after,
#quote-product-list-modal #quote-product-list .qnt-count .incr-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border-radius: 2px;
  background: currentColor;
  transform: translate(-50%,-50%)
}
#quote-product-list-modal #quote-product-list .qnt-count .incr-btn::before {
  width: 12px;
  height: 2px
}
#quote-product-list-modal #quote-product-list .qnt-count .incr-btn:last-child::after {
  width: 2px;
  height: 12px
}
#quote-product-list-modal #quote-product-list .qnt-count .incr-btn:focus,
#quote-product-list-modal #quote-product-list .qnt-count .incr-btn:hover {
  background: var(--evo-btn-default-bg-hover);
  color: var(--asap-ink-dark);
  outline: 0
}
#quote-product-list-modal #quote-product-list .qnt-count .incr-btn:active {
  background: #e6ab19;
  color: var(--asap-ink-dark);
  transform: none
}
#quote-product-list-modal #quote-product-list .qnt-count input {
  display: block;
  width: 40px;
  min-width: 40px;
  height: 38px;
  margin: 0;
  padding: 0 3px;
  border: 0;
  border-right: 1px solid var(--asap-line-strong);
  border-left: 1px solid var(--asap-line-strong);
  border-radius: 0;
  color: var(--asap-ink);
  background: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 38px;
  text-align: center;
  vertical-align: middle;
  outline: 0;
  box-sizing: border-box
}
#quote-product-list-modal #quote-product-list td[name=qty] a {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #ad3541;
  background: #fff0f1;
  text-decoration: none;
  transition: background .2s ease,color .2s ease
}
#quote-product-list-modal #quote-product-list td[name=qty] a:focus,
#quote-product-list-modal #quote-product-list td[name=qty] a:hover {
  background: #ad3541;
  color: #fff;
  outline: 0
}
#quote-product-list-modal .collapseItems > .row:last-child {
  margin: 8px 0 0!important
}
#quote-product-list-modal .collapseItems > .row:last-child a {
  display: inline-block;
  width: auto!important;
  padding: 7px 12px;
  border-radius: 7px;
  color: #9d3440;
  background: #fff1f2;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none
}
#quote-product-list-modal .collapseItems > .row:last-child a:hover {
  color: #fff;
  background: #9d3440
}
#quote-product-list-modal .quotemegroupform .form-group {
  margin-bottom: 14px
}
#quote-product-list-modal .quotemegroupform .form-control,
#quote-product-list-modal .select2-container--default .select2-selection--single {
  height: 46px;
  border: 1px solid #cbd5e2;
  border-radius: 8px;
  background: #fff;
  color: var(--asap-ink);
  font-size: 14px;
  box-shadow: none;
  transition: border-color .2s ease,box-shadow .2s ease
}
#quote-product-list-modal .quotemegroupform input.form-control {
  padding: 10px 13px
}
#quote-product-list-modal .quotemegroupform textarea.form-control {
  min-height: 118px;
  height: auto;
  padding: 12px 13px;
  resize: vertical
}
#quote-product-list-modal .quotemegroupform .form-control:focus,
#quote-product-list-modal .select2-container--default.select2-container--focus .select2-selection--single,
#quote-product-list-modal .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--evo-text-col);
  box-shadow: 0 0 0 3px rgba(49,124,197,.14);
  outline: 0
}
#quote-product-list-modal .quotemegroupform .form-control::placeholder {
  color: #8993a2;
  opacity: 1
}
#quote-product-list-modal .select2-container {
  width: 100%!important
}
#quote-product-list-modal .quote_address .select2-selection--single {
  position: relative;
  height: 50px;
  overflow: hidden;
  border: 1px solid #bfcbd9;
  border-radius: 10px;
  background: #fff
}
#quote-product-list-modal .quote_address .select2-selection--single::before {
  content: "\f041";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 46px;
  background: #eef3fc;
  color: var(--evo-brand-default);
  font-family: FontAwesome;
  font-size: 17px
}
#quote-product-list-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 48px;
  padding: 13px 54px 12px 58px;
  color: var(--asap-ink);
  font-weight: 600;
  line-height: 23px
}
#quote-product-list-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 0;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-left: 1px solid rgba(255,255,255,.2);
  border-radius: 0 9px 9px 0;
  background: var(--evo-brand-default);
  color: #fff;
  transition: background .2s ease,color .2s ease
}
#quote-product-list-modal .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none
}
#quote-product-list-modal .select2-container--default .select2-selection--single .select2-selection__arrow::before {
  content: "\f078";
  font-family: FontAwesome;
  font-size: 13px;
  transition: transform .2s ease
}
#quote-product-list-modal .select2-container--default.select2-container--open .select2-selection__arrow {
  background: var(--evo-btn-default-bg-hover);
  color: var(--asap-ink-dark)
}
#quote-product-list-modal .select2-container--default.select2-container--open .select2-selection__arrow::before {
  transform: rotate(180deg)
}
body.modal-open .select2-container--open .select2-dropdown {
  overflow: hidden;
  padding: 8px;
  border: 1px solid #cbd5e2;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(18,35,64,.2)
}
body.modal-open .select2-container--open .select2-search--dropdown {
  padding: 0 0 8px
}
body.modal-open .select2-container--open .select2-search--dropdown .select2-search__field {
  height: 40px;
  margin: 0;
  padding: 8px 11px;
  border: 1px solid var(--asap-line-strong);
  border-radius: 8px;
  background: #f9fbfd;
  color: var(--asap-ink);
  text-align: left;
  outline: 0
}
body.modal-open .select2-container--open .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--evo-text-col);
  box-shadow: 0 0 0 3px rgba(49,124,197,.14)
}
body.modal-open .select2-container--open .select2-results__options {
  max-height: 240px;
  padding-right: 2px
}
body.modal-open .select2-container--open .select2-results__option {
  margin: 2px 0;
  padding: 10px 12px;
  border: 0;
  border-radius: 7px;
  color: #334155;
  background: #fff;
  font-size: 13px;
  line-height: 1.35;
  text-align: left
}
body.modal-open .select2-container--open .select2-results__option[aria-selected=true] {
  background: #eef3fc;
  color: var(--evo-brand-default);
  font-weight: 700
}
body.modal-open .select2-container--open .select2-results__option--highlighted[aria-selected] {
  background: var(--evo-brand-default);
  color: #fff
}
body.modal-open .select2-container--open .select2-results__option:first-child[aria-selected=true] {
  display: none
}
#quote-product-list-modal #quote_submit {
  display: block;
  width: 100%;
  min-height: 50px;
  margin: 4px 0 0;
  padding: 13px 20px;
  border: 0;
  border-radius: 10px;
  background: var(--evo-brand-default);
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  box-shadow: 0 6px 14px rgba(35,64,143,.2);
  transition: background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease
}
#quote-product-list-modal #quote_submit:focus,
#quote-product-list-modal #quote_submit:hover {
  border-radius: 10px;
  background: var(--evo-btn-default-bg-hover);
  color: var(--asap-ink-dark);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(35,64,143,.22);
  outline: 0
}
#quote-product-list-modal #quote_submit:active {
  transform: translateY(0)
}
@media (max-width:767px) {
  #quote-product-list-modal .modal-dialog {
    width: calc(100% - 16px);
    margin: 8px auto
  }
  #quote-product-list-modal .modal-content {
    border-radius: 12px
  }
  #quote-product-list-modal .modal-header {
    grid-template-columns: minmax(0,1fr) 40px;
    column-gap: 14px;
    min-height: 78px;
    padding: 16px 14px 15px 18px
  }
  #quote-product-list-modal .modal-header::before {
    font-size: 21px
  }
  #quote-product-list-modal .modal-header::after {
    max-width: 270px;
    font-size: 12px
  }
  #quote-product-list-modal .modal-header .close {
    position: static;
    width: 40px;
    height: 40px;
    border-radius: 10px
  }
  #quote-product-list-modal .modal-body {
    max-height: calc(100vh - 100px);
    padding: 10px
  }
  #quote-product-list-modal .panel-group .panel-heading h3 {
    min-height: 54px;
    padding: 10px 46px 10px 12px;
    font-size: 17px
  }
  #quote-product-list-modal .panel-group .panel-heading h3::before {
    flex-basis: 31px;
    width: 31px;
    height: 31px;
    margin-right: 9px;
    border-radius: 8px
  }
  #quote-product-list-modal .panel-group .panel-body {
    padding: 0 10px 12px
  }
  #quote-product-list-modal #quote-product-list thead {
    display: none
  }
  #quote-product-list-modal #quote-product-list,
  #quote-product-list-modal #quote-product-list tbody,
  #quote-product-list-modal #quote-product-list td,
  #quote-product-list-modal #quote-product-list tr {
    display: block;
    width: 100%
  }
  #quote-product-list-modal #quote-product-list tbody tr {
    display: grid;
    grid-template-columns: 66px minmax(0,1fr);
    gap: 4px 10px;
    padding: 10px 0;
    border-bottom: 1px solid #edf1f5
  }
  #quote-product-list-modal #quote-product-list tbody td {
    padding: 0;
    border: 0
  }
  #quote-product-list-modal #quote-product-list td[name=image] {
    grid-row: 1/span 3;
    grid-column: 1
  }
  #quote-product-list-modal #quote-product-list td[name=image] img {
    width: 58px;
    height: 58px
  }
  #quote-product-list-modal #quote-product-list td[name=code],
  #quote-product-list-modal #quote-product-list td[name=desc],
  #quote-product-list-modal #quote-product-list td[name=qty] {
    grid-column: 2
  }
  #quote-product-list-modal #quote-product-list td[name=qty] > .inner {
    justify-content: flex-start;
    margin-top: 4px
  }
  #quote-product-list-modal .quotemegroupform .form-control,
  #quote-product-list-modal .select2-container--default .select2-selection--single {
    height: 44px
  }
  #quote-product-list-modal #quote_submit {
    min-height: 48px;
    position: sticky;
    bottom: 0;
    z-index: 2
  }
}
.row.product.label_5143 {
  margin-top: 25px;
  margin-right: -30px;
  padding-right: 15px;
  border: 3px solid var(--evo-brand-default)!important;
  border-radius: 15px;
  background: #f4f7ff!important
}
.row.product.label_5143::before {
  content: "CO\002082\000020Compensated";
  position: relative;
  z-index: 2;
  display: inline-block;
  width: auto;
  padding: 5px 15px;
  border: 3px solid var(--evo-brand-default);
  border-radius: 10px;
  top: -18px;
  left: 50px;
  background: var(--evo-brand-default);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25
}
.row.product.label_5143 > .product-row {
  border-bottom: none!important;
  padding-top: 0!important
}
.row.product.label_3055::before {
  content: "100% Recycled"!important
}
.row.product.label_3055.label_5143 {
  border-color: var(--asap-green)!important;
  background: var(--asap-green-surface)!important
}
.row.product.label_3055.label_5143::before {
  content: "100% Recycled & CO\002082\000020Compensated"!important;
  border-color: var(--asap-green)!important;
  background: var(--asap-green)!important;
  color: #fff!important
}
.row.product:has(.fa.fa-recycle).label_5143:not(.label_3055)::before {
  content: "Recycled & CO\002082\000020Compensated";
  border-color: #1a9c02;
  background: #1a9c02;
  color: #fff
}
.row.product.label_3055.label_3057::before {
  content: "100% Recycled & Carbon Neutral"!important;
  border-color: var(--asap-green)!important;
  background: var(--asap-green)!important;
  color: #fff!important
}
@media only screen and (max-width:767px) {
  .row.product.label_5143 {
    margin-right: 0;
    padding-right: 0
  }
  .row.product.label_5143::before {
    left: 15px;
    max-width: calc(100% - 30px);
    white-space: normal
  }
}
.row.product.label_5145:not(.brand_57986):not(.hideStockTimer) {
  margin-top: 25px;
  margin-right: -30px;
  padding-right: 15px;
  border: 3px solid #d89b00!important;
  border-radius: 15px;
  background: #fff9e8!important
}
.row.product.label_5145:not(.brand_57986):not(.hideStockTimer)::before {
  content: "Recycled Packaging";
  position: relative;
  z-index: 2;
  display: inline-block;
  box-sizing: border-box;
  width: auto;
  max-width: calc(100% - 100px);
  padding: 5px 15px;
  border: 3px solid #d89b00;
  border-radius: 10px;
  top: -18px;
  left: 50px;
  background: var(--evo-btn-default-bg-hover);
  color: var(--asap-ink);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  white-space: normal
}
.row.product.label_5145 > .product-row {
  border-bottom: none!important;
  padding-top: 0!important
}
.row.product:has(.fa.fa-recycle).label_5145:not(.label_3055):not(.label_3057):not(.label_5143):not(.brand_57986):not(
.hideStockTimer
) {
  border-color: var(--asap-green-border)!important;
  background: var(--asap-green-surface)!important
}
.row.product:has(.fa.fa-recycle).label_5145:not(.label_3055):not(.label_3057):not(.label_5143):not(.brand_57986):not(
.hideStockTimer
)::before {
  content: "Recycled Product & Packaging";
  border-color: var(--asap-green-border)!important;
  background: var(--asap-green-border)!important;
  color: #fff!important
}
.row.product.label_3055.label_5145:not(.label_3057):not(.label_5143):not(.brand_57986):not(.hideStockTimer) {
  border-color: var(--asap-green)!important;
  background: var(--asap-green-surface)!important
}
.row.product.label_3055.label_5145:not(.label_3057):not(.label_5143):not(.brand_57986):not(.hideStockTimer)::before {
  content: "100% Recycled Product & Packaging"!important;
  border-color: var(--asap-green)!important;
  background: var(--asap-green)!important;
  color: #fff!important
}
.row.product.label_3057.label_5145:not(.label_3055):not(.label_5143):not(.brand_57986):not(.hideStockTimer) {
  border-color: #000!important;
  background: #f5f5f5!important
}
.row.product.label_3057.label_5145:not(.label_3055):not(.label_5143):not(.brand_57986):not(.hideStockTimer)::before {
  content: "Carbon Neutral\000020\002022\000020Recycled Packaging"!important;
  border-color: var(--evo-btn-default-bg-hover)!important;
  background: #000!important;
  color: #fff!important
}
.row.product.label_5143.label_5145:not(.label_3055):not(.label_3057):not(.brand_57986):not(.hideStockTimer) {
  border-color: var(--evo-brand-default)!important;
  background: #f4f7ff!important
}
.row.product.label_5143.label_5145:not(.label_3055):not(.label_3057):not(.brand_57986):not(.hideStockTimer)::before {
  content: "CO\002082\000020Compensated\000020\002022\000020Recycled Packaging"!important;
  border-color: var(--evo-btn-default-bg-hover)!important;
  background: var(--evo-brand-default)!important;
  color: #fff!important
}
.row.product.label_3055.label_5143.label_5145:not(.label_3057):not(.brand_57986):not(.hideStockTimer) {
  border-color: var(--asap-green)!important;
  background: var(--asap-green-surface)!important
}
.row.product.label_3055.label_5143.label_5145:not(.label_3057):not(.brand_57986):not(.hideStockTimer)::before {
  content: "100% Recycled\000020\002022\000020CO\002082\000020Compensated\000020\002022\000020Recycled Packaging"!important;
  border-color: var(--asap-green)!important;
  background: var(--asap-green)!important;
  color: #fff!important
}
.row.product.label_3055.label_3057.label_5145:not(.label_5143):not(.brand_57986):not(.hideStockTimer) {
  border-color: var(--asap-green)!important;
  background: var(--asap-green-surface)!important
}
.row.product.label_3055.label_3057.label_5145:not(.label_5143):not(.brand_57986):not(.hideStockTimer)::before {
  content: "100% Recycled\000020\002022\000020Carbon Neutral\000020\002022\000020Recycled Packaging"!important;
  border-color: #000!important;
  background: var(--asap-green)!important;
  color: #fff!important
}
.row.product.brand_4228.label_5145:not(.brand_57986):not(.hideStockTimer) {
  border-color: var(--asap-cyan)!important;
  background: #f2fcff!important
}
.row.product.brand_4228.label_5145:not(.brand_57986):not(.hideStockTimer)::before {
  content: "Plant Based & Compostable\000020\002022\000020Recycled Packaging"!important;
  border-color: var(--asap-cyan)!important;
  background: var(--asap-cyan)!important;
  color: #fff!important
}
.row.product.brand_57986.label_5145::before {
  content: "\002764\000020Pre-Loved\000020\00267B"!important;
  background: var(--evo-btn-default-bg-hover)!important;
  color: #000!important;
  border-color: var(--evo-btn-default-bg-hover)!important
}
.row.product.hideStockTimer.label_5145::before {
  content: "Find Your Product"!important;
  background: var(--asap-red-dark)!important;
  color: #fff!important;
  border-color: var(--asap-red-dark)!important
}
@media only screen and (max-width:767px) {
  .row.product.label_5145 {
    margin-right: 0;
    padding-right: 0
  }
  .row.product.label_5145::before {
    left: 15px;
    max-width: calc(100% - 30px);
    white-space: normal
  }
}
.row.product.label_5148 .imagecontent {
  position: relative;
  isolation: isolate;
  overflow: visible
}
.row.product.label_5148 .imagecontent::before {
  content: "\002605\000020POPULAR CHOICE";
  position: absolute;
  z-index: 35;
  top: 12px;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 126px;
  min-height: 36px;
  max-width: calc(100% - 8px);
  padding: 7px 18px 7px 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-left: 0;
  border-radius: 0 6px 6px 0;
  background: var(--evo-brand-default);
  color: #fff;
  font-family: "Open Sans",Arial,sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .045em;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  clip-path: polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);
  box-shadow: 0 3px 8px rgba(0,0,0,.22);
  transform: translateY(0);
  transform-origin: left center;
  transition: transform 180ms ease,background-color 180ms ease,box-shadow 180ms ease;
  pointer-events: none
}
.row.product.label_5148 .imagecontent::after {
  content: "";
  position: absolute;
  z-index: 36;
  top: 12px;
  left: 10px;
  width: 18px;
  height: 36px;
  background: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.08) 35%,rgba(255,255,255,.42) 50%,rgba(255,255,255,.08) 65%,rgba(255,255,255,0) 100%);
  opacity: 0;
  transform: translateX(-170%) skewX(-22deg);
  transform-origin: center;
  transition: transform 620ms ease,opacity 160ms ease;
  pointer-events: none
}
.row.product.label_5148:hover .imagecontent::before {
  transform: translateY(-2px);
  background: var(--asap-navy-dark);
  box-shadow: 0 6px 12px rgba(19,38,88,.27)
}
.row.product.label_5148:hover .imagecontent::after {
  opacity: .55;
  transform: translateX(520%) skewX(-22deg)
}
.row.product.label_5148 .imgthumbnail {
  border-radius: 12px;
  transition: transform 180ms ease,box-shadow 180ms ease
}
.row.product.label_5148:hover .imgthumbnail {
  transform: translateY(-1px);
  box-shadow: 0 5px 14px rgba(0,0,0,.22)
}
.row.product.label_5148 .badges-wrapper .ribbon-wrapper.g220.b171 {
  display: none!important
}
.row.product.label_5148.label_3055 .imagecontent,
.row.product.label_5148.label_3057 .imagecontent,
.row.product.label_5148.label_3098 .imagecontent,
.row.product.label_5148.label_5143 .imagecontent,
.row.product.label_5148.label_5145 .imagecontent,
.row.product.label_5148:has(.fa.fa-recycle) .imagecontent {
  z-index: 2
}
@media only screen and (min-width:768px) and (max-width:1199px) {
  .row.product.label_5148 .imagecontent::before {
    top: 10px;
    min-width: 116px;
    min-height: 33px;
    padding: 6px 16px 6px 10px;
    border-radius: 0 5px 5px 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .038em
  }
  .row.product.label_5148 .imagecontent::after {
    top: 10px;
    left: 8px;
    width: 16px;
    height: 33px
  }
}
@media only screen and (max-width:767px) {
  .row.product.label_5148 .imagecontent::before {
    top: 8px;
    min-width: 100px;
    min-height: 30px;
    padding: 5px 14px 5px 9px;
    border-radius: 0 5px 5px 0;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .028em
  }
  .row.product.label_5148 .imagecontent::after {
    top: 8px;
    left: 7px;
    width: 15px;
    height: 30px
  }
}
@media only screen and (max-width:480px) {
  .catalog-grid .mobile .row.product.label_5148 .imagecontent::before {
    min-width: 92px;
    min-height: 28px;
    padding: 5px 12px 5px 8px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .02em
  }
  .catalog-grid .mobile .row.product.label_5148 .imagecontent::after {
    width: 13px;
    height: 28px
  }
}
@media (prefers-reduced-motion:reduce) {
  .row.product.label_5148 .imagecontent::after,
  .row.product.label_5148 .imagecontent::before,
  .row.product.label_5148 .imgthumbnail {
    transition: none
  }
  .row.product.label_5148:hover .imagecontent::before,
  .row.product.label_5148:hover .imgthumbnail {
    transform: none
  }
  .row.product.label_5148 .imagecontent::after {
    display: none
  }
}
@media print {
  .row.product.label_5148 .imagecontent::before {
    background: #fff;
    color: var(--evo-brand-default);
    border: 1px solid var(--evo-brand-default);
    box-shadow: none;
    clip-path: none;
    transform: none
  }
  .row.product.label_5148 .imagecontent::after {
    display: none
  }
  .row.product.label_5148 .imgthumbnail {
    transform: none!important;
    box-shadow: none!important
  }
}
.as-us-import-badge,
.as-us-import-rail {
  display: none!important
}
.as-us-import-card .imagecontent > .imgthumbnail,
.as-us-import-card .imagecontent > .main-image,
.as-us-import-pdp .productimage_container .main-image {
  margin-left: 0!important
}
.as-us-import-brand-pill-wrap {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0
}
.as-us-import-brand-pill-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  padding: 7px 12px;
  border-radius: 8px;
  background: var(--evo-brand-default);
  color: #fff!important;
  -webkit-text-fill-color: #fff!important;
  font-family: Lato,sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .02em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none!important;
  opacity: 1!important;
  box-shadow: 0 1px 3px rgba(0,0,0,.18);
  transition: background .18s ease,transform .18s ease,box-shadow .18s ease
}
.as-us-import-brand-pill-link::before {
  content: "";
  flex: 0 0 24px;
  width: 24px;
  height: 15px;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 24'%3E%3Crect width='38' height='24' fill='%23fff'/%3E%3Cpath stroke='%23b22234' stroke-width='2' d='M0 1h38M0 5h38M0 9h38M0 13h38M0 17h38M0 21h38M0 23h38'/%3E%3Crect width='16' height='13' fill='%233c3b6e'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='2' cy='2' r='.65'/%3E%3Ccircle cx='5' cy='2' r='.65'/%3E%3Ccircle cx='8' cy='2' r='.65'/%3E%3Ccircle cx='11' cy='2' r='.65'/%3E%3Ccircle cx='14' cy='2' r='.65'/%3E%3Ccircle cx='3.5' cy='4.5' r='.65'/%3E%3Ccircle cx='6.5' cy='4.5' r='.65'/%3E%3Ccircle cx='9.5' cy='4.5' r='.65'/%3E%3Ccircle cx='12.5' cy='4.5' r='.65'/%3E%3Ccircle cx='2' cy='7' r='.65'/%3E%3Ccircle cx='5' cy='7' r='.65'/%3E%3Ccircle cx='8' cy='7' r='.65'/%3E%3Ccircle cx='11' cy='7' r='.65'/%3E%3Ccircle cx='14' cy='7' r='.65'/%3E%3Ccircle cx='3.5' cy='9.5' r='.65'/%3E%3Ccircle cx='6.5' cy='9.5' r='.65'/%3E%3Ccircle cx='9.5' cy='9.5' r='.65'/%3E%3Ccircle cx='12.5' cy='9.5' r='.65'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08)
}
.as-us-import-brand-pill-link:focus,
.as-us-import-brand-pill-link:hover {
  background: var(--asap-navy-dark);
  color: #fff!important;
  -webkit-text-fill-color: #fff!important;
  text-decoration: none!important;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0,0,0,.22)
}
.as-us-import-warning {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid var(--asap-orange);
  border-radius: 7px;
  background: var(--asap-orange-bg);
  color: var(--asap-ink);
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
  pointer-events: none
}
.as-us-import-pdp-alert__icon,
.as-us-import-warning__icon {
  flex: 0 0 auto;
  color: var(--asap-orange);
  line-height: 1
}
.as-us-import-warning__icon {
  margin-top: 1px;
  font-size: 22px
}
.as-us-import-warning__text,
.as-us-import-warning__text strong {
  color: var(--asap-ink)
}
.as-us-import-warning__text strong {
  font-weight: 700
}
.as-us-import-card .imagecontent {
  position: relative
}
.as-us-import-card .product-content > .as-us-import-brand-pill-wrap {
  order: 1;
  max-width: 100%;
  margin-bottom: 8px!important
}
.as-us-import-card .product-content > .as-us-import-brand-pill-wrap > .as-us-import-brand-pill-link {
  min-height: 32px;
  font-size: 13px
}
.as-us-import-card .imagecontent > .product-list-actions {
  position: static!important;
  z-index: 3;
  clear: both;
  display: block;
  width: 100%;
  margin: 8px auto 8px!important;
  text-align: center;
  pointer-events: auto
}
.as-us-import-card .imagecontent > .product-list-actions a,
.as-us-import-card .imagecontent > .product-list-actions button {
  pointer-events: auto
}
.as-us-import-card .imagecontent > .as-us-import-warning {
  clear: both;
  width: calc(100% - 10px);
  max-width: 340px;
  margin: 8px auto 0
}
.as-us-import-pdp .productimage_container .as-us-import-warning {
  display: none!important
}
.as-us-import-pdp .product-title > .as-us-import-brand-pill-wrap,
.catalog-single .as-us-import-pdp .product-title > .as-us-import-brand-pill-wrap {
  width: 100%;
  max-width: 660px;
  margin: 0!important;
  padding-bottom: 24px!important
}
.as-us-import-pdp .product-title > .as-us-import-brand-pill-wrap > .as-us-import-brand-pill-link {
  min-height: 36px;
  padding: 8px 14px;
  font-size: 13px
}
.as-us-import-pdp .product-title > .product-name,
.as-us-import-pdp .product-title > h1.product-name,
.catalog-single .as-us-import-pdp .product-title > .product-name {
  margin-top: 10px!important;
  margin-bottom: 13px!important;
  line-height: 1.2
}
.as-us-import-pdp-alert {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  box-sizing: border-box;
  width: 100%;
  max-width: 660px;
  margin: 0 0 8px!important;
  padding: 13px 15px;
  border: 2px solid var(--asap-orange);
  border-radius: 8px;
  background: var(--asap-orange-bg);
  color: var(--asap-ink);
  font-family: "Open Sans",sans-serif;
  font-size: 15px;
  line-height: 1.45;
  text-align: left
}
.as-us-import-pdp-alert__icon {
  font-size: 27px
}
.as-us-import-pdp-alert__body,
.as-us-import-pdp-alert__body span {
  display: block;
  color: var(--asap-ink)
}
.as-us-import-pdp-alert__body strong {
  display: block;
  margin: 0 0 3px;
  color: #000;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase
}
.as-us-import-pdp-alert__body span {
  font-size: 15px;
  font-weight: 600
}
.as-us-import-pdp .product-title {
  margin-bottom: 4px!important
}
.as-us-import-pdp .product-code,
.as-us-import-pdp .product-sku,
.as-us-import-pdp .product-title + .product-sku {
  margin-top: 0!important
}
.as-us-import-pdp .productimage_container .product-info.hide .product-brand {
  display: block;
  margin: 0;
  padding: 0;
  background: 0 0;
  box-shadow: none
}
@media (max-width:767px) {
  .as-us-import-brand-pill-link {
    min-height: 28px;
    padding: 6px 10px;
    font-size: 12px
  }
  .as-us-import-warning {
    padding: 10px 11px;
    font-size: 14px
  }
  .as-us-import-card .imagecontent > .as-us-import-warning {
    width: 100%;
    max-width: 100%;
    margin-top: 8px
  }
  .as-us-import-pdp .product-title > .as-us-import-brand-pill-wrap,
  .catalog-single .as-us-import-pdp .product-title > .as-us-import-brand-pill-wrap {
    padding-bottom: 18px!important
  }
  .as-us-import-pdp .product-title > .as-us-import-brand-pill-wrap > .as-us-import-brand-pill-link {
    min-height: 32px;
    padding: 7px 12px
  }
  .as-us-import-pdp .product-title > .product-name,
  .as-us-import-pdp .product-title > h1.product-name,
  .catalog-single .as-us-import-pdp .product-title > .product-name {
    margin-bottom: 11px!important
  }
  .as-us-import-pdp-alert {
    padding: 12px;
    font-size: 14px
  }
  .as-us-import-pdp-alert__body strong {
    font-size: 15px
  }
  .as-us-import-pdp-alert__body span {
    font-size: 14px
  }
}
.headersection-2 {
  --asap-header-card-height: 48px;
  background: #fff;
  border-bottom: 1px solid #edf1f6
}
.headersection-2 .row-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 0!important;
  padding: 0
}
.headersection-2 .row-2 > .col {
  float: left;
  min-width: 0;
  min-height: 0!important;
  padding-left: 10px;
  padding-right: 10px
}
.headersection-2 section.search.industrial_search {
  padding: 0
}
.headersection-2 .industrial_logo a.logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  margin: auto
}
.headersection-2 .industrial_logo a.logo img {
  width: auto;
  max-height: 44px!important;
  transition: opacity .18s ease,transform .18s ease
}
.headersection-2 .industrial_logo a.logo:hover img {
  opacity: .88;
  transform: translateY(-1px)
}
.headersection-2 .industrial_login,
.headersection-2 .industrial_minicart,
.headersection-2 .search_container .widgetsearch,
.headersection-2 .search_container section.search {
  width: 100%
}
.headersection-2 .industrial_search .ajax-search,
.headersection-2 .industrial_search .search-form .form-group {
  position: relative;
  display: block;
  margin: 0
}
.headersection-2 .industrial_search .search-form .form-group input {
  width: 100%;
  height: var(--asap-header-card-height);
  min-height: var(--asap-header-card-height);
  padding: 6px 76px 6px 15px!important;
  border: 1px solid #cfd9e7;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(20,35,70,.05);
  color: var(--asap-ink);
  line-height: 1.2;
  transition: border-color .16s ease,box-shadow .16s ease,background .16s ease
}
.headersection-2 .industrial_search .search-form .form-group input:focus {
  border-color: var(--evo-brand-default);
  box-shadow: 0 0 0 3px rgba(35,64,143,.12)
}
.headersection-2 .industrial_search .search-actions {
  position: absolute!important;
  top: 0!important;
  right: 6px!important;
  bottom: 0!important;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 2px;
  height: var(--asap-header-card-height);
  margin: auto 0;
  transform: none!important
}
.headersection-2 .industrial_search .search-actions button {
  position: static!important;
  top: auto!important;
  right: auto!important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: 0 0;
  color: var(--evo-brand-default);
  line-height: 1;
  transition: background .15s ease,color .15s ease
}
.headersection-2 .industrial_search .search-actions button:hover {
  background: #eaf1fb;
  color: var(--asap-navy-dark)
}
.headersection-2 .industrial_search .search-actions i {
  display: block;
  color: inherit;
  font-size: 17px;
  line-height: 1
}
header .header-full .widgetsearch.search {
  margin: 12px 0
}
.headersection-2 .account-btn,
.headersection-2 .cart-btn > .btn,
.headersection-2 .headCont {
  height: var(--asap-header-card-height);
  min-height: var(--asap-header-card-height);
  border: 1px solid var(--asap-line);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(20,35,70,.05);
  box-sizing: border-box;
  transition: border-color .16s ease,box-shadow .16s ease,background .16s ease
}
.headersection-2 .account-btn:hover,
.headersection-2 .cart-btn:hover > .btn,
.headersection-2 .headCont:hover {
  border-color: #b9c7db;
  background-color: #fbfdff;
  box-shadow: 0 3px 8px rgba(20,35,70,.1)
}
.headersection-2 .headCont a:hover {
  color: var(--asap-navy-dark);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px
}
.headersection-2 .headCont span {
  color: var(--asap-near-black);
  line-height: 1.15
}
.headersection-2 .toolbar .customer-btn {
  margin-right: 0!important
}
.headersection-2 .industrial_login .shopping-tools-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start!important;
  min-height: 0
}
.headersection-2 .cart-btn,
.headersection-2 .industrial_login .dropdown {
  width: 100%
}
.headersection-2 .account-btn {
  position: relative;
  display: flex!important;
  align-items: center;
  width: 100%;
  margin: 0!important;
  padding: 6px 28px 6px 11px;
  color: var(--asap-ink)!important;
  text-decoration: none!important
}
.headersection-2 .account-btn .user-icon {
  flex: 0 0 auto;
  margin-right: 8px;
  color: var(--evo-brand-default);
  font-size: 35px;
  line-height: 1
}
.loggedin .headersection-2 .account-btn > span {
  display: flex!important;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  line-height: 1.1
}
.headersection-2 .account-btn > span {
  position: static!important;
  padding: 0!important;
  font-size: 13px;
  position: absolute!important;
  top: 7px!important;
  left: 47px!important;
  right: 4px!important;
  display: block!important;
  margin: 0 0 0 5px!important;
  overflow: visible;
  line-height: 1!important
}
.headersection-2 .account-btn br,
.industrial_contact_tel br {
  display: none
}
.loggedin .headersection-2 .toolbar .account-btn span .welcome-message {
  margin: 0;
  line-height: 1.1
}
.headersection-2 .account-btn .line2 {
  order: 1
}
.headersection-2 .account-btn .line1 {
  order: 2;
  color: var(--asap-near-black)!important;
  font-size: 13px!important;
  font-weight: 700
}
.headersection-2 .account-btn .line2 strong {
  color: var(--evo-brand-default);
  font-size: 15px;
  font-weight: 800;
  white-space: nowrap
}
.headersection-2 .account-btn .arrow-your-account {
  position: absolute!important;
  top: 50%!important;
  right: 0!important;
  left: auto!important;
  margin: 0!important;
  color: var(--evo-brand-default);
  font-size: 12px;
  line-height: 1;
  transform: translateY(-50%)
}
.headersection-2 .industrial_minicart {
  text-align: right!important
}
.headersection-2 .cart-btn {
  background: 0 0;
  margin-left: 0
}
.headersection-2 .cart-btn > .btn {
  position: relative;
  display: flex!important;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  margin: 0;
  padding: 6px 10px 6px 12px;
  color: var(--asap-ink)!important;
  text-align: left;
  text-decoration: none!important
}
.headersection-2 .cart-btn > .btn i {
  flex: 0 0 auto;
  margin-right: 9px;
  color: var(--evo-brand-default);
  line-height: 1
}
.headersection-2 .cart-btn > .btn i.fa-shopping-bag:before {
  color: var(--evo-brand-default);
  font-size: 26px
}
.headersection-2 .cart-btn > .btn span.minicart_count {
  position: absolute;
  top: 6px;
  left: 29px;
  right: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto!important;
  min-width: 18px;
  max-width: 28px;
  height: 16px;
  padding: 0 4px;
  border-radius: 4px;
  background: #f8c81f;
  color: var(--asap-dark-grey);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-align: center
}
.headersection-2 .cart-btn > .btn b {
  color: var(--asap-near-black);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2
}
.headersection-2 .cart-btn > .btn b::before {
  content: "Total: \00a0";
  font-weight: 400
}
.toolbar.industrial_minicart .cart-dropdown {
  top: calc(100% - 1px);
  right: 0;
  width: min(620px,calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  border: 0!important;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(20,35,70,.24),0 6px 16px rgba(20,35,70,.14);
  overflow: visible;
  z-index: 1100
}
.toolbar.industrial_minicart .cart-dropdown::before {
  content: "";
  position: absolute;
  top: -12px;
  right: 0;
  left: 0;
  height: 12px;
  background: 0 0;
  pointer-events: auto
}
.toolbar.industrial_minicart .cart-dropdown .arrow_box {
  border: 0;
  border-radius: 12px;
  background: #fff;
  overflow: hidden
}
.toolbar.industrial_minicart .cart-dropdown .arrow_box::after,
.toolbar.industrial_minicart .cart-dropdown .arrow_box::before,
.toolbar.industrial_minicart .cart-dropdown .overlap {
  display: none
}
.toolbar.industrial_minicart .cart-dropdown .header.group {
  display: flex;
  align-items: center;
  column-gap: 5px;
  min-height: 58px;
  padding: 11px 14px;
  border-bottom: 4px solid var(--evo-btn-default-bg-hover);
  background: linear-gradient(135deg,var(--evo-brand-default),var(--evo-text-col));
  color: #fff;
  font-size: 14px;
  font-weight: 600
}
.toolbar.industrial_minicart .cart-dropdown .header .fa-shopping-bag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  margin-right: 4px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 9px;
  background: rgba(255,255,255,.1);
  color: #fff;
  font-size: 17px
}
.toolbar.industrial_minicart .cart-dropdown .header .fa-shopping-bag::before {
  color: #fff;
  font-size: 17px
}
.toolbar.industrial_minicart .cart-dropdown .header .fa-shopping-bag {
  order: 1
}
.toolbar.industrial_minicart .cart-dropdown .header .productstype {
  order: 2;
  color: #fff;
  font-size: 0;
  font-weight: 800;
  white-space: nowrap
}
.toolbar.industrial_minicart .cart-dropdown .header .productstype::before {
  content: "Your quote";
  font-size: 14px
}
.toolbar.industrial_minicart .cart-dropdown .header .minicart_count {
  order: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 25px;
  height: 25px;
  margin: 0 0 0 2px;
  padding: 0 9px;
  border-radius: 999px;
  background: var(--evo-btn-default-bg-hover);
  color: #332700;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap
}
.toolbar.industrial_minicart .cart-dropdown .header .minicart_count::before {
  content: "Qty ";
  margin-right: 3px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase
}
.toolbar.industrial_minicart .cart-dropdown .header .in-your-cart,
.toolbar.industrial_minicart .cart-dropdown .header .to-quote {
  display: none!important
}
.toolbar.industrial_minicart .cart-dropdown .header .to-checkout {
  order: 4;
  float: none;
  min-width: 112px;
  margin: 0 0 0 auto;
  padding: 8px 15px;
  border: 1px solid #e8b900;
  border-radius: 7px;
  background: var(--evo-btn-default-bg-hover);
  color: #2d2600;
  box-shadow: none;
  font-size: 13px;
  font-weight: 800
}
.toolbar.industrial_minicart .cart-dropdown .header .to-checkout:focus,
.toolbar.industrial_minicart .cart-dropdown .header .to-checkout:hover {
  border-color: #fff;
  background: #fff;
  color: var(--evo-brand-default)
}
.toolbar.industrial_minicart .cart-dropdown .body {
  max-height: min(410px,calc(100vh - 365px));
  min-height: 96px;
  padding: 7px 12px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: #b8c5d8 transparent;
  scrollbar-width: thin
}
.toolbar.industrial_minicart .cart-dropdown .body::-webkit-scrollbar {
  width: 8px
}
.toolbar.industrial_minicart .cart-dropdown .body::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: #b8c5d8;
  background-clip: padding-box
}
.toolbar.industrial_minicart .cart-dropdown table.minicart,
.toolbar.industrial_minicart .cart-dropdown table.minicart tbody {
  display: block;
  width: 100%
}
.toolbar.industrial_minicart .cart-dropdown table.minicart tr.item {
  display: grid;
  grid-template-columns: 60px minmax(0,1fr) 46px 28px minmax(76px,auto) 34px;
  gap: 8px;
  align-items: center;
  width: 100%;
  padding: 9px 4px;
  border-bottom: 1px solid var(--asap-line);
  background: #fff;
  transition: background .15s ease
}
.toolbar.industrial_minicart .cart-dropdown table.minicart tr.item:last-child {
  border-bottom: 0
}
.toolbar.industrial_minicart .cart-dropdown table.minicart tr.item:hover {
  background: #f8fbff
}
.toolbar.industrial_minicart .cart-dropdown table.minicart td {
  display: block;
  width: auto;
  min-width: 0;
  padding: 0;
  border: 0;
  color: var(--asap-ink-dark);
  vertical-align: middle
}
.toolbar.industrial_minicart .cart-dropdown table.minicart td.minicart-thumb {
  width: auto;
  padding: 0
}
.toolbar.industrial_minicart .cart-dropdown .thumb-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border: 1px solid var(--asap-line);
  border-radius: 8px;
  background: #fff;
  overflow: hidden
}
.toolbar.industrial_minicart .cart-dropdown .thumb-wrapper a {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0
}
.toolbar.industrial_minicart .cart-dropdown .thumb-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: contain
}
.toolbar.industrial_minicart .cart-dropdown td.minicart_itemname {
  width: auto;
  line-height: 1.35
}
.toolbar.industrial_minicart .cart-dropdown td.minicart_itemname > a {
  display: -webkit-box;
  color: var(--asap-ink-dark);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  overflow: hidden;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}
.toolbar.industrial_minicart .cart-dropdown td.minicart_itemname > a:hover {
  color: var(--evo-link-color);
  text-decoration: underline;
  text-underline-offset: 2px
}
.toolbar.industrial_minicart .cart-dropdown td.right-td {
  text-align: center
}
.toolbar.industrial_minicart .cart-dropdown td.right-td > div {
  justify-content: center!important
}
.toolbar.industrial_minicart .cart-dropdown .minicart_qty {
  width: 44px;
  height: 36px;
  padding: 0 4px;
  border: 1px solid #b8c5d8;
  border-radius: 6px;
  background: #fff;
  color: var(--asap-ink-dark);
  font-size: 13px;
  font-weight: 700;
  text-align: center
}
.toolbar.industrial_minicart .cart-dropdown .minicart_qty:focus {
  border-color: var(--evo-link-color);
  outline: 2px solid rgba(49,124,197,.16);
  outline-offset: 1px
}
.toolbar.industrial_minicart .cart-dropdown td.plus-minus-wrapper {
  text-align: center
}
.toolbar.industrial_minicart .cart-dropdown .plus-minus {
  display: grid;
  gap: 4px;
  margin: 0
}
.toolbar.industrial_minicart .cart-dropdown .plus-minus br {
  display: none
}
.toolbar.industrial_minicart .cart-dropdown .incr-btn-mini {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 17px;
  margin: 0;
  border: 1px solid var(--asap-line);
  border-radius: 4px;
  background: var(--asap-surface);
  color: var(--evo-link-color);
  line-height: 1
}
.toolbar.industrial_minicart .cart-dropdown .incr-btn-mini:focus,
.toolbar.industrial_minicart .cart-dropdown .incr-btn-mini:hover {
  border-color: var(--evo-link-color);
  background: var(--evo-link-color);
  color: #fff
}
.toolbar.industrial_minicart .cart-dropdown .incr-btn-mini i {
  color: inherit;
  font-size: 12px
}
.toolbar.industrial_minicart .cart-dropdown table.minicart td.price {
  color: var(--evo-brand-default);
  font-size: 14px;
  font-weight: 800;
  text-align: right;
  white-space: nowrap
}
.toolbar.industrial_minicart .cart-dropdown table.minicart td.center-td {
  text-align: right
}
.toolbar.industrial_minicart .cart-dropdown .delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  border: 1px solid #f1c7c7;
  border-radius: 6px;
  background: #fff5f5;
  color: #b42318;
  transition: background .15s ease,border-color .15s ease,color .15s ease
}
.toolbar.industrial_minicart .cart-dropdown .delete:hover {
  border-color: #b42318;
  background: #b42318;
  color: #fff;
  opacity: 1
}
.toolbar.industrial_minicart .cart-dropdown .delete i {
  color: inherit
}
.toolbar.industrial_minicart .cart-dropdown .body .cart-noresults {
  margin: 8px 0;
  padding: 28px 16px;
  border: 1px dashed #c5d1e1;
  border-radius: 9px;
  background: var(--asap-surface);
  color: var(--asap-grey);
  font-size: 14px;
  line-height: 1.5
}
.toolbar.industrial_minicart .cart-dropdown .promotion_discount {
  margin: 0;
  padding: 12px 16px;
  border-top: 1px solid var(--asap-line);
  background: #fbfcfe
}
.toolbar.industrial_minicart .cart-dropdown .promotion_discount > .row:first-child {
  display: flex;
  gap: 8px;
  margin: 0
}
.toolbar.industrial_minicart .cart-dropdown .promotion_discount > .row:first-child > [class*=col-] {
  flex: 1 1 0;
  width: auto;
  padding: 0!important
}
.toolbar.industrial_minicart .cart-dropdown .promotion_discount .coupon_apply,
.toolbar.industrial_minicart .cart-dropdown .promotion_discount .coupon_code {
  height: 38px;
  border-radius: 6px;
  font-size: 13px
}
.toolbar.industrial_minicart .cart-dropdown .promotion_discount .coupon_code {
  border: 1px solid #b8c5d8;
  background: #fff
}
.toolbar.industrial_minicart .cart-dropdown .promotion_discount .coupon_apply {
  top: 0;
  border: 1px solid var(--evo-brand-default);
  background: var(--evo-brand-default);
  color: #fff;
  font-weight: 700
}
.toolbar.industrial_minicart .cart-dropdown .promotion_discount .coupon_apply:hover {
  border-color: var(--evo-link-color);
  background: var(--evo-link-color)
}
.toolbar.industrial_minicart .cart-dropdown .promotion_discount > .row:last-child {
  margin: 0
}
.toolbar.industrial_minicart .cart-dropdown .promotion_discount_result {
  border-radius: 6px;
  font-size: 12px
}
.toolbar.industrial_minicart .cart-dropdown .softgraybackground.mini-shopping-cart {
  min-height: 0!important;
  margin: 0;
  border-top: 1px solid var(--asap-line);
  background: var(--asap-surface)
}
.toolbar.industrial_minicart .cart-dropdown .mini-shopping-cart .cart-totals {
  padding: 12px 16px
}
.toolbar.industrial_minicart .cart-dropdown .cart-search {
  padding: 0 0 10px
}
.toolbar.industrial_minicart .cart-dropdown .cart-search-input {
  height: 36px;
  border: 1px solid #b8c5d8;
  border-radius: 6px;
  background: #fff;
  font-size: 13px
}
.toolbar.industrial_minicart .cart-dropdown .cart-search-input:focus {
  border-color: var(--evo-link-color);
  box-shadow: 0 0 0 2px rgba(49,124,197,.14)
}
.toolbar.industrial_minicart .cart-dropdown .cart-totals table td {
  padding: 4px 0;
  color: #4d5969;
  font-size: 13px
}
.toolbar.industrial_minicart .cart-dropdown .cart-totals table td.total {
  color: var(--asap-ink-dark);
  font-weight: 700
}
.toolbar.industrial_minicart .cart-dropdown .cart-totals tr.devider {
  border-bottom: 1px solid var(--asap-line-strong)
}
.toolbar.industrial_minicart .cart-dropdown .cart-totals tr.devider td {
  height: 6px;
  padding: 0 0 6px
}
.toolbar.industrial_minicart .cart-dropdown .cart-totals tr.devider + tr td {
  padding-top: 9px;
  color: var(--evo-brand-default);
  font-size: 16px;
  font-weight: 800
}
.toolbar.industrial_minicart .cart-dropdown .footer.group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 12px 16px;
  border-top: 1px solid var(--asap-line);
  border-radius: 0 0 12px 12px;
  background: #fff!important;
  box-shadow: 0 -5px 16px rgba(20,35,70,.06)
}
.toolbar.industrial_minicart .cart-dropdown .footer > .to-cart-wrapper,
.toolbar.industrial_minicart .cart-dropdown .footer > .to-quote-wrapper,
.toolbar.industrial_minicart .cart-dropdown .footer > .total {
  float: none;
  width: auto;
  padding: 0
}
.toolbar.industrial_minicart .cart-dropdown .footer .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 42px;
  margin: 0;
  padding: 0 14px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 800
}
.toolbar.industrial_minicart .cart-dropdown .footer .to-cart,
.toolbar.industrial_minicart .cart-dropdown .footer .to-quote {
  border: 1px solid var(--evo-brand-default);
  background: #fff!important;
  color: var(--evo-brand-default)!important
}
.toolbar.industrial_minicart .cart-dropdown .footer .to-checkout {
  border: 1px solid var(--evo-brand-default);
  background: var(--evo-brand-default)!important;
  color: #fff!important
}
.toolbar.industrial_minicart .cart-dropdown .footer .btn:focus,
.toolbar.industrial_minicart .cart-dropdown .footer .btn:hover {
  border-color: var(--evo-btn-default-bg-hover);
  background: var(--evo-btn-default-bg-hover)!important;
  color: #2d2600!important
}
@media only screen and (max-width:700px) {
  .toolbar.industrial_minicart .cart-dropdown {
    right: -4px;
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px)
  }
  .toolbar.industrial_minicart .cart-dropdown .header .in-your-cart,
  .toolbar.industrial_minicart .cart-dropdown .header .productstype {
    display: none
  }
  .toolbar.industrial_minicart .cart-dropdown table.minicart tr.item {
    grid-template-columns: 52px minmax(0,1fr) 44px 28px
  }
  .toolbar.industrial_minicart .cart-dropdown .thumb-wrapper {
    width: 48px;
    height: 48px
  }
  .toolbar.industrial_minicart .cart-dropdown table.minicart td.price {
    grid-column: 2/4;
    text-align: left
  }
  .toolbar.industrial_minicart .cart-dropdown table.minicart td.center-td {
    grid-column: 4;
    grid-row: 2
  }
}
@media (prefers-reduced-motion:reduce) {
  .toolbar.industrial_minicart .cart-dropdown *,
  .toolbar.industrial_minicart .cart-dropdown ::after,
  .toolbar.industrial_minicart .cart-dropdown ::before {
    transition: none!important
  }
}
.headersection-2 .account-btn:focus-visible,
.headersection-2 .cart-btn > .btn:focus-visible,
.headersection-2 .headCont:focus-within,
.headersection-2 .industrial_search .search-actions button:focus-visible {
  outline: 2px solid var(--evo-brand-default);
  outline-offset: 2px
}
@media only screen and (max-width:1366px) and (min-width:992px) {
  .headersection-2 {
    --asap-header-card-height: 46px;
    padding-top: 7px!important;
    padding-bottom: 7px!important
  }
  .headersection-2 .industrial_logo a.logo img {
    max-height: 42px!important
  }
  .headersection-2 .account-btn .line2 strong,
  .headersection-2 .headCont a {
    font-size: 14px
  }
}
.headersection-4 .as-service-card {
  min-height: 44px
}
.headersection-2 .account-btn .line2 strong,
.headersection-2 .cart-btn > .btn b,
.headersection-2 .headCont a,
.headersection-2 .headCont span {
  white-space: nowrap
}
.headersection-4 .as-service-card p,
.headersection-4 .as-service-card p span {
  overflow: hidden;
  text-overflow: ellipsis
}
@media only screen and (min-width:768px) and (max-width:1099px) {
  .headersection-1 .topBar ul {
    flex-wrap: nowrap
  }
  .headersection-1 .topBar ul li {
    padding: 0 5px;
    font-size: 12px;
    white-space: nowrap
  }
  .headersection-1 .as-max-width > a,
  .headersection-1 .quickordertoggle,
  .headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle {
    height: 28px;
    padding: 0 10px;
    font-size: 11px
  }
  .headersection-1 .as-max-width > a img {
    max-height: 18px
  }
  .headersection-2 {
    --asap-header-card-height: 44px;
    padding-top: 5px!important;
    padding-bottom: 5px!important
  }
  .headersection-2 .row-2 > .col {
    padding-left: 6px;
    padding-right: 6px
  }
  .headersection-2 .industrial_logo a.logo img {
    max-height: 38px!important
  }
  .headersection-2 .industrial_search .search-form .form-group input {
    padding-left: 12px!important;
    padding-right: 66px!important;
    font-size: 12px
  }
  .headersection-2 .headCont {
    padding: 6px 8px 6px 40px;
    background-position: left 10px center;
    background-size: 25px auto
  }
  .headersection-2 .headCont a {
    font-size: 14px
  }
  .headersection-2 .headCont span {
    font-size: 12px
  }
  .headersection-2 .account-btn {
    padding: 6px 22px 6px 9px
  }
  .headersection-2 .account-btn .user-icon {
    margin-right: 6px;
    font-size: 30px
  }
  .headersection-2 .account-btn .line2 strong {
    font-size: 14px
  }
  .headersection-2 .account-btn .line1 {
    font-size: 12px!important
  }
  .headersection-2 .cart-btn > .btn {
    padding: 6px 8px
  }
  .headersection-2 .cart-btn > .btn i {
    margin-right: 7px
  }
  .headersection-2 .cart-btn > .btn i.fa-shopping-bag:before {
    font-size: 24px
  }
  .headersection-2 .cart-btn > .btn span.minicart_count {
    left: 26px
  }
  .headersection-2 .cart-btn > .btn b {
    font-size: 12px
  }
  .headersection-4 .as-service-strip .container {
    padding-top: 2px;
    padding-bottom: 2px
  }
  .headersection-4 .hStrip .nFlex {
    padding: 6px 6px
  }
  .headersection-4 .as-service-grid {
    gap: 5px
  }
  .headersection-4 .as-service-card {
    min-height: 40px;
    padding: 5px 7px
  }
  .headersection-4 .as-service-icon {
    flex-basis: 23px;
    width: 23px;
    margin-right: 6px;
    font-size: 21px
  }
  .headersection-4 .as-service-card p {
    min-width: 0;
    font-size: 12px;
    white-space: nowrap
  }
  .headersection-4 .as-service-card p span {
    font-size: 10px;
    white-space: nowrap
  }
}
@media only screen and (min-width:768px) and (max-width:850px) {
  .headersection-1 .topBar ul li {
    padding: 0 4px;
    font-size: 11px
  }
  .headersection-1 .as-max-width > a,
  .headersection-1 .quickordertoggle,
  .headersection-1 .vuequicklistdropdown_elem > a.dropdown-toggle {
    padding: 0 8px
  }
  .headersection-2 .headCont span {
    display: none
  }
  .headersection-2 .headCont a {
    font-size: 14px
  }
  .headersection-2 .industrial_search .search-form .form-group input::placeholder {
    color: transparent
  }
  .headersection-4 .as-service-card {
    justify-content: center;
    min-height: 38px;
    padding: 5px 6px
  }
  .headersection-4 .as-service-icon {
    flex-basis: 21px;
    width: 21px;
    margin-right: 5px;
    font-size: 19px
  }
  .headersection-4 .as-service-card p {
    font-size: 11px;
    line-height: 1.05
  }
  .headersection-4 .as-service-card p span {
    display: none
  }
}
.headersection-2 .industrial_login .dropdown {
  position: relative
}
.headersection-2 .account-btn.logged-out {
  overflow: hidden;
  padding: 5px 6px 5px 9px
}
.headersection-2 .account-btn.logged-out .user-icon {
  flex: 0 0 31px;
  width: 31px;
  margin-right: 7px;
  font-size: 31px
}
.headersection-2 .account-btn.logged-out .arrow-your-account {
  display: none!important
}
.headersection-2 .account-btn.logged-out > span {
  position: absolute!important;
  top: 7px!important;
  left: 47px!important;
  right: 4px!important;
  display: block!important;
  margin: 0 0 0 5px!important;
  padding: 0!important;
  overflow: visible;
  line-height: 1!important
}
.headersection-2 .account-btn.logged-out > span .line1 {
  display: none!important
}
.headersection-2 .account-btn.logged-out > span .line2,
.headersection-2 .account-btn.logged-out > span .line2 strong {
  display: block!important;
  max-width: none!important;
  overflow: visible!important;
  color: var(--evo-brand-default);
  font-size: 15px;
  font-weight: 700;
  line-height: 1!important;
  white-space: nowrap;
  text-overflow: clip!important
}
.headersection-2 .toolbar .account-btn.logged-out + .account-dropdown {
  position: absolute!important;
  top: 27px!important;
  left: 47px!important;
  right: 4px!important;
  display: flex!important;
  align-items: center;
  justify-content: flex-start;
  width: auto!important;
  min-width: 0!important;
  margin: 0!important;
  padding: 0!important;
  border: 0!important;
  border-radius: 0!important;
  background: 0 0!important;
  box-shadow: none!important;
  line-height: 1!important
}
.headersection-2 .toolbar .account-btn.logged-out + .account-dropdown .arrow_box,
.headersection-2 .toolbar .account-btn.logged-out + .account-dropdown div.description,
.headersection-2 .toolbar .account-btn.logged-out + .account-dropdown span.overlap {
  display: none!important
}
.headersection-2 .toolbar .account-btn.logged-out + .account-dropdown .pointer {
  float: none!important;
  flex: 0 0 auto;
  margin: 0!important;
  padding: 0 6px!important;
  border: 0!important;
  border-radius: 0!important;
  background: 0 0!important;
  line-height: 1!important
}
.headersection-2 .toolbar .account-btn.logged-out + .account-dropdown .pointer:first-of-type {
  padding-left: 0!important;
  border-right: 1px solid var(--asap-dark-grey)!important
}
.headersection-2 .toolbar .account-btn.logged-out + .account-dropdown .pointer a {
  display: block;
  color: var(--asap-near-black);
  font-size: 12px;
  font-weight: 700;
  line-height: 1!important;
  white-space: nowrap;
  text-decoration: none
}
.headersection-2 .toolbar .account-btn.logged-out + .account-dropdown .pointer a:hover {
  color: var(--evo-brand-default)
}
@media only screen and (min-width:768px) and (max-width:900px) {
  .headersection-2 .account-btn.logged-out {
    padding-left: 8px
  }
  .headersection-2 .account-btn.logged-out .user-icon {
    flex-basis: 29px;
    width: 29px;
    margin-right: 5px;
    font-size: 29px
  }
  .headersection-2 .account-btn.logged-out > span {
    top: 7px!important;
    left: 42px!important;
    right: 2px!important
  }
  .headersection-2 .account-btn.logged-out > span .line2 strong {
    font-size: 13px
  }
  .headersection-2 .toolbar .account-btn.logged-out + .account-dropdown {
    top: 27px!important;
    left: 42px!important;
    right: 2px!important
  }
  .headersection-2 .toolbar .account-btn.logged-out + .account-dropdown .pointer {
    padding: 0 5px!important
  }
  .headersection-2 .toolbar .account-btn.logged-out + .account-dropdown .pointer a {
    font-size: 11px
  }
}
.headersection-2 .headCont {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 11px 6px 48px!important;
  background: #fff!important;
  overflow: hidden;
  width: 100%;
  margin: 0;
  color: var(--asap-near-black);
  line-height: 1.2;
  font-size: 13px
}
.headersection-2 .headCont::before {
  content: "call";
  position: absolute;
  top: 50%;
  left: 11px;
  width: 28px;
  height: 28px;
  color: var(--evo-brand-default);
  font-family: "Material Icons";
  font-size: 31px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  transform: translateY(-50%);
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga"
}
.headersection-2 .headCont a,
.toolbar .account-btn span .welcome-message strong {
  display: block;
  margin: 0;
  color: var(--evo-brand-default);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none
}
.headersection-2 .headCont > span {
  display: block;
  margin-top: 2px;
  color: var(--asap-near-black);
  font-size: 13px;
  line-height: 1.1;
  white-space: nowrap
}
@media only screen and (min-width:768px) and (max-width:1099px) {
  .headersection-2 .headCont {
    padding: 5px 8px 5px 39px!important
  }
  .headersection-2 .headCont::before {
    left: 10px;
    width: 25px;
    height: 25px;
    font-size: 28px;
    line-height: 25px
  }
  .headersection-2 .headCont a {
    font-size: 14px
  }
  .headersection-2 .headCont > span {
    font-size: 12px
  }
}
.headersection-2 .industrial_logo a.logo img {
  max-height: 50px!important
}
.headersection-2 > .row-2 > .logo_container {
  width: 13%;
  min-width: 170px
}
.headersection-2 > .row-2 > .search_container {
  width: 35%
}
.headersection-2 .industrial_logo {
  display: flex;
  align-items: center;
  justify-content: flex-start
}
div.customertools[data-static=false] {
  right: 0!important;
  width: min(360px,100vw);
  max-width: 100vw;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(105%);
  border-left: 0!important;
  background: #fff;
  box-shadow: -14px 0 34px rgba(20,35,70,.22);
  z-index: 2000000001;
  transition: transform .28s cubic-bezier(.22, .61, .36, 1),opacity .18s ease,visibility 0s linear .28s
}
div.customertools[data-static=false].open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition-delay: 0s
}
div.customertools[data-static=false] .customertools-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  color: var(--asap-ink-dark);
  background: #fff
}
div.customertools[data-static=false] .your-account {
  position: relative;
  flex: 0 0 auto;
  min-height: 104px;
  margin: 0;
  padding: 44px 66px 20px 82px;
  overflow: hidden;
  overflow-wrap: anywhere;
  color: #fff;
  background: radial-gradient(circle at 15% 0,rgba(49,124,197,.7),transparent 42%),linear-gradient(135deg,var(--asap-navy-dark,#192e66),var(--evo-brand-default));
  box-shadow: inset 0 -4px var(--evo-btn-default-bg-hover);
  font: 700 24px/1.2 "Red Hat Display","Open Sans",sans-serif;
  letter-spacing: -.02em;
  white-space: normal
}
div.customertools[data-static=false] .your-account::before {
  content: "\f007";
  position: absolute;
  top: 27px;
  left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 50%;
  background: rgba(255,255,255,.14);
  box-shadow: 0 4px 12px rgba(0,0,0,.16);
  font: 400 20px/1 FontAwesome
}
div.customertools[data-static=false] .your-account::after {
  content: "Your account";
  position: absolute;
  top: 23px;
  left: 82px;
  color: rgba(255,255,255,.78);
  font: 700 11px/1 "Open Sans",sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase
}
div.customertools[data-static=false] .close-panel {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  color: #fff;
  background: rgba(255,255,255,.12);
  opacity: 1;
  font-size: 18px;
  line-height: 1;
  transition: background .16s,border-color .16s,transform .16s
}
div.customertools[data-static=false] .close-panel:is(:hover,:focus-visible) {
  color: #fff;
  background: rgba(255,255,255,.24);
  border-color: rgba(255,255,255,.7);
  transform: rotate(90deg);
  outline: 0
}
div.customertools[data-static=false] .close-panel i {
  margin: 0;
  line-height: 1
}
div.customertools[data-static=false] :is(.as-account-company,.switch-account-new) {
  flex: 0 0 auto;
  margin: 16px 20px 4px;
  border: 1px solid var(--asap-line);
  border-radius: 8px;
  color: var(--asap-ink-dark);
  background: var(--asap-surface);
  box-shadow: 0 1px 3px rgba(20,35,70,.06)
}
div.customertools[data-static=false] .as-account-company {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  align-items: center;
  gap: 10px;
  padding: 10px 12px
}
div.customertools[data-static=false] .as-account-company > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 7px;
  color: var(--evo-link-color);
  background: #fff;
  box-shadow: 0 1px 3px rgba(20,35,70,.08);
  font-size: 15px
}
div.customertools[data-static=false] .as-account-company-copy {
  min-width: 0
}
div.customertools[data-static=false] .as-account-company-label {
  display: block;
  margin-bottom: 2px;
  color: var(--asap-account-muted);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase
}
div.customertools[data-static=false] .as-account-company-name {
  display: block;
  overflow-wrap: anywhere;
  color: var(--asap-ink-dark);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3
}
div.customertools[data-static=false] .switch-account-new {
  display: block!important;
  visibility: visible!important;
  padding: 11px 13px
}
div.customertools[data-static=false] .switch-account-new.hidden {
  display: none!important;
  visibility: hidden!important;
  margin: 0!important;
  padding: 0!important;
  border: 0!important
}
div.customertools[data-static=false] .as-account-company + .switch-account-new:not(.hidden) {
  margin-top: 8px
}
div.customertools[data-static=false] .switch-account-new table {
  width: 100%;
  margin: 0
}
div.customertools[data-static=false] .switch-account-new td {
  padding: 2px 0;
  border: 0;
  vertical-align: middle
}
div.customertools[data-static=false] .switch-account-new td:first-child {
  padding-right: 10px;
  color: var(--asap-account-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase
}
div.customertools[data-static=false] .switch-account-new td:last-child {
  width: 1%;
  padding: 5px 9px;
  border: 1px solid #c9d8eb;
  border-radius: 999px;
  color: var(--evo-brand-default);
  background: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .03em;
  text-align: center;
  white-space: nowrap
}
div.customertools[data-static=false] .nav {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  margin: 10px 0 0;
  padding: 0 16px 18px 20px;
  overflow: hidden auto;
  overscroll-behavior: contain;
  scrollbar-color: #b8c5d6 transparent;
  scrollbar-width: thin
}
div.customertools[data-static=false] .nav::-webkit-scrollbar {
  width: 8px
}
div.customertools[data-static=false] .nav::-webkit-scrollbar-track {
  background: 0 0
}
div.customertools[data-static=false] .nav::-webkit-scrollbar-thumb {
  border: 2px solid #fff;
  border-radius: 999px;
  background: #b8c5d6
}
div.customertools[data-static=false] .nav > li {
  flex: 0 0 auto;
  margin: 0;
  white-space: nowrap
}
div.customertools[data-static=false] .nav > .group-name {
  margin: 14px 4px 6px;
  padding: 14px 6px 0;
  border-top: 1px solid var(--asap-line)
}
div.customertools[data-static=false] .nav > .group-name[data-name=account] {
  margin-top: 0;
  padding-top: 0;
  border: 0
}
div.customertools[data-static=false] .nav > .group-name h4 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: var(--asap-account-muted);
  font: 800 11px/1.3 "Open Sans",sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: normal
}
div.customertools[data-static=false] .nav > .group-name h4::before {
  content: "";
  flex: 0 0 3px;
  height: 14px;
  border-radius: 999px;
  background: var(--evo-btn-default-bg-hover)
}
div.customertools[data-static=false] .nav > li:not(.group-name) > a {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  align-items: center;
  gap: 10px;
  min-height: 46px;
  margin: 2px 0;
  padding: 5px 10px 5px 6px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #26364a;
  background: 0 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  transition: color .16s,background .16s,border-color .16s,box-shadow .16s,transform .16s
}
div.customertools[data-static=false] .nav > li:not(.group-name) > a span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis
}
div.customertools[data-static=false] .nav > li:not(.group-name) > a i {
  display: flex!important;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0!important;
  border-radius: 7px;
  color: var(--evo-link-color);
  background: #edf4fc;
  font-size: 15px!important;
  line-height: 1;
  transition: color .16s,background .16s,transform .16s
}
div.customertools[data-static=false] .nav > li:not(.group-name) > a:hover {
  border-color: #d3deec;
  color: var(--evo-brand-default);
  background: #f7faff;
  box-shadow: 0 2px 7px rgba(20,35,70,.08);
  transform: translateX(2px)
}
div.customertools[data-static=false] .nav > li:not(.group-name) > a:hover i {
  color: #fff;
  background: var(--evo-brand-default);
  transform: scale(1.03)
}
div.customertools[data-static=false] .nav > li:not(.group-name) > a:is(:focus,:focus-visible) {
  border-color: var(--evo-btn-default-bg-hover);
  color: var(--evo-brand-default);
  background: #fffaf0;
  box-shadow: 0 0 0 3px rgba(254,192,52,.22);
  font-weight: 700;
  outline: 0
}
div.customertools[data-static=false] .nav > li > a[aria-current=page],
div.customertools[data-static=false] .nav > li:is(.active) > a {
  border-color: #b9cce4;
  color: #fff;
  background: var(--evo-brand-default);
  box-shadow: 0 4px 10px rgba(35,64,143,.2);
  transform: none
}
div.customertools[data-static=false] .nav > li > a[aria-current=page] i,
div.customertools[data-static=false] .nav > li:is(.active) > a i {
  color: var(--evo-brand-default);
  background: #fff
}
div.customertools[data-static=false] .nav > .sidebar-logout {
  position: sticky!important;
  bottom: 0!important;
  z-index: 2;
  margin-top: auto!important;
  padding: 14px 0 4px;
  background: linear-gradient(transparent,#fff 24%)
}
div.customertools[data-static=false] .nav > .sidebar-logout > a {
  border-color: #cbd7e6;
  color: var(--evo-brand-default);
  background: #fff;
  box-shadow: 0 2px 8px rgba(20,35,70,.08);
  font-weight: 700
}
div.customertools[data-static=false] .nav > .sidebar-logout > a::before {
  content: none!important;
  display: none!important
}
div.customertools[data-static=false] .nav > .sidebar-logout > a i {
  color: #a86f00;
  background: #fff4cf
}
div.customertools[data-static=false] .nav > .sidebar-logout > a:hover {
  border-color: #f1c84b;
  color: #3a2b00;
  background: #fffaf0
}
div.customertools[data-static=false] .nav > .sidebar-logout > a:hover i {
  color: #fff;
  background: #d99a00
}
@media (max-width:576px) {
  div.customertools[data-static=false] {
    width: 100%;
    max-width: none
  }
  div.customertools[data-static=false] .your-account {
    min-height: 94px;
    padding: 40px 60px 17px 74px;
    font-size: 22px
  }
  div.customertools[data-static=false] .your-account::before {
    top: 24px;
    left: 18px;
    width: 42px;
    height: 42px
  }
  div.customertools[data-static=false] .your-account::after {
    top: 20px;
    left: 74px
  }
  div.customertools[data-static=false] .close-panel {
    top: 16px;
    right: 14px
  }
  div.customertools[data-static=false] :is(.as-account-company,.switch-account-new) {
    margin-right: 14px;
    margin-left: 14px
  }
  div.customertools[data-static=false] .nav {
    padding-right: 12px;
    padding-left: 14px
  }
}
@media (prefers-reduced-motion:reduce) {
  div.customertools[data-static=false],
  div.customertools[data-static=false] :is(.close-panel,.nav a,.nav a i) {
    transition: none!important
  }
}
.cart-dropdown .promotion_discount {
  display: none!important
}

#loginModal {
  padding: 18px!important
}
#loginModal.in {
  display: flex!important;
  align-items: center;
  justify-content: center
}
#loginModal .modal-dialog {
  width: min(560px,100%);
  margin: auto
}
#loginModal .modal-content {
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 24px 65px rgba(10,24,54,.3)
}

body.has-myaccount-2 .modal#loginModal .modal-header {
  min-height: 126px;
  padding: 28px 70px 24px 198px;
  border: 0;
  border-bottom: 4px solid var(--evo-btn-default-bg-hover)!important;
  background: url("https://eu.evocdn.io/dealer/1043/content/media/logo.png") no-repeat 28px center/142px auto,#fff
}
body.has-myaccount-2 .modal#loginModal .modal-header h3 {
  display: block;
  margin: 0;
  color: var(--evo-brand-default);
  font-size: 0
}
#loginModal .modal-header h3::before {
  content: "Welcome back";
  display: block;
  font: 700 24px/1.2 Lato,"Open Sans",sans-serif
}
#loginModal .modal-header h3::after {
  content: "Sign in to view account pricing, saved quotes and order history.";
  display: block;
  max-width: 285px;
  margin-top: 7px;
  color: var(--asap-login-muted);
  font: 500 12px/1.5 "Open Sans",sans-serif
}

body.has-myaccount-2 .modal#loginModal .modal-header .close {
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--asap-line);
  border-radius: 50%;
  background: var(--asap-surface);
  color: #6a7687;
  opacity: 1;
  text-shadow: none;
  transform: none;
  transition: .2s ease
}
#loginModal .modal-header .close i {
  color: inherit;
  font-size: 17px
}
body.has-myaccount-2 .modal#loginModal .modal-header .close:focus,
body.has-myaccount-2 .modal#loginModal .modal-header .close:hover {
  border-color: var(--evo-brand-default);
  background: var(--evo-brand-default);
  color: #fff;
  outline: 0;
  transform: rotate(90deg)
}

body.has-myaccount-2 .modal#loginModal .modal-body {
  padding: 24px 28px 26px!important
}
#loginModal .login-form-modal .form-group {
  margin-bottom: 17px
}
body.has-myaccount-2 .modal#loginModal .modal-body label {
  margin-bottom: 7px;
  color: var(--asap-ink-dark)!important;
  font-size: 13px;
  font-weight: 700
}
#loginModal .login-form-modal .input-group {
  position: relative;
  width: 100%
}
#loginModal .login-email .input-group::before,
#loginModal .login-password .input-group::before {
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 3;
  color: #718096;
  font: 15px/1 FontAwesome;
  transform: translateY(-50%);
  pointer-events: none
}
#loginModal .login-email .input-group::before {
  content: "\f0e0"
}
#loginModal .login-password .input-group::before {
  content: "\f023"
}
body.has-myaccount-2 .modal#loginModal .form-control {
  height: 48px;
  padding: 0 44px 0 42px;
  border: 1px solid var(--asap-line-strong)!important;
  border-radius: 8px;
  background: #fff!important;
  color: var(--asap-ink-dark);
  font-size: 14px;
  box-shadow: none!important
}
body.has-myaccount-2 .modal#loginModal .form-control:focus {
  border-color: var(--evo-link-color)!important;
  box-shadow: 0 0 0 3px rgba(49,124,197,.15)!important
}
#loginModal .input-group .valid-check {
  top: 50%;
  right: 15px;
  transform: translateY(-50%)
}
#loginModal .valid-check.valid {
  color: var(--asap-green,#03a84e)
}
#loginModal .valid-check.invalid {
  color: #c83c49
}

#loginModal .login-remember {
  margin: -1px 0 14px!important
}
body.has-myaccount-2 .modal#loginModal .login-remember .control {
  margin: 0;
  padding-left: 29px;
  color: #465468!important;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px
}
#loginModal .login-remember .control__indicator {
  top: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid #9fb0c4;
  border-radius: 5px;
  background: #fff
}
#loginModal .login-remember input:checked ~ .control__indicator {
  border-color: var(--evo-brand-default);
  background: var(--evo-brand-default)
}

#loginModal .grecaptcha-links {
  margin: 0 0 15px;
  padding: 11px 13px;
  border: 1px solid var(--asap-line);
  border-radius: 8px;
  background: var(--asap-surface)
}
#loginModal .grecaptcha-links small {
  float: none!important;
  color: #687587;
  font-size: 12px;
  line-height: 1.5
}
#loginModal .grecaptcha-links a {
  color: var(--evo-link-color);
  font-weight: 700
}

#loginModal .login-submit {
  margin: 0 0 17px!important
}
body.has-myaccount-2 .modal#loginModal .login-submit > div {
  margin-bottom: 0
}
body.has-myaccount-2 .modal#loginModal .login-submit .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border: 1px solid var(--evo-brand-default);
  border-radius: 8px;
  background: var(--evo-brand-default);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 5px 13px rgba(35,64,143,.19)
}
body.has-myaccount-2 .modal#loginModal .login-submit .btn:focus,
body.has-myaccount-2 .modal#loginModal .login-submit .btn:hover {
  border-color: #e2aa15;
  background: var(--evo-btn-default-bg-hover);
  color: #2c2500
}
#loginModal .login-submit .btn i,
#loginModal .login-submit .btn span {
  color: inherit
}

#loginModal .login-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 17px;
  border-top: 1px solid var(--asap-line)
}
body.has-myaccount-2 .modal#loginModal .login-links .help-link {
  float: none!important;
  margin: 0;
  color: var(--evo-link-color);
  font-size: 13px;
  font-weight: 700
}
#loginModal .login-link-register {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid #c7d4e4;
  border-radius: 7px;
  background: #f8fbff
}
#loginModal .login-link-register::after {
  content: "\f061";
  margin-left: 7px;
  font: 11px/1 FontAwesome
}
#loginModal .login-link-register:hover {
  border-color: var(--evo-link-color);
  background: #eef6ff;
  text-decoration: none
}

#loginModal .response-message.alert:not(.hide) {
  margin: 0 0 17px;
  padding: 11px 13px;
  border: 1px solid #e0aeb4;
  border-radius: 8px;
  background: #fff3f4;
  color: #8a2430;
  font-size: 12px
}
@media (max-width:600px) {
  #loginModal {
    align-items: flex-start;
    padding: 12px!important
  }
  #loginModal .modal-dialog {
    margin: 10px auto
  }
  body.has-myaccount-2 .modal#loginModal .modal-header {
    min-height: 164px;
    padding: 86px 52px 20px;
    background-position: center 22px,center;
    background-size: 126px auto,auto;
    text-align: center
  }
  #loginModal .modal-header h3::before {
    font-size: 22px
  }
  #loginModal .modal-header h3::after {
    margin-right: auto;
    margin-left: auto
  }
  body.has-myaccount-2 .modal#loginModal .modal-header .close {
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px
  }
  body.has-myaccount-2 .modal#loginModal .modal-body {
    padding: 20px 18px 22px!important
  }
  #loginModal .login-links {
    align-items: stretch;
    flex-direction: column;
    text-align: center
  }
}

body.ex-login > .modal-dialog {
  width: calc(100% - 28px);
  max-width: 620px;
  margin: 30px auto 42px
}
body.ex-login > .modal-dialog > .modal-content {
  overflow: hidden;
  border: 1px solid var(--asap-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(20,35,70,.14)
}
body.ex-login > .modal-dialog > .modal-content > .modal-body {
  position: relative;
  padding: 130px 30px 30px!important
}

body.ex-login > .modal-dialog > .modal-content > .modal-body::before {
  content: "Welcome back";
  position: absolute;
  top: 28px;
  right: 30px;
  left: 30px;
  color: var(--evo-brand-default);
  font: 700 28px/1.2 Lato,"Open Sans",sans-serif
}
body.ex-login > .modal-dialog > .modal-content > .modal-body::after {
  content: "Sign in to view account pricing, saved quotes and order history.";
  position: absolute;
  top: 68px;
  right: 30px;
  left: 30px;
  padding-bottom: 19px;
  border-bottom: 4px solid var(--evo-btn-default-bg-hover);
  color: var(--asap-login-muted);
  font: 500 13px/1.5 "Open Sans",sans-serif
}
body.ex-login .login-form-inline .form-group {
  margin-bottom: 17px
}
body.ex-login .login-form-inline label {
  display: block;
  margin: 0 0 7px;
  color: var(--asap-ink-dark);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4
}
body.ex-login .login-form-inline .input-group {
  position: relative;
  display: block;
  width: 100%
}
body.ex-login .login-form-inline .login-email .input-group::before,
body.ex-login .login-form-inline .login-password .input-group::before {
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 2;
  color: #718096;
  font: 15px/1 FontAwesome;
  transform: translateY(-50%);
  pointer-events: none
}
body.ex-login .login-form-inline .login-email .input-group::before {
  content: "\f0e0"
}
body.ex-login .login-form-inline .login-password .input-group::before {
  content: "\f023"
}
body.ex-login .login-form-inline .form-control {
  width: 100%;
  height: 48px;
  padding: 0 44px 0 42px;
  border: 1px solid var(--asap-line-strong)!important;
  border-radius: 8px;
  background: #fff!important;
  color: var(--asap-ink-dark);
  font-size: 14px;
  box-shadow: none!important;
  transition: border-color .18s ease,box-shadow .18s ease,background .18s ease
}
body.ex-login .login-form-inline .form-control:hover {
  border-color: #9fb2cb!important
}
body.ex-login .login-form-inline .form-control:focus {
  border-color: var(--evo-link-color)!important;
  background: #fff!important;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(49,124,197,.15)!important
}
body.ex-login .login-form-inline input:-webkit-autofill,
body.ex-login .login-form-inline input:-webkit-autofill:focus,
body.ex-login .login-form-inline input:-webkit-autofill:hover {
  -webkit-text-fill-color: var(--asap-ink-dark);
  -webkit-box-shadow: 0 0 0 1000px #fff inset!important
}
body.ex-login .login-form-inline .valid-check {
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 2;
  transform: translateY(-50%)
}
body.ex-login .login-form-inline .valid-check.valid {
  color: var(--asap-green,#03a84e)
}
body.ex-login .login-form-inline .valid-check.invalid {
  color: #c83c49
}

body.ex-login .login-form-inline .grecaptcha-links {
  margin: 1px 0 15px;
  padding: 11px 13px;
  border: 1px solid var(--asap-line);
  border-radius: 8px;
  background: var(--asap-surface)
}
body.ex-login .login-form-inline .grecaptcha-links + br {
  display: none
}
body.ex-login .login-form-inline .grecaptcha-links small {
  float: none!important;
  color: #687587;
  font-size: 12px;
  line-height: 1.5
}
body.ex-login .login-form-inline .grecaptcha-links a {
  color: var(--evo-link-color);
  font-weight: 700
}
body.ex-login .login-form-inline .login-submit {
  margin: 0 0 17px!important
}
body.ex-login .login-form-inline .login-submit > div {
  margin-bottom: 0
}
body.ex-login .login-form-inline .login-submit .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--evo-brand-default);
  border-radius: 8px;
  background: var(--evo-brand-default);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 5px 13px rgba(35,64,143,.19);
  transition: background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease
}
body.ex-login .login-form-inline .login-submit .btn:focus,
body.ex-login .login-form-inline .login-submit .btn:hover {
  border-color: #e2aa15;
  background: var(--evo-btn-default-bg-hover);
  color: #2c2500;
  outline: 0;
  box-shadow: 0 7px 16px rgba(35,64,143,.2)
}
body.ex-login .login-form-inline .login-submit .btn i {
  margin-left: 6px;
  color: inherit
}
body.ex-login .login-form-inline .login-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 17px;
  border-top: 1px solid var(--asap-line)
}
body.ex-login .login-form-inline .login-links .help-link {
  float: none!important;
  margin: 0;
  color: var(--evo-link-color);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none
}
body.ex-login .login-form-inline .login-link-register {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid #c7d4e4;
  border-radius: 7px;
  background: #f8fbff
}
body.ex-login .login-form-inline .login-link-register::after {
  content: "\f061";
  margin-left: 7px;
  font: 11px/1 FontAwesome
}
body.ex-login .login-form-inline .login-link-register:focus,
body.ex-login .login-form-inline .login-link-register:hover,
body.ex-login .login-form-inline .login-link-reset:focus,
body.ex-login .login-form-inline .login-link-reset:hover {
  color: var(--evo-brand-default);
  text-decoration: none
}
body.ex-login .login-form-inline .login-link-register:focus,
body.ex-login .login-form-inline .login-link-register:hover {
  border-color: var(--evo-link-color);
  background: #eef6ff
}
body.ex-login .login-form-inline .response-message.alert:not(.hide),
body.ex-login > .modal-dialog > .modal-content > .response-message[style*="display: block"] {
  margin: 0 0 17px;
  padding: 11px 13px;
  border: 1px solid #e0aeb4;
  border-radius: 8px;
  background: #fff3f4;
  color: #8a2430;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  box-shadow: none
}
@media (max-width:600px) {
  body.ex-login > .modal-dialog {
    width: calc(100% - 24px);
    margin: 18px auto 26px
  }
  body.ex-login > .modal-dialog > .modal-content {
    border-radius: 14px;
    box-shadow: 0 10px 26px rgba(20,35,70,.12)
  }
  body.ex-login > .modal-dialog > .modal-content > .modal-body {
    padding: 116px 18px 22px!important
  }
  body.ex-login > .modal-dialog > .modal-content > .modal-body::before {
    top: 22px;
    right: 18px;
    left: 18px;
    font-size: 23px
  }
  body.ex-login > .modal-dialog > .modal-content > .modal-body::after {
    top: 55px;
    right: 18px;
    left: 18px;
    padding-bottom: 15px;
    font-size: 12px
  }
}
@media (max-width:360px) {
  body.ex-login .login-form-inline .login-links {
    align-items: stretch;
    flex-direction: column;
    text-align: center
  }
  body.ex-login .login-form-inline .login-link-register {
    justify-content: center
  }
}
@media (prefers-reduced-motion:reduce) {
  body.ex-login .login-form-inline .form-control,
  body.ex-login .login-form-inline .login-submit .btn {
    transition: none
  }
}
body.ex-register {
  background: #fff;
  color: var(--asap-ink-dark)
}
body.ex-register .gradient-box {
  display: none
}
body.ex-register .page-content {
  min-height: 0;
  padding: 28px 0 64px;
  background: linear-gradient(180deg,#f7f9fc 0,#fff 220px)
}
body.ex-register section.log-reg.register-form {
  width: calc(100% - 32px);
  max-width: 760px;
  margin: 0 auto;
  padding: 0;
  text-align: center
}
body.ex-register section.log-reg.register-form > a {
  display: inline-block
}
body.ex-register section.log-reg.register-form > a > img.logo,
body.ex-register section.log-reg.register-form > img.logo {
  display: block;
  width: auto;
  max-width: 215px;
  max-height: 64px;
  margin: 0 auto 18px
}
body.ex-register section.log-reg.register-form > h1 {
  margin: 4px 0 20px!important;
  color: var(--asap-ink-dark);
  font: 700 30px/1.2 Lato,"Open Sans",sans-serif;
  letter-spacing: -.02em
}
body.ex-register section.log-reg.register-form > h1::after {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  margin: 12px auto 0;
  border-radius: 999px;
  background: var(--evo-btn-default-bg-hover)
}
body.ex-register section.log-reg.register-form > .row {
  margin-right: 0;
  margin-left: 0
}
body.ex-register section.log-reg.register-form > .row > [class*="col-"] {
  padding-right: 0;
  padding-left: 0
}
body.ex-register .mySignInButton {
  display: flex!important;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  min-width: 0;
  max-width: 720px!important;
  margin: 0 auto 18px!important;
  padding: 10px 12px!important;
  border: 1px solid var(--asap-line)!important;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(20,35,70,.06)!important
}
body.ex-register .mySignInButton .account-msg-container {
  flex: 1 1 auto;
  margin: 0;
  border: 0;
  line-height: 1.35;
  text-align: left
}
body.ex-register .mySignInButton .account-msg {
  position: static;
  padding: 0;
  background: transparent;
  color: #526174;
  font-size: 13px;
  font-weight: 600
}
body.ex-register .mySignInButton .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 132px;
  min-height: 40px;
  padding: 8px 18px;
  border: 1px solid var(--evo-brand-default);
  border-radius: 7px;
  background: #fff;
  color: var(--evo-brand-default);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  transition: background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease
}
body.ex-register .mySignInButton .btn:focus,
body.ex-register .mySignInButton .btn:hover {
  border-color: var(--evo-brand-default);
  background: var(--evo-brand-default);
  color: #fff;
  outline: 0;
  box-shadow: 0 4px 10px rgba(35,64,143,.18)
}
body.ex-register .removeButton {
  display: none!important
}
body.ex-register section.log-reg.register-form > .row:last-of-type .form-container {
  display: block;
  width: 100%;
  max-width: 720px;
  margin: 0 auto!important;
  padding: 28px;
  border: 1px solid var(--asap-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(20,35,70,.12);
  text-align: left
}
body.ex-register section.log-reg.register-form form.register-form {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 17px 20px
}
body.ex-register section.log-reg.register-form form.register-form > br {
  display: none
}
body.ex-register section.log-reg.register-form form.register-form > .form-group {
  order: 5;
  min-width: 0;
  margin: 0
}
body.ex-register section.log-reg.register-form form.register-form > .form-group:has(#name) {
  order: 1;
  grid-column: 1/-1
}
body.ex-register section.log-reg.register-form form.register-form > .allowBusinessAccount_wrapper,
body.ex-register section.log-reg.register-form form.register-form > .form-group:has(#credit_status) {
  display: none!important
}
body.ex-register section.log-reg.register-form form.register-form > .as-register-payment {
  order: 2;
  grid-column: 1/-1
}
body.ex-register section.log-reg.register-form form.register-form > .company_organisation_wrapper {
  order: 3;
  grid-column: 1/-1
}
body.ex-register section.log-reg.register-form form.register-form > .form-group:has(#emailaddress) {
  order: 5;
  grid-column: 1
}
body.ex-register section.log-reg.register-form form.register-form > .form-group:has(#phone) {
  order: 6;
  grid-column: 2
}
body.ex-register section.log-reg.register-form form.register-form > .form-group:has(#password) {
  order: 7;
  grid-column: 1/-1
}
body.ex-register section.log-reg.register-form form.register-form > .g-recaptcha {
  order: 8;
  grid-column: 1/-1;
  justify-self: center;
  margin: 1px 0 0
}
body.ex-register section.log-reg.register-form form.register-form > .form-group:has(#termsandconditionscheck) {
  order: 9;
  grid-column: 1/-1
}
body.ex-register section.log-reg.register-form form.register-form > .form-group.small {
  order: 10;
  grid-column: 1/-1
}
body.ex-register section.log-reg.register-form form.register-form > .form-group:has(#newsletter_status) {
  order: 11;
  grid-column: 1/-1
}
body.ex-register section.log-reg.register-form form.register-form > .form-group:has(button[type="submit"]) {
  order: 12;
  grid-column: 1/-1
}
body.ex-register section.log-reg.register-form form.register-form .form-group > label:not(.control) {
  display: block;
  margin: 0 0 7px;
  color: var(--asap-ink-dark);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35
}
body.ex-register section.log-reg.register-form form.register-form .form-control {
  display: block;
  width: 100%!important;
  height: 48px;
  padding: 0 13px;
  border: 1px solid var(--asap-line-strong)!important;
  border-radius: 8px;
  background: #fff!important;
  color: var(--asap-ink-dark);
  font-size: 14px;
  box-shadow: none!important;
  transition: border-color .18s ease,box-shadow .18s ease,background .18s ease
}
body.ex-register section.log-reg.register-form form.register-form .form-control:hover {
  border-color: #9fb2cb!important
}
body.ex-register section.log-reg.register-form form.register-form .form-control:focus {
  border-color: var(--evo-link-color)!important;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(49,124,197,.15)!important
}
body.ex-register section.log-reg.register-form form.register-form input:-webkit-autofill,
body.ex-register section.log-reg.register-form form.register-form input:-webkit-autofill:focus,
body.ex-register section.log-reg.register-form form.register-form input:-webkit-autofill:hover {
  -webkit-text-fill-color: var(--asap-ink-dark);
  -webkit-box-shadow: 0 0 0 1000px #fff inset!important
}
body.ex-register section.log-reg.register-form form.register-form .as-register-payment {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0
}
body.ex-register section.log-reg.register-form form.register-form .as-register-payment legend {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  color: var(--asap-ink-dark);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35
}
body.ex-register .as-register-payment-options {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px
}
body.ex-register .as-register-payment-option {
  position: relative;
  display: block;
  min-width: 0;
  margin: 0;
  cursor: pointer
}
body.ex-register .as-register-payment-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none
}
body.ex-register .as-register-payment-card {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  gap: 10px;
  align-items: center;
  min-height: 72px;
  padding: 11px 12px;
  border: 1px solid var(--asap-line);
  border-radius: 9px;
  background: var(--asap-surface);
  color: #3f4b5b;
  transition: background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease
}
body.ex-register .as-register-payment-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #fff;
  color: var(--evo-link-color);
  font-size: 17px;
  box-shadow: 0 1px 3px rgba(20,35,70,.08)
}
body.ex-register .as-register-payment-copy {
  min-width: 0
}
body.ex-register .as-register-payment-title {
  display: block;
  margin: 0 0 3px;
  color: var(--asap-ink-dark);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3
}
body.ex-register .as-register-payment-description {
  display: block;
  color: #667386;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4
}
body.ex-register .as-register-payment-option:hover .as-register-payment-card {
  border-color: #9fb2cb;
  background: #fff;
  transform: translateY(-1px)
}
body.ex-register .as-register-payment-option input:focus-visible + .as-register-payment-card {
  border-color: var(--evo-link-color);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(49,124,197,.15)
}
body.ex-register .as-register-payment-option input:checked + .as-register-payment-card {
  border-color: var(--evo-brand-default);
  background: #eef4ff;
  box-shadow: inset 0 0 0 1px var(--evo-brand-default)
}
body.ex-register .as-register-payment-option input:checked + .as-register-payment-card .as-register-payment-icon {
  background: var(--evo-brand-default);
  color: #fff
}
body.ex-register .as-register-payment-help {
  margin: 8px 1px 0;
  color: #667386;
  font-size: 12px;
  line-height: 1.45
}
body.ex-register .as-register-payment-help a {
  color: var(--evo-link-color);
  font-weight: 700
}
body.ex-register section.log-reg.register-form form.register-form .has-tooltip {
  flex: 0 0 auto;
  margin-left: 7px;
  color: var(--evo-link-color);
  font-size: 14px
}
body.ex-register section.log-reg.register-form form.register-form .control {
  min-height: 20px;
  margin: 0;
  padding-left: 29px;
  color: #475569;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px
}
body.ex-register section.log-reg.register-form form.register-form > .form-group:has(#termsandconditionscheck) .control,
body.ex-register section.log-reg.register-form form.register-form > .form-group:has(#newsletter_status) .control {
  color: #445164;
  font-weight: 600
}
body.ex-register section.log-reg.register-form form.register-form .control__indicator {
  width: 20px;
  height: 20px;
  border: 1px solid #aebed1;
  border-radius: 4px;
  background: #fff
}
body.ex-register section.log-reg.register-form form.register-form .control input:checked ~ .control__indicator {
  border-color: var(--evo-brand-default);
  background: var(--evo-brand-default)
}
body.ex-register section.log-reg.register-form form.register-form .psw-meter .progress {
  height: 4px;
  margin: 6px 0 0;
  overflow: hidden;
  border-radius: 999px;
  background: #e6ecf4;
  box-shadow: none
}
body.ex-register section.log-reg.register-form form.register-form .psw-meter .progress-bar {
  border-radius: 999px;
  box-shadow: none
}
body.ex-register section.log-reg.register-form form.register-form .password-verdict {
  display: block;
  margin: 4px 0 0;
  color: #667386;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25
}
body.ex-register section.log-reg.register-form form.register-form > .form-group:has(#termsandconditionscheck),
body.ex-register section.log-reg.register-form form.register-form > .form-group:has(#newsletter_status) {
  padding: 0 2px
}
body.ex-register section.log-reg.register-form form.register-form > .form-group.small {
  margin-top: -8px;
  padding: 0 2px;
  color: #667386;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.5
}
body.ex-register section.log-reg.register-form form.register-form > .form-group.small a {
  color: var(--evo-link-color);
  font-weight: 700
}
body.ex-register section.log-reg.register-form form.register-form button[type="submit"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  margin: 2px 0 0;
  border: 1px solid var(--evo-brand-default);
  border-radius: 8px;
  background: var(--evo-brand-default);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 5px 13px rgba(35,64,143,.19);
  transition: background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease
}
body.ex-register section.log-reg.register-form form.register-form button[type="submit"]:not(:disabled):focus,
body.ex-register section.log-reg.register-form form.register-form button[type="submit"]:not(:disabled):hover {
  border-color: #e2aa15;
  background: var(--evo-btn-default-bg-hover);
  color: #2c2500;
  outline: 0;
  box-shadow: 0 7px 16px rgba(35,64,143,.2)
}
body.ex-register section.log-reg.register-form form.register-form button[type="submit"]:disabled {
  border-color: #c7ced8;
  background: #c7ced8;
  color: #fff;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 1
}
body.ex-register button.registerBackBut {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 24px;
  left: 28px;
  z-index: 3;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--asap-line);
  border-radius: 50%;
  background: #fff;
  color: var(--evo-link-color);
  box-shadow: 0 3px 10px rgba(20,35,70,.09);
  transition: background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease
}
body.ex-register button.registerBackBut .fa-arrow-left {
  color: inherit;
  font-size: 17px
}
body.ex-register button.registerBackBut:focus,
body.ex-register button.registerBackBut:hover {
  border-color: var(--evo-brand-default);
  background: var(--evo-brand-default);
  color: #fff;
  outline: 0;
  transform: translateX(-2px)
}

body.ex-register section.log-reg.register-form form.register-form > .alert {
  order: 0;
  grid-column: 1/-1;
  margin: 0;
  padding: 11px 13px;
  border: 1px solid #e0aeb4;
  border-radius: 8px;
  background: #fff3f4;
  color: #8a2430;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.45;
  box-shadow: none
}
body.ex-register section.log-reg.register-form form.register-form .form-group.has-error .form-control {
  border-color: #c83c49!important;
  box-shadow: 0 0 0 3px rgba(200,60,73,.12)!important
}
body.ex-register section.log-reg.register-form form.register-form .help-block,
body.ex-register section.log-reg.register-form form.register-form label.error {
  display: block;
  margin: 5px 0 0;
  color: #a52f3b;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35
}
@media (max-width:767px) {
  body.ex-register .page-content {
    padding: 20px 0 38px
  }
  body.ex-register section.log-reg.register-form {
    width: calc(100% - 24px)
  }
  body.ex-register section.log-reg.register-form > a:first-child {
    display: none
  }
  body.ex-register section.log-reg.register-form > h1 {
    margin-bottom: 16px!important;
    font-size: 25px
  }
  body.ex-register .mySignInButton {
    gap: 10px;
    padding: 9px 10px!important
  }
  body.ex-register .mySignInButton .account-msg {
    font-size: 12px
  }
  body.ex-register .mySignInButton .btn {
    min-width: 105px;
    min-height: 38px;
    padding: 7px 13px
  }
  body.ex-register section.log-reg.register-form > .row:last-of-type .form-container {
    padding: 22px 18px;
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(20,35,70,.1)
  }
  body.ex-register section.log-reg.register-form form.register-form {
    grid-template-columns: 1fr;
    gap: 15px
  }
  body.ex-register section.log-reg.register-form form.register-form > .form-group,
  body.ex-register section.log-reg.register-form form.register-form > .g-recaptcha {
    grid-column: 1!important
  }
  body.ex-register section.log-reg.register-form form.register-form .form-control {
    height: 46px
  }
  body.ex-register .as-register-payment-options {
    grid-template-columns: 1fr
  }
  body.ex-register .as-register-payment-card {
    min-height: 66px
  }
  body.ex-register button.registerBackBut {
    display: none
  }
}
@media (max-width:420px) {
  body.ex-register .mySignInButton {
    align-items: stretch;
    flex-direction: column;
    text-align: center
  }
  body.ex-register .mySignInButton .account-msg-container {
    text-align: center
  }
  body.ex-register .mySignInButton .btn {
    width: 100%
  }
}
@media (max-width:350px) {
  body.ex-register section.log-reg.register-form > .row:last-of-type .form-container {
    padding-right: 12px;
    padding-left: 12px;
    overflow: hidden
  }
  body.ex-register section.log-reg.register-form form.register-form > .g-recaptcha {
    justify-self: start;
    width: 304px;
    margin-right: -55px;
    margin-bottom: -14px;
    transform: scale(.82);
    transform-origin: top left
  }
}
@media (prefers-reduced-motion:reduce) {
  body.ex-register .mySignInButton .btn,
  body.ex-register button.registerBackBut,
  body.ex-register section.log-reg.register-form form.register-form .form-control,
  body.ex-register section.log-reg.register-form form.register-form button[type="submit"] {
    transition: none
  }
}