.ctct-form-flyout.form_1 .ctct-form-defaults {
background: url(https://eu.evocdn.io/dealer/1022/content/media/cossignup25.png) no-repeat center;
}
.tierBox.bestValue::before
div.customertools .customertools-container {
background: #f8f8f8;
}
.cos-acoustic-overlay-large span
.users .input-group-addon:first-child {
color: #454545;
}

.myaccount #erpGridVue .no-more-tables thead, .myaccount #gridvue .no-more-tables thead, .myaccount #gridvue2 .no-more-tables thead, .myaccount #gridvueCylinders .no-more-tables thead, .myaccount #gridvuemultisearch .no-more-tables thead, .myaccount #userordergridvue .no-more-tables thead {
background: linear-gradient(58deg, #4797ce 0%, #3dbbbb 20%, #3dbbbb 80%, #4797ce 100%);
}

#gridvue .form-control, #gridvue .select2-selection--single {
background: #ffffff;
}

.myaccount table  {
background: #ffffff; 
}  .owl-carousel .tile .footer span.live-inventory-v2-shipping
  
#cdash_address .with-padding-trl  {
background-color: #f7f7f9;
}    

#cdash_myinfo .big-image-bk i:before {
content: "\f007";
}  
div.customertools .nav li.group-name  {
color: #454545;
}  
.ctct-flyout-top-center {
margin-top: 100px;
}  
.shoppingtools_container .account-btn {
max-height: 42px;
min-height: 42px;
}


.ctct-banner-content div.ctct-form-defaults  {
padding: 20px 0px;
}

button.ctct-form-button.ctct-submit-inline.ctct-submit-inline-default.ctct-submit-inline-visible {
background: #3dbbbb ! Important;
}

button.ctct-form-button.ctct-submit-inline.ctct-submit-inline-default.ctct-submit-inline-visible:hover {
background: #049acf ! Important;
}

.shoppingtools_container .account-dropdown .description {
display: none;
}

.dropdown-menu span.overlap {
width: 320px;
}

.shoppingtools_container .dropdown-menu.account-dropdown {
right: -70px !important;
left: unset !important;
}

.toolbar .account-dropdown .arrow_box:after, .toolbar .account-dropdown .arrow_box:before {
border-bottom-color: transparent;
}

.shoppingtools_container .leftSide li {
padding-left: 25px;
color: #454545;
list-style-type: none;
font-size: 12px;
line-height: 18px;
background: url(https://eu.evocdn.io/dealer/1022/content/media/cosbulletpoint.png) no-repeat scroll left center;
}

.shoppingtools_container .leftSide h3 {
margin-bottom: 10px;
text-transform: unset;
color: #454545;
font-size: 16px;
margin-top: 0px;
}

.shoppingtools_container .leftSide ul {
padding: 0;
}

.shoppingtools_container .rightSide .registerBox {
padding: 10px 15px 0px 15px
}

.shoppingtools_container .rightSide .welcomeBox {
padding: 15px;
}

.shoppingtools_container .dropdownSection {
display: flex;
padding: 10px 15px;
}

.shoppingtools_container .rightSide .pointer {
background: #c5edea;
display: flex;
justify-content: center;
transition: all .35s ease;
}

.shoppingtools_container .registerBox .pointer {
background: #454545;
display: flex;
justify-content: center;
transition: all .35s ease;
}

.shoppingtools_container .welcomeBox .pointer a {
color: #000000;
font-size: 14px;
font-weight: 700;
padding: 6px;
}

.shoppingtools_container .registerBox .pointer a {
color: #fff;
font-size: 14px;
font-weight: 700;
padding: 6px;
}

.shoppingtools_container .welcomeBox .pointer:hover {
background: #3dbbbb;
}

.shoppingtools_container .registerBox .pointer:hover {
color: #000000;
background: #3dbbbb;
}

.shoppingtools_container .leftSide {
width: 160px;
}

.shoppingtools_container .rightSide {
width: 160px;
}


.griditems .btn-list {
border-radius: 5px;
transition: 0.40s all;
padding: 8px;
}

.owl-carousel .tile .footer .price-label:before  {
display:none!important;
}

.catalog-single .productsrelated .tile .footer span.uom.uomblock  {
display:none;
}

.catalog-single .tile a.product-tile-image {
background-color: #f5f5f5;
}

.has-carousel .tile .footer .product-name   {
min-height: 50px!important;
max-height: 50px!important;
overflow: hidden;
font-size: 0.8em;
}

.product-shopping-actions-prices span.uom.uomblock  {
color: #1b507a!Important;
font-size: 0.4em;
}


.ProductPage-Banner {
text-align: center;
border: 1px solid #dddddd;
padding-left: 0px;
margin-bottom: 15px;
box-shadow: 0 8px 6px -6px #607D8B;
margin-left: 5px;
margin-right: 5px;
border-radius: 25px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
font-weight: 700;
margin-top: 8px;
}

.ProductPage-Banner a {
display: inline-block;
font-size: 15px;
margin-right: 20px;
padding: 5px 5px;
font-weight: 700;
}



.searchlist_hd::placeholder {
    opacity: 0;
}
.searchlist_hd.placeholdertext::placeholder {
    opacity: 1;
}


@media only screen and (max-width: 768px){
.catalog-grid .tile .price-label {
font-size: 2.0em!Important;
} }


.countyOX-mobileBaner img {
width: 20px;}


@media only screen and (max-width: 767px) {
.catalog-single .product-summary  {
background: white;
padding: 5px;
border: 1px solid #e6e6e6 !important;
border-radius: 10px;
} }



@media only screen and (max-width: 767px) {
.catalog-single .softgraybackground, .softgraybackground {
border: 1px solid #e6e6e6!important;
} }

@media only screen and (max-width: 768px) {
.countyOX-mobileBaner-widget {
margin-left: -15px;
margin-right: -15px;
} }

.hStrip {
 margin-left: -15px;
 margin-right: -15px;
}

.footersection-1 .nFlex{
    flex-wrap:wrap;
    align-items:flex-start;
}

a.fReadMore{
    padding-top:5px;
    padding-bottom:5px;
}


@media only screen and (max-width: 932px) {
    .footSocial a{
        flex-direction:column
    }
    .footSocial img{
        margin-bottom:15px;
    }
    .footSocial p{
        text-align:center;
    }
}

@media only screen and (max-width: 768px) {
    footer .contacts i.fa.fa-phone, footer .contacts i.fa.fa-envelope{
        margin:0 !important;
    }
    .footSocial{
        justify-content:space-evenly !important;
    }
    .footSocial a{
        width:100px;
    }
}

.inktonerfinderwidget .select2-container{max-width:100%}
.indicators-grid{min-height:25px;max-height:25px}

.item-merchandising h3,.products-related h3,{margin-left:9px;margin-right:8px;margin-left:5px;margin-right:5px;background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);margin-top:5px;border-radius:0px;padding:5px 15px;font-weight:400;color:#1b1a1a;border:1px solid #9E9E9E;}
.merchandisingcontent_container .catalog-single h3{margin-left:0px;margin-right:0px;padding:10px;font-weight:700;border:none;}


@media screen and (max-width: 320px) and (min-width: 100px) {
.catalog-grid .tile span.list-attribute.product-volume{width:100%;font-size:10px}
}
@media screen and (max-width: 360px) and (min-width: 321px) {
.catalog-grid .tile span.list-attribute.product-volume{width:100%;font-size:11px}
}
@media screen and (max-width: 1440px) and (min-width: 1367px) {
.catalog-grid .tile span.list-attribute.product-volume{width:100%;font-size:10px}
}
@media screen and (max-width: 2600px) and (min-width: 1441px) {
.catalog-grid .tile span.list-attribute.product-volume{width:100%;font-size:12px}
}


@media only screen and (max-width: 1024px) {
header .hStrip .nFlex{text-align:center}
}


@media screen and (max-width: 360px) and (min-width: 321px) {
.catalog-grid .tile .footer .footer-wrapper-price{margin-left:7px;margin-right:7px}
}

@media screen and (max-width: 320px) and (min-width: 100px) {
.catalog-grid .tile .footer .footer-wrapper-price{margin-left:7px;margin-right:7px}
}

@media only screen and (min-width: 768px) {
.mobileshow{display:none}
}
.maradjcc{margin-bottom:20px}
.toolbar .account-btn .user-icon{font-size:0;padding-bottom:0px;margin-right:5px}
i.material-icons.user-icon::before{content:"\f007";font:normal normal normal 14px/1 FontAwesome;font-size:34px;display:inline-block}
.cart-dropdown .cart-resume .promotion_discount .coupon_apply:focus{background:#7c8e9a;color: #000000;}
.footer-wrapper .product-sku{width:100%}
.fa-money-non-taxable:before{font-size:1.8em}
.fa-retweet:before{display:none}
@media only screen and (max-width: 768px) {
.indicators-grid{height:15px!important}
}
@media only screen and (min-width: 768px) {
.product-sku{width:65%}
}

.catalog-single .product-points .product-points-show-more{text-decoration:none;font-weight:700}
.list-attribute product-stock .in-stock{color:#60af05;font-weight:500;font-size:1.2em}
.fa-cloud-download:before{display:none}
.catalog-single .arrow-down{border-top:10px solid #1b507a;margin-top:4px;display:none;}
.catalog-grid .tile .footer span.has-vat-price{color:#000000;font-weight: 400; margin-right: 2px;}

@keyframes bounceIn {
0%{transform:scale(0.1);opacity:0}
60%{transform:scale(1.15);opacity:1}
100%{transform:scale(1)}
}



@keyframes fadeinnd {
from{opacity:0}
to{opacity:1}
}
@-moz-keyframes fadeinnd {
from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes fadeinnd {
from{opacity:0}
to{opacity:1}
}
@-ms-keyframes fadeinnd {
from{opacity:0}
to{opacity:1}
}
@-o-keyframes fadeinnd {
from{opacity:0}
to{opacity:1}
}
.header-full .hStrip p{color:#ffffff!important;font-weight:500;line-height:11px}
.header-full .hStrip p span{font-weight:400;font-size:11px}
.header-full .hStrip p,.hStrip img{display:inline-block;vertical-align:middle}
header .hStrip .nFlex .divide{height:20px;width:2px;background:#d0d0d0}
header .hStrip .nFlex{padding:4px}
header .hStrip .nFlex img{background:#fff;border-radius:50%;margin-right:15px;transition:.25s all;width:25px}
header .hStrip .nFlex a:hover img{background:#fff}
header .header-full .hStrip .nFlex a{color:#313131!important;font-size:14px;font-weight:700}
.hSocial img{border-radius:2px;background:#1b78c7;transition:.25s all;margin-right:10px;width: 30px}
.headSocial{margin-left:20px}
a.hSocial:hover img{background:#ffc000}
.htw img{background:#00bff3}
.hin img{background:#1b78c7}
.hsText{display:inline-block;vertical-align:middle;font-size:16px;font-weight:700;line-height:16px;}
.hsText span{font-weight:400;font-size:12px}
.header-full p.hcText{font-size:15px;text-align:right;line-height:19px;padding-right:15px}
.header-full p.hcText a{font-weight:700;color:#93d7ff}
.header-full p.hcText a.hEmail{color:#fff;font-size:12px;font-weight:400}
.header-full p.hcText a:hover{text-decoration:underline}
.headersection-2 .row-2{margin:auto}
.header-full .row-1 .cmspages_container{text-transform:uppercase}
.header-full .row-1 .cmspages_container a:hover{text-decoration:underline}
.header-full .row-1 .social{height:2em}
.header-full .row-1 .social-icons{position:relative;left:20px}
.header-full .row-1 .social-icons:hover{margin:3px -4px!important;transition:.3s}
.header-full .row-1 ul.classlinkslist{margin-left:13px}
.header-full p .cos-contact-number-header{color:#f5ff69;background:#ff0;font-weight:700;padding:2px 5px;border-radius:3px;margin-left:2px}
@media (min-width: 1200px) {
.headersection-2 .row-2{width:1180px}
}
@media (max-width: 1366px) {
.headersection-2 .row-2{width:100%}
}
@media (min-width: 1470px) {
.headersection-2 .row-2{width:1450px}
}
.toolbar .account-btn span .welcome-message{display:inline-block}
header section.search .search-form .form-group input{height:30px}

.cos-mainlinktext{color:#000;font-weight:700;text-transform:uppercase;margin-top:calc(.9vw + .9vh)}
@media (min-width: 1470px) {
.cos-mainlinktext{font-size:calc(.6vw + .6vh)}
}
@media (max-width: 425px) {
.cos-mainlinktext{font-size:3vw}
}
.cos-mainlinks .container>div.row{margin-top:3.2vh;margin-bottom:3.2vh}
.cos-mainlinks-item:hover .cos-mainlinktext{text-decoration:underline}
.catalog-grid .tile .product-name{font-weight:300}
.subscr-widget p.p-style2{color:#0f7ab2}
footer .copyright_container {
text-align: center;
}

footer .copyright_container p {
margin: 25px 0;
font-weight: 600;
}

footer .contacts {
margin-top: 0px;
}

footer {
padding: 0px;
}


footer a:focus {
color: #fff;
}

footer .logo {
padding-bottom: 0px;
}

/*
we cannot resize this image or it will overflow on smaller screens
footer .logo img { width: initial; }
*/

footer .row {
padding-bottom: 0px;
}


@media (min-width: 768px) {
footer .menulinks_container ul {
margin-top: 1em;
margin: 0;
position: relative;
} }

@media (min-width: 768px) {
footer .menulinks_container ul li:last-child {
border-bottom: 0;
} }

footer .dealerdetails_container a:hover {
text-decoration: none;
}

footer .dealerdetails_container a.readmore {
margin-top: 1em;
display: inline-block;
}

footer .dealerdetails_container a.readmore:before {
content: "\f138";
font-family: "FontAwesome";
margin-right: 10px;
}

footer .contacts .contact-element.contact-icon {
display: block;
}

footer .contacts div.contact-block:first-child .contact-icon {
display: none;
}

footer .contacts .contact-element.contact-icon {
font-size: 1em;
}

footer .contacts i.fa.fa-phone {
color: #049af3;
font-size: 1.5em;
margin-right: 10px;
}

footer .contacts i.fa.fa-envelope {
color: #049af3;
font-size: 1.1em;
margin-right: 10px;
}

footer .contacts .contact-block {
margin: 10px 0;
}

.filters_container {
margin-top: 0px;
}

.shop-filters .showhide-indicator{color:#0f7ab2}
.inktonerfinder_wrapper{background-color:#2c3949;}
.inktonerfinderwidget .btn{background:#1b507a}
.catalog-single.has-carousel .tile .buttons.group .addtoquicklist-wrapper{display:none}

@media only screen and (max-width: 768px) {
.catalog-grid .tile .footer div.rrp{width:100%!important}
}
.btn{margin-right:0}
.griditems .btn-list{vertical-align:top}
.fa-cosfav::before{content:"\f08a";color:#E91E63;font-size:21px;border:1px solid;border-color:#0f7ab2;border-radius:5px;padding:6px;display:inline-block;width:35px;height:35px}
.fa-cosfav:hover:before{content:"\f004";font-size:21px;border:1px solid;border-color:#0f7ab2;border-radius:5px;padding:6px;display:inline-block;width:35px;height:35px}
@media only screen and (max-width: 1475px) {
.catalog-grid .tile .footer .btn-primary{font-size:.8rem;width: 80%;}
}
.catalog-grid #list .product-shopping-actions .product-shopping-actions-prices .price{width:55%}
.catalog-grid #list .product-shopping-actions .product-shopping-actions-prices .rrp{display:none}

@media screen and (min-width: 769px) {
.catalog-grid #list.productgridfull .list-attribute{margin:.2em 0 1em}
}

.inkselectform .select2-selection__rendered {
font-size: 1.0rem;
}

.MdMnBn1.smallbnmrg.hearbghome.SmMnBn1.Inkbutton .btn {
width: 100%;
font-size: 0.9em;
border-radius: 5px;
margin-bottom: 0px;
height: 28px;
display: flex;
align-items: center;
min-height: 28px;
background: #3dbbbb;
}

.MdMnBn1.smallbnmrg.hearbghome.SmMnBn1.Inkbutton .btn:hover {
background: #049af3;
}

.MdMnBn1.smallbnmrg.hearbghome.SmMnBn1.Inkbutton img {
max-width: 80%;
}

.inktonerfinderwidget[data-layout='Horizontal'] .inktonerfinder_wrapper {
background: url(https://eu.evocdn.io/dealer/1022/content/media/inkbk25.png) !Important;
box-shadow: 1px 1px 2px #949494;
}


.MdMnBn1{box-shadow:1px 1px 2px #949494}
.sidebar-content{background-color:#fff}
@media only screen and (max-width: 768px) {
h1,.h1{font-size:1.5em}
}
@media only screen and (max-width: 768px) {
.merchandisingcontent_container{margin-left:-10px!important;margin-right:-10px!important}
}
@media only screen and (max-width: 768px) {
.modal-content{background-color:#fff!important}
}

.shopping-cart table td.qnt-count .form-control{border-radius:5px}
.shopping-cart table td.qnt-count .incr-btn{display: inline-block;
    background: #ffffff!important;
    color: #222222;
    text-align: center;
    font-weight: 400;
    transition: background .3s;
    width: 25px;
    height: 25px;
    font-size: 1.2em;
    margin-top: 7px;
    line-height: 25px;
    border-radius: 0px;
    border: 1px solid;}

.SmMnBn1{box-shadow:1px 1px 2px #949494}
.SmMnBn1:hover{box-shadow:5px 6px 10px #949494}
.SmMnBn2{box-shadow:1px 1px 2px #949494}
.SmMnBn2:hover{box-shadow:5px 6px 10px #949494}
.SmMnBn3{box-shadow:1px 1px 2px #949494}
.SmMnBn3:hover{box-shadow:5px 6px 10px #949494}
.SmMnBn4{box-shadow:1px 1px 2px #949494}
.SmMnBn4:hover{box-shadow:5px 6px 10px #949494}
.SmMnBn5{box-shadow:1px 1px 2px #949494}
.SmMnBn5:hover{box-shadow:5px 6px 10px #949494}
.SmMnBn6{box-shadow:1px 1px 2px #949494}
.SmMnBn6:hover{box-shadow:5px 6px 10px #949494}
.catalog-grid .tile .footer .footer-wrapper-price{padding: 10px;}
@media only screen and (min-width: 768px) {
.additional_linkslist .menuitem.pointer>a{position:relative}
}
/*.additional_linkslist .menuitem.pointer>a:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}*/
/*.additional_linkslist .menuitem.pointer>a:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;bottom:-5px;background-color:#fff;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0}*/
@media (max-width: 768px) {
.countyTopBaner{display:none}
}

.contactusbg{background:#f4f4f4 none repeat scroll 0 0;border:10px solid #e5f4fc;box-shadow:1px 1px 2px #949494;margin-bottom:10px;background-color:#e5f4fc}
.shopping-cart table td.delete .delete-btn{border-radius:8px}
.shopping-cart #userformedit{margin-bottom:5px}
header section.search .search-form .form-group input[type=text]{color:#111111}

@media (max-width: 768px) {
.list-attribute.product-volume:after{color:#010202!important;}
}
@media (max-width: 768px) {
.catalog-grid .tile span.list-attribute.product-volume{border-radius:0px!important}
}

.catalog-single .softgraybackground,.softgraybackground{background:#fafafa;}
.catalog-single .product-points .product-points-show-more{text-align:left}
.btmshad{-webkit-box-shadow:0 10px 6px -6px #777!important;-moz-box-shadow:0 10px 6px -6px #777!important;box-shadow:0 10px 6px -6px #777!important}
p{font-weight:400;line-height:1.7;}
@media only screen and (max-width: 768px) {
.productquickview p{font-size:14px}
}
.productquickview .catalog-single .group-focus,.rating-num{display:none}
.modal-grid .productquickview.modal-content{padding:10px 65px;border:solid 3px;border-radius:5px;border-color:#607D8B;border:15px solid #dcdcdc;box-shadow:inset 2px 2px #9E9E9E;background-color:#fff}
.productquickview .modal-body .close{color:#049af3}
.productquickview .arrow-up{margin-left:0;display:none}
.productquickview .product-image-quickview{max-height:500px;}
.modal-grid .modal-body{font-size:.8em}
.productquickview .productdetails .brand-label{font-size:1em}
.modal-dialog h3{font-size:1.3em}
@media only screen and (max-width: 768px) {
.productquickview .product-image-quickview{border-right:0 solid!important;border-color:#fff!important}
}
@media only screen and (max-width: 768px) {
.productquickview .product-image-quickview{max-height:250px!important}
}
@media only screen and (max-width: 768px) {
.links-tab{border-bottom:0 solid #efefef!important}
}
@media only screen and (max-width: 768px) {
.modal-grid .modal-body{font-size:.7em!important}
}
@media only screen and (max-width: 768px) {
.modal-body,.modal-footer{padding:4px!important}
}

.tech-specs .item span{text-align:left;font-weight:300}
.tech-specs .item{padding:2px 10px}
input#searchlistwithin_hd,input#searchlist_hd,input#searchlistpanel_hd{border-radius:25px}
foot.signup{width:30%!important}
.remsmallbnmrg{margin-top:-75px!important;box-shadow:5px 5px 2px #949494!important}

.merchandisingcontent_container .catalog-single{padding:0!important;margin-top:7px}
.merchandising-carousel .owl-next,.merchandising-carousel .owl-prev{padding:5px;background:none;font-size:10px;}
div#__lpform_olark-form-input-fname{display:none}
#mc_embed_signup{padding:0}
#mc_embed_signup input[type=email]{display:block;width:100%;height:35px;padding:6px 50px 6px 12px;font-size:1.2em;line-height:1.42857143;border-radius:5px;color:#2c3949;border:1px solid #0f7ab2}
#mc_embed_signup input[type=submit]{border-radius:5px}
.catalog-single .group-focus {
padding: 5px;
font-size: 1.0em;
color: #000000;
margin-top: 10px;
border-radius: 0;
width: 80%;
margin-bottom: 10px;
white-space: nowrap;
text-overflow: ellipsis;
}

.catalog-grid .group-focus{padding:10px;font-size:.9em;font-size:.9em;color:#C45500;border:solid .2em;border-color:#0f7ab2;border-radius:5px;box-shadow:inset 0 0 5px 0 #000}
.arrow_box{border:0px solid #4e5d6f;}

.cart-dropdown table td{padding-bottom:12px;color:#3e3e3e}
.icon.icon-social{border-radius:5px}
@media (max-width: 767px) {
#mc_embed_signup input[type=email]{margin:auto}
}
.btn,.button,.ctct-form-button,.button{font-weight:400;border-radius:5px}
.catalog-grid .softgraybackground{background-color:#e5f4fc}
.catalog-grid .product-name{font-size:0.85em!Important}
.productsummary_container span.icons-together i.small{font-size:1.5em;margin:-3px}
.productsummary_container span.icons-together i.bigger{font-size:1.4em;color:red;}
.price{font-weight:700}
.account-dropdown .pointer a{color:#1b507a}
.toolbar{right:15px;text-align:right;margin:0px;}
.cart-dropdown .footer .btn{font-weight: 700;
    border-radius: 0px;
    text-transform: uppercase;
    background: #008080;}
.productaddtocart_container{margin-top:0}
.fa-bolt:before,.fa-flash:before{content:"\f017"}
.fa-list-alt:before{content:"\f0ca"}
.fa-trash-o:before{content:"\f00d"}
.btn-xs{font-size:small}
.catalog-single .rrp,.catalog-single .tile .footer span.rrp{vertical-align:baseline;}

.cart-dropdown .footer .btn{font-size:1.25em;padding: 10px 0px;border: 1px solid #878787;}
.footer h4{font-size:1.5em;margin-bottom:20px;letter-spacing:1px}
.floating-buttons{position:fixed;bottom:200px;right:25px;z-index:10}
.sm-links{font-size:.8rem;font-weight:300}
.cd-dropdown-trigger{line-height:36px}
.singlebanner_wrapper .banner_content .banner_button{margin-top:auto;margin-bottom:10px}
.nFlex,.footSocial,.footSocial a{display:flex;justify-content:space-between;align-items:center}
.footSocial img{transition:.25s;border-radius:3px;margin-right:0px}
.footSocial .ffb img{background:#1b78c7}
.footSocial .ftw img{background:#00bff3}
.footSocial .fin img{background:#1b78c7}
.footer .footSocial a:hover img{background:#ffc000}
.footSocial p{font-size:14px;font-weight:600;line-height:16px;margin:0}
.footSocial p span{font-size:12px;font-weight:400}
footer{overflow:hidden}
.footc2a p{color:#fff;text-transform:uppercase;font-size:24px;line-height:24px;margin-left:20px;padding-bottom: 10px;}
.footc2a p span{font-weight:900;line-height:19px}
.footc2a a{transition:.35s all;color:#fff;background:#01436b;font-size:13px;text-transform:uppercase;font-weight:900;border-radius:30px;padding:15px 60px;letter-spacing:1px;display:block;margin-top:30px;margin-right:20px}
.footc2a a:hover{background:#333;text-decoration:none}
a.fReadMore{background:url(https://eu.evocdn.io/dealer/1022/content/media/co-foot-arrow2_1.png) no-repeat scroll left center;padding-left:25px}
.toolbar .cart-btn:hover>.btn i{color:#fff}
@media (max-width: 767px) {
.pagination li{background-color:#fff}
}
.searchtools .close-panel{padding:6px}

@media (max-width: 767px) {
.merchandising-carousel .inner{padding-right:15px;padding-left:15px}
}

@media (max-width: 767px) {
.catalog-grid .tile .product-name{margin-left:0!important;margin-right:0!important}
}
@media (max-width: 768px) {
.products-wrapper .result span{height:25px;line-height:25px}
}
@media (max-width: 768px) {
.products-wrapper+.categories-wrapper{box-shadow:0 0;background-color:#f5f5f3}
}

@media (max-width: 768px) {
.ajax-results.open{margin-left:0!important}
}
@media (max-width: 320px) {
.btn-social{font-size:11px;letter-spacing:-.6px}
.modal-fullscreen.open{background-image:none;padding-top:0}
.brand-logo{max-height:45px;left:30px}
.payment-method-card label{font-size:9px}
.btn-social .icon{width:40px}
}

@media only screen and (min-width: 768px) {
.mobbanner{display:none}
}
@media only screen and (max-width: 768px) {
.inktonerfinder_wrapper{margin:0}
}
@media (max-width: 767px) {
select#productorderby{width:100px;margin:-5px 0 0;background-color:#fff}
}
@media (max-width: 320px) {
select#productorderby{display:none}
}
@media (max-width: 320px) {
.col-xs-8{width:50%}
}
@media (max-width: 320px) {
.col-xs-4{width:50%}
}
@media (max-width: 767px) {
.listtools .sortby{display:inline!important}
}
@media (max-width: 767px) {
.col-xs-4{width:65%}
}
@media (max-width: 767px) {
.col-xs-8{width:35%;font-size:10px}
}
@media (max-width: 767px) {
.listtools .sortby span{display:none}
}

@media (max-width: 767px) {
.catalog-grid .list-attribute.product-category{display:none}
}

@media (max-width: 767px) {
.catalog-grid .price-label:before{font-size:21px!important}
}
@media only screen and (max-width: 320px) {
.label-danger{font-size:.7em!important}
}
@media only screen and (max-width: 768px) {
.label-danger{font-size:1em!important}
}

@media only screen and (max-width: 768px) {
.catalog-grid .tile span.list-attribute.product-volume{line-height:1.5em!important}
}

.mobdivider{height:5px;width:2px;background:#d0d0d0}
@media only screen and (max-width: 768px) {
.modal-grid .productquickview.modal-content{padding:0}
}
@media only screen and (max-width: 768px) {
.productquickview .product-image-quickview{max-height:300px}
}

@media only screen and (max-width: 768px) {
.old-price{display:none}
}

@media only screen and (max-width: 768px){
.merchandisingcontent_container h3{
line-height: 30px;
} }

@media only screen and (max-width: 768px) {
.fa-shopping-bag:before{display:none}
}
@media only screen and (max-width: 768px) {
.catalog-single .quick-product .productdetails button{border-radius:25px;width:58%}
}
@media only screen and (max-width: 768px) {
.catalog-single .product-shopping-actions{margin:5px auto 0.1em}
}

@media only screen and (max-width: 768px) {
.catalog-grid .tile span.list-attribute.product-volume{border-radius:5px;padding:3px}
}
@media only screen and (max-width: 768px) {
.relationship-carousel .owl-next,.relationship-carousel .owl-prev{display:inline}
}
@media only screen and (max-width: 768px) {
.productimage_container .productimagesolo{padding:10px}
}

@media only screen and (max-width: 768px) {
.listtoolsbottom{border-top:0!important}
}

.catalog-grid #list .product-shopping-actions .product-shopping-actions-prices:before{content:"Our Price";display:block;font-size:24px;color:#C45500;margin-top:5px}

@media (max-width: 715px) {
.toolbar .cart-btn>.btn{padding:0 10px;padding-left:10px}
}
.fa-paper-plane:before,.fa-send:before{content:"\f015"}
.fa-home:before{content:"\f0e4"}
.homeBoxes .homeBox img{position:relative;display:block;min-height:100%;opacity:.9;max-width:none;width:-webkit-calc(100% + 20px);width:calc(100% + 20px);}
.homeBoxes figure.homeBox:hover img{opacity:.4;}
.homeBoxes .homeBox figcaption{color:#fff;text-transform:capitalize;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}
.homeBoxes .homeBox figcaption,.homeBoxes .homeBox figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
.homeBoxes figure h2{position:relative;overflow:hidden;padding:.5em 2px;font-weight:900;margin:0;text-shadow: 1px 1px 2px #efefef;text-transform:capitalize;}
.homeBoxes figure h2:after{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fff;content:'';-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(-103%,0,0);transform:translate3d(-103%,0,0)}
.homeBoxes figure.homeBox:hover h2:after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.homeBoxes figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.fa-check:before{color:#3dbbbb}
.catalog-single{padding:1px}
.merchandising-carousel .inner{background-color:#fff;margin-bottom:20px}
.merchandising-carousel .owl-carousel .owl-stage-outer{background-color:#fff;margin-bottom:20px}
.footersection-2 .nFlex{align-items:start;flex-direction:column}
.nFoot1,.nFoot2,.nFoot3,.nFoot4{width:100%}

@media screen and (min-width: 769px) {
.footersection-2 .nFlex{flex-direction:row}
.nFoot1{width:20%}
.nFoot2{width:20%}
.nFoot3{width:20%}
.nFoot4{width:40%}
.footSocial{max-width:430px}
}
.footc2a a{margin-top:0;float:right}

h3.banner_subtitle{font-size:0.8em!important;margin:2px}
.btn btn-primary btn-list banner_button{padding:5px}
div#singlebanner_105494.singlebanner_container{font-size:15px}
thead{background:#f5f5f5;}
table.items-list{border:solid 2px #b1b2b3;}

.product-sku{color:#2c3949;margin-top:10px}
.fa-money-non-taxable{margin-top:0}
.singlebanner_wrapper{margin-top:0}
.owl-carousel .tile .footer .price-label:before{content:"Our Price";display:block;font-size:.8em;color:#ff5a21;margin-top:5px}
.menufixed{position:fixed;top:0;z-index:1000;width:100%}

@media (max-width: 768px) {!important
#productCompareModal .modal-content{background-color:#fff}
}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#f3f3f3;border-radius:5px;box-shadow:inset 0 0 6px rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb{background:#8bb2c9!important;background:-moz-linear-gradient(left,#b3dced 0%,#29b8e5 50%,#bce0ee 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#b3dced),color-stop(50%,#29b8e5),color-stop(100%,#bce0ee));background:-webkit-linear-gradient(left,#b3dced 0%,#29b8e5 50%,#bce0ee 100%);background:-o-linear-gradient(left,#b3dced 0%,#29b8e5 50%,#bce0ee 100%);background:-ms-linear-gradient(left,#b3dced 0%,#29b8e5 50%,#bce0ee 100%);background:linear-gradient(to right,#b3dced 0%,#29b8e5 50%,#bce0ee 100%);border-radius:5px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bb2c9',endColorstr='#bce0ee',GradientType=1)}

.bottomshade{-webkit-box-shadow:0 10px 6px -6px #777!important;-moz-box-shadow:0 10px 6px -6px #777!important;box-shadow:0 10px 6px -6px #777!important}
@media only screen and (min-width: 769px) {
.cd-dropdown-content > li:hover > ul.cd-secondary-dropdown{background:#fff;background-image:url(https://eu.evocdn.io/dealer/1022/content/media/heretohelpyou.jpg);background-repeat:no-repeat;background-position-x:100%;background-position-y:100%}
}
.inktonerfinderwidget[data-widgetsize='1'] button{background-color:#fff;color:#1b507a}
.inktonerfinder_wrapper h5{font-size:1.3em}
.inktonerfinder_wrapper {border-radius: 5px!Important;}
.brandmerchandising-carousel .inner{max-width:95%}
.inktonerfinderwidget[data-widgetsize='1']{font-size:.8em;max-width:100%;margin:5px 0 10px;width:100%;}

@media only screen and (max-width: 768px) {
.inktonerfinder_wrapper{margin:0}
}
@media (max-width: 768px) {
.catalog-grid .tile span.list-attribute.product-volume{color:#0f7ab2}
}
@media (max-width: 768px) {
footer .menulinks_container ul li{padding:.3em .3em .3em .5rem}
}
@media (max-width: 768px) {
footer .menulinks_container ul li{width:100%}
}
@media (max-width: 768px) {
footer .menulinks_container ul li{border:1px solid #fff}
}
@media (max-width: 768px) {
footer .footc2a a{width:80%;margin-left:10%;float:none}
}


.additional-services img{margin-bottom:20px;padding:2px;border:1px solid #d9d9d9;border-radius:5px}
.additional-services img:hover{border:#2c3949 3px solid;padding:0}
.menu .container li.menuitem{-webkit-transition:background .4s linear;-moz-transition:background .4s linear;-ms-transition:background .4s linear;-o-transition:background .4s linear;transition:background .4s linear}
.inktonerfinder_wrapper h5{color:#fff;margin-left:10px}
@keyframes bounce {
0%,20%,60%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
80%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
}
.herobd{border-top:2px solid #d9d9d9;border:bottom: 0 solid #d9d9d9}
.arrow_box:after,.arrow_box:before{border-bottom-color:#fff}
@media only screen and (max-width: 768px) {
.hearbg{border:7px solid #f4f4f4}
}
@media only screen and (max-width: 1006px) {
header .hStrip .nFlex{text-align:center}
}

.catalog-single .tile .product-name{min-height:76px!important;max-height:76px!important;overflow:hidden}
span.price-label-inc-vat{margin-top:0px}
.catalog-single .social-links{margin:0;text-align:center;background-color:#ffffff;padding-top:5px;margin-bottom:10px;width:90%;margin-left:auto;margin-right:auto}
@media only screen and (max-width: 768px) {
.nav-pills>li{display:none}
}
.fa-check:before{color:#3dbbbb}
ms-thumb-list.ms-dir-h{width:100%;border:1px solid #b3b3b3}

@media only screen and (max-width: 768px) {
.catalog-grid .tile .footer span.price-label-inc-vat{padding-bottom:3px;font-size:1em}
}

@media only screen and (max-width: 768px) {
.catalog-grid .tile .footer span.uom.uomblock{margin-bottom:5px}
}
@media only screen and (max-width: 768px) {
.catalog-grid .tile .footer a{font-size:1em}
}
@media only screen and (max-width: 768px) {
.catalog-grid .tile .product-name{margin-left:25px;margin-right:25px}
}
@media only screen and (max-width: 768px) {
.indicators-grid{height:0}
}
@media only screen and (max-width: 768px) {
.in-stock{font-size:1.0em}
}
@media only screen and (max-width: 768px) {
.catalog-grid .price-label:before{font-size:32px;padding-top:10px}
}
@media only screen and (max-width: 768px) {
.catalog-grid .tile .price-label{font-size:2.5em}
}

.divquickview button.showquickview{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
@media only screen and (min-width: 769px) {
.cd-dropdown.dropdown-is-active{margin-top:-7px}
}

.catalog-single .quick-product .productdetails button{margin-bottom:0}

.header-full nav.menu .catalog-block .toolbar{position:absolute;top:7px;right:2em}
.dropdown-container-al{left:10px}
.singlebanner_wrapper{margin-bottom:0}
header section.search .search-form .form-group input{padding-right:0;padding-top:6px}
header section.search .search-form .form-group input[type=text]:focus{width:100%}
section.search .select2-container-multi .select2-choices{background-color:transparent}
.fa-shopping-bag:after{color:#049af3}
.relationship-carousel carousel-100793{border:1px solid #049af3}
.merchandising-carousel .owl-carousel .owl-stage-outer{margin-bottom:-10px!important;margin-top:10px;border:none}
.owl-carousel .tile .footer .price-label{font-size:1.2em; color:#000000;}
.owl-carousel .owl-stage-outer{border-top:0 solid #efefef;border-bottom:0 solid #efefef}
.productquickview .catalog-single .buttons .ql-loginmsg,.productquickview .catalog-single .buttons .addtoquicklist{display:block}
.brandmerchandising-carousel .inner{margin-right:25px}
.listtools select,.toollistfixed select{color:#1b507a;background:#ffffff}
inktonerfinderwidget[data-widgetsize='1']{font-size:.8em;max-width:100%;border:7px double;border-color:#dcddde;border-radius:18px;margin:5px 0}
.cart-dropdown table.minicart tr{border-bottom: 10px solid #f5f5f5;background: #ffffff;}
@media (min-width: 1470px) {
.header-full .headersection-3 p{width:256px}
}
@media (max-width: 1470px) {
.header-full .headersection-3 p{width:150px}
}
@media (max-width: 800px) {
.header-full .headersection-3 p{width:120px;font-size:14px}
}
@media (max-width: 1475px) {
.hEmail{display:none}
}

@media only screen and (max-width: 768px) {
.footc2a p{margin-left:25px;margin-right:25px;padding-bottom:10px}
}


@media only screen and (max-width: 768px) {
.nFlex,.footSocial,.footSocial a{margin-left:5px;margin-right:5px}
}
@media (min-width: 1024px) {
.footersection-2 .menulinks_container ul li{position:relative;width:80%; margin-bottom: 2px;}
}

@media only screen and (max-width: 768px) {
.catalog-single .product-points ul li{font-size:.85em}
}
.shopping-cart table.items-list tr.gift td .gift-element{display:none}
.breadcrumb>.breadcrumb_home>a{color:#1b507a}
@media screen and (min-width: 769px) {
.catalog-grid .list-attribute.product-category{font-size:12px;margin-top:5px;margin-bottom:6px}
}
.catalog-grid #grid .divquickview{top:80%}
.cart-dropdown table td input:focus{background-color:#94dee5}
@media only screen and (min-width: 769px) {
body:not(.touch) .cd-dropdown-content>li.has-children>a{pointer-events:auto}
}
.cart-dropdown table td input:focus{background-color:#e5f4fc}
.shopping-actions .price span.has-price{background-color:transparent!important;color:#2196F3!important;font-weight:600;font-size:1.2em}
.catalog-grid .tile .price-label{line-height:1.2em;display:inline-block}

.quicklistsedit span.rrp:before,.contractitems span.rrp:before{content:"RRP:"}
.catalog-grid .divquickview button i,.catalog-single .divquickview button i{display:none}
.arrow-your-account{padding-bottom:2px}
.shopping-cart table .item{padding:15px}
@media only screen and (max-width: 768px) {
.shopping-cart table{padding:5px}
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
header section.search .search-form{margin-left:4em}
}


/* main content moved to dedicated css file */

.qty-list, input.qty-list, input.qty-list.form-control { 
border: 1px solid #b5b5b5;
 }

.catalog-single .buttons .qnt-count{
padding-top: 0px;
padding-bottom: 15px;
}

.catalog-single .product-shopping-actions .product-stock {
display: flex;
text-align: center;
}

.menu .additional_linkslist li.menuitem {
padding: 9px 0.3em;
}

.cart-dropdown .cart-resume .promotion_discount .coupon_apply  {
background-color: #3dbbbb;
font-weight: 700;
}

.cart-dropdown .cart-resume .promotion_discount .coupon_apply:hover  {
background-color: #878787;
color: #ffffff;
}

#merchandisingcontentstatic_145245 .merchandising-content-static .widget-box{
box-shadow: -7px 0px #33cbfd;
}

#merchandisingcontentstatic_145148 .merchandising-content-static .widget-box{
box-shadow: 7px 0px #33cbfd;
}

#merchandisingcontentstatic_145248 .merchandising-content-static .widget-box{
box-shadow: 7px 0px #33cbfd;
}

#merchandisingcontentstatic_145248 .merchandising-content-static .widget-box h3 {
color: #3dbbbb;
padding-bottom: 25px;
}

#merchandisingcontentstatic_145248 .merchandising-content-static .widget-box .btn-widget-action:hover  {
color: #2c3949;
background-color: #3dbbbb;
font-weight: 700;
}

#merchandisingcontentstatic_145248 .merchandising-content-static .widget-product-box .product-img-container img{
max-height: 230px;
}

#merchandisingcontentstatic_145248 .merchandising-content-static .widget-product-box .product-img-container{
height: 185px;
}

#merchandisingcontentstatic_145248 .col-lg-3 {
float: left;
}

#merchandisingcontentstatic_145248 .merchandising-content-static .widget-product-box .product-name-container
{display:none;}


#merchandisingcontentstatic_145248 .merchandising-content-static .badges-wrapper
{display:none;}



#merchandisingcontentstatic_145245 .merchandising-content-static .widget-box h3 {
color: #3dbbbb;
padding-bottom: 25px;
}

#merchandisingcontentstatic_145245 .merchandising-content-static .widget-box .btn-widget-action:hover  {
color: #2c3949;
background-color: #3dbbbb;
font-weight: 700;
}

#merchandisingcontentstatic_145245 .merchandising-content-static .widget-product-box .product-img-container img{
max-height: 230px;
}

#merchandisingcontentstatic_145245 .merchandising-content-static .widget-product-box .product-img-container{
height: 185px;
}

#merchandisingcontentstatic_145245 .col-lg-3 {
float: right;
}

#merchandisingcontentstatic_145245 .merchandising-content-static .widget-product-box .product-name-container
{display:none;}


#merchandisingcontentstatic_145245 .merchandising-content-static .badges-wrapper
{display:none;}

#merchandisingcontentstatic_145148 .merchandising-content-static .widget-product-box .product-img-container img{
max-height: 230px;
}

#merchandisingcontentstatic_145148 .merchandising-content-static .widget-product-box .product-img-container{
height: 185px;
}

#merchandisingcontentstatic_145148 .col-lg-3 {
float: left;
}

#merchandisingcontentstatic_145148 .merchandising-content-static .widget-product-box .product-name-container
{display:none;}


#merchandisingcontentstatic_145148 .merchandising-content-static .badges-wrapper
{display:none;}


#merchandisingcontentstatic_145148 .merchandising-content-static .widget-box .btn-widget-action:hover  {
color: #2c3949;
background-color: #3dbbbb;
font-weight: 700;
}

.merchandising-content-static .widget-box p  {
font-size: 1.0em;
line-height: 1.5em;
}

#merchandisingcontentstatic_145148 .merchandising-content-static .widget-box h3 {
color: #3dbbbb;
padding-bottom: 25px;
}

.merchandising-content-static {
background: #fff;
border: none;
box-shadow: none;
}

.merchandising-content-static .widget-box {
padding: 25px 25px;
}

.cd-dropdown-trigger:after, .cd-dropdown-trigger:before {
background: #3dbbbb;
}

.cd-dropdown-trigger {
padding: 0px 38px 0 30px;
}

@media only screen and (min-width: 1401px) {
.costelheader{
margin-left: 12px;
} }

@media only screen and (max-width: 1400px) {
.costelheader{
margin-left: 5px;
} }


.logged-in i.material-icons.user-icon::before{color:#878787;}

.costelheader {
font-size: 12px;
color: #fff;
min-width: 200px;
}

.costelheader1 {
color: #049af3;
margin-left: 40px;
font-size: 12px;
width: 100%;
}


.menu .additional_linkslist{
padding-left: 8px;
font-size: 0.9em;
}

.additional_linkslist li.menuitem:hover{
 background: #049af3!Important;
 }

.footc2a p {
padding-bottom: 15px;
 }

@media only screen and (min-width: 769px) {
.cd-dropdown-content .cd-secondary-dropdown > li > a {
font-size: 14px;
} }


.btn-sm {
font-size: 1em;
border: 0px;
}

.catalog-single .product-shopping-actions .product-shopping-actions-addtocart button:hover{
border: 0px;
}

.catalog-single .product-shopping-actions .buttons.group .btn-add-to-cart {
margin: 0;
flex-grow: 1;
border-radius: 3px;
min-height: 40px;
font-weight: 600;
font-size: 1.0em;
transition: .35s all;
}



#modalAddToCart .btn-outlined.btn-default:hover {
background: #3dbbbb;
}

#modalAddToCart .btn-outlined.btn-default {
color: #222222;
background: #9ce6ff;
border: none;
font-size: 1.3em;
border: 1px solid #878787;
}

#modalAddToCart .modal-title {
font-size: 1.4em;
color: #ffffff;
}

#modalAddToCart .modalProductInfo{
font-size: 1.2em;
}

#modalAddToCart .modal-content{
background:#f5f5f5;
}

#productCompareModal .modal-body .btn-list{
width: 75%;
display: inline-block;
}


#productCompareModal .modal-content .uom.uomblock {
font-size: 1em;
}

#productCompareModal .modal-content .label.save:before{
content: none;
}


#productCompareModal .modal-content .label.save{
position: inherit;
}

#productCompareModal .modal-content{
background:#fff;
padding: 30px 45px !important;
}

.owl-carousel .tile .footer{
padding: 5px 5px 5px;
border-top: 10px solid #ffffff;
}

.catalog-grid .tile .footer  span.has-vat-price {
display: inline-block;
}

.widget-lastviewedproducts-html .owl-carousel .owl-stage-outer .tile .buttons.group  {
display: none;
}

@media screen and (min-width: 769px) {
.catalog-grid .tile .product-name {
    font-weight: 500;
    line-height: 1.45;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    overflow: hidden;
    height: calc(1.45em * 3);
}
.catalog-grid .list-attribute.product-category{font-size:12px}
}


#rewardsModal .modal-body p {
line-height: 0.5em;
}

#rewardsModal .table>thead {
background: #049af3;
color: #fff;
}

@media screen and (max-width: 768px) {
.fa-star:before {
display:none;
} }



#rewardsModal .modal-header h3 .fa {
color: #ab8e3f!Important;
}

#rewardsModal .modal-header h3 {
    position: absolute;
    top: 18px;
    font-size: 32px!Important;
    color: #000000!Important;
    font-weight: 700!Important;
}

#rewardsModal .modal-content
{ 
background: #fff;
}

.rewards .reward-history .btn{ 
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
color: black;
border: 1px solid #b5b5b5;
transition: 0.40s all;
}

.rewards .reward-history .btn:hover{ 
background: #FF9800;
}
.rewards .reward-items-list .listtools { 
padding: 15px 0px 15px 0px;
font-size: 16px;
}
.col-md-12 reward-title.h2 {
font-size: 2.5em;
}
.rewards .reward-items-list .reward-item .product-card .product-add {
margin-left: 14px;
}

.rewards .reward-items-list .reward-item .product-card .product-price {
background: #3dbbbb;
box-shadow: 1px 1px 2px #949494;
}

.rewards .reward-items-list .reward-item .product-card .product-details{
display:none;
}

.rewards .reward-items-list .reward-item .product-card .product-details .product-details-uom {
display:none;
}
.rewards .reward-items-list .reward-item .product-card .product-details .product-details-category {
display:none;
}
.rewards .reward-items-list .reward-item .product-card .product-details .product-details-sku {
display:none;
}
.rewards .reward-items-list .reward-item .product-card:hover {
box-shadow: 5px 6px 10px #949494;
}

.rewards .reward-items-list .reward-item .product-card .product-title {
 overflow: hidden;
color: #1a1a1a;
    line-height: 1.25;
    opacity: .9;
   font-size: 1.2em;
    font-weight: 700;
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 15px;
    text-align: center;
}

.rewards .reward-items-list .reward-item .product-card .product-details .product-details-brand {
min-height: 75px;
}

.widget-lastviewedproducts-html .tile .footer .buttons.group {
margin-top: 43px;
}

.widget-lastviewedproducts-html .owl-carousel .tile .footer .buttons.group {
padding-top: 4px;
margin-top: 0px;
text-align: left!Important;
margin-left: 0px;
}

.widget-lastviewedproducts-html .tileparent span.live-inventory-v2-shipping.in-stock {
width: 100%;
}

.shopping-cart .delete-btn {
height: 30px;
}

.shopping-cart a.delete-btn {
line-height: 30px;
}

.shopping-cart table img {
max-height: 100px;
}

.shopping-cart table td.delete .delete-btn:hover { 
background: #ffc8c8 !important;
color: #222222;
}

.shopping-cart table td.delete .delete-btn { 
background: #efefef !important;
color: #222222;
font-size: 14px;
}

.shopping-cart table td.delete{ 
padding-right: 10px;
}

#menulinks_107711.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px solid #049af3;
margin-right: 15px;
padding-top: 15px;
}

#menulinks_107712.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px solid #049af3;
margin-right: 15px;
padding-top: 15px;
}


#menulinks_107711.menulinks_container section.quicklinks ul li:before {
    content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #049af3;
    margin-right: 5px;
}
#menulinks_107712.menulinks_container section.quicklinks ul li:before {
    content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #049af3;
    margin-right: 5px;
}


#menulinks_101489.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px solid #049af3;
margin-right: 15px;
padding-top: 15px;
}

#menulinks_107682.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px solid #049af3;
margin-right: 15px;
padding-top: 15px;
}


#menulinks_101489.menulinks_container section.quicklinks ul li:before {
    content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #049af3;
    margin-right: 5px;
}
#menulinks_107682.menulinks_container section.quicklinks ul li:before {
    content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #049af3;
    margin-right: 5px;
}

#menulinks_101441.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px solid #049af3;
margin-right: 15px;
padding-top: 15px;
}

#menulinks_107829.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px solid #049af3;
margin-right: 15px;
padding-top: 15px;
}


#menulinks_101441.menulinks_container section.quicklinks ul li:before {
    content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #049af3;
    margin-right: 5px;
}
#menulinks_107829.menulinks_container section.quicklinks ul li:before {
    content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #049af3;
    margin-right: 5px;
}


#menulinks_107708.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
margin-right: 15px;
padding-top: 15px;
}



#menulinks_139149.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
margin-right: 15px;
padding-top: 15px;
}

#menulinks_139150.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
margin-right: 15px;
padding-top: 15px;
}


#menulinks_139149.menulinks_container section.quicklinks ul li:before {
    content: "\f006";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #FF5722;
    margin-right: 5px;
}
#menulinks_139150.menulinks_container section.quicklinks ul li:before {
    content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #049af3;
    margin-right: 5px;
}

#menulinks_139075.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
margin-right: 15px;
padding-top: 15px;
font-size: 14px;
}

#menulinks_155827.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px solid #c6c6c6;
margin-right: 15px;
padding-top: 15px;
font-size: 14px;
}

#menulinks_155828.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px solid #c6c6c6;
margin-right: 15px;
padding-top: 15px;
font-size: 14px;
}

#menulinks_139076.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px solid #c6c6c6;
margin-right: 15px;
padding-top: 15px;
font-size: 14px;
}

#menulinks_155827.menulinks_container section.quicklinks ul li:before {
content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #049af3;
    margin-right: 5px;
}

#menulinks_155828.menulinks_container section.quicklinks ul li:before {
content: "\f006";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #FF5722;
    margin-right: 5px;
}



#menulinks_139075.menulinks_container section.quicklinks ul li:before {
    content: "\f006";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #FF5722;
    margin-right: 5px;
}
#menulinks_139076.menulinks_container section.quicklinks ul li:before {
    content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #049af3;
    margin-right: 5px;
}


#menulinks_150296.menulinks_container section.quicklinks .title,
#menulinks_139147.menulinks_container section.quicklinks .title,
#menulinks_140453.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px solid #c6c6c6;
margin-right: 15px;
padding-top: 15px;
}

#menulinks_150297.menulinks_container section.quicklinks .title,
#menulinks_139148.menulinks_container section.quicklinks .title,
#menulinks_140452.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px solid #c6c6c6;
margin-right: 15px;
padding-top: 15px;
}

#menulinks_150296.menulinks_container section.quicklinks ul li:before,
#menulinks_139147.menulinks_container section.quicklinks ul li:before,
#menulinks_140453.menulinks_container section.quicklinks ul li:before {
    content: "\f006";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #FF5722;
    margin-right: 5px;
}

#menulinks_150297.menulinks_container section.quicklinks ul li:before,
#menulinks_139148.menulinks_container section.quicklinks ul li:before,
#menulinks_140452.menulinks_container section.quicklinks ul li:before {
    content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 5px;
    color: #049af3;
    margin-right: 5px;
}

.cart-dropdown .promotion_discount button i {
color: #ffffff;
}

.ex-loggedout .cart-dropdown .promotion_discount {
padding: 0px 10px 0px 10px;
display: none!Important;
}

.ex-loggedout .shopping-cart .cart-resume .promotion_discount {
display: none;
}


.cart-dropdown .header i.fa-shopping-bag {
margin-top: 5px;
vertical-align: bottom;
}

.minicart img {
max-height: 60px;
}

.cart-dropdown .footer  {
padding: 8px;
border-top: 1px solid #d8d8d8;
}

.cart-dropdown table td input {
border: 1px solid #9E9E9E;
}

.cart-dropdown .mini-shopping-cart {
padding: 0px 0px 0px 0px;
}

.cart-dropdown .cart-search {
padding: 0px 10px 15px 10px;
}

.cart-dropdown .cart-totals tr.devider td:first-child {
padding-bottom: 0px;
}

.mini-shopping-cart .cart-sidebar .cart-totals .devider+tr td {
font-size: 1.0em;
padding-top: 9px;
}

.fa-trash-o:before {
content: "\f056"!Important;
color: red;
}

.cart-dropdown table td input {
width: 40px;
}

td.minicart_itemname {
padding-left: 5px;
}

.cart-dropdown table.minicart td:first-child  {
width: 18%;
}

.mini-shopping-cart .cart-totals {
padding: 10px;
background: #f5f5f5;
}

.cart-dropdown  {
border: 2px solid #ffffff!important;
box-shadow: 0 0 8px #000000;
z-index: 100000;
top: 45px;
}

.cart-dropdown .arrow_box .header.group {
background: #e6e6e6;
    font-size: 1.3rem;
    color: #000000;
    padding: 7px 5px 7px 5px;
    font-weight: 900;
    text-align: center;
}

.cart-dropdown .plus-minus  {
margin-top: 8px;
font-size: 0.8em;
}

.fa-plus-square-o:before {
    content: "\f107"!important;
}

.fa-minus-square-o:before {
content: "\f106"!important;
}

.product-sku{
font-size: .70em!Important;
}

.catalog-single.has-carousel.item-merchandising .tile .footer span.uom.uomblock, .uom.uomblock {
display: none
}

.catalog-single.has-carousel.item-merchandising .footer-wrapper .product-sku { 
display: none
}

.catalog-single h3 {  
color: #010202;
text-transform: uppercase;
    font-weight: 700;
    margin-left: 0px;
}

.shop-filters .more-options a { 
font-weight: bolder!Important;
}

.shop-filters .more-options a {
gap: 4px;
display: flex;
justify-content: flex-start;
align-items: center;
color: #454545;
}

.shop-filters .more-options a::before {
content: "Show";
}

.shop-filters .more-options a i {
order: 1;
}

.shop-filters .more-options {
margin: 6px 0 0;
font-size: .95em;
font-weight: 400;
}

.filters-mobile {
margin-bottom: 0px; 
}

section.quicklinks ul   {
margin-left: 5px;
}

section.quicklinks ul  {
margin-bottom: .3em;
color: #1b507a;
font-weight: 300;
margin-left: 0px;
padding: 5px;
border-radius: 5px;
}

.quicklinks-custom h4{
color: #292c2e;
font-size: .9em;
}

.shop-filters {
margin-bottom: 0em;
}

.merchandisingcontent_container h3 {
line-height: 25px;
}

.listtools select, .toollistfixed select {
padding: 5px 2px 5px 2px;
}

.pagination li {
margin: 2px;
}

.pagination li.active a {
color: #111;
background: #ffffff;
pointer-events: none;
}

.pagination li.active a {
color: #fff;
background: #878787;
pointer-events: none;
font-weight: 300;
}

.pagination li a:hover {
border: 1px solid #a2a6ac;
color: #000;
background-color: #3dbbbb;
}

.pagination li a {
border: 1px solid #a2a6ac!Important;
color: #000;
font-weight: normal;
}

.listtools select {
border-radius: 0px;
}

.widget-lastviewedproducts-html .divquickview button.showquickview{background-color:#f7f6f2;color:#696666;font-size:12px;font-weight:700}

.widget-lastviewedproducts-html .divquickview button.showquickview:hover{background-color:#f7f6f2;color:#1b507a;border:2px solid #049af3;font-size:.8em}

.widget-lastviewedproducts-html .tile .footer .btn-primary:before {
display: none!Important;
}

.widget-lastviewedproducts-html .tile .footer .btn  {
width: 68%!Important;
}

.widget-lastviewedproducts-html .product-stock {
padding: 0px 0;
margin: 0px 0;
min-height: 35px!important;
max-height: 35px!important;
text-align: left;
}

.widget-lastviewedproducts-html .in-stock {
font-size: 1em;
float: left;
}



.list-attribute.product-rewards-badge  {
margin-top: 10px;
}

.widget-lastviewedproducts-html .tile .footer .product-name>a {
white-space: normal;
}

.widget-lastviewedproducts-html.has-carousel .tile .footer .product-name {
min-height: 60px!important;
max-height: 60px!important;
text-align: left;
}

.widget-lastviewedproducts-html.has-carousel .tile .footer .indicators-grid {
display: none;
}

 .widget-lastviewedproducts-html .owl-nav .owl-next, .widget-lastviewedproducts-html .owl-nav .owl-prev {
padding: 4px;
}

.widget-lastviewedproducts-html .tileparent {
border-top: none;
width: 250px;
} 

.widget-lastviewedproducts-html .tile .footer  {
padding: 5px 5px 5px;
border-top: 10px solid #ffffff;
} 

.catalog-single .price:before {
text-transform: capitalize!Important;
} 

.catalog-single .social-links {
display: none;
}

.btn.btn-list i  {
vertical-align: baseline;
font-size: 14px;
}

.product-shopping-actions-prices .product-price-rrp  {
font-size: 12px;
}


.catalog-single .arrow-down {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}

.catalog-single .group-focus {
line-height: 1.8em;
 }


@media only screen and (min-width: 770px){
.social-sign-in p:before{
font-size: 2em;
    content: "Please Login";
    display: block;
    font-weight: 700;
} }

@media only screen and (min-width: 768px){
.buttons.group {
margin-bottom: 5px;
} }

input.cmn-toggle-round-flat+label:after {
background-color: #333333;}

input.cmn-toggle-round-flat:checked + label:after{
background-color: #3dbbbb;}

input.cmn-toggle-round-flat:checked+label, input.cmn-toggle-round-flat:checked+label:after {
background-color: #ffffff;
}

.shop-filters .filter-section h5 {
margin-left: 0;
color: #222;
text-transform: none;
font-weight: 700;
}

.shop-filters .filter-section.filtername-incontract h5, .shop-filters .filter-section.filtername-instock h5 {
max-width: 100%;
font-size: 0.9em;
text-transform: capitalize;
}
.shop-filters .filter-section.filtername-instock h5:before {
content: "Display ";
}

.shop-filters section.filter-section.filtername-instock, .shop-filters section.filter-section.filtername-incontract {
display: flex;
flex-direction: row-reverse;
justify-content: space-around;
align-items: center;
margin-top: 1em;
}

.shop-filters .filter-section.filtername-incontract, .shop-filters .filter-section.filtername-instock {
padding: 5px;
background-color: #e6f7f7;
display: flex;
gap: 10px;
border-radius: 5px;
}

.shop-filters .filter-section.filtername-incontract>div, .shop-filters .filter-section.filtername-instock>div {
order: -1;
}


.shop-filters .showhide-indicator {
left: inherit;
right: 10px;
top: 10px;
font-weight: 400;
}

@media only screen and (min-width: 770px){
.search-with-in {
    border-bottom: 1px solid #c6c6c6;
} }

.shop-filters .filter-section .fa-minus-square:before{content:"\f107"!Important;color: #008080;}
.shop-filters .filter-section .fa-plus-square:before{content:"\f104"!Important;color: #008080;}


.shop-filters .filter-options a.active{font-weight:200;color:#1b507a;}

.shop-filters .filter-options{margin-left:0px!Important;}

section.search.search-with-in .searchtoolsright {
text-align: left;
color: grey!Important;
}

.shop-filters .arrow-down{display: none;}
.shop-filters{border-radius:0px}

.shop-filters .arrow-down{
border-top:10px solid #e6e6e6!important
margin-bottom: 10px;
}

.shop-filters .filter-options:hover  {
border-color: #049af3;
}

section.search .searchtoolsright  {
margin-top: 15px;
}

.shop-filters .remove-filter:hover{color:#c80000}

section.search-with-in.search.searchpills > div:nth-child(2)::before {
    content: "You Selected:";
    color: #292c2e;
    font-weight: 700;
    padding: 1px;
    font-size: 1.0em;
display:block;
}

.shop-filters .filter-section h5:hover {
color: #008080;
}

 
/*.additional_linkslist .menuitem.pointer>a:before {
bottom: -4px!Important;
height: 1px!Important;
}*/


.menuitem.pointer>a:before{
background-color:#3dbbbb!important;
}

.product-shopping-actions-prices span.uom.uomblock {
display: none;
}

.countyTopBaner{background-color:#2c3949;text-align:center;font-size:1.0em;letter-spacing:1.2px;font-weight:600; padding-bottom: 5px;padding-top: 5px;}


/* visual filters */
.vf-loading{
    background-image:url('https://eu.evocdn.io/dealer/1022/content/media/Content_Pages/visual_filters/loading-icon.gif');
    background-repeat:no-repeat;
    background-position:center;
}

.vf-wrap{
   border:1px solid #aaa;
    margin:10px 0;
}

.vfTitle{
  background:#2c3949;
  width:100%;
  padding:15px;
  text-align: center;
}

.visual-filter p{
  margin:0;
  color:#fff;
  font-size:14px;
}

.visual-filter h3{
  color:#fff;
  text-transform: uppercase;
  font-size:24px;
  margin:0;
  font-weight:700;
}

.visual-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    margin:20px 0;
    padding:0 20px;
}

.visual-grid a{
    width:60px;
    margin:5px 0;
    height:108px;
    transition:0.3s all;
    background-position:top center;
    background-size:contain;
    background-repeat:no-repeat;
}

.visual-grid a:hover{
  opacity:0.7;
}

.visual-filter .remove-filter{
    display:block;
    text-align:center;
}

.visual-filter .remove-filter .remove-text{
    display:none;
}

.visual-grid .remove-filter .remove-text{
    display:none;
}

/*colour filter*/
.visual-filter-colour .visual-grid a{
    width:42px;
    height:42px;
    border:2px solid #aaa;
    border-radius:50%;
    opacity:1;
    margin:5px;
}
.visual-filter-colour .visual-grid a:hover{
    border-color:#049af3;
}

.visual-filter-colour a.black{ background-color:#000; }
.visual-filter-colour a.blue{ background-color:#2173cc; }
.visual-filter-colour a.charcoal{ background-color:#39393b; }
.visual-filter-colour a.green{ background-color:#92bc2a; }
.visual-filter-colour a.grey{ background-color:#7d7a74; }
.visual-filter-colour a.red{ background-color:#b41a26; }
.visual-filter-colour a.purple{ background-color:#40155b; }
.visual-filter-colour a.orange{ background-color:#d98b27; }
.visual-filter-colour a.yellow{ background-color:#d9c627; }
.visual-filter-colour a.other-colours{
  background-color:#fff;
  background-image:url('https://eu.evocdn.io/dealer/1022/content/media/Content_Pages/visual_filters/vf-colour-other.png');
  background-position: center;
  background-repeat: no-repeat;
}

/*hiding excess visual filters - colour*/
.ex-category-officechairs .visual-filter-colour a:not(.black):not(.blue):not(.charcoal):not(.green):not(.grey):not(.red):not(.purple):not(.orange):not(.yellow):not(.other-colours):not(.remove-filter){display:none;}


/* material filter */
.visual-filter a.fabric{ background-image:url('https://eu.evocdn.io/dealer/1022/content/media/Content_Pages/visual_filters/vf-material-fabric.png'); }
.visual-filter a.mesh-fabric{ background-image:url('https://eu.evocdn.io/dealer/1022/content/media/Content_Pages/visual_filters/vf-material-fabricmesh.png'); }
.visual-filter a.vinyl{ background-image:url('https://eu.evocdn.io/dealer/1022/content/media/Content_Pages/visual_filters/vf-material-vinyl.png'); }
.visual-filter a.leather{ background-image:url('https://eu.evocdn.io/dealer/1022/content/media/Content_Pages/visual_filters/vf-material-leather.png'); }

/*hiding excess visual filters - material*/
.ex-category-officechairs .visual-filter-material a:not(.fabric):not(.mesh-fabric):not(.vinyl):not(.leather):not(.remove-filter){display:none;}

/* style filter */
.visual-filter a.operator-task-chairs{ background-image:url('https://eu.evocdn.io/dealer/1022/content/media/Content_Pages/visual_filters/vf-type-operatortask.png'); height: 122px; }
.visual-filter a.executive-chairs{ background-image:url('https://eu.evocdn.io/dealer/1022/content/media/Content_Pages/visual_filters/vf-type-executive.png'); }
.visual-filter a.stools{ background-image:url('https://eu.evocdn.io/dealer/1022/content/media/Content_Pages/visual_filters/vf-type-stool.png'); }
.visual-filter a.kneeling-chairs{ background-image:url('https://eu.evocdn.io/dealer/1022/content/media/Content_Pages/visual_filters/vf-type-kneeling.png'); }

/*hiding excess visual filters - style*/
.ex-category-officechairs .visual-filter-style a:not(.operator-task-chairs):not(.executive-chairs):not(.stools):not(.kneeling-chairs):not(.remove-filter){display:none;}


@media screen and (min-width: 1469px){
  .vf-wrap{
    min-height:270px;
  }
}

@media screen and (min-width: 991px) and (max-width: 1468px){
  .vf-wrap{
    min-height:360px;
  }
}

.visual-grid .kneeling-chair{
  display:none;
}
/********/

.ePoints{
    float:right; 
    font-style:italic;
}




.menufixed > div > #headermenu_100568 > nav > div > div > div.additional_links > ul > div > div > div > div > div.cart-resume > div.body > table{
       white-space: initial;
}


/* PREVENT ADDITIONAL LINKS FROM BEING HIDDEN INTO A DROPDOWN ON SMALLER SCREENS */
li.menuitem.pointer.hide {
    display: inline-block !important;
}

.catalog-single.has-carousel {
margin-top: 5px;
}

.list-attribute.product-volume {
    display: block;
}


.lastviewedproducts_138955 .catalog-single .h3 {
margin-left: 15px;
}

#merchandisingcontent_173460 .inner {
    max-width: 94%;
    margin-right: 40px;
}

.catalog-single.has-carousel .brand-label {
    display: none;
}



.homeBoxes .flex{display:flex;justify-content:space-around;vertical-align:middle;align-items:center;flex-direction:column}

@media screen and (min-width: 360px) {
.homeBoxes .flex{flex-direction:row;flex-wrap:wrap;}
}

@media screen and (min-width: 1249px) {
.homeBoxes .flex{flex-wrap:wrap}
}

@media screen and (max-width: 360px){
.homeBoxes figure h2{font-size:16px}
.homeBoxes figure p{font-size:12px}
}

@media screen and (min-width: 360px) and (max-width:450px) {
.homeBoxes figure h2{font-size:14px}
.homeBoxes figure p{font-size:10px}
}
@media screen and (min-width: 451px) and (max-width:600px) {
.homeBoxes figure h2{font-size:16px}
.homeBoxes figure p{font-size:12px}
}

@media screen and (min-width: 601px) and (max-width:799px) {
.homeBoxes figure h2{font-size:20px}
.homeBoxes figure p{font-size:14px}
}

@media screen and (min-width: 800px) and (max-width:1024px) {
.homeBoxes figure h2{font-size:1.3em}
.homeBoxes figure p{font-size:14px}
}


@media screen and (min-width: 1025px){
.homeBoxes figure h2{font-size:1.3em}
.homeBoxes figure p{font-size:14px}
}



@media only screen and (max-width: 768px) {
.shopping-cart .cart-topbuttons .btn-media-full {
display:none!Important;
} }

@media only screen and (max-width: 768px) {
body.ex-product .product-options .option-group{
text-align: left;
} }


@media only screen and (max-width: 768px) {
.shopping-cart table td.delete .delete-btn {
Margin-Left: 30px;
} }

@media only screen and (max-width: 768px) {
.shopping-cart .no-more-tables td:before {
font-weight: 400;
} }



button.form-control.btn.btn-default.btn-sm.coupon_apply .fa {
display: inline;
}

@media only screen and (max-width: 768px) {
.myMerchCart{
display:none!Important;
} }

@media only screen and (min-width: 768px) {
.mobileonly{
display:none!Important;
} }

@media only screen and (max-width: 768px) {
.mobileonly .label-focus {
    display: none;
} }

@media only screen and (max-width: 768px) {
.mobileonly .icons-block {
    display: none;
} }

@media only screen and (max-width: 768px) {
.mobileonly .productdetails .product-stock {
    display: none;
} }

@media only screen and (max-width: 768px) {
.mobileonly .product-options {
display: none!Important;
} }

@media only screen and (max-width: 768px) {
.mobileonly .product-points {
display: none!Important;
} }

@media only screen and (max-width: 768px) {
.mobileonly .product-item-spacing {
padding-bottom: 0px!Important;
} }

@media only screen and (max-width: 768px) {
.mobileonly .product-title {
border: none!Important;
} }

@media only screen and (max-width: 768px) {
.mobileonly .product-name {
font-size: 1.2em!Important;
} }

@media only screen and (max-width: 768px) {
.mobileonly .product-summary {
    border: none!Important;
} }

.COSCard {
    text-align: center;
    margin-top: 10px;
}
.COSCard img {
    max-width: 250px;
}

.CIBanner {
margin-top: 15px;
}

.CIProductFeature a
{display:inline-block;font-size:12px;font-weight:700;padding:10px 10px;margin-right:3px;
}

.CSP p {
    font-size: 12px;
}

.DSH p {
    max-width: 80%;
font-size: 12px;
}

.DSH img {
    border: 1px solid #ddd;
    padding: 10px;
}

.CIFeature {
font-size: 12px;
}

.CIFeature li {
    margin-right: 15px;
}

.CIProductFeature img {
border: 1px solid #ddd;
border-radius: 5px;
}

.CIProductFeature {
padding: 5px;
margin-left: 20px;
text-align: left;
}

.COSCALL .banner_button {
    opacity: .8;
    margin-top: auto;
    margin-bottom: 20px!Important;
    background: #2c3949;
    color: white;
    border-color: #00bcd4;
}

.COSCALL .banner_button:hover {
    color: black;
    font-weight: 700!Important;
}

.COSCALL .btn.banner_button {
font-weight: 400;
}

#lastviewedproducts_138959 .tile .product-shopping-actions-tierpricing
{
display: none;
}

#lastviewedproducts_138964 .tile .product-shopping-actions-tierpricing
{
display: none;
}

.tile .product-shopping-actions-tierpricing {
display: block;
}

.additional-services {
border-top: 1px solid #ddd;
margin-bottom:15px;
}

.BSH h3 {
font-size: 28px;
font-weight: 700;
}

.BSP p {
font-size: 14px;
}

.ASHC h3{
text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-left: 15px;
    margin-right: 15px;
}

.ASH h3 {
font-size: 16px;
font-weight: 700;
}

.ASP p {
font-size: 12px;
}

.listtools .listgrid {
display: none;
}


@media only screen and (max-width: 768px)
.catalog-grid .tile span.list-attribute.product-volume {
    border-radius: 5px;
    padding: 3px;
}

@media only screen and (max-width: 768px)
.catalog-grid .tile span.list-attribute.product-volume {
    line-height: 1.5em!important;
}

@media only screen and (min-width: 768px) {
.listtools  {
padding: 5px 10px;
background: #fafafa;
margin: 10px -15px 10px -15px;
} }

@media only screen and (min-width: 768px) {
.catalog-grid .tile span.list-attribute.product-volume {
margin-bottom: -5px;
border-bottom: 0px!Important;
} }

@media only screen and (max-width: 768px) {
.catalog-grid .tile span.list-attribute.product-volume {
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    border: solid 1px #b3b3b3;
    text-align: center;
    padding: 4px;
    color: #000000;
font-size: 14px;
} }

@media only screen and (min-width: 769px) {
.catalog-grid .tile span.list-attribute.product-volume {
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    border: solid 1px #b3b3b3;
    text-align: center;
    padding: 4px;
    color: #000000;
font-size: 12px;
} }

.catalog-grid .tile span.list-attribute.product-volume {
    font-weight: 700;
}

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

@media only screen and (min-width: 450px){
section.search .search-form button[type=submit] {
top: 8px;
right: 7px;
} }


.container.mainproductpagedesktop  {
box-shadow: none!Important;
}

.romw-floating-layout .romw-review-block {
width: 180px!Important;
}

#merchandisingcontent_158521 .catalog-single h3 {
    background: #2c3949;
    color: #ffffff;
    text-align: center!important;
}

#singlebanner_167377 .banner_button{
margin-bottom: 4%;
}

#review-container .romw-button.romw-right {
    right: 0px;
    top: 50%;
}

#merchandisingcontent_158521 .merchandising-carousel .owl-prev {
left: 10px;
top: 40%;
}

#merchandisingcontent_158521 .merchandising-carousel .owl-next {
right: 15px;
top: 40%;
}

/* This is for the Promotional Calender*/
.cosprocal .banner_title {
color: #2c3949;
font-size: 1.0em!Important;
font-weight: 700;
margin-bottom: 0px;
text-align: center;
margin-top: 5px;
padding: 0px 10px;
}

.cosprocal .btn.banner_button{
margin-bottom: 20px!Important;
}

.cosprocal:hover {
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.cosprocaldis .btn.banner_button {
background: #a3a3a382!Important;
color: #181818!Important;
border: 2px solid #607d8b!Important;
}

.cosprocaldis btn.banner_button:hover {
border: 2px solid #2c3949!Important;
color: #181818!Important;
background: #a3a3a382;
}

.cosprocalbt .btn.banner_button{
font-size: 1.2em;
border: 2px solid #ffa500!Important;
opacity: 1!Important;
color: #ffffff;
}

.cosprocalbt .btn.banner_button:hover {
border: 2px solid #2c3949!Important;
}

.CosTrend h4 {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px  solid #049af3;
margin-right: 15px;
padding-top: 15px;
}

.CosTrend ul li:before {
content: "\f006";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
margin-left: 5px;
color: #FF5722;
margin-right: 5px;
}

.CosDepartment h4 {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px  solid #049af3;
margin-right: 15px;
padding-top: 15px;
}

.CosDepartment ul li:before {
content: "\f0d9";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
margin-left: 5px;
color: #049af3;
margin-right: 5px;
}

.cosPromo  h2 {
color: #000000!Important;
text-align: center;
font-size: 25px;
font-weight: 900;
border-radius: 5px;
padding: 11px 0px;
text-transform: uppercase;
margin-bottom: 20px;
background-image: radial-gradient(circle, #ffeb3b, #ffc107, #ff9800);
}

.cosPromo h2 {
color: #000000!Important;
}

.Cosest a{
color: #c1c1c1;
float: right;
margin-right: -0px;
font-style: italic;
margin-top: 6px;
}

.menu .container li.menuitem a:hover {
color: #3dbbbb;
}

.additional_linkslist .menuitem.pointer>a {
transition: 0.35s all;
}

#singlebanner_164995 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164996 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164997 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164998 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164999 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_165000 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164960 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164983 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164985 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164980 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164979 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164984 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164967 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164977 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164965 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164978 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164964 .singlebanner_wrapper .banner_content .banner_button:hover,
#singlebanner_164981 .singlebanner_wrapper .banner_content .banner_button:hover {
border: 0px;
}

#lastviewedproducts_164822  {
margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
#lastviewedproducts_164822 .owl-carousel.owl-drag .owl-item .imgthumbnail  {
border: none;
} }

@media only screen and (min-width: 769px) {
#lastviewedproducts_164822 .owl-carousel.owl-drag .owl-item .imgthumbnail  {
border: 1px solid #ccc;
background: white;
} }

#lastviewedproducts_164822 .catalog-single.has-carousel .tile, .catalog-single.has-grid .tile  {
border: 0px;
border-right: 1px solid #efefef!Important;
}

#lastviewedproducts_164822 .widget-contract-items-html .tile .footer, .widget-lastviewedproducts-html .tile .footer  {
min-height: auto;
}

#lastviewedproducts_164822 .widget-lastviewedproducts-html.catalog-single.catalog-single h3{
background: #ffffff;
border: 0px solid #ffffff;
font-weight: 700;
text-align: center;
padding: 10px 10px 0px 10px;
}


.hero-slider .ms-bullets.ms-dir-h{  
bottom: 1px;
}

.countyaward img {
width: 16px;
}


.tech-specs .item:nth-child(odd){
background: #fafafa;
}

#accordion .panel-border {
border: 1px solid #e6e6e6;
box-shadow: none;
border-radius: 3px;
margin-left: 10px;
margin-right: 10px;
}

.fa-cut:before, .fa-scissors:before {
display:none;
}


.CrisisBG {
margin-left: -15px!Important;
margin-right: -15px!Important;
}

.CrisisUk img {
    width: 20px;
}

.dashboard-sortable .grid.simple{
background: #e6e6e6;
min-height: 320px;
}

.dashboard-sortable .big-image-bk {
color: #a2a4a5;
}

.dashboard-sortable .grid.simple .grid-body .text-left  {
font-size: 12px;
}

.dashboard-sortable .grid.simple .grid-body {
background: #fafafa;
padding-top: 10px;
font-size: 12px;
color: #454545;
}

.dashboard-sortable .grid.simple .grid-body .text-left hr   {
border-top: 1px solid #d6d6d6;
}

.myaccount.users .grid.simple.ui-resizable .grid-body, .myaccountdashboard_container .grid.simple.ui-resizable .grid-body  {
overflow-y: hidden !important;
}
  
#merchandisingcontent_154653 .has-carousel .tile 
 .buttons.group {
display: block!Important;
}

/* This is for the Product Focus merchandizing widget */

#merchandisingcontent_158521 .has-carousel {
margin-bottom: 0px;
}

#merchandisingcontent_158521 .inner {
margin-bottom: 5px;
}

#merchandisingcontent_158521 .product-category {
display: none;
}

#merchandisingcontent_158521 .price-label {
font-size: 1.8em;
}

#merchandisingcontent_158521 .tile .footer .footer-wrapper {
text-align: center;
}


#merchandisingcontent_158521 .tile {
background: #ffffff;
}

#merchandisingcontent_158521 .item-merchandising {
border: 0px solid #fff!Important;
box-shadow: 0 0px 0px 0px #fff!important;
}

#merchandisingcontent_158521 img {
max-height: 200px!Important;
max-width: 200px!Important;
}

#merchandisingcontent_158521 .tile {
min-width: 250px;
}


#merchandisingcontent_158521 .product-name{
min-height: auto!Important;
font-size: 1.0em;
max-height: 80px!important;
}



#merchandisingcontent_158521 .item-merchandising .list-attribute.product-rewards-badge .badge-rewards-wrapper {
display: none;
}

#merchandisingcontent_158521 .catalog-single.has-carousel .tile {
margin: 0px auto;
}


#merchandisingcontent_158521 .imgthumbnail {
height: 250px;
}

#merchandisingcontent_158521 .imgthumbnail {
border: none;
}

catalog-single .product-description P {
max-width: 90%;
}


@media only screen and (max-width: 1023px) {
.Nodisplay1366{
display:none;
} }

.cart-dropdown .cart-resume .promotion_discount .promotion_discount_result, .shopping-cart .cart-resume .promotion_discount .promotion_discount_result .alert-warning .alert-warning {
background-color: #474747;
color: #ffffff;
border-color: #474747;
font-weight: 400;
}

.shopping-cart .cart-resume .promotion_discount .coupon_apply {
background: #3dbbbb;
border-radius: 0px;
font-weight: 700;
}

.shopping-cart .cart-resume .promotion_discount .coupon_apply:hover {
background: #878787;
color:#f5f5f5;
}

@media only screen and (max-width: 768px) {
.catalog-single .social-links{
display:none;
} }


@media only screen and (max-width: 768px) {
.product-summary .product-brand img{
display:none;
} }

@media only screen and (max-width: 768px){
.catalog-single .product-shopping-actions .product-shopping-actions-addtocart .btn-sm {
font-size: 1.2em;
} }

@media only screen and (max-width: 768px) {
.ex-product .productaddtocart_container .product-stock {
display:none;
} }


.cart-dropdown .softgraybackground{
border-top: 1px solid #d8d8d8;
}

.cart-dropdown .footer .btn.btn-outlined-invert.btn-block.to-cart:hover {
background-color: #3dbbbb;
}


.cart-dropdown table.minicart td:first-child {
height: 100px;
}

.cart-dropdown .header .btn {
color: #222222;
    background-color: #9ce6ff;
    border: 0px;
    border-radius: 0px;
    font-weight: 900;
    font-size: 1.0em;
    padding: 6px 15px;
}

.cart-dropdown .header .btn:hover{
color: #ffffff;
background-color: #3dbbbb;
border: 0px;
border-radius: 0px;
}

.cart-dropdown .body {
padding: 15px 10px;
background: #f5f5f5;
}

.cart-dropdown table {
background-color: #ffffff;
}

#productsrelated_152617 .catalog-single.has-carousel {
border: 0px;
}

.toolbar .account-btn span:hover {
color: #3dbbbb;
}

#merchandisingcontent_155384 .inner {
max-width: 94%;
margin-right: 40px;
}

#merchandisingcontent_155384 .price-label-inc-vat { 
display: block;
}

/* Remove Coupon from Basket */

.shopping-cart .softgraybackground {
background: #ffffff;
}

.shopping-cart table tbody {
border-bottom: 0px solid;
background: #ffffff;
}

section.shopping-cart tr.rewards_points.points_balance td {
    background: #efefef;
    color: #000000;
}

.shopping-cart .btn-block {
background: #e6e6e6;
color: #222222;
}

.shopping-cart .btn-block:hover {
background: #878787;
color: #f5f5f5;
}

.shopping-cart .softgraybackground td{
border: solid 0px;
}

.shopping-cart table th {
font-weight: 700;
}

table.items-list {
padding: 10px;
}

.btn-black{
background: #9ce6ff;
}

.shopping-cart .cart-topbuttons .btn-media-full {
padding: 10px 20px;
background: #b2b2b2;
color: #ffffff;
}

@media only screen and (min-width: 650px) {
.shopping-cart .to-checkout {
    padding: 6px 20px;
} }

.shopping-cart .softgraybackground {
border: solid 2px #b1b2b3;
}

.shopping-cart .clearCartBtn .btn-sm {
background: #efefef;
color: #000000;
border: 2px solid;
}

.shopping-cart .cart-topbuttons .btn-media-full:hover {
background: #878787;
color: #f5f5f5;
}

.shopping-cart .clearCartBtn .btn-sm:hover {
background: #DC143C;
color: #ffffff;
}

.shopping-cart .to-checkout {
font-weight: 700;
border: 0px solid #878787;
color: #222222;
}

.shopping-cart .cart-resume .cart-totals table tr td {
font-size: 18px;
}

/* Small Main Page Banner Links */

@media only screen and (max-width: 1025px) {
.SmHdBn .btn.banner_button {
font-size: 0.7em!Important;
} }


@media only screen and (max-width: 1600px) {
.SmHdBn .btn.banner_button {
font-size: 1.0em!Important;
} }

@media only screen and (max-width: 1366px) {
.SmHdBn .btn.banner_button {
font-size: 0.8em!Important;
} }

@media only screen and (min-width: 1601px) {
.SmHdBn .btn.banner_button {
font-size: 1.3em!Important;
} }

.SmHdBn .btn-primary {
background: #ffa500;
color: #000000;
margin-left: 60px;
}

.SmHdBn .btn-primary:hover {
background: #3dbbbb;
border: 0px solid #2c3949!Important;
margin-left: 70px;
}

.SmHdBn .btn.banner_button {
padding: 2px 10px;
margin-left: 30%;
border-radius: 15px;
border: 3px solid #ffffff!Important;
position: relative;
}

.SmHdBn .singlebanner_wrapper .banner_content .banner_button {
opacity: 1;
margin-left: 50px!Important;
}

.SmHdBn .deskimg {
margin-top: -50%;
border: 1px solid white;
border-radius: 10px;
}

/* This is for the cart page merchandizing widget */
.myMerchCart {
    display: none;
}

#merchandisingcontent_154653 .catalog-single .tile .footer span  {
    display: none;
}

#merchandisingcontent_154653 .inner {
margin-bottom: 10px;
}

#merchandisingcontent_154653 .catalog-single h3  {
background: #2c3949;
    margin-top: 2px;
    border-radius: 0px;
    padding: 5px 15px;
    font-weight: 400;
    color: #ffffff;
    border: 1px solid #9E9E9E;
    margin-left: 2px;
    margin-right: 2px;
margin-bottom: 0px;
}

#merchandisingcontent_154653 .owl-carousel.owl-loaded {
    margin-right: auto;
}

#merchandisingcontent_154653 .catalog-single .tile .footer {
min-height: auto;
}


/* We Recommend Section */


body.ex-product .selection-not-available, body.ex-product .selection-not-available-mobile .alert-warning {
background-color: #3dbbbb3d;
color: #333333;
border-color: #008080;
border-radius: 5px;
text-transform: capitalize;
max-width: 80%;
font-size: 14px;
margin-left: auto;
margin-right: auto;
width: 80%;
}

/* Product Config Alert - End*/


.ribboncart-wrapper .ribboncart  {
padding: 5px 10px;
margin-top: 3px;
text-align: center;
border-radius: 3px;
width: 100%;
}

.ribboncart-wrapper .ribboncart-tips   {
display: none;
}

.singlebanner_wrapper { 
position: inherit;
 }

@media only screen and (max-width: 768px) { 
.tileparent { 
border: 0px;
} }

@media only screen and (max-width: 768px) { 
.catalog-grid .tile { 
border: 1px solid #ddd;
padding: 10px
} }


/* Mini Cart Changes */

.toolbar .cart-btn>.btn span.minicart_count:hover:after {
  height: 9px;
}


/* Mini Cart Changes End */


.catalog-single .tile .footer button.is-master span {
font-size: 1em;
font-weight: 700;
}

.owl-carousel.owl-drag .owl-item .footer button.is-master {
min-width: 100%;
background: #3dbbbb;
}

/* Button Groups Removed if Logged Out - End */

body.ex-product .product-options .option-group .option-group-swatch label{
font-size: 10px;
word-wrap: break-word;
width: 75px;
overflow-wrap: break-word;
text-overflow: ellipsis;
line-height: 1.1em;
text-align: center;
}

catalog-grid .tile .footer button.is-master span {
font-size: 1.0em;
font-weight: 700;
}

#menulinks_153301.menulinks_container section.quicklinks .title,
#menulinks_152642.menulinks_container section.quicklinks .title,
#menulinks_152749.menulinks_container section.quicklinks .title,
#menulinks_152849.menulinks_container section.quicklinks .title {
background-color: #2c3949;
padding: 10px 5px;
bottom: 0;
border-bottom: 3px solid #4e5d6f;
border-radius: 0px;
border-top: 1px solid #c6c6c6;
color: white;
text-align: center;
position: relative;
font-size: 1rem;
border: solid 0px #c6c6c6;
font-weight: 200;
}
#menulinks_153301.menulinks_container section.quicklinks,
#menulinks_152749.menulinks_container section.quicklinks, 
#menulinks_152849.menulinks_container section.quicklinks{
margin-top: 10px;
}

#menulinks_153301.menulinks_container section.quicklinks,
#menulinks_152642.menulinks_container section.quicklinks,
#menulinks_152749.menulinks_container section.quicklinks,
#menulinks_152849.menulinks_container section.quicklinks  {
background: #fafafa;
}

#menulinks_153301.menulinks_container section.quicklinks li,
#menulinks_152642.menulinks_container section.quicklinks li,
#menulinks_152749.menulinks_container section.quicklinks li,
#menulinks_152849.menulinks_container section.quicklinks li {
line-height: 1rem;
margin: 0 0 2px;
padding: 5px 0 5px .5rem;
border-left: 3px solid;
border-color: #fafafa;
}

#menulinks_153301.menulinks_container section.quicklinks ul,
#menulinks_152642.menulinks_container section.quicklinks ul,
#menulinks_152749.menulinks_container section.quicklinks ul,
#menulinks_152849.menulinks_container section.quicklinks ul  {
margin-bottom: .3em;
color: #1b507a;
font-weight: 200;
margin-left: 10px;
margin-right: 10px;
}

#menulinks_153301.menulinks_container section.quicklinks li a:hover,
#menulinks_152642.menulinks_container section.quicklinks li a:hover,
#menulinks_152749.menulinks_container section.quicklinks li a:hover,
#menulinks_152849.menulinks_container section.quicklinks li a:hover {
font-weight: 200!Important;
color: #2c3949;
}

#menulinks_153301.menulinks_container section.quicklinks li:hover,
#menulinks_152642.menulinks_container section.quicklinks li:hover,
#menulinks_152749.menulinks_container section.quicklinks li:hover,
#menulinks_152849.menulinks_container section.quicklinks li:hover  {
background: #f3f3f3;
border-left: 3px solid #3dbbbb;
font-weight: 200!Important;

}

body.ex-product .productaddtocart_container .product-shopping-actions .price-from { 
margin: 0.5em 0;
font-size: 1.4em;
color: #2c3949;;
}

body.ex-product .product-options .option-group-radiobox input[checked=true] + label{
font-weight: 700!Important;
}

body.ex-product .product-options .option-group .option-group-swatch input[checked=true]+label {
font-weight: 700;
}

@media only screen and (max-width: 768px){ 
body.ex-product .product-options .option-group .option-group-swatch label{ 
padding: 5px 5px 5px 5px;
} }

@media only screen and (max-width: 768px){ 
.catalog-single .product-description { 
padding: 0 1em;
} }

body.ex-product .product-options .option-group .option-group-swatch .swatch  {
height: 30px;
width: 75px;
margin-bottom: 5px;
margin-right: 0px;
border-radius: 6px;
border: 1px solid #3dbbbb;
}

body.ex-product .product-options .option-group .option-group-swatch input[checked=true] + label .swatch {
    border: 3px solid #000000!important;
    border-radius: 6px;
    box-sizing: border-box;
}

body.ex-product .product-options .option-group .option-group-swatch .swatch:hover {
outline-offset: 1px;
outline: 2px solid #454545;
}

.hearbghome {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e4e4e4;
box-shadow: 1px 1px 2px #949494;
}


@media only screen and (max-width: 768px){ 
.listtools .sortby {
display: inline!important;
float: left;
width: 25%;
font-size: 12px;
} }

@media only screen and (max-width: 768px){ 
.listtools .filterby {
display: inline-block;
float: right;
width: 25%;
padding : 0px;
font-size: 12px;
} }

.homeBoxes .homeBox {
border: 1px solid white;
}


.mobfreq .owl-carousel .owl-stage-outer {
transform: translate3d(-15px, 0px, 0px);
}

@media only screen and (max-width: 1000px) {
.Nodisplay{
display:none;
} }

@media only screen and (max-width: 420px) {
.widget-lastviewedproducts-html.catalog-single {
display:none;
} }

@media only screen and (max-width: 768px){
.indicators-grid{
min-height: 5px;
max-height: 5px;
display: none;
} }

@media only screen and (max-width: 768px) {
.catalog-single h3 {
font-size: 1.4em;
} }

@media only screen and (max-width: 768px) {
#accordion .panel-border {
text-align: left;
margin-left: 0px;
margin-right: 0px;
} }


@media (max-width: 768px){
.mobileimgbg {
background: #d8d8d8;
padding: 5px 5px;
} }

@media only screen and (max-width: 768px){
.pagination li {
    padding: 0em;
    border: 0px solid #efefef;
} }


.swiper-container-slider3 .romw .romw-author-photo img {
width: 25px!Important;
height: 25px!Important;
}

.widget-lastviewedproducts-html .product-stock .out-stock{
font-size: 0.8em!important;
}

.swiper-container-slider3 .romw-container {
height: 120px!Important;
}

.swiper-button-next, .swiper-button-prev {
top: 40%!Important;
}

.rocketScroll .scrollContent {
font-size: 12px;
}

.swiper-container-slider3 .swiper-slide {
padding: 10px;
}

.productquickview .buttons.group {
display: none!Important;
}

.productquickview .catalog-single .softgraybackground, .softgraybackground {
border: none;
}

.divquickview button.showquickview  {
display: none;
}

.divquickview button.showquickview{
background-color: #3dbbbb!Important;
color: #000000!Important;
font-size: 14px;
font-weight: 700;
border: 2px solid #2c3949;
}

.productquickview .old-price {
display:none;
}

.productquickview .btn-sm {
font-size: 1.6em;
}

.catalog-single .buttons .qnt-count .incr-btn-quick  {
width: 35px;
height: 30px;
margin-top: 5px;
border-radius: 5px;
}

.catalog-single .buttons .qnt-count .incr-btn-quick:hover  {
background: #3dbbbb;
}

.productquickview .fa-shopping-bag:before {
content: none!Important;
}


#productsrelated_144568 {
padding-top: 10px;
}

#productsrelated_144568 .catalog-single.has-carousel  {
border: 0px;
}


#productsrelated_144568 .catalog-single.has-carousel .tile{
min-width: 240px;
max-width: 240px;
margin: 10px 5px!Important;
transform: translate3d(-15px, 0px, 0px);
}

#productsrelated_144568 .catalog-single .tile img {
max-width: 105px;
} 

#productsrelated_144568 .relationship-carousel .owl-nav {
height: 2em;
} 

#productsrelated_144568 .productsrelated h3 {
background: #2c3949;
color: white;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
font-size: 1.2em;
} 

#productsrelated_144568 .sidebar-content {
background: #f9fafb;
} 

#productsrelated_144568 .owl-carousel .owl-stage-outer{
background: #ffffff;
} 

#productsrelated_144568 .productsrelated h3 {
margin-bottom: 0px; text-align: center!important;padding: 8px 0px;} 

.catalog-single.has-carousel .tile {
margin: 10px 4px;
} 

#productsrelated_144568 .list-attribute.product-rewards-badge {
display:none;
} 

#productsrelated_144568 .list-attribute.product-rewards-badge {
display:none;
} 

#productsrelated_144568 .catalog-single .tile .product-name {
line-height: 1.3;
}

#productsrelated_144568 .buttons.group {
display: block!Important;
}

#productsrelated_144568 .has-carousel .tile .footer .product-name{
min-height: 40px!important;
max-height: 40px!important;
overflow: hidden;
} 


.catalog-single.has-carousel .tile,.catalog-single.has-grid .tile{border:1px solid #efefef; background-color: white; min-width: 250px;max-width: 250px;}

.owl-carousel.owl-loaded {
margin-right:15px;
background: #ffffff;
}

/* Removing RRP and Discount Save */

.additional_links li:nth-last-of-type(4) a {

}


@media only screen and (min-width: 1500px) {
.cosheadertools a{
font-size: 0.8rem;
padding: 0px 6px 0px 0px;
margin-left: 5px;
} }


@media screen and (min-width: 769px) {
.inktonerfinderwidget[data-layout=Horizontal] .form-group {
max-width: 22%;
} }

.catalog-grid .buttons.group .inputquantity {
width: 50px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

@media only screen and (max-width: 480px){
.cat-tiles a {
font-size: 1.6em;
} }


@media only screen and (max-width: 768px){
.buttons.group {
text-align: center;
} }

.searchpills p {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 10px 0 20px;
}

.shop-filters section.search .select2-container {
    border: 0;
}

.shop-filters section.search .search-form button[type="submit"] i {
    color: #2c3949;
}



header section.search .search-form button[type="submit"] {
    top: 0;
    width: 48px;
    height: 48px;
    transition: 0.35s background;
}

header section.search {
padding: 0px;
}

header section.search .search-form .form-group input  {
border-width: 0px;
}

/* This is needed for Google Feeds to work */
.price-label.has-price::after,
.price > .has-price::after,
.price.has-price::after {
   content: ' excl VAT';
   font-size: 14px;
}
.product.non-taxable .price-label.has-price::after,
.product.non-taxable .price > .has-price::after,
.product.non-taxable .price.has-price::after {
   content: ' incl VAT';
   font-size: 14px;
}

.price-label.has-price::after, .price > .has-price::after, .price.has-price::after{
color: #000000;
margin-left: 4px;
}

.catalog-grid .list-attribute.product-category {
display: none;
}

.catalog-grid .tile .price-label {
font-size: 1.8em;
color: #454545;
}

.catalog-grid .tile .price-label.has-price::after, .price > .has-price::after, .price.has-price::after {
font-size: 12px;
margin-left: 5px;
color: #878787;
}

.widget-lastviewedproducts-html .product-stock { display: none;
}

.widget-lastviewedproducts-html span.list-attribute.product-volume  { display: none;
}


.additional_links {
font-size: 1.1em;
}

.toolbar .account-dropdown .arrow_box {
left: 60px;
}


.header-full a.logo{margin-left:15px}
.header-full a.logo img{max-height:inherit!important}

@media only screen and (min-width: 768px){
.Cos-Google {
margin-left: 30px;
min-width: 100%;
} }



.widget-lastviewedproducts-html .tile .footer .badge-rewards-wrapper {
display: none;
}


*/.catalog-grid .tile a {
min-height: 175px;
}

*/.catalog-grid .has-carousel .tile .footer .footer-wrapper {
    height: 110px;
}

.product-compare-action .fa-square-o:before {
    content: "\f096";
    padding: 0px;
    color: #9e9e9e;
    background: white;
}


.catalog-grid h2 {
color: #2c3949;
}

.inktonerfinderwidget[data-layout=Horizontal] .horizontal_layout_left .horizontal_title {
font-size: 1.3em;
font-weight: 700;
}


#lastviewedproducts_164822 .ribbon-wrapper {
display: none;
}

#imageslider_110223 .imageslider_wrapper   {
margin-top: 0px; 
margin-bottom: 0px;
}

.product-shopping-actions .product-shopping-actions-row .list-attribute.product-stock + .list-attribute.product-stock{
  display:none;
}

.catalog-single .tile img {
mix-blend-mode: multiply;
} 

@keyframes pulse3 {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

/*Mini Cart Effect */
.cart-dropdown {
outline: solid #0e0e0e99 2000px;
transition:all 0.5s ease-in;
}

/*OWL Buttons */
.owl-carousel .tile .footer .btn {
border-radius: 10px;
border: 0px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}


.owl-carousel .tile .footer .btn:hover {
border: 0px;
}

/*OWL Buttons - end */

/*Floating button - Quote Me */

#htmlcontent_185915 #quote-product-list-button {
background: #ade3fe;
border: 0px;  
border-radius: 5px;
margin-top: 0px;
height: 48px;
box-shadow: none;
min-width: 80px;
border: 1px solid #e6e6e6;
}

#htmlcontent_185915 #quote-product-list-button:hover {
background: #c9c9c9;
}

#htmlcontent_185915 #quote-product-list-button .fa-quote-left {
font-size: 0px;
padding-bottom: 10px;
}


#htmlcontent_185915 #quote-product-list-button .fa-quote-left:before:hover{
color: #222222!Important;
} 

#htmlcontent_185915 #quote-product-list-button .fa-quote-left:after  {
content: "Active Quote";
    color: #111111;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro',sans-serif;
    padding: 8px 10px 8px 10px;
  
} 

#quote-product-list-button {
transition: all .5s ease;
background: #3dbbbb;
}

/*Floating button - Quote Me -end */

/* Quote 2 */


.ex-searchresult .quoteme-wrapper,
.ex-category .quoteme-wrapper {
display: block !important;
}

.catalog-grid .tile .footer .quoteme-wrapper span {
margin-left: 5px;
}

.catalog-grid .tile .footer .quoteme-wrapper span:hover {
color: white;
}

.catalog-grid .tile .footer .quoteme-wrapper {
padding-left: 0px;
}

.catalog-grid .tile .footer .quoteme-wrapper a {
background: #3dbbbb;
font-size: 12px;
border: 0;
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
padding: 5px;
transition: 0.35s all;
width: auto;
display: flex;
justify-content: center;
border-radius: 3px;
margin-top: 3px;
text-transform: uppercase;
min-height: 20px;
color: #ffffff;
}

.catalog-grid .tile .footer .quoteme-wrapper a:hover {
background: #878787;
color: #ffffff;
}

.catalog-grid .tile .footer .quoteme-wrapper i.fa.fa-thumbs-o-up {
display: none;
}

#filterswrapperhorizontal .dropdown-menu {
font-size: 0.9em;
}

.gridcontentnew .label.label-danger {
background-color: #FF0000;
color: #ffffff;
}
  
#quotebuildernew .form-inline:not(.quote-toggle) label, #salesquote .form-inline:not(.quote-toggle) label  {
font-size: .9em;
justify-content: flex-start;
}

.gridcontentnew .label {
border-radius: 5px;
border: 0px;
}

#quotebuildernew .form-inline:not(.quote-toggle) input, #quotebuildernew .form-inline:not(.quote-toggle) select, #quotebuildernew .form-inline:not(.quote-toggle) textarea, #salesquote .form-inline:not(.quote-toggle) input, #salesquote .form-inline:not(.quote-toggle) select, #salesquote .form-inline:not(.quote-toggle) textarea {
text-transform: uppercase;
}

.fa-line-chart:before {
content: "\f10d";
}

#quotebuildernew .content_value, #salesquote .content_value {
padding: 5px 15px;
}

#quotebuildernew .addcartqueue, #salesquote .addcartqueue  {
border-radius: 5px;
border: 0px;
}

#quotebuildernew .addcartqueue:hover, #salesquote .addcartqueue:hover  {
background: #3dbbbb;
}


#quotebuilder .heading-title, #quotebuildernew .heading-title, #salesquote .heading-title {
text-transform: uppercase;
}

#quotebuildernew .total-margin .content_value, #salesquote .total-margin .content_value {
background: #e5f3fe;
}
  
#quotebuilder, #quotebuildernew, #salesquote {
background-color: #ffffff;
}

#quotebuilder .panel, #quotebuildernew .panel, #salesquote .panel {
border: solid #b1b2b3;
}

#quotebuilder .panel-heading, #quotebuildernew .panel-heading, #salesquote .panel-heading {
background: #efefef;
}

#mc_embed_signup #quotebuildernew .actions-wrapper .button, #mc_embed_signup #salesquote .actions-wrapper .button, #quotebuildernew .actions-wrapper #mc_embed_signup .button, #quotebuildernew .actions-wrapper .btn, #quotebuildernew .actions-wrapper .ctct-form-button, #salesquote .actions-wrapper #mc_embed_signup .button, #salesquote .actions-wrapper .btn, #salesquote .actions-wrapper .ctct-form-button {
border-radius: 5px;
border: 0px;
}

#mc_embed_signup #quotebuildernew .actions-wrapper .button:hover, #mc_embed_signup #salesquote .actions-wrapper .button:hover, #quotebuildernew .actions-wrapper #mc_embed_signup .button:hover, #quotebuildernew .actions-wrapper .btn:hover, #quotebuildernew .actions-wrapper .ctct-form-button:hover, #salesquote .actions-wrapper #mc_embed_signup .button:hover, #salesquote .actions-wrapper .btn:hover, #salesquote .actions-wrapper .ctct-form-button:hover {
background: #3dbbbb;
}

#mc_embed_signup .myquotebuilderitems .button-content .button, #mc_embed_signup .myrecurringorders .button-content .button, .myquotebuilderitems .button-content #mc_embed_signup .button, .myquotebuilderitems .button-content .btn, .myquotebuilderitems .button-content .ctct-form-button, .myrecurringorders .button-content #mc_embed_signup .button, .myrecurringorders .button-content .btn, .myrecurringorders .button-content .ctct-form-button {
border-radius: 5px;
border: 0px;
}

#mc_embed_signup .myquotebuilderitems .button-content .button:hover, #mc_embed_signup .myrecurringorders .button-content .button:hover, .myquotebuilderitems .button-content #mc_embed_signup .button:hover, .myquotebuilderitems .button-content .btn:hover, .myquotebuilderitems .button-content .ctct-form-button:hover, .myrecurringorders .button-content #mc_embed_signup .button:hover, .myrecurringorders .button-content .btn:hover:hover, .myrecurringorders .button-content .ctct-form-button:hover {
background: #3dbbbb;
}
  
#mc_embed_signup #quotebuildernew .actions-wrapper .button i:before, #mc_embed_signup #salesquote .actions-wrapper .button i:before, #quotebuildernew .actions-wrapper #mc_embed_signup .button i:before, #quotebuildernew .actions-wrapper .btn i:before, #quotebuildernew .actions-wrapper .ctct-form-button i:before, #salesquote .actions-wrapper #mc_embed_signup .button i:before, #salesquote .actions-wrapper .btn i:before, #salesquote .actions-wrapper .ctct-form-button i:before  {
color: #ffffff;
}
/* Quote 2 end */

/* Xmas */

#htmlcontent_185915 .COS-Coupon-Icon {
background: #3dbbbb;
    border-radius: 5px;
    margin-top: 0px;
    height: 48px;
    box-shadow: none;
    width: 65px;
    border: 2px solid #e6e6e6;
    animation: colorchange2 5s ease-in-out infinite alternate;
    -webkit-animation: colorchange2 5s ease-in-out infinite alternate;
    display: flex;
    justify-content: center;
}

#htmlcontent_185915 .COS-Coupon-Icon:hover {
background: #ade3fe;
animation: none;
} 

@keyframes colorchange2
    {
      0%   {background: #e6e6e6;}
      100%  {background: #3dbbbb;}
      }

    @-webkit-keyframes colorchange2 /* Safari and Chrome - necessary duplicate */
    {
     0%   {background: #e6e6e6;}
     100%  {background: #3dbbbb;}
}

.CouponBox1 p {
font-size: 1.1em;
margin: 0;
line-height: 1.0em;
color: #222222;
width: 56px!Important;
text-align: center;
font-weight: 600;
padding: 6px;
}

.CouponBox2 p span {
font-size: 1.0m;
font-weight: 600;
color: #222222;
}

.CouponBadge {
position: absolute;
top: 0;
left: 0;
padding: 5px 10px;
color: #ffffff;
background: #FC6600;
border-radius: 15px 0px 10px 0;
font-weight: 700;
text-transform: uppercase;
font-size: 10px;
}

.CouponBadge2 {
position: absolute;
top: 0;
left: 0;
padding: 5px 10px;
color: #ffffff;
background: #FC6600;
border-radius: 15px 0px 10px 0;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
}


.CouponPageX .text-overlay {
position: absolute;
padding: 15px;
background-color: #0c1851;
height: 75px;
bottom: 0;
text-align: center;
transition: 0.35s all;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
}

.CouponPageX .CouponBox:hover img {
 transform: scale(1) !important;
}

.CouponPageX .CouponBox a {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.CouponPageX p  {
font-size: 1.15em;
}

.CouponPageX .lineHeader {
text-transform: uppercase;
color: #222222;
margin: 20px 0 20px;
font-weight: 700;
font-size: 38px;
}

.CouponPageX {
margin-top: 20px;
margin-bottom: 20px;
}

.CouponPageX .CouponBox {
position: relative;
height: 276px;
overflow: hidden;
margin-bottom: 15px;
border-radius: 15px;
background: #f5f5f5;
}


.CouponPageX .CouponBox:hover {
opacity: 1 !important;
}

.CouponPageX .CouponBox:hover .text-overlay {
height: 100%;
}

.CouponPageX .CouponBox:hover .text-overlay p {
opacity: 1;
height: auto;
margin-top: 15px;
line-height: 1.5;
}

.CouponPageX .CouponBox:hover img {
 transform: scale(1) !important;
}

.CouponPageX .CouponBox a {
font-size: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.CouponPageX img {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: multiply;
}


.CouponPageX .text-overlay h3 {
color: #C0C0C0;
margin: 0;
font-size: 1.15em;
font-weight: 700;
padding: 0;
}

.CouponPageX .text-overlay h3 span {
display: block;
font-size: 1.0em;
font-weight: 400;
}

.CouponPageX .text-overlay p {
line-height: 0;
opacity: 0;
margin: 0;
transition: all 0.35s;
color: #fff;
}

/* Xmas - end */


.merchandisingcontent_container .list-attribute.product-rewards-badge {
display: none;
}
.merchandisingcontent_container .tile .footer span.price-label-inc-vat {
display: none;
}

.merchandising-carousel .inner  {
max-width: 98%;
}
  
.tileparent {
border-top: 0px;
}

.listtoolsbottom {
border-top: 0px;
}

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

catalog-grid #grid .brand-label {
line-height: 50px;
}

/* Swatch Edits*/

body.ex-product .product-options .option-group .option-group-swatch {
min-width: 80px;
display: flex;
justify-content: center;
}

body.ex-product .product-options .option-group-values {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
}

body.ex-product .product-options .option-group .option-group-swatch label {
    font-size: 10px;
    word-wrap: break-word;
    width: 75px!Important;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    line-height: 1.1em;
    text-align: center;
}

div#htmlcontent_187580 {
    padding: 0;
}

.categories-wrapper h3 {
 font-size: 1.2em;
}

.products-wrapper+.categories-wrapper {
background: #a7e1fd;
font-size: 1.2em;
}

.col-md-12.product-shopping-actions-prices .label.label-danger.save.with-value {
position: absolute;
    top: 0px;
    right: 15px;
    z-index: 1;
    font-size: 14px;
    border-radius: 0px 10px 0px 30px;
    font-weight: 700;
    text-transform: none;
    color: #ffffff;
    height: 50px;
    padding: 10px 0px 0px 5px;
    width: 50px;
background: #3dbbbb;
}


@media only screen and (max-width: 1024px){
.col-md-12.product-shopping-actions-prices .label.label-danger.save.with-value {
display:none; 
}
}

  
  

.catalog-single .product-shopping-actions .product-compare-action i.fa-square-o:before, .catalog-single .product-shopping-actions .product-shopping-actions-addtoquicklist i:before {
content: "";
}

.col-md-12.product-shopping-actions-addtoquicklist .fa-plus:before {
    content: "\f004"!Important;
    color: #3dbbbb;
    margin-right: 3px;
font: normal normal normal 14px/1 FontAwesome;
}

.col-md-12.product-shopping-actions-addtoquicklist .fa-plus:hover:before {
color: #0082ad;
}

.catalog-single .product-shopping-actions .product-shopping-actions-addtoquicklist i {
margin-right: 10px;
}

.product-shopping-actions-addtoquicklist a {
color: #454545;
}

.catalog-single .product-shopping-actions .addtocartWrap {
padding: 0px 15px 0px 15px;
}

.catalog-single .product-shopping-actions .prodToolsWrap > .row {
    margin: 0;
}

.ex-loggedout .prodToolsWrap {
display: none;
}

.catalog-single .product-shopping-actions .product-compare-action, .catalog-single .product-shopping-actions .product-shopping-actions-addtoquicklist {
margin: 0;
padding: 0;
border: none;
font-size: 12px;
line-height: 16px;
width: auto;
}

.cookiespolicies-banner {
background: transparent ! Important;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 8000;
border-top: 0px ! Important;
}

h2.cookiespolicies-header {
font-size: 16px;
}

.cookiespolicies-preferences-table>div div:nth-of-type(2)  {
margin-top: 10px;  
}

button.btn.btn-sm.cookiespolicies-manager-btn {
background: #cdcdcd;
}
.cookiespolicies-text-title {
font-size: 14px;
}

.cookiespolicies-banner .container-fluid {
    pointer-events: auto;
    position: relative;
    width: 100%;
    max-width: 720px;
    padding: 28px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.06);
    display: flex;
    gap: 24px;
    align-items: center;
    animation: cookieSlideUp 0.4s ease;
}

.cookiespolicies-banner .cookiespolicies-text p {
    margin-bottom: 0;
    padding-right: 10px;
}

.cookiespolicies-banner .cookiespolicies-buttons {
position: relative;
display: block ! Important;
    width: 30%;
    float: left;
    padding-left: 2%;
    bottom: 0;
    right: 0;
}

.cookiespolicies-banner .cookiespolicies-text {
position: relative;
    display: inline-block;
    width: 70%;
    float: left;
    padding: 0;
}

.cookiespolicies-header, .cookiespolicies-text p {
    color: #454545;
}

.cookiespolicies-gotit, .cookiespolicies-manager-btn, .cookiespolicies-manager-allow {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    padding: 10px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
}

cookiespolicies-text p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #4b5563;
}

.cookiespolicies-gotit,
.cookiespolicies-manager-btn,
.cookiespolicies-manager-allow {
    width: 100%;
    padding: 12px 18px;
    border: none;
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}


.product img,
.productquickview img { pointer-events:none; 
}

#vuequicklistdropdown .dropdown-menu li {
display: block;
}

.myaccount .fa-list, .myaccount .fa-list-alt {
font: normal normal normal 24px/1 FontAwesome;
color: #878787;
}

.myaccount .myaccount-title span {
font-size: 1.0em;
}

.orderpads-v2 .listtools.listtools-top .bulk-actions-button.float {
top: 300px;
box-shadow: none;
}

#quicklistgrid .btn {
background: #f5f5f5;
border: 1px solid #878787;
margin-left: 2px;
height: 30px;
}

.gridcontentnew #quicklistgrid .content_value:not(.content_name_value) {
color: #000000;
}

#quicklistgrid span.content_value.content_name_value {
font-size: 14px;
}


.gridcontentnew table input, .gridcontentnew table select {
color: #000000;
}

#quicklistgrid .btn:hover {
background: #3dbbbb;
border: 1px solid #878787;
margin-left: 2px;
height: 30px;
color: #000000;
}

#quicklistgrid .table-action .btn i {
font-size: 1.2em;
margin-right: 0;
vertical-align: initial;
}


.quicklistsedit .product-select-action.single-product-select-action .fa-stack, .callofforders .product-select-action.single-product-select-action .fa-stack, .contractitems .product-select-action.single-product-select-action .fa-stack {
line-height: 1.5em;
font-size: 14px;
right: 20px;
top: 5px;
}

 
.quicklistsedit .col-sm-4.imagecontent {
width:25%;
mix-blend-mode: multiply;
}

.contractitems .imgthumbnail {
mix-blend-mode: multiply;
}

.contractitems .product-stock .in-stock {
font-size: 12px;
font-weight: 700;
color: #068800;
padding: 5px 15px;
text-align: center;
background: #eefbee;
border: none;
display: inline-block;
}

.contractitems .product-stock .out-stock {
font-size: 12px;
font-weight: 700;
color: #000000;
text-align: center;
background: #ffe2e2 ! Important;
border: none;
}

.quicklistsedit .product-rewards-badge {
display: none;
}

.quicklistsedit .col-sm-7.productcontent.product-content {
width:66.6666%;
border-right: 2px #e6e6e6 solid;
}

.quicklistsedit .margin-list {
margin: 0px;
padding: 10px;
}

.callofforders .product-sku, .contractitems .product-sku, .quicklistsedit .product-sku{
width: 100%;
}

.contractitems .catalog-grid .list-attribute .badge-rewards-wrapper .badge-rewards, .callofforders .catalog-grid .list-attribute .badge-rewards-wrapper .badge-rewards, .quicklistsedit .catalog-grid .list-attribute .badge-rewards-wrapper .badge-rewards {
justify-content: flex-start;
display: flex;
background: #ffffff!Important;
font-size: 14px;
color: #4797ce!Important;
}

.myaccount .list-attribute .badge-rewards-wrapper .badge-rewards {
justify-content: flex-start!Important;
display: flex!Important;
background: #ffffff!Important;
font-size: 14px!Important;
color: #4797ce!Important;
}

.quicklistsedit .product-indicators, .contractitems .product-indicators {
display: none;
}

.callofforders .label-focus, .contractitems .label-focus, .quicklistsedit .label-focus{
width: 40%;
font-size: 100%;
background: #878787;
}

.callofforders .product-stock .in-stock, .contractitems .product-stock .in-stock, .quicklistsedit .product-stock .in-stock {
max-width: 40%;
font-size: 12px;
font-weight: 700;
color: #068800;
padding: 5px 15px;
text-align: center;
background: #eefbee;
border: none;
display: inline-block;
}

.callofforders .price-from, .contractitems .price-from, .quicklistsedit .price-from {
font-size: 1.1em!Important;
}


.callofforders .product-row, .contractitems .product-row, .quicklistsedit .product-row {
 margin-bottom: 0;
}

.callofforders input.qty-list.form-control, .callofforders input.qty-list.select2-selection--single, .contractitems input.qty-list.form-control, .contractitems input.qty-list.select2-selection--single, .quicklistsedit input.qty-list.form-control, .quicklistsedit input.qty-list.select2-selection--single {
width: 70px;
font-size: 1.2em;
}


.callofforders .product-compare-action, .contractitems .product-compare-action, .quicklistsedit .product-compare-action{
background: transparent;
margin-right: 10px;
height: 30px;
border-top: 0px solid #e6e6e6;
}

.callofforders .gridtools .blockbutton i.fa-shopping-bag, .contractitems .gridtools .blockbutton i.fa-shopping-bag, .quicklistsedit .gridtools .blockbutton i.fa-shopping-bag {
display: none;
}

.callofforders .gridtools button, .contractitems .gridtools button, .quicklistsedit .gridtools button {
font-weight: 700;
}


.callofforders .shopping-actions .price span.has-price, .contractitems .shopping-actions .price span.has-price, .quicklistsedit .shopping-actions .price span.has-price{
color: #121212!important;
font-size: 1.4em;
}



.fa-shopping-bag:before {
content: "\f290";
}

.quicklistsedit .fa-square-o:before, .callofforders .fa-square-o:before, .contractitems .fa-square-o:before  {
font: normal normal normal 22px/1 FontAwesome;
}

.cart-dropdown .fa-shopping-bag:before {
display:none;
}
.orderpads-v2 #productlist .btn-add-to-cart:not(.click-collect-atc-btn) {
text-transform: uppercase;
font-weight: 700;
}

.quicklistsedit button.delete.btn.btn-sm.btn-sm-icon, .callofforders button.delete.btn.btn-sm.btn-sm-icon, .contractitems button.delete.btn.btn-sm.btn-sm-icon {
background: #3dbbbb;
}

.quicklistsedit button.delete.btn.btn-sm.btn-sm-icon:hover, .callofforders button.delete.btn.btn-sm.btn-sm-icon:hover, .contractitems button.delete.btn.btn-sm.btn-sm-icon:hover {
background: #fe002d;
}

.callofforders .gridtools button, .quicklistsedit .gridtools button {
font-weight: 700;
background: white;
border: 1px solid #c6c6c6;
color: #000000;
}

.callofforders .gridtools button:hover, .quicklistsedit .gridtools button:hover {
background: #3dbbbb;
} 

.contractitems .btn:hover {
background: #3dbbbb; 
color: #000000;
}

.orderpads-v2 .btn.btn-xs.btn-update-default-qty:before {
content: "\f021";
font: normal normal normal 12px/1 FontAwesome;
margin-right: 10px;
}


#productlist .product-name {
margin: 20px 0;
}

.orderpads-v2 .btn.btn-xs.btn-update-default-qty {
margin-top: 0px;
background: #f5f5f5;
border: 1px solid #c6c6c6;
color: #454545;
margin-bottom: 5px;
width: 40%;
height: 30px;
font-weight: 700;
}

.orderpads-v2 .btn.btn-xs.btn-update-default-qty:hover {
background: #3dbbbb;
font-weight: 700;
}

.orderpads-v2 #productlist .btn-add-to-cart:not(.click-collect-atc-btn):hover {
color: #000000;
}

.catalog-grid .margin-list {
margin: 0;
padding: 0;
}

.catalog-grid .margin-list .softgraybackground .buttons.group {
display: block;
}

.quicklistsedit .shop-filters .filter-title, .contractitems .shop-filters .filter-title{
border-right: 0px;
border-left: 0px;
}

.contractitems .brand-label, .quicklistsedit .brand-label, .callofforders .brand-label {
display: none;
}

.contractitems .product-row, .quicklistsedit .product-row {
border: 1px solid #ddd;
margin-bottom: 5px!Important;
}

.contractitems .brand-label {
display: none;
}

.contractitems .shop-filters, .quicklistsedit .shop-filters, .contractitems .brand-label {
background: #fafafa;
}

.contractitems .softgraybackground, .quicklistsedit .softgraybackground {
padding: 0px 0;
}

.contractitems .tileparent, .quicklistsedit .tileparent {
padding: 10px;
background: white;
}

.orderpads-v2 .listtools.listtools-top {
padding: 10px;
}

.quicklistsedit .buttons.group .inputquantity {
border-radius: 5px;
}

.quicklist-groups-btn-wrapper {
left: 15px;
}

.quicklistsedit .softgraybackground {
background: transparent!Important;
padding: 5px;
border: 0px;
}

.contractitems .softgraybackground, quicklistsedit .softgraybackground, .callofforders .softgraybackground{
background: transparent ! Important;
padding: 5px;
border-style: solid;
border-color: #0000001a;
border-width: 0px;
border-radius: 10px;
}

.QuicklinkSlider.slick-initialized.slick-slider ul.slick-dots {
display: none!Important;
}

.QuicklinkSlider {
display: none;
}


/* Quick Header links*/

.QLFlash {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1px 10px;
    color: #ffffff;
    background: #00BCD4;
    border-radius: 0px 0px 10px 0;
    font-weight: 700;
    font-size: 0.65em;
}


.QuicklinkSlider .slick-list  {
margin-right: 20px;
margin-left: 20px;
}

.QuicklinkSlider.slick-initialized.slick-slider {
background: #f5f5f5;
padding: 10px;
}

.QuicklinkSlider .slick-prev, .QuicklinkSlider .slick-next {
position: absolute;
display: block;
}

.QuicklinkSlider .slick-next {
right: 5px;
}

.QuicklinkSlider .slick-prev {
left: 10px;
}

.QuicklinkSlider .slick-prev, .QuicklinkSlider .slick-next {
position: absolute;
display: block;
border: none;
outline: none;
z-index: 1;
top: calc(50% - 5px);
width: 7px;
height: 11px;
}

.QuicklinkSlider .slick-prev:before, .QuicklinkSlider .slick-next:before {
font-family: sans-serif;
font-size: 20px;
line-height: 1;
color: #fff;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.QuicklinkSlider .slick-prev, 
.QuicklinkSlider .slick-next {
    position: absolute;
    display: block;
    height: 15px;
    width: 15px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: rgba(0,0,0,0);
    color: rgba(0,0,0,0);
    bottom: -32px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 1;
}

.QuicklinkHD .categorybox {
position: relative;
overflow: hidden;
margin-left: 5px;
height: auto;
margin-right: 5px;
}

.QuicklinkHD .categorybox:hover {
opacity: 1 !important;
}

.QuicklinkHD .categorybox:hover .text-overlay {
height: 100%;
}

.QuicklinkHD .categorybox:hover .text-overlay p {
opacity: 1;
height: auto;
margin-top: 15px;
line-height: 1.5;
}
.QuicklinkHD .categorybox:hover img {
 transform: scale(1) !important;
}
.QuicklinkHD .categorybox a {
font-size: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.QuicklinkHD .text-overlay {
position: absolute;
padding: 5px;
background-color: rgb(59 61 64 / 70%);
height: 30px;
bottom: 0;
text-align: center;
transition: 0.35s all;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
display:none;
}


.QuicklinkHD .text-overlay h3 {
color: #fff;
margin: 0;
font-size: 1.0em;
font-weight: 700;
}

.QuicklinkHD .text-overlay h3 span {
display: block;
font-size: 1.0em;
font-weight: 400;
}

.QuicklinkHD .text-overlay p {
line-height: 0;
opacity: 0;
margin: 0;
transition: all 0.35s;
color: #fff;
font-size: 1.00em;
margin-right: 5%;
margin-left: 5%;
}



.QuicklinkHD .QuicklinkTitle a {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.QuicklinkTitle.nFlex {
display: flex !important;
justify-content: center;
flex-direction: column;
}


.QuicklinkHDSlide a {
font-size: 14px;
font-weight: 700;
color: #111111;
text-transform: uppercase;
padding: 5px;
}

.QuicklinkTitle img {
width: 80px;
height: 80px;
min-width: 80px;
min-height: 80px;
background: #ffffff;
border-radius: 10px;
margin-top: 10px;
}

/* Quick Header links - end*/




@media (min-width: 769px){
.catalog-grid .container {
padding: 0px 0px;
} }

/* Badges on mini cart*/
.ribboncart-wrapper .ribboncart {
font-size: .85em;
display:none;
}

/* Coupon Page*/
.CopyTextBox {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
div#htmlcontent_185915 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding: 0;
}

.COS-Coupon-Icon i.fa.fa-2x.fa-tags:after {
    content: "Coupons";
    color: #111111;
    font-size: 10px;
    font-weight: 900;
    position: absolute;
    bottom: 4px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro',sans-serif;
    right: 22px;
}

.COS-Coupon-Icon i.fa.fa-2x.fa-tags {
font-size: 1.5em;
padding: 6px 16px;
color: #111111;
}

.COS-Coupon-Icon i.fa.fa-2x.fa-tags:hover {
color: #111111;
}


  

input#CouponInput1, input#CouponInput2, input#CouponInput3, input#CouponInput4, input#CouponInput5, input#CouponInput6, input#CouponInput7, input#CouponInput8,
input#CouponInput9, input#CouponInput10, input#CouponInput11, input#CouponInput12, input#CouponInput13, input#CouponInput14, input#CouponInput15, input#CouponInput16, 
input#CouponInputX1, input#CouponInputX2, input#CouponInputX3, input#CouponInputX4
{
height: 38px;
text-align: center;
font-weight: 700;
width: 50%;
font-size: 0.8em;
border: 1px solid #878787;
border-radius: 0.25em;
}

button#BtnTextCode1:before, button#BtnTextCode2:before, button#BtnTextCode3:before, button#BtnTextCode4:before, button#BtnTextCode5:before, button#BtnTextCode6:before, button#BtnTextCode7:before, 
button#BtnTextCode8:before, button#BtnTextCode9:before, button#BtnTextCode10:before, button#BtnTextCode11:before, button#BtnTextCode12:before, button#BtnTextCode13:before,
button#BtnTextCode14:before, button#BtnTextCode15:before, button#BtnTextCode16:before, button#BtnTextCodeX1:before, button#BtnTextCodeX2:before, button#BtnTextCodeX3:before,
button#BtnTextCodeX4:before
{
content: "\f0ea";
font: normal normal normal 14px/1 FontAwesome;
color: #090909;
margin-right: 5px;
}

button#BtnTextCode1, button#BtnTextCode2, button#BtnTextCode3, button#BtnTextCode4, button#BtnTextCode5, button#BtnTextCode6, button#BtnTextCode7, 
button#BtnTextCode8, button#BtnTextCode9, button#BtnTextCode10, button#BtnTextCode11, button#BtnTextCode12, button#BtnTextCode13, 
button#BtnTextCode14, button#BtnTextCode15, button#BtnTextCode16, button#BtnTextCodeX1, button#BtnTextCodeX2, button#BtnTextCodeX3, button#BtnTextCodeX4
{
margin: 0;
min-height: 38px;
padding-top: 2px;
padding-bottom: 2px;
flex: 1;
border-radius: 0.25em;
font-weight: 700;
font-size: 0.8em;
background: #ade3fe;
border: 0;
width: 50%;
}

button#BtnTextCode1:hover, button#BtnTextCode2:hover, button#BtnTextCode3:hover, button#BtnTextCode4:hover, button#BtnTextCode5:hover, button#BtnTextCode6:hover, 
button#BtnTextCode7:hover, button#BtnTextCode8:hover, button#BtnTextCode9:hover, button#BtnTextCode10:hover, button#BtnTextCode11:hover, button#BtnTextCode12:hover,
button#BtnTextCode13:hover, button#BtnTextCode14:hover, button#BtnTextCode15:hover, button#BtnTextCode16:hover, button#BtnTextCodeX1:hover, button#BtnTextCodeX2:hover,
button#BtnTextCodeX3:hover, button#BtnTextCodeX4:hover
{
 background: #3dbbbb;
}

.Couponlay {
margin: 12px 0;
width: 16%;
position: relative;
background: #fff;
transition: 0.35s background;
overflow: hidden;
border-radius: 15px;
padding: 10px;
border: 1px solid #e6e6e6;
}

.Couponlay2 {
margin: 12px 0;
width: 33%;
position: relative;
background: #fff;
transition: 0.35s background;
overflow: hidden;
border-radius: 15px;
padding: 10px;
border: 1px solid #e6e6e6;
}


@media only screen and (max-width: 768px) { 
.Couponlay {
width: 98%; 
} }

@media only screen and (max-width: 375px) {
.Couponlay {
width: 98%; 
} }

@media only screen and (max-width: 768px) { 
.CouponPage .nFlex {
    display: flex;
    flex-direction: column;
} }

@media only screen and (max-width: 768px) { 
.CouponPageX .nFlex {
    display: flex;
    flex-direction: column;
} }


.CouponPage p  {
font-size: 1.15em;
}

.CouponPage .lineHeader {
text-transform: uppercase;
color: #222222;
margin: 20px 0 20px;
font-weight: 700;
font-size: 38px;
}

.CouponPage {
margin-top: 20px;
margin-bottom: 20px;
}

.CouponPage .CouponBox {
position: relative;
height: 200px;
overflow: hidden;
margin-bottom: 15px;
border-radius: 15px;
background: #f5f5f5;
}

.CouponPage .CouponBox2 {
position: relative;
height: 325px;
overflow: hidden;
margin-bottom: 15px;
border-radius: 15px;
background: #f5f5f5;
}


.CouponPage .CouponBox:hover {
opacity: 1 !important;
}

.CouponPage .CouponBox:hover .text-overlay {
height: 100%;
}

.CouponPage .CouponBox:hover .text-overlay p {
opacity: 1;
height: auto;
margin-top: 15px;
line-height: 1.5;
}

.CouponPage .CouponBox:hover img {
 transform: scale(1) !important;
}

.CouponPage .CouponBox a {
font-size: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.CouponPage .CouponBox2:hover {
opacity: 1 !important;
}

.CouponPage .CouponBox2:hover .text-overlay2 {
height: 100%;
}

.CouponPage .CouponBox2:hover .text-overlay2 p {
opacity: 1;
height: auto;
margin-top: 15px;
line-height: 1.5;
}

.CouponPage .CouponBox2:hover img {
 transform: scale(1) !important;
}

.CouponPage .CouponBox2 a {
font-size: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.CouponPage img {
mix-blend-mode: multiply;
}

.CouponPage .text-overlay {
position: absolute;
padding: 2px;
background-color: rgb(59 61 64 / 80%);
height: 60px;
bottom: 0;
text-align: center;
transition: 0.35s all;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
}

.CouponPage .text-overlay2 {
position: absolute;
padding: 2px;
background-color: rgb(59 61 64 / 80%);
height: 85px;
bottom: 0;
text-align: center;
transition: 0.35s all;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
}


.CouponPage .text-overlay h3 {
color: #fff;
margin: 0;
font-size: 0.9em;
font-weight: 700;
padding: 0;
}

.CouponPage .text-overlay2 h3 {
color: #fff;
margin: 0;
font-size: 1.4em;
font-weight: 700;
padding: 0;
line-height: 1.6em;
}

.CouponPage .text-overlay h3 span {
display: block;
font-size: 0.75em;
font-weight: 400;
line-height: 16px;
}

.CouponPage .text-overlay2 h3 span {
display: block;
font-size: 0.75em;
font-weight: 400;
line-height: 16px;
}

.CouponPage .text-overlay p {
line-height: 0;
opacity: 0;
margin: 0;
transition: all 0.35s;
color: #fff;
font-size: 0.8em;
}

.CouponPage .text-overlay2 p {
line-height: 0;
opacity: 0;
margin: 0;
transition: all 0.35s;
color: #fff;
font-size: 1.0em;
padding: 0px 10px;
}

.lineHeaderPG {
position: relative;
text-align: center;
margin: 0 0 40px;
font-size: 22px!Important;
font-weight: 400;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
}

.lineHeaderNP {
position: relative;
text-align: center;
margin: 0 0 40px;
font-size: 22px!Important;
font-weight: 400;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
}

.lineHeaderPG:before, .lineHeaderPG:after {
width: 20%;
height: 1px;
content: "\a0";
background-color: #878787;
}


.CouponPage .lineHeaderPG {
background: #e6e6e6;
text-transform: uppercase;
color: #222222;
margin: 20px 0 5px;
font-weight: 700;
padding: 15px 5px;
}

/* Coupon Page - End*/
/* New Product Boxes - Product Page*/

.NPNewPG {
display: none;
position: absolute;
top: 0;
left: 0;
padding: 3px 10px;
color: #ffffff;
background: #54b3c0;
font-weight: 700;
font-size: 1.25em;
}


.NewProductsPG .lineHeader {
text-transform: uppercase;
color: #222222;
margin: 20px 0 20px;
font-weight: 700;
}

.NewProductsPG {
margin-top: 20px;
margin-bottom: 20px;
}

.NewProductsPG .categorybox {
position: relative;
height: 250px;
overflow: hidden;
margin-bottom: 15px;
}


.NewProductsPG .categorybox:hover {
opacity: 1 !important;
}

.NewProductsPG .categorybox:hover .text-overlay {
height: 100%;
}

.NewProductsPG .categorybox:hover .text-overlay p {
opacity: 1;
height: auto;
margin-top: 15px;
line-height: 1.5;
}
.NewProductsPG .categorybox:hover img {
 transform: scale(1) !important;
}
.NewProductsPG .categorybox a {
font-size: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.NewProductsPG img {
width: 100%;
height: 100%;
object-fit: cover;
}

.NewProductsPG .text-overlay {
position: absolute;
padding: 10px;
background-color: rgb(59 61 64 / 70%);
height: 50px;
bottom: 0;
text-align: center;
transition: 0.35s all;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
}


.NewProductsPG .text-overlay h3 {
color: #ffffff;
margin: 0;
font-size: 1.10em;
font-weight: 700;
padding: 0;
}

.NewProductsPG .text-overlay h3 span {
display: block;
font-size: 1.0em;
font-weight: 400;
}

.NewProductsPG .text-overlay p {
line-height: 0;
opacity: 0;
margin: 0;
transition: all 0.35s;
color: #fff;
}

.lineHeaderPG {
position: relative;
text-align: center;
margin: 0 0 40px;
font-size: 22px!Important;
font-weight: 400;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
}

.lineHeaderPG:before, .lineHeaderPG:after {
width: 20%;
height: 1px;
content: "\a0";
background-color: #878787;
}


.NewProductsPG .lineHeaderPG {
background: #e6e6e6;
text-transform: uppercase;
color: #222222;
margin: 20px 0 5px;
font-weight: 700;
padding: 15px 5px;
}

.NewProductsPG .lineHeaderNP {
background: #54b3c0;
    text-transform: uppercase;
    color: #ffffff;
    margin: 10px 0 5px;
    font-weight: 700;
    padding: 12px 5px;
    font-size: 22px!Important;
}

.lineHeaderNP:before, .lineHeaderNP:after {
width: 20%;
height: 2px;
content: "\a0";
background-color: #ffffff;
}

/* New Product Boxes - Product Page -End*/

/* New Product Boxes */

.NPNew {
position: absolute;
top: 0;
left: 0;
padding: 5px 15px;
color: #ffffff;
background: #54b3c0;
font-weight: 700;
font-size: 0.85em;
}


.NewProducts .lineHeader {
text-transform: uppercase;
color: #222222;
margin: 20px 0 20px;
font-weight: 700;
}

.lineHeader {
position: relative;
text-align: center;
margin: 0 0 40px;
font-size: 23px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
}

.lineHeader:before, .lineHeader:after {
width: 32%;
height: 1px;
content: "\a0";
background-color: #878787;
}

.NewProductsSlider {
display: none;
}


.NewProductsSlider .slick-prev.slick-arrow, {
line-height: 0;
position: absolute;
top: 45%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
left: -15px;
}

.NewProductsSlider .slick-next.slick-arrow, {
line-height: 0;
position: absolute;
top: 45%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
right: -25px;
}

.NewProducts {
background: #f1f1f1;
padding-bottom: 30px;
display: none;
}


.NewProducts .slick-slide {
margin: 0px 5px;
}

.NewProducts .categorybox {
position: relative;
height: 235px;
overflow: hidden;
}


.NewProducts .categorybox:hover {
opacity: 1 !important;
}

.NewProducts .categorybox:hover .text-overlay {
height: 100%;
}

.NewProducts .categorybox:hover .text-overlay p {
opacity: 1;
height: auto;
margin-top: 15px;
line-height: 1.5;
}
.NewProducts .categorybox:hover img {
 transform: scale(1) !important;
}
.NewProducts .categorybox a {
font-size: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.NewProducts img {
width: 100%;
height: 100%;
object-fit: cover;
}

.NewProducts .text-overlay {
position: absolute;
padding: 15px;
background-color: rgb(59 61 64 / 80%);
height: 60px;
bottom: 0;
text-align: center;
transition: 0.35s all;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
}


.NewProducts .text-overlay h3 {
color: #fff;
margin: 0;
font-size: 1.25em;
font-weight: 700;
}

.NewProducts .text-overlay h3 span {
display: block;
font-size: 1.0em;
font-weight: 400;
}

.NewProducts .text-overlay p {
line-height: 0;
opacity: 0;
margin: 0;
transition: all 0.35s;
color: #fff;
}



div#merchandisingcontent_197024 .catalog-single h3:after {
content: "Browse our most frequently purchased items";
display: block;
color: #454545;
font-size: 1rem;
font-weight: 400;
margin: 0;
}

div#merchandisingcontent_197024 .price-label {
color: #222222;
}

div#merchandisingcontent_197024 .catalog-single .tile img {
max-width: 180px;
max-height: 180px;
}


section.merchandising-carousel.carousel-197024 {
margin-left: -15px;
}


div#merchandisingcontent_197024 .catalog-single.has-carousel {
margin-top: 0px;
}

div#merchandisingcontent_197024 .owl-carousel .tile .footer  {
border-top: none;
}

div#merchandisingcontent_197024 .sidebar-content {
background: transparent;
mix-blend-mode: multiply;
}

div#merchandisingcontent_197024 .catalog-single h3 {
font-size: 22px;
    max-width: calc(53% - 45px);
    display: block;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0px;
padding: 10px 0px 10px 50px;
    color: #111111;
    height: 70px;
    transition: 0.35s background;
    font-family: 'Poppins', sans-serif;
    border-radius: 15px 0px 20px 0px;
    opacity: 0.9;
    white-space: nowrap;
text-transform: capitalize;
border: 0px;
}

div#merchandisingcontent_197024 .catalog-single.has-carousel.item-merchandising {
box-shadow: none!Important;
}

div#merchandisingcontent_197024 .catalog-single .label.label-danger.save.with-value {
    top: 10px;
    font-size: 14px;
    background-size: 90px 24px;
    padding: 9px 28px;
display: none;
}

div#merchandisingcontent_197024 .footer span.price-label-inc-vat {
display: none!Important;
}

div#merchandisingcontent_197024 .rrp, .catalog-single .tile .footer span.rrp {
display: none!Important;
}

div#merchandisingcontent_197024 .item-merchandising .list-attribute.product-rewards-badge .badge-rewards-wrapper {
display: none!Important;
}

div#merchandisingcontent_197024 .inner.owl-carousel.owl-loaded.owl-drag {
max-width: 98%;
}

div#merchandisingcontent_197024 .catalog-grid .tile {
border: 0px solid #b3b3b3!important;
padding: 0px;
}


div#merchandisingcontent_197024 .merchandising-carousel .owl-carousel .owl-stage-outer {
background-color: transparent;
margin-top: 0px;
}

div#merchandisingcontent_197024 .owl-carousel.owl-loaded {
background-color: transparent;
margin-bottom: 0px; 
}


/*Home Page Promo Boxs*/

.PromoGrid .nFlex {
flex-direction: column;
align-content: space-between;
}

.PromoGrid2 .nFlex {
flex-direction: column;
align-content: space-between;
}

.PromoGrid.nFlex {
margin: 30px 0 10px;
align-items: stretch;
}

.PromoGrid2.nFlex {
margin: 30px 0 10px;
align-items: stretch;
}

.PromoGrid > div {
width: calc(33.4% - 10px);
height: 540px;
}

.PromoGrid2 > div {
width: calc(33.4% - 10px);
height: 540px;
}

.PromoBox {
background: #e4e4e4;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.PromoBox2 {
background: #e4e4e4;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.nRel {
position: relative;
}

.pbImg {
position: absolute;
width: 100%;
height: 100%;
background: url(https://eu.evocdn.io/dealer/1022/content/media/SitStandDesks_1.png)no-repeat center;
background-size: cover;
transition: 0.35s all;
}


.pbHov {
text-transform: uppercase;
top: 20px;
left: 20px;
    transform: scale(0);
    color: #ffffff;
    font-size: 14px;
    transition: 0.35s all;
    position: absolute;
    opacity: 1;
    padding: 12px 12px;
    background: #272727;
    font-weight: 700;
}

.PromoBox:hover .pbHov{
transform:scale(1);
opacity:1;
}

.PromoBox2:hover .pbHov{
transform:scale(1);
opacity:1;
}

.PromoBox .boxButton {
max-width: calc(100% - 45px);
background: transparent;
display: block;
line-height: 1.3em;
min-width: 100%;
font-weight: 700;
}

.PromoBox2 .boxButton {
max-width: calc(100% - 45px);
    background: transparent;
    display: block;
    line-height: 1.3em;
    min-width: 100%;
    font-weight: 700;
}


.PromoBox .boxButton2 {
display: block;
line-height: 1.1em;
Display:none;
}

.PromoBox2 .boxButton2 {
display: block;
line-height: 1.0em;
Display:none;
}

.PromoBox .boxButton3 {
display: block;
line-height: 1.2em;
Display:none;
}

.PromoBox2 .boxButton3 {
display: block;
line-height: 1.2em;
Display:none;
}


.boxButton {
position: absolute;
bottom: 0;
left: 0;
padding: 10px 20px;
color: #111111;
font-size: 18px;
font-weight: 500;
height: 70px;
transition: 0.35s background;
background: #272727;
display: flex;
align-items: center;
font-family: 'Poppins', sans-serif;
border-radius: 0px 0px 20px 0px;
opacity: 0.9;
white-space: nowrap;
}

.boxButton2 {
position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 5px;
    color: #fff;
    font-size: 14px;
    height: 72px;
    transition: 0.35s background;
    background: #454545;
    font-family: 'poppins', sans-serif;
    white-space: nowrap;
    width: 72px;
    text-align: center;
    box-shadow: #ffffff 0px 0px 0px 2px;
    text-shadow: -1px 1px 2px #454545;
}

.boxButton3 {
position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 5px;
    color: #fff;
    font-size: 14px;
    height: 85px;
    transition: 0.35s background;
    background: #454545;
    font-family: 'poppins', sans-serif;
    white-space: nowrap;
    width: 85px;
    text-align: center;
    box-shadow: #ffffff 0px 0px 0px 2px;
    text-shadow: -1px 1px 2px #454545;
}

.boxButton p {
font-size: 18px;
color: #454545;
}

.PromoBox .boxButton2 span {
display: block;
    line-height: 1.1em;
    font-size: 24px;
    font-weight: 700;
text-shadow: -1px 1px 2px #454545;
}

.PromoBox2 .boxButton2 span {
display: block;
    line-height: 1.0em;
    font-size: 26px;
    font-weight: 700;
text-shadow: -1px 1px 2px #454545;
}

.PromoBox .boxButton3 span {
display: block;
    line-height: 1.2em;
    font-size: 30px;
    font-weight: 700;
    text-shadow: -1px 1px 2px #454545;
}

.PromoBox2 .boxButton3 span {
display: block;
    line-height: 1.2em;
    font-size: 30px;
    font-weight: 700;
    text-shadow: -1px 1px 2px #454545;
}


.boxButton2 p {
font-size: 20px;
    line-height: 1.1em;
    font-weight: 700;
    margin: 0;
text-shadow: -1px 1px 2px #454545;
}

.boxButton3 p {
font-size: 20px;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0;
    text-shadow: -1px 1px 2px #454545;
}

.nFlex .nFlex .PromoBox {
height: calc(50% - 5px);
width: 100%;
}

.nFlex .nFlex .PromoBox2 {
height: calc(50% - 5px);
width: 100%;
}

.PromoGrid3 > div {
    width: calc(100%);
    height: 300px;
    border-radius: 15px;
}

.pb1 .pbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/AURA24.png);
}

.pb2 .pbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Q-ConnectPresentationDisplayBooka.png);
}

.pb3 .pbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/QConnectBatteriesa.png);
}

.pb5 .pbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/QConnectBooksa.png);
}

.pb6 .pbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/QConnectHighlightersa.png);
}

.pb7 .pbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/QConnectHolePunchesa.png);
}

.pb8 .pbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/QConnectLiquidPensa.png);
}

.pb9 .pbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/QConnectQuickNotea.png);
}

.pb10 .pbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/QConnectstoragea.png);
}

.pb11 .pbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/GREENWICH_1.png);
}

.pb13 .pbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/PukkaPlanet2.png);
}

.pb14 .pbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/XMASmain2Banner.png);
}



.container .PromoGrid3.nFlex {
padding-top: 20px;
}

.container .PromoGrid.nFlex, .container .PromoGrid2.nFlex, .container .PromoGrid3.nFlex {
margin-left: -15px;
margin-right: -15px;
}
/*Home Page Promo Boxs - end*/


/*scroll boxes (counter)*/
.scrollCount{
background:#fdfdfd;
padding:20px 30px;
flex-wrap:wrap;
align-items: stretch;
border-radius: 15px;
margin-top: 20px;
border: 1px solid #e6e6e6;
}
.scrollBox{
width:20%;
position:relative;
background:#fdfdfd;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
padding:5px;
}
.scrollBox:not(:last-of-type):after{
content:"";
position:absolute;
right:0;
height:100px;
width:2px;
background-color: #e4e4e4;
}
.ieOnly .scrollBox:not(:last-of-type):after{
top:-15px;
}
.scrollBox h3 {
font-size: clamp(20px, 1.5vw, 60px);
color:#454545;
text-align:center;
margin:0 0 20px;
font-weight:400;
font-family: 'Archivo Narrow', sans-serif;
}
.scrollBox p{
margin:0;
font-weight:700;
font-family:"Roboto", sans-serif;
text-align:center;
width:100%;
font-size: .85em;
}
@media only screen and (max-width:768px){
.scrollCount{
padding:20px;
}
.scrollBox{
width:100%;
}
.scrollBox:nth-of-type(odd):after{
display:none;
}
.scrollBox:nth-of-type(even):after{
display:none;
}
.scrollBox:before{
content: "";
background-color: rgba(181,181,181,0.3);
position: absolute;
bottom: 0;
width: 100%;
height: 2px;
}
}
/**/

/*County Office Office Supplies Intro Links IMGs*/
.COSServiceslinks .nFlex {
align-items: stretch;
flex-wrap: wrap;
}

.COSSectorLinkBox:hover {
background: #f3f3f3;
}

.COSSectorLinkBox {
margin: 12px 0;
width: 24%;
position: relative;
background: #fff;
transition: 0.35s background;
overflow: hidden;
border-radius: 0px;
border: 1px solid #b3b3b3!important;
padding: 10px;
}

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

.COSSectorLinkBox.cslb1 .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/cos-Office-Supplies-Main.png);
}

.COSSectorLinkBox.cslb2 .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/cos-Safety-PPE.png);
}

.COSSectorLinkBox.cslb3 .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COSEDUCATIONAL2.png);
}

.COSSectorLinkBox.cslb4 .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/cos-Facilities-Main.png);
}

.COSSectorLinkBox.cslb1f .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/OfficeDesks_1.png);
}

.COSSectorLinkBox.cslb2f .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/SitStandDesks.png);
}

.COSSectorLinkBox.cslb3f .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/BoardroomTables.png);
}

.COSSectorLinkBox.cslb4f .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/MeetingTables.png);
}

.COSSectorLinkBox.cslb1fa .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/officeChairs.png);
}

.COSSectorLinkBox.cslb2fa .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/receptionchairs.png);
}

.COSSectorLinkBox.cslb3fa .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Storage.png);
}

.COSSectorLinkBox.cslb4fa .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/screens.png);
}

.COSSectorLinkBox.cslb1w .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Hi-VisClothing.png);
}

.COSSectorLinkBox.cslb2w .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/jackets.png);
}

.COSSectorLinkBox.cslb3w .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/polo.png);
}

.COSSectorLinkBox.cslb4w .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/trousers.png);
}

.COSSectorLinkBox.cslb1wa .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/waistcoat.png);
}

.COSSectorLinkBox.cslb2wa .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/shoes.png);
}

.COSSectorLinkBox.cslb3wa .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/gloves_1.png);
}

.COSSectorLinkBox.cslb4wa .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/rainwear.png);
}

.COSSectorLinkBox.cslb1wi .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/ContainerTrucks.png);
}

.COSSectorLinkBox.cslb2wi .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/CrateTrolley.png);
}

.COSSectorLinkBox.cslb3wi .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/DolliesSkates.png);
}

.COSSectorLinkBox.cslb4wi .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/LiftingTables.png);
}

.COSSectorLinkBox.cslb1wia .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/PalletTrucks.png);
}

.COSSectorLinkBox.cslb2wia .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/PickingTrolleys.png);
}

.COSSectorLinkBox.cslb3wia .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/PlatformTrucks.png);
}

.COSSectorLinkBox.cslb4wia .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/RollCages.png);
}

.COSSectorLinkBox.cslb1wib .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/SackTrucks.png);
}

.COSSectorLinkBox.cslb2wib .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/SmokingShelters.png);
}

.COSSectorLinkBox.cslb3wib .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/StepsLadders.png);
}

.COSSectorLinkBox.cslb4wib .cslbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/WheelieBins.png);
}

.cslbText h3 {
line-height: 1.5;
margin-bottom: 0;
margin-top: 8px;
font-size: 1.125em;
text-align: center;
font-weight: 400;
}


/*County Office Office Supplies Intro Links IMGs - end*/

/*County Office Introduction Contact Form*/

.radioleft {
width: 100%;
}

.radiomiddle {
width: 100%;
}

.radioright {
width: 100%;
}
.cossector-form label {
font-weight: 700;
}

.cossectorbottom span {
font-size: 14px;
margin-left: 10px;
}

.COSOSPH h1 {
text-transform: uppercase;
background: url(https://eu.evocdn.io/dealer/1022/content/media/coslogobanners.png)no-repeat left;
padding: 20px 0 20px 60px;
background-size: 40px 40px;
font-size: 2.2em;
}

.cslTitle h1 {
padding: 15px 0 15px 0px;
display: flex;
justify-content: center;
background: #f5f5f5;
border-bottom: 2px solid #e6e6e6;
border-top: 2px solid #e6e6e6;
margin: 15px 0 20px;
}
.cossectorsubmit .btn {
background: #3dbbbb;
}

.cossectorsubmit .btn:hover {
background: #2f3849;
}

.cossector-form {
display: flex;
justify-content: space-between;
gap: 20px;
}

.cossectorsubmit {
padding: 0px 0px 20px 0px;
}

.cossectorradio {
justify-content: flex-start;
align-items: flex-start;
display: flex;
gap: 20px;
}

@media only screen and (max-width:768px){
.cossectorradio {
display: block;
} }

.cossectorradio .radio+.radio {
margin: 5px;
}
.cossectorradio .radio {
white-space: nowrap;
margin: 5px;
}

.cossectorleft, .cossectorright {
width: 100%;
}

div#contactform_196450, div#contactform_196624, div#contactform_196629, div#contactform_196639, div#contactform_196634, div#contactform_196649, div#contactform_196644 {
padding: 20px 35px;
margin-top: 33px;
border: 1px solid #e6e6e6;
border-radius: 15px;
background: url(https://eu.evocdn.io/dealer/1022/content/media/cosformbg.png)no-repeat center;
background-size: cover;
width: 49%;
}

.coscontactform h3 {
text-align: center;
font-size: 30px;
margin-bottom: 20px;
margin-top: 0px;
text-transform: uppercase;
text-decoration: underline;
}

.cossectorsubmit p {
font-size: 0.78em;
}

.cspbText:hover {
background: #454545;
color: #ffffff;
}

.cspbText:hover h3 {
color: #ffffff;
}

.COSSectorPageBox:hover {
background: #454545;
}

/*County Office Introduction Contact Form - end*/

/*County Office Supplies Intro Pages*/
.COSServicesPage .nFlex {
align-items: stretch;
flex-wrap: wrap;
}

section.COSServicesPage {
margin-top: 20px;
}

.COSSectorPageBox {
margin: 12px 0;
width: 48%;
position: relative;
background: #f7f7f9;
transition: 0.35s background;
overflow: hidden;
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.cspbText {
padding: 15px;
transition: 0.35s background;
background: #f7f7f9;
position: relative;
min-height: 225px;
}

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

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

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

.COSSectorPageBox.cspb1 .cspbImg, .COSAAFSectorPageBox.cspb1 .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/ExpertSupport1.png);
}

.COSSectorPageBox.cspb2 .cspbImg, .COSAAFSectorPageBox.cspb2 .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/TrackRecord.png);
}

.COSSectorPageBox.cspb3 .cspbImg, .COSAAFSectorPageBox.cspb3 .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/ProductSourcing.png);
}

.COSSectorPageBox.cspb4 .cspbImg, .COSAAFSectorPageBox.cspb4 .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/ExceptionalService.png);
}

.COSSectorPageBox.cspb5 .cspbImg, .COSAAFSectorPageBox.cspb5 .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/CustomerServiceTeam.png);
}

.COSSectorPageBox.cspb6 .cspbImg, .COSAAFSectorPageBox.cspb6 .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/SoMuchMoreThan.png);
}

.COSSectorPageBox.cspb7 .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/FreeDelivery.png);
}

.COSSectorPageBox.cspb8 .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/installationService.png);
}

.COSSectorPageBox.cspb9 .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/DesignDrawings.png);
}

.COSSectorPageBox.cspb10 .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/InstantCredit.png);
}

.COSSectorPageBox.cspb11 .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/ProjectQuotes.png);
}

.COSSectorPageBox.cspb12 .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Manufacturers.png);
}

.COSSectorPageBox.cspb1w .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Information.png);
}

.COSSectorPageBox.cspb2w .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Manufacturers.png);
}

.COSSectorPageBox.cspb3w .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Embroidery.png);
}

.COSSectorPageBox.cspb4w .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/HeatSealPrinting.png);
}

.COSSectorPageBox.cspb5w .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Turnaround.png);
}

.COSSectorPageBox.cspb6w .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Knowledgeable.png);
}

.COSSectorPageBox.cspb1p .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/ArtworkDesign.png);
}

.COSSectorPageBox.cspb2p .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/PointofSale.png);
}

.COSSectorPageBox.cspb3p .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/CorporateStationery.png);
}

.COSSectorPageBox.cspb4p .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/DisplayGraphics.png);
}

.COSSectorPageBox.cspb5p .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/BrochuresCatalogues.png);
}

.COSSectorPageBox.cspb6p .cspbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/PackagingBoxes.png);
}

/*County Office Supplies Intro Pages -end*/

/*County Home Page Sector Banners*/
.COSServices {
background: #f1f1f1;
padding: 30px 0;
}

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

.csTitle .lineHeader  {
text-transform: uppercase;
color: #222222;
margin: 20px 0 20px;
font-weight: 700;
}

.csTitle p {
margin: 0;
padding: 0px 30px;
font-size: 16px;
}

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

.COSSectorBox {
margin: 12px 0;
width: 32%;
position: relative;
background: #fff;
transition: 0.35s background;
overflow: hidden;
border-radius: 15px;
}

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

.COSSectorBox:nth-child(n+5) {
width: 48%;
}

.COSSectorBox:nth-child(n+6) {
width: 24%;
}

.COSSectorBox p span {
display: inline-block;
margin-left: 10px;
font-size: 14px;
}

.COSSectorBox.csb1 .csbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/cb-OfficeSupplies.png);
}

.COSSectorBox.csb2 .csbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/cb-OfficeFurniture.png);
}

.COSSectorBox.csb3 .csbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/cb-Workwear.png);
}

.COSSectorBox.csb4 .csbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/cb-Print.png);
}

.COSSectorBox.csb5 .csbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/socialspaces3.png);
}

.COSSectorBox.csb6 .csbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/cb-Warehouse.png);
}

.COSSectorBox:hover .csbImg {
transform: scale(1.2);
filter: brightness(0.7);
}

.COSSectorBox:hover, .COSSectorBox:hover .csbText {
background: #454545;
}

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

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

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

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

.COSSectorBox:hover h3,
.COSSectorBox:focus:not(:active) h3,
.COSSectorBox:hover p,
.COSSectorBox:focus:not(:active) p {
color:#ffffff;
}

.csbText p:last-child {
margin: 0;
font-size: 16px;
color: #4797ce;
}

/*County Home Page Sector Banners - End */

div#contactform_195918 {
background: #f3f3f3;
padding: 30px;
margin-left: 2%;
width: 96%;
margin-right: 2%;
}

.nav>li>a:focus, .nav>li>a:hover {
background-color: transparent;
color: #3dbbbb;
}

.workwearquote:before {
content: "\f0da";
color: #222222;
font: normal normal normal 18px/1 FontAwesome;
}

@media (min-width: 992px){
.modal-lg {
width: 800px;
} }


#workwearmodal label {
font-weight: 700;
}

#bulkbuymodal label {
font-weight: 700;
}


.contact-form .form-group1 {
margin-bottom: 12px;
}


.workwearquote:after {
content: "\f0d9";
color: #222222;
font: normal normal normal 18px/1 FontAwesome;
}

.workwearquote:hover {
color: #222222;
background: #3dbbbb;
}

.workwearquote {
background: #e6e6e6;
width: 100%;
    margin-bottom: 10px;
    height: 60px;
    font-weight: 900;
    font-size: 18px;
    transition: all .35s ease;
    border-left: 1px solid #e6e6e6!important;
    border-right: 1px solid #e6e6e6!important;
    border-bottom: 1px solid #e6e6e6!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px 15px 20px;
margin-top: 5px;
}


/*Workwear Quote modal*/
#workwearmodal .modal-body, #workwearmodal .modal-content {
height: 100%;
display: flex;
}

#workwearmodal workwearmodal-form .form-group label span {
color: red;
}

#workwearmodal .workwearmodal-form .form-group input {
height: 30px;
}

#workwearmodal .btn-default {
background: #9ce6ff;
}

#workwearmodal .btn-default:hover {
background: #3dbbbb;
}


.workwearmodalleft-bottom {
display: flex;
justify-content: space-between;
align-items: center;
}

.workwearmodal-form {
display: flex;
justify-content: space-between;
gap: 20px;
}

.workwearmodalleft, .workwearmodalright {
width: 100%;
}

#workwearmodal .workwearmodalright h2 {
font-size: 30px;
padding: 15px 0px;
}

#workwearmodal .workwearmodaltext {
padding: 0px 0px 20px 0px;
}

#workwearmodal .modal-content p {
margin: 0;
font-size: 14px;
}

#workwearmodal .modal-header {
min-height: 0;
}

#workwearmodal .modal-dialog {
width: 1000px;
}

#workwearmodal .workwearmodalleft {
width: 45%;
padding: 0;
margin: 0;
}

#workwearmodal .workwearmodalright {
width: 55%;
margin-bottom: auto;
}

#workwearmodal .modal-header, #workwearmodal .modal-body, #workwearmodal .modal-content, #workwearmodal .modal-footer, #workwearmodal .row {
padding: 0;
margin: 0;
}

#workwearmodal .modal-body {
align-items: stretch;
}

#workwearmodal .workwearmodal img {
width: 100%;
height: 100%;
object-fit: cover;
}

@media only screen and (max-width:1200px){
#workwearmodal .modal-dialog{
  width:100%;
}
}

@media only screen and (max-width:768px){
#workwearmodal .modal-dialog{
  height:unset;
  margin:0;
}
#workwearmodal .workwearmodalright,
#workwearmodal .workwearmodalleft{
  width:100%;
} }

@media only screen and (max-width: 768px){
.workwearmodal-form{
flex-direction: column;
} }
@media only screen and (max-width: 768px){
.workwearmodalleft-bottom{
flex-direction: column;
} }
@media only screen and (max-width: 768px){
#workwearmodal .workwearmodalright, #workwearmodal .workwearmodalleft {
display: flex;
flex-direction: column;
background: #ffffff;
} }

@media only screen and (max-width: 768px){
#workwearmodal .modal-body, #workwearmodal .modal-content {
height: 100%;
display: flex;
flex-direction: column;
} }

@media only screen and (max-width: 768px) {
#workwearmodal .workwearmodalleft {
height: 200px;
justify-content: center;
} }


.quicklistsedit .brand-label img {
display: none;
}

.quicklistsedit .group-filters {
background: #ffffff;
border-radius: 0px;
border: 1px solid #e3e3e3;
margin-top: 10px;
}
.indicators-grid {
display: none;
}

.fa-stack-2x {
font-size: 20px;
}

.fa-ban:before {
color: #454545!Important;
padding: 5px 5px;
font: normal normal normal 20px/1 FontAwesome;
}

.gbp.fa-money-non-taxable:before {
color: transparent;
background-repeat: no-repeat;
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COSNoVAT4.svg);
font: normal normal normal 20px/1 FontAwesome;
}

.quicklistsedit .list-attribute.product-rewards-badge .badge-rewards-wrapper .badge-rewards {
background: #ffffff!Important;
}

.myaccount .switch label:before {
background-color: var(--evo-border-color, #ffffff) !important;
}
  
.myaccount .switch label:after {
background-color: #333333 ! Important;
}

.myaccount .switch .cmn-toggle:checked+label:before {
background-color: #ffffff !important;
}

.myaccount .switch .cmn-toggle:checked+label:after {
background-color: #3dbbbb !important;
} 
  
.quicklistsedit .gridtools {
padding-top: 10px;
padding-bottom: 10px;
}

.quicklistsedit .product-select-action .fa-stack {
right: 0;
}

.quicklistsedit .listtools {
border: 0px;
}

.quicklistsedit .list-attribute .badge-rewards-wrapper .badge-rewards {
justify-content: flex-start!Important;
}

.group-filters .quicklist-group-title  {
padding-top: 0px;
}

.quicklistsedit .listtools {
padding: 10px 10px;
margin: 0px;
}

.gridtools .items-selected .btn-group button {
border: 1px solid #c6c6c6;
}

#htmlcontent_192620 .floating-more-button {
display: none;
}

.grid-title .cdash-icon i {
padding: 10px 8px;
}

.dashboard-sortable .grid-body div .fa-truck:before {
font-size: inherit;
}

#htmlcontent_192620 .floating-more-button .btn-sm {
height: 48px;
font-size: 16px;
background: #e6e6e6;
font-weight: 900;
padding: 6px 15px;
border: 1px solid #e6e6e6;
}

#htmlcontent_192620 .filter-more-group .btn-filter-more .btn-icon i {
margin-right: 0px;
}

#htmlcontent_192620 .floating-more-button .btn-sm:hover {
background: #c9c9c9;
color: #454545;
}

#htmlcontent_192620 .filter-more-group .btn-filter-more .btn-icon i:before {
content: "\f1de";
font: normal normal normal 16px/1 FontAwesome;
margin-left: 10px;
}
  


.ex-loggedout #filterswrapperhorizontal .row-filter-toggles .filtername-instock  {
margin-left: 0;
}

/* Begin change the search placeholder text */

.searchlist_hd::placeholder {
opacity: 0;
}
.searchlist_hd.placeholdertext::placeholder {
opacity: 1;
}

/* end */

.footLinksa li {
display: inline-block;
font-size: 12px;
text-transform: capitalize;
}

.footLinksa li a:hover {
color: #3dbbbb;
}

.headersection-8 {
background: #000000;
display: none;
}


.text-cwhite1 {
white-space: nowrap;
border: 2px solid #454545;
font-weight: 600;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
background-size: 400%;
animation: move 5s ease infinite;
background-image: linear-gradient(68.7deg, rgba(29, 173, 235, 1) 13.2%, rgba(137, 149, 250, 1) 29.8%, rgba(229, 109, 212, 1) 48.9%, rgba(255, 68, 128, 1) 68.2%, rgba(255, 94, 0, 1) 86.4%);
}


.headersection-8 .btn-outlined-invert {
color: #ffffff;
}

.headersection-8 .btn-outlined-invert:hover {
color: #3dbbbb;
}

.filters-container {
padding-bottom: 50px;
}

 
.catalog-grid .catalog-name {
padding: 15px 0 15px 0px;
display: flex;
justify-content: center;
font-size: 2.2em;
background: #e6f7f7;
color: #007777;
border-radius: 10px;
margin: 0px 5px 15px 5px;
border: 1px solid #c0ecdf;
}

@media (max-width: 768px) {
.catalog-grid .catalog-name  {
font-size: 1.5em;
padding: 10px 0 10px 0px;
} }

#filterswrapperhorizontal .filter-more-group .btn-filter-more .btn-icon i:before, .skeleton-filters-horizontal .filter-more-group .btn-filter-more .btn-icon i:before {
content: "\f1de";
font: normal normal normal 16px/1 FontAwesome;
}

.skeleton-filters-horizontal .ph-col-12 {
padding: 10px 0px;
}

.skeleton-filters-horizontal .ph-row-buttons {
display: flex;
height: 50px;
}

#filterswrapperhorizontal .btn-group .btn-filter, .skeleton-filters-horizontal .btn-group .btn-filter {
min-height: 40px;
transition: background 0.35s;
position: relative;
z-index: 6;
min-width: 175px;
width: 100%;
}

#filterswrapperhorizontal .filter-more-group .btn-filter-more, .skeleton-filters-horizontal .filter-more-group .btn-filter-more {
min-height: 40px;
transition: background 0.35s;
position: relative;
z-index: 6;
border-radius: 10px;
}

#filterswrapperhorizontal .btn-group .btn-filter, #filterswrapperhorizontal .btn-group .remove-filter, .skeleton-filters-horizontal .btn-group .btn-filter, .skeleton-filters-horizontal .btn-group .remove-filter {
border-radius: 10px;
}

#filterswrapperhorizontal .btn-group .small, small {
color: #454545!Important;
}

#filterswrapperhorizontal .filter-selected-group .remove-filter:hover {
color: red;
}

#filtersModal .modal-dialog .shop-filters .filter-section-header h3 {
font-size: 1.1em;
}

#filtersModal .modal-dialog .shop-filters .filter-section-header {
margin-bottom: 10px;
 margin-top: 10px;
}

#filterswrapperhorizontal .filter-more-group .btn-filter-more:hover {
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

#filterswrapperhorizontal .btn-group .btn-filter:hover {
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

input.cmn-toggle-round-flat+label {
background-color: #ffffff;
}

.shop-filters .filter-section.filtername-incontract input:checked+label::before, .shop-filters .filter-section.filtername-instock input:checked+label::before {
background-color: #ffffff;
}

input.cmn-toggle-round-flat:checked + label:after {
background-color: #3dbbbb;
}

#filtersModal .filters-modal, #filtersModal .filterswrapper {
padding-bottom: 25px;
}


#filterswrapperhorizontal .row-filter-toggles .filtername-incontract .filter-static, #filterswrapperhorizontal .row-filter-toggles .filtername-instock .filter-static {
margin-top: 7px;
}

#filterswrapperhorizontal .row-filter-toggles .vertical-line {
border-left: 2px solid #3dbbbb;
}

#filtersModal .modal-dialog .shop-filters {
padding: 0;
}

#filterswrapperhorizontal .fa-square-o {
display: block;
width: 20px;
height: 20px;
border: 1px solid #ccc;
border-radius: 3px;
position: relative;
order: 2;
margin: 0 0 0 auto;
}

#filterswrapperhorizontal .filter-more-group .btn-filter-more {
width: 100%;
}
#filterswrapperhorizontal .col-xs-12 {
display: flex;
gap: 5px;
}


#filterswrapperhorizontal .btn-group .btn-filter:hover {
background: #3dbbbb;
color: white;
}

#filterswrapperhorizontal .filter-more-group .btn-filter-more:hover {
background: #454545;
}

#filterswrapperhorizontal .btn-sm {
font-size: 14px;
}

#filtersModal .modal-dialog .shop-filters .filter-title {
background: none;
padding: 25px 30px;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 2px 2px 10px 0 #ccc;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin-left: 0px;
}

#filtersModal .modal-dialog .shop-filters .filter-section-header .showhide-indicator i {
color: #3dbbbb;
font-size: 1em;
}


#filterswrapperhorizontal .filter-selected-row .filter-selected-group .sm-links {
display: flex;
align-items: center;
min-width: 10px;
border: 0px solid #e6e6e6;
padding: 5px 10px;
align-content: center;
margin-top: 4px;
border-radius: 0px;
text-decoration-line: underline;
}

@media only screen and (max-width: 1055px) {
#filterswrapperhorizontal .filter-selected-row {
margin-bottom: 5px;
display: grid;
justify-content: flex-start;
} }

#filterswrapperhorizontal .filter-selected-row .filter-selected-group .sm-links:hover {
color: #000000;
}
.ms-thumb-frame {
width: 75px !important;
height: 75px !important;
background: white;
padding: 5px;
}

.catalog-single .product-shopping-actions .buttons.group .qnt-count .inputquantity {
margin: 0;
height: 40px;
width: 40px;
font-size: 1.0em;
border: 1px solid #e5e5e5;
z-index: 1;
}

.catalog-single .product-shopping-actions .buttons.group .qnt-count .incr-btn:first-child {
border-radius: 3px 0 0 3px;
}

.catalog-single .product-shopping-actions .buttons.group .qnt-count .incr-btn {
background-color: #e6e6e6;
color: #454545;
height: 40px;
line-height: 40px;
font-size: .95em;
transition: all .35s;
width: 30px;
}

.catalog-single .product-shopping-actions .buttons.group .qnt-count .incr-btn:hover, .catalog-single .product-shopping-actions .buttons.group .qnt-count .incr-btn:focus {
background-color: #3dbbbb;
color: #fff;
}
  

.ex-product button.quoteme-button.btn.btn-outlined.btn-sm.btn-add-to-cart {
min-height: 25px;
padding-bottom: 5px;
background: #3dbbbb;
border: 0;
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
font-family: "Montserrat", sans-serif !important;
margin-top: 5px;
width: 80%;
color: #ffffff;
}

.ex-product button.quoteme-button.btn.btn-outlined.btn-sm.btn-add-to-cart:hover {
    background: #878787;
    color: white;
}

#quote-product-list-modal .qnt-count button, #sales-quote-list-modal .qnt-count button {
background-color: #9ce6ff;
color: #454545;
}

#quote-product-list-modal .qnt-count button:not([disabled]):focus-visible, #quote-product-list-modal .qnt-count button:not([disabled]):hover, #sales-quote-list-modal .qnt-count button:not([disabled]):focus-visible, #sales-quote-list-modal .qnt-count button:not([disabled]):hover {
background-color: #3dbbbb;
}


#quote-product-list-modal .qnt-count button:hover, #sales-quote-list-modal .qnt-count button:hover {
background-color: #3dbbbb;
}

.col-md-12.product-shopping-actions-addtocart {
padding: 0;
margin-bottom: 2px;
}

.ex-product button#addItemToCart {
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
width: 80%;
}

.catalog-single .prod-gal button.product-lightbox-open:before {
content: "Product Galley";
}

.catalog-single .prod-gal button.product-lightbox-open:hover:before {
right: calc(100% + 10px);
    width: 110px;
    opacity: 1;
}

.catalog-single .prod-gal button.product-lightbox-open:before{
position: absolute;
    top: 5px;
    right: 0;
    width: 0;
    padding: 5px;
    background: #454545;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    opacity: 0;
}

.catalog-single .product-points ul li:before {
content: "";
background: #049acf;
width: 8px;
height: 8px;
margin-right: 10px;
display: inline-block;
flex-shrink: 0;
border-radius: 50%;
}

.catalog-single .product-points ul li {
max-width: 95%;
font-size: 0.95em;
}

.catalog-single .product-points .product-points-show-more{
color:#333333;
}

.catalog-single .product-points .product-points-show-more:hover {
color: #4797ce;
}

.carousel-191434 .tile {
margin: 5px 4px!Important;
}

.carousel-191434 .label-danger {
position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    font-size: 14px;
    border-radius: 0px 10px 0px 30px;
    font-weight: 700;
    text-transform: none;
    color: #ffffff;
    height: 50px;
    padding: 10px 0px 0px 5px;
    width: 50px;
background: #3dbbbb;
}

.option-group i.fa.fa-info-circle.has-tooltip {
display: none;
}

body.ex-product .product-options {
padding: 0px;
margin: 0;
text-align: left;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 12px;
  row-gap: 0px;
}

.product-options .option-group[data-name="Colour:"] {
  grid-column: 1 / -1;
}

.product-options .option-group[data-type="6"] {
  grid-column: 1 / -1;
  width: 100%;
  display: block;
}

body.ex-product .product-options .option-group label {
display: inline-flex;
}

body.ex-product .product-options .option-group select {
width: 100%;
border-radius: 3px;
padding: 0.25rem;
font-size: 12px;
margin: 0px 0px 0px 0;
border-color: #878787;
background: #ffffff;
}

body.ex-product .product-options .option-group {
width: 100%;
align-items: baseline;
}

body.ex-product .product-options .option-group label {
width: 100%;
font-size: 12px;
}

.product-shopping-actions-prices .product-price-rrp {
font-size: 12px!Important;
text-align: left;
display: flex;
justify-content: center;
align-items: center;
}

.product-shopping-actions-prices .product-price-rrp .rrp {
display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.ex-loggedout .catalog-single .softgraybackground.product-shopping-actions .product-shopping-actions-addtoquicklist a {
display: none; 
}

.TitleLinks {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 5px;
margin-bottom: 10px;
}


.productsummary_container span.icons-together i.bigger.fa.fa-file-pdf-o {
color: #282d46;
}

@media (max-width: 450px) {
.col-sm-12 .productsummary_container {
padding: 0px;
} }

.excludeproducts {
font-size: 14px;
}

#productshapshot table.items-list {
border: 0;
}

.marquee {
    width: 1420px; /* Width of marquee "window" must match the width of p elements*/
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee > div {
  display: table-row;
  white-space: nowrap;
  padding-left: 100%; 
  animation: marquee 15s linear infinite; /* Time must be adjusted based on total width of scrolled elements*/
}

.marquee > div p {
  width: 1420px; /* Width of p elements must match the width of marquee "window"*/
  padding-left: 1420px; /* Padding determines space between scrolled elements */
  display: table-cell; 
color: #333333;
padding-top: 5px;
}

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

.pulse.fa.fa-question-circle {
border-radius: 50%;
padding: 2px 3px;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0);
  }
}


.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 5px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}


/*MTO Modal*/
#modalmto .modal-body, #modalmto .modal-content {
height: 100%;
display: flex;
}

.mpiButtons .col-sm-6 .btn {
font-size: 14px;
padding: 8px 10px;
}

.mpiButtons .btn-outlined.btn-default:hover {
background: #3dbbbb;
}

.mpiButtons .btn-outlined.btn-default {
background: #ade3fe;
font-weight: 700;
}

#modalmto .modalmtoright h2 {
font-size: 30px;
padding: 15px 0px;
}

#modalmto .modal-content p {
margin: 0;
font-size: 14px;
}

#modalmto .modal-header {
min-height: 0;
}

#modalmto .modal-dialog {
width: 600px;
}

#modalmto .modalmtoleft {
width: 45%;
padding: 0;
margin: 0;
}

#modalmto .modalmtoright {
width: 55%;
margin-bottom: auto;
padding: 10px 20px;
}

#modalmto .modal-header, #modalmto .modal-body, #modalmto .modal-content, #modalmto .modal-footer, #modalmto .row {
padding: 0;
margin: 0;
}

#modalmto .modal-body {
align-items: stretch;
}

#modalmto .modalmto img {
width: 100%;
height: 100%;
object-fit: cover;
}

.mpiButtons .col-sm-6 {
font-size: 14px;
padding: 5px 20px;
text-align: center;
padding-left: 40px;
}

@media only screen and (max-width:768px){
.mpiButtons .col-sm-6 {
padding-left: 0px;
} }

@media only screen and (max-width:1200px){
#modalmto .modal-dialog{
  width:100%;
}
}

@media only screen and (max-width:768px){
#modalmto .modal-dialog{
  height:unset;
  margin:0;
}
#modalmto .modalmtoright,
#modalmto .modalmtoleft{
  width:100%;
}

}

@media only screen and (max-width: 768px){
#modalmto .modalmtoright, #modalmto .modalmtoleft {
display: flex;
flex-direction: column;
background: #ffffff;
} }

@media only screen and (max-width: 768px) {
#modalmto .modalmtoleft {
height: 200px;
justify-content: center;
} }

/*MTO Modal - end*/

/*Rewards Modal */
#modalRewards .rewardsLogin p, #rewardsModal .rewardsLogin p {
color: #555555;
margin: 0 0 15px;
font-size: 16px;
text-align: center;
}

#modalRewards .rewardsLogin p strong, #rewardsModal .rewardsLogin p strong {
font-weight: 600;
}

#modalRewards .rewardsLogin a, #rewardsModal .rewardsLogin a {
background: #474747;
color: #fff;
padding: 8px 25px;
margin: 10px;
font-size: 16px;
font-weight: 600;
display: inline-block;
transition: background .45s;
min-width: 145px;
text-align: center;
border-radius: 5px;
}

#modalRewards .rewardsLogin a:hover, #rewardsModal .rewardsLogin a:hover {
background: #3dbbbb;
color: #fff;
text-decoration: none;
}

modalRewards .rewardsLogin p, #rewardsModal .rewardsLogin p {
color: #555555;
margin: 0 0 30px;
font-size: 18px;
text-align: center;
}

#modalRewards .rewardsright .rewardstext {
background: url(https://eu.evocdn.io/dealer/1022/content/media/cossmalllogo.png) no-repeat left center;
padding-left: 60px;
margin-bottom: 15px;
text-align: left;
}

#modalRewards .modal-body, #modalRewards .modal-content {
height: 100%;
display: flex;
}

#modalRewards .rewardsright h2 {
font-size: 30px;
padding-bottom: 10px;
padding-top: 10px;
}

#modalRewards .modal-content p {
font-size: 16px;
}

#modalRewards .modal-header {
min-height: 0;
}

#modalRewards .modal-dialog {
width: 1000px;
}

#modalRewards .rewardsleft {
width: 45%;
padding: 0;
margin: 0;
}

#modalRewards .rewardsright {
width: 55%;
margin-bottom: auto;
padding: 20px 30px;
}

#modalRewards .modal-header, #modalRewards .modal-body, #modalRewards .modal-content, #modalRewards .modal-footer, #modalRewards .row {
padding: 0;
margin: 0;
background: #ffffff;
}

#modalRewards .modal-body {
align-items: stretch;
}

#modalRewards .rewardsleft img {
width: 100%;
height: 100%;
object-fit: cover;
}

@media only screen and (max-width:1200px){
#modalRewards .modal-dialog{
  width:100%;
}
}

@media only screen and (max-width:768px){
#modalRewards .modal-dialog{
  height:unset;
  margin:0;
}
#modalRewards .rewardsright,
#modalRewards .rewardleft{
  width:100%;
}

}

@media only screen and (max-width: 768px){
#modalRewards .rewardsright, #modalRewards .rewardsleft {
display: flex;
flex-direction: column;
background: #ffffff;
} }

@media only screen and (max-width: 768px) {
#modalRewards .rewardsleft {
width: auto;
justify-content: center;
height: 150px;
} }

@media only screen and (max-width: 768px) {
#modalRewards .rewardsright h2  {
font-size: 20px;  
}
#modalRewards .modal-content p {
font-size: 14px;
}
#modalRewards .rewardsright .rewardstext {
margin-bottom: 5px;
}
}


.rewards-tab .fa-star {
display: none;
}

.rewards-tab .points_balance:after  {
content: url(https://eu.evocdn.io/dealer/1022/content/media/CosRewardsRT12.png)!Important;
display: block;
margin-top: 5px;  
}

.rewards-tab{
text-transform: capitalize;
}

.rewards-tab .pointer .points_balance .message:before{
content: "Reward";
margin-left: 5px;
}

.rewards-tab .points_balance {
display: block;
color: #333333;
font-weight: 700;
font-size: 18px;
}

.rewards-tab {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
bottom: -85px;
box-shadow: 0 0 4px #aaa;
padding: 8px 10px 8px;
position: fixed;
left: 1%;
z-index: 19;
height: 110px;
width: 190px;
text-align: center;
line-height: 1em;
background: #a7e1fd;
}

.rewards-tab:hover  {
bottom: 0px;
transition: all 0.5s;
}

@media only screen and (max-width: 768px) {
.rewards-tab {
left: 2px;
font-size: 12px;
} }


.rewards .reward-items-list .reward-item .product-card .product-image  {
height: 150px;
margin-bottom: 15px;
}

#modalRewards .modal-header h4 {
margin-bottom: 0px;
}
/*Rewards Modal end*/

/*Delivery Estimated Times Modal*/
#deliverytimes .modal-body, #deliverytimes .modal-content {
height: 100%;
display: flex;
}

#deliverytimes .deliverytimesright h2 {
font-size: 30px;
padding: 15px 0px;
}

#deliverytimes .deliverytimestext {
padding: 0px 0px 5px 0px;
}

#deliverytimes .xmas{
color: red;
}

#deliverytimes .modal-content p {
margin: 0;
font-size: 14px;
}

#deliverytimes .modal-header {
min-height: 0;
}

#deliverytimes .modal-dialog {
width: 800px;
}

#deliverytimes .deliverytimesleft {
width: 45%;
padding: 0;
margin: 0;
}

#deliverytimes .deliverytimesright {
width: 55%;
margin-bottom: auto;
padding: 20px 30px;
}

#deliverytimes .modal-header, #deliverytimes .modal-body, #deliverytimes .modal-content, #deliverytimes .modal-footer, #deliverytimes .row {
padding: 0;
margin: 0;
}

#deliverytimes .modal-body {
align-items: stretch;
}

#deliverytimes .deliverytimes img {
width: 100%;
height: 100%;
object-fit: cover;
}

@media only screen and (max-width:1200px){
#deliverytimes .modal-dialog{
  width:100%;
}
}

@media only screen and (max-width:768px){
#deliverytimes .modal-dialog{
  height:unset;
  margin:0;
}
#deliverytimes .deliverytimesright,
#deliverytimes .deliverytimesleft{
  width:100%;
}

}

@media only screen and (max-width: 768px){
#deliverytimes .deliverytimesright, #deliverytimes .deliverytimesleft {
display: flex;
flex-direction: column;
background: #ffffff;
} }

@media only screen and (max-width: 768px) {
#deliverytimes .deliverytimesleft {
height: 200px;
justify-content: center;
} }

/*Delivery Estimated Times Modal - end*/
/*XMAS Delivery Modal*/

#modalxmas .modal-body, #modalxmas .modal-content {
height: 100%;
display: flex;
}

#modalxmas .modalxmasright h2 {
font-size: 22px;
padding: 5px 0px;
}

#modalxmas .modal-content p {
margin: 0;
font-size: 12px;
}

#modalxmas .modal-header {
min-height: 0;
}

#modalxmas .modal-dialog {
width: 1000px;
}

#modalxmas .modalxmasleft {
width: 45%;
padding: 0;
margin: 0;
}

#modalxmas .modalxmasright {
width: 55%;
margin-bottom: auto;
padding: 0px 30px;
}

#modalxmas .modal-header, #modalxmas .modal-body, #modalxmas .modal-content, #modalxmasy .modal-footer, #modalxmas .row {
padding: 0;
margin: 0;
}

#modalxmas .modal-body {
align-items: stretch;
}

#modalxmas .modalxmas img {
width: 100%;
height: 100%;
object-fit: cover;
}

@media only screen and (max-width:1200px){
#modalxmas .modal-dialog{
  width:100%;
}
}

@media only screen and (max-width:768px){
#modalxmas .modal-dialog{
  height:unset;
  margin:0;
}
#modalxmas .modalxmasright,
#modalxmas .modalxmasleft{
  width:100%;
}

}

@media only screen and (max-width: 768px){
#modalxmas .modalxmasright, #modalxmas .modalxmasleft {
display: flex;
flex-direction: column;
background: #ffffff;
} }

@media only screen and (max-width: 768px) {
#modalxmas .modalxmasleft {
height: 200px;
justify-content: center;
} }

/*Xnas Delivery Modal -end */

/*Payment Modal*/

#modalpay .modal-body, #modalpay .modal-content {
height: 100%;
display: flex;
}

#modalpay .modalpayright h2 {
font-size: 30px;
padding: 15px 0px;
}

#modalpay .modal-content p {
margin: 0;
font-size: 13px;
}

#modalpay .modal-header {
min-height: 0;
}

#modalpay .modal-dialog {
width: 1000px;
}

#modalpay .modalpayleft {
width: 45%;
padding: 0;
margin: 0;
}

#modalpay .modalpayright {
width: 55%;
margin-bottom: auto;
padding: 20px 30px;
}

#modalpay .modal-header, #modalpay .modal-body, #modalpay .modal-content, #modalpay .modal-footer, #modalpay .row {
padding: 0;
margin: 0;
}

#modalpay .modal-body {
align-items: stretch;
}

#modalpay .modalpay img {
width: 100%;
height: 100%;
object-fit: cover;
}

@media only screen and (max-width:1200px){
#modalpay .modal-dialog{
  width:100%;
}
}

@media only screen and (max-width:768px){
#modalpay .modal-dialog{
  height:unset;
  margin:0;
}
#modalpay .modalpayright,
#modalpay .modalpayleft{
  width:100%;
}

}

@media only screen and (max-width: 768px){
#modalpay .modalpayright, #modalpay .modalpayleft {
display: flex;
flex-direction: column;
background: #ffffff;
} }

@media only screen and (max-width: 768px) {
#modalpay .modalpayleft {
height: 200px;
justify-content: center;
} }

/*Payment Modal -end */

/*Delivery Zone Modal*/

#modaldelzone .modal-body, #modaldelzone .modal-content {
height: 100%;
display: flex;
}

#modaldelzone td {
padding: 4px;
}

#modaldelzone .deliverytable {
font-size: 14px;
padding-top: 30px;
}


#modaldelzone .deliveryright h2 {
font-size: 30px;
padding: 15px 0px;
}

#modaldelzone .deliverytext {
padding: 0px 0px 20px 0px;
}

#modaldelzone .modal-content p {
margin: 0;
font-size: 14px;
}

#modaldelzone .modal-header {
min-height: 0;
}

#modaldelzone .modal-dialog {
width: 1000px;
}

#modaldelzone .deliveryleft {
width: 45%;
padding: 0;
margin: 0;
}

#modaldelzone .deliveryright {
width: 55%;
margin-bottom: auto;
padding: 20px 30px;
}

#modaldelzone .modal-header, #modaldelzone .modal-body, #modaldelzone .modal-content, #modaldelzone .modal-footer, #modaldelzone .row {
padding: 0;
margin: 0;
}

#modaldelzone .modal-body {
align-items: stretch;
}

#modaldelzone .deliveryleft img {
width: 100%;
height: 100%;
object-fit: cover;
}

@media only screen and (max-width:1200px){
#modaldelzone .modal-dialog{
  width:100%;
}
}

@media only screen and (max-width:768px){
#modaldelzone .modal-dialog{
  height:unset;
  margin:0;
}
#modaldelzone .deliveryright,
#modaldelzone .deliveryleft{
  width:100%;
}
#modaldelzone .deliverytable {
padding-top: 0px;
}

}

@media only screen and (max-width: 768px){
#modaldelzone .deliveryright, #modaldelzone .deliveryleft {
display: flex;
flex-direction: column;
} }


/*Delivery Zone Modal -end */

.list-attribute.product-rewards-badge  {
width: 100%;
}

.catalog-grid .label.save {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 1;
    font-size: 14px;
    border-radius: 0px 10px 0px 30px;
    font-weight: 700;
    text-transform: none;
    color: #ffffff;
    height: 50px;
    padding: 10px 0px 0px 5px;
    width: 50px;
    background: #3dbbbb;
}

.catalog-grid .label.save:before {
color: #ffffff;
font-size: 10px;
}

.delivery-info-wrapper .delivery-info p.delivery-infotext {
margin: 0;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
}

.ex-product .delivery-info-wrapper .delivery-info .fa-truck:before {
font-size: 20px;
color: #3dbbbb;
}

.ex-product .delivery-info {
display: flex;
justify-content: space-around;
align-items: center;
}

.extend_del_Bannersgrey {
padding: 10px;
border-style: solid;
border-color: #0000001a;
border-width: 1px;
border-radius: 10px;
}

/*login modal*/

.cosLoginModal a.help-link.pull-right {
display: none;
}

.LogBottomLink span {
font-weight: 700;
display: inline-block;
}

.LogBottomLink p {
font-size: 12px;
margin-top: 30px;
}

.cosLoginModal .modal-content {
padding: 0;
}

.cosLoginModal .help-link {
float: Left!important;
font-size: 12px;
}

.LogLeftModal .buttonArea a {
font-size: 10px;
}

.LogLeftModal .help-link.pull-left {
padding: 10px;
}

.LogLeftModal .help-link.pull-left {
padding: 5px 0px;
font-size: 10px;
margin-top: 0px;
}

body.has-myaccount-2 .modal#loginModal .modal-body .help-link {
margin-bottom: 15px;
font-size: 10px;
}

body.has-myaccount-2 .modal#loginModal .modal-body a.help-link.pull-left.login-link-reset {
font-size: 14px;
margin: 10px 10px 10px 0px;
}

.social-sign-in {
display: none;
}

.cButton {
display: inline-block;
text-transform: uppercase;
text-align: center;
color: #222222;
font-weight: 700;
padding: 8px 25px;
background: #9ce6ff;
border-radius: 5px;
transition: 0.35s;
border: 2px solid #9ce6ff;
cursor: pointer;
white-space: nowrap;
transition: .2s ease-in;
font-size: 20px;
}

.cButton:hover {
background-color: #3dbbbb;
border: 2px solid #3dbbbb;
color: #222222;
}


.cosLoginModal .modal-dialog{
width:1000px;
}
.cosLoginModal .modal-header,
.cosLoginModal .modal-body,
.cosLoginModal .modal-content,
.cosLoginModal .modal-footer{
padding:0;
}
.cosLoginModal .modal-header{
min-height:0;
}
.cosLoginModal .modal-header h3{
display:none;
}
.cosLoginModal .modal-header .close i:before{
color: #2f3849;
border: 2px solid;
border-radius: 50%;
padding: 3px 4px;
font: normal normal normal 16px / 1 FontAwesome;
}
.cosLoginModal .modal-body,
.cosLoginModal .modal-content{
height:100%;
display: flex;
flex-direction: row-reverse;
}

.cosLoginModal .modal-body{
  align-items:stretch;
}

.LogLeftModal{
width:65%;
margin-bottom:auto;
padding: 25px;
}
.LogLeftModal h4{
font-size:14px;
color:#181818;
text-transform:none;
margin:0;
}
.LogLeftModal > h4{
padding: 5px 0px 5px 60px;
text-align:left;
}
.LogLeftModal > h4 a{
text-transform: uppercase;
text-decoration: underline;
font-weight: 900;
color: #049af3;
}
.loginText{
padding: 5px 0px 5px 60px;
}
#usernamemodal .loginText{
padding:100px 60px 80px;
}
.loginText h2{
margin: 0 0 20px;
text-transform: uppercase;
font-size: 35px;
}
.loginText p{
margin: 0;
font-size:14px;
}
.LogLeftModal form{
padding: 5px 0px 5px 60px;
}
.LogLeftModal form label:not(.control){
display:none;
}

body.has-myaccount-2 .modal#loginModal .modal-header {
padding: 0px;
}
.LogLeftModal .form-group{
margin-bottom:10px;
}
.LogLeftModal input{
border:none;
border-bottom:2px solid #DDD;
padding:6px;
}
.LogLeftModal input:focus{
border:none;
border-bottom:2px solid #DDD;
box-shadow:none;
outline:none;
}
.LogLeftModal .control--checkbox .control__indicator{
border:1px solid #DDD;
}
#usernamemodal .buttonArea{
margin:40px 0 80px;
}
.buttonArea a{
margin:0;
font-size:18px;
color:#181818;
text-decoration:underline;
width:170px;
}
.buttonArea a:hover{
color:#3dbbbb;
}
.buttonArea button{
width:200px;
display: flex;
align-items: center;
justify-content: center;
}

.accountTrouble{
margin-top:60px;
}

#usernamemodal .username-form > .nFlex:not(.buttonArea){
padding: 30px 0;
border-top:2px solid #ddd;
}

.LogBottomLink h4{
font-weight: 400;
margin-bottom: 1px;
}

.LogRightModal{
width:35%;
}
.LogRightModal img{
width:100%;
height:100%;
object-fit:cover;
}

@media only screen and (max-width:1200px){
.cosLoginModal .modal-dialog{
  width:100%;
}
}

@media only screen and (max-width:768px){
.cosLoginModal .modal-dialog{
  height:unset;
  margin:0;
}
.accountTrouble {
  margin: 30px 0;
}
.loginText {
  padding-top:30px;
  padding-bottom:30px;
}
.LogLeftModal{
  padding-bottom:30px;
}
.LogLeftModal h4{
  font-size:14px !important;
}
.LogLeftModal,
.LogRightModal{
  width:100%;
}
.LogRightModal{
  height:200px;
}
.cosLoginModal .modal-body.nFlex{
  flex-direction:column-reverse;
}
}

@media only screen and (max-width:500px){
.loginText {
  padding: 30px;
}
.LogLeftModal form {
  padding: 0 30px;
}
.buttonArea.nFlex,
.nFlex.accountTrouble{
  flex-direction:column;
}
.buttonArea.nFlex > *,
.nFlex.accountTrouble > *{
  margin:5px 0;
}
.buttonArea a{
  width:unset;
}
}



.modrettitle {
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
}

div#modaldelret .modal-content {
PADDING: 30PX !important;
}

#modaldelret.row {
margin: 0px 0 20px;
}

#modaldelret .modal-dialog img {
border: 1px solid #878787;
}

#modaldelret h2 {
color: #222222;
padding: 10px 20px;
text-align: center;
border-top: 2px solid #878787;
border-bottom: 2px solid #878787; 
font-size: 1.5em;
}


.sweet-alert button {
background-color: #9ce6ff;
}


.sweet-alert button:hover {
background-color: #3dbbbb;
}

.catalog-single .MTO-confirm-wrapper h4 {
background: #744b8a;
color: #f3f3f3;
text-transform: uppercase;
font-size: 1em;
letter-spacing: 0;
text-align: center;
margin-bottom: 10px;
}

.catalog-single .MTO-confirm-wrapper p {
text-transform: initial;
font-size: 16px;
}

.catalog-single .MTO-confirm-wrapper {
left: unset;
top: -140px;
left: 15%;
right: 15%;
box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.catalog-single .MTO-confirm-wrapper h2 {
font-size: 12px;
color: #ff3333;
}

.catalog-grid .MTO-confirm-wrapper h4 {
background: #744b8a;
color: #f3f3f3;
text-transform: uppercase;
font-size: 1.1em;
letter-spacing: 0;
text-align: center;
margin-bottom: 10px;
}

.catalog-grid .MTO-confirm-wrapper {
left: unset;
top: 205px;
    width: 84%;
    left: 8%;
    right: 8%;
box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
z-index: 1000;
}

.catalog-grid .MTO-confirm-wrapper h2 {
font-size: 1em;
color: #ff3333;
}

.MTO-confirm-wrapper {
  position: absolute;
  top: -140px;
  background: #f5f5f5;
  z-index: 10;
  border-radius: 0px;
  text-align: center;
}


.MTO-confirm-wrapper h4 {
  background: #ededed;
  color: #000;
  font-size: 1em;
  padding: 10px;
  margin: 0;
}

.MTO-confirm-wrapper p {
white-space: pre-wrap;
padding: 0px 15px;
font-size: 16px;
}

@media screen and (max-width: 768px) {
.addtoquicklist-wrapper {
display:none;
} }

@media screen and (max-width: 768px) {
.product-compare-action{
display:none;
} }

.coslinks span {
    width: 2px;
    height: 13px;
    background: #3dbbbb;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.footSocial.fsPDP {
margin: 5px 0 0;
justify-content: center;
border: 1px solid #e6e6e6!important;
}

.footSocial img {
width: 30px;
height: 30px;
}

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

.footSoc .fsImg {
width: 30px;
height: 30px;
transition: 0.35s all;
margin-right: 10px;
}

.catalog-single .product-compare-action {
border-top: 0px;
margin-top: 0px;
}


p.coslinks {
margin: 0
}
  
.coslinks {
font-size: 0.7em;
padding: 5px 10px 0px 10px;
}


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

.catalog-grid .tile .product-compare-action.selected .fa-check, .catalog-single .product-compare-action.selected .fa-check {
background: url(https://eu.evocdn.io/dealer/1022/content/media/co-plp-tick.png)no-repeat center;
bottom: 0px;
left: -2px;
}

.catalog-grid .tile .product-compare-action.selected .fa-check:before, .catalog-single .product-compare-action.selected .fa-check:before {
    font-size: 0;
}

.catalog-grid .tile .product-compare-action i.fa-square-o:before, .catalog-grid .tile .footer .addtoquicklist-wrapper i:before {
content: "";
}

.catalog-single .product-compare-action .fa-square-o:before {
content: "";
}

.catalog-grid .tile .product-compare-action i.fa-square-o ,.catalog-single .product-compare-action .fa-square-o {
width: 15px;
height: 15px;
border: 1px solid #3dbbbb;
background: white;
border-radius: 2px;
}

.catalog-grid .tile span.list-attribute.product-volume {
display: none;
}

.catalog-single .product-shopping-actions .prodToolsWrap {
margin: 0;
    border: none;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 17px;
border-radius: 0px 0px 10px 10px;
}

.prodToolsWrap {
display: flex;
justify-content: space-between;
align-items: center;
} 

.catalog-single .product-shopping-actions-tierpricing .group-focus, .catalog-single .product-shopping-actions-tierpricing .arrow-down {
    display: none;
}

.waviy h1 {
  text-transform: uppercase;
animation: flip 5s infinite;
animation-timing-function: linear;
}
@keyframes flip {
  0%,80% {
    transform: rotateY(360deg) 
  }
}



.productfinderwidget[data-widgetid='188726'] .finder-wrapper .finder-header span {
display: none;
}


.mobile .productfinderwidget.default-styling .finder-wrapper .finder-header span {
margin-left: 0em; 
}



/* Content menus */

.mobile .menulinks_container section.quicklinks .title {
    border-bottom: 0px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    background: #f3f3f3;
}

.mobile .menulinks_container section.quicklinks li {
    border-bottom: 0px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    border-left: 3px solid;
    border-color: #878787;
    background: #f3f3f3;
}

.mobile .menulinks_container section.quicklinks li:hover {
border-color: #3dbbbb;
}

.mobile .menulinks_container li a:hover {
text-shadow: -1px 1px 2px #aaa;
color: #111111;
}

.cosbanner img{
margin-bottom: 20px;
    padding: 5px;
    border: 2px solid #d9d9d9;
    border-radius: 0px;
    filter: brightness(0.9);
}


.deltable td {
padding: 10px;
}

.delivery-services img {
    margin-bottom: 20px;
    padding: 2px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
}

.googlemap {
padding: 15px;
background: #f3f3f3;
}


section.coscontContent a {
color: #049acf;
font-weight: 700;
}

.coscontTitle h1 {
margin: 0 0 20px;
color: #222222;
}

.coscontTitle p {
letter-spacing: 1px;
}

.coscontTitle {
margin: 10px 10px 30px;
}

.coscontContent p {
margin: 0 0 15px;
}

.coscontContent h2 {
margin: 0 0 20px;
color: #222222;
}

#menulinks_101483.menulinks_container section.quicklinks .title  {
text-transform: capitalize!Important;
margin-left: 15px;
border-top: 1px solid #049af3;
margin-right: 15px;
padding-top: 15px;
}



.menulinks_container li a{
color: #777777;
}

.menulinks_container li a:hover{
text-shadow: -1px 1px 2px #aaa;
color: #111111;
}

#menulinks_262574.menulinks_container li a, #menulinks_263469.menulinks_container li a, #menulinks_263503.menulinks_container li a, #menulinks_264278.menulinks_container li a, #menulinks_264826.menulinks_container li a,
#menulinks_265457.menulinks_container li a, #menulinks_269008.menulinks_container li a, #menulinks_269869.menulinks_container li a, #menulinks_269858.menulinks_container li a, #menulinks_274121.menulinks_container li a,
#menulinks_277017.menulinks_container li a, #menulinks_277363.menulinks_container li a, #menulinks_277377.menulinks_container li a, #menulinks_277356.menulinks_container li a
{
color: #454545;
}

#menulinks_262574.menulinks_container section.quicklinks li, #menulinks_263469.menulinks_container section.quicklinks li, #menulinks_263503.menulinks_container section.quicklinks li, #menulinks_264278.menulinks_container section.quicklinks li,
#menulinks_264826.menulinks_container section.quicklinks li, #menulinks_265457.menulinks_container section.quicklinks li, #menulinks_269008.menulinks_container section.quicklinks li, #menulinks_269869.menulinks_container section.quicklinks li,
#menulinks_269858.menulinks_container section.quicklinks li, #menulinks_274121.menulinks_container section.quicklinks li, #menulinks_277017.menulinks_container section.quicklinks li, #menulinks_277356.menulinks_container section.quicklinks li,
#menulinks_277363.menulinks_container section.quicklinks li, #menulinks_277377.menulinks_container section.quicklinks li
{
font-size: 1.1em;
font-weight: 700;
background: #ffffff;
padding: 10px;
}

#menulinks_262574.menulinks_container section.quicklinks li:after, #menulinks_263469.menulinks_container section.quicklinks li:after, #menulinks_263503.menulinks_container section.quicklinks li:after, #menulinks_264278.menulinks_container section.quicklinks li:after,
#menulinks_264826.menulinks_container section.quicklinks li:after, #menulinks_265457.menulinks_container section.quicklinks li:after, #menulinks_269008.menulinks_container section.quicklinks li:after, #menulinks_269869.menulinks_container section.quicklinks li:after,
#menulinks_269858.menulinks_container section.quicklinks li:after, #menulinks_274121.menulinks_container section.quicklinks li:after, #menulinks_277017.menulinks_container section.quicklinks li:after, #menulinks_277356.menulinks_container section.quicklinks li:after,
#menulinks_277363.menulinks_container section.quicklinks li:after, #menulinks_277377.menulinks_container section.quicklinks li:after
{
content: "\f054";
font: normal normal normal 12px / 1 FontAwesome;
float: right;
color: #454545;
}

#menulinks_262574.menulinks_container section.quicklinks .title, #menulinks_263469.menulinks_container section.quicklinks .title, #menulinks_263503.menulinks_container section.quicklinks .title, #menulinks_264278.menulinks_container section.quicklinks .title,
#menulinks_264826.menulinks_container section.quicklinks .title, #menulinks_265457.menulinks_container section.quicklinks .title, #menulinks_269008.menulinks_container section.quicklinks .title, #menulinks_269869.menulinks_container section.quicklinks .title,
#menulinks_269858.menulinks_container section.quicklinks .title, #menulinks_274121.menulinks_container section.quicklinks .title, #menulinks_277017.menulinks_container section.quicklinks .title, #menulinks_277356.menulinks_container section.quicklinks .title,
#menulinks_277363.menulinks_container section.quicklinks .title, #menulinks_277377.menulinks_container section.quicklinks .title
{
font-size: 16px;
padding: 15px;
background: url(https://eu.evocdn.io/dealer/1022/content/media/dealsbk2.png) no-repeat center;
text-align: center;
border-radius: 5px;
margin-top: 10px;
margin-bottom: 15px;
color: #ffffff;
}

div#menulinks_262574, div#menulinks_263469, div#menulinks_263503, div#menulinks_264278, div#menulinks_264826, div#menulinks_269008, div#menulinks_269869, div#menulinks_269858, div#menulinks_274121, div#menulinks_277017,
div#menulinks_277356, div#menulinks_277363, div#menulinks_277377
{
border-bottom: 1px solid #c6c6c6;
padding-bottom: 5px;
background: #ffffff;
}

div#menulinks_265457 {
background: #ffffff;
border-style: solid;
border-color: #0000001a;
border-width: 1px;
border-radius: 10px;
padding: 5px 10px;
}

.productfinderwidget .finder-wrapper .finder-select-wrapper .dropdown-arrow b, .productfinderwidget .finder-wrapper .finder-select-wrapper .select2-selection__arrow b {
border-color: #3dbbbb transparent;
}

.productfinderwidget .finder-wrapper {
margin: 8px 0;
}

.productfinderwidget.default-styling .finder-wrapper .finder-select-wrapper.dropdown:hover {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.productfinderwidget.default-styling .finder-button:hover {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.productfinderwidget.default-styling .finder-wrapper .finder-header span {
vertical-align: bottom;
}

.productfinderwidget .finder-wrapper {
border: 1px solid #b3b3b3;
}

@media screen and (min-height: 768px) {
#productfinder_187935 .productfinderwidget.default-styling .finder-wrapper .finder-header h1 {
font-size: 1.6em;
} }

.productfinderwidget.default-styling .finder-wrapper {
background: url(https://eu.evocdn.io/dealer/1022/content/media/cosbk10.png)no-repeat center;
background-size: cover;
background-attachment: fixed;
}

.productfinderwidget.default-styling .finder-wrapper {
padding: 1.2em 2.5em;
}

.productfinderwidget form .form-group>label {
margin-left: 3px;
}


#productfinder_188151 .finder-header h1 {
font-size: 2em!Important;
text-align: center;
line-height: 1.0em;
text-transform: capitalize;
text-shadow: 0px 0px 5px #ffffff;
}

#productfinder_188151 .finder-header span {
margin-left: auto;
}


/* Product Finders - end */


@media screen and (min-width: 768px) {
.bloghome .bloglatestposts_container .blog-posts-grid .post-excerpt{
margin: 0.5em 0;
} }

.blogpostslist_container .tileparent .tile {
text-align: left;
}

@media screen and (min-width: 768px) {
.bloghome .post-row.tileparent.clearfix {
max-height: 240px;
min-height: 240px;
} }

.checkout-spinner {
background-image: url('https://eu.evocdn.io/dealer/1022/content/media/COSLoading.gif');
background-repeat: no-repeat;
background-size: auto;
width:300px;
height: 300px;
position: relative;
}

@media screen and (max-width: 767px) {
.catalog-single .product-title {
padding: 10px;
} }

@media screen and (min-width: 768px) {
.bloghome .post-excerpt  {
max-height: 110px;
overflow: hidden;
margin: 0px 0!Important;
} }

.cart-dropdown .header .btn {
display: none!Important;
}


@media screen and (max-width: 767px) {
.productdetails .product-stock {
    padding-top: 0;
    display: flex;
    justify-content: space-around;
} }

@media screen and (max-width: 767px) {
.catalog-single .product-summary .productdetails .margindiv {
    padding-top: 0;
    display: flex;
    justify-content: space-around;
} }

.productdetails .product-stock .out-stock {
color: #454545;
font-size: 14px;
}


.productdetails .product-stock .out-stock small {
padding-left: 5px;
padding-left: 5px;
color: #000000 ! Important;
font-weight: 700;
margin-left: 5px;
}

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

.catalog-single .product-points {
margin: 0px;
}

.catalog-grid .out-stock .small, small {
font-weight: 400;
}

.mainMenuNav {
font-weight: 800;
text-align: center;
transition: 0.35s all;
border-radius: 5PX;
display: flex;
align-items: center;
justify-content: space-evenly;
margin: 0;
background: #e6e6e6;
color: #000000;
font-size: 14px;
height: 42px;
width: 70px;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.mainMenuNav:hover {
background: #3dbbbb;
}
  
.mainMenuNav a:before {
content: "\f039";
font: normal normal normal 14px/1 FontAwesome;
color: #454545;
margin-right: 5px;
  
}

.mainMenuNav a {
font-weight: 700;
color: #000000;
}

.fa-lightbulb:before {
    content: "\f0eb";
}

/* sidebar nav */

.sideList {
margin: 10px 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
z-index: 10;
position: relative;
}

 /* 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;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 0px; /* Place content 60px from the top */
transition: all .3s ease-in-out;
background: #f5f5f5;
box-shadow: 12px 0 23px -15px rgba(0, 0, 0, .75);
}

.sideList ul {
margin-bottom: 15px;
}

.sideList h3 {
margin: 0px;
margin-bottom: 5px;
}

h4.sideNavMainh {
font-size: 24px ! Important;
margin: 0px ! Important;
padding: 40px 10px 20px 32px;
white-space: nowrap;
}

.sidenav ul.sideMainLinks a:after {
content: "\f054";
font: normal normal normal 12px/1 FontAwesome;
float: right;
color: #f5f5f5;
margin-right: 40px;
}

.sidenav ul.sideMainLinks a:hover:after {
color: #3dbbbb;
}

.sidenav h2 {
white-space: nowrap;
font-size: 24px;
position: relative;
z-index: 10;
margin: 0;
padding: 40px 10px 20px 32px;
}

.sidenav h3 a {
font-size: 16px;
padding-left: 34px;
color: #3dbbbb!Important;
white-space: nowrap;
}

.cd-dropdown-trigger {
background-color: #878787!important;
font-size: 1.0em;
}


section.search .search-form button[type=submit]:hover {
background: #3dbbbb;
}

.blogfeaturedposts_container .blog-posts-grid .post-name h4 {
font-size: 1.0em; 
}
  
.blogfeaturedposts_container .blog-posts-list-view .tileparent .post-content .bottom {
font-size: 0.9em; 
}

.catalog-grid .tile .footer .buttons.group {
margin-bottom: 0px;
margin-top: 0px;
padding: 10px;
}


.catalog-grid .tile .footer button.is-master {
min-width: 100%;
background: #3dbbbb;
}

.catalog-grid .tile .footer button.is-master:hover {
background: #049af3;
}


body.product .twocolumnsright .col-lg-2{background: #ffffff;border-radius: 0px;padding-left: 5px;padding-right: 5px;border: 0px;}

.extend_del_Banners {
border: 1px solid #e6e6e6!important;
max-width: none;
border-radius: 10px;
padding: 3px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.extend_del_Banners img {
border-radius: 10px;
}


@media only screen and (max-width: 767px){
body > header {
    position: sticky;
    top: 0;
    z-index: 21;
    transition: background 0.35s;
} }


.imgthumbnail {
display: flex;
align-content: center;
justify-content: center;
align-items: center;
}

.relationship-carousel .owl-nav  {
height: 0;
}

.item-merchandising h3, .products-related h3, .productsrelated h3 {
margin-right: 0px;
}

.productsrelated .product-price-rrp {
display: none;
}

.widget-lastviewedproducts-html .owl-nav .owl-next:hover:before{
color: #3dbbbb;
}

.widget-lastviewedproducts-html .owl-nav .owl-prev:hover:before{
color: #3dbbbb;
}

.catalog-single.has-carousel .owl-next {
right: 15px;
}

.catalog-single.has-carousel .owl-prev {
right: 30px;
}


.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    top: -15px;
    padding: 0;
    display: flex;
    align-items: center;
}

.widget-contract-items-html .owl-nav .owl-next, .widget-contract-items-html .owl-nav .owl-prev, .widget-lastviewedproducts-html .owl-nav .owl-next, .widget-lastviewedproducts-html .owl-nav .owl-prev {
color: #333333;
}

.widget-contract-items-html .tile .imgthumbnail, .widget-lastviewedproducts-html .tile .imgthumbnail {
border-radius: 0 0 0 0;
display: inline-block;
margin: auto;
max-height: 150px;
max-width: 150px;
vertical-align: middle;
padding: 10px;
}

.widget-contract-items-html .tile, .widget-lastviewedproducts-html .tile {
padding: 0;
}

.catalog-single.has-carousel .owl-next, .catalog-single.has-carousel .owl-prev {
background: none;
margin-top: -18px;
padding: 15px;
position: absolute;
}


.catalog-single.has-carousel .owl-prev {
right: 25px;
top: -27px;
left: unset;
}


.catalog-single.has-carousel .owl-next, .catalog-single.has-carousel .owl-prev {
    top: -28px;
    padding: 0;
    display: flex;
    align-items: center;
}


.product-shopping-actions-prices .product-price-rrp {
margin-top: 0.2em;
}

.bulkbuyright .form-group1 {
margin-bottom: 5px;
}



.form-control, #quote-product-list-modal .select2-selection--single {
    border: 1px solid #878787;
}

.shopping-cart table td.qnt-count .incr-btn:hover {
background: #3dbbbb!important;
}  

.cart-dropdown .footer .btn.btn-outlined-invert.btn-block.to-checkout  {
background: #9ce6ff;
}

.cart-dropdown .footer .btn.btn-outlined-invert.btn-block.to-checkout:hover  {
background: #3dbbbb;
}


.shopping-cart .to-checkout {
background: #008080;
color:#ffffff;
text-transform: capitalize;
}

.shopping-cart .to-checkout:hover {
background: #3dbbbb;
color:#ffffff;
}



.cart-dropdown .footer .btn:hover {
background: #3dbbbb;
}

.mobhomeStrip {
    background: #e6e6e6;
    padding: 10px 5px;
    margin-top: 10px;
}
  

.HomeBG {
    background: url(https://eu.evocdn.io/dealer/1022/content/media/cosbk10.png)no-repeat center;
    background-size: cover;
    background-attachment: fixed;
filter: brightness(1.03);
}

.mobstripBox{
text-align: center;
    display: flex !important;
    justify-content: center;
}


.nFlex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}


.catalog-name {
color: #222222;
}

.coIcon {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 1;
}

section.quicklinks ul {
font-size: .9rem;
}

.coIcon img {
margin-bottom: 10px;
filter: drop-shadow(2px 2px 2px #444444);
width: 60px;
}

.container-fluid.headersection-5 {
background:#ffffff;
height: 40px;
}

@media only screen and (min-width : 768px) {
.headersection-4 {
display: none;
} }


footer .menulinks_container ul li a {
background: url(https://eu.evocdn.io/dealer/1022/content/media/cosbulletpoint.png) no-repeat scroll left center;
}

.blogfeaturedposts_container .blog-posts-grid>h4 {
background: #f5f5f5;
border-radius: 0px;
font-size: 1.2rem;
font-weight: 900;
letter-spacing: 0;
padding: 10px 15px;
text-align: center;
border: 1px solid #c6c6c6!Important;
padding-bottom: 10px!Important;
}

#vuequicklistdropdown .dropdown-menu li a {
min-width: 150px;
}

@media only screen and (max-width : 767px) {
  
.brands_container .owl-carousel .owl-nav{
display: none;
}
  
.owl-carousel .tile .footer-wrapper span {
display: flex;
order: -1;
gap: 3px;
}

.brands_container .catalog-single .tile img {
max-width: 100px;
max-height: 100px;
}

.brands_container .catalog-single.has-carousel .tile, .catalog-single.has-grid .tile{
min-width: 160px;
max-width: 160px;
}

.brands_container .owl-carousel.owl-drag .owl-item .imgthumbnail {
border: 0px solid #ccc;
background: #f3f3f3!Important;
height: 120px;
padding: 0px;
}

.brands_container .catalog-single.has-carousel .tile {
margin: 0px;
}

.brands_container .catalog-single .brandmerchandising-carousel .tile img {
filter: grayscale(1);
margin: auto;
padding: 0px;
}

.brands_container .catalog-single .brandmerchandising-carousel .tile img:hover {
filter: none;
transform: scale(1.3);
transition: transform 0.35s;
}

.brands_container .brandmerchandising-carousel .owl-carousel .owl-stage-outer  {
margin-left: 0px;
margin-right: 0px;
background: #f5f5f5;
}

.brands_container .brandmerchandising-carousel .inner  {
max-width: 100%;
}

.brands_container .catalog-single.has-carousel {
border-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

.brands_container .sidebar-content  {
background: #f5f5f5;
}
}


.HomeBannerEffects{
border: 1px solid #b3b3b3!important;
}

.singlebanner_wrapper .HomeBannerEffects {
margin-bottom: 20px!Important;
}


div#vuequicklistdropdown {
text-transform: capitalize;
font-size: 15px;
margin-left: -10px;
}

.dropdown .pointer:hover {
background: #e6e6e6;
}

.dropdown .pointer:hover a {
color: #111111!Important;
}

.vuequicklistdropdown_elem .fa-list-alt:before {
display: none; 
}

.dropdown-menu {
min-width: 200px;
}

div#categoryfiltermenu_170045 .shop-filters .filter-section {
margin: 10px 0px;
}

.ASP p {
font-size: 0.85em!Important;
}

/* Home Main Banners */

.homeGrid .nFlex {
flex-wrap: wrap;
margin: 1px;
padding: 10px;;
}

.gridBox {
width: calc((100%/6) - 10px);
margin: 1px;
height: 280px;
background: #049acf;
position: relative;
overflow: hidden;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}



@media only screen and (max-width:500px) {
.gridBox {
width:calc((100%/2) - 2px);
height: 200px;
} }


@media only screen and (max-width:319px) {
.gridBox{
width:calc((100%/1) - 2px)
} }

.gbImg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://eu.evocdn.io/dealer/1022/content/media/Home_Page/2025gbimg.png)no-repeat center;
background-size: cover;
transition: transform 6s, opacity 0.5s;
filter: brightness(0.8);
}

.gridBox h1 {
font-size: 22px;
font-weight: 700;
text-align: center;
margin: 0;
color: #fff;
position: relative;
text-shadow: 0px 4px 3px rgb(0 0 0 / 40%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);
}

@media only screen and (max-width : 767px) {
.gridBox h1 {
font-size: 20px;
min-height: 50px;
} }

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

.gb2 .gbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Home_Page/2025gb2.png);
}
.gb3 .gbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Home_Page/2025gb3.png);
}
.gb4 .gbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Home_Page/2025gb41.png);
}
.gb5 .gbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COSEDUCATIONAL2.png);
}
.gb6 .gbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/cos-Technology-Main.png);
}

.gb7 .gbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Home_Page/workwear2024.png);
}

.gb8 .gbImg {
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/Home_Page/2025gb8.png);
}

.gridBox:hover .gbImg {
opacity: 0.6;
transform: scale(1.3);
filter: none;
}


.gridBox:before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.gridBox:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* Home Main Banners - end */

.mobilecatsection {
flex-wrap: wrap;
margin-top: 20px;
}

.mobilecatbox {
width: calc(50% - 5px);
margin-bottom: 10px;
box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}

.mobilecatsection .mobilecatbox figcaption, .mobilecatsection .mobilecatbox figcaption>a {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 767px) {
.ex-home .page-content.mobile .row .singlebanner_container {
display: none;
} }

@media only screen and (max-width: 767px) {
.ex-home .page-content.mobile .row .merchandisingcontent_container {
display: none;
} }


/* Footer Updates 2022 Part 2 */

.footersection-2 .nFlex h4 {
color: #555555;
}

.nFoot1,.nFoot2,.nFoot3,.nFoot4{width:100%}

@media screen and (min-width: 768px) {
.footersection-2 .nFlex{flex-direction:row}
.nFoot1{width:20%}
.nFoot2{width:20%}
.nFoot3{width:20%}
.nFoot4{width:40%}
} 

.nFoot1 .contact-block p {
color: #555555;
font-size: 14px;
}

.nFoot1 .contact-block a {
color: #555555;
}

.nFoot1 .contact-block {
    display: flex;
    align-items: baseline;
}


.nFoot1 .contact-element.contact-icon {
    font-size: 1.5em;
    margin-right: 10px;
    display: block;
}

.footersection-2 .nFoot1 .contact-block img {
width: 20px;
position: relative;
top: 0;
}

.footersection-2 .contact-block ul {
font-size: 14px;
line-height: 1rem;
list-style: none;
margin: 0;
padding: 0px;
margin-top: 10px;
}

@media (min-width: 1024px) {
footer .menulinks_container ul li a:after {
content: "\f054";
font: normal normal normal 12px/1 FontAwesome;
float: right;
color: #333333;
} }

.footersection-2 .footLogo {
margin-bottom: 15px;
width: 75%;
}

@media only screen and (max-width: 767px){
.nFoot1 .mobfootLogo {
padding: 10px 0;
} }

@media only screen and (min-width: 768px){
footer .footersection-2 {
padding-top: 10px;
padding-bottom: 10px;
background: url(https://eu.evocdn.io/dealer/1022/content/media/cosbk5.png)no-repeat center;
background-size: cover;
background-attachment: fixed;
  
} }

@media only screen and (max-width: 767px){
footer .footersection-2 {
padding-top: 20px;
padding-bottom: 20px;
background: #878787!Important;
} }


@media only screen and (min-width: 768px){
.footersection-4 {
padding: 5px 0px;
} }


@media only screen and (max-width: 767px){
.footersection-4 {
padding: 5px 0px;
} }

@media only screen and (max-width: 767px){
footer .quicklinks {
padding-top: 0.5em;
} }

@media only screen and (max-width: 767px) {
footer .menulinks_container ul li a:after {
content: "\f105"!Important;
font-family: FontAwesome!Important;
font-style: normal!Important;
float: right;
font-size: 20px;
color: #3dbbbb;
} }

@media only screen and (max-width: 767px) {
footer .menulinks_container ul li a {
padding: 6px 0;
display: block;
color: #fff;
margin: 5px 0;
background: none;
text-align: left;
border: 1px solid #555555;
padding: 15px 15px;
border-radius: 5px;
line-height: 1.2em;
font-weight: 400;
} }

@media only screen and (min-width: 768px) {
footer .menulinks_container ul li a {
padding: 6px 0;
display: block;
color: #222222;
padding-left: 20px;
  
} }


@media (max-width: 767px){
.nfc p{margin-bottom:0px}
.nfc .row>div{margin-bottom:20px}
.nfc .contacts p{margin-bottom:0}
  
@media only screen and (max-width: 768px) {
.nfc p{margin-left:0px;margin-right:0px}
}

@media (max-width: 1366px) {
.nfc{
 padding:0 25px;
} }
  
@media (max-width: 767px) {
.nfc{
 padding:0 0px;
} }
  

.nFoot1 .contact-block {
display: flex;
}

@media only screen and (max-width :  767px) {
.mobAccord .accordList h4 { cursor: pointer; background: #555555; margin:0; border: 1px solid #555555; padding: 15px 15px; border-radius: 5px; color:#fff; font-size:14px; font-weight:400; 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.open ul { height:auto; max-height: 1000px; transition: max-height 1s ease-in-out !important; }
section.quicklinks ul {margin-left: 0px;}
}
.mobAccord ul li{
margin:0 !important;
padding:0 !important;
border:none !important;
display:block !important;
}

.mobAccord .accordList h4:after {
content: "\f107"!Important;
font-family: FontAwesome!Important;
font-style: normal!Important;
float: right;
color: #ffffff;
font-size: 20px;
}
.mobAccord .accordList.open h4:after {
content: "\f106"!Important;
font-family: FontAwesome!Important;
font-style: normal!Important;
float: right; 
color: #ffffff;
font-size: 20px;
}
.mobAccord ul li:last-child{
margin:0 0 20px !important;
}
  
.mobAccord ul li .footemail a{
display: block;
font-size: 14px;
color: #fff;
margin: 5px 0;
background: none;
text-align: left;
border: 1px solid #555555;
padding: 15px 15px;
border-radius: 5px;
line-height: 1.2em;
font-weight: 400;
}

.mobAccord ul li .footTel a:before{
content: "\f095"!Important;
font-family: FontAwesome!Important;
font-style: normal!Important;
float: right;
font-size: 20px;
color: #3dbbbb;
}

.mobAccord ul li .footemail a:before{
content: "\f0e0"!Important;
font-family: FontAwesome!Important;
font-style: normal!Important;
float: right;
font-size: 20px;
color: #3dbbbb;
}

.mobAccord .accordList h4:hover {
background: #333333;
}
  
.mobAccord ul li .footTel a:hover {
color: #333333;
}
  
.mobAccord ul li .footemail a:hover {
color: #333333;
}
.mobAccord ul li .footTel a{
display: block;
font-size: 14px;
color: #fff;
margin: 5px 0;
background: none;
text-align: left;
border: 1px solid #555555;
padding: 15px 15px;
border-radius: 5px;
line-height: 1.2em;
font-weight: 400;
} }

/* Footer Updates 2022 Part 2 -end */

/* Footer Updates 2022 */



.menu ul.catalog>li.has-submenu>a {
letter-spacing: .01rem;
}

.menu ul.catalog>li.has-submenu>a {
font-weight: 400;
}


.menu ul.catalog>li.has-submenu>a:after {
    content: "\f107";
    color: #3dbbbb;
    margin-left: 5px;
    font: normal normal normal 12px/1 FontAwesome;
  font-family: FontAwesome;
}

.menu .catalog-block {
white-space: nowrap;
}

.menu .catalog>li {
height: 40px;
list-style-type: none;
background: none;
align-items: center;
justify-content: center;
}

#brands_186612 .catalog-single .tile img {
max-width: 100px;
max-height: 100px;
}

#brands_186612 .catalog-single.has-carousel .tile, .catalog-single.has-grid .tile{
min-width: 160px;
max-width: 160px;
}

#brands_186612 .owl-carousel.owl-drag .owl-item .imgthumbnail {
border: 1px solid #ccc;
background: #f3f3f3;
height: 120px;
padding: 5px;
margin-right: 5px;
}

#brands_186612 .catalog-single.has-carousel .tile {
margin: 0px;
}

#brands_186612 .owl-carousel.owl-drag .owl-item .imgthumbnail {
filter: grayscale(1);
margin: auto;
padding: 0px;
}

#brands_186612 .owl-carousel.owl-drag .owl-item .imgthumbnail:hover {
filter: none;
transition: transform 0.35s;
background: #3dbbbb3d;
}

#brands_186612 .brandmerchandising-carousel .owl-carousel .owl-stage-outer  {
margin-left: 0px;
margin-right: 0px;
background: #f1f1f1;
margin-top: 5px;
margin-bottom: 5px;
}

#brands_186612 .brandmerchandising-carousel .inner  {
max-width: 100%;
}

#brands_186612 .catalog-single.has-carousel {
border-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

#brands_186612 .sidebar-content  {
background: #f5f5f5;
}

footer .container-fluid.footersection-3 {
background: #f5f5f5!Important;
padding: 0px 0px;
}


@media only screen and (min-width: 768px){
.cos-cont-30 {
width: 30%;
} }
  
@media only screen and (min-width: 768px){
.cos-cont-50 {
width: 50%;
} }

@media only screen and (min-width: 768px){
.cos-cont-20 {
width: 20%;
} }

@media only screen and (max-width: 767px){
.cos-cont-30 {
width: 90%;
padding: 12px 0px;
} }
  
@media only screen and (max-width: 767px){
.cos-cont-50 {
width: 90%;
} }

@media only screen and (max-width: 767px){
.cos-cont-20 {
width: 20%;
} }



@media only screen and (max-width: 767px){
.footMC {
flex-direction: column;
} }

@media only screen and (max-width: 991px){
.footMC {
justify-content: center;
text-align: center;
} }

.footSocial .soc-fb img {
background: #3dbbbb;
}

.footSocial .soc-tw img {
background: #3dbbbb;
}

.footSocial .soc-in img {
background: #3dbbbb;
}

.text-MC1 {
color: #1a1a1a;
font-size: 14px;
}

footer p {
line-height: 20px;
}

footer .footersection-5 .row {
padding-bottom: 0px;
}

.footMC #mc_embed_signup {
    padding: 0;
}

.footMC .mc-field-group {
    position: relative;
    display: flex;
    gap: 5px;
}

.footMC #mc_embed_signup input[type="email"] {
    border-radius: 5px;
    background: #fff;
    color: #181818;
    position: relative;
    padding: 5px 15px;
    height: 42px;
    font-size: 14px;
    border: none;
}

#mc_embed_signup input[type="submit"] {
    font-weight: 700;
    text-transform: uppercase;
    color: #3a3a3a;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    line-height: 1;
    height: auto;
    transition: 0.35s background;
  background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
}

#mc_embed_signup input[type="submit"]:hover {
    background: #3dbbbb;
}

.footSocial .cosSocial {
    max-width: 150px;
    margin: 0;
}

.cosSocial{
width: 100%;
}

.cosSocial img {
transition: 0.35s all;
width: 35px;
}

.newsletter_title {
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 4px;
    color: #fefefe;
}

@media only screen and (max-width: 767px){
.coscards img {
width: 45%;
} }

@media only screen and (min-width: 768px){
.coscards img {
padding: 0px 0px;
width: 30%;
} }

@media only screen and (max-width: 767px) {
.coscards {
padding: 10px 0px;
} }

@media only screen and (min-width: 768px) {
.coscards {
display: flex;
justify-content: flex-end;
} }

.container-fluid.footersection-5 {
background: #878787;
padding: 0px 0px;
}

footer .footBot a:hover {
color: #111111;
}
footer .footBot a {
color: #ffffff;
}

@media only screen and (max-width: 767px){
.nFlex li.mobile {
white-space: nowrap;
} }

@media only screen and (max-width: 767px){
.nFlex li:nth-child(2) {
display:none
} }


.footBot footer a, footer label {
color: #ffffff;
}

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

footer ul, footer ol {
font-size: 16px;
font-weight: 400;
line-height: 1.7;
}

@media only screen and (max-width: 767px) {
.footMobSocial a {
display: inline-block;
margin: 0 5px;
} }

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

footer .footBot ul .footDivide {
width: 1px;
height: 13px;
margin: 0 5px;
background: #555555;
}

@media only screen and (max-width: 767px){
.footMobSocial {
padding-bottom: 5px;
margin-bottom: 5px;
} }

@media only screen and (max-width: 991px) {
.footBot .nFlex {
flex-direction: column;
} }

@media only screen and (max-width: 767px){
footer .footBot ul {
margin: 0;
line-height: 1.3;
} }

/* Footer Updates 2022 -end */

.listtools .itemsfound {
display: block;
max-width: 200px;
color: #878787;
text-align: center;
}

@media only screen and (max-width: 768px){
.listtools .itemsfound {
display: none;
} }
  
.listtools {
padding: 15px 20px;
border-top: 1px solid #878787;
margin: 0 .5em;
}

.footersection-1 {
background: url(https://eu.evocdn.io/dealer/1022/content/media/cosbk5.png)no-repeat center;
background-size: cover;
background-attachment: fixed;
}

.mobhomeStrip .slick-prev, .slick-next {
display: none;
}

.slick-next:before {
content: "\f054"!Important;
font-family: FontAwesome!Important;
font-style: normal!Important;
font-weight: 700!Important!;
color: #878787!Important;
}

.slick-prev:before {
content: "\f053"!Important;
font-family: FontAwesome!Important;
font-style: normal!Important;
font-weight: 700!Important;
color: #878787!Important;
}


.slick-dots li button::before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: black;
    -webkit-font-smoothing: antialiased;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.testimonialSlider {
    padding: 30px 0;
    display: flex;
    min-height: 200px;
}

.cosSlide {
    padding: 0 30px;
}

.cosTitle {
    margin: 0 0 10px;
}

.cosSlide h3 {
    font-size: 18px;
    font-weight: 700;
    color: #111111;
    text-transform: none;
width: 100%;
}

.cosSlide p {
    color: #111111;
    font-size: 14px;
}

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




.desktop .productaddtocart_container .product-stock {
margin: 0;
padding: 0;
}

.catalog-grid .tile .footer .addtoquicklist-wrapper {
float: left;
}

.fa-shopping-cart:before {
content: "\f291";
}

.product-compare-action { 
font-size: 0.8em;
margin-left: 4px;
}

.addtoquicklist-wrapper .fa-plus:hover{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}
.addtoquicklist-wrapper .fa-plus{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}


.catalog-grid .tile .footer .addtoquicklist-wrapper .fa-plus:before {
content: "\f004"!Important;
color: #3dbbbb;
margin-right: 3px;
}

.catalog-grid .tile .footer .addtoquicklist-wrapper .fa-plus:hover:before {
color: #0082ad;
}

.product-compare-action .fa-stack  {
height: 1.5em;
line-height: 1.5em;
width: 1.5em;
margin-right: 2px;
 } 

.fa-check:before {
color: #3dbbbb;
}

/* Mobile Changes */

.countyOX-mobileBaner li a {
display: block;
margin-bottom: -2px;
padding: 8px 0;
white-space: nowrap;
}

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

.MList {
margin: 0px 15px;
padding: 0;
list-style: none;
}

.countyOX-mobileBaner ul li.cosDivide1 {
width: 1px;
height: 10px;
background: #3dbbbb;
margin: 0 4px;
}

.countyOX-mobileBaner ul li.cosDivide2 {
width: 1px;
height: 10px;
background: #3dbbbb;
margin: 0 10px;
}

.countyOX-mobileBaner{background-color:#ffffff;text-align:center}
.countyOX-mobileBaner a{color:#111111;display:inline-block;font-size:12px;letter-spacing:-.5px;font-weight:700;padding:10px 5px;margin-right:3px}
.countyOX-mobileBaner-widget{display:none}
@media only screen and (max-width: 768px) {
.countyOX-mobileBaner-widget{display:block;padding: 0px 0px 10px 0px;}
}

header .header-mobile .header-cart .minicart_icon {
top: 0px;
}

header .header-mobile .cd-dropdown-wrapper {
margin-right: auto;
}


@media only screen and (max-width: 425px){
header .header-mobile i {
padding: 20px 12px 25px 20px;
} }


header .header-mobile .header-cart .minicart_count{
bottom: 48px;
left: 0px;
color: #049af3;
}
  
@media only screen and (max-width: 768px){
header .header-mobile .logo img {
max-width: 175px;
} }

@media only screen and (max-width: 375px){
header .header-mobile .logo img {
max-width: 175px;
} }

header .header-mobile .header-right {
margin: 0;
padding: 0;
}

@media only screen and (max-width: 768px) {
header .header-mobile .header-right {
gap: 10px;
margin: 0px 0px 0px 10px;
padding-right: 10px;
} }

header .header-mobile .header-right .header-search {
    margin-left: auto;
}

.header-mobile .header-search .fa-search:before {
display:none
}

header .header-mobile > * {
display: flex;
justify-content: center;
}

media only screen and (max-width: 568px)
.header-mobile a i {
background-size: 30px 30px !important;
}


@media only screen and (max-width: 768px){
header .header-mobile .header-search i {
background: url(https://eu.evocdn.io/dealer/1022/content/media/COSSearchMagBK.svg)no-repeat center;
text-align: center;
} }


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


/* Mobile Changes -end */

@media only screen and (max-width: 768px){
.header-mobile .minicart_icon:after {
content: "Basket";
color: #111111;
font-size: 10px;
font-weight: 900;
position: absolute;
bottom: 5px;
left: 9px;
text-transform: uppercase;
} }

col-lg-2.col-md-1.col-sm-12.addcartbtn {
display: none;
}

.callofforders .badges-wrapper, .contractitems .badges-wrapper, .quicklistsedit .badges-wrapper {
top: 7px;
display: none;
}

.listtools {
border: 1px solid #e6e6e6;
gap: 10px 0;
display: flex;
justify-content: space-between;
align-items: center;
background: #ffffff;
border-radius: 10px;
}


@media only screen and (max-width: 768px){
.listtools {
display: block;} }

.itemsfound b {
color: #222222;
}

.itemsfound b::before {
content: "[";
}

.itemsfound b::after {
content: "]";
}

.shop-filters .text-center.small {
color: #2c3949;
padding: 10px 10px;
border-radius: 0px;
text-align: center;
background: #ffffff;
font-size: 16px;
width: 100%;
font-style: italic;
border-left: 1px solid #bfe8e8;
border-right: 1px solid #bfe8e8;  
}

.shop-filters .filter-title {
text-align: center;
position: static;
border-radius: 0;
padding: 20px 20px 15px;
font-size: 1.6rem;
border: 1px solid #bfe8e8;
border-radius: 8px 8px 0px 0px;
}

.catalog-grid .tile .footer .brand-label a {
text-transform: capitalize;
    font-weight: 700;
    color: #049acf !important;
    font-size: 13px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 40px;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
}

.catalog-grid .tile .footer .brand-label a:before {
content: "Brand:";
margin-right: 4px;
color: #454545;
}

@media only screen and (max-width: 768px) { 
.imgthumbnail {
height: 160px;
margin: 0 auto;
width: auto;
} }
  
.imgthumbnail.imglightbox {
display: flex;
justify-content: center;
align-items: center;
}

.quicklistsedit .imgthumbnail {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

header .header-mobile .cd-dropdown-trigger-mobile i, header .header-mobile .header-right a {
color: #111111;
}

.label-danger {
color: #454545;
}

@media only screen and (max-width: 768px) { 
.label-danger  {
display: none;
} }

@media only screen and (max-width: 768px) { 
.catalog-grid .tile .footer .product-shopping-actions-tierpricing span.price {
font-weight: 700;
font-size: 18px;
} }


@media only screen and (max-width: 768px) { 
.tile .product-shopping-actions-tierpricing{ 
background: #ade3fe3d;
    text-align: center;
    margin-top: 5px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding: 5px 20px;
    line-height: 1.2em;
    border: 1px solid #3dbbbb;
} }

@media only screen and (max-width: 768px) { 
.plpTools.nFlex {
display: none;
} }

@media only screen and (max-width: 375px) {
header .header-mobile .logo img {
max-width: 150px;
} }

.product-shopping-actions-tierpricing.live-pricing-fallback-option-evox.product-tile .qty {
display: none;
}

.countyOX-mobileBaner {
background-color: #ffffff!Important;
border-top: 1px solid #878787;
border-bottom: 1px solid #878787;
}

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



header .header-mobile .header-search i {
background: url(https://eu.evocdn.io/dealer/1022/content/media/COSSearchMagBK.svg) no-repeat right 0px center;
padding: 15px;
}

@media only screen and (min-width: 769px) { 
.category-link{    
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
border-bottom: 0px;
margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 11px;
padding-top: 5px;
border-left: 6px solid;
margin-left: 0px;
border-color: #e6e6e6;
} }

@media only screen and (min-width: 769px) { 
.shop-filters .filter-section .categories li {
    line-height: 0.8em;
    list-style: none;
    font-size: unset;
} }

@media only screen and (min-width: 769px) {
.category-link:hover{border-color:#3dbbbb;}
}

.clean-search:before {
content: "Refine Your Search";
display: block;
text-align: center;
color: #008080;
font-weight: 700;
font-size: 16px;
margin-top: 10px;
}

.shop-filters {
background: #ffffff;

}

.quicklinks-custom{
padding-top: 05px;
margin-top: -7px;
background: #ffffff;
}

/* Blog Changes */

.footer3txt {
color: #ffffff;
}

footer a:hover {
text-decoration: none;
}

footer .menulinks_container ul li a:hover {
color: #000000;
text-shadow: -1px 1px 2px #aaa;
}

footer .menulinks_container ul li a:hover:after {
text-shadow: none;
}

.bloglatestposts_container .blog-posts-grid[data-parentname=sidebarright] .blog-posts-list-view .blog-post .post-row {
margin-bottom: 1em;
}

@media (min-width: 768px) { 
.post-row.tileparent.clearfix {
border: 1px solid #b3b3b3;
padding: 5px;
} }


.bloglatestposts_container .blog-posts-grid[data-parentname=sidebarright] h4 {
font-size: .9em;
}

section.quicklinks ul .blogmenu {
font-size: 16px;
}

@media (min-width: 768px) { 
.blogpage {
margin-top: -30px;
} } 
  
  
@media (min-width: 768px) { 
.blogsearch_container .widget-blogs-search {
margin-bottom: 1em;
margin-top: 30px;
} } 

@media (min-width: 768px) { 
.blogmenuhome {
margin-top: -15px;
} } 

.menulinks_container li.blogmenu a {
color: #777777;
}

.menulinks_container li.blogmenu a:hover {
color: #111111;
font-weight: 500;
}  

.menulinks_container li.blogmenu {
border-bottom: 0px;
margin-bottom: 5px;
padding-bottom: 10px;
padding-left: 10px;
padding-top: 10px;
border-left: 3px solid;
margin-left: 0px;
border-color: #878787;
background: #f3f3f3;
}

.menulinks_container li.blogmenu:hover {
border-color: #3dbbbb;
}

.blogpostslist_container .listtools .listgrid .btn {
border-radius: 0px;
}

@media (min-width: 768px) { 
.blogpostslist_container .listtools .listgrid {
display: inline;
} }

.blogpostcontent_container h3 {
text-transform: capitalize; 
}

.blog-post-details .post-title  {
margin-bottom: 20px;
}

.blog-post-details .post-category {
font-weight: 700;
text-transform: uppercase;
border-top: 1px solid;
border-bottom: 1px solid;
padding: 15px 0px;
font-size: 20px;
margin-bottom: 20px;
color: #878787;
margin-bottom: 20px;
margin-top: 20px
}

.bloglatestposts_container .blog-posts-grid[data-parentname=sidebarright] .blog-posts-list-view .blog-post .post-row .post-details {
font-size: small;
}
@media (min-width: 768px) { 
.blogpostslist_container .listtools {
margin: 0px 15px;
background: #f3f3f3;
height: 46px;
} }

.ex-blog .categoryfiltermenu_container .shop-filters .filter-section ul li.category-link {
border-bottom: 0px;
margin-bottom: 5px;
padding-bottom: 10px;
padding-left: 5px;
padding-top: 10px;
border-left: 6px solid;
margin-left: 0px;
border-color: #878787;
background: #f3f3f3;
}

.ex-blog .categoryfiltermenu_container .shop-filters .filter-section ul li.category-link:hover {
border-color: #3dbbbb;
}
 
.ex-blog .categoryfiltermenu_container .shop-filters .filter-section .categories li a {
color: #777777;
}

.shop-filters .filter-section .categories li {
line-height: 0.8em;
}
.ex-blog .categoryfiltermenu_container .shop-filters .filter-section .categories li a:hover {
color: #111111;
font-weight: 700;
}  

.shop-filters .filter-section .categories li a {
color: #454545;
line-height: 1.6em;
}

.shop-filters .filter-section .categories li a:hover {
color: #111111;
text-shadow: -1px 1px 2px #aaa;
}

.shop-filters .filter-section .categories  {
margin-left: 10px;
}
  
.blogfeaturedposts_container .tileparent .tile, .bloglatestposts_container .tileparent .tile, .blogpostslist_container .tileparent .tile  {
padding-right:10px;
}

.ex-blog .categoryfiltermenu_container .shop-filters .filter-title {
border-radius:0px;
border-top: 0px;
}

.shop-filters .filter-title {
background-color: #d1efef;
color: #008080;
}

.blogsearch_container .search-form .form-control, .blogsearch_container .search-form .select2-selection--single  {
border: 1px solid #c6c6c6;
border-radius: 5px;
background: #ffffff url(https://eu.evocdn.io/dealer/1022/content/media/COSSearchMag.svg)no-repeat left 15px center;
background-size: 22px 22px;
padding: 0px 0px 0px 45px;
}

.blogsearch_container .search-form button[type=submit] i  {
display:none;
}
  
.blogsearch_container .search-form button[type=submit] {
top: 2px;
height: 42px;
width: 42px;
padding: 8px;
background: #878787;
border-radius: 50%;
text-align: center;
right: 2px;
font-size: 14px;
color: #fff;
font-weight: 700;
border: 3px solid #ffffff;
}

.blogsearch_container .search-form button[type=submit]:before {
content: "Go";
text-transform: uppercase;
line-height: 14px;
}

.bloglatestposts_container .blog-posts-grid[data-parentname=sidebarright] .blog-post .tile {
font-size: 0.8em;
}

/* Blog Changes - End */


/* Header Menu Changes */

.breadcrumb{
padding: 5px 0px 20px 0px;
}

.breadcrumb>li {
color: #454545;
}

.menu.expanded .catalog li .submenu li a:hover {
color: #0098d4;
text-decoration: none;
}

section.search .search-form .form-group input {
height: 42px;
} 


section.search .search-form .form-group input {
border: 0px solid #c6c6c6;
border-radius: 5px;
background: #e6e6e6 url(https://eu.evocdn.io/dealer/1022/content/media/COSSearchMag.svg)no-repeat left 15px center;
background-size: 22px 22px;
padding: 0px 0px 0px 45px;
} 

@media only screen and (max-width: 768px){
section.search .search-form .form-group input { 
background: none;
padding: 0px
} }   
  
.shop-filters section.search .search-form .form-group input {
width: 95%;
}

.shop-filters section.search .search-form button[type="submit"] i { 
display: none;
}
.shop-filters section.search .search-form button[type="submit"]:before { 
content: "Go";
text-transform: uppercase;
line-height: 14px;
}

.shop-filters section.search .search-form button[type="submit"] { 
top: 0px;
height: 42px;
width: 42px;
padding: 5px;
background: #008080;
border-radius: 50%;
text-align: center;
right: 0px;
font-size: 16px;
color: #fff;
font-weight: 700;
border: 3px solid #ffffff;
}


header section.search .search-form .form-group input[type=text] {
color: #111111;
border-radius: 5px;
}

.fa-balance-scale:before {
content: "\f24e";
color: #111111;
}

.toolbar .cart-btn>.btn span {
line-height: 22px;
}

.toolbar .cart-btn>.btn span.minicart_count {
padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
} 

.toolbar .cart-btn>.btn span.minicart_count {
background-color: #3dbbbb;
width: 22px;
border-radius: 50%;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 400;
}



.btn-material .count {
right: -7px;
top: -7px;
background-color: #3dbbbb;
}

 @keyframes colorchange
    {
      0%   {background: #f5f5f5;}
      33%  {background: #a7e1fd;}
      66%  {background: #f5f5f5;}
      100%  {background: #a7e1fd;}
      }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #f5f5f5;}
      33%  {background: #00ecff;}
      66%  {background: #f5f5f5;}
      100%  {background: #00ecff;}
   }

  
.modal-content  {
border: 3px solid #008080;
box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}


.ex-loggedin .rewardsPopup {
display:none 
}
.rewardsPopup {
cursor: pointer;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
bottom: -70px;
box-shadow: 0 0 4px #aaa;
padding: 10px 10px 8px;
position: fixed;
left: 1%;
z-index: 8001;
height: 100px;
width: 190px;
text-align: center;
line-height: 1em;
background: #f5f5f5;
animation: colorchange 15s linear infinite alternate; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
-webkit-animation: colorchange 15s linear infinite alternate; /* Chrome and Safari */
}

.rewardsPopup:hover  {
bottom: 0px;
transition: all 0.5s;
}
  
.toolbar .cart-btn>.btn .fa-shopping-bag:before  {
display:none;
}

.header-full a.logo {
margin-left: 15px;
margin-right: 30px;
}

header section.search .search-form .form-group input[type=text] {
background: #e6e6e6;
background-size: 20px 20px;
padding: 6px 0px 5px 15px;
font-size: 14px;
height: 42px;
}

header section.search .search-form .form-group input[type=text]:focus {
    transition: all 1s ease-in;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #3dbbbb3d;
    color: #000000;
}
  
header section.search .search-form button[type="submit"] {
width: 34px!Important;
height: 42px!Important;
}

header section.search .search-form button[type="submit"] {
text-align: center;
right: 0px;
font-size: 14px;
color: #ffffff;
font-weight: 700;
background: #7c8e9a;
border-radius: 0px 5px 5px 0px;
border-left: 2px solid #ffffff;
}

.arrow_box:after, .arrow_box:before {
left: 88%;
}

.headersection-2 {
padding-top: 5px;
height: 70px;
}

.Googlelink {
color: #ffffff;
font-weight: 700;
}

.header-full .search_container {
flex: 1;
}

@media only screen and (min-width: 768px) {
.header-full .logo img {
width: 235px !important;
max-width: 100% !important;
height: auto !important;
max-height: none !important;
} }

.header-full section.search {
padding: 0;
border-radius: 5px;
background: #ffffff;
border: 0px;
}

.header-full .vertical-align>div {
width: auto;
}

header .header-full .widgetsearch.search {
margin: 15px 0;
}

.menu.expanded .catalog .submenu li.has-image a img {
border: 1px solid #b3b3b3!important;
padding: 10px;
margin-top: 15px;
filter: brightness(0.75);
}

.menu.expanded .catalog .submenu li.has-image a img:hover {
filter: brightness(0.9);
}

.menu.expanded .catalog .submenu li.has-image a {
padding-left: 0px;
}
  
.menu .catalog li .submenu {
max-height: 395px;  
}
  
.menu.expanded .catalog .submenu li > ul > li:nth-of-type(5) a{
color: #111111;
font-weight: 700;
}

.menu.expanded .catalog .submenu li > ul > li:nth-of-type(5) a:hover{
color: #0098d4;
}
.menu .catalog li:hover {
background-color: #878787;
}
  
  
.menu.expanded .catalog li .submenu {
border-top: 3px solid #3dbbbb;
}

.menu ul.catalog>li.has-submenu>a:hover {
color: #111111;
transition: all 0.35s;
}

.menu.expanded .catalog>li>ul.submenu>div>li {
width: 16.667%;
}

.menu.expanded .catalog .submenu .submenucontainer>li>a {
text-transform: uppercase;
text-decoration: none;
font-size: 1.00rem;
}

.menu.expanded .catalog .submenu li a {
color: #111111;  
font-size: .9rem;
Padding-bottom:5px;
}

.menu.expanded .catalog li .submenu li a:hover {
color: #0098d4;
text-decoration: none;
}

.menu ul.catalog>li.has-submenu>a {
text-transform: uppercase;
font-size: 0.95em;
font-weight: 600;
}

.menu .catalog li a {
    padding: 9px 10px;
}

.menu .catalog li {
padding: 0px 0px;
}

/* Header Menu Changes - End */

/* Temp Code for Mini Cart Display*/

.toolbar .cart-btn:hover>.btn{
background: #c9c9c9;
}

.toolbar .cart-btn>.btn {
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
background: #e6e6e6;
height: 42px;
}

.Googlelink .text-small {
font-size: 24px;
letter-spacing: 2px;
}

.toolbar .cart-btn>:hover.btn {
background: #c9c9c9;
}


.toolbar .cart-btn>.btn b {
color: #111111;
font-size: 14px;
font-weight: 700;
line-height: 32px;
}

.toolbar .cart-btn>.btn span {
color: #ffffff;
}


.toolbar .cart-btn>.btn i {
  display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://eu.evocdn.io/dealer/1022/content/media/cosbasketicon2.png) no-repeat center;
    margin-right: 5px;
    margin-left: 0px;
    max-width: 20px;
}

.toolbar .cart-btn>.btn {
    padding: 5px 20px 5px 10px;
}

/* Temp Code for Mini Cart Display - End */


.footLinks li a {
    display: block;
    border-bottom: 2px solid transparent;
    transition: all 0.35s;
    margin-bottom: -2px;
    padding: 8px 0;
}

.text-white {
color: #222222;
}

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

.CFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
white-space: nowrap;
}


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

.footLinks li {
display: inline-block;
font-size: 14px;
text-transform: capitalize;
}

  
menu ul.catalog > li > a {
    padding: 20px 30px;
    font-weight: 700;
    color: #343434;
    font-size: 16px;
    background: url(https://eu.evocdn.io/dealer/1088/content/media/My_Theme/go-nav-arrow.png) no-repeat right 15px center;
}


.footLinks li a:hover {
color: #3dbbbb;
}

li.COSLoggedOut.COSSign {
font-weight: 700;
}

.list-attribute.product-rewards-badge .badge-rewards-wrapper .badge-rewards {
text-align: center;
color: #333333;
max-height: 36px;
font-weight: 700;
padding: 4px 8px;
background: #fafafa;
font-size: 16px;
}

.ex-product .list-attribute.product-rewards-badge .badge-rewards-wrapper .badge-rewards{
min-width: 67%;
display: inline-block;
}

.catalog-grid .list-attribute .badge-rewards-wrapper .badge-rewards {
display: flex;
justify-content: center;
}


.Hotspot .homeBoxes figure h2{
font-size: 16px!Important;
}

.menu .catalog-block  {
background-color: #878787!Important; 
}

.ProdBanner .homeBoxes figure h2  {
font-size: 18px!Important;
}


.rewards .reward-items-list .reward-item .product-card .product-image img {
border-radius: 10px;
box-shadow: 5px 5px 10px 0px #adadad;
}

.freedelivery_wrapper {
padding: 5px 10px 5px 10px;
color: #ffffff;
font-size: 18px;
text-align: center;
background: #454545;
margin-bottom: 10px;
margin: 10px 15PX;
}

.shopping-cart .freedelivery_wrapper {
margin: 0px 0px 10px 0px;
}

.cart-btn #minicart_points_balance td {
background: #f5f5f5;
color: #2c3949;
font-weight: 700;
}

.relationship-carousel .owl-next, .relationship-carousel .owl-prev {
font-size: 1.6em;
}


.relationship-carousel .owl-next:before{
content: "\f0da";
color: #333333;
}

.relationship-carousel .owl-prev:before{
content: "\f0d9";
color: #333333;
}

.relationship-carousel .owl-prev:hover:before {
color: #3dbbbb;
}

.relationship-carousel .owl-next:hover:before{
color: #3dbbbb;
}

.singlebanner_wrapper .banner_content .banner_button:hover {
color: white;
}

.widget-lastviewedproducts-html .owl-nav .owl-next:before {
content: "\f0da";
}
.widget-lastviewedproducts-html .owl-nav .owl-prev:before {
content: "\f0d9";
}


.catalog-single .product-panel .panel{
box-shadow: none;
}

section.search.search-with-in .searchtoolsright a:hover {
    background: #3dbbbb;
}

section.search {
background:#ffffff;
border-left: 1px solid #bfe8e8;
border-right: 1px solid #bfe8e8;
border-top: 1px solid #bfe8e8;
box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, .05), -4px -4px 6px 0 hsla(0, 0%, 100%, .3);
border-radius: 0px 0px 8px 8px;
}

section.search.search-with-in .searchtoolsright a {
    color: #292c2e!Important;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #7e7e7e;
    cursor: pointer;
    white-space: nowrap;
    transition: .2s ease-in;
    font-size: 1.1em;
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
}

.homeBoxes .homeBox img  {
background: #f3f3f3;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 15%, rgb(151 146 146 / 60%));
filter: grayscale(0.8);
}

.Hotspot .homeBoxes .flex {
padding: 10px;
}

@media (max-width: 768px){
.TopBanner .banner_title {
max-width: 100%;
} }

@media (min-width: 769px){
.TopBanner .banner_title {
max-width: 40%;
} }

@media (max-width: 768px){
.TopBanner h3.banner_subtitle {
max-width: 100%;
} }

@media (min-width: 769px){
.TopBanner h3.banner_subtitle {
max-width: 50%;
} }

.homeBoxes figure h2 span {
display: block;
padding: 3px 0px;
}

.homeBoxes figure h2 {
max-width: 50%;
text-align: left;
overflow: unset!Important;
padding: 1em 2px!Important;
}

.merchandising-content-static .widget-product-box .product-img-container:hover {
box-shadow: 0 10px 10px -5px #cdcdcd;
}

.homeBoxes figure.homeBox:hover img{
opacity: 1.0!Important;
filter: inherit;
background: linear-gradient(180deg, rgba(254,254,254,1) 50%, rgba(243,243,243,1) 100%);
}

.homeBoxes figure h2  {
color:#000000; 
}

.homeBoxes figure h2:after {
display: none;
}


.homeBoxes figure h2 {
font-size: 20px!Important;
float: left;
margin-left: 20px!Important;
line-height: 15px;
}

.homeBoxes .homeBox img{
border: 1px solid #cccccc;
width: calc(100% + 15px)!Important;
}

.homeBoxes figure h2 {
font-weight: 400!Important;
text-shadow: none!Important;
}
  
  
.homeBoxes .flex {
margin-left: -15px;
}

.homeBoxes .homeBox{
padding: 0 15px;
}

.homeBoxes .homeBox{
background: none!Important;
}

@media screen and (min-width: 769px) {
.homeBoxes .homeBox{width:calc(100%/6)}
}

.homeBoxes figure h2 {
margin-left: 20px;
}

@media screen and (min-width: 360px) {
.homeBoxes .homeBox{width:50%}
}

.homeBoxes .homeBox{position:relative;float:left;overflow:hidden;margin:0;background:#b8b8b8;text-align:center;cursor:pointer;transition:all .35s;width:100%}

@media screen and (min-width: 360px) {
.homeBoxes .homeBox{width:50%}
}

@media screen and (min-width: 769px) {
.homeBoxes .homeBox{width:calc(100%/6)}
}

.homeBoxes figure p {
display: none;
}


.bannerHome .banner_content {
background: linear-gradient(to top, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.8));
}

.bannerHome .btn.banner_button{
font-weight: 400;
padding: 5px 15px;
}

.bannerHome .bannerHome .doublebanner_wrapper .banner_content, .singlebanner_wrapper .banner_content {
align-items: flex-start;
padding: 20px;
}

.bannerHome h3.banner_subtitle {
font-size: 1.0em!Important;
}



.bannerHome .banner_title {
font-size: 1.3em;
color: #ffffff;
font-weight: 700;
}

.merchandising-content-static .widget-product-box .product-price-container {
padding-top: 0px;
color: #b12704;
}

.merchandising-content-static .widget-box .btn-widget-action  {
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
}

.merchandising-content-static .widget-box .btn-widget-action:hover  {
background: #3dbbbb;
color: #ffffff;
}

#merchandisingcontentstatic_185073 .col-lg-3{
float:right;
}

#merchandisingcontentstatic_185193 .col-lg-3{
float:right;
}

.merchandising-content-static .widget-product-box {
text-align: left;
}

.merchandising-content-static .price-from, .merchandising-content-static .price-from+.merchandising-content-static-price {
padding: 5px 0px 0px 5px;
}

.merchandising-content-static .widget-product-box .product-name-container {
padding: 5px 0px 0px 5px;
}

.merchandising-content-static .widget-box .btn-widget-action {
display: inline-block;  
}

.merchandising-content-static .widget-box {
min-height: 265px;
}

.merchandising-content-static .widget-box h3 {
font-size: 1.3em;
}

.merchandising-content-static .widget-box p {
font-size: 1.0em;
}

.merchandising-content-static .widget-product-box {
margin-top: 0px;
}

.merchandising-content-static .widget-product-box .product-img-container {
height: 160px;
mix-blend-mode: multiply;
border: 1px solid #ccc;
margin-bottom: 10px;
background: linear-gradient(180deg, rgba(254,254,254,1) 50%, rgba(243,243,243,1) 100%);
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 5px;
}

.merchandising-content-static .widget-product-box .product-img-container img {
max-height: 150px;
padding: 0px;
mix-blend-mode: multiply;
}

.catalog-single .tile .product-name {
font-weight: 400;
}


.price-from {
font-size: 1.3em;
font-weight: 700;
font-size: 14px;
}

.shop-filters .filter-section label {
margin: 0;
width: 100%;
}

.shop-filters .filter-options label {
width: 100%;
margin: 0;
margin-bottom: 5px;
}

.shop-filters .filter-options a {
width: 100%;
display: flex;
font-size: 1.0em;
align-items: center;
gap: 10px;
}

.shop-filters .filter-options a::before {
content: "";
width: 15px;
height: 15px;
border: 1px solid #3dbbbb;
flex-shrink: 0;
border-radius: 2px;
display: none;
}

.shop-filters .filter-options a:hover::before, .shop-filters .filter-options a:focus-within::before {
border: 3px solid #3dbbbb;
}

.shop-filters .filter-options a.active::before {
background-color: #3dbbbb;
border-color: #3dbbbb;
background-image: url(https://eu.evocdn.io/dealer/1022/content/media/costick24.svg);
background-repeat: no-repeat;
background-size: 9px;
background-position: center;
}

.shop-filters .filter-options .filterOptionName {
margin-right: auto;
}

.shop-filters .filterOptionCount {
color: #878787;
font-size: 0.75em;
}

.shop-filters .filter-section {
background: white;
border-radius: 8px;
box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, .05), -4px -4px 6px 0 hsla(0, 0%, 100%, .3);
border: 1px solid #bfe8e8;
padding: 10px 10px 10px 10px;
margin: 0px;
}
#productsrelated_144568 .relationship-carousel .owl-carousel .owl-nav .owl-prev {
background: #ffffff;
}

#productsrelated_144568 .relationship-carousel .owl-carousel .owl-nav .owl-next {
background: #ffffff;
}


#merchandisingcontent_183411 .inner {
max-width: 94%;
margin-right: 40px;
}

body.ex-product .product-options .option-group .option-group-swatch .swatch-preview {
background-size: 170%;
bottom: -75px;
height: 75px;
width: 75px;
left: 3px;
}



.product-options .option-group-radiobox input[type=radio] {
vertical-align: text-top;
}

.product-options .option-group-radiobox {
display: inline-block;
margin: 0 20px 5px 0;
}


body.ex-product .product-options .option-group .option-group-swatch label {
border: 0px solid #949494!Important;
padding: 0px;
}


body.ex-product .product-options .option-group .option-group-swatch label {
font-weight: 400;
}

body.ex-product .product-options .option-group .option-group-swatch label {
display: flex;
flex-direction: column;
align-content: stretch;
justify-content: space-evenly;
align-items: center;
}

.product-options .option-group {
  order: 2;
  flex: 0 0 calc(50% - 6px);
}

.product-options .option-group[data-type="6"] {
  order: 1;
  flex: 0 0 100%;
}

@media screen and (max-width: 767px) {
.catalog-single .product-shopping-actions-options {
position: static;
padding: 10px 10px 0;
border: 1px solid #e5e5e5;
background: #e6f7f7;
} }


#merchandisingcontent_158521 .catalog-single h3 {
background: #f6cb25!Important;
color: #000000!Important;
}

.catalog-grid .tile .manufacturer-ref {
font-size: 10px;
}

.cart-dropdown .fa-plus-square-o:before {
content: "\f106"!important;
}

.extend_del_Banners {
background: #ffffff!important;
}

.PrdPricePromoHd {
Background: #e6e6e6!important;
padding: 5px 0px!important;
}

.cart-dropdown .fa-minus-square-o:before {
content: "\f107"!important;
}

.catalog-single .product-brand a {
text-transform: uppercase;
margin-left: 2px;
}

.catalog-single .tile img {
mix-blend-mode: multiply;
} 



.cat-tiles .tile .cat-thumb-container>img {
max-width: 185px;
border-radius: 20px;
max-height: 185px;
mix-blend-mode: multiply;
}

.catalog-grid .tile .footer .brand-label a:hover, .catalog-grid .tile .product-name a:hover {
color: #808080!important;
}

.cat-tiles .tile .cat-thumb-container {
height: 200px;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(to left, #ffffff 50%, #f5f5f5 50%) right;
background-size: 200%;
transition: .35s ease-out;
border-radius: 10px;
}

.widget-lastviewedproducts-html.catalog-single h3 {
text-transform: uppercase;
font-weight: 700;
}


.catalog-single.has-carousel {
border-bottom: 1px solid #f3f3f3;
}


.catalog-single.has-carousel h3 {
padding: 0px 15px;
text-align: left!important;
}

.cat-tiles a {
margin-bottom: 0px;
}

.ribbon-wrapper .ribbon-side {
display:none; 
}


.cat-tiles .tile .cat-thumb-container:hover {
background-position: left;
}

.catalog-single .price {
color: #000000;
font-size: 2.0em;
background: #ffffff!Important;
padding: 0;
margin: 0;
margin-top:30px;	
}

.price-label.has-price::after, .price > .has-price::after, .price.has-price::after  { 
display: inline-flex;
}
span.price-label-inc-vat { 
font-weight: 700;
font-size: 12px;
margin-right: 5px;
}


.fa-wrench:before { 
padding: 5px 5px;
color: #454545;
font: normal normal normal 20px/1 FontAwesome;
}


.fa-truck:before {
padding: 5px 5px;
color: #454545;
font: normal normal normal 20px/1 FontAwesome;
}

.fa-leaf:before {
padding: 5px 5px;
color: #4CAF50;
font: normal normal normal 20px/1 FontAwesome;
}

.fa-recycle:before {
color: #4caf50!Important;
padding: 5px 5px;
font: normal normal normal 20px/1 FontAwesome;
}
  
.fa-shield:before {
padding: 5px 5px;
color: #454545;
font: normal normal normal 20px/1 FontAwesome;
}

#slider-banner-119553 img{
-webkit-mask-image: -webkit-gradient(linear,left top,left bottom,color-stop(100%,#000),color-stop(100%,transparent));
}

.hero-slider .ms-bullet {
border-radius: 20px;
border: 1px solid lightgrey;
width: 10px;
height: 5px;
margin: 0 4px;
transition: all .35s ease;
background: #ffffff;
}

.hero-slider .ms-bullet-selected  {
width: 45px; 
}

.catalog-single .prod-gal button.product-lightbox-open {
right: 0px;  
bottom: 20px;
}

.lastviewedproducts-content .product-list-actions {
right: 15px;
}

.product-list-actions {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    display: none;
}

.catalog-grid .product-list-actions {
top: calc(50% - 10px) !important;
}

.cart-dropdown table.minicart tr.gift td .gift-element {
margin-left: -10px;
border-color: #32ccff transparent transparent; 
}

.cart-dropdown table td.price .content_value {
background: #f5f5f5;
}


/* Removing Checkout Button from Mini Cart */
.cart-dropdown .footer .col-xs-6 {
width: 100%;
}

.cart-dropdown .footer .btn.btn-outlined-invert.btn-block.to-checkout {
display: none!Important;
}

.cart-dropdown .footer .btn.btn-outlined-invert {
color: #ffffff;
}

.cart-dropdown .footer  {
padding: 15px; 
}

/* Removing Trash from Item Mer in Chgeckout */

div#merchandisingcontent_215442 .footer-wrapper span.product-category {
display: none;
}

div#merchandisingcontent_215442 .footer-wrapper .indicators-grid {
display: none;
}

div#merchandisingcontent_215442 .product-compare-action {
display: none;
}

div#merchandisingcontent_215442 .catalog-single.has-carousel.item-merchandising {
box-shadow: 0 0px 0px 0px #fff!important;
}

div#merchandisingcontent_215442 .catalog-single.has-carousel h3 {
border-bottom: 0px;
text-transform: none;
}


.group-filters .save-buttons .new-group-btn {
background: #3dbbbb;
}

.catalog-grid .tile .footer .btn-primary.pre_order_btn:before {
content: "\f06a";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 10px;
}


.catalog-grid .tile .footer .btn-primary.pre_order_btn.MTO_btn:before {
content: "\f044";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 10px;
}


.ex-product button#addItemToCart.pre_order_btn.MTO_btn:before {
content: "\f044";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 10px;
}

.ex-product button#addItemToCart.pre_order_btn:before {
content: "\f06a";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 10px;
}

.col-md-12.icons-block {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
font-size: 11px;
}

/* stand Out Navigation Tabs  */
li.standOut > a {
	display: inline-block;/*bug fix*/
	position: relative;
	text-decoration: none;
  
}

li.standOut > a::after {
	content: 'NEW';
	position: absolute;
        bottom: 99%;
	right:50%;
	background: #3dbbbb;
	padding: 0px 6px 0px 5px;
	color: #fff;
	white-space: nowrap;
	opacity: 1;
	font-size: 12px;
	font-weight: bold;
  font-family: sans-serif;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
li.standOut > a::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 8px solid #5bd2ec;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	opacity: 1;
	right: 60%;
	bottom: 88%;
  
}
li.standOut > a:hover::after {
	bottom: 89%;
}
 li.standOut > a:hover::before {
	bottom: 78%;
}
li.standOut > a::after {
	
    -webkit-animation: fadeinndnd 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinnd 1s; /* Firefox < 16 */
        -ms-animation: fadeinnd 1s; /* Internet Explorer */
         -o-animation: fadeinnd 1s; /* Opera < 12.1 */
            animation: fadeinnd 1s;
}
 li.standOut > a::before {
	
    -webkit-animation: fadeinnd 1.6s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinnd 1.6s; /* Firefox < 16 */
        -ms-animation: fadeinnd 1.6s; /* Internet Explorer */
         -o-animation: fadeinnd 1.6s; /* Opera < 12.1 */
            animation: fadeinnd 1.6s;
}

@keyframes fadeinnd {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadeinnd {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinnd {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeinnd {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeinnd {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* stand Out Navigation Tabs - end  */

.COSVAT input.cmn-toggle-round-flat.tiny+label {
    height: 18px;
    width: 50px;
}

.COSVAT input.cmn-toggle-round-flat.tiny:checked+label:after  {
margin-left: 20px;
}

.COSVAT input.cmn-toggle-round-flat:checked + label:after {
background-color: transparent;
content: "ON";
font-size: 12px;
line-height: 12px;
font-weight: 600;
}

.COSVAT input.cmn-toggle-round-flat+label:after {
background-color: transparent;
content: "OFF";
font-size: 12px;
line-height: 12px;
color: #454545;
font-weight: 600;
}

.COSVAT input.cmn-toggle-round-flat+label {
border-radius: 5px;
}

.COSVAT input.cmn-toggle-round-flat+label:before {
background-color: transparent;
border-radius: 5px;
bottom: 0px;
left: 0px;
right: 0px;
top: 0px;
}

body .toolbar .account-btn {
  color: #111;
  background: linear-gradient(180deg, #f2f2f2 0%, #e6e6e6 100%);
  border: 1px solid #d0d0d0;

  padding: 10px 14px;
  cursor: pointer;
  z-index: 101;

  font-size: 14px;
  font-weight: 800;

  border-radius: 6px;

  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.08),
    0 2px 6px rgba(0, 0, 0, 0.10);

  max-height: 42px;
  min-height: 42px;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  transition: all 0.18s ease;
}

/* HOVER */
body .toolbar .account-btn:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, #ffffff 0%, #ededed 100%);
  box-shadow:
    0 3px 8px rgba(0, 0, 0, 0.12),
    0 6px 14px rgba(0, 0, 0, 0.10);
}

/* ACTIVE / CLICK */
body .toolbar .account-btn:active {
  transform: translateY(0px);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.10);
}

/* FOCUS (keyboard accessibility) */
body .toolbar .account-btn:focus {
  outline: 2px solid #3dbbbb;
  outline-offset: 2px;
}



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

body.ex-loggedout .toolbar .account-btn {
margin-right: 0px;
}
.headLogoutButton{
display:none;
}
.headLogoutButton:before{
  display:none;
}

body .toolbar .account-btn:hover{
background: #3dbbbb;
color: #ffffff;
}

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

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


.toolbar a span {
color: #000000;
}

a.toggle-vat-incl-wrapper label {
font-size: 12px;
}

.minicart_container {
padding-left: 0;
}

.COSVAT .toggle-vat-incl-wrapper {
    margin-left: 0px;
}

a.toggle-vat-incl-wrapper {
    display: flex;
}

i.material-icons.user-icon::before {
font-size: 22px;
color: #000000;
}



.FreeGiftSlider {
display: none;
}

.FreeGiftSlider .slick-prev, .FreeGiftSlider .slick-next {
    position: absolute;
    display: block;
    height: 15px;
    width: 15px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    bottom: -32px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 1;
}

.FreeGiftSlider .slick-slide {
margin: 0px 5px;
}

.FreeGiftSlider .slick-prev, .FreeGiftSlider .slick-next {
position: absolute;
display: block;
}

.FreeGiftSlider .slick-next {
right: 5px;
}

.FreeGiftSlider .slick-prev {
left: 10px;
}

.FreeGiftSlider .slick-prev, .FreeGiftSlider .slick-next {
position: absolute;
display: block;
border: none;
outline: none;
z-index: 1;
top: calc(50% - 5px);
width: 7px;
height: 11px;
}

.FreeGiftSlider .slick-prev:before, .FreeGiftSlider .slick-next:before {
font-family: sans-serif;
font-size: 20px;
line-height: 1;
color: #fff;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.FreeGiftSlider .slick-prev, 
.FreeGiftSlider .slick-next {
    position: absolute;
    display: block;
    height: 15px;
    width: 15px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: rgba(0,0,0,0);
    color: rgba(0,0,0,0);
    bottom: -32px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 1;
}

.FreeGiftSlider .slick-list {
    margin-right: 20px;
    margin-left: 20px;
}

.FreeGiftSlider.slick-initialized.slick-slider {
    background: #f5f5f5;
    padding: 10px;
}

.quicklinks div.ctct-form-embed div.ctct-form-defaults {
padding: 0px;
background-color: transparent;
}

.quicklinks div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
height: 30px ! Important;
}

.quicklinks div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
width: 50%;
padding: 7px;
}

.quicklinks p {
margin-bottom: 10px;
}

.quicklinks div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {
margin: 0 0 10px;
}

.quicklinks .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text, .quicklinks .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-link {
font-size: 8px;
margin-bottom: 10px;
}

.quicklinks .ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text {
font: 20px;
font-size: 11px!important;
width: 60%;
}

.quicklinks .ctct-form-button:hover {
background: #3dbbbb!Important;
color: #ffffff!Important;
}

.quicklinks .ctct-form-button {
background: #008080!Important;
color: #ffffff!Important;
}

.ctct-form-button {
    color: #222!Important;
    background: #6fdbff!Important;
    border: none!Important;
}
.ctct-form-button:hover {
    background: #3dbbbb!Important;
    color: #ffffff!Important;
}

@media only screen and (max-width: 768px){
section.quicklinks {
text-align: left!Important;
}

.footersection-2 .nFlex h4 {
color: #d7d7d7;
}

.quicklinks p {
color: #ffffff;
}

.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-label, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-link, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-privacy-link {
color: #ffffff!Important;
}
}


.row.account-message {
margin-right: 25px;
margin-left: 25px;
}

.merchandising-carousel.carousel-210046 .prodToolsWrap {
display: none;
}

.merchandising-carousel.carousel-210046 .product-category {
display: none;
}

.merchandising-carousel.carousel-210046 .owl-carousel .tile .footer {
padding: 0px;
}

.merchandising-carousel.carousel-210046 .tile {
background-color: #e6f9ff;
border: 3px solid #e6e6e6 !important;
}

.merchandising-carousel.carousel-210046 .tile:hover {
background-color: #e6e6e6;
border: 3px solid #3dbbbb!Important;
opacity: 1!Important;
}

.merchandising-carousel.carousel-210046 .footer {
background-color: transparent;
border-top: 0px;
}

.merchandising-carousel.carousel-210046 h3 {
color: #454545;
}

.merchandising-carousel.carousel-210046 .price-label.has-price {
font-size: 2.0em;
}

.catalog-grid .merchandising-carousel.carousel-210046 .tile:hover .imgthumbnail {
opacity: 1;
}


div#htmlcontent_197026, div#htmlcontent_230178 {
background: #f1f1f1;
}


/* Move reCAPTCHA v3 badge to the left */
 
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

.list-attribute.min-order {
display: inline-flex;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    width: auto;
    font-style: normal;
    line-height: 1.45;
    background: #f5f5f5;
    color: #454545;
    font-weight: 700;
    padding: 6px 15px;
    border-radius: 5px;
    font-size: 10px;
    border: 1px solid #ececec;
    height: 36px;
}

.iconmoq-min-order-quantity:before {
display: none;
}

.iconmoq-min-multiple-quantity:before {
display: none;
}


/* Account Application Form */

.cosaccountapplicationform h3 {
text-align: center;
font-size: 30px;
margin-bottom: 20px;
margin-top: 0px;
}

.cossector-form-Title h3 {
font-size: 16px;
text-align: left;
margin-bottom: 15px;
}

.cossectormiddle label {
font-weight: 700;
}

.cosaccountapplicationform .cossector-form-Title h3 {
font-size: 18px;
text-align: left;
margin-bottom: 15px;
margin-top: 15px;
}

.cosaafsection {
box-shadow: rgb(0 0 0 / 29%) 0px 1px 4px;
padding: 5px 10px;
margin-bottom: 15px;
border-radius: 5px;
}

.COSAAFSectorPageBox {
margin: 12px 0;
width: 96%;
position: relative;
background: #f7f7f9;
transition: 0.35s background;
overflow: hidden;
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

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

section.COSAAFPage {
margin-top: 45px;
}

.cosaccountapplicationform textarea#MessageArea {
box-shadow: rgb(0 0 0 / 29%) 0px 1px 4px;
border: 0;
}

.cosaafsection {
box-shadow: rgb(0 0 0 / 29%) 0px 1px 4px;
padding: 5px 10px;
margin-bottom: 15px;
border-radius: 5px;
background: url(https://eu.evocdn.io/dealer/1022/content/media/COSAAFBK.png) no-repeat center;
background-size: cover;
}

.cosaafsection span {
font-size: 14px;
margin-left: 10px;
}

.catalog-single .product-title {
border-bottom: 0px solid #e6e6e6;
padding-bottom: 0;
}

@keyframes pulse-animation4 {
  0% {
    box-shadow: 0 0 0 0px rgb(51 204 255 / 47%);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0);
  }
}

/* Changes to customer tools */

#cdash_approver .grid-body>.row>*, #cdash_requester .grid-body>.row>* {
margin-bottom: 5px;
width: 96%;
}
.customertools .customertools-container {
background-color: #f5f5f5;
padding: 41px 0;
isolation: isolate;
}

.customertools .your-account {
background: none;
margin: 0 35px 20px;
padding: 0;
text-shadow: none;
text-transform: none;
color: #2f3849;
font-size: 1.4rem;
}

.customertools .nav-pills li a:hover i, .customertools .nav-pills li a:focus i {
filter: brightness(0) invert(1);
}

.customertools .customertools-container::after {
bottom: 0;
z-index: -1;
}

.customertools .nav i {
font-size: 24px;
vertical-align: middle;
margin-right: 15px;
background: linear-gradient(66deg, #4797ce 0%, #454545 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.myaccount .myaccount-title {
display: none;
}

.myaccount .row.account-message {
display: none;
}

.dashboard-links .customertools .customertools-container {
padding-left: 0px;
padding-right: 0px;
margin-top: 10px;
}

.dashboard-links .customertools .your-account {
margin: 0px 10px 10px;
}

.dashboard-links .customertools .customertools-container {
padding-left: 0px;
padding-right: 0px;
}

.grid-title .tools i {
color: #4797ce;
}

div.customertools .nav {
overflow-y: auto;
}
  
div#lastviewedproducts_235763 {
padding: 10px 30px;
}

.grid.simple .grid-title h3 {
color: #454545;
font-size: 1.4em;
}

.text-muted {
color: #454545 !important;
}

.grid-title .cdash-icon i {
color: #4797ce;
}

.myaccount table span.content_value {
font-size: 12px;
}


#cdash_accountmanagers_list {
overflow: hidden;  
}

.grid-body.no-border.hidden-panel.expanded {
overflow: hidden ! Important;
}

.grid-title .cdash-icon  {
display: none;
}

@media (min-width: 1024px) {
.dashboard-sortable .grid.simple .grid-body {
min-height: 250px;
} }

li#cdash_address h4.text-muted i.fa {
display: none;
}

li#cdash_address .address-lines {
text-transform: uppercase;
}
.page-content
/* Changes to Product Page */

.ex-product section.zonetop {
margin-bottom: 0px;
}


body.ex-product .twocolumnsleft .col-lg-10, body.ex-product .twocolumnsright .col-lg-10 {
background: #ffffff;
width: 74%;
margin-right: 1%;
border-style: solid;
border-color: #BFE8E8;
border-width: 1px;
border-radius: 15px;
}

.catalog-single .softgraybackground, .softgraybackground {
background: #ffffff;
border-style: solid;
border-color: #BFE8E8;
border-width: 1px;
border-radius: 10px;
margin-bottom:5px;
}

.desktop .productaddtocart_container {
border-style: solid;
border-color: #0000001a;
border-radius: 10px; 
border: 0px;
}

.extend_del_Banners1 img.responsive.deskimg {
border-style: solid;
border: 1px solid #e6e6e6 !important;
border-width: 2px;
border-radius: 10px;
}

 
.catalog-grid .tile {
margin: 10px auto;
max-width: none;
padding: 10px;
background: #ffffff;
border-radius: 18px;
border: 2px solid #bfe8e8;
}

.catalog-grid .tile:hover {
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.listtools .col.col-sm-2.tools-pagination {
width: 33.33%;
}

.listtools .col-md-6.col-sm-12.nowrap {
    width: 40%;
}

.gridtools {
padding: 0;
font-size: .9474em;
float: none;
}

.ex-product .breadcrumb {
padding: 5px 10px 20px 0px;
}


.catalog-single.has-carousel .tile, .catalog-single.has-grid .tile {
border-style: solid;
border-color: #0000001a;
border-width: 1px;
border-right: 1px solid #0000001a ! Important;
border-radius: 5px;
padding: 10px;
}


body.ex-product .product-options:before {
font-size: 15px;
font-weight: 700;
width: 100%;
padding: 12px 20px;
background: #e5e5e5;
position: absolute;
top: 0;
left: 0;
}


.productsummary_container span.icons-together {
display: flex;
align-items: center;
}

.productsummary_container span.icons-together {
display: flex;
align-items: center;
padding: 5px 10px;
border: 1px solid #b2b2b2;
border-radius: 6px;
margin: 2px;
}

.productsummary_container span.icons-together span.description {
display: block;
margin-left: 4px;
margin-top: 0px;
}

.productsummary_container span.icons-together:hover {
background: #e6e6e6;
color: #000000;
}


.catalog-single.has-carousel .product-compare-action  {
display: none;
}
/* Changes to Ribbons */

.ribbon-wrapper .ribbon-tips {
border-bottom: 0px solid;
border-right-width: 10px;
border-top-width: 25px;
border-left-width: 0px;
display: none;
}

.label-danger {
color: #ffffff;
background: #ffffff;
font-weight: 900;
font-size: 10px;
}



.save:before {
font-size: 10px;
margin-bottom: 2px;
color: #ffffff;
display: flex;
justify-content: space-around;
}



.prod-gal.master-slider .ms-slide-bgcont img {
padding: 25px;
}
/* start of video */

.tagline {
    z-index: 10;
}
.tagline:first-child {
    height: 60vh;
    min-width: 250px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
   display: -webkit-box; 
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex; 
   display: flex;
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}
section#section-top-main {
height: 60vh;
overflow:hidden;
}
.video-filter {
    z-index: 0;
    background-color: #2d364157;
    width: 100%;
    height: auto;
    position: absolute;
     left: 0;
}
.bgvid-c {
    height: 60vh;
    width: 100vw;
    overflow: hidden;
    position: absolute;
}
#bgvid {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100vw;
    position: relative;
}
#section-top-main h1 {
color: #3dbbbb;
font-size: 1.8em;
line-height: 1.6em; 
font-weight: 400;
text-shadow: -1px 1px 2px #111;
}
.img-icon {
    width: 10px;
    margin-top: -3px;
    margin-left: 5px;
}
.btn-white {
background: transparent;
border: 1px white solid;
color: white;
background-color: #00000085;
border-radius: 40px;
transition-duration: .3s;
padding: 10px 34px;
}
.btn-white:hover {
background: #2c3949;
color: #ffffff;
}
#section-top-main .btn-primary {
border-color: white;
background: transparent;
border: 1px white solid;
color: white;
background-color: #00000085;
border-radius: 40px;
transition-duration: .3s;
padding: 10px 34px; 
}

#section-top-main .btn-primary:hover {
background: #2c3949;
color: #ffffff;
}



@media only screen and (max-width: 992px) {
    #section-top-main h1 {
    font-size: 1.5em;
}
#section-top-main .btn {
    font-size: 23px;
    padding: 12px 30px;
}

}

@media only screen and (max-width: 600px) {
  h1 #section-top-main  {
    font-size: 1.5em;
}
#section-top-main .btn {
    font-size: 14px;
    padding: 10px 15px;
}

}

#section-top-main .col-lg-4 {
width: 60%;
}
#section-top-main .col-lg-offset-4 {
margin-left: 20%;
}

/* end of video */

body.has-myaccount-2 .modal .modal-body {
padding: 0px;
}

form#userformedit {
margin-top: 20px;
}

#approver_settings .panel-group .panel, #requester_settings .panel-group .panel {
background: #ffffff;
padding: 5px; 
}

.myaccount #details #userformedit .file-preview {
background: #ffffff;
}

div.customertools .nav li.group-name h4 {
white-space: wrap;
font-size: 16px ! Important;
margin-bottom: 10px ! Important;
text-transform: uppercase;
padding: 4px 0 0 0px;
}

div.customertools .nav a {
border-radius: 0px;
color: #454545;
padding: 5px 8px;
transition: background .35s ease, color .35s ease, padding .5s ease;
font-weight: 400;
line-height: 0.8em;
margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 11px;
padding-top: 5px;
border-left: 6px solid;
border-color: #e6e6e6;
}

div.customertools .nav a:hover {
background-color: #f8f8f8;
font-weight: 400;
line-height: 0.8em;
margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 11px;
padding-top: 5px;
border-left: 6px solid;
border-color: #3dbbbb;
color: #111111;
text-shadow: -1px 1px 2px #aaa;
}

.ex-product button#addItemToCart.pre_order_btn, .catalog-grid .tile .footer .btn-primary.pre_order_btn {
background: #878787;
color: #f5f5f5;
}

.catalog-grid .tile .footer div.rrp {
text-transform: unset;
text-decoration: line-through #b602058f;
font-size: 8px;
}

.catalog-grid .tile .footer span.stock-qty {
color: #068800;
order: -1;
width: 75px;
background-color: #f5f5f5;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
height: 40px;
}

.catalog-grid .list-attribute.product-stock strong.out-stock {
background: none;
padding: 5px 5px;
display: flex;
height: 40px;
align-items: center;
color: #ff0000;
}

.catalog-grid .list-attribute .product-stock {
width: 100%;
border: 1px solid #ececec;
padding: 0px 0;
}


.catalog-grid strong.stock-qty {
margin-right: 5px;
}

.catalog-grid .out-stock {
font-size: 12px;
}

.catalog-grid .footer > small, .catalog-grid .cfa {
font-size: 12px;
width: 100%;
display: block;
text-align: center;
margin: 0;
}

.catalog-grid .out-stock .small, small {
font-size: 12px;
margin-left: 5px;
color: #000000 ! Important;
display: contents;
}

.catalog-grid strong.stock-qty:before {
content: "";
width: 8px;
height: 8px;
background: #099502;
display: inline-block;
margin-right: 6px;
}


@media only screen and (min-width: 769px){
.ex-product .productdetails .list-attribute.product-stock {
position: absolute;
right: 15px;
top: 0px;
width: 50%;
border: 1px solid #ececec;
padding: 0px 0;
} }

.ex-product .productdetails .list-attribute.product-stock .in-stock {
font-size: 12px;
font-weight: 700;
display: inline-flex;
flex-direction: row-reverse;
width: 100%;
justify-content: space-between;
height: 30px;
align-items: center;
padding-left: 10px;
color: #068800;
}

.ex-product .productdetails .list-attribute.product-stock .out-stock {
font-size: 14px;
font-weight: 700;
color: #ff0000;
display: inline-flex;
text-align: center;
background: #f5f5f5;
border: none;
align-items: center;
height: 30px;
width: 100%;
justify-content: center;
}

.ex-product .productdetails .list-attribute.product-stock span.stock-qty {
color: #068800;
order: -1;
width: 50px;
background-color: #f5f5f5;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
height: 30px;
}

.catalog-single .product-summary .productdetails .label-focus {
background: #ffffff;
    color: #008080;
    display: inline-flex;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    width: auto;
    font-style: normal;
    line-height: 1.45;
    padding: 4px 15px;
    border-radius: 5px;
    font-size: 10px;
    border: 1px solid #3dbbbb;
    text-align: center;
    height: 36px;
}


body.has-myaccount-2 .modal .modal-header .close {
color: #008080;
right: 10px;
}

#quote-product-list-modal.newquotemodal .modal-content, #sales-quote-list-modal.newquotemodal .modal-content  {
padding: 30px 45px!important;  
}

#quote-product-list-modal.newquotemodal .modal-header, #sales-quote-list-modal.newquotemodal .modal-header {
border-bottom: 1px solid var(--evo-border-color, #ffffff);
}

#quote-product-list-modal.newquotemodal #accordion, #sales-quote-list-modal.newquotemodal #accordion {
border-bottom: 0px solid #e0e0e0;
}

#quote-product-list-modal.newquotemodal .modal-content #accordion .panel-heading h3, #sales-quote-list-modal.newquotemodal .modal-content #accordion .panel-heading h3 {
padding-bottom: 10px;
}

#quote-product-list-modal.newquotemodal #quote-product-list.table-fixed thead tr th, #sales-quote-list-modal.newquotemodal #quote-product-list.table-fixed thead tr th  {
padding-top: 8px;  
}
#quote-product-list-modal.newquotemodal #accordion:first-of-type, #sales-quote-list-modal.newquotemodal #accordion:first-of-type:before {
content: "Quotation";
font-size: 20px;
line-height: 42px;
font-weight: 700;
text-transform: uppercase;
color: #049af3;
}

#quote-product-list-modal.newquotemodal .modal-header .close, #sales-quote-list-modal.newquotemodal .modal-header .close {
top: calc(50% + 20px);
color: #878787;
right: 0px;
}

.table.product-summary td  {
color: #454545;
}

.contractitems span.price-label-inc-vat {
margin-right: 0px;
}

.erp-order-footer {
color: #454545;
font-weight: 700;
}

.myaccount table {
color: #454545;
}

.myaccount .table>tbody>tr.active>td,.myaccount .table>tbody>tr.active>th,.myaccount .table>tbody>tr>td.active,.myaccount .table>tbody>tr>th.active,.myaccount .table>tfoot>tr.active>td,.myaccount .table>tfoot>tr.active>th,.myaccount .table>tfoot>tr>td.active,.myaccount .table>tfoot>tr>th.active,.myaccount .table>thead>tr.active>td,.myaccount .table>thead>tr.active>th,.myaccount .table>thead>tr>td.active,.myaccount .table>thead>tr>th.active {
background-color: #3dbbbb;}

.myaccount .panel {
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.panel-default>.panel-heading {
color: #ffffff;
background: linear-gradient(58deg, #4797ce 0%, #3dbbbb 20%, #3dbbbb 80%, #4797ce 100%);
}
.myaccount #erpGridVue .no-more-tables thead th i, .myaccount #gridvue .no-more-tables thead th i, .myaccount #gridvue2 .no-more-tables thead th i, .myaccount #gridvueCylinders .no-more-tables thead th i, .myaccount #gridvuemultisearch .no-more-tables thead th i, .myaccount #userordergridvue .no-more-tables thead th i {
color: #ffffff;
}

.myaccount #erpGridVue .no-more-tables thead th, .myaccount #gridvue .no-more-tables thead th, .myaccount #gridvue2 .no-more-tables thead th, .myaccount #gridvueCylinders .no-more-tables thead th, .myaccount #gridvuemultisearch .no-more-tables thead th, .myaccount #userordergridvue .no-more-tables thead th {
color: #ffffff;
}
.cospromoproduct img.responsive.deskimg {
    background: #ffffff none repeat scroll 0 0;
    border: 5px solid #ffffff;
    box-shadow: 1px 1px 2px #949494;
}

.shopping-tools-wrapper.st-vat-toggle a.toggle-vat-incl-wrapper input.cmn-toggle-round-flat.tiny+label {
background-color: #e6e6e6;
}

input.cmn-toggle-round-flat+label:before   {
border-radius: 5px;
}
  
input.cmn-toggle-round-flat+label:after  {
border-radius: 2px;
}

input.cmn-toggle-round-flat+label  {
border-radius: 5px;
}

.toolbar .toggle-vat-incl-wrapper {
order: 2;
margin-left: 15px;
}

.header-full .vertical-align {
justify-content: space-between;
margin: 0 -25px;
}

.catalog-grid .tile .footer .footer-wrapper {
min-height: 0;
padding: 0;
}

.catalog-grid .brand-label, .catalog-grid #grid .brand-label {
line-height: 1;
text-transform: uppercase;
margin: 6px 0 0;
}

.catalog-grid .tile .product-sku {
background: #f5f5f5;
    color: #454545;
    font-weight: 700;
    padding: 4px 15px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #ececec;
}

.customertools .close-panel {
top: 5px;  
}

div.customertools .nav a#logoutButton span {
margin-right: 8px;
}

div.customertools .nav a#logoutButton {
border-color: TRANSPARENT;
background: #3dbbbb;
border-radius: 10px;
padding: 10px 10px 10px 10px;
}

div.customertools .nav a#logoutButton:hover {
color: #ffffff;
}
div.customertools[data-static=true] .customertools-container {
background: #fff;
padding: 10px;
margin-top: 0px;
border-radius: 10px;
border: 1px solid var(--evo-border-color, #eaeaea);
}

.ticker-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background:#000000;
  padding:10px;
    color:#fff;
}

.ticker-wrapper {
  display: inline-block;
  animation: ticker 30s linear infinite;
}

.ticker-wrapper:hover {
  animation-play-state: paused;
}

.ticker {
  display: inline-block;
}

.ticker-text {
  font-weight: bold;
  color: #F2B922;
}

.blink {
  animation: blinker 1.5s linear infinite;
  pointer-events: none;
 color: white;
font-weight: 700;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@keyframes ticker {
  0% {
    transform: translateX(20%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.tickerbtn {
  background: #c0c0c0;
  color:#000;
  padding:5px 8px;
  border-radius:5px;
  text-decoration:none;
  font-size: 12px;
}

.filter-container {
border-radius: 0;
padding-bottom: 20px;
}

@keyframes special {
0%,100%{
background-position: 200% 0%;
}

50%{
background-position: 0% 200%;
}
}

.text-cwhite2  {
white-space: nowrap;
font-weight: 600;
text-transform: uppercase;
color: #3dbbbb;
text-align: center;
text-transform: uppercase;
}

.text-cwhite2 span {
font-size: 14px;
padding: 0 0px;
text-transform: uppercase;
color: #fff;
animation: zoomup 3s linear infinite;
animation-delay: calc(150ms * var(--i));
}

.special {
width: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #049af3;
padding: 10px;
}

.text-special  {
font-weight: 700;
font-size: 70px;
line-height: 65px;
letter-spacing: 10px;
text-align: center;
text-transform: uppercase;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
background-size: 400%;
animation: special 25s ease infinite;
background-image: linear-gradient(68.7deg, #3dbbbb 13.2%, #049af3 29.8%, #0c6092 48.9%, #049af3 68.2%, #3dbbbb 86.4%);
}


@keyframes zoomup {
  0%,
  100% {
    color: #ffffff;
    filter: blur(0.5px);
    text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #ffffff,
      0 0 40px #ffffff, 0 0 60px #ffffff, 0 0 80px #ffffff, 0 0 100px #ffffff,
      0 0 120px #ffffff;
  }

  5%,
  95% {
    filter: blur(0);
    color: #3dbbbb;
    text-shadow: none;
  }
}

@keyframes zoomup1 {
  0%,
  100% {
    color: #ffffff;
    filter: blur(0.5px);
    text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #ffffff,
      0 0 40px #ffffff, 0 0 60px #ffffff, 0 0 80px #ffffff, 0 0 100px #ffffff,
      0 0 120px #ffffff;
  }

  5%,
  95% {
    filter: blur(0);
    color: #3c1944;
    text-shadow: none;
  }
}


/* January 2025 Valued Deal - Account Only - remove after 31st */

.catalog-single .product-title {
padding-bottom: 05px;
padding-top: 15px;
}

.catalog-single .product-title .product-name {
font-size: 0.875em;
color: #454545;
font-family: "Montserrat", sans-serif !important;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.5;
}

.catalog-single .product-title + .live-inventory-v2-wrapper {
    color: #008080;
    font-size: 14px;
    font-weight: 700;
}

@media only screen and (max-width: 768px){
.catalog-single .product-title .product-name {
font-size: 0.75em;
} }
  
  
.panel-group .panel-heading {
padding: 15px 15px;
background-color: #f4f4f4;
}

.catalog-single .panel-group .panel-heading h3 {
margin: 0;
font-family: "Montserrat", sans-serif !important;
letter-spacing: normal;
color: #454545;
font-size: 1em;
line-height: 1.5;
display: flex;
justify-content: space-between;
align-items: center;
}

.panel-heading.collapsed h3:after  {
font-size: 1.6em;
}

.panel-heading h3:after {
font-size: 1.6em;
}

.panel-body {
padding: 15px 30px !important;
background: #ffffff;
}

.tech-specs .item {
padding: 5px 0;
}

.tech-specs .item:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
}

.tech-specs .item:nth-child(2n+1) {
background-color: rgba(0, 0, 0, 0);
}

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

.catalog-single .prod-gal {
margin: 0 0 150px !important;
}

@media only screen and (max-width: 768px){
.catalog-single .prod-gal {
margin: 0 0 0 !important;
} }

.catalog-single .ms-thumb-list {
bottom: -120px ! Important;
height: 120px !important;
}

.catalog-single .ms-thumb-frame:hover {
border-color: #3dbbbb;
}

.catalog-single .ms-thumb-frame {
width: 120px !important;
height: 120px !important;
background-color: #f5f5f5;
border-radius: 5px;
padding: 10px;
opacity: 1;
border: 1px solid #e6e6e6;
margin: 0 10px 0 0 !important;
}

.catalog-single .ms-thumb {
mix-blend-mode: multiply;
position: relative;
object-fit: contain;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: block;
top: inherit;
transform: none;
}

.catalog-grid .imgthumbnail {
height: 250px;
padding: 15px;
transition: padding .35s;
margin-bottom: 15px;
border-radius: 3px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px 10px 0px 0px;
}

.catalog-grid .imgthumbnail img {
mix-blend-mode: multiply;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
transition: transform .2s;
}

.catalog-grid .imgthumbnail:hover img  {
transform: scale(1.1);
}

#filterswrapper .swatch-grid {
display: flex;
flex-wrap: wrap;
margin: 0 0 10px;
gap: 5px;
}

#filterswrapper .swatch-grid .option-div {
margin: 0;
height: 28px;
width: 28px;
}

#filterswrapper .swatch-grid .option-div label {
margin: 0;
display: block;
height: 100%;
width: 100%;
}

#filterswrapper .swatch-grid a {
border-radius: 15%;
padding: 0;
height: 100%;
width: 100%;
min-height: 0;
min-width: 0;
display: block;
margin: 0;
border: 1px solid #e6e6e6;
}

.shop-filters .swatch-bg-image .selected-btn, .shop-filters .swatch-bg-image a {
background-size: auto;
}

/* Quicklink Bar - Category / Search */

.QFlex {
display: flex;
justify-content: space-between;
align-items: center;
white-space: nowrap;
background: white;
}

ul.CList.QFlex.Quicklinksa.font-Sans-Pro {
    border-radius: 5px;
}

.Quicklinks {
padding-top: 5px;
padding-bottom: 5px;
}

.Quicklinks ul li.cosqlink {
width: 1px;
height: 10px;
background: #454545;
margin: 0 2px;
display: none;
}

.text-qlwhite {
color: #ffffff;
white-space: nowrap;
transition: 0.35s all;
padding: 0px 10px;
}

.text-qlhwhite {
color: #ffffff;
white-space: nowrap;
transition: 0.35s all;
padding: 0px 10px;
}

.text-qlhwhite:hover {
color: #ffffff;
}

.Quicklinksa li {
display: inline-block;
font-size: 14px;
text-transform: capitalize;
background-color: #454545;
width: 100%;
text-align: center;
padding: 4px 0px;
}

li.COSQuicklink2 {
background-color: #ffffff;
border-bottom: 0px rgb(230, 230, 230);
border-left: 6px solid rgb(230, 230, 230);
border-color: rgb(230, 230, 230);
transition: 0.3s linear;
line-height: 0.8em;
margin-left: 5px;
}

li.COSQuicklink2:hover {
border-color: rgb(51, 204, 255);
}

.text-qlwhite {
color: #454545;
}

.text-qlhwhite:hover {
color: #3dbbbb;
}

.text-qlwhite:hover {
color: #000000;
text-shadow: rgb(170, 170, 170) -1px 1px 2px;
}

li.COSQuicklink1 {
border-radius: 5px 0px 0px 5px;
}

.shop-filters .remove-filter .remove-text {
color: #454545;
font-size: 1.0em;
padding-right: 3px;
visibility: hidden;
margin-left: 10px;
float: none;
}

.shop-filters .remove-filter {
color: #454545;
}
/* VIP Badge */
body.ex-loggedout .ribbon-wrapper.g9940.b4923 {
display: none;
}

#menulinks_262574 section.quicklinks ul, #menulinks_264826 section.quicklinks ul,
#menulinks_265457 section.quicklinks ul, #menulinks_269008 section.quicklinks ul,
#menulinks_269869 section.quicklinks ul, #menulinks_269858 section.quicklinks ul,
#menulinks_274121 section.quicklinks ul, #menulinks_277017 section.quicklinks ul,
#menulinks_277356 section.quicklinks ul, #menulinks_277356 section.quicklinks ul,
#menulinks_277363 section.quicklinks ul, #menulinks_277377 section.quicklinks ul
{
padding: 0px;
}

#menulinks_262574.menulinks_container section.quicklinks li.Quicklinka a:hover, #menulinks_264826.menulinks_container section.quicklinks li.Quicklinka a:hover,
#menulinks_265457.menulinks_container section.quicklinks li.Quicklinka a:hover, #menulinks_269008.menulinks_container section.quicklinks li.Quicklinka a:hover,
#menulinks_269869.menulinks_container section.quicklinks li.Quicklinka a:hover, #menulinks_269858.menulinks_container section.quicklinks li.Quicklinka a:hover,
#menulinks_274121.menulinks_container section.quicklinks li.Quicklinka a:hover, #menulinks_277017.menulinks_container section.quicklinks li.Quicklinka a:hover, 
#menulinks_277363.menulinks_container section.quicklinks li.Quicklinka a:hover, #menulinks_277377.menulinks_container section.quicklinks li.Quicklinka a:hover,
#menulinks_277356.menulinks_container section.quicklinks li.Quicklinka a:hover
{
color: #ef4900;
text-shadow: none;
}

body.ex-loggedout #menulinks_262574.menulinks_container section.quicklinks li.Quicklinkb, body.ex-loggedout #menulinks_264826.menulinks_container section.quicklinks li.Quicklinkb,
body.ex-loggedout #menulinks_265457.menulinks_container section.quicklinks li.Quicklinkb, body.ex-loggedout #menulinks_269008.menulinks_container section.quicklinks li.Quicklinkb,
body.ex-loggedout #menulinks_269869.menulinks_container section.quicklinks li.Quicklinkb, body.ex-loggedout #menulinks_269858.menulinks_container section.quicklinks li.Quicklinkb,
body.ex-loggedout #menulinks_274121.menulinks_container section.quicklinks li.Quicklinkb, body.ex-loggedout #menulinks_277017.menulinks_container section.quicklinks li.Quicklinkb,
body.ex-loggedout #menulinks_277356.menulinks_container section.quicklinks li.Quicklinkb, body.ex-loggedout #menulinks_277363.menulinks_container section.quicklinks li.Quicklinkb,
body.ex-loggedout #menulinks_277377.menulinks_container section.quicklinks li.Quicklinkb,
{
display: none;
}

div#productsgrid_269856 {
display:none;
}


div#productsgrid_287965 {
display:none;
}

div#htmlcontent_269905 {
padding: 20px;
}

div#htmlcontent_269905 h4 {
color: #bc9c22;
font-size: 18px;
}

.ribbon-wrapper.g10863.b5540 .ribbon {
border: 1px solid #bc9c22;
font-size: 12px;
}

.IMGCondition {
padding: 10px 10px;
}

.BasketFree {
border: solid 2px #b1b2b3;
padding:4px;
}

/*Brand Move to Main Image*/

.catalog-single .main-image .product-brand {
position: absolute;
top: 14px;
right: 14px;
margin: 0;
}

.catalog-single .main-image .product-brand a {
min-width: 45px;
height: 45px;
max-width: 120px;
border: 1px solid #b2b2b2;
display: block;
padding: 5px;
background-color: #f5f5f5;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
}

.catalog-single .product-brand a {
color: #000;
font-size: .7em;
font-weight: 700;
}

.catalog-single .main-image .product-brand a img {
    max-width: 60px;
    mix-blend-mode: multiply;
    max-height: 40px
}

.catalog-single .main-image .product-brand a:hover, .catalog-single .main-image .product-brand a:focus {
border-color: #3dbbbb;
}

@media only screen and (min-width: 2401px) {
#bgvid {
bottom: 50%;
} }

@media only screen and (max-width: 2400px) and (min-width: 1501px) {
#bgvid {
bottom: 0%;
} }

@media only screen and (max-width: 1500px) and (min-width: 1220px) {
#bgvid {
bottom: 0%;
} }

.coverarealeitz {
max-width: 1085px;
margin-left: 50px;
}

.coverarealeitz video {
width: 1480px;
}

.shopping-cart .product-category {
display: none;
}

.shopping-cart span.list-attribute.tier-pricing.product-volume.live-pricing-fallback-option-evox {
display: none;
}

.shopping-cart .catalog-grid .tile .footer, .catalog-single .tile .footer {
background: inherit;
position: relative;
}

.shopping-cart .owl-carousel .tile .footer .price-label {
font-size: 20px;
color: #454545;
}

.gridtools button {
background: #3dbbbb;
}

.gridtools button:hover {
background: #008080;
}

.load-more-btn-wrapper button.load-more-btn.btn.btn-sm  {
background: #008080;
}

.load-more-btn-wrapper button.load-more-btn.btn.btn-sm:hover {
background: #3dbbbb;
}

button.btn.btn-default.btn-sm.btn-media-full.clear-cart {
background: #b2b2b2;
}


button.btn.btn-default.btn-sm.btn-media-full.clear-cart:hover {
background: #878787;
}

.shopping-cart .cart-sidebar .cart-totals .btn {
width: 100%;
}

/* Mechanising Scroller Size adjustments */
.merchandisingcontent_container .catalog-single.has-carousel .imgthumbnail {
height: 100px;
margin: 0 auto;
}
    
.merchandisingcontent_container .catalog-single .tile .footer  {
min-height: 170px;
}
.merchandisingcontent_container .catalog-single .tile img {
max-height: 100px;
max-width: 100px;
}

.catalog-grid .tile .footer-wrapper-price span {
display: flex;
    color: #454545;
    font-size: 12px;
    ORDER: -1;
    align-items: flex-end;
}

.catalog-grid .tile .footer span.has-vat-price {
font-size: 14px;
}

.catalog-grid .tile .footer span.in-stock:before {
    content: "✓";
    color: #008080;
    font-weight: bold;
    margin-right: 5px;
}


.catalog-grid .tile .footer-wrapper-price .uomvalue {
font-size: 14px;
font-weight: 700;
margin-top: 0px;
}

.catalog-grid .tile .footer span.uom.uomblock, .catalog-single .tile .footer span.uom.uomblock, .uom.uomblock {
display: block;
margin-bottom: 10px;
margin-top: 0px;
}

.catalog-grid .product .tile .price-from {
display: block;
width: 100%;
margin: 0px 0px 10px 0px;
}

.catalog-grid .footer-wrapper-description {
display: inline;
}

.catalog-single .product-shopping-actions-options-wrapper {
    position: relative;
    margin: 0px;
  margin-top: 10px;
    margin-bottom: 10px;
}

.catalog-single .product-shopping-actions-options {
position: static;
padding: 10px 10px 0;
border: 1px solid #e5e5e5;
background: #e6f7f7;
}
/* Product Badges */

.ribbon-wrapper.b5846, .ribbon-wrapper.b5847, .ribbon-wrapper.b4920, .ribbon-wrapper.b2823, .ribbon-wrapper.b5848,
.ribbon-wrapper.b5849, .ribbon-wrapper.b6113, .ribbon-wrapper.b6559, .ribbon-wrapper.b6560, .ribbon-wrapper.b6561,
.ribbon-wrapper.b5864, .ribbon-wrapper.b5865, .ribbon-wrapper.b5866, .ribbon-wrapper.b5867, 
.ribbon-wrapper.B6558, .ribbon-wrapper.b6562, .ribbon-wrapper.b6563, .ribbon-wrapper.b6563,
.ribbon-wrapper.b5911, .ribbon-wrapper.b5925, .ribbon-wrapper.b6112, .ribbon-wrapper.b6114,
.ribbon-wrapper.b6208, .ribbon-wrapper.b6276, .ribbon-wrapper.b6275, .ribbon-wrapper.b6274, .ribbon-wrapper.b6273,
.ribbon-wrapper.b6283, .ribbon-wrapper.b6466, .ribbon-wrapper.b6527, .ribbon-wrapper.b6528, .ribbon-wrapper.b6529,
.ribbon-wrapper.b6530, .ribbon-wrapper.b6531, .ribbon-wrapper.b6532, .ribbon-wrapper.b6533, .ribbon-wrapper.b6534,
.ribbon-wrapper.b6556, .ribbon-wrapper.b6555, .ribbon-wrapper.b6554, .ribbon-wrapper.b6553, .ribbon-wrapper.b6552,
.ribbon-wrapper.b6551, .ribbon-wrapper.b6550, .ribbon-wrapper.b6549, .ribbon-wrapper.b6548, .ribbon-wrapper.b6557,
.ribbon-wrapper.b6545, .ribbon-wrapper.b6544, .ribbon-wrapper.b6543, .ribbon-wrapper.b6542, .ribbon-wrapper.b6541,
.ribbon-wrapper.b6540, .ribbon-wrapper.b6539, .ribbon-wrapper.b6546, .ribbon-wrapper.b6547
{
background-size: contain;
background-repeat: no-repeat;
}

.ribbon-wrapper.b5846 div, .ribbon-wrapper.b5847 div, .ribbon-wrapper.b4920 div, .ribbon-wrapper.b2823 div,
.ribbon-wrapper.b5848 div, .ribbon-wrapper.b5849 div, .ribbon-wrapper.b6113 div, .ribbon-wrapper.b6562 div,
.ribbon-wrapper.b6558 div, .ribbon-wrapper.b6559 div, .ribbon-wrapper.b6560 div, .ribbon-wrapper.b6561 div,
.ribbon-wrapper.b5852 div, .ribbon-wrapper.b5864 div, .ribbon-wrapper.b6563 div, .ribbon-wrapper.b6564 div,
.ribbon-wrapper.b5865 div, .ribbon-wrapper.b5866 div, .ribbon-wrapper.b5867 div,
.ribbon-wrapper.b5911 div, .ribbon-wrapper.b5925 div, .ribbon-wrapper.b6112 div,
.ribbon-wrapper.b6114 div, .ribbon-wrapper.b6208 div, .ribbon-wrapper.b6276 div, .ribbon-wrapper.b6275 div,
.ribbon-wrapper.b6274 div, .ribbon-wrapper.b6273 div, .ribbon-wrapper.b6283 div, .ribbon-wrapper.b6466 div.
.ribbon-wrapper.b6527 div, .ribbon-wrapper.b6528 div, .ribbon-wrapper.b6529 div, .ribbon-wrapper.b6530 div,
.ribbon-wrapper.b6531 div, .ribbon-wrapper.b6532 div, .ribbon-wrapper.b6533 div, .ribbon-wrapper.b6534 div, 
.ribbon-wrapper.b6556 div, .ribbon-wrapper.b6555 div, .ribbon-wrapper.b6554 div, .ribbon-wrapper.b6553 div,
.ribbon-wrapper.b6552 div, .ribbon-wrapper.b6551 div, .ribbon-wrapper.b6550 div, .ribbon-wrapper.b6549 div,
.ribbon-wrapper.b6548 div, .ribbon-wrapper.b6557 div, .ribbon-wrapper.b6545 div, .ribbon-wrapper.b6544 div, 
.ribbon-wrapper.b6543 div, .ribbon-wrapper.b6542 div, .ribbon-wrapper.b6541 div, .ribbon-wrapper.b6540 div, 
.ribbon-wrapper.b6539 div, .ribbon-wrapper.b6546 div, .ribbon-wrapper.b6547 div
{
display: none;
}

/* Product Badges - Grid View */
.productgridwidget .ribbon-wrapper[class^="b"] {
  width: 30px;
  height: 30px;
  left: 20px;
  margin-top: 3px;
}
.productgridwidget .ribbon-wrapper.b6208
{
width: 50px;
height: 50px;
left: 30px;
margin-top: 3px;
}

.productgridwidget .ribbon-wrapper.b6276, .productgridwidget .ribbon-wrapper.b6275,
.productgridwidget .ribbon-wrapper.b6274, .productgridwidget .ribbon-wrapper.b6273
{
width: 75px;
height: 55px;
left: 30px;
margin-top: 3px;
}

.productgridwidget .badges-wrapper > *:nth-child(n+5) {
display: none;
}

/* Product Badges - Product View */
.ex-product .productimage_container .ribbon-wrapper[class*="b"] {
  width: 35px;
  height: 35px;
  left: 0;
  margin-top: 5px;
}

.ex-product .productimage_container .ribbon-wrapper.b6208
{
width: 65px;
height: 65px;
left: 0px;
margin-top: 5px;
}

.ex-product .productimage_container .ribbon-wrapper.b6276,
.ex-product .productimage_container .ribbon-wrapper.b6275, .ex-product .productimage_container .ribbon-wrapper.b6274,
.ex-product .productimage_container .ribbon-wrapper.b6273
{
width: 75px;
height: 65px;
left: 0px;
margin-top: 5px;
}

.merchandising-content-static .badges-wrapper, .owl-item .badges-wrapper {
display:none  
}

/* Product Badges - Images */
/* ========================= */
/* Base Badge Setup */
/* ========================= */

.ribbon-wrapper[class*="b"],
.ribboncart-wrapper[class*="b"] {
  background-size: contain;
  background-repeat: no-repeat;
}

.ribbon-wrapper[class*="b"] div {
  display: none;
}

.productgridwidget .badges-wrapper {
  top: 20px;
}

.merchandising-content-static .badges-wrapper,
.owl-item .badges-wrapper {
  display: none;
}

/* Positioning */
.productgridwidget .ribbon-wrapper,
.ex-product .productimage_container .ribbon-wrapper {
  position: relative;
  z-index: 5;
}

/* ========================= */
/* Sizes */
/* ========================= */

.productgridwidget .ribbon-wrapper {
  width: 30px;
  height: 30px;
  left: 20px;
  margin-top: 3px;
}

.ex-product .productimage_container .ribbon-wrapper {
  width: 45px;
  height: 45px;
  left: 0;
  margin-top: 5px;
}

/* One Day Deal */
.ribbon-wrapper.b6208 { width: 50px; height: 50px; }
.ex-product .productimage_container .ribbon-wrapper.b6208 { width: 65px; height: 65px; }

/* Black Friday */
.ribbon-wrapper.b6276,
.ribbon-wrapper.b6275,
.ribbon-wrapper.b6274,
.ribbon-wrapper.b6273 {
  width: 75px;
  height: 55px;
}

.ex-product .productimage_container .ribbon-wrapper.b6276,
.ex-product .productimage_container .ribbon-wrapper.b6275,
.ex-product .productimage_container .ribbon-wrapper.b6274,
.ex-product .productimage_container .ribbon-wrapper.b6273 {
  height: 65px;
}

/* ========================= */
/* Badge Images (UPDATED) */
/* ========================= */

/* Chair Usage 4hr */
.ribbon-wrapper.b6559, .ribboncart-wrapper.b6559 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Usage_41.png);
} 

/* Chair Usage 5hr */
.ribbon-wrapper.b6560, .ribboncart-wrapper.b6560 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Usage_51.png);
} 

/* Chair Usage 6hr */
.ribbon-wrapper.b6561, .ribboncart-wrapper.b6561 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Usage_61.png);
} 

/* Chair Usage 8hr */
.ribbon-wrapper.b6562, .ribboncart-wrapper.b6562 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Usage_81.png);
} 

/* Chair Usage 12hr */
.ribbon-wrapper.b6563, .ribboncart-wrapper.b6563 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Usage_121.png);
} 

/* Chair Usage 24hr */
.ribbon-wrapper.b6564, .ribboncart-wrapper.b6564 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Usage_241.png);
} 

/* No Return */
.ribbon-wrapper.b6466, .ribboncart-wrapper.b6466 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_No_Return1.png);
}

/* Free Delivery */
.ribbon-wrapper.b5846, .ribboncart-wrapper.b5846 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Free_Del1.png);
}

/* INSTALL */
.ribbon-wrapper.b5925, .ribboncart-wrapper.b5925 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Badge_Icons/COS_ICON_INSTALL1.png);
}

/* 24 Delivery */
.ribbon-wrapper.b2823, .ribboncart-wrapper.b2823,
.ribbon-wrapper.b5848, .ribboncart-wrapper.b5848 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_24DEL3.png);
}

/* Custom Colours */
.ribbon-wrapper.b4920, .ribboncart-wrapper.b4920 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_MTO1.png);
}

/* MTO */
.ribbon-wrapper.b6558, .ribboncart-wrapper.b6558 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_MTO21.png);
}

/* 3rd Party (size dependent) */
.productgridwidget .ribbon-wrapper.b5847,
.productgridwidget .ribboncart-wrapper.b5847 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Badge_Icons/COS_ICON_SM_3RD_PARTY1.png);
}

.ex-product .productimage_container .ribbon-wrapper.b5847,
.ex-product .productimage_container .ribboncart-wrapper.b5847 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Badge_Icons/COS_ICON_LG_3RD_PARTY1.png);
}

/* Antalis */
.ribbon-wrapper.b6655, .ribboncart-wrapper.b6655, .ribbon-wrapper.b6655, .ribboncart-wrapper.b6655 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Min_Order1.png);
}

/* Deals */
.ribbon-wrapper.b5849, .ribboncart-wrapper.b5849, .ribbon-wrapper.b6622, .ribboncart-wrapper.b6622 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Promo-3.png);
}

/* Eco */
.ribbon-wrapper.b5865, .ribboncart-wrapper.b5865 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Recycled1.png);
}

.ribbon-wrapper.b5866, .ribboncart-wrapper.b5866 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Eco1.png);
}

/* Assembly */
.ribbon-wrapper.b5867, .ribboncart-wrapper.b5867 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Assemby1.png);
}

/* ValueX */
.ribbon-wrapper.b5911, .ribboncart-wrapper.b5911 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Badge_Icons/COS_ICON_VALUEX1.png);
}

/* Top Seller */
.ribbon-wrapper.b6112, .ribboncart-wrapper.b6112,
.ribbon-wrapper.b6113, .ribboncart-wrapper.b6113,
.ribbon-wrapper.b6114, .ribboncart-wrapper.b6114 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Best-11.png);
  font-size: 0;
  background: transparent;
  border: none;
  height: 0px!Important;;
}

body.ex-product .badges-wrapper {
left: 7px;
top: 20px;
}

@media only screen and (max-width: 1024px){
body.ex-product .badges-wrapper {
display: none;
} }
  
/* Specials */
.ribbon-wrapper.b6208, .ribboncart-wrapper.b6208 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Badge_Icons/ONEDAYICON-11.png);
}

/* New Item */
.ribbon-wrapper.b6794, .ribboncart-wrapper.b6794 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_New1.png);
}


/* Anti-static */
.ribbon-wrapper.b6608, .ribboncart-wrapper.b6608 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Anti-static1.png);
}


.ribbon-wrapper.b6283, .ribboncart-wrapper.b6283 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Badge_Icons/BOGOF21.png);
}

.ribbon-wrapper.b6276, .ribboncart-wrapper.b6276,
.ribbon-wrapper.b6275, .ribboncart-wrapper.b6275,
.ribbon-wrapper.b6274, .ribboncart-wrapper.b6274,
.ribbon-wrapper.b6273, .ribboncart-wrapper.b6273 {
  background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Badge_Icons/BF20251.png);
}

/* Battery Sizes */
.ribbon-wrapper.b6609, .ribboncart-wrapper.b6609 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Envelope_Battery_AA1.png); }
.ribbon-wrapper.b6610, .ribboncart-wrapper.b6610 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Envelope_Battery_AAA1.png); }
.ribbon-wrapper.b6611, .ribboncart-wrapper.b6611 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Envelope_Battery_C1.png); }
.ribbon-wrapper.b6612, .ribboncart-wrapper.b6612 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Envelope_Battery_D1.png); }
.ribbon-wrapper.b6613, .ribboncart-wrapper.b6613 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Envelope_Battery_9V1.png); }

/* Envelope Sizes */
.ribbon-wrapper.b6605, .ribboncart-wrapper.b6605 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Envelope_C6-21.png); }
.ribbon-wrapper.b6604, .ribboncart-wrapper.b6604 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Envelope_DL-21.png); }
.ribbon-wrapper.b6603, .ribboncart-wrapper.b6603 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Envelope_C5-21.png); }
.ribbon-wrapper.b6602, .ribboncart-wrapper.b6602 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Envelope_C4-21.png); }

/* CE Markings */
.ribbon-wrapper.b6567, .ribboncart-wrapper.b6567 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_CE.png); }

/* A Sizes */
.ribbon-wrapper.b6568, .ribboncart-wrapper.b6567 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Size_A11.png); }
.ribbon-wrapper.b6569, .ribboncart-wrapper.b6567 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Size_A21.png); }
.ribbon-wrapper.b6570, .ribboncart-wrapper.b6567 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Size_A31.png); }
.ribbon-wrapper.b6571, .ribboncart-wrapper.b6567 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Size_A41.png); }
.ribbon-wrapper.b6572, .ribboncart-wrapper.b6567 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Size_A51.png); }

/* BlueAngel */
.ribbon-wrapper.b6566, .ribboncart-wrapper.b6566 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Blueangel1.png); }

/* Adhesive Type */
.ribbon-wrapper.b6606, .ribboncart-wrapper.b6606 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Removable1.png); }
.ribbon-wrapper.b6607, .ribboncart-wrapper.b6607 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Permanent1.png); }


/* Pen Nib Type */
.ribbon-wrapper.b6601, .ribboncart-wrapper.b6601 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Nib_Bullet-11.png); }
.ribbon-wrapper.b6600, .ribboncart-wrapper.b6600 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Nib_Chisel-11.png); }

/* Wirebound */
.ribbon-wrapper.b6565, .ribboncart-wrapper.b6565 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Wireboun1.png); }

/* Warranty (FIXED ICONS) */
.ribbon-wrapper.b6527, .ribboncart-wrapper.b6527 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Warranty_113.png); }
.ribbon-wrapper.b6528, .ribboncart-wrapper.b6528 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Warranty_23.png); }
.ribbon-wrapper.b6529, .ribboncart-wrapper.b6529 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Warranty_33.png); }
.ribbon-wrapper.b6530, .ribboncart-wrapper.b6530 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Warranty_53.png); }
.ribbon-wrapper.b6531, .ribboncart-wrapper.b6531 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Warranty_63.png); }
.ribbon-wrapper.b6532, .ribboncart-wrapper.b6532 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Warranty_73.png); }
.ribbon-wrapper.b6533, .ribboncart-wrapper.b6533 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Warranty_83.png); }
.ribbon-wrapper.b6534, .ribboncart-wrapper.b6534 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Warranty_1013.png); }

/* Weight Ratings (FIXED ICONS) */
.ribbon-wrapper.b6556, .ribboncart-wrapper.b6556 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1201.png); }
.ribbon-wrapper.b6555, .ribboncart-wrapper.b6555 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1351.png); }
.ribbon-wrapper.b6554, .ribboncart-wrapper.b6554 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1501.png); }
.ribbon-wrapper.b6553, .ribboncart-wrapper.b6553 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1701.png); }
.ribbon-wrapper.b6552, .ribboncart-wrapper.b6552 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1101.png); }
.ribbon-wrapper.b6551, .ribboncart-wrapper.b6551 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_2001.png); }
.ribbon-wrapper.b6550, .ribboncart-wrapper.b6550 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_2201.png); }
.ribbon-wrapper.b6549, .ribboncart-wrapper.b6549 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_3301.png); }
.ribbon-wrapper.b6548, .ribboncart-wrapper.b6548 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1301.png); }
.ribbon-wrapper.b6557, .ribboncart-wrapper.b6557 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1151.png); }
.ribbon-wrapper.b6545, .ribboncart-wrapper.b6545 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1251.png); }
.ribbon-wrapper.b6544, .ribboncart-wrapper.b6544 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1451.png); }
.ribbon-wrapper.b6543, .ribboncart-wrapper.b6543 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1581.png); }
.ribbon-wrapper.b6542, .ribboncart-wrapper.b6542 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1601.png); }
.ribbon-wrapper.b6541, .ribboncart-wrapper.b6541 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_2051.png); }
.ribbon-wrapper.b6540, .ribboncart-wrapper.b6540 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_2501.png); }
.ribbon-wrapper.b6539, .ribboncart-wrapper.b6539 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1001.png); }
.ribbon-wrapper.b6546, .ribboncart-wrapper.b6546 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1801.png); }
.ribbon-wrapper.b6547, .ribboncart-wrapper.b6547 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Weight_1541.png); }

/* A Sizes Icons*/
.ribbon-wrapper.b6573, .ribboncart-wrapper.b6573 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_951.png); }
.ribbon-wrapper.b6574, .ribboncart-wrapper.b6574 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_901.png); }
.ribbon-wrapper.b6575, .ribboncart-wrapper.b6575 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_801.png); }
.ribbon-wrapper.b6576, .ribboncart-wrapper.b6576 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_751.png); }
.ribbon-wrapper.b6577, .ribboncart-wrapper.b6577 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_701.png); }
.ribbon-wrapper.b6578, .ribboncart-wrapper.b6578 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_601.png); }
.ribbon-wrapper.b6579, .ribboncart-wrapper.b6579 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_3151.png); }
.ribbon-wrapper.b6580, .ribboncart-wrapper.b6580 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_3001.png); }
.ribbon-wrapper.b6581, .ribboncart-wrapper.b6581 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_2851.png); }
.ribbon-wrapper.b6582, .ribboncart-wrapper.b6582 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_2701.png); }
.ribbon-wrapper.b6583, .ribboncart-wrapper.b6583 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_2601.png); }
.ribbon-wrapper.b6584, .ribboncart-wrapper.b6584 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_2501.png); }
.ribbon-wrapper.b6586, .ribboncart-wrapper.b6586 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_2401.png); }
.ribbon-wrapper.b6587, .ribboncart-wrapper.b6587 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_2201.png); }
.ribbon-wrapper.b6588, .ribboncart-wrapper.b6588 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_2101.png); }
.ribbon-wrapper.b6589, .ribboncart-wrapper.b6589 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_2001.png); }
.ribbon-wrapper.b6590, .ribboncart-wrapper.b6590 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_1901.png); }
.ribbon-wrapper.b6591, .ribboncart-wrapper.b6591 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_1801.png); }
.ribbon-wrapper.b6592, .ribboncart-wrapper.b6592 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_1601.png); }
.ribbon-wrapper.b6593, .ribboncart-wrapper.b6593 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_1501.png); }
.ribbon-wrapper.b6594, .ribboncart-wrapper.b6594 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_1401.png); }
.ribbon-wrapper.b6595, .ribboncart-wrapper.b6595 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_1301.png); }
.ribbon-wrapper.b6596, .ribboncart-wrapper.b6596 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_1201.png); }
.ribbon-wrapper.b6597, .ribboncart-wrapper.b6597 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_1151.png); }
.ribbon-wrapper.b6598, .ribboncart-wrapper.b6598 { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/COS_Prod_Indicator_Paper_Weight_1001.png); }

/* ========================= */
/* Hover Popout */
/* ========================= */

.ribbon-wrapper::after {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%) translateX(18px);
  padding: 5px 9px;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 6px;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.2s ease;
}

.ribbon-wrapper:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(5px);
}

@media (hover: none) {
  .ribbon-wrapper::after {
    opacity: 1;
    transform: translateY(-50%) translateX(5px);
  }
}

/* ========================= */
/* Labels */
/* ========================= */
/* Antalis */
.ribbon-wrapper.b6655::after { content: "Minimum basket £125"; background:#58bcfa; }

/* Free Delivery */
.ribbon-wrapper.b5846::after { content: "Free Delivery"; background: #3dbbbb; }

/* Promotion */
.ribbon-wrapper.b5849::after {
  content: "On Promotion"; background: #3dbbbb;
}
.ribbon-wrapper.b6622::after {
  content: "On Promotion"; background: #3dbbbb;
}
/* Custom Colours */
.ribbon-wrapper.b4920::after { content: "Custom Colours"; background: #cb3091; }
/* MTO */
.ribbon-wrapper.b6558::after { content: "Made To Order"; background: #cb3091; }
/* Assembly Required */
.ribbon-wrapper.b5867::after { content: "Assembly Required"; background: #878787; }
/* Planet Friendly Item */
.ribbon-wrapper.b5865::after,
.ribbon-wrapper.b5866::after { content: "Planet Friendly Item"; background: #45d350; }
/* Black Friday Offer */
.ribbon-wrapper.b6276::after,
.ribbon-wrapper.b6275::after,
.ribbon-wrapper.b6274::after,
.ribbon-wrapper.b6273::after {
  content: "Black Friday Offer"; background: #000;
}
/* Non Returnable*/
.ribbon-wrapper.b6466::after { content: "Non Returnable"; background: #626262; }
/* Free Next Day Delivery*/
.ribbon-wrapper.b2823::after,
.ribbon-wrapper.b5848::after {
  content: "Free Next Day Delivery"; background: #3dbbbb;
}

/* Top Seller */
.ribbon-wrapper.b6112::after,
.ribbon-wrapper.b6113::after,
.ribbon-wrapper.b6114::after {
  content: "Top Seller"; background: #d2466b;
  display:none;
}

/* Chair Usage Labels */
.ribbon-wrapper.b6559::after { content: "4 Hour Daily Use"; background: #878787; }
.ribbon-wrapper.b6560::after { content: "5 Hour Daily Use"; background: #878787; }
.ribbon-wrapper.b6561::after { content: "6 Hour Daily Use"; background: #878787; }
.ribbon-wrapper.b6562::after { content: "8 Hour Daily Use"; background: #878787; }
.ribbon-wrapper.b6563::after { content: "12 Hour Daily Use"; background: #878787; }
.ribbon-wrapper.b6564::after { content: "24 Hour Daily Use"; background: #878787; }

/* Warranty labels */
.ribbon-wrapper.b6527::after { content: "1 Year Warranty"; background: #878787; }
.ribbon-wrapper.b6528::after { content: "2 Year Warranty"; background: #878787; }
.ribbon-wrapper.b6529::after { content: "3 Year Warranty"; background: #878787; }
.ribbon-wrapper.b6530::after { content: "5 Year Warranty"; background: #878787; }
.ribbon-wrapper.b6531::after { content: "6 Year Warranty"; background: #878787; }
.ribbon-wrapper.b6532::after { content: "7 Year Warranty"; background: #878787; }
.ribbon-wrapper.b6533::after { content: "8 Year Warranty"; background: #878787; }
.ribbon-wrapper.b6534::after { content: "10 Year Warranty"; background: #878787; }

/* Weight Ratings */
.ribbon-wrapper.b6556::after { content: "120 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6555::after { content: "135 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6554::after { content: "150 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6553::after { content: "170 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6552::after { content: "110 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6551::after { content: "200 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6550::after { content: "220 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6549::after { content: "330 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6548::after { content: "130 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6557::after { content: "115 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6545::after { content: "125 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6544::after { content: "145 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6543::after { content: "158 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6542::after { content: "160 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6541::after { content: "205 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6540::after { content: "250 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6539::after { content: "100 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6546::after { content: "180 Kg Weight Limit"; background: #878787; }
.ribbon-wrapper.b6547::after { content: "154 Kg Weight Limit"; background: #878787; }

/* Wirebound */
.ribbon-wrapper.b6565::after { content: "Wirebound"; background: #878787; }

/* BlueAngel */
.ribbon-wrapper.b6566::after { content: "Blue Angel Item"; background: #0256a7; }

/* Anti-static */
.ribbon-wrapper.b6608::after { content: "Anti-static"; background: #878787; }

/* New Item */
.ribbon-wrapper.b6794::after { content: "Just Arrived"; background: #008080; }

/* CE Markings */
.ribbon-wrapper.b6567::after { content: "CE Marking"; background: #878787; }

/* Pen Nib Type */
.ribbon-wrapper.b6601::after { content: "Bullet Tip"; background: #878787; }
.ribbon-wrapper.b6600::after { content: "Chisel Tip"; background: #878787; }

/* Adhesive Type */
.ribbon-wrapper.b6607::after { content: "Permanent"; background: #878787; }
.ribbon-wrapper.b6606::after { content: "Removable"; background: #878787; }

/* A Sizes */
.ribbon-wrapper.b6568::after { content: "A1 Size"; background: #878787; }
.ribbon-wrapper.b6569::after { content: "A2 Size"; background: #878787; }
.ribbon-wrapper.b6570::after { content: "A3 Size"; background: #878787; }
.ribbon-wrapper.b6571::after { content: "A4 Size"; background: #878787; }
.ribbon-wrapper.b6572::after { content: "A5 Size"; background: #878787; }

/* Battery Sizes */
.ribbon-wrapper.b6609::after { content: "Battery Size AA"; background: #878787; }
.ribbon-wrapper.b6610::after { content: "Battery Size AAA"; background: #878787; }
.ribbon-wrapper.b6611::after { content: "Battery Size C"; background: #878787; }
.ribbon-wrapper.b6612::after { content: "Battery Size D"; background: #878787; }
.ribbon-wrapper.b6613::after { content: "Battery Size 9V"; background: #878787; }

/* Envelope Sizes */
.ribbon-wrapper.b6605::after { content: "Fits A4 folded in 4"; background: #878787; }
.ribbon-wrapper.b6604::after { content: "Fits A4 folded in 3"; background: #878787; }
.ribbon-wrapper.b6603::after { content: "Fits A4 folded in 2"; background: #878787; }
.ribbon-wrapper.b6602::after { content: "Fits A4 Flat"; background: #878787; }


/* A Sizes */
.ribbon-wrapper.b6573::after { content: "95 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6574::after { content: "90 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6575::after { content: "80 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6576::after { content: "75 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6577::after { content: "70 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6578::after { content: "60 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6579::after { content: "315 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6580::after { content: "300 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6581::after { content: "285 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6582::after { content: "270 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6583::after { content: "260 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6584::after { content: "250 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6586::after { content: "240 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6587::after { content: "220 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6588::after { content: "210 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6589::after { content: "200 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6590::after { content: "190 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6591::after { content: "180 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6592::after { content: "160 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6593::after { content: "150 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6594::after { content: "140 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6595::after { content: "130 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6596::after { content: "120 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6597::after { content: "115 Gsm Paper"; background: #878787; }
.ribbon-wrapper.b6598::after { content: "100 Gsm Paper"; background: #878787; }


/* Product Badges - end */

.catalog-grid .list-attribute.product-stock {
width: 100%;
border: 1px solid #ececec;
padding: 0px 0;
}


.widget-lastviewedproducts-html .tileparent .label.save {
display: none;
}

.merchandising-carousel.carousel-215452 .label-danger, .merchandising-carousel.carousel-276441 .label-danger  {
display: none;
}

.merchandising-carousel.carousel-215452 .tile, .merchandising-carousel.carousel-276441 .tile {
border: 1px solid #0000001a;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
margin: 10px 10px;
}


.merchandising-carousel.carousel-215452 .rrp, .merchandising-carousel.carousel-276441 .rrp {
display: none;
}

.live-inventory-v2-add-to-cart-wrapper {
max-width: 80%;
align-items: center;
width: 100%;
}

@media only screen and (max-width: 768px){
.live-inventory-v2-add-to-cart-wrapper {
margin-bottom: 10px;
} }
  
.catalog-grid .tile .footer span.in-stock {
  width: auto;
}

.softgraybackground .buttons.group {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* New Inventory Style */ 

.catalog-grid .tile .footer span.in-stock {
color: #008080;
font-size: 13px;
font-weight: 700;
display: flex;
height: 40px;
justify-content: center;
margin-top: 5px;
align-items: center;
background: #3dbbbb3d;
width: 100%;
border-radius: 6px;
}


.catalog-grid .tile .footer span.out-stock {
font-size: 12px ! Important;
    font-weight: 700;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-top: 5px;
    align-items: center;
    border-radius: 6px;
    color: #b91c1c ! Important;
    background: #fee2e2 ! Important;
    border: 1px solid #b91c1c ! Important;
}

.catalog-single .product-summary .productdetails .out-stock, .catalog-single .product-summary .productdetails .in-stock {
display: flex;
height: 36px;
justify-content: space-evenly;
border: 2px solid #e6e6e6;
margin-top: 5px;
color: #068800;
font-size: 16px;
align-items: center;
}

.catalog-single .product-summary .productdetails .in-stock {
background: #f3fff3;
}

.catalog-single .product-summary .productdetails .out-stock {
background: #fff3f3;
font-size: 14px;
color: #ff0000 ! Important;
border: 1px solid #ff0000;
}

/* New Inventory Style - end*/
.hearbg {
background: #ffffff none repeat scroll 0 0;
border: 5px solid #ffffff;
box-shadow: 1px 1px 2px #949494;
border-radius: 10px;
padding: 5px;
}

/* Product Page Promotion */
.hearbg img {
border-radius: 10px;
}
/* Product Page Spec Links */
.pdpBelowTitle {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 15px;
}
@media only screen and (max-width: 1024px){
.pdpBelowTitle {
display: none;
} }

.ex-product .productsummary_container .prodInfoLinks {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #0000001a;
    border-bottom: 1px solid #0000001a;
    font-size: 1.0em;
}

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

.ex-product .productsummary_container .prodInfoLinks::before {
content: "Links To: ";
color: var(--evo-text-col, var(--theme-colour-darkgrey, #898989));
font-weight: 500;
}


.prodInfoLinks a {
color: #008080;
transition: 0.25s all;
padding: 0px 8px;
font-weight: 700;
}

.prodInfoLinks a:last-child {
color: #049acf;
} 
.prodInfoLinks a:hover {
color: #3dbbbb;
}
.prodInfoLinks span {
width: 1px;
height: 13px;
vertical-align: middle;
margin: 0 10px;
background: #009CDE;
display: inline-block;
}

.priceInfo {
display:none;
}

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

.priceInfoText {
display: none;
position: absolute;
width: 140px;
background: #333333;
padding: 12px;
color: #fff;
min-height: 60px;
font-size: 12px;
bottom: -45px;
left: 60px;
transition: 0.1s all;
z-index: 1;
border-radius: 5px;
text-align: center;
}

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

.shop-filters .filter-section:last-child {
box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, .05), -4px -4px 6px 0 hsla(0, 0%, 100%, .3);
border: 1px solid #cccccc;
}

.xmaslinks {
display: none;
}  
.xmaslinks {
    text-align: center; /* center the paragraph horizontally */
  }

  .xmaslinks a {
    color: #c60f0f; /* festive red */
    width: 100%;
    margin-top: 10px;
    font-weight: bold;
    text-decoration: none; /* no underline */
    font-size: 16px;
    display: inline-flex;
    align-items: center; /* vertically center emojis with text */
    justify-content: center; /* center text + emojis horizontally */
    border: 2px solid #c60f0f; /* red border */
    padding: 10px 20px; /* space inside the border */
    border-radius: 8px; /* rounded corners */
    background-color: #ffffff; /* white background */
    transition: all 0.3s ease; /* smooth hover effect */
  }

  .xmaslinks a:hover {
    color: #28a745; /* green on hover */
    border-color: #28a745; /* border turns green on hover */
    text-decoration: none; /* no underline */
  }

  .xmas-emoji {
    margin: 0 5px;
    display: inline-block;
    animation: sparkle 1.5s infinite alternate; /* subtle scale sparkle */
  }

  @keyframes sparkle {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
  }

.shop-filters section.filter-section {
margin-top: 5px;
}

.badgescart-wrapper {
display:none;  
}

.ProductMainBnr {
border: 1px solid #049af3;
background: url(https://eu.evocdn.io/dealer/1022/content/media/Product-Banner_1_26_2.png) no-repeat center;
background-size: cover;
}

div#productsrelated_297120 .owl-next, div#productsrelated_297120 .owl-prev {
top: -28px;
padding: 0;
display: flex;
align-items: center;
}

.catalog-single.has-carousel h3 {
padding: 15px 15px 10px 15px;
    text-align: left !important;
    color: #454545;
    background: #f4f4f4;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

@media only screen and (max-width: 768px){
.catalog-single.has-carousel h3 {
margin-left: 0px;
margin-right: 0px;
padding: 15px 15px;
font-size: 1.0em;
} }

div#productsrelated_297120 .list-attribute.product-category {
display: none;
}  
  
div#productsrelated_297120 .label-danger {
position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    font-size: 14px;
    border-radius: 0px 10px 0px 30px;
    font-weight: 700;
    text-transform: none;
    color: #ffffff;
    height: 50px;
    padding: 10px 0px 0px 5px;
    width: 50px;
background: #3dbbbb;
}

#mc_embed_signup .catalog-single .tile .footer .button, #mc_embed_signup .merchandising-content-static .button, .catalog-grid .tile .footer .btn-primary, .catalog-single .tile .footer #mc_embed_signup .button, .catalog-single .tile .footer .btn, .catalog-single .tile .footer .ctct-form-button, .merchandising-content-static #mc_embed_signup .button, .merchandising-content-static .btn, .merchandising-content-static .ctct-form-button {
font-size: 1.1rem;
}

.catalog-single .tile .footer span.has-vat-price {
margin-right: 3px;
}

.catalog-single .tile .footer span.price-label-inc-vat {
margin-right: 10px;
}

.catalog-single .tile .footer span {
font-size: 11px;
line-height: 15px;
color: #121212;
display: inline-flex;
order: -1;
}

.owl-carousel .tile .footer .btn {
 width: 80%;
}

.owl-carousel .tile .footer span.live-inventory-v2-shipping {
  padding: 5px;
  margin-top: 5px;
}

.catalog-single .tile .footer span.in-stock {
color: #008080;
font-size: 12px;
}

.catalog-single .tile .footer span.out-stock {
color: #ff0000;
font-size: 12px;
}

/* Promo Container */
.promo-section-title {
    position: relative;
    font-weight: 500;
    color: #111;
    margin: 60px 10px 5px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 1.4;
    text-transform: uppercase;
}

@media only screen and (max-width: 1024px){
.promo-section-title {
display:none;
} }

.promo-section-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #3dbbbb, #007fff);
}
.promo-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 0 auto;
  max-width: 1420px;
  padding: 10px 0px 0px 0px;
  gap: 20px;
  flex-direction: column;
}

/* Promo box with gradient card style */
.promo-box {
  background: linear-gradient(135deg, #ffffff, #f7f7f7); /* subtle gradient */
  text-decoration: none;
  color: #222;
  flex: 0 0 calc(25% - 15px);
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 12px;
  border: 1px solid #BFE8E8; /* subtle border for premium feel */
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* Hover effect */
.promo-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  background: linear-gradient(135deg, #ffffff, #eaeaea);
}

/* Image container */
.promo-box-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.promo-box-image img {
  width: 110px;             /* updated width */
  height: 110px;            /* updated height */
  object-fit: cover;        /* keeps aspect ratio, crops if needed */
  border-radius: 6px;       /* match card corners */
  background: transparent;  /* blends with card gradient */
  margin-right: 10px;       /* gap between image and text */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


/* Optional hover zoom effect */
.promo-box:hover .promo-box-image img {
transform: scale(1.05);    
background: transparent;   /* keep background transparent on hover */
}

/* Text content */
.promo-box-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.promo-box-content h3 {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #111;
}

.promo-subtitle {
  font-size: 13px;          /* slightly smaller than h3 */
  font-weight: 400;          /* regular weight */
  color: #000000;               /* subtle grey */
  margin-bottom: 6px;        /* spacing before the action link */
  line-height: 1.4;
}

.promo-subtitle2 {
    font-size: 14px;
    font-weight: 700;
    color: #008080;
    margin-bottom: 6px;
    line-height: 1.4;
}

.promo-box-content p {
    margin: 0;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: color 0.3s ease;
    padding: 3px 10px;
    justify-content: center;
    border-radius: 5px;
    background: #7c8e9a;
    color: white;
    font-weight: 700;
}

.promo-box:hover .promo-box-content p {
  color: #ffffff;         /* slightly darker on hover */
}

.promo-box:hover .promo-box-content p::after {
  transform: translateX(4px); /* subtle slide on hover */
}

/* Optional subtle overlay for hover effect */
.promo-box::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.05);
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 12px;
}

.promo-box:hover::before {
  opacity: 1;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .promo-box {
    display:none;
  }
  .promo-box-image img {
    margin-right: 0;
    margin-bottom: 10px;
    width: 75px;
    height: 100px;
  }
}
/* ---------------------- */
/* Top AccPromo Boxes Grid */
/* ---------------------- */
.accountPromotionsPromos.nFlex {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    align-items: stretch;
    margin-bottom: 30px;
}

/* Individual accpromo box */
.accountPromotionsPromos .accpromo {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    position: relative;
    background: #fff;
    opacity: 0; /* Start hidden for animation */
}

/* Fade-in animation */
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Sequential animation delays for 6 boxes */
.accountPromotionsPromos .accpromo:nth-child(1) { animation: fadeInUp 0.6s ease forwards 0.1s; }
.accountPromotionsPromos .accpromo:nth-child(2) { animation: fadeInUp 0.6s ease forwards 0.3s; }
.accountPromotionsPromos .accpromo:nth-child(3) { animation: fadeInUp 0.6s ease forwards 0.6s; }
.accountPromotionsPromos .accpromo:nth-child(4) { animation: fadeInUp 0.6s ease forwards 0.9s; }
.accountPromotionsPromos .accpromo:nth-child(5) { animation: fadeInUp 0.6s ease forwards 1.2s; }
.accountPromotionsPromos .accpromo:nth-child(6) { animation: fadeInUp 0.6s ease forwards 1.5s; }

/* Hover lift + shadow */
.accountPromotionsPromos .accpromo:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 20px rgba(0,0,0,0.15);
}

/* Badge styling */
.accountPromotionsPromos .accpromo-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 1.0em;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 4px;
    color: #fff;
    z-index: 2;
    background-color: #ff4d4d;
}

/* Image styling with dark overlay and hover effect */
.accountPromotionsPromos .accpromo-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.accountPromotionsPromos .accpromo-badge[data-style="Blue"] {
    background-color: #049acf;
}

.accountPromotionsPromos .accpromo-image img {
    mix-blend-mode: multiply;
    width: 150px;
    height: 150px;
    object-fit: contain;
    transition: transform 0.35s ease, filter 0.35s ease;
}
.accountPromotionsPromos .accpromo:hover .accpromo-image img {
    transform: scale(1.05);
}
.accountPromotionsPromos .accpromo-image::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0);
    transition: background 0.35s ease;
}
.accountPromotionsPromos .accpromo:hover .accpromo-image::after {
    background: rgba(0,0,0,0.15);
}

/* Content styling */
.accountPromotionsPromos .accpromo-content {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.accountPromotionsPromos .accpromo-content h3 {
    font-size: 1.15em;
    font-weight: 700;
    margin: 0 0 6px 0;
    text-align: left;
    color: #222;
}
.accountPromotionsPromos .accpromo-content p {
    font-size: 1em;
    color: #555;
    margin: 0;
  font-weight: 700;
}

.accountPromotionsPromos .accpromo:hover .accpromo-content p span::after {
    transform: translateX(4px);
}

.accountPromotionsPromos .accpromo-content p:last-of-type::after  {
    content: "\2192";
    font-size: 18px;
    font-weight: 300;
    color: rgb(4, 154, 207);
    margin-left: 6px;
    display: inline-block;
    transition: transform 0.3s;
}

/* Hover slide effect for arrows */
.accountPromotionsPromos .accpromo-content:hover p:last-of-type::after{
transform: translateX(4px);
}


/* Responsive adjustments */
@media (max-width: 1024px) {
    .accountPromotionsPromos.nFlex { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
}
@media (max-width: 640px) {
    .accountPromotionsPromos.nFlex { grid-template-columns: 1fr; }
 
}

.accountPromotionsPromos .accpromo-subtitle {
    font-size: 0.95em;
    font-weight: 400;
    color: #777;
    margin: 2px 0 8px 0;
    text-align: left;
    line-height: 1.3;
}

/* Style only the span inside accpromo subtitle */
.accpromo-content .accpromo-subtitle span {
    font-weight: 700;
    color: #049acf; /* Brand blue */
    font-size: 1.2rem;
    letter-spacing: 0.3px;
    margin-left: 5px;
}
/* ======================================== */
/* Account Promotions – Modern Grid & Hover */
/* ======================================== */

.accountPromotions .nFlex {
    display: grid;
    grid-template-columns: repeat(12, 1fr); /* flexible 12-column grid */
    gap: 20px;
    align-items: stretch; /* equal-height cards */
}

/* ------------------- */
/* Card Styling        */
/* ------------------- */
.accountPromotions .APSectorBox {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    background: #fff;
    overflow: hidden;
    border-radius: 12px; /* modern rounded corners */
    border: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.accountPromotions .APSectorBox:hover {
    transform: translateY(-5px); /* slight lift */
    box-shadow: 0 12px 20px rgba(0,0,0,0.15);
}

/* ------------------- */
/* Image Styling       */
/* ------------------- */
.accountPromotions .apsbImg {
    position: relative;
    overflow: hidden;
    background: url(https://us.evocdn.io/dealer/1186/content/media/My_Theme/oc-servicebox-img-ph.jpg) no-repeat center;
    background-size: cover;
    height: 250px;
    width: 100%;
    transition: transform 0.35s ease, filter 0.35s ease;
    flex-shrink: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

/* Dark overlay on hover */
.accountPromotions .apsbImg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0); /* initial transparent */
    transition: background 0.35s ease;
    pointer-events: none;
}

.accountPromotions .APSectorBox:hover .apsbImg::before {
    background: rgba(0,0,0,0.2); /* subtle dark overlay */
}

/* Image hover: scale + brightness */
.accountPromotions .APSectorBox:hover .apsbImg {
    transform: scale(1.05);
    filter: brightness(1.05);
}

/* Image Variations */
.accountPromotions .APSectorBox.apsb4 .apsbImg { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/elev8contract-1.png); }
.accountPromotions .APSectorBox.apsb5 .apsbImg { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/SchBanner.png); }
.accountPromotions .APSectorBox.apsb6 .apsbImg { background-image: url(https://eu.evocdn.io/dealer/1022/content/media/AccDynmesh.png); }

/* ------------------- */
/* Text Styling        */
/* ------------------- */
.accountPromotions .apsbText {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1; /* fill remaining height */
    padding: 10px 10px; /* padding inside text area */
}

.accountPromotions .apsbText h3 {
    line-height: 1.5;
    margin: 8px 0 8px 0;
    font-size: 1.2em;
    text-align: left;   /* left-aligned */
    font-weight: 700;   /* bold */
    color: #222;
}

/* Paragraph text */
.accountPromotions .apsbText p {
    font-size: 1em;
    color: #555;
    margin: 0px 0 0 0;
  line-height: 1.4;
}

.accountPromotions .apsbText p:last-of-type {
    font-weight: 700;
}

/* Normal paragraph arrow */
.accountPromotions .apsbText p span {
    display: inline-block;
    content: "→";
    font-size: 18px;
    font-weight: 300;
    color: #049acf;
    margin-left: 6px;
    transition: transform 0.3s ease;
}

/* Last paragraph arrow */
.accountPromotions .apsbText p:last-of-type::after {
    content: "\2192";
    font-size: 18px;
    font-weight: 300;
    color: #049acf;
    margin-left: 6px;
    transition: transform 0.3s ease;
    display: inline-block;
}

/* Hover slide effect for arrows */
.accountPromotions .APSectorBox:hover .apsbText p span,
.accountPromotions .APSectorBox:hover .apsbText p:last-of-type::after {
    transform: translateX(4px);
}

/* Ensure APSectorBox allows absolute positioning */
.APSectorBox {
    position: relative;
}

/* Badge base styling */
.APSectorBox .accpromo-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 1.0em;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    z-index: 3;
    background-color: #ff4d4d;
}

/* Blue variant */
.APSectorBox .accpromo-badge[data-style="Blue"] {
    background-color: #049acf;
}

/* Optional subtle shadow for modern look */
.APSectorBox .accpromo-badge {
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* ------------------- */
/* Desktop Grid Layout */
/* ------------------- */
.accountPromotions .APSectorBox.apsb1 { grid-column: span 3; }
.accountPromotions .APSectorBox.apsb2 { grid-column: span 6; }
.accountPromotions .APSectorBox.apsb3 { grid-column: span 3; }
.accountPromotions .APSectorBox.apsb4,
.accountPromotions .APSectorBox.apsb5,
.accountPromotions .APSectorBox.apsb6 { grid-column: span 4; }

/* ------------------- */
/* Tablet (2-column layout) */
@media (max-width: 1024px) {
    .accountPromotions .nFlex {
        grid-template-columns: repeat(2, 1fr);
    }
    .accountPromotions .APSectorBox { grid-column: auto !important; }
}

/* ------------------- */
/* Mobile (1-column layout) */
@media (max-width: 640px) {
    .accountPromotions .nFlex { grid-template-columns: 1fr; }
    .accountPromotions .apsbImg { height: 180px; }
}
/* Make the whole promo box clickable */
.apLinkArea {
  display: block; /* Ensure the <a> fills the box */
  text-decoration: none; /* Remove underline */
  color: inherit; /* Keep original text color */
  transition: transform 0.2s, box-shadow 0.2s; /* Smooth hover effect */
  position: relative;
}

/* Cursor pointer for entire box */
.apLinkArea:hover {
  cursor: pointer;
  transform: translateY(-3px); /* Slight lift effect */
  box-shadow: 0 8px 16px rgba(0,0,0,0.15); /* Subtle shadow on hover */
}

/* Optional: Badge pointer and highlight (inside box) */
.apLinkArea .accpromo-badge {
  cursor: pointer;
  transition: background-color 0.2s;
}

/* =========================================
   Premium One-Line Tier Pricing Strip
========================================= */

.tierBoxes.nFlex {
display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 10px;
    background: #ffffff;
    border-radius: 0px;
    overflow-x: auto;
    overflow-y: visible;
}

.ex-product .tierBoxes.nFlex {
    width: 80%;
}

/* Hide ugly scrollbar but keep functionality */
.tierBoxes.nFlex::-webkit-scrollbar {
    height: 6px;
}
.tierBoxes.nFlex::-webkit-scrollbar-thumb {
    background: #dddddd;
    border-radius: 10px;
}

/* =========================================
   Individual Tier Box
========================================= */

.tierBox {
    flex: 0 0 auto;                 /* Prevent shrinking */
   padding: 5px 8px;
    text-align: center;
    position: relative;
    transition: all 0.25s ease;
  border: 1px solid #e6e6e6;  
  display: flex;
    flex-direction: column;
    justify-content: center;
  border-radius: 10px;
  min-width: 80px;
  background: #ffffff;
}

/* =========================================
   Header Column
========================================= */

.tierBox.headerRow {
    background: linear-gradient(to bottom, #f8f8f8, #eeeeee);
}

.tierBox.headerRow span {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #444;
}

/* =========================================
   Quantity & Price Styling
========================================= */

.tierQty {
    font-size: 13px;
    font-weight: 600;
    color: #666;
    margin-bottom: 2px;
}

.tierPrice {
    font-size: 14px;
    font-weight: 800;
    color: #3dbbbb;
}

/* =========================================
   Hover Effect
========================================= */

.tierBox:not(.headerRow):hover {
    background: #fafafa;
    transform: translateY(-3px);
}

/* =========================================
   Best Value Highlight (Auto Detected)
========================================= */

.tierBox.bestValue {
    box-shadow: inset 0 0 0 2px #3dbbbb;
    z-index: 3;

    animation: bestValueReveal 0.6s ease-out forwards;
}

/* Slightly darker premium price */
.tierBox.bestValue .tierPrice {
    color: #008080;
}

/* =========================================
   Entry Animation
========================================= */

@keyframes bestValueReveal {
    0% {
        transform: scale(0.92);
        opacity: 0;
    }
    60% {
        transform: scale(1.05);
        opacity: 1;
    }
    100% {
        transform: scale(1);
    }
}

/* =========================================
   Responsive Behaviour
========================================= */

@media (max-width: 768px) {
    .tierBox {
        min-width: 110px;
        padding: 14px 16px;
    }
}

@media (max-width: 480px) {
    .tierBox {
        min-width: 100px;
        padding: 12px 14px;
    }
}

.col-md-12.product-shopping-actions-tierpricing.products-add-to-cart .tierBox {
    min-width: 90px;
}
.tierBoxes.nFlex::-webkit-scrollbar {
    display: none;                /* Chrome, Safari, Opera hide scrollbar */
}

.owl-carousel.owl-loaded .product-shopping-actions-tierpricing.product-tile {
    display: none;
}

/* =========================
   Bottom Bar Modern Style – Corporate
========================= */

.topmenu {
    padding: 0px;
    background: 000000; /* modern dark */
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Flex layout with horizontal gap */
.topmenu ul.CFlex {
    display: flex;
    justify-content: space-evenly;   /* center links */
    align-items: center;
    flex-wrap: wrap;           /* mobile friendly */
    gap: 14px;                 /* horizontal spacing between links */
}

/* Standard links */
.text-cwhite {
    position: relative;
    color: #eaeaea;
    white-space: nowrap;
    font-size: 15px;
    letter-spacing: 0.3px;
    border: none; 
    transition: color 0.25s ease-in-out;
}

/* Smooth rounded underline */
.text-cwhite::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #3dbbbb;      /* blue underline */
    border-radius: 2px;        /* rounded ends */
    transform-origin: left center; 
    transition: width 0.35s ease-in-out, background 0.25s ease-in-out;
}

.text-cwhite:hover {
    color: #ffffff;
}

.text-cwhite:hover::after {
    width: 100%;
}

/* Remove old divider styling */
.topmenu ul li.cosDivide3 {
    display: none;
}

/* =========================
   SPECIAL OFFERS Upgrade (Orange Glow)
========================= */

.text-cwhite2 span {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    color: #3dbbbb;  /* orange color */
    animation: pulseGlow 3s ease-in-out infinite;
    animation-delay: calc(120ms * var(--i));
}

/* Subtle orange pulsing glow */
@keyframes pulseGlow {
    0%,100% {
        color: #3dbbbb;
        text-shadow: 0 0 6px rgba(255,136,0,0.6);
    }
    50% {
        color: #ffffff;
        text-shadow: 0 0 12px rgba(255,136,0,0.9);
    }
}

/* =========================
   Responsive
========================= */

@media (max-width: 768px) {
    .topmenu ul.CFlex {
        gap: 12px;
    }

    .text-cwhite, .text-cwhite2 span {
        font-size: 15px;
        padding: 5px 0;  /* maintain vertical padding on mobile */
    }
}

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

/* Wrapper styling */
.delivery-info-wrapper {
padding: 00px 15px;
padding-bottom: 10px;
}
@media only screen and (max-width: 768px){
.delivery-info-wrapper {
border: 1px solid #e6e6e6 !important;
background: #ffffff;
border-radius: 10px;
} }

div#htmlcontent_189501 {
background: #ffffff;
border-radius: 0px 0px 10px 10px;
}

/* Free Delivery label */
.free-delivery-label {
font-weight: 700;
    text-transform: uppercase;
    color: #008080;
    padding: 2px 15px;
    border-radius: 4px;
    font-size: 1.6rem;
    text-align: center;
    width: fit-content;
    margin: 0 auto 0px auto;
}

/* Delivery info row */
.delivery-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Truck icon */
.truck-icon {
    font-size: 26px;
    color: #2e7d32;
    margin-right: 10px;
}

/* Lead time text */
.delivery-info p {
    margin: 0;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    flex-grow: 1;
}

/* Lead time span inside paragraph */
.delivery-info .skulead {
font-size: 1.2rem;
    text-transform: none;
    font-weight: 700;
    color: #2c3949;
}

.stock-note {
color: #121212;
font-size:1.0rem;
text-align: center;
font-style: italic;
}

/* Question mark icon */
.question-icon {
    font-size: 18px;
    color: #4797ce;
}

/* Float utility */
.pull-right {
    float: right !important;
}

.made-to-order-label {
font-weight: 600;
text-transform: uppercase;
color: #049acf;
font-size: 1.0rem;
text-align: center;
}

button#addItemToCart .fa-shopping-bag:before {
    display: none;
}

/* Block Tier Pricing for Account Via Label */
.ex-l-4994 .tierBoxes.nFlex {
display: none;
}


.ex-l-5065 .tierBoxes.nFlex {
    display: none;
}

/* Optional: Badge pointer and highlight (inside box) */

.catalog-single .product-shopping-actions .product-shopping-actions-addtocart .live-inventory-v2-wrapper {
min-width: 80%;
}

.desktop .productaddtocart_container span.live-inventory-v2-shipping.in-stock {
color: #008080;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-top: 10px;
    align-items: center;
    background: #ffffff;
    width: 100%;
    border-radius: 6px;
  border: 1px solid #008080;
}

.desktop .productaddtocart_container span.live-inventory-v2-shipping.out-stock {
font-size: 12px ! Important;
    font-weight: 700;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-top: 5px;
    align-items: center;
    border-radius: 6px;
    text-align: center;
    color: #b91c1c ! Important;
    background: #fee2e2 ! Important;
    border: 1px solid #b91c1c ! Important;
}

.desktop .productaddtocart_container span.live-inventory-v2-shipping.in-stock:before,
.desktop .productaddtocart_container span.live-inventory-v2-shipping.in-stock.low-stock-medium:before,
.desktop .productaddtocart_container span.live-inventory-v2-shipping.in-stock.low-stock-high:before,
.desktop .productaddtocart_container span.live-inventory-v2-shipping.in-stock.low-stock-critical:before
{
content: "✓";
color: #008080;
font-weight: bold;
margin-right: 5px;
}

span.live-inventory-v2-shipping.in-stock.low-stock-medium {
color: #b7791f ! Important;
    background: #fff8e1 ! Important;
  border: 1px solid #b7791f ! Important;
}

span.live-inventory-v2-shipping.in-stock.low-stock-medium:before {
    color: #b7791f!Important;     /* Orange */
}

span.live-inventory-v2-shipping.in-stock.low-stock-high {
color: #c05621 ! Important;
    background: #fff3e0 ! Important;
    border: 1px solid #c05621 ! Important;
}

span.live-inventory-v2-shipping.in-stock.low-stock-high:before {
color: #c05621!Important;        /* Burnt orange */
}

span.live-inventory-v2-shipping.in-stock.low-stock-critical {
color: #b91c1c ! Important;
    background: #fee2e2 ! Important;
      border: 1px solid #b91c1c ! Important;
}

span.live-inventory-v2-shipping.in-stock.low-stock-critical:before {
  color: #b91c1c!Important;        /* Deep red */
  
}

/* Product Indicators */

.catalog-single .product-summary .margindiv.prod-category, .catalog-single .product-summary .margindiv.manufacturer-name {
display: none;
}

.catalog-single .product-summary .productdetails .margindiv {
margin: 0px;
text-align: center;
}

@media only screen and (max-width: 768px){
.catalog-single .product-summary .productdetails .margindiv {
margin: 5px;
} }

.catalog-single .product-item-spacing {
padding-bottom: 0px;
}

.product-indicators {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

.catalog-single .product-summary .productdetails {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    padding-top: 1px;
    padding-bottom: 5px;
}

@media only screen and (max-width: 768px){
.catalog-single .product-summary .productdetails {
display: block;
} }
  
  
.product-indicators i {
display: inline-flex;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    width: auto;
    height: 36px;
    font-style: normal;
    line-height: 1.45;
    background: #f5f5f5;
    color: #454545;
    font-weight: 700;
    padding: 6px 15px;
    border-radius: 5px;
    font-size: 10px;
    border: 1px solid #ececec;
}

.product-indicators i i {
    display: none
}

.product-indicators i::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("https://eu.evocdn.io/dealer/1022/content/media/cos-product-icon-star.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
    display:none;
}
.list-attribute.min-order strong {
font-size: 16px;  
margin-left: 5px;
}

.catalog-grid .tile .list-attribute.min-order strong {
font-size: 10px;
margin-left: 5px;
}

.catalog-single .product-summary .productdetails .iconmoq-min-multiple-quantity:before {
display:none;
}  
@media only screen and (max-width: 1024px){
.product-indicators i::before {
display: none;
} }


.product-indicators i::after {
    content: attr(data-original-title)
}

.product-indicators i.fa-leaf::before {
    background-image: url("https://eu.evocdn.io/dealer/1022/content/media/cos-product-icon-eco.svg")
}

.product-indicators i.fa-recycle::before {
    background-image: url("https://eu.evocdn.io/dealer/1022/content/media/cos-product-icon-recycle.svg")
}

.product-indicators i.non-returnable::before {
    background-image: url("https://eu.evocdn.io/dealer/1022/content/media/cos-product-icon-no-return.svg")
}

.product-indicators i.fa-truck::before {
    background-image: url("https://eu.evocdn.io/dealer/1022/content/media/cos-product-icon-truck.svg")
}

.product-indicators i.fa-money-non-taxable::before {
    background-image: url("https://eu.evocdn.io/dealer/1022/content/media/cos-product-icon-no-vat-1.svg")
}

.product-indicators i.fa-wrench::before {
    background-image: url("https://eu.evocdn.io/dealer/1022/content/media/cos-product-icon-wrench.svg")
}

.product-indicators i.fa-leaf, .product-indicators i.fa-recycle, .product-indicators i.fa-wrench {
display:none;
}
/* Grid View Pack Size Copy */
.catalog-grid .tile .imgthumbnail .uom-number {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
}
.catalog-grid .tile .imgthumbnail .copied-uom {
position: absolute;
bottom: 5px;
right: 5px;
z-index: 10;
background: rgb(230 230 230);
color: #454545;
padding: 6px;
border-radius: 4px;
text-align: center;
}
.catalog-grid .tile .imgthumbnail .uom-label {
font-size: 12px;
line-height: 1;
}
.catalog-grid .tile .footer span.uom.uomblock {
display: none;
}

.ex-product .imageslider_wrapper {
margin-bottom: 3px;
margin-top: 3px;
}

/* Top Bar */
.topBar, .headersection-1 {
background: #f5f5f5;
height: 36px;
}

.topBar ul li:first-of-type {
padding-left: 0;
}

.topBar ul li:not(:last-of-type) {
border-right: 1px solid #6b6b6b;
}

.topBar ul {
margin: 0;
padding: 6px 0;
}

.topBar ul li {
margin: 0;
padding: 0 20px;
line-height: 13px;
font-size: 14px;
display: inline-block;
}

.topBar ul li a {
transition: 0.25s color;
color: #111111;
}

.topBar ul li a:hover {
color: #008080;
}

.toolbar .cart-btn > .btn b:before {
    content: "Total: ";
    color: #000;
    font-weight: 400;
}

/* Sticky Bar */
@media only screen and (min-height: 768px) {

/* Header section 2 (centered sticky) */
.headersection-2.menubarStick {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  background: #fff;
}

/* Inner content centered */
.headersection-2.menubarStick > .row-2 {
  max-width: 1450px;
  margin: 0 auto;
}

/* Header section 5 (below it) */
.headersection-5.menubarStick {
  position: fixed !important;
  top: 70px;
  width: 100%;
  z-index: 14;
background: #e6f7f7;
box-shadow: rgba(17, 17, 26, 0.1) 0px 2px 0px;
}

/* Push content down */
.menubarHeader {
  padding-top: 138px;
}

}

.simple-promo {
  display: none;              /* hidden by default */
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.simple-promo.active {
  display: flex;
  flex-direction: row;
}

/* Trigger animation AFTER display is set */
.simple-promo.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Installation Message */
.installation-message {
    padding: 10px 0px;
    color: #434343;
    font-size: 13px;
    text-align: center;
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    background: #ffffff;
font-weight:600;
}
.installation-message .fa-wrench:before {
font: normal normal normal 15px / 1 FontAwesome;
padding: 5px 5px;
color: #434343;
}

.installation-message a {
text-decoration: underline;
cursor: pointer;
color: #049acf;
}

.proforma-message {
margin-bottom: 2px;
    padding: 4px 0px;
    color: #000000;
    font-size: 14px;
    text-align: center;
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
  max-width: 70%;
}
/* Product Page Pricing Edits */
.catalog-single .product-shopping-actions {
padding: 0em;
}

.menu-panel ul li {
margin-bottom: 1px;
}

.menu-panel.active h3 {
    padding: 0px 0px 0px 20px;
    margin: 10px 0;
    font-size: 18px;
    font-weight: 700;
}
/* Menu */
/* OVERLAY */
#menuOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  opacity: 0;
  visibility: hidden;
  transition: 0.25s ease;
  z-index: 1000;
}

#menuOverlay.active {
  opacity: 1;
  visibility: visible;
}

/* DRAWER */
.sidenav {
  position: fixed;
  top: 0;
  left: 0;
  width: 360px;
  height: 100%;
  background: #fff;
  transform: translateX(-100%);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2000;
  box-shadow: 8px 0 30px rgba(0,0,0,0.2);
  overflow: hidden;
}

.sidenav.open {
  transform: translateX(0);
}

/* ===== HEADER (KEY FIX - NO JUMPING) ===== */
.menu-topbar {
  width: 100%;
  height: 52px;
  background: #ccc;
  display: flex;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
}

/* CONTENT INSIDE HEADER */
.menu-top-content {
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  color: #111;
  display: flex;
  align-items: center;

  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* STATES */
.menu-top-content.is-main {
  justify-content: flex-start;
}

.menu-top-content.is-back {
  justify-content: flex-start;
  cursor: pointer;
}

/* ANIMATION STATES */
.menu-top-content.swap-out {
  opacity: 0;
  transform: translateY(-4px);
}

.menu-top-content.swap-in {
  opacity: 1;
  transform: translateY(0);
}

/* ===== PANELS ===== */
.menu-panel {
  position: absolute;
  top: 70px;
  bottom: 0;
  left: 0;
  right: 0;

  padding: 0;
  overflow-y: auto;
  background: #fff;

  opacity: 0;
  transform: translateX(20px);
  pointer-events: none;

  transition: opacity 0.28s ease, transform 0.28s ease;
}

.menu-panel.active {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

/* LIST */
.menu-panel ul {
  margin: 0;
  padding: 0 0 0 0px;
}

.menu-panel li {
  list-style: none;
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
}

.menu-panel li:hover {
  background: #efefef;
}

.trending-link {
transition: all 0.2s ease;
}

.trending-link {
  border: 1px solid rgba(0,0,0,0.05);
}

/* WHITE TEXT FOR TRENDING LINKS */
.trending-link a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-weight: 700;
}

.trending-link i {
  font-size: 18px;
  opacity: 0.9;
  width: 18px;
  text-align: center;
}

.trending-link:hover a {
    color: #000000;
}

/* ensure arrow also matches */
.trending-link::after {
  color: rgba(255,255,255,0.8)!Important;
}

/* stronger on hover */
.trending-link:hover::after {
  color: #000000!Important;
}

.trending-link:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* TRENDING COLOURS - DEEP PASTEL */
.trend-offers {
  background: #e57373; /* soft red */
}

.trend-inks {
  background: #64b5f6; /* soft blue */
}

.trend-brand {
  background: #81c784; /* soft green */
}

.trend-paper {
  background: #ffb74d; /* soft orange */
}

.trending-link::after {
  color: rgba(255,255,255,0.85);
}

.trending-link:hover::after {
  color: #ffffff;
}


/* ARROW */
.menu-panel li {
  position: relative; /* ensure positioning context */
  padding-right: 28px; /* space for arrow */
}

/* APPLY TO ALL CLICKABLE ITEMS */
.menu-panel li:not(.menu-divider):not(.menu-section-title)::after {
  content: "\f054";
  font: normal normal normal 12px/1 FontAwesome;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #b2b2b2;
  transition: 0.2s ease;
}

/* HOVER EFFECT */
.menu-panel li:not(.menu-divider):not(.menu-section-title):hover::after {
  color: #000;
  transform: translateY(-50%) translateX(3px);
}

div#htmlcontent_187507 {
display: none;
}

/* OPEN BUTTON */
#openMenu {
  color: #111;
  background: linear-gradient(180deg, #f2f2f2 0%, #e6e6e6 100%);
  border: 1px solid #d0d0d0;

  padding: 10px 14px;
  cursor: pointer;
  z-index: 101;

  font-size: 14px;
  font-weight: 800;

  border-radius: 6px;

  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.08),
    0 2px 6px rgba(0, 0, 0, 0.10);

  max-height: 42px;
  min-height: 42px;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  transition: all 0.18s ease;
}

/* HOVER */
#openMenu:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, #ffffff 0%, #ededed 100%);
  box-shadow:
    0 3px 8px rgba(0, 0, 0, 0.12),
    0 6px 14px rgba(0, 0, 0, 0.10);
}

/* ACTIVE / CLICK */
#openMenu:active {
  transform: translateY(0px);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.10);
}

/* FOCUS (keyboard accessibility) */
#openMenu:focus {
  outline: 2px solid #3dbbbb;
  outline-offset: 2px;
}

/* TRENDING SECTION */
.menu-section-title {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  text-transform: uppercase;
  padding: 12px 10px 6px 10px;
}

.menu-divider {
    height: 2px;
    background: #e5e5e5;
    margin: 8px 0;
    pointer-events: none;
    padding: 0px ! Important;
    margin-bottom: 10px ! Important;
  pointer-events: none;  
}

/* Trending links slightly different feel */
.trending-link {
  font-weight: 400;
}

@media screen and (min-width: 1200px) {
div.griditems div:nth-child(4n) .tile {
border-right: 2px solid #ddd;
}
}

.catalog-grid .tile:has(.ribbon-wrapper.b6112) {
border: 1px solid #3dbbbb !important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.catalog-grid .tile:has(.ribbon-wrapper.b6113) {
border: 1px solid #3dbbbb !important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.catalog-grid .tile:has(.ribbon-wrapper.b6114) {
border: 1px solid #3dbbbb !important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.ex-product .ribbon-wrapper.b6112:before, .ex-product .ribbon-wrapper.b6113:before,
.ex-product .ribbon-wrapper.b6114:before {
content: "TOP SELLER";
top: -35px;
left: -7px;
z-index: 10;
color: #fff;
padding: 6px 15px;
font-size: 12px;
font-weight: 600;
border-radius: 15px 0px 10px 0px;
line-height: 1;
position: absolute;
width: 110px;
background: #3dbbbb;!important;
white-space: nowrap;
text-align: center;
}

.tileparent .ribbon-wrapper.b6112:before, .tileparent .ribbon-wrapper.b6113:before,
.tileparent .ribbon-wrapper.b6114:before{
    content: "TOP SELLER";
    top: -35px;
    left: -7px ! Important;
    z-index: 10;
    color: #fff;
    padding: 6px 15px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 15px 0px 10px 0px;
    line-height: 1;
    position: absolute;
    width: 110px;
    background: #3dbbbb;
    white-space: nowrap;
    text-align: center;
}


/* =========================
   Top Menu
========================= */
.topmenu {
  position: relative;
}

.topmenu .container {
  padding: 0;
}

.topmenuList {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 40px;
}

.topmenuItem {
  flex: 1 1 0;
  background: transparent;
  text-align: center;
  transition: 0.2s ease;
  margin-bottom: 0;
}

.topmenuItem a {
  display: block;
  padding: 8px 10px;
  color: #3dbbbb;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
}

/* HOVER FIX */

.topmenuItem:hover a {
  color: #111111;
  font-weight: 700;
}

/* =========================
   MEGA MENU WRAPPER
========================= */
.megaMenu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;

  display: none;
  z-index: 999;
 background: var(--menu-bg, #ffffff);
 box-shadow: 0 12px 10px rgba(0, 0, 0, 0.12);
}

.megaMenu.active {
  display: block;
}

.megaInner {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;   /* centers under top menu */
  padding: 0;       /* remove side breathing space */
  position: relative;
  border-radius: 0;  /* no floating card look */
  overflow: hidden;
  padding: 15px;
}

.megaInner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background: var(--menu-bg, #fff);
  transition: background 0.35s ease;
}

/* ensure content sits above background */
#megaContent {
  position: relative;
  z-index: 1;
}

/* =========================
   GRID
========================= */
.megaGrid {
  display: grid;
  grid-template-columns: 
    minmax(0, 15fr)
    minmax(0, 15fr)
    minmax(0, 15fr)
    minmax(0, 15fr)
    minmax(0, 30fr);
  gap: 20px;
}

/* =========================
   LINK BOX
========================= */
.megaCol {
  background: #ffffff;
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
}

.megaCol h4 {
  margin: 0 0 15px;
  font-size: 14px;
}

.megaCol a {
  display: block;
  font-size: 14px;
  padding: 5px 0;
  color: #333;
  text-decoration: none;
}

.viewAll {
  font-weight: bold;
  margin-top: 8px;
  display: block;
}

/* =========================
   BANNER
========================= */
.megaBanner img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}

.megaBanner a {
  display: block;
}
/* =========================
   LINK ARROWS
========================= */
.megaCol a {
  position: relative;
  padding-right: 18px; /* space for arrow */
}

/* FontAwesome arrow */
.megaCol a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free"; /* or 6 depending on your setup */
  font-weight: 900;

  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);

  font-size: 11px;
  opacity: 0.6;
  transition: 0.2s ease;
}

/* hover effect */
.megaCol a:hover {
color: #049acf;
text-decoration: none;
}

/* arrow animation on hover */
.megaCol a:hover::after {
  transform: translateY(-50%) translateX(4px);
  opacity: 1;
}

@media (min-width: 768px) {

  .topmenuList {
    position: relative;
  }

  .topmenuItem {
    position: relative;
  }

}

.megaTopStrip {
  display: flex;
  align-items: stretch;
  justify-content: space-between;

  background: #f5f5f5;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 12px;
}

.megaTopLeft {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  flex: 1;

  background: #ffffff;
}

.megaTopLeft h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.megaTopRight {
  display: flex;
}

.megaTopRight a {
  font-weight: 600;
  text-decoration: none;
}

.megaTopRight a {
  position: relative;

  display: flex;
  align-items: center;

  padding: 0 16px;
  height: 100%;

  background: #008080;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;

  transition: all 0.25s ease;
  color: #ffffff;
}

.megaTopRight a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;

  margin-left: 8px;
  font-size: 11px;
  opacity: 0.6;
  transition: 0.2s ease;
}

.megaTopRight a:hover {
  background: #3dbbbb;
  color: #ffffff;
}

.megaTopRight a:hover::after {
  opacity: 1;
  transform: translateX(3px);
}

.megaTopStrip:hover .megaTopRight a {
  background: #3dbbbb;
  color: #ffffff;
}

.megaTopStrip:hover .megaTopRight a::after {
  opacity: 1;
  transform: translateX(3px);
}

.megaGrid--offers {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.megaGrid--offersSplit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}

.megaGrid--offers .megaBanner {
  width: 100%;
}

.megaGrid--offers .megaBanner img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}

.megaGrid--offers .megaBanner {
  overflow: hidden;
  border-radius: 6px;
}

.megaGrid--offers .megaBanner img {
  transition: transform 0.3s ease;
}

.megaGrid--offers .megaBanner:hover img {
  transform: scale(1.05);
}

.megaGrid--offers {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  align-items: stretch;
}

.megaPromoCard {
  position: relative;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.megaBadge {
  position: absolute;
   bottom: 70px;
   right: 20px;
    background: #272727;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 8px;
  border-radius: 4px;
  z-index: 2;
  letter-spacing: 0.5px;
}

.megaPromoImage {
  display: block;
  overflow: hidden;
}

.megaPromoImage img {
  width: 100%;
  display: block;
  transition: transform 0.35s ease;
}

.megaPromoContent {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.megaPromoContent h4 {
  font-size: 14px;
  margin: 0;
}

.megaPromoBtn {
display: inline-block;
    padding: 8px 10px;
    background: #008080;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    text-align: center;
    border-radius: 6px;
    transition: 0.2s ease;
    font-weight: 700
}

.megaPromoBtn:hover {
background: #3dbbbb;
color: #ffffff;
}

.megaPromoCard:hover {
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.megaPromoCard:hover .megaPromoImage img {
  transform: scale(1.04);
}

/* Furniture / Seating / Soft Seating */
.megaFurnitureLayout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.megaFurnitureLinks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.megaFurnitureImages {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.megaImageTile {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  background: #10231d;
  min-height: 190px;
  text-decoration: none;
}

.megaImageTile img {
  width: 100%;
  height: 100%;
  min-height: 190px;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.megaImageTile:hover img {
  transform: scale(1.05);
}

.megaImageTile span {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 2;

  display: inline-block;
  padding: 8px 13px;

  background: rgba(16, 35, 29, .88);
  color: #ffffff;

  border-left: 4px solid #008080;
  border-radius: 4px;

  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;

  transition: all .25s ease;
}


.megaImageTile:hover span {
  background: #008080;
  color: #ffffff;
  transform: translateY(-2px);
}

/* Offers: 3 top + 3 bottom + large right image */
.megaOffersNew {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 22px;
}

.megaOffersSmall {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.megaOffersLarge .megaImageTile {
  height: 100%;
  min-height: 525px;
}

.megaOffersLarge .megaImageTile img {
  height: 100%;
}

@media (max-width: 900px) {
  .megaFurnitureLayout,
  .megaOffersNew {
    grid-template-columns: 1fr;
  }

  .megaFurnitureLinks,
  .megaFurnitureImages,
  .megaOffersSmall {
    grid-template-columns: repeat(2, 1fr);
  }
}

.topmenuItem > a {
  position: relative;
  padding-right: 16px;
}

.login-prompt-popup {
  position: fixed;
  top: 30%;
  right: 20px;

  width: 340px;
  background: #ffffff;
  border-radius: 12px;

  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);

  padding: 0;
  z-index: 9999;

  transform: translateX(120%);
  opacity: 0;

  transition: transform 0.35s ease, opacity 0.35s ease;
  overflow: hidden;
  font-family: inherit;
}

.login-prompt-popup.visible {
  transform: translateX(0);
  opacity: 1;
}

/* subtle top accent bar */
.login-prompt-popup::before {
  content: "";
  display: block;
  height: 4px;
  background: #3dbbbb;
}

/* content spacing */
.login-prompt-content {
  padding: 16px 16px 14px;
}

/* title */
.login-prompt-content p strong {
  font-size: 15px;
  color: #111;
  display: block;
  margin-bottom: 6px;
}

/* body text */
.login-prompt-content p {
  margin: 0 0 10px;
  font-size: 13.5px;
  line-height: 1.45;
  color: #555;
}

/* actions layout */
.actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
}

/* primary button */
.btn-login {
background: #008080;
    color: #fff;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    width: 100px;
    text-align: center;
}

.btn-login:hover {
  background: #3dbbbb;
  transform: translateY(-1px);
  color: #ffffff;
}

/* secondary action */
.btn-close {
  background: transparent;
  border: none;
  color: #777;
  font-size: 12.5px;
  cursor: pointer;
  padding: 6px 4px;
}

.btn-close:hover {
  color: #333;
}

/* Item Swaps */

.itemswapcontent {
border: 1px solid #3dbbbb;
border-radius: 5px;
width: 360px;
outline: solid #0e0e0e99 2000px;
transition: all 0.5s ease-in;
}

.itemswapcontent button.close {
display: none;
}

.price-saving {
background: #3dbbbb;
color: #000000;
font-weight: 700;
padding: 7px 15px;
margin-bottom: 5px;
font-size: 16px;
}

.itemswapcontent .title {
font-size: 20px;
}

.itemswapcontent .listitems {
border-radius: 10px;
border: 1px solid #3dbbbb;
}  

body.ex-product .arrow_down:after  {
border-left-color: #3dbbbb;
} 

.itemswapcontent .product-detail .product-name a:hover {
font-weight: 500;
} 

.itemswapcontent .product-detail .list-attribute, .itemswapcontent .product-detail strong {
display: none;
} 

.itemswapcontent .product-detail .price-label  {
font-size: 18px;
}  

.itemswapcontent .product-detail .uom {
display: none;
}

.itemswapcontent .product-detail .buttons.group {
margin-top: 2px;
}

.itemswapcontent .btn-swap-continue  {
width: 100%;
border-radius: 5px;
border: 1px solid #b2b2b2;
background: #e6f7f7;
}

.itemswapcontent .btn-swap-continue:hover {
color: #ffffff;
background: #008080;
}

.itemswapcontent .product-detail{
margin-top: 3px;
}

.itemswapcontent .col-md-4 {
width: 42%;
}

.col-md-7.product-detail {
width: 50%;
}

.itemswapcontent p {
    margin-bottom: 15px;
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 700;
}

.itemswapcontent  span.live-inventory-v2-shipping.text-danger.out-stock:after{
display: none;}



/* =========================================
   BULK ORDERS MODAL ONLY
========================================= */

/* TRIGGER BUTTON */

.bulkorders-trigger {
    background: #111;
    color: #fff;
    border: 0;
    padding: 14px 24px;
    border-radius: 8px;
    font-weight: 600;
    transition: all .3s ease;
}

.bulkorders-trigger:hover {
    background: #333;
    color: #fff;
}

/* MODAL LAYOUT */

/* =========================================
   BULK ORDERS RIGHT FLYOVER MODAL
   NO LEFT IMAGE
========================================= */

/* REMOVE DEFAULT BOOTSTRAP FADE */

.bulkorders-modal.fade .bulkorders-dialog {
    right: -100%;
    transform: none;
    transition: right .4s cubic-bezier(.77,0,.18,1);
}

/* SLIDE IN */

.bulkorders-modal.in .bulkorders-dialog {
    right: 0;
}

/* DIALOG */

.bulkorders-modal .bulkorders-dialog {
    position: fixed;
    top: 0;
    right: -100%;
    margin: 0;
    width: 100%;
    max-width: 620px;
    height: 100%;
    z-index: 1051;
}

/* CONTENT */

.bulkorders-modal .bulkorders-content {
    height: 100vh;
    border: 0;
    border-radius: 0;
    overflow-y: auto;
    background: #fff;
    box-shadow: -10px 0 40px rgba(0,0,0,.2);
}

/* BODY */

.bulkorders-body {
    min-height: 100vh;
    background: #fff;
}

/* FORM AREA */

.bulkorders-form-wrapper {
position: relative;
}

bulkorders-form-header {
padding: 25px;
background: #d2f4ff;
}

/* TITLE */

.bulkorders-form-wrapper h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111;
    line-height: 1.2;
}

/* INTRO */

.bulkorders-intro {
    font-size: 15px;
    line-height: 1.51;
    color: #454545;
    margin-bottom: 15px;
}

/* CLOSE BUTTON */

.bulkorders-close {
    position: absolute;
    top: 18px;
    right: 22px;
    border: 0;
    background: transparent;
    font-size: 40px;
    line-height: 1;
    color: #111;
    z-index: 9;
    cursor: pointer;
    opacity: 1;
}

/* FORM GRID */

.bulkorders-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  padding: 25px;
}

.bulkorders-full {
    grid-column: span 2;
}

.bulkorders-form-footer {
padding: 25px;
}

/* LABELS */

.bulkorders-group label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

/* INPUTS */

.bulkorders-modal .form-control {
    width: 100%;
    height: auto;
    padding: 14px 16px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: none;
    font-size: 15px;
    transition: all .25s ease;
    background: #fff;
}

.bulkorders-modal .form-control:focus {
    border-color: #111;
    box-shadow: 0 0 0 3px rgba(0,0,0,.05);
}

.bulkorders-modal textarea.form-control {
    resize: vertical;
    min-height: 120px;
}

/* SUBMIT BUTTON */

.bulkorders-submit {
    width: 100%;
    margin-top: 20px;
    border: 0;
    background: #111;
    color: #fff;
    padding: 16px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    transition: background .3s ease;
}

.bulkorders-submit:hover {
    background: #333;
}

/* SUCCESS */

.bulkorders-success {
    margin-top: 20px;
    background: #edf9ed;
    color: #1c6b1c;
    padding: 15px;
    border-radius: 10px;
}

/* BACKDROP */

.bulkorders-modal {
    background: rgba(0,0,0,.6);
}

/* MOBILE */

@media (max-width: 768px) {

    .bulkorders-modal .bulkorders-dialog {
        max-width: 100%;
    }

    .bulkorders-form-wrapper {
        padding: 35px 20px;
    }

    .bulkorders-grid {
        grid-template-columns: 1fr;
    }

    .bulkorders-full {
        grid-column: span 1;
    }

    .bulkorders-form-wrapper h2 {
        font-size: 28px;
    }

}

.bulkorders-modal .bulkorders-content button.btn.btn-default {
width: 100%;
margin-top: 20px;
border: 0;
background: #3dbbbb;
color: #fff;
padding: 16px;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
transition: background .3s ease;
}

.bulkorders-modal .bulkorders-content button.btn.btn-default:hover {
background: #049af3;
}

.bulkorders-form-header {
padding: 25px;
background: #e6f7f7;
}

.bulk-order-trigger {
display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
background: #e6f7f7;
    color: #000000;
    padding: 14px 24px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: center;
    font-size: 16px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border: 1px solid #0000001a;
}

.bulk-order-trigger:hover {
background: #c5edea;
}

.bulk-order-icon {
    width: 40px;
    height: 40px;
    display: block;
}

/* Price Promise */
.promise-page,
.promise-page *{
    box-sizing:border-box;
}

.promise-page{
    font-family:'Inter',sans-serif;
    color:#111827;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

/* =========================
   CONTAINER
========================= */

.promise-page .promise-container{
    max-width:1200px;
    margin:0 auto;
}

/* =========================
   HERO
========================= */

.promise-page .promise-hero{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    padding:50px 70px;
    margin-bottom:35px;
background: url(https://eu.evocdn.io/dealer/1022/content/media/cos-header-service1.png) no-repeat center;
        background-size: cover;
    border:2px solid #3dbbbb3d;
    color:#111827;
}

.promise-page .promise-hero h1{
    font-size:40px;
    line-height:1;
    font-weight:800;
    margin-bottom:20px;
    letter-spacing:-2px;
    color:#111827;
}

.promise-page .promise-hero p{
    font-size:18px;
    line-height:1.8;
    max-width:760px;
    color:#4b5563;
}

/* =========================
   GRID
========================= */

.promise-page .promise-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:28px;
    margin-bottom:28px;
}

/* =========================
   CARDS / SECTIONS
========================= */

.promise-page .promise-card,
.promise-page .promise-section{
    background:#ffffff;
    margin-bottom: 10px;
    border:1px solid #eceff3;

    border-radius:28px;

    padding:38px;

    box-shadow:
    0 4px 20px rgba(15,23,42,0.04);

    transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.promise-page .promise-card:hover,
.promise-page .promise-section:hover{
    transform:translateY(-4px);

    border-color:#3dbbbb3d;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.08);
}

.promise-page .promise-card h2,
.promise-page .promise-section h2{
    font-size:30px;
    margin-bottom:20px;
    font-weight:700;
    letter-spacing:-1px;
    color:#111827;
}

.promise-page .promise-section{
    margin-bottom:28px;
}

.promise-page .promise-section h3{
    font-size:20px;
    margin-bottom:18px;
    color:#111827;
}

/* =========================
   SPLIT GRID
========================= */

.promise-page .promise-split{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:40px;
}

/* =========================
   LISTS
========================= */

.promise-page ul{
    list-style:none;
    display:grid;
    gap:16px;
    padding:0;
    margin:0;
}

.promise-page li{
    display:flex;
    align-items:flex-start;
    gap:14px;

    color:#4b5563;

    line-height:1.6;
    font-size:17px;
    font-weight:500;
}

.promise-page li::before{
    content:"";

    flex-shrink:0;

    width:14px;
    height:14px;

    margin-top:7px;

    border-radius:50%;

    background: linear-gradient(135deg, #008080, #3dbbbb);;

    box-shadow: 0 0 0 4px #3dbbbb3d;
}

/* =========================
   NOTES
========================= */

.promise-page .promise-note{
    margin-top:28px;

    background: linear-gradient(135deg, #3dbbbb3d, #f8fbff);

    border: 1px solid #3dbbbb;

    border-radius:20px;

    padding:22px 24px;

    color: #008080;

    font-weight:500;

    line-height:1.7;

    font-size:15px;
}

/* =========================
   TEXT
========================= */

.promise-page p{
    color:#4b5563;
    line-height:1.8;
    font-size:17px;
}

/* =========================
   FOOTER
========================= */

.promise-page .promise-footer{
    text-align:center;
    padding:25px 10px 0;
    color:#94a3b8;
    font-size:14px;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:768px){

    .promise-page .promise-hero{
        padding:40px 28px;
        border-radius:24px;
    }

    .promise-page .promise-hero h1{
        font-size:38px;
    }

    .promise-page .promise-hero p{
        font-size:16px;
    }

    .promise-page .promise-card,
    .promise-page .promise-section{
        padding:28px;
        border-radius:22px;
    }

    .promise-page .promise-card h2,
    .promise-page .promise-section h2{
        font-size:26px;
    }

}
.promise-grid-2{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

.promise-card{
    padding:16px;
    border:1px solid #e6e6e6;
    border-radius:10px;
    background:#fff;
}

.promise-hours{
    display:flex;
    flex-direction:column;
    gap:10px;
    max-width:420px;
}

.promise-hours-row{
    display:flex;
    justify-content:space-between;
    padding:10px 14px;
    border:1px solid #eee;
    border-radius:8px;
    background:#fff;
}

.promise-hours-split{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
    margin-top:30px;
}

.promise-hours-row.closed{
    opacity:0.7;
}

.promise-day{
    font-weight:600;
}

.promise-time{
    font-weight:500;
}

.filter-container section.quicklinks {
    background: white;
    border-radius: 10px;
    box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, .05), -4px -4px 6px 0 hsla(0, 0%, 100%, .3);
    border: 1px solid #cccccc;
margin-bottom: 10px;
}

.filter-container section.quicklinks li a {
    padding: 6px 10px;
    border-bottom: 1px solid #efefef;
    transition: all .3s ease-in-out;
    color: var(--evo-text-col, #878787);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.1em;
    line-height: 2;
}
.filter-container section.quicklinks .title {
    background: #008080;
    color: #fff;
    padding: 15px 12px;
    text-transform: capitalize;
    font-size: 1.125em;
    margin: 0px;
    border-radius: 10px 10px 0px 0px;
}

.filter-container section.quicklinks li a::after  {
content: "\f054";
font: normal normal normal 10px / 1 FontAwesome;
float: right;
color: #3dbbbb;
}

.filter-container section.quicklinks li {
    margin: 0px;
}

.filter-container section.quicklinks li a:hover {
    background: #3dbbbb1c;
}

form.contact-form.contactform {
    background: #ffffff;
    border: 1px solid #eceff3;
    border-radius: 28px;
    padding: 38px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* LPP Popup  */
.catalog-single .product-title {
  font-size: 22px;
}

/* tooltip base */
.low-price-pledge-popup {
  position: absolute;
  width: 360px;
  z-index: 9999;
  background: rgba(51, 204, 255, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  color: #fff;
  border-radius: 12px;
  padding: 14px 16px;

  font-size: 14px;
  line-height: 1.5;

  opacity: 0;
  transform: translateY(8px) scale(0.98);
  transition: opacity 0.22s ease, transform 0.22s ease;
}

/* arrow */
.low-price-pledge-popup::before {
  position: absolute;
  bottom: 100%;
  left: 24px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent rgba(51, 204, 255, 0.92) transparent;
}

/* show state with premium feel */
.low-price-pledge-popup.show {
  opacity: 1;
  transform: translateY(0) scale(1);
  animation: lppShadowIn 0.25s ease forwards;
}

/* premium shadow entrance */
@keyframes lppShadowIn {
  from {
    box-shadow: 0 0 0 rgba(0,0,0,0);
  }
  to {
    box-shadow: 0 12px 30px rgba(0,0,0,0.18);
  }
}

/* typography */
.lpp-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 6px;
}

.lpp-phone {
  font-size: 22px;
  font-weight: 600;
  margin-top: 6px;
}

.lpp-text {
  margin-top: 8px;
  opacity: 0.95;
}

.lpp-link {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 10px;

  background: rgba(255, 255, 255, 0.18);
  border-radius: 8px;

  color: #fff;
  text-decoration: none;
  font-weight: 500;

  transition: background 0.2s ease, transform 0.2s ease;
}

.lpp-link:hover {
  background: rgba(255, 255, 255, 0.28);
  transform: translateY(-1px);
}
/* Service Header Banner */
.service-banner {
    background: #e6f7f7;
    border-top: 1px solid #BFE8E8;
    border-bottom: 1px solid #BFE8E8;
    padding: 4px 0;
}

div#htmlcontent_306784 {
background: #e6f7f7;
}

.service-banner .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.service-banner__flex {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 16px;
}

.service-banner__box {
    position: relative;
    flex: 1;
    min-width: 220px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 4px 6px;
    background: #e6f7f7;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.service-banner__box:hover {
    transform: translateY(-2px);
}

.service-banner__icon img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.service-banner__box p {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    color: #4c5a55;
}

.service-banner__box strong {
    font-size: 14px;
    color: #000;
}

.service-banner__link {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.container-fluid.headersection-6 {
    background: #f5f5f5;
}

/* Mobile */
@media (max-width: 768px) {
    .service-banner__flex {
        flex-direction: column;
    }

    .service-banner__box {
        min-width: 100%;
    }   }

@media only screen and (max-width: 769px) {
.Nodisplay{display:none;}
}

@media screen and (max-width: 769px) {
section.catalog-single.mobile {
background: #fafafa;
}
}

@media only screen and (max-width: 767px) {
footer ol li, footer ul:not(.hasSubmenus,.submenu) li {
border: 0px solid #fff;}
}
@media only screen and (max-width: 991px) {
.shop-filters .filter-section label :not(.swatch-option,.btn-default) {
padding: 0em;
}
}

@media only screen and (max-width: 768px) {
section.search {
padding: 5px 15px;
}
}

@media only screen and (max-width: 768px){
.ms-slide-bgcont {
border: 1px solid #e6e6e6 !important;
border-radius: 10px;
}
}

@media only screen and (max-width: 770px) {
.searchtools .search {
border-radius: 10px;
}
}

/* Main Page Rebuild */

/* ==========================================
   UPGRADED HERO BANNER
========================================== */

.cos-hero-banner {
  min-height: 600px;
  background-image: url("https://eu.evocdn.io/dealer/1022/content/media/cos-hero-banner4.png");
  background-size: cover;
  background-position: center;
  border-radius: 0;
  overflow: hidden;
}

.cos-hero-overlay {
  min-height: 600px;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.50) 0%,
    rgba(0, 0, 0, 0.32) 42%,
    rgba(0, 0, 0, 0.05) 100%
  );
  display: flex;
  align-items: center;
}

.cos-hero-content {
  max-width: 1024px;
  padding: 60px 7%;
  color: #ffffff;
}

.cos-hero-label {
  display: inline-block;
  margin-bottom: 35px;
  padding: 7px 13px;
  background: #292c2ea1;
  border-left: 4px solid #008080;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.cos-hero-content h1 {
  margin: 0 0 18px;
  font-size: clamp(38px, 5vw, 50px);
  line-height: 1.05;
  font-weight: 800;
  color: #ffffff;
}

.cos-hero-content p {
  margin: 0 0 28px;
  font-size: 20px;
  line-height: 1.45;
}

.cos-hero-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.cos-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.cos-btn-primary {
  background: #008080;
  color: #ffffff;
}

.cos-btn-secondary {
  background: #ffffff;
  color: #10231d;
}

.cos-btn-primary:hover {
  background: #3dbbbb;
  color:#ffffff;
}

.cos-btn-secondary:hover {
  background: #008080;
}

@media (max-width: 768px) {
  .cos-hero-banner,
  .cos-hero-overlay {
    min-height: 520px;
  }

  .cos-hero-overlay {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.72) 0%,
      rgba(0, 0, 0, 0.48) 100%
    );
  }

  .cos-hero-content {
    padding: 42px 24px;
  }

  .cos-hero-buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .cos-btn {
    width: 100%;
    max-width: 280px;
  }
}

.cos-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 26px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
}


.cos-btn-secondary {
  background: #ffffff;
  color: #10231d;
}

.cos-btn-secondary:hover {
  background: #f2f2f2;
}

/* ==========================================
   HERO CATEGORY CARDS
========================================== */

.cos-hero-category-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  padding: 28px 5%;
  background: #ffffff;
  margin-top: -65px;
  position: relative;
  z-index: 3;
}

.cos-hero-category {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  gap: 20px;
  padding: 18px;
  background: #ffffff;
  border-radius: 10px;
  color: #10231d;
  text-decoration: none;
  box-shadow: 0 12px 32px rgba(0,0,0,0.12);
  transition: transform .25s ease, box-shadow .25s ease;
}

.cos-hero-category:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(0,0,0,0.16);
}

.cos-hero-category img {
  width: 120px;
  height: 95px;
  object-fit: cover;
  border-radius: 7px;
  display: block;
}

.cos-hero-category h3 {
  margin: 0 0 6px;
  font-size: 20px;
  color: #10231d;
}

.cos-hero-category p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #4c5a55;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1100px) {
  .cos-hero-category-strip {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .cos-hero-category {
    grid-template-columns: 150px 1fr;
  }

  .cos-hero-category img {
    width: 150px;
    height: 100px;
  }
}

@media (max-width: 700px) {
  .cos-hero-upgraded,
  .cos-hero-overlay {
    min-height: 560px;
  }

  .cos-hero-overlay {
    background: linear-gradient(
      180deg,
      rgba(0,0,0,0.78) 0%,
      rgba(0,0,0,0.48) 100%
    );
  }

  .cos-hero-content {
    padding: 50px 24px;
  }

  .cos-hero-content p {
    font-size: 17px;
  }

  .cos-hero-buttons {
    flex-direction: column;
  }

  .cos-btn {
    width: 100%;
    box-sizing: border-box;
  }

  .cos-hero-category-strip {
    padding: 22px 20px;
  }

  .cos-hero-category {
    grid-template-columns: 1fr;
  }

  .cos-hero-category img {
    width: 100%;
    height: 170px;
  }
}
.cos-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.cos-btn-secondary {
  background: #ffffff;
  color: #10231d;
}

.cos-btn-secondary:hover {
background: #f2f2f2;
color: #049acf;
}

@media (max-width: 768px) {
  .cos-hero-banner,
  .cos-hero-overlay {
    min-height: 520px;
  }

  .cos-hero-overlay {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.72) 0%,
      rgba(0, 0, 0, 0.48) 100%
    );
  }

  .cos-hero-content {
    padding: 42px 24px;
  }

  .cos-hero-buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .cos-btn {
    width: 100%;
    max-width: 280px;
  }
}

.cos-benefits-strip {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  background: #ffffff;
  border-bottom: 1px solid #e7e7e7;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.cos-benefit {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 24px 22px;
  border-right: 1px solid #e6e6e6;
  justify-content: center;
}

.cos-benefit:last-child {
  border-right: none;
}

.cos-benefit-img {
  width: 38px;
  height: 38px;
  object-fit: contain;
  flex-shrink: 0;
}

.cos-benefit h3 {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 800;
  color: #10231d;
  text-transform: uppercase;
}

.cos-benefit p {
  margin: 0;
  font-size: 13px;
  color: #4c5a55;
  line-height: 1.35;
}

@media (max-width: 1100px) {
  .cos-benefits-strip {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 760px) {
  .cos-benefits-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px) {
  .cos-benefits-strip {
    grid-template-columns: 1fr;
  }

  .cos-benefit {
    border-right: none;
    padding: 22px 24px;
  }
}

.cos-furniture-collections {
  padding: 20px 2% 56px;
  background: #ffffff;
  margin-top: 15px;
}

.cos-section-heading {
  text-align: center;
  margin-bottom: 28px;
}

.cos-section-heading h2 {
  margin: 0 0 8px;
  font-size: 30px;
  line-height: 1.2;
  color: #10231d;
}

.cos-section-heading p {
  margin: 0;
  font-size: 16px;
  color: #5f6b67;
}

.cos-collection-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.cos-collection-card {
  display: block;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  color: #10231d;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cos-collection-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12);
}

.cos-collection-card img {
  width: 100%;
  height: 230px;
  display: block;
  object-fit: cover;
}

.cos-collection-content {
  padding: 22px 22px 24px;
}

.cos-collection-content h3 {
  margin: 0 0 8px;
  font-size: 20px;
  color: #10231d;
}

.cos-collection-content p {
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.45;
  color: #4c5a55;
}

.cos-collection-content span {
  font-size: 15px;
  font-weight: 800;
  color: #008080;
}

@media (max-width: 1100px) {
  .cos-collection-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cos-collection-card img {
    height: 260px;
  }
}

@media (max-width: 620px) {
  .cos-furniture-collections {
    padding: 38px 20px 46px;
  }

  .cos-collection-grid {
    grid-template-columns: 1fr;
  }

  .cos-collection-card img {
    height: 230px;
  }
}

.cos-fitout-section {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 44px;
  align-items: center;
  padding: 64px 5%;
  background: #f5f7f6;
}

.cos-fitout-image img {
  width: 100%;
  height: 430px;
  object-fit: cover;
  display: block;
  border-radius: 10px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12);
}

.cos-fitout-content {
  max-width: 560px;
}

.cos-fitout-label {
  display: inline-block;
  margin-bottom: 14px;
  color: #008080;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.cos-fitout-content h2 {
  margin: 0 0 18px;
  font-size: clamp(30px, 4vw, 30px);
  line-height: 1.1;
  color: #10231d;
}

.cos-fitout-content p {
  margin: 0 0 24px;
  font-size: 17px;
  line-height: 1.6;
  color: #4c5a55;
}

.cos-fitout-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  display: grid;
  gap: 5px;
}

.cos-fitout-list li {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #10231d;
}

.cos-fitout-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: -1px;
  color: #3dbbbb;
  font-weight: 900;
}

.cos-fitout-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 26px;
  background: #008080;
  color: #ffffff;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
}

.cos-fitout-btn:hover {
background: #3dbbbb;
color: #ffffff;
}

@media (max-width: 900px) {
  .cos-fitout-section {
    grid-template-columns: 1fr;
    padding: 48px 24px;
  }

  .cos-fitout-image img {
    height: 320px;
  }
}

/* ==========================================
   SOFT SEATING SECTION
========================================== */

.cos-soft-seating {
  padding: 50px 2%;
  background: #ffffff;
}

.cos-soft-heading {
  max-width: 800px;
  margin-bottom: 35px;
}

.cos-soft-heading span {
  display: inline-block;
  margin-bottom: 10px;
  color: #008080;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.cos-soft-heading h2 {
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
  color: #10231d;
}

.cos-soft-heading p {
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
  color: #4c5a55;
}

/* ==========================================
   GRID LAYOUT
========================================== */

.cos-soft-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.3fr;
  grid-template-rows: repeat(2, 260px);
  gap: 20px;
}

.cos-soft-card {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  text-decoration: none;
  display: block;
  background: #10231d;
}

.cos-soft-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}

.cos-soft-card:hover img {
  transform: scale(1.05);
}

.cos-soft-feature {
  grid-column: 3;
  grid-row: 1 / span 2;
}

/* ==========================================
   STANDARD OVERLAYS
========================================== */

.cos-soft-overlay {
  position: absolute;
  inset: 0;
display: flex;
  align-items: flex-end;
  padding: 24px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 20%, rgb(0 0 0 / 30%) 100%);
}

.cos-soft-overlay h3 {
  margin: 0 0 6px;
  font-size: 24px;
  line-height: 1.2;
  color: #ffffff;
  text-shadow: -1px 1px 2px #454545;
}

.cos-soft-overlay p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255,255,255,0.92);
  max-width: 280px;
  text-shadow: -1px 1px 2px #454545;
}

/* ==========================================
   LARGE FEATURE IMAGE
========================================== */

.cos-soft-overlay-large {
   position: absolute;
    inset: 0;

    display: flex;
    flex-direction: column;

    padding: 40px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 15%, rgb(0 0 0 / 30%) 100%);
}

.cos-soft-overlay-large span {
    display: inline-block;
    align-self: flex-start;

    padding: 8px 14px;

    background: #292c2ea1;
    border-left: 4px solid #008080;

    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.cos-soft-overlay-large h3 {
  margin: 0 0 12px;
  font-size: 42px;
  line-height: 1.1;
  color: #ffffff;
}

.cos-soft-overlay-large p {
  margin: 0;
  max-width: 450px;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255,255,255,0.95);
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1100px) {

  .cos-soft-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }

  .cos-soft-card {
    height: 250px;
  }

  .cos-soft-feature {
    grid-column: 1 / -1;
    grid-row: auto;
    height: 420px;
  }
}

@media (max-width: 768px) {

  .cos-soft-seating {
    padding: 50px 20px;
  }

  .cos-soft-grid {
     display: flex;
    flex-direction: column;
  }
  
  .cos-soft-feature {
    order: -1;
  }

  .cos-soft-card,
  .cos-soft-feature {
    height: 260px;
  }

  .cos-soft-heading h2 {
    font-size: 32px;
  }

  .cos-soft-overlay h3 {
    font-size: 22px;
  }

  .cos-soft-overlay-large h3 {
    font-size: 30px;
  }

  .cos-soft-overlay-large {
    padding: 25px;
  }
}
/* ==========================================
   FEATURED BEST SELLERS
========================================== */

.cos-best-sellers {
    padding: 25px 2%;
    background: #f7f8f8;
}

.cos-best-heading {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 15px;
}

.cos-best-heading span {
    display: inline-block;
    margin-bottom: 10px;
    color: #008080;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.cos-best-heading h2 {
    margin: 0 0 10px;
    font-size: 30px;
    color: #10231d;
    line-height: 1.1;
}

.cos-best-heading p {
    margin: 0;
    color: #5c6764;
    font-size: 17px;
    line-height: 1.6;
}

/* ==========================================
   GRID
========================================== */

.cos-product-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 22px;
}

/* ==========================================
   CARD
========================================== */

.cos-product-card {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 8px 20px rgba(0,0,0,.06);
    transition: all .25s ease;
}

.cos-product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(0,0,0,.12);
}

.cos-product-image {
    background: #ffffff;
    padding: 20px;
}

.cos-product-image img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    display: block;
}

.cos-product-content {
    padding: 20px;
}

.cos-product-sku {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #8b9592;
    text-transform: uppercase;
}

.cos-product-content h3 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.25;
    color: #10231d;
}

.cos-product-content p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.5;
    color: #5c6764;
}

.cos-product-colours {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 18px;
  min-height: 60px;
}

.cos-colour-swatch {
    width: 25px;
    height: 25px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    display: block;
    transition: transform .2s ease;
  border-radius: 50%;
}

.cos-colour-swatch:hover {
    transform: scale(1.15);
}

.cos-product-price {
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: 800;
    color: #008080;
}

.cos-product-button {
background: #008080;
    display: table;
    margin: 0 auto;
    padding: 12px 24px;
    color: #ffffff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    transition: background .25s ease;
}

.cos-product-card:hover .cos-product-button {
    background: #3dbbbb;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1400px) {
    .cos-product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .cos-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {

    .cos-best-sellers {
        padding: 60px 20px;
    }

    .cos-product-grid {
        grid-template-columns: 1fr;
    }

    .cos-best-heading h2 {
        font-size: 32px;
    }
}

.cos-product-badge {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 12px;
    background: #3dbbbb1c;
    color: #008080;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 20px;
}
/* ==========================================
   ACOUSTIC SCREENS SECTION
========================================== */

.cos-acoustic-options {
  padding: 50px 2%;
  background: #ffffff;
}

.cos-acoustic-heading {
  max-width: 800px;
  margin-bottom: 35px;
}

.cos-acoustic-heading span {
  display: inline-block;
  margin-bottom: 10px;
  color: #008080;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.cos-acoustic-heading h2 {
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
  color: #10231d;
}

.cos-acoustic-heading p {
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
  color: #4c5a55;
}

.cos-acoustic-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  grid-template-rows: repeat(2, 260px);
  gap: 20px;
}

.cos-acoustic-card {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  text-decoration: none;
  display: block;
  background: #10231d;
}

.cos-acoustic-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.cos-acoustic-card:hover img {
  transform: scale(1.05);
}

/* Large image on LEFT */
.cos-acoustic-feature {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.cos-acoustic-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 24px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 20%, rgb(0 0 0 / 30%) 100%);
}

.cos-acoustic-overlay h3 {
  margin: 0 0 6px;
  font-size: 24px;
  color: #ffffff;
  line-height: 1.2;
  text-shadow: -1px 1px 2px #454545;
}

.cos-acoustic-overlay p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: rgba(255,255,255,0.9);
  max-width: 280px;
  text-shadow: -1px 1px 2px #454545;
}

.cos-acoustic-overlay-large {
position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    padding: 40px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 15%, rgb(0 0 0 / 30%) 100%);
}

.cos-acoustic-overlay-large span {
 display: inline-block;
    align-self: flex-start;
    padding: 8px 14px;
    background: #292c2ea1;
    border-left: 4px solid #008080;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cos-acoustic-overlay-large h3 {
  margin: 0 0 15px;
  font-size: 40px;
  line-height: 1.1;
}

.cos-acoustic-overlay-large p {
  max-width: 450px;
  font-size: 17px;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 1100px) {
  .cos-acoustic-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }

  .cos-acoustic-card {
    height: 250px;
  }

  .cos-acoustic-feature {
    grid-column: 1 / -1;
    height: 420px;
  }
}

@media (max-width: 700px) {
  .cos-acoustic-grid {
    grid-template-columns: 1fr;
  }

  .cos-acoustic-card,
  .cos-acoustic-feature {
    height: 250px;
  }

  .cos-acoustic-heading h2 {
    font-size: 32px;
  }

  .cos-acoustic-overlay-large h3 {
    font-size: 30px;
  }
}
/* ==========================================
   WORKSTATIONS SECTION
========================================== */

.cos-workstations {
  padding: 50px 2%;
  background: #ffffff;
}

.cos-workstations-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  grid-template-rows: repeat(2, 260px);
  gap: 20px;
}

.cos-workstations-feature {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.cos-workstations-card {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  display: block;
  text-decoration: none;
  min-height: 260px;
  background: #10231d;
}

.cos-workstations-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.cos-workstations-card:hover img {
  transform: scale(1.05);
}

/* Tablet */
@media (max-width: 1100px) {
  .cos-workstations-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }

  .cos-workstations-card {
    height: 250px;
  }

  .cos-workstations-feature {
    grid-column: 1 / -1;
    grid-row: auto;
    height: 420px;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .cos-workstations {
    padding: 50px 20px;
  }

  .cos-workstations-grid {
    grid-template-columns: 1fr;
  }

  .cos-workstations-card,
  .cos-workstations-feature {
    height: 260px;
  }
}


.cos-overlay-bottom {
    margin-top: auto;
}

.cos-overlay-bottom h3 {
    margin: 0 0 12px;
    font-size: 30px;
    line-height: 1.1;
    color: #ffffff;
    text-shadow: -1px 1px 2px #454545;
}

.cos-overlay-bottom p {
    margin: 0;
    max-width: 450px;
    font-size: 17px;
    line-height: 1.6;
    color: rgba(255,255,255,0.95);
    text-shadow: -1px 1px 2px #454545;
}

.cos-trusted-brands {
  padding: 15px 2%;
  background: #ffffff;
}

.cos-brands-heading {
  text-align: center;
  max-width: 1024px;
  margin: 0 auto 35px;
}

.cos-brands-heading span {
  display: inline-block;
  margin-bottom: 10px;
  color: #008080;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.cos-brands-heading h2 {
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.1;
  color: #10231d;
}

.cos-brands-heading p {
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
  color: #4c5a55;
}

.cos-brands-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}

.cos-brand-card {
  min-height: 70px;
  padding: 10px;
  background: #f7f8f8;
  border: 1px solid #e6e9e8;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .25s ease;
}

.cos-brand-card:hover {
  background: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}

.cos-brand-card img {
  max-width: 150px;
  max-height: 65px;
  width: 100%;
  object-fit: contain;
  display: block;
}

@media (max-width: 1100px) {
  .cos-brands-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 600px) {
  .cos-trusted-brands {
    padding: 55px 20px;
  }

  .cos-brands-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cos-brands-heading h2 {
    font-size: 32px;
  }

  .cos-brand-card {
    min-height: 100px;
    padding: 18px;
  }
}

.cos-office-cta {
  padding: 90px 5%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.42) 55%, rgba(0, 0, 0, 0.05) 100%), url(https://eu.evocdn.io/dealer/1022/content/media/cos-hero-banner9.png);
  background-size: cover;
  background-position: center;
  margin-bottom: 15px;
  border-radius: 10px;
}

.cos-office-cta-content {
  max-width: 760px;
  color: #ffffff;
}

.cos-office-cta-content span {
  display: inline-block;
  margin-bottom: 14px;
  padding: 8px 14px;
background: #7c7c7c7a;
    border-left: 4px solid #008080;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.cos-office-cta-content h2 {
  margin: 0 0 18px;
  font-size: clamp(36px, 5vw, 50px);
  line-height: 1.05;
  color: #ffffff;
}

.cos-office-cta-content p {
  margin: 0 0 30px;
  max-width: 650px;
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255,255,255,0.92);
}

.cos-office-cta-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.cos-office-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 26px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
}

.cos-office-cta-primary {
  background: #008080;
  color: #ffffff;
}

.cos-office-cta-secondary {
  background: #ffffff;
  color: #10231d;
}

.cos-office-cta-primary:hover {
  background: #3dbbbb;
  color: #ffffff;
}

.cos-office-cta-secondary:hover {
  background: #f2f2f2;
  color: #008080;
}

@media (max-width: 700px) {
  .cos-office-cta {
    padding: 65px 20px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.42) 55%, rgba(0, 0, 0, 0.05) 100%), url(https://eu.evocdn.io/dealer/1022/content/media/cos-hero-banner3.png);
    background-size: cover;
    background-position: center;
  }

  .cos-office-cta-buttons {
    flex-direction: column;
  }

  .cos-office-cta-btn {
    width: 100%;
    box-sizing: border-box;
  }
}

/* =========================
   Mega Menu - Homepage Match
========================= */

.megaInner {
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
padding: 10px 5px 24px 5px;
}

.megaCol,
.megaPromoCard,
.megaTopStrip {
  background: #ffffff;
  border-radius: 10px;
  border: none;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.megaCol:hover,
.megaPromoCard:hover {
  transform: translateY(-4px);
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.megaCol h4,
.megaTopLeft h3,
.megaPromoContent h4 {
  color: #10231d;
  font-weight: 800;
}

.megaCol a {
  color: #4c5a55;
}

.megaCol a:hover,
.viewAll,
.megaTopRight a {
  color: #008080;
}

.megaCol a::after,
.megaTopRight a::after {
  color: #008080;
}

.megaPromoBtn,
.megaTopRight a {
  background: #008080;
  color: #ffffff;
  border-radius: 4px;
  font-weight: 800;
}

.megaPromoBtn:hover,
.megaTopRight a:hover {
  background: #3dbbbb;
  color: #ffffff;
}

.megaBadge {
  background: #008080;
  color: #ffffff;
  border-radius: 20px;
}

.topmenuItem a {
  color: #008080;
  font-weight: 800;
}


.topmenuItem:hover a {
  color: #10231d;
}

.topmenuItem:hover,
.topmenuItem.active {
  position: relative;
}
.megaPromoCard--overlay {
  position: relative;
  overflow: hidden;
}

.megaPromoCard--overlay .megaPromoImage {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
}

.megaPromoCard--overlay .megaPromoImage img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .35s ease;
}

.megaPromoCard--overlay:hover .megaPromoImage img {
  transform: scale(1.04);
}

.megaImageOverlay {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 2;

  display: inline-block;
  padding: 8px 13px;

  background: rgba(16, 35, 29, .88);
  color: #ffffff;

  border-left: 4px solid #008080;
  border-radius: 4px;

  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;

  transition: all .25s ease;
}

.megaPromoCard--overlay:hover .megaImageOverlay {
  background: #008080;
  color: #ffffff;
  transform: translateY(-2px);
}

.search-v2-category:hover {
background: #e6f7f7;
border-color: #3dbbbb;
}

.search-v2-category {
border: 1px solid #3dbbbb3d;
}

.search-v2__pill {
border: 1px solid #3dbbbb3d;
}
.search-v2__pill:hover {
color: #008080;
background: #e6f7f7;
border-color: #3dbbbb;
}
.search-v2-product:hover {
background-color: #effdfa78;
}
.search-v2 .owl-carousel .owl-nav button:hover {
background-color: #ffffff;
}

.search-v2__section-title {
color: #008080;
}

.bundle-modal-item{
border: 2px solid #bfe8e8;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.bundle-modal-item-image {
border-right: 1px solid #bfe8e8;
}

.bundle-modal-item-action {
border-left: 1px solid #bfe8e8;
}

.bundle-modal-item.is-selected  {
border-color: #008080;
}

body.has-myaccount-2 .modal .modal-content.product-bundle-modal-content {
padding: 0px ! Important;
}

body.has-myaccount-2 .modal .product-bundle-modal-header {
background: #e6f7f7;
border: 1px solid #BFE8E8;
padding: 10px 25px;
}


.bundle-preview-actions .bundle-skip-link {
    display: block;
    margin-top: 12px;
    border-radius: 5px;
    font-size: 15px;
    min-width: 255px;
    padding: 8px 20px;
    background: #c6c6c6;
    color: #000000;
    font-weight: 500;
  text-decoration: none;
}

.bundle-preview-actions .bundle-skip-link:hover {
    background: #454545;
    color: white;
}

.bundle-preview-type-label {
    color: #008080;
}

.modal-content {
border: 3px solid #008080;
}

.btn-xs-outlined {
    border: 1px solid #3dbbbb;
    color: #008080 !important;
}

body.has-myaccount-2 .modal .modal-content {
padding: 10px !important;
}

/* ==========================================
   PREMIUM MINIMAL BREADCRUMB
========================================== */

#breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;

    margin: 0 0 32px;
    padding: 8px 0;

    list-style: none;

    animation: breadcrumbFade 0.5s ease;
}

#breadcrumb li {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* Standard links */
#breadcrumb li a {
    position: relative;

    color: #5c6763;
    text-decoration: none;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0.2px;

    white-space: nowrap;

    transition: color 0.25s ease;
}

/* Animated underline */
#breadcrumb li a::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -4px;

    width: 0;
    height: 2px;

    background: #008080;

    transition: width 0.3s ease;
}

/* Hover */
#breadcrumb li a:hover {
    color: #009999;
}

#breadcrumb li a:hover::after {
    width: 100%;
}

/* Home link */
#breadcrumb li:first-child:not(:last-child) a {
    color: #8a9793;
}

#breadcrumb li:first-child:not(:last-child) a:hover {
    color: #009999;
}

/* Current page */
#breadcrumb li:last-child a {
    color: #008080;

    font-weight: 700;
    letter-spacing: 0.2px;

    pointer-events: none;
}

/* Do not show underline on current page */
#breadcrumb li:last-child a::after {
    display: none;
}

/* Separator */
#breadcrumb li:not(:last-child)::after {
    content: "/";

    display: inline-block;

    margin: 0 14px;

    color: #d9dfdc;

    font-size: 14px;
    line-height: 1;
    font-weight: 300;
}

/* Remove existing theme separators */
.breadcrumb > li + li::before {
    display: none !important;
    content: none !important;
}

/* Remove existing breadcrumb icons */
#breadcrumb li i,
#breadcrumb li i::before {
    display: none !important;
}

/* Subtle page-load animation */
@keyframes breadcrumbFade {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 900px) {

    #breadcrumb {
        margin-bottom: 24px;
    }

    #breadcrumb li a {
        font-size: 13px;
    }

    #breadcrumb li:not(:last-child)::after {
        margin: 0 10px;
    }

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 768px) {

    #breadcrumb {
        flex-wrap: nowrap;
        overflow-x: auto;

        margin-bottom: 20px;
        padding: 7px 0 11px;

        white-space: nowrap;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    #breadcrumb::-webkit-scrollbar {
        display: none;
    }

    #breadcrumb li {
        flex: 0 0 auto;
    }

    #breadcrumb li a {
        font-size: 13px;
    }

    #breadcrumb li:not(:last-child)::after {
        margin: 0 9px;
    }

}
/* =====================================================
   DYNAMIC SEARCH RESULTS BANNER
===================================================== */

#cosSearchBanner {
    display: none;
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
    box-sizing: border-box;
    background-color: #f2f8f8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


/* Show banner when a category has been detected */
#cosSearchBanner.is-visible {
    display: block;
    animation: cosBannerFadeIn 0.45s ease forwards;
}


/* Dark gradient over the banner image */
.cos-category-banner-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0.05) 100%);
}


/* Banner content */
.cos-category-banner-content {
    width: 100%;
    max-width: 1400px;
    height: 100%;
    position: relative;
    z-index: 2;

    margin: 0 auto;
    padding: 35px 50px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    box-sizing: border-box;
    color: #ffffff;
}


/* Small label above heading */
.cos-category-banner-label {
display: inline-flex;
    align-items: center;
    margin: 0 0 12px;
    padding: 6px 12px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.4px;
    background: #292c2ea1;
    border-left: 4px solid #008080;
}


/* Main banner heading */
.cos-category-banner-title {
    max-width: 650px;
    margin: 0 0 10px;

    color: #ffffff;
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -1px;
}


/* Banner description */
.cos-category-banner-text {
    max-width: 610px;
    margin: 0 0 16px;

    color: rgba(255, 255, 255, 0.94);
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
}


/* Feature row */
.cos-category-banner-features {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;

    margin: 0 0 22px;
}


/* Individual feature */
.cos-category-banner-feature {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #ffffff;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
}


/* Teal circular tick */
.cos-category-banner-feature-tick {
    width: 20px;
    height: 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 20px;

    border-radius: 50%;
    background: #3dbbbb;
    color: #ffffff;

    font-size: 12px;
    font-weight: 700;
}


/* Call-to-action link */
.cos-category-banner-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 42px;
    padding: 0 20px;

    border-radius: 6px;

    background: #008080;
    color: #ffffff !important;

    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    text-decoration: none !important;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}


.cos-category-banner-link:hover {
    border-color: #3dbbbb;
    background: #3dbbbb;
    color: #ffffff !important;
    transform: translateY(-2px);
}


.cos-category-banner-arrow {
    font-size: 13px;
    transition: transform 0.25s ease;
}


.cos-category-banner-link:hover .cos-category-banner-arrow {
    transform: translateX(3px);
}


/* Loading protection */
#cosSearchBanner img {
    max-width: 100%;
}


/* Banner entrance */
@keyframes cosBannerFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =====================================================
   TABLET
===================================================== */

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

    .cos-category-banner-content {
        padding: 30px 35px;
    }

    .cos-category-banner-overlay {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0.05) 100%);
    }

    .cos-category-banner-title {
        max-width: 560px;
    }

    .cos-category-banner-text {
        max-width: 530px;
    }
}


/* =====================================================
   MOBILE
===================================================== */

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

    #cosSearchBanner {
        height: 300px;
        margin-bottom: 22px;
        border-radius: 8px;
        background-position: center;
    }

    .cos-category-banner-overlay {
        background: rgba(0, 65, 65, 0.78);
    }

    .cos-category-banner-content {
        padding: 25px;
        justify-content: center;
    }

    .cos-category-banner-label {
        margin-bottom: 9px;
        font-size: 10px;
    }

    .cos-category-banner-title {
        margin-bottom: 9px;
        font-size: 33px;
        letter-spacing: -0.5px;
    }

    .cos-category-banner-text {
        margin-bottom: 14px;
        font-size: 15px;
        line-height: 1.4;
    }

    .cos-category-banner-features {
        gap: 7px 13px;
        margin-bottom: 17px;
    }

    .cos-category-banner-feature {
        font-size: 12px;
    }

    .cos-category-banner-feature-tick {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
        font-size: 10px;
    }

    .cos-category-banner-link {
        min-height: 39px;
        padding: 0 17px;
        font-size: 13px;
    }
}


/* Smaller mobile screens */
@media screen and (max-width: 480px) {

    #cosSearchBanner {
        height: 320px;
    }

    .cos-category-banner-content {
        padding: 22px;
    }

    .cos-category-banner-title {
        font-size: 29px;
    }

    .cos-category-banner-text {
        font-size: 14px;
    }

    .cos-category-banner-features {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
}

/* =====================================================
   MENU CATEGORY BANNER
===================================================== */

#cosCategoryBanner {
    display: none;
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
    box-sizing: border-box;
    background-color: #f2f8f8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


/* Show the banner when a category URL is detected */
#cosCategoryBanner.is-visible {
    display: block;
    animation: cosCategoryBannerFadeIn 0.45s ease forwards;
}


/* Dark gradient over the banner image */
#cosCategoryBanner .cos-category-banner-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

background: linear-gradient(90deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0.05) 100%);
}


/* Banner content */
#cosCategoryBanner .cos-category-banner-content {
    width: 100%;
    max-width: 1400px;
    height: 100%;
    position: relative;
    z-index: 2;

    margin: 0 auto;
    padding: 35px 50px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    box-sizing: border-box;
    color: #ffffff;
}


/* Small label above heading */
#cosCategoryBanner .cos-category-banner-label {
display: inline-flex;
    align-items: center;
    margin: 0 0 12px;
    padding: 6px 12px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.4px;
    background: #292c2ea1;
    border-left: 4px solid #008080;
}


/* Main banner heading */
#cosCategoryBanner .cos-category-banner-title {
    max-width: 650px;
    margin: 0 0 10px;

    color: #ffffff;
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -1px;
}


/* Banner description */
#cosCategoryBanner .cos-category-banner-text {
    max-width: 610px;
    margin: 0 0 16px;

    color: rgba(255, 255, 255, 0.94);
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
}


/* Feature row */
#cosCategoryBanner .cos-category-banner-features {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;

    margin: 0 0 22px;
}


/* Individual feature */
#cosCategoryBanner .cos-category-banner-feature {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #ffffff;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
}


/* Teal circular tick */
#cosCategoryBanner .cos-category-banner-feature-tick {
    width: 20px;
    height: 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 20px;

    border-radius: 50%;
    background: #3dbbbb;
    color: #ffffff;

    font-size: 12px;
    line-height: 1;
    font-weight: 700;
}


/* Call-to-action link */
#cosCategoryBanner .cos-category-banner-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 42px;
    padding: 0 20px;

    border-radius: 6px;

    background: #008080;
    color: #ffffff !important;

    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    text-decoration: none !important;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}


#cosCategoryBanner .cos-category-banner-link:hover {
    border-color: #3dbbbb;
    background: #3dbbbb;
    color: #ffffff !important;
    transform: translateY(-2px);
}


#cosCategoryBanner .cos-category-banner-arrow {
    font-size: 13px;
    transition: transform 0.25s ease;
}


#cosCategoryBanner
.cos-category-banner-link:hover
.cos-category-banner-arrow {
    transform: translateX(3px);
}


/* Banner entrance */
@keyframes cosCategoryBannerFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Respect reduced-motion settings */
@media (prefers-reduced-motion: reduce) {

    #cosCategoryBanner.is-visible {
        animation: none;
    }

    #cosCategoryBanner .cos-category-banner-link,
    #cosCategoryBanner .cos-category-banner-arrow {
        transition: none;
    }
}


/* =====================================================
   TABLET
===================================================== */

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

    #cosCategoryBanner .cos-category-banner-content {
        padding: 30px 35px;
    }

    #cosCategoryBanner .cos-category-banner-overlay {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.45) 42%, rgba(0, 0, 0, 0.05) 100%);
    }

    #cosCategoryBanner .cos-category-banner-title {
        max-width: 560px;
    }

    #cosCategoryBanner .cos-category-banner-text {
        max-width: 530px;
    }
}


/* =====================================================
   MOBILE
===================================================== */

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

    #cosCategoryBanner {
        height: 300px;
        margin-bottom: 22px;
        border-radius: 8px;
        background-position: center;
    }

    #cosCategoryBanner .cos-category-banner-overlay {
        background: rgba(0, 65, 65, 0.78);
    }

    #cosCategoryBanner .cos-category-banner-content {
        padding: 25px;
        justify-content: center;
    }

    #cosCategoryBanner .cos-category-banner-label {
        margin-bottom: 9px;
        font-size: 10px;
    }

    #cosCategoryBanner .cos-category-banner-title {
        margin-bottom: 9px;
        font-size: 33px;
        letter-spacing: -0.5px;
    }

    #cosCategoryBanner .cos-category-banner-text {
        margin-bottom: 14px;
        font-size: 15px;
        line-height: 1.4;
    }

    #cosCategoryBanner .cos-category-banner-features {
        gap: 7px 13px;
        margin-bottom: 17px;
    }

    #cosCategoryBanner .cos-category-banner-feature {
        font-size: 12px;
    }

    #cosCategoryBanner .cos-category-banner-feature-tick {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
        font-size: 10px;
    }

    #cosCategoryBanner .cos-category-banner-link {
        min-height: 39px;
        padding: 0 17px;
        font-size: 13px;
    }
}


/* Smaller mobile screens */
@media screen and (max-width: 480px) {

    #cosCategoryBanner {
        height: 320px;
    }

    #cosCategoryBanner .cos-category-banner-content {
        padding: 22px;
    }

    #cosCategoryBanner .cos-category-banner-title {
        font-size: 29px;
    }

    #cosCategoryBanner .cos-category-banner-text {
        font-size: 14px;
    }

    #cosCategoryBanner .cos-category-banner-features {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
}

.list-attribute.product-bundle-badge .bundle-offer-badge {
    align-items: center;
    background-color: #3dbbbb;
}

.topmenuItem-new{
    position:relative;
}

.newBadge{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    padding:1px 10px;
    border-radius:10px;
    background:#33ccff;
    color:#fff;
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
    line-height:1.1;
    z-index:2;
}

.newBadge::before,
.newBadge::after{
    content:"";
    position:absolute;
    top:50%;
    width:18px;
    height:1px;
    background:#33ccff;
}

.newBadge::before{
    right:100%;
    margin-right:6px;
}

.newBadge::after{
    left:100%;
    margin-left:6px;
}

/* ==================================================
   PRODUCT PAGE – MOVED BADGES
   Two badges per line
   ================================================== */

body.ex-product .catalog-single .pdp-badge-details {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 9px 22px !important;

    box-sizing: border-box;
    width: 100%;
    margin: 18px 0 5px;
    padding: 14px 18px;

    background: #f2f9f9;
    border: 1px solid #d5eaea;
    border-radius: 8px;

    overflow: visible;
}


/* ==================================================
   RESET EACH MOVED BADGE
   ================================================== */

body.ex-product
.catalog-single
.pdp-badge-details
.ribbon-wrapper {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;
    box-sizing: border-box;

    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 0 0 25px !important;

    background: none !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    transform: none !important;

    overflow: visible !important;
}


/* ==================================================
   HIDE ORIGINAL RIBBON AND ICON ELEMENTS
   ================================================== */

body.ex-product
.catalog-single
.pdp-badge-details
.ribbon-wrapper
> * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}


body.ex-product
.catalog-single
.pdp-badge-details
.ribbon-wrapper
.ribbon,

body.ex-product
.catalog-single
.pdp-badge-details
.ribbon-wrapper
.ribbon-side,

body.ex-product
.catalog-single
.pdp-badge-details
.ribbon-wrapper
.ribbon-tips {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}


/* ==================================================
   TEAL TICK
   ================================================== */

body.ex-product
.catalog-single
.pdp-badge-details
.ribbon-wrapper::before {
    content: "\2713" !important;

    position: absolute !important;

    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 18px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #008080 !important;
    background: none !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: left !important;

    transform: none !important;
    pointer-events: none;
}


/* ==================================================
   PERMANENT AFTER TEXT
   Uses the badge title/hover description
   ================================================== */

body.ex-product
.catalog-single
.pdp-badge-details
.ribbon-wrapper::after {
    content: attr(title) !important;

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    box-sizing: border-box;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #40524d !important;
    background: none !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;

    text-align: left !important;
    text-transform: none !important;
    white-space: normal !important;

    transform: none !important;
    transition: none !important;

    pointer-events: none;
}


/* ==================================================
   PREVENT EXISTING HOVER RULES RETURNING
   ================================================== */

body.ex-product
.catalog-single
.pdp-badge-details
.ribbon-wrapper:hover::before {
    content: "\2713" !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    background: none !important;
    background-image: none !important;

    transform: none !important;
}


body.ex-product
.catalog-single
.pdp-badge-details
.ribbon-wrapper:hover::after {
    content: attr(title) !important;

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #40524d !important;
    background: none !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    transform: none !important;
    transition: none !important;
}


/* ==================================================
   MOBILE – ONE BADGE PER LINE
   ================================================== */

@media (max-width: 767px) {

    body.ex-product .catalog-single .pdp-badge-details {
        grid-template-columns: 1fr !important;
        gap: 7px !important;

        margin-top: 12px;
        padding: 12px 14px;
    }

    body.ex-product
    .catalog-single
    .pdp-badge-details
    .ribbon-wrapper {
        padding-left: 24px !important;
    }

    body.ex-product
    .catalog-single
    .pdp-badge-details
    .ribbon-wrapper::after {
        font-size: 12px !important;
        line-height: 19px !important;
    }

    body.ex-product
    .catalog-single
    .pdp-badge-details
    .ribbon-wrapper::before {
        height: 19px !important;
        line-height: 19px !important;
    }
}