/* start: Seamus Added to help Office Central target and label buttons when more than one payment method is supported */
/* Saved cards page, select the Net1 CC list item within .pm-add-buttons */
[data-target="#modalAddNet1CreditCard"]::before {
  content: "Add or Move Payment Cards Here:";
  color: #000;
  font-size: 16px;
  /* Adjust the position as needed */
  position: absolute;
  top: -30px;
  
  left: 0;
}

ul.pm-add-buttons li {
  margin-top: 30px;
}
/* body class is for testing label customers only, when net1 is available then just remove the body class to target everyone */
/* Saved cards page, Hide the brain tree button item within .pm-add-buttons */
body.ex-l-1861 tr.cc_braintree td:nth-of-type(2)::after {
    content: "This legacy card can be re-saved to access it after July 1st.";
    display: block;
    font-style:italic;
  color:red;
}
body.ex-l-1861 .payments-dropdown-content a[data-target="#modalAddBraintreeCreditCard"] {
    display: none;
}
body.ex-l-1861 [data-target="#modalAddBraintreeCC"] {
  
  display: none;
  
}

/* end: Seamus Added to help Office Central target... */

body.ex-cart tr.cart-order-total {
    display: none;
}

#htmlcontent_110492 > div > div > div.headIcon.hiBasket.minicart_container > a > div > div > div.cart-resume > div.softgraybackground.mini-shopping-cart > div > div > table > tbody > tr:nth-child(5) {
    /*display: none;*/
}
#htmlcontent_110492 > div > div > div.headIcon.hiBasket.minicart_container > a > div > div > div.cart-resume > div.softgraybackground.mini-shopping-cart > div > div > table > tbody > tr:nth-child(6) {
    display: none;
}

tr#minicart_tax {
    display: none !important;
}

.holdHeight {
  height: 671px;
  overflow: hidden;
}

/* start - remove the Quick order Import - EvoX */

li.qo-tabs:nth-child(2) {
    display: none;
}
/* end - remove the Quick order Import - EvoX */

.mnePOmsg {
    display: none;
}

body.ex-customer.ex-l-1773 .mnePOmsg {
    display: block;
}

#filterswrapper > div.text-center.small { 
   word-wrap: break-word;
}
.col-lg-12.col-md-12.product-points li {
    list-style:disc;
}
#details > div > div.col-lg-6.col-md-6.productdetails > div.row > div > div.margindiv.product-indicators {
    display : none ;
}
#ae_app #ae_launcher.ae-cta-position-preset-left-lower {
        bottom: 75px !important ;
        left: 20px !important ;
}

.navCloseBtn {
  position: absolute;
  background: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-nav-close-v3.png')no-repeat center;
  width: 17px;
  height: 17px;
  top: 10px;
  left: -30px;
  z-index:2;
  cursor:pointer;
}

/* Remove old quicklist button */
.toolbar .shopping-tools-wrapper div#vuequicklistdropdown {
    display: none!important;
}
/* Remove in contract filter from search */
section.filter-section.filtername-incontract {
    display: none;
}
.nFlex{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.nLinkArea{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.nList{
    margin:0;
    padding:0;
    list-style:none;
}

.nList li{
    margin:0;
    padding:0;
}

.nRel{
    position:relative;
}

@media only screen and (max-width:991px){
  .noOverflow {
    overflow: hidden !important;
  }
}


.ex-loggedout .nLoggedIn{
    display:none;
}
.ex-loggedin .nLoggedOut{
    display:none;
}
/*.ex-loggedin .nLoggedIn{
    display:flex;
}*/

.catBrands{
    border-color:#959595 !important;
    padding-top:0;
    padding-bottom:0;
}


.page-content a > img{
    transition:0.35s opacity;
}

.page-content a:hover > img{
    opacity:0.7;
}

.vertical-align{
    display:flex;
    justify-content:space-between;    
}
.vertical-align:before,
.vertical-align:after{
    display:none;
}

.headersection-1 .vertical-align > div {
    width: auto;
}

.headersection-1 .vertical-align .search_container {
    width: 100%;
}

.header-full .logo img {
    width: 350px;
    max-width: 371px !important;
    height: auto !important;
    max-height: none !important;
}

header section.search .search-form .form-group input {
    height: 50px;
    border:none;
    border-radius: 8px;
    padding-right: 60px;
    padding-left: 22px;
    background:#e5e5e5;
}

.conditional-content section.search .search-form .form-group input {
    background: white;
    border: 3px solid #d9edf7;
    height: 50px;
    border-radius: 8px;
    padding-right: 60px;
    padding-left: 22px;
}

.conditional-content section.search {
    padding-left: 0;
}

header section.search .search-form button[type="submit"],
.conditional-content .search-form button[type="submit"] {
    top: 7px;
    right: 14px;
}

.headIcons{
    display:Flex;
}

.headIcon{
    position: relative;
    display: inline-block;
    margin: 5px;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
}
.headIcon:before {
    content: "";
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    background: #fff;
    position: absolute;
    border-radius: 4px;
    transition: 0.35s all;
}
.headIcon:hover:before {
    background: #97D700;
}
.headIcon img {
    position: relative;
}

.headIcons #vuequicklistdropdown{
    position: relative;
    display: inline-block;
    margin: 5px;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
}

.headIcons #vuequicklistdropdown:before {
    content: "";
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    background: #fff;
    position: absolute;
    border-radius: 4px;
    transition: 0.35s all;
}
.headIcons #vuequicklistdropdown:hover:before {
    background: #97D700;
}

.headIcons #vuequicklistdropdown > a > i{
    width: 42px;
    height: 42px;
    background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-head-icon-heart.png')no-repeat center;
    position:relative;
}
.headIcons #vuequicklistdropdown > a > i:before{
    display:none;
}

.headIcons #vuequicklistdropdown > a{
    margin:0;
    height:42px;
}

.headIcons #vuequicklistdropdown a span{
    display:none;
}

.shpLogin .toolbar .account-btn {
    overflow: hidden;
    width: 38px;
    height: 38px;
    margin: 0 !important;
}

.hiBasket:hover .cart-dropdown {
    display: block;
}

.hiBasket > .minicart_count {
    top: -5px;
    right: -5px;
    position: absolute;
    width: 18px;
    height: 18px;
    font-size: 10px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    background: #009CDE;
    line-height: 10px;
    text-align: center;
    padding: 5px 0;
}

body .toolbar .account-btn{
    width:105px;
    max-width:100%;
    padding:10px;
    margin:0;
    background:#009CDE;
    color:#fff;
    font-size:14px;
    font-weight:800;
    text-align:center;
    transition:0.35s all;
    border-radius:3px;
}

body .toolbar .account-btn:before{
    content:"Login";
}
body.ex-loggedin .toolbar .account-btn:before{
    content:"Dashboard";
}
body.ex-loggedin .toolbar .account-btn{
    margin-left:5px;
    justify-content:center;
}

.headLogoutButton{
  display:none;
}
.headLogoutButton:before{
  display:none;
}

body .toolbar .account-btn:hover{
    background:#97D700;
}

body .toolbar .account-btn i,
.toolbar .shopping-tools-wrapper .account-btn > span{
    display:none;
}

.headersection-3{
    display:none;
}

.ex-loggedin .shopping-tools-wrapper{
  min-width:220px;
  justify-content: flex-start !important;
}

/* sidebar nav */

 /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 50; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color:#fff; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  direction:rtl;
}

.sidenav *{
    direction:ltr;
}

.sidenav.open {
  border-right:3px solid #003865;
}

/* The navigation menu links */

.sidebarToggle{
    position:fixed;
    top:10px;
    left:10px;
    background:#fff;
    padding:5px 10px;
    cursor:pointer;
}

.sidebarToggle:hover{
    background:#111;
}

.sidenav p{
    margin:0 auto 20px;
    max-width:80%;
}

.sidenav ul, .sidenav li{
    list-style:none;
    margin:0;
    padding:0;
}

.sidenav ul li a{
    font-size:14px;
    padding: 5px 8px 5px 32px;
    display: block;
    transition:0.25s all;
    text-decoration:none;
    white-space:normal;
}

.sidenav ul.sideMainLinks a{
    font-size:14px;
    font-weight:700;
    padding: 8px 8px 8px 32px;
    line-height:26px;
    text-transform: uppercase;
}

ul.sideMainLinks{
    margin:30px 0;
}

.sidenav ul li a:hover{
    background:#003865;
    color:#fff;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.sidenav .closebtnt2 {
    float:right;
    margin-right:40px;
    font-size:12px;
     color:#009cde;
}

.sidenav .closebtnt2 span{
    margin-left: 5px;
    font-size: 18px;
    font-weight: 700;
}

#sideNavT2.sidenav{
    left:280px;
    z-index:49;
    opacity:0;
    direction:ltr;
    padding-top:30px;
}

#sideNavT2.sidenav.open{
    min-width:340px;
}

#sideNavT2.sidenav > div{
    width:0;
    height:0;
    opacity:0;
    overflow:hidden;
}

#sideNavT2.sidenav > div.active{
    opacity:1;
    width:auto;
    height:auto;
}

#sideNavT2.sidenav .nFlex{
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:flex-start;
    margin:0px;
}

#sideNavT2.sidenav .nFlex ul{
    width:20%;
}

.sidenav h2,
.sidenav h3{
    padding-left:32px;
    white-space:nowrap;
}

.sidenav h2{
    margin:0;
    position:relative;
}

.sidenav h3{
    margin:30px 0 5px;
    font-size:14px;
    white-space:normal;
}

.menu .catalog li.nav-sidenav{
    position:absolute;
}
.nav-sidenav-shop{
    left:0;
}
.nav-sidenav-services{
    left:100px;
}

.sideServices{
    padding:0 27px;
    flex-wrap:wrap;
    align-items:stretch;
    margin-bottom:30px;
}

.sideServBox{
    position:relative;
    width:50%;
    padding:5px;
}

.sideServBox img{
    margin:0 0 10px;
}

.sideServBox p{
    margin:0;
    font-size:13px;
    color:#000;
    min-height:36px;
    max-width:none;
    line-height:18px;
}

.sideServBox:hover p{
    text-decoration:underline;
}

.menu .catalog li.nav-sidenav a{
    padding:12px 15px 12px 50px;
    background-image:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-nav-hamburger.png');
    background-repeat:no-repeat;
    background-position:left 8px center;
    text-transform:none;
}

.menu .catalog li.nav-sidenav:hover a {
    background-image:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-nav-hamburger-b&w.png');
}

.menu .catalog-block > ul{
    display:flex;
    justify-content:center;
    align-items:stretch;
    padding:0 0 0 215px;
    max-width:1420px;
}

.menu .catalog-block{
    background:#fff;
}

.menu .catalog-block > ul > li{
    padding:0;
    display: inline-block !important;
}

.menu .catalog-block > ul > li a{
    padding:12px 30px;
    color:#003865;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
    line-height: normal;
}

.menu ul.catalog > li.has-submenu > a{
    letter-spacing:0;
    background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-nav-arrow.png')no-repeat right 10px center;
}

.footersection-3,
.footBot{
    background:#003865;
}

.footBot{
    padding:15px 0;
}

footer .footBot ul{
    list-style:none;
    margin:0;
    padding:0;
}

footer .footBot ul li{
    margin:0;
    padding:0;
    color:#fff;
    font-size:14px;
    display:inline-block;
    vertical-align:middle;
}

footer .footBot ul .footDivide{
    width:2px;
    height:13px;
    margin:0 10px;
    background:#fff;
}

footer .footBot ul li a{
    color:#fff;
}
footer .footBot ul li a:hover{
    color:#fff;
    text-decoration:underline;
}

footer.footer{
    padding:0;
}

.footMain{
    padding:70px 0;
}

.footMain h3{
    font-size:15px;
    font-weight:900;
    text-transform:none;
    margin: 0 0 5px;
}

.footMain .nFlex{
    align-items:flex-start;
}

.footCol{
    max-width:18%;
}

.footCol.fc1{
    max-width:300px;
}

.footCol.fc5{
    text-align:center;
    margin-top: -15px;
}

.footSocial{
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    margin:0 0 30px;
}

.footSocial h5 {
  flex: 0 0 100%;
  margin-bottom: 0;
  text-transform: uppercase;
}

.footLogo{
    margin:0 0 30px;
}

.footSoc{
    position:relative;
    display:flex;
    align-items:center;
    width:unset;
    margin:10px 0;
}

.footSoc .fsImg{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:3px;
    background:#003865;
    transition:0.35s all;
    margin-right:10px;
}

.footSoc:hover .fsImg{
    border-radius:3px;
    background: rgba(0, 56, 101, 0.7);
}

.footSoc .fsImg img {
    max-height: 16px;
}

/*
.footSoc p{
    line-height:16px;
    color:#003865;
    font-size:16px;
    font-weight:700;
    margin:0;
}

.footSoc p span{
    font-size:12px;
    font-weight:400;
}
*/
.footCol ul{
    margin:0;
    padding:0;
    list-style:none;
}

.footCol ul li{
    margin:0;
    padding:5px 0;
    font-size:14px;
    color:#333e48;
    line-height: 1.2;
}

.footCol ul li a{
    color:#333e48;
}

.footCol ul li a:hover{
  text-decoration: none;
  opacity: 0.7;
}

.footersection-1{
    background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-testimonials-bg.jpg')no-repeat center;
    background-size:cover;
    background-attachment:fixed;
}

.footPay{
    text-align:center;
    margin:30px 0 0;
}

.footTel a,
.mobAccord ul li .footTel a {
    padding:0 0 0 75px;
    font-size: 20px;
    background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-foot-flag.png')no-repeat left center;
    font-weight:800;
}

.footTel,
.footEml {
    margin:0 0 25px;
}

.footTel a:hover,
.footEml a:hover {
  text-decoration: none;
  color: rgba(0, 56, 101, 0.7);
}

.footEml {
  padding: 0;
  font-size: 16px;
  font-weight: 700;
}

.testimonialSlider{
    padding: 60px 0 0px 0;
    display:flex; /*no js fix*/
    min-height:308px; /*no js fix*/
}
.testimonialSlider > .testSlide{
    /*no js fix*/
    margin: 0 10px;
}
.testimonialSlider > .testSlide:nth-child(n+5){
     /*no js fix*/
    display:none;
}

.testSlide{
    padding:0 30px;
}

.testSlide h3{
    font-size:16px;
    font-weight:700;
    color:#000;
    text-transform:none;
}

.testTitle{
    margin:0 0 10px;
}

.testSlide p{
    color:#000;
    font-size:14px;
}

.testimonialSlider .slick-dots{
    bottom:0;
}

.homeServices{
    background:#F9F9F9;
    padding:70px 0;
}

.hsTitle {
    text-align:center;
    margin:0 0 30px;
}

.hsTitle h1{
    marign:0 0 10px;
}

.hsTitle p{
    margin:0;
}

.homeServices .nFlex{
    align-items:stretch;
    flex-wrap:wrap;
}

.serviceBox{
    margin:12px 0;
    width:32%;
    position:relative;
    background:#fff;
    transition:0.35s background;
    overflow:hidden;
}

.serviceBox:nth-child(n+4){
    width:24%;
}

.sbImg{
    background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-servicebox-img-ph.jpg')no-repeat center;
    background-size:cover;
    height:180px;
    width:100%;
    transition:0.35s all;
}

.serviceBox.sb1 .sbImg{ background-image:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-servicebox-img-supplies.jpg'); }

.serviceBox.sb2 .sbImg{ background-image:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-servicebox-img-furniture.jpg'); }

.serviceBox.sb3 .sbImg{ background-image:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-servicebox-img-education.jpg'); }

.serviceBox.sb4 .sbImg{ background-image:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-servicebox-img-coffee.jpg'); }

.serviceBox.sb5 .sbImg{ background-image:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-servicebox-img-ppe.jpg'); }

.serviceBox.sb6 .sbImg{ background-image:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-servicebox-img-warehouse.jpg'); }

.serviceBox.sb7 .sbImg{ background-image:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-servicebox-img-tech.jpg'); }

.sbText{
    padding:30px;
    transition:0.35s background;
    background:#fff;
    position:relative
}

.sbText h3{
    font-size:20px;
    margin:0 0 15px;
    transition:0.35s color;
}

.sbText p{
    font-size:15px;
    margin:0 0 15px;
    transition:0.35s color;
}

.sbText p:last-child{
    margin:0;
    font-size:16px;
    color:#009CDE;
}

.serviceBox:hover,
.serviceBox:hover .sbText {
    background:#003865;
}

.serviceBox:hover .sbImg{
    filter:grayscale(1);
    transform:scale(1.1);
}

.serviceBox:hover .sbText h3,
.serviceBox:hover .sbText p{
    color:#fff;
}

.homeVF{
    padding:70px 0;
}

.hvfTitle {
    text-align:center;
    margin:0 0 30px;
}

.hvfTitle h1{
    marign:0 0 10px;
}

.hvfTitle p{
    margin:0;
}

.hvfBox{
    width:49%;
    border-radius:3px;
    overflow:hidden;
    position:relative;
}

.hvfSlider{
    max-width:438px;
}

.hvfBox .slick-dotted.slick-slider{
    margin:0;
}

.hvfBox .slick-dots{
    bottom:10px;
    text-align:left;
    margin-left:10px;
}

.hvfSlider .slick-dots li button:before{
    font-size:18px;
    color:#fff;
    opacity:0.6;
}
.hvfSlider .slick-dots li.slick-active button:before{
    color:#fff;
    opacity:1;
}

.hvfSlider .slick-dots li{
    margin:0 2px;
}

.hvfOverlay{
    background:#e7e7e8;
    border-radius:3px;
    position:absolute;
    bottom:0;
    right:0;
    height:100%;
    width:260px;
    padding:30px 25px;
    text-align:center;
}

.hvfOverlay img{
    margin:0 auto 20px;
}

.hvfButton{
    background:#fff;
    font-weight:800;
    color:#262626;
    font-size:14px;
    padding:10px 25px;
    border-radius:3px;
    width:190px;
    max-width:100%;
    display:block;
    margin:0 auto;
    transition:0.35s all;
}

.hvfButton:hover{
    background:#003865;
    color:#fff;
}

.homeCats{
    padding:40px 0;
}

.homeCats h1{
    text-align:center;
    margin:0 0 30px;
}

.homeCats .nFlex{
    flex-wrap:wrap;
    align-items:stretch;
}

.catBox{
    width:24%;
    padding:25px 10px;
    border-radius:18px;
    margin:12px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    transition:0.35s all;
    background:#F4F4F4;
    position:relative;
}

.cbImg{
    max-width:50%;
    transition:0.35s all;
    padding:0 10px;
    transition:0.35s all;
    display:flex;
    justify-content:center;
    align-items:center;
}

.catBox p{
    width:62%;
    color:#003865;
    font-size:16px;
    margin:0;
    line-height:20px;
}

.catBox p span{
    color:#009CDE;
    font-size:20px;
    font-weight:700;
}

.catBox:hover{
    border-radius:10px;
}

.catBox:hover .cbImg{
    transform:translateY(-8px);
}

.homeBanners{
    margin:20px 0 0;
}

.homeBanner{
    width:49%;
    height:270px;
    border-radius:4px;
    background:#a7a7a7;
    margin:10px 0;
}

.homeStrip{
    background:#f9f9f9;
    padding:30px 0;
    margin-top:-1px;
}

.stripBox{
    display:flex;
    align-items:center;
    position:relative;
    margin:0 7px;
}

.stripImg{
    display:flex;
    width:40px;
    height:40px;
    justify-content:center;
    align-items:center;
    margin-right:15px;
}

.stripBox p{
    margin:0;
    font-size:14px;
    line-height:20px;
    transition:0.35s color;
}

.stripBox p span{
    font-size:20px;
    font-weight:800;
}

.stripBox:hover p{
    color:#003865;
}

/* Start of add Sticky header EvoX */
.menubarStick {
  position: fixed !important;
  top: 0;
  width:100%;
  z-index: 15;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
}


.headersection-1.menubarStick > .row-2 {
    max-width: 1450px;
    margin: 0 auto;
}

.headersection-1.menubarStick .vertical-align.container{
    padding:0;
}
/* change me to the height of the sticky row */
.menubarHeader {
    margin-top:93px;
}
/* end of add Sticky header EvoX */

.categoryIntro{
  margin:60px 0;
}
.categoryIntro p{
  font-weight:500;
  margin:0 0 45px;
  color:#003865;
}
.ciPoints .nFlex{
  flex-wrap:wrap;
  align-items:flex-start;
}
.ciPoints h3{
  font-size:16px;
  font-weight:800;
  margin:0 0 20px;
  text-decoration:underline;
  color:#003865;
}
.ciPoints ul{
  margin:0;
  padding:0;
  list-style:none;
  width:31%;
}
.ciPoints ul li{
  margin:0 0 10px;
  padding:0 0 0 40px;
  background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-category-pointtarget.png') no-repeat top 7px left;
  color:#003865;
}

/*content pages start*/
.textCenter{
  text-align:center;
}
.textBlue{
  color:#003865;
}

.contTitle{
  margin:40px 0 80px;
  text-align:center;
}
.contTitle h1{
  margin:0 0 20px;
  color:#003865;
}
.contTitle p{
  margin:0 0 20px;
}
.contTitle p:last-of-type{
  margin:0;
}
.contContent{
  margin:0 0 40px;
}
.contContent .row.nFlex{
  margin:60px -15px;
  flex-wrap:wrap;
  align-items:flex-start;
}
.contContent h2{
  margin:0 0 20px;
  color:#003865;
}
.contContent .nList {
  margin:0 0 20px;
}
.contContent .nList li{
  background:url('https://us.evocdn.io/dealer/1186/content/media/Content_Pages/oc-content-bulletpoint.png') no-repeat top 5px left;
  padding:0 10px 0 40px;
  margin:0 0 20px;
}
.contContent p{
  margin:0 0 30px;
}
.contContent p:last-of-type{
  margin:0;
}
.contCta{
  text-align:center;
  margin:0 0 40px;
}
.contCta p{
  margin:0 0 30px;
}
.contCta p:last-of-type{
  margin:0;
}
.contBtn{
  display:inline-block;
  width: 300px;
  padding: 10px;
  margin: 0;
  margin-right: 0px;
  background: #009CDE;
  color: #fff;
  font-weight: 800;
  text-align: center;
  transition: 0.35s all;
  border-radius: 3px;
}
.contBtn:hover{
  background: #97D700;
}

@media only screen and (max-width:991px){
  .ex-content-page .page-content.twocolumnsleft .filter-container{
    float:none;
  }
}

.ex-content-page .page-content.twocolumnsleft .filter-container .menulinks_container h4{
  color:#fff;
  font-size:16px;
  padding:12px;
  background:#003865;
  margin:0;
}
.ex-content-page .page-content.twocolumnsleft .filter-container .menulinks_container .quicklinks{
  background:#f7f7f7;
}
.ex-content-page .page-content.twocolumnsleft .filter-container .menulinks_container li{
  margin:0;
}
.ex-content-page .page-content.twocolumnsleft .filter-container .menulinks_container li a{
  padding:12px;
  border-bottom:1px solid #fff;
  font-size:16px;
  color:#343536;
  transition:0.25s all;
  display:block;
}
.ex-content-page .page-content.twocolumnsleft .filter-container .menulinks_container li a:hover{
  background:#009CDE;
  color:#fff;
}

.contBoxes.nFlex{
  flex-wrap:wrap;
  align-items:stretch;
}
.contBox{
  width:23%;
  padding:20px;
  border:2px solid #009CDE;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:0.35s all;
  border-radius:10px;
  margin-bottom:20px;
  min-height:90px;
}
.contBox h3{
  margin:0;
  color:#003865;
  transition:0.35s all;
  text-align:center;
}
.contBox:hover{
  border-color:#97D700;
  background:#97D700;
}
.contBox:hover h3{
  color:#fff;
}

.aboutValues .contBox{
  width:19%;
  margin-bottom:0;
}
.aboutValues .contBox h3{
  font-size:20px;
}
.flexList{
  flex-wrap:wrap
}
.flexList li{
  padding-right:10px;
}

.accWrap {
  border: 1px solid #003865;
}
.nAccordion {
  cursor: pointer;
  padding: 20px;
  width: 100%;
  border: none;
  outline: none;
  font-size: 18px;
  line-height: 24px;
  transition: 0.4s;
  background:#009CDE;
  color: #fff;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nAccordion:after {
  content: "+";
  font-size: 24px;
  color: #fff;
  float: right;
  margin-left: 5px;
  margin-top: 4px;
}
.nAccordion.active:after {
  content: "-";
  margin-left:10px;
}
.nAccordion:focus,
.nAccordion:active {
  outline: none;
  outline: 0;
  outline: none !important;
  outline: 0 !important;
}
.nPanel {
  padding: 0 20px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.nPanel p{
  padding: 15px;
  margin:0;
}
.nPanel ul{
  padding: 15px;
}
.returnsAccord,
.contractAccord{
  margin:0 0 40px;
}
.billingAccord{
  margin:20px 0 40px;
}
.billingAccord .nAccordion {
  background:#97D700;
  color:#003865;
}
.billingAccord .nAccordion:after {
  color: #003865;
}

p.tinyText{
  font-size:12px;
  color:#cccccc;
  text-align:right;
}

.contGreen h3{
  padding:20px;
  background:#97D700;
  border:2px solid #003865;
  margin:20px 0;
}

.flyerBoxes{
  flex-wrap:wrap;
  align-items:stretch;
}
.flyerBox{
  width:26%;
  position:relative;
  margin:0 0 50px;
  text-align:center;
}
.flyerBox h2{
  margin:0 0 15px;
  min-height:50px;
  transition:0.35s all;
}
.flyerBox:hover h2{
  color:#009CDE;
}

.ex-name-contactus .contTitle{
  text-align:left;
}
.contactMain{
  margin:40px 0 0;
}
.contactMain h1{
  margin: 0 0 20px;
  color: #003865;
}
.contactMain button{
  display: inline-block;
  width: 300px;
  padding: 10px;
  margin: 0;
  margin-right: 0px;
  background: #009CDE;
  color: #fff;
  font-weight: 800;
  text-align: center;
  transition: 0.35s all;
  border-radius: 3px;
  border:none;
}
.contactMain button:hover {
  background: #97D700;
  color: #003865;
}
/*content pages end*/

.floating-buttons {
    position: fixed;
    bottom: 220px;
    right: 20px;
    z-index: 10;
}

li.sidebar-addresses {
    display: none;
}

@media only screen and (max-width : 1700px) {
    #sideNavT2.sidenav .nFlex ul{
        width:25%;
    }
}

@media only screen and (max-width : 1440px) {
    #sideNavT2.sidenav .nFlex ul{
        width:33%;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1240px) {
    .serviceBox{
        width:49% !important;
   }

   .serviceBox:nth-child(n+3):nth-child(-n+5){
        width:32% !important;
    }
}

@media only screen and (max-width : 1240px) {
    #sideNavT2.sidenav .nFlex ul{
        width:50%;
    }

    .stripBox{
        flex-direction:column;
        align-items:Center;
        text-align:center;
    }
    .stripImg{
        margin:0 0 15px;
    }    

    .catBox{
        flex-direction:column;
        text-align:center;
    }
    .catBox .cbImg{
        margin:0 0 15px;
        width:100%;
        max-width:none;
        height:80px;
    }
    .catBox p{
        width:100%;
    }

}


@media only screen and (max-width : 991px) {
    #sideNavT2.sidenav .nFlex ul{
        width:100%;
    }

    .header-full .logo img{
        max-width:150px !important;
    }

    .catBox{
        width:23%;
    }

    .homeVF .nFlex{
        flex-direction:column;
    }
    .hvfBox{
        margin:15px 0;
        width:690px;
        max-width:100%;
    }

    .footMain .nFlex{
        flex-wrap:wrap;
    }

    .fc2, .fc3, .fc4{
        order:1;
    }
     .footCol{
        width:32%;
        max-width:none;
    }
    .footCol.fc1,
    .footCol.fc5{
        width:65%;
        max-width:none;
        margin:0 0 80px;
    }
    .footCol.fc5{
        width:32%;
    }

    footer .footBot ul{
        margin:10px 0;
    }
    footer .footBot ul li{
        border:none;
    }
    .footBot .nFlex{
        flex-direction:column;
    }

  .aboutValues .contBox{
    width:32%;
    margin-bottom:20px;
  }

  .shop-filters .filter-section label{
    border:none;
  }
}

@media only screen and (min-width : 481px) and (max-width : 767px) {
    .serviceBox{
        width:100% !important;
   }

   .serviceBox.sb2,
   .serviceBox.sb3,
   .serviceBox.sb5,
   .serviceBox.sb6 {
        width:48% !important;
    }
}

@media only screen and (max-width : 767px) {

  .ciPoints ul{    
    width:100%;
  }

    .catBox{
        width:31%;
    }

  footer.footer{
    background:#003865;
  }

  .footCol.fc1{
    margin:0;
  }

.footToTop{
  background:#009cde;
  color:#fff !important;
  width:100vw;
  padding:10px;
  margin:0 -15px;
}

.footToTop span{
  display:flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

.footToTop img{
  margin-left:15px;
}

  .mobAccord{ border-bottom:1px solid #fff; }
  .mobAccord .accordList h3 { cursor: pointer; margin:0; background:transparent; padding:15px 0; color:#fff; font-size:16px; font-weight:700; display:flex; justify-content:space-between; align-items:center; }
  .mobAccord ul { max-height: 0; overflow:hidden; transition: max-height 1s ease-out; padding:0;}
  .mobAccord .accordList h3:after { content: ""; float: right; background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-mob-plus.png')no-repeat center; width:13px; height:13px;}
  .mobAccord .accordList.open h3:after { background-image:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-mob-minus.png'); }
  .mobAccord .accordList.open ul { height:auto; max-height: 1000px; transition: max-height 1s ease-in-out !important; }

  .mobAccord ul li{
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    display:block !important;
  }

    .mobAccord ul li:last-child{
        margin:0 0 20px !important;
    }

  .mobAccord ul li a{
color: #fff;
display: block;
margin: 5px 0;
padding: 3px 0 3px 15px;
border: none;
font-size: 16px;
background: none;
text-align: left;
  }

  .mobAccord ul li .footTel {
    margin:0 0 30px;
  }
  .mobAccord ul li .footTel a{
    color:#fff;
    margin-left:15px;
  }

  .footMain{
    padding:25px 0;
  }

    .testTitle.nFlex{
        flex-direction:column;
        margin:0 0 20px;
    }

    footer ol li, footer ul:not(.hasSubmenus, .submenu) li{
        padding:0;
        border:0;
    }

    .footMain .nFlex{
        flex-direction:column;
    }
    .footCol{
        width:100% !important;
    }
    .footSocial{
        justify-content:center;
    }
    .footSoc{
        flex-direction:column;
        width:100px;
    }
    .footSoc .fsImg{
        margin:0 0 15px;
    }

  .footersection-3,
  .footBot{
    background:#002a4c;
  }
  footer .footBot ul {
    margin: 0;
    line-height:1.3;
  }
  .footMobSocial {
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #003865;
  }

  .footMobSocial  a{
    display:inline-block;
    margin:0 3px;
  }
  footer .footBot ul li{
    font-size:12px;
    font-weight:700;
  }
  footer .footBot ul .footDivide{
    background:transparent;
    margin:0;
  }

  .contImg{
    order: -1;
    margin-bottom:20px;
  }

  .contBox{
    width:48%;
  }

  .aboutValues .contBox{
    width:48%;
  }

  .flyerBox{
    width:48%;
  }

  .mobShopByCat{
    margin: 0;
    overflow: hidden;
  }
  .mobShopByCat h1{
    font-size:14px;
    font-weight:700;
    margin:0;
    padding:20px;
    color:#003460;
  }
  .mobCat{
    display: flex;
    align-items: center;
    position:relative;
    padding:5px 42px 5px 10px;
    border-bottom:1px solid #fff;
    background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-mob-cat-arrow.png')no-repeat right 15px center;
    background-color:#f4f4f4;
  }
  .mcImg{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
  }
  .mobCat h2{
    margin:0;
    font-size:16px;
    font-weight:400;
    color:#201d1d;
  }

  .mobhomeStrip{
    background:#f9f9f9;
    padding:10px 15px;
    margin-top:10px;
  }
  .mobhomeStrip .nFlex{
    flex-wrap:wrap;
  }
  .mobstripBox{
    display:flex;
    align-items:center;
    position:relative;
    margin:0 0 20px;
    width:48%;
  }
  .mobstripImg{
    display:flex;
    width:30px;
    height:30px;
    justify-content:center;
    align-items:center;
    margin-right:15px;
  }
  .mobstripBox p{
    margin:0;
    font-size:14px;
    line-height:20px;
  }
  .mobstripBox:nth-child(n+3){
    margin:0;
  }

  .ex-home .page-content.mobile .row .singlebanner_container{
    display:none;
  }

  .nav-sidenav{
    display:none;
  }



  header .cd-dropdown-content li:last-of-type{
    margin-bottom: 56px;
  }
}


@media only screen and (max-width : 480px) {
    .homeStrip .nFlex{
        flex-direction:column;
        align-items:Center;
        text-align:center;
    }
    .stripBox{
        margin:7px 10px;
    }

    .catBox{
        width:48%;
    }

    .hvfBox{
        padding-bottom:360px;
        width:100%;
    }
    .hvfOverlay{
        bottom:5px;
        height:360px;
        width:100%;
    }

    .serviceBox{
        width:100% !important;
   }

  .contBox{
    width:100%;
  }
  .aboutValues .contBox{
    width:100%;
  }

  .flyerBox{
    width:100%;
  }

  .ex-category .row-breadcrumb .plpTools.nFlex{
    flex-direction:column;
  }
  .ex-category .row-breadcrumb .sortby{
    margin-bottom:5px;
  }
}

.zonetop .row-breadcrumb{
  padding:5px 0;
  background:#f7f7f7;
}

.zonetop .row-breadcrumb + .row-breadcrumb{
  display:none;
}

.breadcrumb{
  visibility:hidden;
  min-height:50px;
}

.ex-invoices .breadcrumb,
.ex-invoice .breadcrumb,
.ex-order-history .breadcrumb,
.ex-order .breadcrumb{
  visibility:visible;
}

.zonetop .breadcrumb{
  margin:0;
  width:auto;
  flex-grow:1;
  max-width: none;
  padding:0;
  white-space:normal;
  visibility:visible;
  min-height:0;
}

.zonetop .breadcrumb_home i{
  display:none;
}

.zonetop .breadcrumb li{
  margin:2px;
  font-size:14px;
}

.zonetop .breadcrumb li a,
.zonetop .breadcrumb > .breadcrumb_home > a{
  padding:4px 10px;
  text-align: center;
  background:#fff;
  color:#181616;
  transition:0.35s all;
  display:inline-block;
  font-weight: 400;
}

.zonetop .breadcrumb li a:hover{
  background:#97D700;
  color:#fff;
}

.zonetop  .breadcrumb > li:before{
  display:none;
}

.zonetop .sortby{
  font-size:14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.zonetop .productorderby{
  margin:0 15px;
  padding:10px;
  border:1px solid #efefef;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.plpTools{
  margin-left:15px;
}
.plpTools + .plpTools{
  display:none;
}

.plpTools .listgrid{
  color:#f7f7f7;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.plpTools .listgrid a{
    color:#404041;
    font-size:14px;
    display:inline-block;
    padding-right:30px;
}

.plpTools .listgrid a:hover{
    color:#97D700;
}

.plpTools .listgrid a:first-of-type{
    background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-plp-list-icon.png')no-repeat right center;
}

.plpTools .listgrid a:last-of-type{
    background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-plp-grid-icon.png')no-repeat right center;
}

.plpTools .filterby{
  margin-left:15px;
}

@media only screen and (min-width:992px){
  .plpTools .filterby{
    display:none;
  }
}


.shop-filters .arrow-down,
.shop-filters .clean-search{
  display:none;
}

.shop-filters{
  background:none;
  font-family:"Poppins", sans-serif;
}

.shop-filters .filter-title{
  background:none;
  padding:0;
  margin:20px 0 15px;
}

.shop-filters .filter-title,
.catalog-grid .catalog-name{
  text-align:left;
  font-size:28px;
  font-weight:400;
  text-transform: uppercase;
  line-height: 36px;
}

.filter-title .itemsfound{
  line-height: normal;
    line-height: 14px
}

.filter-title .itemsfound span{
  text-transform: none;
  font-size:14px;
  line-height: 20px;
  font-weight:300;
}

.shop-filters .search.searchpills{
  padding:0 0 20px;
  bottom:inherit;
  border:none;
}

section.search.search-with-in .searchtoolsright{
  text-align: left;
  bottom:0;
}

.shop-filters .filter-section{
  margin:0;
}

.shop-filters .filter-section h5{
  color:#595959 !important;
  font-size:14px;
  margin-left: 0;
  font-weight:700;
  font-family:"Poppins", sans-serif;
}

.shop-filters .showhide-indicator{
  left:inherit;
  right: 0;
  color:#595959;
}

.shop-filters .filter-options{
  margin:0;
}

.shop-filters .filter-section label{
  margin:0;
  padding:3px 0;
}

.shop-filters .filter-options a{
  font-weight: 400;
  font-size:14px;
  color:#6e6e6e;
}

.shop-filters .filter-options a:hover{
  color:#009CDE;
}

.shop-filters .showhide-indicator .fa-plus-square:before{
  content:"\f067";
  color:#6e6e6e;
}
.shop-filters .showhide-indicator .fa-minus-square:before{
  content:"\f068";
  color:#6e6e6e;
}

.shop-filters i.fa-square-o{
  display:inline-block;
  width:14px;
  height:14px;
  border:1px solid #009CDE;
  position: relative;
  top:1px;
  margin-right: 15px;
}

.shop-filters i.fa-square-o:before{
  display:none;
}

.shop-filters .more-options{
  margin-left:0;
}

.shop-filters .filter-options .more-options i{
  color:#009CDE;
}

.shop-filters .more-filters a{
  padding:0;
}

.shop-filters .filter-options a.active{
  color:#6e6e6e;
  font-weight: 400;
}

.shop-filters .filter-options a.active:hover{
    color:#009CDE;
}

.shop-filters .filter-options a.active i.fa-square-o{
  background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-plp-tick.png')no-repeat center;
}

.shop-filters .filter-options a.active:hover i.fa-square-o{
    background-image:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-plp-x2.png');
}

.filterOptionCount{
    margin-left:5px;
    color:#cbcbcb;
}

@media only screen and (min-width:992px){
  .catalog-name,
  .gridtools .itemsfound{
    display:none;
  }
}

.catalog-grid{
  font-family:"poppins", sans-serif;
}

.footer-wrapper-description{
  display:flex;
  flex-direction: column;
}

.catalog-grid .tile .manufacturer-ref,
.catalog-grid .tile .indicators-grid{
    display:none;
}

.catalog-grid .tile .footer .product-name{
  order:5;
  height: 45px;
  overflow: hidden;
}
.catalog-grid .list-attribute.product-stock{
  order:10;
}
.catalog-grid .tile .footer .product-sku,
.catalog-grid .tile .manufacturer-ref{
  order:15;
}
.catalog-grid .list-attribute.product-category,
.catalog-grid .product-category{
  order:20;
  margin-top:0;
}

.catalog-grid .merchandisingcontent_container .product-category{
  margin:0 0 10px;
}

.catalog-grid #grid .brand-label{
  line-height: 36px;
  margin-top:10px;
}

.catalog-grid #grid .brand-label img{
    max-width:45px;
    max-height:60px;
}

.catalog-grid .tile .footer .footer-wrapper{
  min-height: 100px;
}

.catalog-grid .tile .footer .brand-label a{
  color:#454545 !important;
  font-size:14px;
  font-weight:500;
}

.catalog-grid .tile .footer .brand-label a:hover{
  color:#009CDE !important;
}

.catalog-grid .tile .footer .product-name a{
  color:#6e6e6e;
  font-size:14px;
  font-weight:300;
  line-height: 22px;
}

.catalog-grid .tile .footer .product-name a:hover{
  color:#009CDE;
}

.catalog-grid .tile .footer .product-sku,
.catalog-grid .tile .manufacturer-ref,
.catalog-grid .list-attribute.product-category strong,
.catalog-grid .product-category strong{
  color:#6e6e6e;
  font-weight: 500;
  font-size:13px;
}

.catalog-grid .tile .footer .product-sku strong,
.catalog-grid .tile .manufacturer-ref strong{
  font-weight:500;
}

.catalog-grid .tile .manufacturer-ref strong:after,
.catalog-grid .list-attribute.product-category strong:after,
.catalog-grid .product-category strong:after{
  content:":";
}

.catalog-grid .list-attribute.product-stock,
.catalog-grid .list-attribute.product-stock a,
.catalog-grid .list-attribute.product-stock a strong{
  font-size:12px;
  font-weight:500;
  color:#6e6e6e;
}

.catalog-grid .list-attribute.product-stock a > strong:before{
  content:"";
  width:8px;
  height:8px;
  background:#009CDE;
  display:inline-block;
  margin:0 5px 0 0;
}

.catalog-grid .list-attribute.product-category a,
.catalog-grid .product-category a{
  color:#003865;
  font-size:13px;
  font-weight: 500;
}

.catalog-grid .list-attribute.product-category a:hover,
.catalog-grid .product-category a:hover{
  color:#009CDE;
}

.footer-wrapper-price{
  display:flex;
  flex-wrap: wrap;
  align-items: flex-end;
  position:relative;
}

.catalog-grid .tile .price-label,
.catalog-grid .tile .footer div.rrp span{
  color:#000;
  font-size: 20px;
  line-height: 24px;
  font-weight: 800;
  margin:0;
}

.catalog-grid .tile .footer div.rrp span{
  color:#aaa9a9;
  margin:0 0 0 10px;
  text-decoration: line-through;
  order:2;
}

.catalog-grid .label-danger{
  display:none;
}

.catalog-grid .tile .footer span.uom{
  color:#454545;
  font-size:12px;
  order:3;
  margin-left:3px;
}

.catalog-grid .buttons.group{
  margin-top:20px;
}

.qty-list, input.qty-list, input.qty-list.form-control{
    width:35px;
    height:35px;
    border-radius:4px;
    border:2px solid #009CDE;
    color:#000;
    font-size:12px;
    font-weight:800;
    margin:0;
}

.catalog-grid .tile .footer .btn-primary{
    width:calc(100% - 45px);
    border-radius:4px;
    border:none;
    color:#fff;
    font-size:12px;
    font-weight:800;
    background:#009CDE;
    padding:0 10px;
    margin:0;
    max-width:none;
    float:right;
    min-height: 35px;
    transition:0.35s background;
}

.catalog-grid .tile .footer .btn-primary:hover{
  background:#97D700;
}

.prodToolsWrap{
    display:flex;
    justify-content:space-between;
    padding: 12px 0;
    margin: 15px 0 3px;
    border-top: 1px solid #e5e5e5;
    font-family: "Mulish", sans-serif;
}

.catalog-grid .tile .product-compare-action,
.catalog-grid .tile .footer .addtoquicklist-wrapper{
    margin:0;
    padding:0;
    border:none;
    font-size:12px;
    line-height:16px;
    width:auto;
}

.catalog-grid .tile .footer .addtoquicklist-wrapper a{
  font-size:0;
}

.catalog-grid .tile .product-compare-action,
.catalog-grid .tile .footer .addtoquicklist-wrapper a:after{
  content:"Add to Favourites";
    font-size:12px;
    color:#4b4b4b;
    line-height:16px;
    font-weight:700;
    display: inline-block;
    vertical-align: middle;
}

.catalog-grid .tile .product-compare-action .fa-stack{
    width: 22px;
    height: 17px;
    line-height: 1em;
    vertical-align: bottom;
}

.catalog-grid .tile .footer .addtoquicklist-wrapper i,
.catalog-grid .tile .product-compare-action i{
    font-size:20px;
    color:#83747c;
    vertical-align:middle;
    margin-right:5px;
}

.catalog-grid .tile .product-compare-action i{
    font-size:16px;
    position: relative;
    top:-0.5px;
    margin:0;
}

.catalog-grid .tile .product-compare-action i.fa-check{
    margin-left: -2px;
    margin-top: 1px;
}

.catalog-grid .tile .product-compare-action i.fa-square-o,
.catalog-grid .tile .footer .addtoquicklist-wrapper i{
    width:14px;
    height:14px;
    border:1px solid #009CDE;
}
.catalog-grid .tile .product-compare-action i.fa-square-o:before,
.catalog-grid .tile .footer .addtoquicklist-wrapper i:before{
    content:"";
}

.catalog-grid .tile .footer .addtoquicklist-wrapper i{
  width:14px;
  height:14px;
  border:1px solid #009CDE;
  position: relative;
  top:-2px;
  margin-right: 10px;
}

.catalog-grid .tile .product-compare-action{
  position: relative;
  top:2px;
}

.catalog-grid .product-compare-action.selected .fa-check{
  display: none;
}

.catalog-grid .tile .product-compare-action.selected i.fa-square-o{
  background: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-plp-tick.png')no-repeat center;
}

.priceInfo{
    order:6;
    margin-left:10px;
    display:inline-block;
    cursor:pointer;
}
.catalog-single .price .priceIfno{
    margin-left:5px;
}

.ex-loggedin .priceInfo{
    display:none !important;
}

.priceInfoText{
    display:none;
    position:absolute;
    width:200px;
    background:#003865;
    padding:12px;
    color:#fff;
    min-height:60px;
    font-size:12px;
    bottom:-80px;
    left:0;
    transition:0.1s all;
    z-index:1;
    text-align:left;
}

.priceInfoArrow{
    display:none;
    width:10px;
    height:10px;
    transition:0.1s all;
    bottom:-15px;
    left:20px;
    background:#003865;
    position:absolute;
    transform:rotate(45deg);
    z-index:1;
}


.catalog-single{
  font-family:"Poppins", sans-serif;
}

.catalog-single .softgraybackground{
  background:#f7f7f7
}

.catalog-single .price{
  background: none;
  padding: 0;
  margin: 40px 0 0;
  position:relative;
}
.catalog-single .price .has-price{
  color:#ff0000;
}

.catalog-single .price .uom.uomblock{
  display: inline-block;
  color:#454545;
  font-size:12px;
  font-weight: 300;
}

.catalog-single .buttons .qnt-count .form-control.inputquantity {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    margin: 0;
    float: left; /* to disregard spaces in html */
    font-size: 16px;
    font-weight: 700;
    width:50px;
    height:50px;
}
.modal .catalog-single .buttons .qnt-count .form-control.inputquantity {
   float: none;
   height: 38px;
}
     
.catalog-single .buttons .qnt-count .form-control.inputquantity:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.catalog-single .product-shopping-actions-addtocart .buttons.group{
  display:block;
}
.catalog-single .product-shopping-actions-addtocart .buttons .qnt-count {
    position: relative;
    left: calc(50% - 77px);
    width: 154px;
    height: 90px;
    max-width:none;
}
.catalog-single .product-shopping-actions-addtocart .buttons .qnt-count .incr-btn {
    line-height: 50px;
    height:50px;
    width: 50px;
    float: left; /* to disregard spaces in html */
    font-size:16px;
    font-weight:700;
    transition:0.35s background;
}
.catalog-single .product-shopping-actions-addtocart .buttons .qnt-count .incr-btn:first-child,
.catalog-single .product-shopping-actions-addtocart .buttons .qnt-count .incr-btn:last-child  {
    background:#000;
}

.catalog-single .product-shopping-actions-addtocart .buttons .qnt-count .incr-btn:hover{
    background:#97D700;
}

.catalog-single .product-shopping-actions .product-shopping-actions-addtocart button,
.catalog-single .softgraybackground.product-shopping-actions .product-shopping-actions-addtoquicklist a{
    width:100%;
    background:#009CDE;
    color:#fff;
    font-size:15px;
    font-weight:700;
    transition:0.35s all;
    border-radius: 0;
    padding:13px;
    border:1px solid #009CDE;
    margin:0;
    text-decoration: none;
}

.catalog-single .product-shopping-actions .product-shopping-actions-addtocart button:hover{
    background:#97D700;
    border-color:#97D700;
    color:#fff;
}

.catalog-single .product-shopping-actions .product-shopping-actions-addtocart button i{
    display:none;
}

.catalog-single .product-shopping-actions-addtoquicklist {
    display: flex;
    justify-content: center;
    padding: 0;
}

.catalog-single .softgraybackground.product-shopping-actions .product-shopping-actions-addtoquicklist{
    margin:15px 0;
    padding:0 15px;
}

.catalog-single .softgraybackground.product-shopping-actions .product-shopping-actions-addtoquicklist a{
    color:#000;
    font-size:15px;
    font-weight:500;
    background:#fff;
    border-color:#000;
    height:auto;
}

.catalog-single .softgraybackground.product-shopping-actions .product-shopping-actions-addtoquicklist a:hover{
  background:#97D700;
  border-color:#97D700;
  color:#fff;
}

.ex-product .softgraybackground .product-shopping-actions-addtoquicklist a:after{
  content:"";
}

.catalog-single .softgraybackground.product-shopping-actions .product-shopping-actions-addtoquicklist i.fa-plus:before {
    display:none;
}

.catalog-single .product-compare-action{
    text-align:center;
}

.catalog-single .product-panel .panel{
    box-shadow:none;
    border:1px solid #e6e6e6;
    border-radius:0;
}

#accordion .panel-border{
    border-color:#e6e6e6;
}

.panel-group .panel-heading{
    padding:10px 25px;
    border-bottom:1px solid #e6e6e6;
    background:#f9f9f9;
}

.panel-group .panel-heading.collapsed{
    border-color:#f9f9f9;
}

.panel-group .panel-heading h3{
    font-size:18px;
    color:#000;
    font-weight:900;
}

.catalog-single .product-description{
    padding:35px 50px 25px 25px !important;
    font-size:16px;
}

.panel-heading h3:after{
    content:"-";
    font-weight:700;
}

.panel-heading.collapsed h3:after{
    content:"+";
}

.catalog-single .product-compare-action,
.catalog-single .social-links,
.catalog-single .product-summary .productdetails .margindiv.product-indicators{
  display:none;
}

.belowTools{
  font-size:14px;
}

.belowTools a{
  color:#231f20;
  vertical-align: middle;
}

.belowTools a:hover{
  color:#009CDE;
}

.belowTools span{
  width:2px;
  height:13px;
  background:#009CDE;
  display:inline-block;
  vertical-align: middle;
  margin:0 10px;
}

.footSocial.fsPDP{
  margin:20px 0 0;
  justify-content: center;
}

.catalog-single .product-brand{
  display: block;
}

.catalog-single .product-brand a{
  font-size:15px;
  font-weight: 400;
}

.catalog-single .product-summary {
  color:#000;
  font-size:15px;
}

.catalog-single .product-summary .label-focus{
  background:none;
  padding:0;
  color:#000;
  font-size:15px;
}

.catalog-single .productdetails{
  margin:0 0 20px;
}

.catalog-single .product-points ul{
  padding:0;
  list-style:none;
}

.catalog-single .product-points ul li{
  max-width: none;
  font-size: 14px;
}


.catalog-single .productdetails .live-stock-message{
  color:#6e6e6e;
  font-size:16px;
  font-weight: 500;
}

.catalog-single .productdetails .live-stock-message:before{
  content: "";
  width: 14px;
  height: 14px;
  background: #009CDE;
  display: inline-block;
  margin: 0 5px 0 0;
}

.catalog-single .product-title .product-name{
  color:#151414;
  font-size:26px;
  font-weight: 500;
}

.catalog-single .product-title{
  border:none;
}

.prodInfoLinks{
  font-size:14px;
  color:#231f20;
  font-weight:400;
  margin:0 0 15px;
  width:100%;
}

.prodInfoLinks a{
  color:#231f20;
  transition:0.25s all;
}

.prodInfoLinks a:hover{
  color:#009CDE;
}

.prodInfoLinks span{
  width:1px;
  height:13px;
  vertical-align:middle;
  margin:0 10px;
  background:#009CDE;
  display:inline-block;
}

.pdpBelowTitle{
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding:5px 15px;
}

.catalog-single .product-summary .productdetails .margindiv.product-indicators{
  margin-bottom:20px;
}

/*Furniture PLP*/

.furniturePLP .productgridwidget .buttons.group,
.furniturePLP .productgridwidget .brand-label,
.furniturePLP .productgridwidget .priceInfo,
.furniturePLP .productgridwidget .product-sku,
.furniturePLP .productgridwidget .product-category,
.furniturePLP .productgridwidget .product-stock,
.furniturePLP .catalog-grid .productgridwidget .tile .footer .footer-wrapper-price .uom,
.furniturePDP .productdescription_container{
  display:none;
}

.furniturePLP .productgridwidget .tileparent,
.furniturePLP .catalog-grid .tile{
  border:none !important;
}

/**/

/*Furniture PDP*/
.titleBarRight > a:first-child i,
.titleBar .btn-add-to-cart i,
.titleBar .label.save,
.furniturePDP .productaddtocart_container  .priceInfo,
.furniturePDP .productaddtocart_container  .product-compare-action,
.furniturePDP .productaddtocart_container  .belowTools,
.furniturePDP .productaddtocart_container  .qnt-count,
.furniturePDP .productaddtocart_container .social-links,
.furniturePDP .filter-container,
.furniturePDP .pdpBelowTitle,
.furniturePDP .productsummary_container .product-title,
.furniturePDP .productdescription_container,
.furniturePDP .titleBar .price .uom,
.doubleBannerFurniturePDP,
.furniturePDP .catalog-single.has-grid .brand-label,
.furniturePDP .catalog-single.has-grid .manufacturer-ref,
.furniturePDP .catalog-single.has-grid .product-name + span,
.furniturePDP .catalog-single.has-grid .pdpWidgetPrice + span,
.furniturePDP .catalog-single.has-grid .save.with-value,
.furniturePDP .catalog-single.has-grid .has-price + .uom{
  display:none;
}

.furniturePDP .doubleBannerFurniturePDP{
  display:block;
}

.furniturePDP .menubarStick{
  box-shadow: none;
}

.furniturePDP .zonetop{
  margin:0;
}

.furniturePDP .catalog-single .product-summary .productdetails .margindiv.product-indicators{
  display:block;
}

.titleBar{
  padding:25px 0;
}

.titleBar .product-name{
  margin:0;
  font-size:26px;
  font-weight:500;
  max-width:570px;
  color:#151414;
}

.titleBar .product-indicators{
  margin-left:10px;
}

.titleBar .row{
  margin:0;
}

.titleBar .productaddtocart_container{
  margin:0;
}

.titleBar .softgraybackground {
  background:none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.titleBar .product-shopping-actions-addtoquicklist{
  padding:0;
  float:none;
}

.titleBar .product-shopping-actions-addtoquicklist > a{
  width: 42px;
  height: 42px;
  background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-head-icon-heart.png')no-repeat center;
  font-size:0;
  transition:0.35s all;
  border-radius: 4px;
  display:block;
}

.titleBar .product-shopping-actions-addtoquicklist > a:hover{
  background-color:#97D700;
}

.titleBar .product-shopping-actions-addtocart{
  margin:0 20px;
  padding:0;
  width:auto;
  float:none;
}

.titleBar .buttons.group{
  margin:0;
}

.titleBar .btn-add-to-cart{
  font-size:14px;
  font-weight:800;
  border-radius:3px;
  padding:10px 20px;
  transition:0.35s background;
  margin:0;
}

.titleBar .btn-add-to-cart:hover{
  background:#97D700;
}

.titleBar .product-shopping-actions-prices,
.titleBar .product-shopping-actions-prices .price{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0;
}

.titleBar .product-price-rrp{
  margin:0 0 0 20px;
}

.titleBar .rrp{
  color:#aaa9a9;
  font-size:20px;
  font-weight: 800;
  text-decoration: line-through;
}

.titleBar .has-price{
  font-size:20px;
  font-weight: 800;
  color:#ff0000;
}

.titleBar .product-price-rrp.hide + .has-price{
  color:#000;
}

.furniturePDP .col-lg-10.col-md-10{
  width:100% !important;
}

.furnitureNav{
  background:#fff;
  z-index:6;
  position:sticky;
  top:87px;
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
}

.furnitureNav.titleBar{
  padding:0;
}

.furnitureNav ul{
  list-style: none;
  padding:0;
  margin:0;
  display:flex;
  align-items: stretch;
}

.furnitureNav ul li{
  padding:0;
  margin:0;
  display:inline-block;
  border-right:1px solid #e5e5e5;
}

.furnitureNav ul li:first-child{
  border-left:1px solid #e5e5e5;
}

.furnitureNav ul li a{
  display:block;
  text-align:center;
  padding:12px 30px;
  color:#181616;
  font-family:"Poppins", sans-serif;
  font-size:14px;
  font-weight: 500;
  transition:0.35s all;
  height: 100%;
  display: flex;
  align-items: center;
}

.furnitureNav ul li a:hover{
  background:#009CDE;
  color:#fff;
}

.toolsClone{
  margin-left:auto;
  display:flex;
  align-items: center;
}

.furniturePDP .product-description{
  padding:0 15px !important;
  margin:0;
  font-size:14px;
  color:#565656;
}

.furniturePDP .product-description p{
  color:#565656;
}

.furniturePDP .mainproductpagedesktop{
  margin-top:50px;
}

.mainSpecs h3{
  margin:10px 0;
}

.mainSpecs .row{
  padding:15px 0;
  margin:0;
  border-bottom:1px solid #c2c2c2;
  display: flex;
  align-items: center;
}

.mainSpecs .row:last-of-type{
  border:none;
}

.mainSpecs p,
.mainSpecs span{
  margin:0;
  text-align: left;
  font-size:14px;
  line-height:18px;
}

.mainSpecs span{
  text-transform: uppercase;
}

.mainSpecs .text-right{
  text-align: left;
  padding-left:0;
}

.furnDeliv{
  position: absolute;
  top:20px;
  right:20px;
  display:none;
}

.furniturePDP .catalog-single.has-grid .product-name{
  margin:15px 0;
  text-align: center;
}

.furniturePDP .catalog-single.has-grid .product-name a{
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  color:#6e6e6e;
}

.furniturePDP .catalog-single.has-grid .product-name a:hover{
  color:#009CDE;
}
.pdpWidgetPrice{
  display:flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.furniturePDP .catalog-single.has-grid .product-price-rrp{
  margin:0 2px;
}

.furniturePDP .catalog-single.has-grid .tile .footer .price-label{
  text-align: center;
  color:#231f20;
  font-weight:800;
  font-family: "Mulish", sans-serif;
  font-size:20px;
  margin:0 2px;
  line-height: 24px;
}

.furniturePDP .catalog-single.has-grid .tile .footer span.rrp{
  text-align: center;
  color:#aaa9a9;
  text-decoration: line-through;
  font-weight:800;
  font-family: "Mulish", sans-serif;
  font-size:20px;
  margin:0;
  line-height: 24px;
}

.furniturePDP .catalog-single.has-grid .product-price-rrp:not(.hide) + .has-price{
  color:#ff0000;
}

.furniturePDP .catalog-single.has-grid .tile .footer{
  min-height: 100px;
}

.furniturePDP .catalog-single.has-grid{
  margin:40px 0;
}

.furniturePDP .catalog-single.has-grid h3{
  text-align: center !important;
  margin:0 0 30px;
}

/* Qty Breaks */

.tile .list-attribute.product-volume,
.catalog-single .softgraybackground .product-shopping-actions-tierpricing .arrow-down,
.ex-product .softgraybackground .product-shopping-actions-tierpricing .group-focus{
  display:none;
}

.tierBoxes{
  margin: 15px 0;
  background:#fff;
  text-align: left;
}

.furniturePDP .tierBoxes{
  min-width:200px;
  margin:7px 0;
}

.tierBox{
  font-size:12px;
  color:#6e6e6e;
  padding:3px 15px;
  display: flex;
  justify-content: space-between;
}

.ex-product.furniturePDP .tierBox{
  padding:3px 15px;
  font-size: 12px;
}

.ex-product .tierBox{
  font-size:14px;
  padding:5px 30px;
}

.tierQty{
  width: 60%;
}

.tierPrice{
  width: 35%;
}

.tierBox:nth-child(odd){
  background:#f7f7f7;
}

.tierBox:first-child{
  background:#9edbf6;
  color:#003864;
  font-weight: 500;
}

.tierBox:last-child{
  color:#0596d7;
}

.productgridwidget #list .tierBoxes{
  display:none;
}

/* End Qty Breaks */

/*sticky footer*/
.ex-loggedout .stickyFoot{
  display:none;
}

.stickyFoot{
  background:#009cde;
  border-top:2px solid #ededed;
  position:sticky;
  bottom:0;
  z-index:100;
}
.stickyFoot a{
  flex: 1 1 0px;
  border-right:2px solid #ededed;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:5px;
  min-height:45px;
  color:#fff;
  font-size:12px;
}
.stickyFoot a:hover{
  color:#fff;
  text-decoration:underline;
}
.stickyFoot img{
  margin-right:10px;
}

.ex-loggedin .stickyFoot a{
  flex-direction:column;
  padding:3px;
}
.ex-loggedin .stickyFoot img{
  margin:0 0 2px;
}
.stickyFoot a:last-child,
.stickyFoot a:nth-child(2){
  border-right:0;
}

/*sticky footer end*/

/*customer product code*/
.custProdCode{
  position: absolute;
  right: 15px;
  background: #009CDE;
  color: #fff;
  padding: 5px 15px;
  border-radius: 4px;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.productsgrid_container .tile .footer .product-customer-codes{
  display:none;
}
/**/

@media only screen and (min-width:1200px) {
  .furniturePDP .catalog-single.has-grid .tileparent.col-lg-3{
    width:20%;
  }
}

@media only screen and (min-width:768px) {
  .menu .catalog-block > ul > li.nav-for-mob{
    display:none !important;
  }
}

@media only screen and (max-width : 767px) {

.ex-customer .breadcrumb{
  display:none !important;
}

    .cat-tiles{
        display:flex;
        flex-wrap:wrap;
    }
    .cat-tiles .tileparent{
        width:50%;
    }
    .cat-tiles .tile .cat-thumb-container{
        height:100px;
    }
    .cat-tiles .tile .cat-thumb-container > img{
        height:90px;
        max-width:100%;
    }

  .hero-slider.homeSlider .ms-bullets.ms-dir-h{
    display:none !important;
  }

  header .header-mobile .logo img {
    max-width: 235px;
  }

  .nav-banner{
    display:none;
  }

  .ex-category .row-breadcrumb .container > .nFlex{
    flex-direction:column;
  }
  .ex-category .row-breadcrumb .breadcrumb{
    margin-bottom:5px;
  }

  .listtoolsbottom{
    flex-wrap:wrap;
  }
  .listtoolsbottom > div{
    width:50%;
  }
  .listtoolsbottom > div:last-of-type{
    width:100%;
  }

  .titleBar .container > .nFlex{
    flex-direction:column;
  }
  .titleBarLeft {
    margin-bottom:10px;
  }
  .titleBar .product-name {
    max-width:100%;
  }

  .furnitureNav {
    top: -1px;
  }

  .mainSpecs p, .mainSpecs span, .mainSpecs .text-right{
    text-align: center;
  }
  .furnitureNav .container{
    padding:0;
  }
  .furnitureNav ul{
    flex-wrap: wrap;
  }
  .furnitureNav ul li{
    width:100%;
    border-bottom: 1px solid #e5e5e5;
  }
  .furnitureNav ul li:first-child {
    border-left: none;
  }
  .furnitureNav ul li:last-of-type{
    border-bottom: none;
  }
  .furnitureNav ul li a{
    justify-content:center;
  }
  .toolsClone{
    width:100%;
  }
  .toolsClone .productaddtocart_container{
    margin:0 auto;
    border-top: 1px solid #e5e5e5;
    padding: 10px 0;
  }
}

@media only screen and (max-width : 480px) {
  .titleBar .softgraybackground{
    flex-direction: column;
  }
  .titleBar .softgraybackground > div{
    margin-bottom:5px;
  }
}

@media only screen and (max-width : 450px) {
  header .header-mobile .logo img{
    max-width:100% !important;
  }
  header .header-mobile .header-logo{
    flex:1;
  }
}

@media only screen and (max-width : 400px) {
    .cat-tiles .tile .cat-thumb-container{
        height:80px;
    }
    .cat-tiles .tile .cat-thumb-container > img{
        height:60px;
    }
}

/**/

.mobHomeBoxes{
  flex-wrap:wrap;
  margin:10px 0
}

.mobHomeBoxes a{
  width:49%;
  margin:1% 0
}

.mobHomeBoxes .row .col-sm-6:last-child .mobileimg{
  margin-top:0;
}

.mobSignupBox{
  margin:5px 0 15px;
  background:#e7f8ff;
  padding-top:20px;
}

.mobSignupBox h3{
  padding:0 15px;
  margin:0 0 10px;
  color:#003865;
  font-size:18px;
  font-weight: 900;
}

.mobSignupBox p{
  font-size:14px;
  padding:0 15px;
  margin:0 0 15px;
  color:#292c2e;
}

.msbButton{
  width:100%;
  padding:12px 15px;
  margin-bottom:-5px;
  background:#009cde;
  color:#fff;
  border-radius: 5px;
  text-align: center;
  font-weight: 700;
}

.mobSignupBox.mobLogin{
  background:#e9f5ff;
}

.mobSignupBox.mobLogin h3{
  color:#000; 
}

.mobLogin .msbButton{
  background:#003865;
}

/* mobile site changes */
.header-mobile .searchtools {
  z-index: 10;
  position: relative;
  right: 0;
  opacity: 100;
  height: auto;
  box-shadow: none;
}

.header-mobile .searchtools-container {
  overflow: visible;
  background: white;
  padding: 10px 0;
}
.header-mobile .header-search,
.header-mobile .close-panel,
.header-mobile .big-text {
  display: none;
}
.header-mobile button {
  top: -7px !important;
  right: 0 !important;
}
.header-mobile br {
  display: none;
}
.mobhomeStrip .slick-arrow {
  z-index: 10;
}
.mobhomeStrip .slick-track {
  display: flex;
  align-items: center;
}
.mobhomeStrip .slick-arrow:before {
  content: '';
}
.mobhomeStrip .slick-prev {
  left: 10px;
}
.mobhomeStrip .slick-prev:before {
  content: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-mob-arrowleft.png');
}
.mobhomeStrip .slick-next {
  right: 10px;
}
.mobhomeStrip .slick-next:before {
  content: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-mob-arrowleft.png');
  transform: rotate(180deg);
  display: block;
}
.mobstripBox {
  text-align: center;
  display: flex !important;
  justify-content: center;
}
.mobstripBox p {
  font-weight: 300;
  text-align: left;
}

.mobFourBoxes {
  flex-wrap: wrap;
  margin-top: 20px;
}
.mobFourBox {
  width: calc(50% - 5px);
  margin-bottom: 10px;
}
.mobFourBox:before {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: black;
  opacity: 0.4;
}
.mobFourBox h1 {
  position: absolute;
  top: 50%;
  margin: 0;
  font-size: 18px;
  text-align: center;
  width: 100%;
  transform: translateY(-50%);
  color: white;
}
.mobhomeBrands {
  background: none;
}
.mobhomeBrands .mobstripImg {
  width: 150px;
  height: 100px;
  margin: 0;
}

.mobHomeBoxes {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
}
.mobHomeBoxes .row {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.mobHomeBoxes .row:before,
.mobHomeBoxes .row:after {
  display: none;
}
.mobHomeBoxes .row > div {
  width: calc(50% - 5px);
  padding: 0;
}
.mobHomeBoxes img {
  width: 100%;
}
.mobSignup  {
  margin-top: 20px;
}

@media screen and (max-width:425px) {
 .mobHomeBoxes {
    padding-left: 0;
    padding-right: 0;
  }
}
/* mobile site changes end */



/*** Side Nav - Shop and Generic Styling ***/
/* The Overlay (background) */
.menuOverlay {
  height: 100%;
  min-height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  background: #fff;
  overflow-x: hidden;
  transition: 0.5s;
}

.menuOverlay .closebtn{
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  text-align:right;
}

/* Position the content inside the overlay */
.menuContent{
  width:100%;
  min-height:100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  border-right:3px solid #003865;
  padding-top:60px;
}

.menuLogo{
  margin:0 0 40px;
  padding:0 30px;
}
.menuLogo img{
  image-rendering: -webkit-optimize-contrast;
}

footer .menuLinks ul li{
  border:0;
  display:block;
  margin:0;
  padding:0;
}

.menuLinks > ul{
  font-size:16px;
  font-weight: 700;
}

.menuLinks > ul > li:not(.has-image) > a{
  font-size: 14px;
  font-weight: 700;
  padding: 8px 8px 8px 30px;
  line-height: 26px;
  text-transform: uppercase;
  display:block;
  background:#fff;
  transition: all 0.35s;
}
.menuLinks > ul > li:not(.has-image) > a:hover{
  background:#003865;
  color:#fff;
  text-decoration:none;
}
.menuLinks > ul > li:not(.has-image) > a:active{
  background: #fff;
  color:#003865;
}
.menuLinks > ul > li > ul{
  position:fixed;
  height:100%;
  width:0;
  left:-200px;
  top:0;
  background-color: #fff;
  overflow-x: hidden;
  direction:ltr;
  transition: 0.5s;
  opacity:0;
  padding:30px;
  display:flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content:flex-start;
  flex-wrap:wrap;
  visibility: hidden;
}
.menuOverlay.open .menuLinks > ul > li > ul{
  left:340px;
}
.menuLinks > ul > li.focus > ul{
  width: calc(100% - 600px);
  left: 340px;
  opacity: 1;
  border-right:3px solid #003865;
  visibility: visible;
}
#fullNavInterm.menuOverlay.open .menuLinks > ul > li > ul{
  width: 100%;
  left:0;
}
#fullNavInterm .menuLinks > ul > li > ul{
  position:relative;
  opacity:1;
  visibility:visible;
}

.menuLinks > ul > li > ul > h2{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-left: 32px;
  font-size:20px;
}
.menuLinks .subMenuClose{
  font-size:16px;
  color:#009cde;
  white-space: nowrap;
}

.menuLinks > ul > li > ul > li{
  width:20%;
  margin: 30px 0 5px;
}

.menuLinks > ul > li > ul > li a{
  font-size: 14px;
  white-space: normal;
  padding-left: 32px;
  display:block;
}

.menuLinks > ul > li > ul > li > a{
  text-transform:uppercase;
  font-weight:700;
}
.menuLinks > ul > li > ul > li > a:hover{
  color:#003865;
  text-decoration:underline;
}

.menuLinks > ul > li > ul > li > ul > li > a{
  padding:5px 8px 5px 32px;
}
.menuLinks > ul > li > ul > li > ul > li > a:hover{
  background: #003865;
  color: #fff;
  text-decoration:none;
}



@media only screen and (max-width : 1700px) {
  .menuLinks > ul > li > ul > li{
    width:25%;
  }
}

@media only screen and (max-width : 1440px) {
  .menuLinks > ul > li > ul > li{
    width:33%;
  }
}

@media only screen and (max-width : 1240px) {
  .menuLinks > ul > li > ul > li{
    width:50%;
  }
}

@media only screen and (max-width : 991px) {
  .menuOverlay.open .menuLinks > ul > li > ul{
    left:100%;
    width:0;
  }
  .menuOverlay.open .menuLinks > ul > li.focus > ul{
    width: 100%;
    left:0;
  }
}

@media only screen and (min-width:769px) {
  .desktop-hide{
    display:none !important;
  }
}


@media only screen and (max-width:768px) {
  #fullNavShop .menuContent,
  #fullNavInterm .menuContent{
    padding-top:0;
  }
  #fullNavShop .menuLogo,
  #fullNavInterm .menuLogo{
    padding:10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0;
  }
  #fullNavInterm .menuLogo{
    padding-top:40px;
  }
  #fullNavShop .menuLogo > a,
  #fullNavInterm .menuLogo > a{
    width:50%;
  }
  #fullNavShop .menuLogo a,
  #fullNavInterm .menuLogo a{
    font-size:13px;
    font-weight:600;
  }
  #fullNavInterm .menuLogo a.closebtn {
    font-size:25px;
    margin:0;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 10px;
  }
  #fullNavShop .menuLogo p a img,
  #fullNavInterm .menuLogo p a img{
    margin-left:10px;
  }
  #fullNavShop .mobMenuTitle{
    padding: 12px 20px;
    background: #009cde;
    position:relative;
  }
  #fullNavShop .mobMenuTitle h2{
    color:#fff;
    font-size:14px;
    font-weight:600;
    text-transform:none;
    margin:0;
  }
  #fullNavShop.menuOverlay .closebtn{
    font-size:16px;
    font-weight:600;
    color:#fff;
    width: 20px;
    height: 20px;
    right: 14px;
    left:unset;
    top:9px;
    margin: 0;
    text-align:left;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  #fullNavShop.menuOverlay .menuContent > .closebtn{
    display:none;
  }

  #fullNavShop .menuLinks > ul > li:not(.has-image) > a,
  #fullNavInterm .menuLinks > ul > li:not(.has-image) > a{
    padding: 9px 20px;
    font-size:14px;
    color:#201d1d;
    font-weight:400;
    text-transform:none;
    border-bottom:1px solid #f4f4f4;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background-color:#fff;
  }
  #fullNavShop .menuLinks > ul > li.navicon > a{
    padding: 9px 20px 9px 65px;
    background:#f4f4f4 url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-officesupplies-v2.png')no-repeat left 20px center;
    border-bottom:1px solid #fff;
  }
  #fullNavInterm .menuLinks > ul > li.navicon > a{
    padding: 9px 20px 9px 65px;
    background:#f4f4f4;
    border-bottom:1px solid #fff;
    position:relative;
  }

  #fullNavShop .menuLinks > ul > li.navicon.nav-officesupplies > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-officesupplies-v2.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-paperproducts > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-paperproducts.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-officefurniture > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-officefurniture.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-technology > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-technology.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-inktoner > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-inktoner.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-arts > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-arts.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-classroom > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-classroom.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-food > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-food.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-healthsafety > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-healthsafety.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-industrial > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-industrial.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-materialhandling > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-materialhandling.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-maintenance > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-maintenance.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-packaging > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-packaging.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-stamps > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-stamps.png'); }
  #fullNavShop .menuLinks > ul > li.navicon.nav-legalsupplies > a{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-legalsupplies.png'); }

  #fullNavInterm .menuLinks > ul > li.navicon > a:before{
    content:"";
    background:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-shop.png') no-repeat center;
    position:absolute;
    left:20px;
    width:22px;
    height:22px;
    transition: all 0.35s;
  }
  #fullNavInterm .menuLinks > ul > li.navicon.nav-shop > a:before{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-shop.png'); }
  #fullNavInterm .menuLinks > ul > li.navicon.nav-dealcentre > a:before{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-dealcentre.png'); }
  #fullNavInterm .menuLinks > ul > li.navicon.nav-inkandtoner > a:before{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-inktoner.png'); }
  #fullNavInterm .menuLinks > ul > li.navicon.nav-custominteriors > a:before{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-custominteriors-v2.png'); }
  #fullNavInterm .menuLinks > ul > li.navicon.nav-services > a:before{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-services.png'); }
  #fullNavInterm .menuLinks > ul > li.navicon.nav-about > a:before{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-aboutus.png'); }
  #fullNavInterm .menuLinks > ul > li.navicon.nav-contact > a:before{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-contactus.png'); }
  #fullNavInterm .menuLinks > ul > li.navicon.nav-catalogue > a:before{ background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-mob-sidenav-catalogue.png'); }

  #fullNavShop .menuLinks > ul > li:not(.has-image) > a:after,
  #fullNavInterm .menuLinks > ul > li:not(.has-image):not(.t2cat) > a:after{
    content:url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-mob-sidenav-arrow.png');
  }
  #fullNavShop .menuLinks > ul > li:not(.has-image) > a:hover,
  #fullNavInterm .menuLinks > ul > li:not(.has-image) > a:hover{
   background-color: #fff;
   color:#201d1d;
  }
  #fullNavShop .menuLinks > ul > li.navicon > a:hover,
  #fullNavInterm .menuLinks > ul > li.navicon > a:hover{
   background-color: #f4f4f4;
   color:#201d1d;
  }
  #fullNavShop .menuLinks > ul > li:not(.has-image) > a:focus,
  #fullNavInterm .menuLinks > ul > li.open:not(.has-image) > a:focus{
    background-color:#003865;
    color:#fff;
  }
  #fullNavInterm .menuLinks > ul > li.open:not(.has-image) > a:focus::before{
    filter:brightness(0) invert(1);
  }

  .menuLinks > ul > li > ul > li{
    width:100%;
  }

  #fullNavShop .t2cat,
  #fullNavInterm .t2cat {
    margin: 0;
  }
  #fullNavShop .t2cat > a,
  #fullNavInterm .t2cat > a {
    cursor: pointer;
    margin: 0;
    background: #f4f4f4;
    padding: 9px 20px;
    font-size: 14px;
    color: #201d1d;
    font-weight: 400;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid #fff;
  }
  #fullNavShop .t2cat > a:hover,
  #fullNavInterm .t2cat > a:hover {
    text-decoration:none;
    background-color: #f4f4f4;
    color:#201d1d;
  }
  #fullNavShop .t2cat.open > a,
  #fullNavInterm .t2cat.open > a {
    background-color:#003865;
    color:#fff;
  }
  #fullNavShop .t2cat > a:after,
  #fullNavInterm .t2cat > a:after{
    content:"";
    background: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-mob-sidenav-arrow.png')no-repeat center;
    width:7px;
    height:9px;
    transition:transform 0.35s
  }
  #fullNavShop .t2cat.open > a:after,
  #fullNavInterm .t2cat.open > a:after{
    filter:brightness(0) invert(1);
    transform:rotate(90deg);
  }
  #fullNavShop .t2cat ul,
  #fullNavInterm .t2cat ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-out;
    padding: 0;
    margin: 0;
  }
  #fullNavShop .t2cat ul li,
  #fullNavInterm .t2cat ul li  {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
  }
  #fullNavShop .t2cat ul li a,
  #fullNavInterm .t2cat ul li a {
    display: block;
    margin: 0;
    padding: 9px 20px;
    border: 1px solid #f4f4f4;
    border-top:none;
    font-size: 14px;
    color: #201d1d;
    background: none;
  }
#fullNavInterm .t2cat ul li a{
  font-weight: 400;
  text-transform: none;
  padding:9px 20px 9px 25px
}
#fullNavInterm .t2cat ul li a:hover{
  text-decoration:none;
}
  #fullNavShop .t2cat.open ul,
  #fullNavInterm .t2cat.open ul {
    height: auto;
    max-height: 1000px;
    transition: max-height 1s ease-in-out !important;
  }

  #fullNavShop .menuLinks > ul > li > ul{
    padding:0;
  }
  #fullNavShop .menuLinks .menuLogo{
    width:100%;
  }
  #fullNavShop .menuLinks .mobMenuTitle{
    width:100%;
  }
  #fullNavShop .menuLinks > ul > li > ul .mobMenuTitle a,
  #fullNavShop .menuLinks > ul > li > ul > h2 a:first-of-type{
    display:none;
  }
  #fullNavShop .menuLinks > ul > li > ul > h2{
    padding:0 20px;
  }
  #fullNavShop .menuLinks > ul > li > ul > h2 .subMenuClose{
    font-size:0;
  }
  #fullNavShop .menuLinks > ul > li > ul > h2 .subMenuClose:before{
    content:"";
    background: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-mob-sidenav-arrow.png')no-repeat center;
    width:7px;
    height:9px;
    transform:rotate(180deg);
    margin-right:5px;
    display:inline-block;
  }
  #fullNavShop .menuLinks > ul > li > ul > h2 .subMenuClose:after{
    content:"Menu";
    font-size: 14px;
    color: #201d1d;
    font-weight:700;
    text-transform:uppercase;
  }
  #fullNavShop .menuLinks > ul > li > ul > h2 .subMenuClose:hover{
    text-decoration:none;
  }
  .mob-hide {
    display:none !important;
  }
  /*.nList h2 a[href^="https://www.brantbusinessinteriors.com/"] {
    display: none;
  }*/
}

/*** End Side Nav - Shop ***/


/*** Side Nav - Services ***/
#fullNavServices .menuLinks > ul{
  display:flex;
  flex-wrap: wrap;
  align-items: stretch;
}
#fullNavServices .menuLinks > ul li{
  width: 100%;
}
#fullNavServices .menuLinks > ul li.has-image{
  position: relative;
  width: 50%;
  padding: 5px;
}
#fullNavServices .menuLinks > ul li.has-image:nth-of-type(7){
  margin-bottom:30px;
}
#fullNavServices .menuLinks > ul li.has-image:nth-of-type(odd){
  padding-left:27px;
}
#fullNavServices .menuLinks > ul li.has-image:nth-of-type(even){
  padding-right:27px;
}
#fullNavServices .menuLinks > ul li.has-image h4{
  margin: 0;
  font-size: 13px;
  font-weight:400;
  color: #000;
  min-height: 36px;
  line-height: 18px;
  text-transform:none;
}
#fullNavServices .menuLinks > ul li.has-image:hover h4{
  text-decoration:underline;
}
#fullNavServices .menuLinks > ul li.has-image img{
  margin: 0 0 10px;
}

#fullNavServices .menuLinks > ul > li:not(.has-image) > a{
  font-size: 14px;
  padding: 5px 8px 5px 32px;
  line-height: 26px;
  display:block;
  font-weight:400;
  text-transform:none;
}
/*** End Side Nav - Services ***/

/***  Changes 24/01/2022 ***/
/*.ex-cart .cart-topbuttons{
  display:none;
}*/
.ex-cart .main + .row .col-sm-4{
  display:flex;
  justify-content:flex-start;
  flex-wrap: wrap;
  row-gap: 5px;
}
.ex-cart .main + .row .col-sm-4 button{
  border:none;
}
.ex-cart .main + .row .col-sm-4 button:nth-of-type(1){
  background-color:#98ca3c;
}
.ex-cart .main + .row .col-sm-4 button:nth-of-type(2){
  background-color:#003865;;
}
.ex-cart .main + .row .col-sm-4 button:nth-of-type(1){
  background-color:#98ca3c;
}
.ex-cart .main + .row .col-sm-4 button:hover{
  background-color:#292c2e;
}

#cartContinueShopping a{
  color:#fff;
}

@media only screen and (min-width:768px) and (max-width:1200px) {
  .ex-cart .main + .row .col-sm-4 button{
    padding:5px 10px;
  }
}

}

@media only screen and (min-width:768px){
  .ex-cart .main + .row > div{
    width:50%;
  }
}

@media (max-width:768px){
  .t2cat.desktop{
    display:none !important;
  }
  .rebateBox {
     flex-direction:column;
     text-align:center;
     width: 95% !important;
  }
  .rebateBox .cbImg{
    margin:0 0 15px;
    width:100%;
    max-width:400px;
    max-height: 400px;
  }
  .rebateBox p{
     width:100%;
  }
  .rewards-tab {
    bottom: 50px !important;
  }
}

@media (min-width:769px) and (max-width:769px){
  .rewards-tab {
    bottom: 50px !important;
  }
}

@media (min-width:769px){
  .t2cat li.mobile{
    display:none !important;
  }
}

/*** End changes 24/01/2022 ***/

.quickordertoggle{
  display:none !important;
}

.ex-order-history #date_created_at{
  padding:5px 4px;
}

.ex-searchresult .productsgrid_container .tileparent .tile > a .imgthumbnail,
.ex-category .productsgrid_container .tileparent .tile > a .imgthumbnail {
  width: 100%;
  padding: 3px; /*was 20px*/
  transition: 0.35s ease;
}

.ex-searchresult .productsgrid_container .tileparent .tile > a .imgthumbnail:hover,
.ex-searchresult .productsgrid_container .tileparent .tile > a .imgthumbnail:focus-within,
.ex-category .productsgrid_container .tileparent .tile > a .imgthumbnail:hover,
.ex-category .productsgrid_container .tileparent .tile > a .imgthumbnail:focus-within {
  padding: 0;
}

.ex-searchresult .productsgrid_container .tileparent .tile > a .imgthumbnail img,
.ex-category .productsgrid_container .tileparent .tile > a .imgthumbnail img {
  max-width: none;
  max-height: none;
  height: 100%;
  width: 100%;
  object-fit: contain;
  transition: 0.15s ease;
}


/* added 2024 */
.bordered {
  border: 1px solid lightgrey;
}

.mb0 {
  margin-bottom: 0;
}

.scheduled {
  display: none;
}

.rebates-sec {
  padding:40px 0;
}

.rebates-sec h1 {
  text-align:center;
  margin:0 0 30px;
}

.rebates-sec .nFlex {
  flex-wrap:wrap;
  align-items:stretch;
  justify-content: center;
}

.rebateBox {
  width:75%;
  padding:25px 10px;
  border-radius:18px;
  margin:12px 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  transition:0.35s all;
  background:#F4F4F4;
  position:relative;
}

.rbImg {
  max-width:50%;
  transition:0.35s all;
  padding:0 10px;
  transition:0.35s all;
  display:flex;
  justify-content:center;
  align-items:center;
}

.rebateBox p {
  width:100%;
  color:#003865;
  font-size:16px;
  margin:0;
  line-height:20px;
  font-weight:700;
  line-height: 1.5;
}

.rebateBox p span:first-of-type {
  color:#009CDE;
  font-size:20px;
  font-weight:700;
}

.rebateBox:hover {
  border-radius:10px;
}

.rebateBox:hover .cbImg {
  transform:scale(1.03);
}

.rebateBox p .descr {
  color: inherit;
  font-size: 14px;
  font-weight: initial;
}
.text-center {
  text-align: center;
}

#brother-logo {
  margin-bottom: 20px;
  -webkit-filter: drop-shadow(2px 2px 2px #c2c2c2);
   filter: drop-shadow(2px 2px 2px #c2c2c2);
}
.footer .footCol.fc5 img {
  max-width: 90px;
}

.footer .footLogo img {
  max-width: 300px;
}

.menu.expanded .catalog > li.nav-01 > ul.submenu > div > li.nav-banner {
  background: url(https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-nav-lookbooks.gif) repeat left;
}

.zonebottom .footTestimonials {
  background-color: #d9edf7;
}
.zonebottom .footTestimonials .slick-dots li button:before {
  font-size: 17px;
}

.zonebottom .footTestimonials .slick-prev:before, 
.zonebottom .footTestimonials .slick-next:before {
  display: none;
}


.imageslider_container .imageslider_wrapper {
  margin-bottom: 0;
  margin-top: 0;
}

.flyers .flyerBox img{
  max-height: 288px;
  max-width: 226px;
}

.menu.expanded .catalog .submenu .submenucontainer > li.nav-05-07 > a:after {
  background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/top-menu-featured-brands.svg') !important;
  max-width :120px;
}

.menu.expanded .catalog .submenu .submenucontainer > li:not(.nav-banner) > a:after {
  left: 50%;
  transform: translateX(-50%);
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-07-01 > a:after {
    background-image: url('https://us.evocdn.io/dealer/1186/content/media/CopyPaper.PNG');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-07-03 > a:after {
    background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/top-submenu-binders.PNG');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-07-02 > a:after {
    background-image: url('https://us.evocdn.io/dealer/1186/content/media/Categories/FileFolders.PNG');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-07-04 > a:after {
    background-image: url('https://us.evocdn.io/dealer/1186/content/media/Categories/sharpies.PNG');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-07-05 > a:after {
    background-image: url('https://us.evocdn.io/dealer/1186/content/media/PostItNote.PNG');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-07-06 > a:after {
    background-image: url('https://us.evocdn.io/dealer/1186/content/media/StorageBoxes.PNG');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-07-07 > a:after {
    background-image: url('https://content.etilize.com/Alternate-Image1/1011323388.jpg');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-07-08 > a:after {
    background-image: url('https://us.evocdn.io/dealer/1186/content/media/Categories/Envelopes.PNG');
}

.header-full .menu.expanded .catalog > li.nav-07 > ul.submenu > div > li.nav-banner{
    background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-nav-banner-07-bg.jpg');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-08-01 > a:after {
    background-image: url('https://us.evocdn.io/dealer/1186/content/media/Categories/Printer.JPG');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-08-02 > a:after {
    background-image: url('https://content.etilize.com/500/1023139375.jpg');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-08-03 > a:after {
    background-image: url('https://content.etilize.com/500/1030235979.jpg');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-08-04 > a:after {
    background-image: url('https://content.etilize.com/500/1045850219.jpg');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-08-05 > a:after {
    background-image: url('https://us.evocdn.io/dealer/1186/content/media/Categories/4119-1.jpg');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-08-06 > a:after {
    background-image: url('https://us.evocdn.io/dealer/1186/content/media/Categories/laptop.JPG');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-08-07 > a:after {
    background-image: url('https://content.etilize.com/500/1037500088.jpg');
}

.header-full .menu.expanded .catalog .submenu .submenucontainer > li.nav-08-08 > a:after {
    background-image: url('https://content.etilize.com/500/1028051639.jpg');
}
.header-full .menu.expanded .catalog > li.nav-08 > ul.submenu > div > li.nav-banner{
    background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/nav/oc-nav-banner-08-bg.jpg');
}
/* winter supplies*/
.header-full .menu.expanded .catalog-block > ul.catalog > li.nav-02 {
  display: none !important;
}

@media (min-width:769px) and (max-width: 991px) {
  .menu .catalog-block > ul {
    padding-left: 199px;
  }
  .menu .catalog-block > ul > li a {
    padding-left: 14px;
    padding-right: 14px;
  }
  .menu ul.catalog > li.has-submenu > a {
     background-position: right 2% center;
  }
  .menu .catalog li.nav-sidenav a {
    padding: 12px 15px 12px 30px;
    background-position: left 0px center;
  }
  .nav-sidenav-services {
    left: 90px;
  }
  .rebateBox {
    width: 100%;
  }
}


@media (min-width:992px) and (max-width: 1336px) {
  .menu ul.catalog > li.has-submenu > a {
     background-position: 90% center;
  }
  .rebateBox {
    width: 80%;
  }
}

.menu .catalog-block > ul > li.nav-01  {
  display: none !important;
}

.navicon.nav-officefurniture {
  display: none;
}

/*footer .menuLinks ul li.nav-bbinteriors {
  display: none;
}*/

/* restyling made in Canada badge */
body.ex-product .productimage_container .badges-wrapper {
  height: 100%;
}

body.ex-product .productimage_container .ribbon-wrapper.b366 {
  top: calc(100% - 200px);
}

body.ex-product .productimage_container:has(.productimagesolo) .ribbon-wrapper.b366 {
  top: calc(100% - 100px);
}

@media (max-width: 400px) {
  body.ex-product .productimage_container .ribbon-wrapper.b366 {
    top: calc(100% - 100px);
  }
}

body.ex-product .productimage_container .ribbon-wrapper.b366 .ribbon-side,
body.ex-product .productimage_container .ribbon-wrapper.b366 .ribbon-tips {
  display: none;
}

body.ex-product .productimage_container .ribbon-wrapper.b366 .ribbon {
  font-size: 0;
  background: url("https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-canada-badge-md.png") no-repeat center;
  background-color: transparent !important;
  padding: 0;
  width: 80px;
  height: 80px;
  max-width: 80px;
}

.tile .badges-wrapper{
  height: 100%;
}

.tile .ribbon-wrapper.b366 {
  top: 120px;
  left: 15px;
}

.tile .ribbon-wrapper.b585+.b366 {
  top: 87px;
}

.tile .ribbon-wrapper.b366 .ribbon-side,
.tile .ribbon-wrapper.b366 .ribbon-tips {
  display: none;
}

.tile .ribbon-wrapper.b366 .ribbon {
  font-size: 0;
  background: url("https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-canada-badge-xs.png") no-repeat center;
  background-color: transparent !important;
  padding: 0;
  width: 40px;
  height: 40px;
  max-width: 40px;
}
/* end of restyling made in Canada badge */

body .modal .modal-content .modal-body .attachment-upload-container .dz-message br {
  display: inherit;
}

.footer .email a {
  color: #ffffff;
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

#runner {
  background: url(https://us.evocdn.io/dealer/1186/content/media/Content_Pages/rewards-banner.png);
  background-position-y: bottom;
  height: 75px;
  text-align: center;
  line-height: 75px;
  margin-bottom: 50px;
  display: none;
}
  
#runner h2,
#runner a {
  color: white; 
  font-weight: 900;
  text-align: center;
  line-height: 75px;
  vertical-align: middle;
  margin: 0;
}
  

/* IP added - Dashboard Banner */
.dashboard-top {
  margin-bottom: 50px;
}
.db-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/business-area.jpg');
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  min-height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  flex-direction: column;
  gap: 20px;
}

.db-card-grid {
  max-width: 900px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.1rem;
}    

.db-card {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s ease;
  text-decoration: none;
  color: #002f6c;
  flex: 1 1 calc(16.7% - 1.1rem);
  max-width: calc(17% - 1.1rem);
  display: flex;
  flex-direction: column;
}

.db-card:hover {
  transform: scale(1.02);
  cursor: pointer;
}

.db-card:focus {
  color: #003865;
}

.db-card .icon {
  display: block;  
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 1rem auto;
}

.db-card span {
  font-weight: bold;
  display: block;
  margin-top: 5px;
}

.welcome-msg {
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 1.5rem;
  color: #434343;
  display: inline-block;
  margin: 30px 20px 30px 0;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 700;
}
.db-reward-strip {
  font-size: 1.2rem;
  padding: 10px 20px;
}
.db-reward-strip {
  background-color: var(--evo-btn-default-bg);
  background-color: var(--evo-brand-default);
  color: #fff;
  display: none;
}
.ex-r-2059 .db-reward-strip,
.ex-r-2077 .db-reward-strip,
.ex-r-2078 .db-reward-strip,
.ex-r-2079 .db-reward-strip,
.ex-r-2080 .db-reward-strip {
    display: block;
}
.db-reward-strip a {
    color: #fff;
    text-decoration: underline;
}
.db-reward-strip a:hover {
    color: var(--evo-btn-default-bg);
}
.db-reward-strip p {
    margin: 0;
    text-align: center;
}
.db-reward-strip span {
    font-weight: 900;
    font-size: 1.5rem;
    padding-inline: 3px;
    color: var(--evo-btn-default-bg);
}
@media only screen and (max-width: 768px){
  .db-reward-strip {
    font-size: 1rem;
    padding: 7px 10px;
  }
  .db-reward-strip span {
    font-size: 1.2rem;
  }
}
.top-row {
  display: flex;
  gap: 1.5rem;
  width: 100%;
  max-width: 900px;
}

.support-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: flex-start;
  padding: 1.5rem;
  border-radius: 8px;
  background: url(https://us.evocdn.io/dealer/1186/content/media/My_Theme/support-agent-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  color: white;
}

.support-text {
  flex: 1;
  color: white;
}

.support-text a:hover {
  color: white;
}

.support-text img {
  width: 20px;
  filter: var(--theme-filter-primary, brightness(0) saturate(100%) invert(31%) sepia(42%) saturate(4270%) hue-rotate(344deg) brightness(91%) contrast(105%));
  transform: rotate(30deg);
  vertical-align: middle;
}

.support-text h2 {
  margin: 0 0 1rem;
  font-size: 1.2rem;
  color: white;
}

.support-text p {
  margin: 0.25rem 0;
}

#accprofile {
  background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/icn-profile.svg');
}

#ordhistory {
  background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/icn-history.svg');
}

#accfavor {
  background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/icn-favour.svg');
}

#shopcart {
  background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/icn-cart.svg');
}

#ordreturn {
  background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/icn-return.svg');
}

#askchat {
  background-image: url('https://us.evocdn.io/dealer/1186/content/media/My_Theme/icn-chat.svg');
}
    
@media (max-width: 991px) {
  .db-card {
    flex: 1 1 16%;   /* 3 per row */
    /*max-width: 14%;*/
  }
}

@media (max-width: 850px) {
  .support-banner {
    background-image: none !important;
    background-color: #252A3C; 
  }
}
@media (max-width: 768px) {
  .db-card {
    flex: 1 1 30%; /* ensures 3 per row */
    max-width: 31%;
  }
   .mobile .db-banner {
    flex-direction: column;
  }
  .mobile .welcome-msg {
    margin-right: 0;
    margin-bottom: 0;
  }
  .top-row {
    flex-direction: column;
  }
  .thankYou {
     order: 0;
  }
  .left-blocks {
    order: 1;
    margin: 0 auto 50px auto;
  }
  
}
  
@media (max-width: 558px) {
  .support-banner {
    font-size: 14px;
    padding: 10px;
  }
  .db-card {
    flex: 1 1 45%;
    max-width: 48%; /* 2 per row */
  }
}

/*@media (min-width: 718px) and (max-width: 769px) {
  .db-banner {
    min-height: 300px;
  }
}*/


/* end of Dashboard Banner styles */

/* Search page tips section */
.conditional-content {
  display: none;
}
  
.tips-container {
  display: flex;
  justify-content: center;
  gap: 40px;
  padding: 20px;
  flex-wrap: wrap;
  margin: 0 auto;
  align-items: center;
}

.left-section {
  flex: 1;
  min-width: 300px;
}

.right-section {
  flex: 1;
  min-width: 300px;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.feature-box {
  background-color: #d9edf7;
  border-radius: 8px;
  padding: 16px;
}

.contact-buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-top: 30px;
  flex-wrap: wrap;
}

.contact-btn {
  color: white;
  text-decoration: none;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: background-color 0.3s ease;
}

.contact-btn:hover,
.contact-btn:active,
.contact-btn:focus {
  background-color: #97D700;
}

.note {
  margin-top: 30px;
}
  
.tips-container .icon,
.tips-container i {
  margin: 0;
}

.tips-container ul {
  margin: 30px 0;
}

.full-width-override {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 991px) {
  .tips-container {
  flex-direction: column;
  }
}
  
/* End of Search page tips section */
  
/* Thank you page */
.ex-checkout.ex-thankyou.ex-loggedin .page-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
  
.left-blocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 20px;
  margin-bottom: 40px;
  margin-top: 50px;
}

.left-blocks .card {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  text-decoration: none;
  border-radius: 12px;
  font-weight: bold;
  padding: 20px;
  min-height: 100px;
  transition: transform 0.2s ease;
}

.left-blocks .card h3 {
  font-size: 1.5rem;
  margin: 0;
  color: #ffffff;
  
}

.left-blocks .card:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.card.survey {
  grid-column: span 2;
  min-height: 150px;
  position: relative;
  overflow: hidden;
  background-image: url('https://us.evocdn.io/dealer/1186/content/media/Content_Pages/customer-success-6.png');
  background-position-y: 90%;
  background-size: cover;
  background-repeat: no-repeat;  
}

.card.survey h3 {
  font-size: 2rem;
}

/*.survey-img-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 150px;
  height: 150px;
  pointer-events: none;
  background-image: url('https://us.evocdn.io/dealer/1186/content/media/Content_Pages/OC Bullet.png');
  background-position: right bottom;
  background-size: cover;
  background-repeat: no-repeat;  
}*/

.card.rewards-prgm {
  grid-column: span 1;
  grid-row: span 1;
  background-image: url('https://us.evocdn.io/dealer/1186/content/media/Content_Pages/rewards-prgm.jpg');
  background-size: cover;       
  background-position: bottom;  
  background-repeat: no-repeat; 
}

.card.onestop {
  grid-column: span 1;
  grid-row: span 1;
  min-height: 150px;
  background-image: url(https://us.evocdn.io/dealer/1186/content/media/My_Theme/Review-on-google.png);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
}  

.card.onestop h3,
.card.seasonal h3 {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.3);
}

.card.seasonal {
  background: 
    radial-gradient(circle, rgba(0,0,0,0.1), rgba(0,0,0,0.9)),
    url("https://us.evocdn.io/dealer/1186/content/media/My_Theme/food-snacks.jpg");
  background-size: cover;
  background-position-y: 20%;
}
@media (min-width: 769px) {
  .left-blocks {
     flex: 0 0 50%;
     max-width: 50%;
  }
  
  #thankYou {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .page-content {
    align-items: flex-start;
  }
}
  
@media (max-width: 768px) {
  .left-blocks {
    grid-template-columns: 1fr;
  }

  .card.survey,
  .card.rewards-prgm,
  .card.onestop {
    grid-column: span 1 !important;
  }
}
/* End of Thank you styles */

/* ===== MH landing page styling ===== */
.page-content.onecolumn:has(.landingpage-hero-title) {
  margin: 0;
}

.landingpage-hero-title {
  position: relative;
  background-color: black;
  min-height: 420px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.landingpage-hero-title > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
}

.landingpage-hero-title .container {
  position: relative;
  z-index: 1;
  height: 100%;
}

.landingpage-hero-title .content-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #fff;
}

.landingpage-hero-title h1 {
  font-size: 48px;
  margin: 0 0 25px;
  color: #fff;
}

.landingpage-hero-title h3 {
  color: #fff;
}

.landingpage-hero-title p:last-child {
  margin-bottom: 0;
}

.landingpage-introtext {
  padding: 50px 0 20px 0;
}

.landingpage-introtext h2 {
  font-size: 36px;
  margin: 0 0 30px;
}

.landingpage-introtext p {
  margin: 0 0 25px;
}

.catalog-grid:has(.landingpage-introtext) .row-breadcrumb {
  display: none;
}

.htmlcontent_container:has(.landingpage-buttons) {
  margin: 0;
}

.landingpage-buttons {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.landingpage-buttons .btn,
.gotAnyQuestions .btn {
  /*padding: 1.5rem;*/
  font-size: 16px;
  min-width: max-content;
  margin-bottom: 20px;
  font-weight: 800;
}

.landingpage-buttons .btn:hover,
.gotAnyQuestions .btn:hover,
.rewards-centre .btn:hover {
  background: #97D700;
}

@media (max-width: 500px) {
  .landingpage-buttons {
  flex-direction: column;
  align-items: center;
  }
  .landingpage-buttons .btn {
  min-width: min(300px, 90%);
  }
}

.landingpage-category-boxes {
  background: #f3f3f3;
  padding: 70px 0;
  margin-top: 30px;
}

.landingpage-category-boxes h2,
.landingpage-faq h2 {
  text-align: center;
  font-size: 36px;
  color: #444242;
  margin: 0 0 25px;
}

.landingpage-faq {
  padding-top: 70px;
}

.landingpage-category-boxes p {
  text-align: center;
  margin: 0;
}

.landingpage-category-boxes .container {
  background-color: revert;
}

.lp-categoryboxes-inner {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}

@media (max-width: 478px) {
  .gotAnyQuestions {
    max-height: unset !important;
  }
  .gotAnyQuestions .btn {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .lp-categoryboxes-inner {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

@media (max-width: 500px) {
  .lp-categoryboxes-inner {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.lp-categorybox {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 20px;
  height: 285px;
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
}

.lp-categorybox > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
  transition: 0.35s transform!important;
}

.lp-categorybox > div {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  position: relative;
}

.lp-categorybox > div img {
  flex-shrink: 0;
}

.lp-categorybox > div::after {
  content: "View Category";
  position: absolute;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  bottom: 100%;
  opacity: 0;
  transition: 0.35s all;
  transform: translateX(-20px);
}

.lp-categorybox::after {
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.75) 100%
  );
  z-index: -1;
  transition: 0.35s all;
}

.lp-categorybox:hover > img {
  transform: scale(1.05);
}

.lp-categorybox:hover > div::after {
  opacity: 1;
  transform: translateX(0);
}

.lp-categorybox:hover::after {
  opacity: 0.75;
}

.zonebottom:has(.landingpage-category-boxes) > div {
  margin-bottom: 0;
}

.gotAnyQuestions {
  background: #173a64;
  position: relative;
  padding: 0 30px;
  max-height: 300px;
}

.gotAnyQuestions > img {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 50%;
  object-fit: cover;
}
.gotAnyQuestions a {
  margin-top: 15px;
  color: #ffffff;
}

.gotAnyQuestions a:hover,
.gotAnyQuestions a:focus {
  color: #ffffff;
}

.gotAnyQuestions .questionsInner {
  padding: 30px 0 20px 0;
  width: 50%;
}

.gotAnyQuestions h3 {
  color: #fff;
  font-size: 26px;
  margin: 0 0 30px;
}

.gotAnyQuestions p {
  color: #fff;
  margin: 0 0 30px;
}

.gotAnyQuestions .questionsLink {
  color: #fff;
  margin: 15px 0;
}

.gotAnyQuestions .questionsLink img {
  vertical-align: baseline;
  max-height: 15px;
}

.gotAnyQuestions .customButton {
  display: inline-block;
  margin-top: 20px;
}

@media (max-width: 870px) {
  .gotAnyQuestions > img {
    display: none;
  }
  .gotAnyQuestions .questionsInner {
    width: 100%;
    padding: 30px 0;
  }
  .gotAnyQuestions {
    margin-bottom: 40px;
  }
}

.rewards-items-merch .footer-wrapper-price {
  display: none;
}

.step-block {
  gap: 12px;
}

.step-number {
  float: left;
  width: 24px;
  height: 24px;
  background-color: #159BD7; 
  color: white;
  font-weight: bold;
  font-size: 14px;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
  flex-shrink: 0;
  margin-right: 5px;
  margin-top: -2px;
}

.step-text {
  margin: 0;
  line-height: 1.4;
}

.steps-rewards {
  padding: 20px;
  border: 4px solid #159BD7;
  border-radius: 10px;
  max-width: 800px;
}

.rewards-centre h1 {
  font-size: 36px;
  margin: 50px 0 30px;
  text-align: center;
}
.rewards-centre .btn, 
.reward-history .btn {
  font-size: 16px;
  min-width: max-content;
  font-weight: 800;
}

.reward-title-wrapper {
  margin-bottom: 50px;
  display: block;
}
.reward-title-wrapper .reward-title {
  margin-bottom: 0;
}
.reward-title-wrapper .reward-title > h2 {
  border: 4px solid #159BD7;
  border-radius: 10px;
  max-width: fit-content;;
  padding: 20px;
  margin: 0;
}
.reward-title-wrapper .reward-history {
  margin-right: 0;
  margin-top: 20px;
  text-align: left;
}


/*.catalog-grid .btn,
.zonebottom .btn {
  font-size: 18px;
  font-weight: 800;
}*/

.catalog-grid .merchandising-carousel .owl-next,
.catalog-grid .merchandising-carousel .owl-prev {
  background: none;
}

.catalog-grid .merchandising-carousel .inner {
  max-width: 98%;
}

.catalog-grid .merchandising-carousel .owl-carousel .owl-dot, 
.catalog-grid .merchandising-carousel .owl-carousel .owl-nav .owl-next, 
.catalog-grid .merchandising-carousel .owl-carousel .owl-nav .owl-prev  {
  color: #434343;
}

@media screen and (max-width: 767px) {
 .steps-rewards .row > div + div {
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .rewards-centre .btn, 
  .reward-history .btn {
    margin: 0 auto;
    width: fit-content;
    display: block;
  }
}

/* ===== END landing page style ===== */

/* Rewards Modal */

#rewardsModal .modal-content {
  padding: 0;
  background: #dbe8f1;
  background-image: url(https://us.evocdn.io/dealer/1186/content/media/Content_Pages/rewards-banner.png);   
  background-size: cover;   
  position: relative;
}
#rewardsModal .modal-body {
  padding: 30px;
  padding-bottom: 20px;
  margin-left: 40px;
  margin-top: 20px;
  background: white;
  max-width: 360px;
  color: black;
  display: flex;
  flex-direction: column;
}
#rewardsModal .modal-body h2 {
    font-size: 16px;
    font-weight: 600;
    color: inherit;
    margin-top: 25px;
    margin-bottom: 15px;
    font-family: inherit;
}
#rewardsModal .modal-body ol {
    padding-left: 0;
    margin: 40px 0 0;
    color: black;
}
#rewardsModal .modal-body ol li {
    font-size: 16px;
    font-weight: 300;
    color: inherit;
    padding-left: 50px;
    margin-bottom: 20px;
    list-style: none;
    position: relative;
}
#rewardsModal .modal-body .btn {
    margin: 0 auto;
    max-width: 240px;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    font-family: inherit;
    padding-top: 13px;
    padding-bottom: 13px;
    transition: all .35s ease;
}
#rewardsModal .modal-body .btn.btn-secondary {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
  background: #ededed;
  color: black;
}
#rewardsModal .modal-body .btn.btn-secondary:hover {
  background: #003865;
  color: #ffffff;
}
#rewardsModal .modal-body ol li {
    font-size: 16px;
    font-weight: 300;
    color: inherit;
    padding-left: 50px;
    margin-bottom: 20px;
    list-style: none;
    position: relative;
}
#rewardsModal .modal-body ol li::before {
    content: '1';
    position: absolute;
    left: 0;
    top: 49%;
    transform: translateY(-50%);
    background: #359fdf;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    color: white;
    font-size: 16px;
    font-weight: 700;
}
#rewardsModal .modal-body ol li:nth-child(2)::before {
    content: '2';
    background: #98ca3c;
}
#rewardsModal .modal-body ol li:nth-child(3)::before {
    content: '3';
    background: #133a64;
}
#rewardsModal .modal-header .close {
    position: absolute;
    top: 25px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: url(https://us.evocdn.io/dealer/1186/content/media/My_Theme/cs-basket-add.png);
    background-size: cover;
    border: 0;
}

#rewardsModal .modal-header {
  border: none;
}
#rewardsModal .modal-header .close i.fa {
  display: none;
}
/* End of Rewards modal */

.rewards-tab {
  bottom: 5px;
  font-size: 20px;
  font-weight: 600;
  padding: 12px 20px;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(0, 156, 222, 0.5);
  border: 2px solid #009CDE;
  transition: all 0.3s ease;
}
.rewards-tab:hover {
  box-shadow: 0 0 22px rgba(0, 156, 222, 0.5);
}
.rewards-tab i:before {
  color: #009cde;
}

/*** Sub categories banner row  ***/
.subctg-container {
  margin: 20px auto 60px auto;
  padding: 20px;
}
.subctg-row {
  display: grid;
  grid-template-columns: repeat(8, 1fr); /* 8 columns */
  row-gap: 50px;
  column-gap: 20px;
  justify-items: center;
}

.subctg-tapes .subctg-row {
  grid-template-columns: repeat(6, 1fr);
}

.subctg-coffee .subctg-row {
  grid-template-columns: repeat(10, 1fr);
}

.subctg-heading {
  color: #000;
  margin: 0;
  flex-shrink: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  margin-bottom: -160px;
  line-height: 1.0;
}

.subctg-tapes .subctg-heading {
  margin-bottom: -180px;
}

.subctg-color-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  border-radius: 50%;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  background-color: #f2f2f2; /* example color */
  overflow: visible; /* allow image to go outside */
  box-sizing: border-box;
  width: 140px;
  height: 140px;
}

.subctg-color-block:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  text-decoration: none;
}

.subctg-color-block img {
  position: absolute; 
  width: 150px;       
  height: auto;
  max-height: 150px;
  object-fit: contain;
  z-index: 1;
}

.subctg-coffee .subctg-color-block {
  width: 110px;
  height: 110px;
}
.subctg-coffee .subctg-color-block img {
  width: 100px;       
  max-height: 100px;
}

.page-content .subctg-color-block:hover > img {
  opacity: 0.9;
}

.subctg-color-block:hover .subctg-heading {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1367px) and (max-width: 1469px) {
  .subctg-coffee .subctg-color-block {
    width: 145px;
    height: 145px;
  }
  .subctg-coffee .subctg-color-block img {
    width: 140px;       
    max-height: 140px;
  }
  .subctg-coffee .subctg-row {
    grid-template-columns: repeat(5, 1fr);
  }
  .subctg-heading {
    margin-bottom: -180px;
  }
}

@media (max-width: 1325px) {
  .subctg-coffee .subctg-row {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 991px) {
  .subctg-tapes .subctg-row {
    grid-template-columns: repeat(3, 1fr); /* 3 columns on tablet */
  }
}

@media (max-width: 767px) {
  .subctg-row,
  .subctg-tapes .subctg-row,
  .subctg-coffee .subctg-row {
    grid-template-columns: repeat(3, 1fr); /* 3 columns on tablet */
  }
}

@media (max-width: 480px) {
  .subctg-row,
  .subctg-tapes .subctg-row,
  .subctg-coffee .subctg-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .subctg-color-block img {
    width: 120px;       
    max-height: 120px;
  }
  .subctg-color-block {
    width: 110px;
    height: 110px;
  }
  .subctg-heading,
  .subctg-tapes .subctg-heading {
    font-size: 16px;
    height: unset;
    margin-bottom: -145px;
  }
}
/* End of Subcategory row */

/* Quickview update */
@media (min-width: 1201px) {
  button.showquickviewbtn:not(:disabled) {
    box-shadow: none;
    right: 30px;
    bottom: 50px;
    width: fit-content;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 3px !important;
    overflow: hidden;
  }

  button.showquickviewbtn:not(:disabled)::after {
    content: "Quick View";
    white-space: nowrap;
    background: #009cde;
    color: #fff;
    padding: 2px 10px;
    font-weight: 500;
    opacity: 0.6;
    font-size: 14px;
  }

  button.showquickviewbtn .quickview-icon {
    display: none;
  }
}

/* Medium range: max 1468px wide */
@media (max-width: 1468px) {
  button.showquickviewbtn:not(:disabled) {
    right: 0;
  }
}