@media only screen and (max-width: 500px) {
  header .header-mobile .logo img {
    max-width: 180px !important;
    margin: 10px 0 0 -48px;
  }
}  
.ex-name-dymobrand > div.page-content.onecolumn > section.zonetop > div.singlebanner_container {
  margin-bottom: -15vw;
}

.in-stock {
    color: green;
}

.live-inventory-v2-wrapper {
    font-size: 1.1em;
}

.ex-name-dymobrand > div.page-content.onecolumn > section.zonetop > div.contentblock_container {
    padding-left: 7%;
    background-image: url("https://eu.evocdn.io/dealer/1037/content/media/My_Banners/banners/Dymo Brand/hero-section-002.png");
    padding-top: 5%;
    padding-bottom: 5%;
}

@media only screen and (min-width: 478px) {
.ex-name-rocketbook .singlebanner_wrapper, .ex-name-dymobrand .singlebanner_wrapper, .ex-name-ecoeco .singlebanner_wrapper {
max-width: none;
max-height: none;
}
}


.loginprices a{
    padding:15px 25px;
    color:#fff;
    background:#569eaf;
    transition:0.25s all;
    border-radius:5px;
}

.loginprices a:hover{
    background:#b5dd46;
}





.quotemegroupform {
color: #999b9d;
}
#quote-product-list-modal #quote-product-list.table-fixed tbody tr {
color: #000;
}
/* CODE FROM REFRESH */

/* on the fly amends due to theme change */
.footer .container:nth-last-child(1) .row {
    padding: 0;
}
.footer .container:nth-child(1) {
    height: auto;
}
.intro h2 {
font-size: 1.75em;
color: #58595b;
font-style: normal;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
.fa-credit-card:before {
    content: "\f09d"!important;
    font-family: 'Font Awesome 5 Free'!important;
}
.fa-paper-plane:before {
    content: "\f1d8"!important;
    font-family: 'Font Awesome 5 Free'!important;
}
.cd-dropdown-wrapper .cd-dropdown-trigger {
    padding: 0 !important;
    color: #fff !important;
}
.cd-dropdown-trigger::before {
    color: #fff !important;
    background: none;
}
.cd-dropdown-trigger::after {
    color: #fff !important;
    background: none;
}
.header-links .fas {
    margin: 0 8px;
}
.product-description {
color: #000000;
}


/* -Jc. 19/11/2020 header styles */ 
.container.headersection-1{
    background: #999a9a;
    width: 100%;
   max-width: 100%;
    padding: 0 4%;
}
.headersection-1 .htmlcontent_container {
    width: 43%;
}
.socialmediapartial_container {
    width: 13%;
}
.social {
    margin: 0;
}
.container.headersection-1, .container.headersection-1 a {
    color: #fff;
    transition:color 0.3s, font-size 0.3s;
}
.container.headersection-1 a:hover {
    color: #233361;
}
.logo img {
    max-height: none!important;
}
.container.headersection-2 {
    padding:20px 30px;

}
.search_container {
    min-width: 150px;
}
header section.search .search-form .form-group input {
    border-color: #ddd;
    border-radius: 10px;
    box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.4);
    height: 42px;
}
.relsearch button i {
    margin-top: 10px;
}
.fa-search:before {
    font-size: 24px;
}
.shoppingtools_container {
    width: 30%;
}
.container-fluid.headersection-3 {
    padding: 0px;
}
.header-ribbon {
    width:100%;
    background-color:#9cbe56;
    float:left;
}
.band {
    width:11.111%;
    float:left;
    height:6px;
}
.clr1 {background-color:#00adee;}
.clr2 {background-color:#b61258;}
.clr3 {background-color:#28b674;}
.clr4 {background-color:#ec008d;}
.clr5 {background-color:#f7941d;}
.clr6 {background-color:#00687d;}
.clr7 {background-color:#7e3f98;}
.clr8 {background-color:#c7332c;}
.clr9 {background-color:#9cbe56;}
.toolbar button i, .toolbar a i, .toolbar a span {
    color: #233361;
}
.toolbar .cart-btn > .btn b {
   color:#0d1f3f;
   font-size:1rem;
}
.cart-btn:hover .btn b {
    color: #fff;
}
.toolbar .cart-btn>.btn {
    background: transparent;
    box-shadow: none;
}
.toolbar .cart-btn > .btn span.minicart_count {
    border-radius:0;
}
.toolbar .cart-btn>.btn span {
    top: 10px;
    right: -14px;
    font-size: 15px;
    padding: 2px 6px;
}
.toolbar .cart-btn>.btn i {
    font-size: 20px;
}
.container.headersection-4 {
  padding: 0px 8%;
  background: #233361;
  width:100%;
  max-width: 100%;
}
.headersection-4 .htmlcontent_container.col-md-8 {
  width: 71%;
}
@media only screen and (max-width: 1200px) {
  .container.headersection-4 {
    padding: 0px 0%;
  }
}
.headersection-4 .htmlcontent_container {
  padding: 0px;
}
.headermenu_container {
    width: 100%;
}
.services-nav a {
  min-width: 150px;
}
.services-nav ul li a {
  padding: 10px;
  display: block;
  height: 42px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.services-nav ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.services-nav li {
  color: #fff;
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
  transition-duration: 0.5s;
}
.services-nav li:hover {
  background: #000;
  cursor: pointer;
}
.services-nav ul li ul {
  visibility: hidden;
  background: #233361;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  left: 0;
  display: none;
z-index:1;
}
.services-nav ul li:hover  ul,
.services-nav ul li:focus-within  ul, 
.services-nav ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
.services-nav ul li ul li {
  clear: both;
  width: 100%;
  z-index:1;
  background: #233361;
  color:#fff;
  margin-bottom:0px;
}


.quick-links {
  display:inline-block;
  list-style-type:none;
  float: right;
  padding-left:0px;
  width: 100%;
  text-align: center;
}
.quick-links li {
  display:inline-block;
  margin:0px;
}
.quick-links li a {
  padding: 10px;
  display: block;
  height: 42px;
  color: #fff;
  text-align: center;
}
.quick-links li a:hover {
  color:#ccc;
}
.quick-links i {
    padding-right: 8px;
}




/* JJ Footer Amends */

.footer {
padding: 0px;
margin:0px;
}
.footer h3 {
text-align: left;
color: #ffffff;
font-size: 1.75em;
}
@media only screen and (max-width: 767px) {
  .footer h3 {
text-align: center;
 }
}
.bcorp-footer {
width: 100%;
max-width: 100px;
margin-top: 12px;
margin-bottom: 20px;
}
.paymentmethodslogos_container {
  padding-left: 0px;
  padding-right: 0px;
}
.footer .payment img {
margin-left: 0px;
}
.contact-footer {
font-size: 1.5em !important;
margin-top: 30px !important;
margin-bottom: 0px !important;
text-transform: lowercase !important;
}
.contact-footer-more {
margin-top: 5px !important;
margin-bottom: 20px !important;
}
.foot-pad {
padding: 40px 0;
}
/*
.footersection-2 { 
background-color: #999a9a;
width: 100%;
padding: 8px 0 8px 0;
}
*/
.footersection-2 p { 
margin: 0px;
font-size: 1em;
text-align: center;
}

/* Footer logo: shorter pause → smooth flip */
@keyframes jjLogoFlip {
    0%,
    75% {
        transform: rotateY(0deg);
    }
    81.25% {
        transform: rotateY(90deg);
    }
    87.5% {
        transform: rotateY(180deg);
    }
    93.75% {
        transform: rotateY(270deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}
.imageSpining img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 255px;
    animation: jjLogoFlip 5.3s linear infinite !important;
}


.footer-logo {
max-width: 400px;
margin-top: 10px;
width: 100%;
}



/* Paratus styles */
html {
scroll-behavior: smooth;
}
h1 {
margin: 60px 0 30px 0;
text-align: center;
}
h2 {
margin: 20px 0 40px 0;
text-align: center;
}
h3 {
text-align: center;
}
p {
line-height: 1.5em;
margin: 20px 0 20px 0;
font-weight: 300;
}
.btn {
font-size: 1.18em;
border-radius: 10px;
margin-left: 10px;
margin-right: 10px;
padding: 7px 35px;
transition: transform .3s !IMPORTANT; /* Animation */
}
.btn:hover {
-webkit-box-shadow: 8px 8px 5px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 8px 8px 5px -5px rgba(0,0,0,0.3);
box-shadow: 8px 8px 5px -5px rgba(0,0,0,0.3);
transform: scale(1.05) !IMPORTANT;
}
.btn-sec {
background-color: #233361;
}
.btn-sec:hover {
background-color: #b80e53;
}
.center-stuff {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.extra-top {
margin-top: 40px;
}
.bigextra-top {
margin-top: 60px;
}
.extra-bottom {
margin-bottom: 40px;
}
.blue-bg {
background-color: #233361;
}
.raspberry-bg {
background-color: #b80e53;
}


/* Paratus marketing boxes */

.marketing-box {
border-radius: 5px;
text-align: center;
margin-bottom: 30px;
}
.marketing-box h3 {
color: #fff;
font-size: 2em;
}
.marketing-box p {
color: #fff;
}
.marketing-box img {
padding: 0px;
margin: 0px;
border-radius: 5px;
}
.marketing-box .inner-content {
padding: 30px;
}


/* Paratus top categories */

.category-box {
background-color: #233361;
border-radius: 5px;
padding: 25px;
text-align: center;
margin-bottom: 30px;
}
.category-box h3 {
color: #fff;
transition: transform .3s !IMPORTANT;
}
.category-box h3:hover {
font-weight: 900;
opacity: 0.5;
transform: scale(1.12) !IMPORTANT;
}
.category-box .fas {
color: #fff;
font-size: 3em;
transition: transform .3s !IMPORTANT;
}
.category-box .fas:hover {
opacity: 0.5;
transform: scale(1.12) !IMPORTANT;
}


/* Paratus Business Services Section */

.business-services {
overflow: hidden;
background: #b80e53;  /* fallback colour. Make sure this is just one solid colour. */
background: -webkit-linear-gradient(rgba(184, 14, 83, 0.85), rgba(184, 14, 83, 0.95)), url("https://eu.evocdn.io/dealer/1256/content/media/Aston_and_James/Business-Services-Bg.jpg");
    background: linear-gradient(rgba(184, 14, 83, 0.85), rgba(184, 14, 83, 0.95)), url("https://eu.evocdn.io/dealer/1256/content/media/Aston_and_James/Business-Services-Bg.jpg"); /* The least supported option. */
height: auto; 
background-position: center; 
background-repeat: no-repeat; 
background-size: cover; 
text-align: center;
padding: 50px 0px;
}
.business-services h2 {color:#ffffff;}
.business-services h3 {color:#ffffff;}
.business-services p {color:#ffffff;
}
.business-services-inside {
max-width: 675px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.business-services img {
margin-top: 20px;
max-width: 70px;
opacity: 0.5;
transition: transform .3s !IMPORTANT;
}
.business-services img:hover {
opacity: 1;
transform: scale(1.12) !IMPORTANT;
}


/* Paratus Covid-19 Section */

.new-services-cv19 {
text-align: center;
}
.new-services-cv19 h2 {
font-weight:bold;
color:#999a9a;
font-size:35px;
margin-top:35px;
}
.new-services-cv19 p {
    font-size:16px;
    line-height:22px;
    color:#58595b;
}
.zoom-cv-19 {
width: 200px !IMPORTANT;
height: auto !IMPORTANT;
text-align: center !IMPORTANT;
margin: 0 auto;
transition: transform .2s !IMPORTANT; /* Animation */
}
.zoom-cv-19:hover {
transform: scale(1.10) !IMPORTANT;
}
.cv-19-background {
background-color:#f5f4f4;
padding-top: 30px !IMPORTANT; 
padding-bottom: 60px !IMPORTANT; 
}
.image-wrap {
margin: 0px 0px 0px 0px !important;
}


/* Paratus Footer Accordion */
.panel-generic .panel-title {
font-size: 1.3em;
padding: 5px 0;
}
.panel-generic .panel-title a: {
color: #fff;
}
.panel-generic .panel {
box-shadow: none;
}
.panel-generic .panel-default > .panel-heading {
    color: #fff;
    background-color: transparent;
    border-color: none;
}
.panel-generic {
background-color: #b80e53;
padding: 10px 0 7px 0;
}
.panel-generic .fas {
margin: 0 8px;
}
.panel-generic .panel-group {
margin-bottom: 0px;
}
.panel-generic .panel-icons {
margin-right: 5px;
}
.panel-generic .panel-body {
color: #fff;
}
.panel-generic .panel-body a {
color: #fff;
}



/* Paratus Homepage Banner */

h3.typewriter {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation: 
    typing 5s steps(25, end) infinite,
    blink-caret .75s step-end infinite;
text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 90% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #233361; }
}
@media only screen and (max-width: 768px) {
  header .header-mobile .logo img {
    max-width: 250px;
  }
  header .header-mobile .logo {
    text-align:center!important;
  }
  header .header-mobile {
    position: relative;
  }
.header-menu {
  z-index:2;
}
  .header-logo {
    position: absolute!important;
    width: 100%;
    top: 0px;
  }
}
img.mobile-banner {
  display:none;
}
img.desktop-banner {
  display:inline;
}
@media only screen and (max-width: 768px) {
  img.mobile-banner {
    display:inline;
  }
  img.desktop-banner {
    display:none;
  }
  .banner-overlay  {
    position: relative!important;;
    /*top: auto;*/
    background-color: #233361;
    height: 200px;
  }
  .a-j-banner h3 {
    font-size:30px !important;
  }
  .a-j-banner h4 {
    color:#ffffff !important;;
    font-size:20px!important;
  }
.owl-carousel .owl-item {
  transform: none!important;
  }
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #fff; }
}
}
.a-j-banner {
  position:relative;
}
.banner-overlay {
  position:absolute;
  top:0px;
  width:100%;
}
.banner-column {
  text-align:center;
  margin-top:6%;
}
.owl-carousel .owl-stage-outer {
  border:none;
}
.a-j-banner h3 {
  color:#ffffff;
  font-size:52px;
display:inline-block;
}
.a-j-banner h4 {
  color:#000000;
  font-size:25px;
  font-weight:600;
}
.a-j-banner a {
  color:#ffffff;
  padding:5px 20px;
  border-radius:5px;
  background-color:#b61258;
  margin-top:20px;
  display:inline-block;
}

/* VAN GALLAERY */

.furniture-gallery img{
margin-bottom: 30px;
}
.furniture-gallery {
width: 100%;
}
.example-image-link {
transition: transform .5s !IMPORTANT; /* Animation */
}
.example-image-link:hover {
transform: scale(1.05) !IMPORTANT;
}
.iframe-container{
position: relative;
width: 100%;
padding-bottom: 56.25%; 
height: 0;
}
.iframe-container iframe{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
margin-top: 60px;
}
@media (max-width: 1199px) {
.iframe-container iframe{
margin-top: 0px;
}
}






/* CODE FROM FIRST BUILD */


.singlebanner_wrapper {
/*    max-width: 1500px; */
    margin: 0px auto;
}
.banner_title {
    text-align: center;
margin-left: auto;
margin-right: auto;
    width:85%;
    font-weight: bold;
    text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
}

.additional_links {
    display: none;
}

.home-intro {
    margin-bottom:35px;
}
.home-intro h1 {
    
}
.home-intro p {
    font-size:16px;
    line-height:22px;
    color:#58595b;
}
.home-intro em{
font-size: 12px;
}
.home-buttons {
    text-align:center;
    margin-bottom:0px;
}
.home-buttons ul li {
    list-style: none;
    display: inline-block;
    margin:8px;
}
.home-buttons a {
    color:#fff;
    background-color:#b61258;
    padding:9px;
    font-size:16px;
    border: 1px #b61258 solid;
    border-radius:4px;
}
.home-buttons a:hover {
    color:#58595b;
    background-color:#fff;
}
.home-buttons ul {
padding-left:0px;
}
.home-tile {
    text-align:center;
    /*width:374px;*/
    height:190px;
    background-size: cover;
    margin-bottom:18px;
}
.home-tile:hover {
background-size: 12%;
background-repeat: no-repeat;
background-position: center 10px;
}
.home-tile a {
    display:block;
    padding:20px;
}
.home-tile h2 {
    color:#fff;
    font-size:30px;
    padding-top:30px;
}
.home-tile h3 {
    color:#fff;
    font-size:30px;
    padding-top:30px;
}
.home-tile h4 {
    color:#fff;
    font-size:18px;
}
.stationery {
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Stationery-and-Office-Supplies.jpg');
}
.stationery:hover {
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Stationery-and-Office-Supplies-Icon.png');
}
.fac-mgt{
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Facilities-Management-and-Supplies.jpg');
}
.fac-mgt:hover {
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Facilities-Management-and-Supplies-Icon.png');
}
.ink-toner{
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Ink-and-Toner-Cartridges.jpg');
}
.ink-toner:hover {
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Ink-and-Toner-Cartridges-Icon.png');
}
.furniture{
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Furniture.jpg');
}
.furniture:hover {
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Furniture-Icon.png');
}
.mmps{
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Managed-Print-and-Machines.jpg');
}
.mmps:hover {
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Managed-Print-and-Machines-Icon.png');
}
.print{
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Printing-Services.jpg');
}
.print:hover{
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Printing-Services-Icon.png');
}
.education {
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Education-BG.jpg');
    background-position: center;
}
.education:hover {
    background-image:url('');
}

.gift-wear{
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Promotional-Products-and-Workwear.jpg');
}
.gift-wear:hover {
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Promotional-Products-and-Workwear-Icon.png');
}
.shred{
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Secure-Shredding.jpg');
}
.shred:hover {
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Secure-Shredding-Icon.png');
}
.eco{
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Eco-Services-and-Solutions.jpg');
}
.eco:hover {
    background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Eco-Services-and-Solutions-Icon.png');
}

/*remove breadcrumbs from top of content
.row-breadcrumb {
display:none;
}
*/
/*remove left and right borders from contrent*/
.catalog-grid {
border:none;
}
.service-intro h2 {
font-weight:bold;
color:#999a9a;
font-size:32px;
margin-top:15px;
margin-bottom:15px;
}
.service-intro h3 {
font-size:18px;
font-weight:bold;
color:#58595b;
margin-bottom:20px;
}
.highlight{
color:#c7332c;
}
.service-intro p {
font-size:16px;
line-height:22px;
color:#58595b;
}
.fullwidth-image img {
width:100%;
height:auto;
margin-top:20px
}
.step-intro h2 {
font-weight:bold;
color:#999a9a;
font-size:32px;
margin-top:40px;
margin-bottom:10px;
}
.step-intro p {
color:#58595b;
font-size:16px;
line-height:22px;
}
.step-detail {
padding-left:130px;
min-height:110px;
background-repeat:no-repeat;
background-position:top left;
}
.step-detail h3 {
color:#58595b;
font-size:26px;
font-weight:bold;
}
.step-detail p {
color:#58595b;
font-size:16px;
line-height:22px;
}
.purge {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/icon-purge-2.png');
}
.scheduled {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/icon-scheduled-2.png');
}
.on-site{
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/icon-on-site-3.png');
}
.off-site{
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/icon-off-site-3.png');
}
.sacks{
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/icon-sacks-3.png');
}
.consoles{
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/icon-consoles-3.png');
}
.bins{
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/icon-bins-2.png');
}
.containers{
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/icon-containers-3.png');
}
.artic{
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/icon-artic-3.png');
}
.brands-background {
background-color:#f5f4f4;
padding: 10px !IMPORTANT; 
}


.jj-contact-form {
background-color: #f5f4f4;
padding: 20px !IMPORTANT; 
margin-top:15px;
margin-bottom:15px;
}
.form-control {
border-radius: 6px;
border: 1px solid #f5f4f4;
box-shadow: inset 0px 2px 6px rgba(0,0,0,0.4);
}
.btn-primary {
box-shadow: none;
border-radius: 5px;
white-space: normal;
}
.dotted-line {
margin-top: 30px;
margin-bottom: 20px;
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.enquire-now-cta h2 {
color:#fff;
text-align: center;
}
.enquire-now-cta a {
color:#fff;
text-decoration: underline;
}
.enquire-now-cta {
padding: 20px;
margin-top: 25px;
margin-bottom: 25px;
}
.extra-padding {
padding-top: 20px !IMPORTANT;
padding-bottom: 50px !IMPORTANT;
}
.home-intro h2 {
font-weight:bold;
color:#999a9a;
font-size:35px;
margin-top:35px;
}
.home-blog {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
}
.main-blog p {
    font-size:16px;
    line-height:22px;
    color:#58595b;
    margin-top: 10px;
    margin-bottom: 35px;
}
.main-blog ul {
    line-height:22px;
margin-bottom: 8px;
}
.home-blog p {
    font-size:16px;
    line-height:22px;
    color:#58595b;
    margin-top: 10px;
    margin-bottom: 35px;
}
.blog-sidebar {
  padding: 35px;
background-color:#f5f4f4;
}
.blog-sidebar .main-blog em{
font-size: 12px;
}
 .main-blog em{
font-size: 12px;
}
.p-style2 { 
    font-size:16px;
    line-height:22px;
    color:#58595b;
}
h2, .h2, h2.ctct-form-header {
font-weight:bold;
color:#999a9a;
font-size:35px;
}
.p-style2, .p-style3 {
font-size:16px;
line-height:22px;
color:#58595b;
padding-top: 20px;
}
.subscr-form .subscr-next, .subscr-form .subscr-submit {
top: 5px;
}
.blog-buttons {
    text-align:center;
    margin-bottom:35px;
}
.blog-buttons ul li {
    list-style: none;
    display: inline-block;
    margin:8px;
}
.blog-buttons a {
    color:#ffffff;
    background-color:#b61258;
    padding:9px;
    font-size:16px;
    border: 1px #b61258 solid;
    border-radius:4px;
}
.blog-buttons a:hover {
    color:#58595b;
    background-color:#ffffff;
}
.blog-buttons ul {
padding-left:0px;
}

.ksp-banner {
padding-top: 20px;
padding-bottom: 20px;
}
.ksp-banner p {
color: #ffffff;
font-size: 16px;
line-height: 22px;
}
.ksp-banner a {
color: #ffffff;
text-decoration: none;
}
.ksp-banner a:hover {
color: #233361;
text-decoration: none;
}
.ksp-banner h3 {
color: #ffffff;
font-size: 28px;
font-weight: bold;
}
.ksp-banner img {
margin-top: 10px;
}
@media only screen and (max-width: 478px) {
.ksp-banner {	
position: relative !important;
float: left !important;
width: 100% !important;
text-align: center !important;
margin-bottom: 30px;
}
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, section.quicklinks .title {
text-transform: none;
}

.zoomy {
width: 125px !IMPORTANT;
height: auto !IMPORTANT;
text-align: center !IMPORTANT;
margin: 0 auto;
transition: transform .2s !IMPORTANT; 
}
.zoomy:hover {
transform: scale(1.15) !IMPORTANT;
}

.zoom-solid {
width: 100px !IMPORTANT;
height: auto !IMPORTANT;
text-align: center !IMPORTANT;
margin: 0 auto;
transition: transform .2s !IMPORTANT; /* Animation */
}
.zoom-solid:hover {
transform: scale(1.10) !IMPORTANT;
}
.about-us-margin {
margin-bottom: 25px;
}
.about-icons-active {
width: 125px !IMPORTANT;
height: auto !IMPORTANT;
text-align: center !IMPORTANT;
margin: 0 auto;
margin-bottom: 25px;
}
.about-icons-active p {
color: #939598;
}
.meet-box {
  width:100%;
  height:100%;
  border: 0px;
  display: inline-block;
  vertical-align: top;
margin-bottom: 25px;
}
.meet-content {
background-color: #233361;
position:relative;
text-align:center;
cursor: pointer;
}
.meet-content h3 {
position: absolute;
padding:10px;
z-index: 1;
color:#fff;
top:150px;
width: 100%;
}
.meet-content img {
opacity:.65;
}
.meet-content:hover  img {
opacity:1;
}
.meet-content:hover h3 {
display:none;
}
.meet  .modal-body img {
float:left;
width:250px;
margin-right:15px;
}
.meet .modal-header h3 {
color: #58595b;
}
.feedback-banner {
text-align: center !IMPORTANT;
margin: 0 auto;
padding-bottom: 15px;
}
.accordion {
	background: linear-gradient(to bottom right, white, #F8F8F8);
	background: white;
	margin: 0 auto;
margin-bottom: 30px;
  box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.4);
}
.accordion-header {
	border-top: 1px solid #DDE0E7;
	color: #58595b;
	cursor: pointer;
font-weight: 700;
	padding: 1.5rem;
}
.accordion-header:hover {
	background: #f5f4f4;
}
.accordion-content {
	display: none;
	border-top: 1px solid #DDE0E7;
	background: #f5f4f4;
	padding: 1.5rem;
	color: #58595b;
}
.accordion-header::before {
	content: '';
	vertical-align: middle;
	display: inline-block;
	width: .75rem;
	height: .75rem;
	border-radius: 50%;
	background-color: #233361;
	margin-right: .75rem;
}
.active.accordion-header::before {
	background-color: #b61258;
}
.highlight-stat {
color: #00adee;
}
.highlight-inks-toners {
color: #28b674;
}
.highlight-facilities {
color: #b61258;
}
.highlight-furniture {
color:#ec008d;
}
.highlight-mps {
color:#f7941d;
}
.highlight-eco {
color:#9cbe56;
}
.highlight-promo {
color:#7e3f98;
}
.highlight-print {
color:#00687d
}
.singlebanner_wrapper .banner_subtitle {
background-color: transparent; /* -Jc. was #233361; */
padding:8px;
margin:20px;
font-size:40px !IMPORTANT;
color:#ffffff !IMPORTANT;
font-weight: 700 !IMPORTANT;
text-transform: uppercase;
text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
text-align: center;
border: 5px solid #fff; /* -Jc. added this */
}

.doublebanner_wrapper .banner_subtitle {
background-color: rgba(255, 255, 255, 0.85);
padding:15px;
margin:20px;
font-size:20px !IMPORTANT;
color:#58595b !IMPORTANT;
font-weight: 700 !IMPORTANT;
text-transform: uppercase;
text-align: center;
}

.service-banner-margin {
margin-top: 35px !IMPORTANT;
}
.zoomproduct {
width: 100px !IMPORTANT;
height: auto !IMPORTANT;
text-align: center !IMPORTANT;
margin: 0 auto;
margin-top:20px;
transition: transform .2s !IMPORTANT; /* Animation */
}
.zoomproduct:hover {
transform: scale(1.15) !IMPORTANT;
}
.zoomproduct-solid {
width: 100px !IMPORTANT;
height: auto !IMPORTANT;
text-align: center !IMPORTANT;
margin: 0 auto;
transition: transform .2s !IMPORTANT; /* Animation */
}
.zoomproduct-solid:hover {
transform: scale(1.10) !IMPORTANT;
}
.zoom p {
    font-size:16px;
    line-height:22px;
    color:#58595b;
}
.zoomproduct p {
    font-size:16px;
    line-height:22px;
    color:#58595b;
}
.dse1 {
background-color:#eccbe0;
margin-top: 20px;
margin-bottom: 20px;
}
.dse2 {
background-color:#bae3e7;
margin-top: 20px;
margin-bottom: 20px;
}
.dse3 {
background-color:#deeade;
margin-top: 20px;
margin-bottom: 20px;
}
.dse4 {
background-color:#c4d2e0;
margin-top: 20px;
margin-bottom: 20px;
}
.dse p {
font-size:16px;
line-height:22px;
color:#58595b;
padding:20px;
text-align: center;
}
.wellness-buttons {
    text-align:center;
    margin-bottom:35px;
}
.wellness-buttons ul li {
    list-style: none;
    display: inline-block;
    margin:8px;
}
.wellness-buttons a {
    color:#ffffff;
    background-color:#ec008d;
    padding:9px;
    font-size:16px;
    border: 1px #ec008d solid;
    border-radius:4px;
}
.wellness-buttons a:hover {
    color:#ec008d;
    background-color:#ffffff;
}
.wellness-buttons ul {
padding-left:0px;
}
.lifestyle-images img {
margin-top: 50px;
}
.login-form .btn, .shopping-cart .to-checkout, #quickorder #quickorderaddtocart, .cart-dropdown .arrow_box .footer.group .total .btn {
background: #233361;
border: 2px solid #233361;
moz-box-shadow: 0 2px 0 0px #233361;
webkit-box-shadow: 0 2px 0 0px #233361;
box-shadow: 0 2px 0 0px #233361;
}
.customer-feedback-speech {
text-align: center !IMPORTANT;
margin: 0 auto;
max-width: 75px;
vertical-align: top;
padding-bottom: 10px;
}
.customer-feedback-divider {
text-align: center !IMPORTANT;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
}


@media only screen and (min-width: 478px) {
/* JJ REMOVED 12.05.2026  .singlebanner_wrapper {max-width:none;max-height:450px; } */ 
.banner_title {max-width:1180px;}
.container-fluid.headersection-2 {max-width:none;}
.container.headersection-3 {padding:0px; max-width:none; width:100%;}
.row.vertical-align.row-3 {margin:0 auto; max-width:1180px;}




.quick-links-dashboard {
background-color: #b61359;
padding: 5px;
text-align: center;
margin-bottom: 20px;
}


}
.dashboard-buttons {
    text-align:center;
    margin-bottom:0px;
}
.dashboard-buttons ul li {
    list-style: none;
    display: inline-block;
    margin:8px;
}
.dashboard-buttons a {
    color:#fff;
    background-color:#b61258;
    padding-left:20px;
    padding-right:20px;
    padding-top:15px;
    padding-bottom:15px;
    font-size:18px;
    border: 1px #b61258 solid;
    border-radius:4px;
}
.dashboard-buttons a:hover {
    color:#58595b;
    background-color:#fff;
}
.dashboard-buttons ul {
padding-left:0px;
}
.dashboard-center-contents {
align-contents: center;
text-align: center;
margon-top: 25px;
margin-bottom: 45px;
}

.toolbar.industrial_login a.account-btn span {
    display: inline-block;
}

/* Contract Items 1/2 - Used to make the button add to cart float when user scrolls down */
.contractAddToCartFixed {
    position: fixed;
    top: 20px;
    right: 10px;
    z-index: 100;
    box-shadow: 1px 1px 12px #000;
}
.label-focus {
   font-size: 18px;
/*   color: #b61359 !important; */
}
#thankYou h1  {
	visibility: hidden;
	position: relative;
}
#thankYou h1:after {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: "THANK YOU";
}
.status-check::before{
  content: url(https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Thanks-Image-Order.png);
}
.zoom-egg {
width: 300px !IMPORTANT;
padding: 20px !important;
height: auto !IMPORTANT;
text-align: center !IMPORTANT;
margin: 0 auto;
transition: transform .2s !IMPORTANT; /* Animation */
}
.zoom-egg:hover {
transform: scale(1.15) !IMPORTANT;
}
.competition {
background-color: #F5F4F4;
padding: 20px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
box-shadow:0 3px 9px rgba(0, 0, 0, 0.1);
margin-top: 30px;
margin-bottom: 30px;
border: 1px solid #e6e6e6;
}
.competition-img {
max-width: 250px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 30px;
}
.competition-background {
background-color:#233361;
color: #ffffff;
padding: 10px !IMPORTANT; 
text-decoration: none;
text-align: center;
}
.competition-background h2 {
color: #ffffff;
text-decoration: none;
}
.competition-background a {
color: #ffffff;
text-decoration: none;
}
.download img {
max-width: 500px;
padding-top: 20px;
}
.ksp-banner-1 {
padding-bottom: 20px;
}
.ksp-banner-1 h1 {
padding-top: 20px;
padding-bottom: 20px;
color: #ffffff;
text-align: center;
}
.ksp-banner-1 h2 {
padding-top: 20px;
padding-bottom: 20px;
color: #ffffff;
text-align: center;
font-style: italic;
}
.ksp-banner-2 {
padding-bottom: 0px;
text-align: center;
}
.ksp-banner-2 h1 {
padding-top: 0px;
padding-bottom: 0px;
color: #ffffff;
text-align: center;
}
.ksp-banner-2 h2 {
padding-top: 0px;
padding-bottom: 0px;
color: #ffffff;
text-align: center;
font-style: italic;
}
.fitfest-logo {
max-width: 350px;
padding-top: 35px;
padding-bottom: 35px;
margin-left: auto;
margin-right: auto;
}
.survey-icon {
max-width: 150px;
padding-top: 35px;
padding-bottom: 35px;
margin-left: auto;
margin-right: auto;
}
.survey h1 {
font-size: 35px;
font-height: 40px;
padding-top: 0px;
padding-bottom: 0px;
color: #ffffff;
text-align: center;
}
.survey h2 {
font-size: 25px;
font-height: 30px;
padding-top: 0px;
padding-bottom: 0px;
color: #ffffff;
text-align: center;
font-style: italic;
}
.survey h3 {
font-size: 18px;
font-height: 23px;
margin-top: 20px !important;
text-align: center;
}
.survey {
text-align: center;
}
.survey-gift {
max-width: 250px;
padding-top: 35px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
.wellness p {
    font-size:16px;
    line-height:22px;
    color:#58595b;
    margin-top: 10px;
    margin-bottom: 35px;
}
.wellness h1 {
font-weight:bold;
color:#999a9a;
font-size:32px;
margin-top:15px;
margin-bottom:15px;
}
.wellness h3 {
font-size:18px;
font-weight:bold;
color:#58595b;
margin-bottom:20px;
margin-top: 20px;
}
.wellness h2 {
font-weight:bold;
color:#b61258;
font-size: 22px;
margin-top:20px;
margin-bottom:20px;
}
.wellness h4 {
font-size: 12px;
margin-top:0px;
margin-bottom:20px;
text-align: center;
}
.wellness-center {
text-align: center !important;
}
.wellness-scary-stat-big {
color:#999a9a;
font-size:32px;
}
.wellness-scary-stat-small {
color:#58595b;
}
.wellness-middle-section h3 {
color: #ffffff;
text-align: center;
background-color: #233361;
margin-top: 20px;
margin-bottom: 0px !important;
padding: 20px;
}
.wellness-middle-section img{
margin-bottom: 20px;
}
.wellness-icon {
margin-top: 10px;
text-align: center;
max-width: 130%;
margin-left: auto;
margin-right: auto;
}
.wellness-center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.zones {
max-width: 150px !important;
text-align: center;
}
/* -Jc. 15/11/2019 rotating cogs for wellness section */
.wellness-tile{
    display: inline-block;
    position: relative;
    width: 100%;
}
.rotating-cog{
    padding-top: 100%; /* 1:1 aspect ratio */
	background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Colour-Cog.png');
	background-repeat:no-repeat;
	background-size:contain;
}
.wellness-content:hover + .rotating-cog{
    -webkit-animation:spin 8s linear infinite;
    -moz-animation:spin 8s linear infinite;
    animation:spin 8s linear infinite;
}
.wellness-content{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
text-align:center;
padding:45px;
z-index:1;
}
.wellness-content img {
    width: 35%;
}
.wellness-content h3{
color:#fff;
font-size:30px;
}
.wellness-content h4{
color:#fff;
}
.wellness-content p{
color:#000;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
    height: 420px;
    margin:-210px 0 0 -210px;
    -webkit-animation:spin 8s linear infinite;
    -moz-animation:spin 8s linear infinite;
    animation:spin 8s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.wellness-nav-bottom {
text-align: center;
margin-top: 30px;
margin-bottom: 40px;
}
.grey-cog{
    padding-top: 100%; /* 1:1 aspect ratio */
	background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Grey-Cog.png');
	background-repeat:no-repeat;
	background-size:contain;
}
@media only screen and (max-width: 1120px) and (min-width:768px) {
.wellness-content h3{
font-size:2.5vw;
}
.wellness-content h4{
font-size:1.4vw;
}
.wellness-content p{
font-size:1.4vw;
}
}
@media only screen and (max-width:768px) {
.wellness-content h3{
font-size:7vw;
}
.wellness-content h4{
font-size:4.5vw;
}
.wellness-content p{
font-size:4.5vw;
}
}



/* -JJ ATTEMPT. 14/12/2019 lightbulbs for CSR section */
.csr-tile{
    display: inline-block;
    position: relative;
    width: 100%;
}
.light-bulb{
    padding-top: 100%; /* 1:1 aspect ratio */
	background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/LightBulb-Active.png');
	background-repeat:no-repeat;
	background-size:contain;
}
.csr-content:hover + .light-bulb{
	background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Lightbulb-On.png');
	background-repeat:no-repeat;
	background-size:contain;
}
.csr-content{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
text-align:center;
padding:45px;
z-index:1;
}
.csr-content img {
    width: 35%;
padding-top: 10px;
}
.csr-content h3{
color:#fff;
font-size:25px;
padding-top: 0px !important;
margin-top: 0px !important;
}
.csr-content h4{
color:#fff;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
.csr-content p{
color:#000;
}
.grey-bulb{
    padding-top: 100%; /* 1:1 aspect ratio */
	background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Lightbulb-Off.png');
	background-repeat:no-repeat;
	background-size:contain;
}
@media only screen and (max-width: 1120px) and (min-width:768px) {
.csr-content h3{
font-size:2.5vw;
}
.csr-content h4{
font-size:1.4vw;
}
.csrcontent p{
font-size:1.4vw;
}
}
@media only screen and (max-width:768px) {
.csr-content h3{
font-size:7vw;
}
.csr-content h4{
font-size:4.5vw;
}
.csr-content p{
font-size:4.5vw;
}
}
.stem {
text-align: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 35px;
}
.page-content {
padding-top:  0px;
}
.row-breadcrumb {
margin-bottom: 15px;
margin-top: 10px;
}
.wellness-homepage {
text-align: center;
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Wellness-Tile.jpg");
background-position: top; 
background-repeat: no-repeat;
background-size: cover; 
padding: 30px;
margin-bottom: 35px;
}
.wellness-homepage h2 {
text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
margin-bottom: 10px;
color: #ffffff;
}
.csr-homepage {
text-align: center;
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/CSR-Tile.jpg");
background-position: top; 
background-repeat: no-repeat;
background-size: cover; 
padding: 30px;
margin-bottom: 35px;
}
.csr-homepage h2 {
text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
color: #ffffff;
margin-bottom: 10px;
}
.larger-icons img {
max-width: 50px !important;
}
.smarter-delivery {
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Eco-Del-Background.jpg") !important;
background-size: contain;
background-repeat: no-repeat;
margin-top: 10px;
margin-bottom: 30px;
}
.smarter-delivery img {
padding: 20px !important;
}
.smarter-delivery p {
font-size: 16px;
line-height: 22px;
color: #ffffff;
text-align: center;
}
.smarter-delivery h2 {
color: #ffffff;
text-align: center;
padding-top: 20px;
font-weight: 700;
}
.about-us-drop {
color: #ffffff;
}
.job-board img {
text-align: center !important;
max-width: 350px;
 width: 100%;
margin-left: auto !important;
margin-right: auto !important;
}
.virus-images {
background-color:#C1C1C1;
transition: transform .2s !IMPORTANT; /* Animation */
}
.virus-images:hover {
background-color:#B61258;
transform: scale(1.15) !IMPORTANT;
}
.virus-blog h2 {
text-align: center;
font-size: 50px;
margin-bottom: 0px;
color:#B61258;
font-weight: 700;
}
.virus-blog p {
text-align: center;
margin-top: 0px;
}
.merchandising-content-static {
margin-top: 50px;
margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.34);
box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.34);
}
.workinghome-banner-1 {
text-align: center;
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Working-from-Home---Homepage-Background-1.jpg");
background-position: bottom center; 
background-repeat: no-repeat;
background-size: cover; 
padding: 15px;
margin-bottom: 25px;
margin-top: 20px;
}
.workinghome-banner-1 h2 {
text-shadow: 0px 3px 3px rgba(0,0,0,0.35);
font-weight: 900;
color: #233361;
font-size: 35px;
line-height: 41px;
margin-top: 20px;
margin-bottom: 35px;
}
.workinghome-banner-1 h3 {
font-weight: 400;
font-size: 20px;
line-height: 26px;
padding-bottom: 10px;
padding-left: 35px;
padding-right: 35px;
}
.workinghome-banner-1 h4 {
text-shadow: 0px 3px 3px rgba(0,0,0,0.35);
font-weight: 900;
color: #233361;
font-size: 45px;
line-height: 51px;
margin-top: 45px;
margin-bottom: 35px;
}
.workinghome-banner-1 h5 {
text-shadow: 0px 3px 3px rgba(0,0,0,0.35);
font-weight: 900;
color: #233361;
font-size: 22px;
line-height: 28px;
margin-top: 15px;
margin-bottom: 25px;
}
.workinghome-banner-1 img {
padding-bottom: 15px;
}
.workinghome-banner h2 {
font-weight: 900;
font-size: 35px;
line-height: 41px;
margin-bottom: 20px;
text-align: center;
color: #999a9a;
}
.workinghome-banner p {
font-size: 16px;
line-height: 22px;
color: #58595b;
margin-bottom: 20px;
}
.workinghome-banner li {
font-size: 16px;
line-height: 22px;
margin-bottom: 0px;
}
.workingfromhome-buttons {
    text-align:center;
    margin-bottom:20px;
}
.workingfromhome-top-margin {
margin-top: 35px;
}
.workingfromhome-bottom-margin {
margin-bottom: 35px;
}
.tiled-border {
border: 10px solid #fff !important;
text-align: center;
padding: 0px;
}
.tiled-border-1 {
border: 10px solid #f5f4f4 !important;
text-align: center;
padding-bottom: 20px;
}
.corona {
background-color: #b61258;
margin: 0px !important;
}
.corona p {
text-align: center;
color: #ffffff;
padding: 10px;
margin: 0px;
}
.corona a {
color: #ffffff;
text-decoration: underline;
}
html {
  scroll-behavior: smooth;
}
.button-override {
font-size: 14px !important;
padding-top: 7px !important;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
border-radius: 20px;
}





.socialdistancing-banner-1 {
text-align: center;
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Social-Distancing-Background-Sml-3.jpg");
background-position: center bottom; 
background-repeat: no-repeat;
background-size: cover; 
padding: 15px;
margin-bottom: 25px;
margin-top: 20px;
}
.socialdistancing-banner-1 h2 {
text-shadow: 0px 3px 3px rgba(0,0,0,0.35);
font-weight: 900;
color: #233361;
font-size: 35px;
line-height: 41px;
margin-top: 20px;
margin-bottom: 35px;
}
.socialdistancing-banner-1 h3 {
font-weight: 400;
font-size: 20px;
line-height: 26px;
padding-bottom: 10px;
padding-left: 35px;
padding-right: 35px;
}
.socialdistancing-banner-1 h4 {
text-shadow: 0px 3px 3px rgba(0,0,0,0.35);
font-weight: 900;
color: #233361;
font-size: 45px;
line-height: 51px;
margin-top: 45px;
margin-bottom: 35px;
}
.socialdistancing-banner-1 h5 {
text-shadow: 0px 3px 3px rgba(0,0,0,0.35);
font-weight: 900;
color: #233361;
font-size: 22px;
line-height: 28px;
margin-top: 15px;
margin-bottom: 25px;
}
.socialdistancing-banner-1 img {
padding-bottom: 15px;
}
.socialdistancing-banner h2 {
font-weight: 900;
font-size: 35px;
line-height: 41px;
margin-bottom: 20px;
text-align: center;
color: #999a9a;
}
.socialdistancing-banner p {
font-size: 16px;
line-height: 22px;
color: #58595b;
margin-bottom: 20px;
}
.socialdistancing-banner li {
font-size: 16px;
line-height: 22px;
margin-bottom: 0px;
}
.socialdistancing-buttons {
    text-align:center;
    margin-bottom:20px;
}
.socialdistancing-buttons img {
    width:100%;
}
.socialdistancing-top-margin {
margin-top: 35px;
}
.socialdistancing-bottom-margin {
margin-bottom: 35px;
}
.business-bio p {
    font-size:16px;
    line-height:22px;
    color:#58595b;
    margin-top: 10px;
    margin-bottom: 35px;
}
.business-bio h1 {
font-weight:bold;
color:#999a9a;
font-size:32px;
margin-top:15px;
margin-bottom:15px;
}
.business-bio h2 {
font-weight:bold;
text-align: center;
color:#b61258;
font-size: 25px;
margin-top:31px;
margin-bottom:20px;
}
.business-bio img {
height: auto;
max-width: 270px;
width: 100%;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 10px;
}


.out-stock {
    color: #e80135;
}

.in-stock {
    color: #28b674;
}



.homepage-hero-internal {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.homepage-hero-1 {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Oxfordshire-Banner.jpg"); 
  height: 500px;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
}
@media only screen and (max-width: 642px) {
.homepage-hero-1 { height: 650px; background-position:  center top; }
}
.homepage-hero-1 h2 {
font-size: 50px;
}
.homepage-hero-1 img {
max-width: 200px;
display:inline-block!important; /* -Jc. 17/08/2020 resolve carousel conflict */
}
.homepage-hero-2 {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Education-Banner.jpg"); 
  height: 500px;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  top: -8px;
  position: relative;
}
@media only screen and (max-width: 642px) {
.homepage-hero-2 { height: 650px; background-position:  center top; }
}
.homepage-hero-2 h2 {
font-size: 50px;
}
.homepage-hero-2 img {
max-width: 200px;
}
.homepage-hero-3 {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Black-Friday.jpg"); 
  height: 500px;
  background-position: left center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  top: -8px;
  position: relative;
}
@media only screen and (max-width: 642px) {
.homepage-hero-3 { height: 650px; background-position:  center top; }
}
.homepage-hero-3 h2 {
font-size: 50px;
}
.homepage-hero-2 img {
max-width: 200px;
}
/* -Jc. 17/08/2020 fix carousel auto-height bug/conflict */
.home-carousel .owl-stage {
    display: block;
}
.home-carousel.owl-carousel .owl-item {
    transform: none!important;
}
.home-carousel.owl-carousel .owl-stage-outer {
border:none;
height:500px;
}

.rewards-hero {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Reward points redeem page banner v2.png ");
/*  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/PresentBG-3.jpg"); */
  height: 500px;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
margin-bottom: 25px;
}
@media only screen and (max-width: 642px) {
.rewards-hero { height: 650px; background-position:  center top; }
}
.rewards-hero h2 {
font-size: 50px;
}
.rewards-hero img {
max-width: 250px;
display:inline-block!important; /* -Jc. 17/08/2020 resolve carousel conflict */
}
.product-name h1 {
font-size: 1em !important;
}


/* rewards css amends */
.rewards .reward-title {
text-align: center;
}
.rewards .reward-history {
text-align: center;
}
.reward-title h2 strong {
color: #233361!important;
}
.row.myaccount-title .fa  {
color:  #b61359 !important;
}
.pointer .fa  {
color:  #b61359 !important;
}
.reward-details {
margin-top: 40px;
margin-bottom: 40px;
}
.reward-details h2 {
color: #b61359;
font-size: 3em;
}

.reward-btn {
margin-top: 15px;
margin-left: 10px !important;
margin-right: 10px !important;
text-align: center !important;
}
#rewardsModal .modal-header h3 {
font-size: 35px;
color: #999a9a;
}
#rewardsModal .fa  {
color:  #b61359 !important;
}
.rewards .reward-items-list .reward-item .product-card .product-price {
background:  #233361;
}

.superboost-background {
background-color:#f5f4f4;
padding: 50px 10px 50px 10px !IMPORTANT; 
text-align: center;
}

.superboost-background p {
color: #58595b;
}
.superboost-background h6 {
margin-top: 45px;
font-size: 0.75em;
font-style: itallic;
text-align: center;
}
.hide-this {
display: none;
}



.rewards-hero-cat-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/PresentBG-3.jpg"); 
  height: 200px;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
margin-bottom: 25px;
}
@media only screen and (max-width: 772px) {
.rewards-hero-cat-banner { height: 450px; background-position:  center top; }
}
@media only screen and  (max-width: 1034px) and (min-width:773px) {
.rewards-hero-cat-banner { height: 250px; background-position:  center top; }
}

.rewards-hero-cat-banner h2 {
font-size: 50px;
    text-align: center;
margin-left: auto;
margin-right: auto;
    font-weight: bold;
    text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
margin-top: 30px;
}
.rewards-hero-cat-banner img {
max-width: 175px;
display:inline-block!important;
margin-top: 10px;
}
.center-stuff {
margin-left: auto;
margin-right: auto;
text-align: center;
}


/* video background for purifiers */

	
.video-header {
  position: relative;
  background-color: black;
  height: 70vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.video-header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-header .container {
  position: relative;
  z-index: 2;
}

.video-header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.2;
  z-index: 1;
}

/*Dashboard tweaks to get around empty p tag in php */
.dashboard h2 {
font-size: 2.75em;
color: #939598;
font-style: normal;
font-weight: 500;
font-family: 'Roboto', sans-serif;
margin-top: -50px;
}
.faux-h1 h2 {
font-size: 2.75em;
color: #939598;
margin-top: 60px;
}


/* CATALOGUE PAGE MODAL AND IMAGE SIZE */

.racmodal .form-control {
    border-radius: 10px;
}
.racmodal-img {
width: 100%;
max-width: 350px;
}
.racmodal .g-recaptcha {
margin-top: 20px;
}
.racimage {
width: 100%;
max-width: 350px;
}

/* CUSTOM CATEGORY PAGE LAYOUTS */

.contact-accordion {
background-color: #b61359;
padding: 35px;
}
.category-form {
max-width: 350px;
}
.contact-accordion .g-recaptcha {
margin-left: auto;
margin-right: auto;
display: inline-flex;
margin-bottom: 30px;
}
input{
   text-align:center;
}
.form-control {
text-align: center;
}
.contact-accordion h2 {
font-size: 35px;
}
.contact-accordion a:hover, a:focus {
    outline: 0;
    color: #fff;
}
.catalog-single h3 {
font-weight: bold;
color: #999a9a;
font-size: 35px;
}
.category-tiles {
padding: 5px;
margin: 20px 5px 20px 5px;
text-align: center;
}
.category-tiles img {
transition: transform .3s !IMPORTANT; /* Animation */
max-width: 200px;
}
.category-tiles a {
margin-bottom: 0;
}
.category-tiles img:hover {
transform: scale(1.08) !IMPORTANT;
}
.category-tiles h3 {
margin: 5px 0 10px;
font-size: 1.18em;
font-weight: 400;
}
.category-tiles img {
margin-bottom: 10px;
}
.quick-links-box {
border-radius: 10px;
padding: 20px;
text-align: center;
margin-bottom: 30px;
background-color: #b61359;
}
.quick-links-box h3 {
color: #fff;
font-size: 1.5em;
font-weight: 600;
margin-bottom: 0px;
}
.quick-links-box p {
color: #fff;
text-align: left;
}
.quick-links-box p .fas {
margin-left: 5px;
transition: transform .8s !IMPORTANT; /* Animation */
background-color: #233361;
padding: 2px 4px;
}
.quick-links-box  p:hover .fas {
background-color: #b61359;
}
.quick-links-box a {
text-decoration: none;
color: #fff;
}
.quick-links-box a:hover {
text-decoration: none;
color: #fff;
}

.quick-links-box-two {
border-radius: 10px;
padding: 20px;
text-align: center;
margin-bottom: 30px;
background-color: #233361;
}
.quick-links-box-two h3 {
color: #fff;
font-size: 1.5em;
font-weight: 600;
margin-bottom: 0px;
}
.quick-links-box-two p {
color: #fff;
text-align: left;
}
.quick-links-box-two p .fas {
margin-left: 5px;
transition: transform .8s !IMPORTANT; /* Animation */
background-color: #b61359;
padding: 2px 4px;
}
.quick-links-box-two  p:hover .fas {
background-color: #233361;
}
.quick-links-box-two a {
text-decoration: none;
color: #fff;
}
.quick-links-box-two a:hover {
text-decoration: none;
color: #fff;
}

.quicklinkplus {
font-size: 1.5em;
font-weight: 700;
color: #fff;
background-color: #292c2e;
padding: 0px 7px 0px 7px;
margin: 0px 5px 0px 0px;
}
.real-estate-box {
border-radius: 10px;
padding: 20px;
text-align: center;
margin-top: 0px;
margin-bottom: 30px;
background-color: #f5f4f4;
}
.real-estate-box h3 {
font-size: 1.2em;
}
.real-estate-box a {
text-decoration: none;
color: #292c2e;
}
.real-estate-box-no-pad {
border-radius: 10px;
padding: 0px;
text-align: center;
margin-top: 0px;
margin-bottom: 30px;
background-color: #f5f4f4;
}
.real-estate-box-inner {
padding: 20px;
}
.real-estate-box-no-pad img {
margin-top: 20px;
}
.real-estate-box-no-pad a {
text-decoration: none;
color: #292c2e;
}
.main-cat-banner h1 {
margin: 0px;
font-size: 3em;
color: #fff;
text-align: center;
font-weight: bold;
text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
}
.main-cat-banner {
min-height:265px;
background-blend-mode: multiply;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 50px;
}
.stat-main-cat-banner {
background:url(https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Stationery_Supplies/Stationery-Supplies.jpg) rgba(35, 51, 97, 0.35);
background-size:cover;
background-position: center; 
}
.facilities-main-cat-banner {
background:url(https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Facilities_Supplies/Facilities-Supplies.jpg) rgba(35, 51, 97, 0.45);
background-size:cover;
background-position: center; 
}
.tech-main-cat-banner {
background:url(https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Office_Technology/Office-Technology.jpg) rgba(35, 51, 97, 0.35);
background-size:cover;
background-position: center; 
}
.ppe-main-cat-banner {
background:url(https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Safety_and_PPE/Safety-and-PPE.jpg) rgba(35, 51, 97, 0.35);
background-size:cover;
background-position: center; 
}
.furniture-main-cat-banner {
background:url(https://eu.evocdn.io/dealer/1037/content/media/OFFICEFURNITURE.png) rgba(35, 51, 97, 0.35);
background-size:cover;
background-position: center; 
}
.packaging-main-cat-banner {
background:url(https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Packaging_and_Mailroom/Packing-and-Mailroom.jpg) rgba(35, 51, 97, 0.35);
background-size:cover;
background-position: center; 
}
.workwear-main-cat-banner {
background:url(https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Workwear/Workwear.jpg) rgba(35, 51, 97, 0.45);
background-size:cover;
background-position: center; 
}
.printsups-main-cat-banner {
background:url(https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Printer_Supplies/Printer-Supplies.jpg) rgba(35, 51, 97, 0.45);
background-size:cover;
background-position: center; 
}
.brochures-main-cat-banner {
background:url(https://eu.evocdn.io/dealer/1037/content/media/My_Banners/Request-a-Catalogue-Large.jpg) rgba(35, 51, 97, 0.45);
background-size:cover;
background-position: center; 
}
.ex-name-categorylayout .row-breadcrumb, .ex-name-catalogues .row-breadcrumb {
display: none;
}
.g-recaptcha {
margin-left: auto;
margin-right: auto;
}
.search-cartridges {
background: -webkit-linear-gradient(rgba(182, 19, 89, 0.6), rgba(182, 19, 89, 0.6)), url("https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Printer_Supplies/Ink-and-Toner-Finer-Background.jpg");
background: linear-gradient(rgba(182, 19, 89, 0.6), rgba(182, 19, 89, 0.6)), url("https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Printer_Supplies/Ink-and-Toner-Finer-Background.jpg"); 
background-position: center bottom; 
}
.inktonerfinder_container {
background: -webkit-linear-gradient(rgba(182, 19, 89, 0.6), rgba(182, 19, 89, 0.6)), url("https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Printer_Supplies/Ink-and-Toner-Finer-Background.jpg");
background: linear-gradient(rgba(182, 19, 89, 0.6), rgba(182, 19, 89, 0.6)), url("https://eu.evocdn.io/dealer/1037/content/media/Content_Pages/Printer_Supplies/Ink-and-Toner-Finer-Background.jpg"); 
background-position: center bottom; 
}
.inktonerfinder_container h5 {
  color: #fff;
  margin-bottom: 0px;
  margin-top: 60px;
  margin-bottom: 30px;
font-size: 35px;
text-align: center;
}
.cartridgefinder .inktonerfinder_wrapper {
background-color: transparent;
}
.cartridgefinder .select2-container--default .select2-selection--single {
background-color: #fff;
border-color: #c7c8ca;
border-radius: 7px;
box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.15);
text-align: center;
}
.cartridgefinder .inktonerfinderwidget .form-group:last-child {
margin-left: auto;
margin-right: auto;
text-align: center;
 margin-top: 10px;
}
.cartridgefinder .btn, .printer_button {
font-size: 1.25em;
background-color: transparent;
border:1px solid #fff;
margin-top: 30px;
margin-bottom: 60px;
}
.cartridgefinder .btn:hover {
background-color: #233361;
}

.cartridgefinder h2 {
color: #fff;
margin-bottom: 0px;
margin-top: 60px;
}
/*-Jc. 03/09/2021 styles for new horizontal nav */
.menu .catalog-block {
    background: #fff;
}
.menu .main li a, .menu .catalog li a {
    color: #233361;
}
.menu .catalog li a {
    padding: 0px 13px;
    font-size: 1em;
    line-height: 14px;
}
.menu .catalog>li>a {
    border-left: 1px solid #b61359;
}
.menu .catalog>li:first-child a {
    border: none;
}
.menu .catalog li {
    padding: 6px 0px 17px 0px;
    margin: 0;
}
.menu .catalog li a:hover {
    color: #b61359!important;
}
.menu .catalog li:hover {
    background-color: #fff!important;
}
.menu .catalog li:hover a {
    color: #b61359;
}
.headersection-5  {
    background: #233361;
}
.header-full div.container-fluid:nth-child(3) {
    border-top: none;
}
.bfbanner {
background: linear-gradient(0deg, rgba(35, 52, 97, 0.45), rgba(35, 52, 97, 0.45)), url("https://eu.evocdn.io/dealer/1037/content/media/GonkBG.jpg"); 
background-position: center;
background-repeat: no-repeat; 
background-size: cover; 
border-radius: 30px;
margin-bottom: 30px;
margin-top: 60px;
padding: 0px;
}
.bfbanner h2 {
color: #b61359;
  text-shadow:
       2px 2px 0 #fff;

padding: 30px 20px 0px 20px; 
font-size: 3.25em;
font-weight: 900;
margin: 0px !important;
}
.bfbanner span {
background-color: #b61359;
padding-left: 10px;
padding-right: 10px;
}

.bfbanner h3 {
color:  #ffffff;
padding: 10px 20px 0px 20px; 
font-size: 2.25em;
font-weight: 700;
margin: 0px !important;
}
.bfbanner p {
color: #ffffff;
font-size: 1.75em;
margin-top: 0px;
margin-bottom: 10px;
padding: 0px 20px 0px 20px; 
}
.bfbanner .btn {
margin-bottom: 40px !important;
}
.bfbanner img {
padding-top: 0px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
}
.bfbanner-imgoverride img {
margin-top: 10px !important;
}
.bfbanner-imgoverride {
border-radius: 0px !important;
margin-top: 0px !important;
}
.gonk .fa {
font-size: 2em !important;
padding: 2px;
}
.gonk h1 {
margin-top: 10px;
}
.gonk h6 {
margin-top: 30px;
}
.gonk h2 {
font-size: 2.75em;
color: #939598;
font-style: normal;
font-weight: 700;
}
.gonk img {
width: 100%;
max-width: 350px;
}

.christmas-cut-off {
background-color: #b61359;
padding: 10px;
text-align: center;
}
.christmas-cut-off p {
color: #ffffff;
margin: 0px;
}
.christmas-cut-off span {
font-weight: 700;
text-decoration: underline;
}
.christmas-cut-off a {
color: #ffffff;
text-decoration: none;
}

.christmas-pop p {
color: #292c2e;
}
.christmas-pop h2 {
color: #58595b;
}
.popupevent {
text-align: center;
margin-left:  auto;
margin-right: auto;
}
.popupevent h2 {
color: #ffffff;
font-size: 2.5em;
}
.popupevent p {
color: #ffffff;
}
.popupevent a {
color: #ffffff;
}
.popupvid {
max-width: 700px;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px;
margin-top: 20px;
}
.popupvid h3 {
margin-bottom: 0px;
}
.popup-banner {
background:url(https://eu.evocdn.io/dealer/1037/content/media/Pop-Up-2.jpg) rgba(35, 51, 97, 0.45);
background-size:cover;
background-position: center; 
min-height:365px;
}
.ex-name-wellbeingpopup .row-breadcrumb {
display: none;
}



.valentinesbanner {
background: url("https://eu.evocdn.io/dealer/1037/content/media/Valentines-Banner-Offer.jpg"); 
background-position: center;
background-repeat: no-repeat; 
background-size: cover; 
border-radius: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding: 20px;
}
.valentinesbanner h2 {
color: #ffffff;
padding: 10px 20px 0px 20px; 
font-size: 4em;
font-weight: 900;
margin: 0px !important;
text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
}
.valentinesbanner h3 {
color:  #ffffff;
padding: 10px 20px 0px 20px; 
font-size: 2.25em;
font-weight: 700;
margin: 0px !important;
}
.valentinesbanner p {
color: #ffffff;
font-size: 1.75em;
margin-top: 0px;
margin-bottom: 10px;
padding: 0px 20px 0px 20px; 
}
.valentinesbanner .btn {
margin-bottom: 20px !important;
}
.valentinesbanner img {
margin-top: 10px !important;
width: 100%;
max-width: 400px;
}
.valentinesbanner  span {
font-weight: 900;
text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
font-style: italic;
}

.dotw {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/DOTW-BG.png');
background-size: cover;
background-color: #233461;
  background-position: center; 
  box-shadow: inset 0 14px 18px -14px rgba(0,0,0,0.75);
margin-bottom: 40px;
}
.dotw img {
width: 100%;
max-width: 550px;
padding: 20px;
margin-left: auto;
margin-right: auto;
text-align: center;
}


/* 12th May 22 showcase event css */

.showcase-event {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Showcase-Event.jpg"); 
  background-position: center bottom; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: auto;
margin-bottom: 25px;
}

.showcase-event h2 {
font-size: 50px;
    text-align: center;
    font-weight: 700;
    text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
margin-top: 40px;
}
.showcase-event img {
max-width: 275px;
margin-top: 15px;
}


.showcase-event2 {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/WebBGShowcase.jpg"); 
  background-position: center bottom; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: auto;
}

.showcase-event2 h2 {
font-size: 50px;
    text-align: center;
    font-weight: 700;
    text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
margin-top: 40px;
}
.showcase-event2 img {
margin-top: 25px;
  max-width: 400px;
}

.summer-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Summer.jpg"); 
  background-position: center bottom; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: auto;
}

.summer-banner h2 {
font-size: 50px;
    text-align: center;
    font-weight: 700;
      text-shadow: 0px 3px 3px rgba(0,0,0,0.85);
margin-top: 50px;
  margin-bottom: 20px;
  color: #fff !important;
}
.summer-banner img {
  max-width: 550px;
  width: 100% !important;
}

.summer-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Summer.jpg"); 
  background-position: center bottom; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: auto;
}

.easter-banner h2 {
font-size: 50px;
    text-align: center;
    font-weight: 700;
      text-shadow: 0px 3px 3px rgba(0,0,0,0.85);
margin-top: 75px;
  margin-bottom: 20px;
  color: #fff !important;
}
.easter-banner p {
      text-shadow: 0px 3px 3px rgba(0,0,0,0.85);
margin-top: 0px;
  margin-bottom: 30px;
  color: #fff !important;
}
.easter-banner img {
  max-width: 431px;
  width: 100% !important;
}
.easter-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Easter-Backgound1.jpg"); 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: auto;
}


/* 28th June 22 hopepage updates */

.category-tiles-hp {
padding: 5px;
margin: 20px 5px 20px 5px;
text-align: center;
}
.category-tiles-hp img {
transition: transform .3s !IMPORTANT; /* Animation */
max-width: 200px;
width: 100%;  
margin-bottom: 10px;

}
.category-tiles-hp a {
margin-bottom: 0;

}
.category-tiles-hp img:hover {
transform: scale(1.08) !IMPORTANT;
}
.category-tiles-hp h3 {
margin: 5px 0 10px;
  font-size: 16px;
font-weight: 400;
}

.marketing-box-hp {
border-radius: 35px;
text-align: center;
margin-bottom: 30px;
}
.marketing-box-hp h3 {
color: #fff;
font-size: 1.75em;
font-weight: 600;
}
.marketing-box-hp p {
color: #fff;
}
.marketing-box-hp img {
padding: 30px 30px 0px 30px;
margin: 0px;
max-width: 220px;
width: 100%;
}
.marketing-box-hp .inner-content {
padding: 30px;
}
.catalogue-carousel.owl-carousel .owl-item {
    transform: none!important;
}
.catalogue-carousel .row {
    margin-right: 0px;
    margin-left: 0px;
}
.catalogue-carousel.owl-carousel .owl-stage-outer {
border:none;
}
.catbanner {
border-radius: 30px;
margin-top: 160px;
margin-bottom: 60px;
padding: 0px;
}
.catbanner h2 {
padding: 20px; 
font-size: 2.5em;
 font-weight: 900 !important;
margin: 0px !important;
}
.catbanner .btn {
margin-bottom: 40px !important;
}
.catbanner img {
padding-top: 0px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: -100px;
}
.non-carousel-banner {
margin-left: auto; 
margin-right: auto; 
width: 95%; 
max-width: 560px;
}
.phoenixsafes-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/2022_Web_Images/Pheonix-Safes-Background.jpg"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}
.phoenixsafes-banner h2 {
color: #ffffff;
}
.popupgazeebo-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/2022_Web_Images/Pop-Up-Gazeebo-Background.jpg"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}
.popupgazeebo-banner h2 {
color: #ffffff;
}
.summerheat-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Summer.jpg"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}
.summerheat-banner h2 {
color: #b61359;
}
.cheekypanda-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/2022_Web_Images/Cheeky-Panda-Background.jpg"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}
.cheekypanda-banner h2 {
color: #233361;
}
.workwear-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/2022_Web_Images/Workwear-BG.jpg"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}

.rocketbook-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/My_Banners/banners/Rocketbook/AJ-Rocketbook-Web-Banner-backgroundimage.png"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}

.rocketbook-banner h2 {
color: #ffffff;
}

.workwear-banner h2 {
color: #ffffff;
}
.eco-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/2022_Web_Images/Eco-BG.jpg"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}
.eco-banner h2 {
color: #233361;
}
.recycle-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/2022_Web_Images/Cartridge-Recycling-BG.jpg"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}
.recycle-banner h2 {
color: #233361;
}
.showroom-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/2022_Web_Images/Showroom-BG.jpg"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}
.showroom-banner h2 {
color: #fff;
}
.cherry-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/CherryWood.png"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}
.cherry-banner h2 {
color: #fff;
}
.dettol-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Dettol.jpg"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}
.dettol-banner h2 {
color: #fff;
}

.xerox-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/2022_Web_Images/Xerox_Everyday_Toners_Replacement_Cartridges-Background.png"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}
.xerox-banner h2 {
color: #ffffff;
}

.postit-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/2022_Web_Images/post-it-background.jpg"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}
.postit-banner h2 {
color: #ffffff;
}

.dymo-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/My_Banners/banners/Dymo Brand/background-img-dymo.png"); 
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
}

.dymo-banner h2 {
color: #ffffff;
}


.homepage-brandscroller img {
filter: grayscale(100%);
opacity: 0.5 !important;
}
.homepage-brandscroller img:hover  {
filter: grayscale(0%);
opacity: 1 !important;

}
.catalog-grid .tile:hover .imgthumbnail {
opacity: 1 !important;
}
.brands_container h3 {
border-bottom: 0px;
margin-bottom: 0px;
}

.homepage-hero {
  margin-top: 70px;
max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}

.homepage-hero .homepage-hero-left {
border-radius: 30px 0 0 30px;
box-shadow:inset 0px 0px 0px 5px #fff;
min-height: 345px;
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Background-Scroller-1.jpg"); 
background-size: cover;     
 background-position-x: 0px;
    background-repeat: repeat-x !important;
	  animation-duration: 35s;
	animation-timing-function: linear;
  animation-name: slidein;
  animation-iteration-count: infinite;
}
@keyframes slidein {
  from {
    background-position-x: 3468px;
  }

  to {
    background-position-x: 0px;
  }
}

@media only screen and (max-width: 768px) {
   .homepage-hero-left  img {
    margin-top: 150px;
  }
}
.homepage-hero .homepage-hero-right {
border-radius: 0 30px 30px 0;
box-shadow:inset 0px 0px 0px 5px #fff;
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Hero-Images-Background.jpg"); 
background-position: center;
background-repeat: no-repeat; 
background-size: cover;   
}
.homepage-hero-right h2 {
  color: #233361;
  text-align: left;
  font-size: 1.25em;
  margin-left: 0px;
  margin-top: 35px;
  margin-bottom: 10px;
}
.homepage-hero-right span {
white-space: nowrap;
}
.homepage-hero-right img {
  margin-bottom: 5px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.hero-right-btn {
background-color: #233361;
 font-size: 1em;
  margin-bottom: 35px;
padding: 4px 36px;
}
.hero-right-btn:hover {
background-color: #b80e53;
}

.hero-middle {
box-shadow:inset 0px 0px 0px 5px #fff;
}
.hero-far-right {
box-shadow:inset 0px 0px 0px 5px #fff;
}
.ex-name-2022sandbox .row-breadcrumb {
display: none;
}

.ex-name-categorylayout .ex-name-furnitureshowroom {
display: none;
}
.furniture-gallery img{
margin-bottom: 30px;
}
.furniture-gallery {
width: 100%;
}
#text{
display:none;
}
.fauxlink {
  color: #b61359 !important;
}

/* GOOGLE MAPS  */
.map-responsive iframe {
  height: 100%;  
  min-height:600px;
}
.container-fluid, .map-responsive {
padding:0px !important;
}

/* SEPTEMBER 2022 BANNERS  */
.sustainableoffice-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/2022_Web_Images/Sustainable-Office-Supplies.jpg");
background-position: center; 
background-repeat: no-repeat;
background-size: cover; 
padding: 60px 20px;
}
.smarterdeliveries-banner {
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/2022_Web_Images/Smarter-Deliver-Service.jpg");
background-position: center; 
background-repeat: no-repeat;
background-size: cover; 
padding: 60px 20px;
}

.sept2022-banners h2 {
color: #ffffff;
margin-bottom: 15px !important;
}





.gonk-banner {
background: linear-gradient(0deg, rgba(35, 52, 97, 0.45), rgba(35, 52, 97, 0.45)), url("https://eu.evocdn.io/dealer/1037/content/media/GonkBG.jpg"); 
background-position: center;
background-repeat: no-repeat; 
background-size: cover; 
}
.gonk-banner h2 {
color: #b61359;
  text-shadow:
       2px 2px 0 #fff;
padding: 40px 20px 0px 20px; 
font-size: 3.25em;
font-weight: 900;
margin: 0px !important;
}

.gonk-banner h3 {
color:  #ffffff;
padding: 10px 20px 0px 20px; 
font-size: 2.25em;
font-weight: 700;
margin: 0px !important;
}
.gonk-banner span {
font-weight: 700;
  text-decoration: underline;
  font-size: 22px;
}
.gonk-banner p {
color: #ffffff;
font-size: 0.8em;
margin-top: 0px;
margin-bottom: 10px;
padding: 0px 20px 0px 20px; 
}
.gonk-banner .btn {
margin-top: 20px !important;
 margin-bottom: 10px !important;
}
.gonk-banner img {
padding-top: 0px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
max-width: 464px;
}
.gonk-banner-imgoverride img {
margin-top: 10px !important;
}
.gonk-banner-imgoverride {
border-radius: 0px !important;
margin-top: 0px !important;
}



.letitsnow {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Letitsnow.gif");
    background-repeat: no-repeat;
  background-size: cover;
background-position: center;
  margin-top: 0px;
}
.letitsnow h1 {
margin-top: 0px;
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: center;
  color: #ffffff;
}
.letitsnow p {
  text-align: center;
  color: #ffffff;
 padding-top: 0px;
  padding-bottom: 50px;
}


/* CUSTOME BADGES  */


.ex-product .b2749 .ribbon-side, .b2749 .ribbon-tips {
  display: none;
}
.ex-product .b2749 .ribbon {
 padding: 55px;
  margin-bottom: 15px;
 border-radius: 50px;
   background-color: transparent !important;
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/AJ-Approved.png");
  background-position: left;
  background-repeat: no-repeat; 
  background-size: contain; 
}
.ex-product .b2749 .ribbon span {
display: none;
}
.ex-product .b2749 .ribbon-side {
border-left: 0px;
}
.ex-category .b2749 .ribbon-side, .b2749 .ribbon-tips {
  display: none;
}
.ex-category .b2749 .ribbon {
 margin-left: 5px;
  padding: 40px;
  margin-bottom: 15px;
 border-radius: 50px;
   background-color: transparent !important;
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/AJ-Approved.png");
  background-position: left;
  background-repeat: no-repeat; 
  background-size: contain; 
}
.ex-category  .b2749 .ribbon span {
display: none;
}
.ex-category .b2749 .ribbon-side {
border-left: 10px;
 border-color: #fff;
}
.ex-searchresult .b2749 .ribbon-side, .b2749 .ribbon-tips {
  display: none;
}
.ex-searchresult .b2749 .ribbon {
margin-left: 5px;
  padding: 40px;
  margin-bottom: 15px;
 border-radius: 50px;
   background-color: transparent !important;
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/AJ-Approved.png");
  background-position: left;
  background-repeat: no-repeat; 
  background-size: contain; 
}
.ex-searchresult .b2749 .ribbon span {
display: none;
}
.ex-searchresult .b2749 .ribbon-side {
border-left: 10px;
 border-color: #fff;
}
.ex-content-page .b2749 .ribbon-side, .b2749 .ribbon-tips {
  display: none;
}
.ex-content-page .b2749 .ribbon {
 margin-left: 5px;
  padding: 40px;
  margin-bottom: 15px;
 border-radius: 50px;
   background-color: transparent !important;
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/AJ-Approved.png");
  background-position: left;
  background-repeat: no-repeat; 
  background-size: contain; 
}
.ex-content-page  .b2749 .ribbon span {
display: none;
}
.ex-content-page .b2749 .ribbon-side {
border-left: 10px;
 border-color: #fff;
}


.ex-product .b3516 .ribbon-side, .b3516 .ribbon-tips {
  display: none;
}
.ex-product .b3516 .ribbon {
 padding: 55px;
  margin-bottom: 15px;
 border-radius: 50px;
   background-color: transparent !important;
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Embroidery-Logo.png");
  background-position: left;
  background-repeat: no-repeat; 
  background-size: contain; 
}
.ex-product .b3516 .ribbon span {
display: none;
}
.ex-product .b3516 .ribbon-side {
border-left: 0px;
}
.ex-category .b3516 .ribbon-side, .b2749 .ribbon-tips {
  display: none;
}
.ex-category .b3516 .ribbon {
 margin-left: 5px;
  padding: 40px;
  margin-bottom: 15px;
 border-radius: 50px;
   background-color: transparent !important;
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Embroidery-Logo.png");
  background-position: left;
  background-repeat: no-repeat; 
  background-size: contain; 
}
.ex-category  .b3516 .ribbon span {
display: none;
}
.ex-category .b3516 .ribbon-side {
border-left: 10px;
 border-color: #fff;
}
.ex-searchresult .b3516 .ribbon-side, .b3516 .ribbon-tips {
  display: none;
}
.ex-searchresult .b3516 .ribbon {
margin-left: 5px;
  padding: 40px;
  margin-bottom: 15px;
 border-radius: 50px;
   background-color: transparent !important;
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Embroidery-Logo.png");
  background-position: left;
  background-repeat: no-repeat; 
  background-size: contain; 
}
.ex-searchresult .b3516 .ribbon span {
display: none;
}
.ex-searchresult .b3516 .ribbon-side {
border-left: 10px;
 border-color: #fff;
}

/* CLICK-N-COLLECT  */

.clickcollect-hero {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Click-n-Collect2.jpg"); 
padding: 50px 20px;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
margin-bottom: 25px;
  text-align: center;
}
@media only screen and (max-width: 642px) {
.clickcollect-hero { height: 400px; background-position:  center top; }
}
.clickcollect-hero h2 {
font-size: 50px;
  text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
  margin: 100px 20px 100px;
}
@media only screen and (max-width: 1000px) {
  .clickcollect-hero h2 {
    margin: 50px 20px 50px;
}
}
.clickcollect-safety {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/clickcollect-safety.jpg');
cursor: pointer;
}
.clickcollect-ppe {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/clickcollect-ppe.jpg');
cursor: pointer;  
}
.clickcollect-stationery {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/clickcollect-stationery.jpg');
cursor: pointer;  
}
.clickcollect-truestart {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/clickcollect-truestart.jpg');
cursor: pointer;  
}
.clickcollect-cleaning {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/clickcollect-cleaning.jpg');
cursor: pointer;
}
.clickcollect-drinks {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/clickcollect-drinks.jpg');
cursor: pointer;  
}

/* APPROVED PAGE  */


.approved-hero {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/AJ-Approved-Banner.jpg"); 
padding: 50px 20px;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
margin-bottom: 25px;
  text-align: center;
}
@media only screen and (max-width: 642px) {
.approved-hero { height: 650px; background-position:  center top; }
}
.approved-hero h2 {
font-size: 50px;
  text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
  margin-bottom: 0px;
}
.approved-hero img {
max-width: 175px;
}


.ajapproved h2 {
font-weight:bold;
color:#b61258;
font-size: 22px;
margin-top:20px;
margin-bottom:20px;
}
.ajapproved h3 {
font-size: 18px;
color: #b61258;
 font-weight: 700;
margin-top:30px;
text-transform: uppercase;
margin-bottom:20px;
text-align: center;
}
.ajapproved h4 {
font-size: 14px;
text-transform: uppercase;
margin-top:40px;
text-align: center;
}

.approved-pop h2 {
font-weight: bold;
color: #999a9a;
font-size: 32px;
margin-top: 15px;
margin-bottom: 15px;
}
.approved-pop h3 {  
font-weight:bold;
color:#b61258;
font-size: 22px;
margin-top:20px;
margin-bottom:20px;
  text-align: center;
}
.approved-pop img {
max-width: 175px;
}
.approved-pop p  {
color: #58595b;
    text-align: left;

}
.approved-pop li {
color: #58595b;
  text-align: left;
  
}

.approved-tiles {
padding: 60px 20px;
background-size: cover;
margin-bottom: 30px;
}
.approved-tiles:hover {
background-image:none;
background-color: #b61258;
}
.approved-tiles h3 {
color:#fff;
font-size:30px;
}
.approved-recycled {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Recycled.jpg');
}
.approved-fairtrade {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Fairtrade.jpg');
}
.approved-biodegradable {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Biodegradable.jpg');
}
.approved-fsc {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/FSC.jpg');
}
.approved-pefc {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/PEFC.jpg');
}
.approved-plant {
background-image:url('https://eu.evocdn.io/dealer/1037/content/media/Plant-Based.jpg');
}

/* APPROVED MENU  */
.approved-nav img {
  max-width: 26px;
  margin-right: 5px;
  margin-top: -7px;
}
.approved-nav ul a {
  width: 100% !important;
}
.approved-nav ul li a {
  padding: 10px;
  display: block;
  height: 42px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  width: 265px;
}
.approved-nav ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  width: 100% !important;
}
.approved-nav li {
  color: #fff;
  display: block;
  position: relative;
  text-decoration: none;
  transition-duration: 0.5s;
   margin-bottom: 0px;
  
}
.approved-nav li:hover {
  background: #000;
  cursor: pointer;
}
.approved-nav ul li ul {
  visibility: hidden;
  background: #233361;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  left: 0;
  display: none;
z-index:1;
}
.approved-nav ul li:hover  ul,
.approved-nav ul li:focus-within  ul, 
.approved-nav ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
.approved-nav ul li ul li {
  clear: both;
  width: 100%;
  z-index:1;
  background: #233361;
  color:#fff;
  margin-bottom:0px;
}


/* showcase event */


.showevent-banner {
background: linear-gradient(0deg, rgba(35, 52, 97, 0.1), rgba(35, 52, 97, 0.1)), url("https://eu.evocdn.io/dealer/1037/content/media/Showcase-Event-2023-1.jpg"); 
background-position: center;
background-repeat: no-repeat; 
background-size: cover; 
}
.showevent-banner h2 {
color: #b61359;
  text-shadow:
       2px 2px 0 #fff;
padding: 40px 20px 0px 20px; 
font-size: 3.25em;
font-weight: 900;
margin: 0px !important;
}

.showevent-banner h3 {
color:  #233361;
padding: 10px 20px 0px 20px; 
font-size: 2.25em;
font-weight: 700;
margin: 0px !important;
}
.showevent-banner span {
font-weight: 700;
  text-decoration: underline;
  font-size: 22px;
}
.showevent-banner p {
color: #233361;
font-size: 0.8em;
margin-top: 0px;
margin-bottom: 10px;
padding: 0px 20px 0px 20px; 
}
.showevent-banner .btn {
margin-top: 20px !important;
 margin-bottom: 10px !important;
}
.showevent-banner .btn a {
  color: #fff; 
}
.showevent-banner img {
padding-top: 0px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
max-width: 464px;
}


/* category page filter style amends */
section.filter-section {
background-color: #fff;
}
.shop-filters .filter-section .switch {
    padding-top: 12px;
}
#filterswrapperhorizontal .row-filter-toggles .filtername-instock .filter-static {
  margin-top: -2px;
}
.shop-filters {
  border: 0px;
  margin-top: 10px;
}
#filterswrapperhorizontal .btn-group .btn-filter .btn-icon, #filterswrapperhorizontal .btn-group .remove-filter .btn-icon, .skeleton-filters-horizontal .btn-group .btn-filter .btn-icon, .skeleton-filters-horizontal .btn-group .remove-filter .btn-icon {
  margin-left: 0.25em;
}
/*.filter-section-header h3 {
color: #fff !important;
}*/

.embroiderybanner {
margin-top: 15px !important;
margin-bottom: 20px !important;
  margin-right: 20px !important;
}


/* SEPTEMBER 2023 BANNERS  */

.sept2023-banners h2 {
color: #ffffff;
margin-bottom: 15px !important;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.82);
  font-size: 50px;
}
.brandedgoods-banner {
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Branded-Goods-and-Workwear3.jpg");
background-position: center; 
background-repeat: no-repeat;
background-size: cover; 
padding: 60px 20px;
}
.smarterdeliveriesnew-banner {
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Sustainable-Deliveries1.jpg");
background-position: center; 
background-repeat: no-repeat;
background-size: cover; 
padding: 60px 20px;
}
.officetech-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Tech.jpg");
background-position: center; 
background-repeat: no-repeat;
background-size: cover; 
padding: 60px 20px;
}
.facilities-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Facilities.jpg");
background-position: center; 
background-repeat: no-repeat;
background-size: cover; 
padding: 60px 20px;
}
.approved-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/AJ-Approved-Banner.jpg"); 
  background-position: center bottom; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: auto;
}
.approved-banner h2 {
font-size: 50px;
    text-align: center;
    font-weight: 700;
      text-shadow: 0px 3px 3px rgba(0,0,0,0.85);
margin-top: 50px;
  margin-bottom: 20px;
  color: #fff !important;
}
.approved-banner h3 {
 color: #ffffff; 
}

.approved-banner img {
  max-width: 240px;
  width: 100% !important;
margin: 31px 0px;
}
.abbotts-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Abbott-BG-1.jpg"); 
  background-position: center bottom; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: auto;
  background-attachment: fixed;
  padding: 120px 20px;
}
.abbotts-banner h2 {
  font-size: 2.75em;
  text-align: center;
  Font-weight: 700;
  text-shadow: 0px 3px 3px rgba(0,0,0,0.85);
  margin-top: 20px;
  margin-bottom: 30px;
  color: #fff !important;
}
.abbotts-banner img {
  max-width: 450px;
  width: 95% !important;
  margin-top: 30px;
}


.nescafegiveaway-banner {
 /* background-image: url("https://eu.evocdn.io/dealer/1037/content/media/AJ-Approved-Banner.jpg"); 
  background-position: center bottom; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: auto; */
  background-color: #c7b6a2;
}
.nescafegiveaway-banner h2 {
font-size: 50px;
    text-align: center;
    font-weight: 700;
    text-shadow: 0px 3px 3px rgba(0,0,0,0.0); 
margin-top: 50px;
  margin-bottom: 20px;
  color: #000 !important;
}
.nescafegiveaway-banner h3 {
 color: #000; 
}

.nescafegiveaway-banner img {
max-width: 340px;
  width: 100% !important;
  margin: 10px auto;
}


.createaccount h2 {
font-weight: bold;
  padding: 0 30px;
  color: #999a9a;
  font-size: 35px;
  margin-bottom: 30px;
}
.createaccount .modal-body {
padding: 20px 35px 50px !important;
}
.createaccount img {
 max-width: 225px;
}
.modalbuttonextrabottom {
margin-bottom: 5px !important;
}
.createaccountmessage {
text-align: center;
padding: 0 20px;
}
.createaccountmessage b {
color: #000;
}
.smallerimagesmodal {
 max-width: 100px !important;
}
.createaccount p {
color: #58595b;
margin-top: 10px;
  margin-bottom: 30px;
  text-align: center;
}
.createaccount h3 {
color: #58595b;
  text-align: center;
  margin-bottom: 30px;  
  margin-top: 35px;  
}

.ex-name-creditapplicationform .singlebanner_wrapper .banner_subtitle {
border: 0px;
text-transform: inherit;
margin: 0px;
}

.ex-name-creditapplicationform .singlebanner_wrapper .banner_title {
  margin-bottom: 0px;
}
.ex-name-creditapplicationform  .breadcrumb {
display: none;
}
.cafbanner {
background-color: #233361;
padding: 30px 0;
}
.cafbanner p {
color: #fff;
}
.cafbanner h3 {
color: #fff;
}
.cafbanner h2 {
color: #fff;
}
.headersection-6 .row-6 {
/*background-color: #b61258;
color: #fff;
 text-align: center;
  padding: 6px; */
}
/* Start of add Sticky header EvoX */
@media only screen and (min-height: 768px) {
.menubarStick {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 15;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.headersection-6.menubarStick > .row-6 {
    margin: 0 auto;
}

/* change me to the height of the sticky row */
.menubarHeader {
    padding-top:40px;
}
}
/* end of add Sticky header EvoX */

/* more floating filter button to left rather than right */
#filterswrapperhorizontal .floating-more-button {
  left: 5% !important;
  right: auto !important;
}
.merchandisingcontent_container h3 {
  border-bottom: none;
}


/* coding for referals page (text left image center right) */

.ex-name-referafriend .row-breadcrumb {
display:none;
}
.textleftimageright {
background-color: #83d7e7 !important;
margin-top: 70px;
border-radius: 30px;
  text-align: center;
}

@media (min-width:900px) {
.textleftimageright {
	display: flex;
	align-items:center;
}
.textleftimageright img {
	margin: 40px auto 40px auto;
	text-align: center;
	border-radius: 30px;
	width: 94%;
  max-width: 370px;
  display: flex;
}
}

@media (max-width:899px) {
.textleftimageright {
	padding: 40px 20px;
	text-align: center;
}
.textleftimageright img {
	margin: 20px auto 20px;
	width: 100%;
	max-width: 320px; 
}
}
.textleftimageright .btn {
	border-radius: 5px;
	margin: 20px auto;
}
  .textleftimagerighttext {
	padding: 20px;
}
.textleftimageright h2 {
	font-size: 2em;
	margin: 0 auto 10px;  
  color: #fff;
  max-width: 400px;
}
.textleftimageright h1 {
font-size: 5.75em;
  margin-bottom: 30px;
  font-weight: bolder;
  color: #fff;
  transform: rotate(-10deg);
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: white;
  text-shadow: 5px 3px 2px rgba(0, 0, 0, 0.35);
  line-height: 1em;
}

/* exercise book finder */

.exercisebookfindersec {
background: -webkit-linear-gradient(rgba(182, 19, 89, 0.7), rgba(182, 19, 89, 0.7)), url("https://eu.evocdn.io/dealer/1037/content/media/AandJExercise1.jpg");
background: linear-gradient(rgba(182, 19, 89, 0.7), rgba(182, 19, 89, 0.7)), url("https://eu.evocdn.io/dealer/1037/content/media/AandJExercise1.jpg"); 
background-position: center; 
}
.exercisebookfindersec .finder-wrapper {
  border: 0px solid #e6e6e6;
  padding: 150px 20px !important;
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.exercisebookfindersec .productfinderform .form-group {
margin-left: auto !important;
  margin-right: auto !important;
}
.exercisebookfindersec hr {
display: none;
}
.exercisebookfindersec .finder-wrapper .finder-header h1 {
color: #fff !important;
  font-size: 2.25em !important;
}
.exercisebookfindersec .finder-header {
color: #fff;
  margin-bottom: 20px;
}
.exercisebookfindersec .productfinderwidget.default-styling .finder-wrapper .select2-container {
width: 100%;
}
.exercisebookfindersec .select2-container--default  .select2-selection--single  {
  background-color: #fff;
  border-color: #c7c8ca;
  border-radius: 7px !important;
  box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.15);
  color: #444;
  line-height: 32px;
}
.exercisebookfindersec .productfinderform .form-group  {
  width: 100%;
  max-width: 400px;
}
.exercisebookfindersec  .finder-button  {
  border: 1px solid #fff !important;
  margin-top: 10px !important;
  text-align: center !important;
  color: #fff !important;
  background: transparent !important;
  font-size: 1.05em !important;
}
.exercisebookfindersec  .finder-button:hover {
  background: #233361 !important;
}

.exercisebookdashboard {
display: none; 
}
.ex-l-3767 .exercisebookdashboard {
display: block !important;
}

/* chair finder */

.chairfindersec {
background: -webkit-linear-gradient(rgba(182, 19, 89, 0.7), rgba(182, 19, 89, 0.7)), url("https://eu.evocdn.io/dealer/1037/content/media/Office-Chair-Finder.jpg");
background: linear-gradient(rgba(182, 19, 89, 0.7), rgba(182, 19, 89, 0.7)), url("https://eu.evocdn.io/dealer/1037/content/media/Office-Chair-Finder.jpg"); 
background-position: center; 
}
.chairfindersec .finder-wrapper {
  border: 0px solid #e6e6e6;
  padding: 150px 20px !important;
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.chairfindersec .productfinderform .form-group {
margin-left: auto !important;
  margin-right: auto !important;
}
.chairfindersec hr {
display: none;
}
.chairfindersec  .finder-wrapper .finder-header h1 {
color: #fff !important;
  font-size: 2.25em !important;
}
.chairfindersec .finder-header {
color: #fff;
  margin-bottom: 20px;
}
.chairfindersec .productfinderwidget.default-styling .finder-wrapper .select2-container {
width: 100%;
}
.chairfindersec .select2-container--default  .select2-selection--single {
  background-color: #fff;
  border-color: #c7c8ca;
  border-radius: 7px !important;
  box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.15);
  color: #444;
  line-height: 32px;
}
.chairfindersec .productfinderform .form-group {
  width: 100%;
  max-width: 400px;
}
.chairfindersec .finder-button{
  border: 1px solid #fff !important;
  margin-top: 10px !important;
  text-align: center !important;
  color: #fff !important;
  background: transparent !important;
  font-size: 1.05em !important;
}
.chairfindersec   .finder-button:hover{
  background: #233361 !important;
}

/* aniversary banner */

.anniversary-banner h2 {
font-size: 50px;
    text-align: center;
    font-weight: 700;
      text-shadow: 0px 3px 3px rgba(0,0,0,0.85);
/*
  margin-top: 75px;  */
  margin-bottom: 20px;

  color: #fff !important;
}
.anniversary-banner h3 {
      text-shadow: 0px 3px 3px rgba(0,0,0,0.85);
margin-top: 0px;
  font-style: italic;
  margin-bottom: 30px;
  color: #fff !important;
}

.anniversary-banner {
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/34th-Anniversary1.jpg"); 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: auto;
  padding: 30px;
  margin-bottom: 30px;
}

/* CUSTOME BADGES CLICK AND COLLECT  */


.ex-product .b4430 .ribbon-side, .b4430 .ribbon-tips {
  display: none;
}
.ex-product .b4430 .ribbon {
 padding: 55px;
  margin-bottom: 15px;
 border-radius: 50px;
   background-color: transparent !important;
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Click-n-Collect2.png");
/*  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Click & Collect.png"); */  
  background-position: left;
  background-repeat: no-repeat; 
  background-size: contain; 
}
.ex-product .b4430 .ribbon span {
display: none;
}
.ex-product .b4430 .ribbon-side {
border-left: 0px;
}
.ex-category .b4430 .ribbon-side, .b4430 .ribbon-tips {
  display: none;
}
.ex-category .b4430 .ribbon {
 margin-left: 5px;
  padding: 40px;
  margin-bottom: 15px;
 border-radius: 50px;
   background-color: transparent !important;
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Click-n-Collect2.png");
/*  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Click & Collect.png"); */  
  background-position: left;
  background-repeat: no-repeat; 
  background-size: contain; 
}
.ex-category  .b4430 .ribbon span {
display: none;
}
.ex-category .b4430 .ribbon-side {
border-left: 10px;
 border-color: #fff;
}
.ex-searchresult .b4430 .ribbon-side, .b4430 .ribbon-tips {
  display: none;
}
.ex-searchresult .b4430 .ribbon {
margin-left: 5px;
  padding: 40px;
  margin-bottom: 15px;
 border-radius: 50px;
   background-color: transparent !important;
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Click-n-Collect2.png");
/*  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Click & Collect.png"); */  
  background-position: left;
  background-repeat: no-repeat; 
  background-size: contain; 
}
.ex-searchresult .b4430 .ribbon span {
display: none;
}
.ex-searchresult .b4430 .ribbon-side {
border-left: 10px;
 border-color: #fff;
}
.ex-content-page .b4430 .ribbon-side, .b4430 .ribbon-tips {
  display: none;
}
.ex-content-page .b4430 .ribbon {
 margin-left: 5px;
  padding: 40px;
  margin-bottom: 15px;
 border-radius: 50px;
   background-color: transparent !important;
  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Click-n-Collect2.png");
/*  background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Click & Collect.png"); */
  background-position: left;
  background-repeat: no-repeat; 
  background-size: contain; 
}
.ex-content-page  .b4430 .ribbon span {
display: none;
}
.ex-content-page .b4430 .ribbon-side {
border-left: 10px;
 border-color: #fff;
}

.current-branch-banner {
display:none;
}

/* NEW 2024 HOMEPAGE BANNER SECTION */  


.homepage-hero-new {
margin-top: 70px;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;  
}
@media only screen and (max-width: 991px) {
.homepage-hero-new {  
display: inline;
}
}
/* stop flicker START */
body:after {
position: absolute;
  width: 0;
 height: 0;
  overflow: hidden;
  z-index: -1;
  content: url(https://eu.evocdn.io/dealer/1037/content/media/24 Banners/Banner-InteriorsRO.jpg);
}
/* stop flicker END */
.homepage-hero-new .homepage-hero-left-new {
border-radius: 30px 0px 0px 0px;
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/24 Banners/Banner-Interiors.jpg"); 
background-size: cover;     
background-position: center;
border: 3px solid white;
cursor: pointer;  
}
.homepage-hero-new .homepage-hero-left-new:hover {
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/24 Banners/Banner-InteriorsRO.jpg"); 
}
@media only screen and (max-width: 991px) {
.homepage-hero-new .homepage-hero-left-new {
min-height: 600px;
  border-radius: 30px 30px 0px 0px;
}
}
.homepage-hero-new .homepage-hero-right-new {
border-radius: 0px 30px 0px 0px;
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/24 Banners/Banner-School.jpg");
/* background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Banner-School-Oct24-1.jpg"); */
background-size: cover;     
background-position: center;
border: 3px solid white;
cursor: pointer;  
}
.homepage-hero-new .homepage-hero-right-new:hover {
background-image: url("https://eu.evocdn.io/dealer/1037/content/media/24 Banners/Banner-SchoolRO1.jpg"); 
/* background-image: url("https://eu.evocdn.io/dealer/1037/content/media/Banner-School-Oct24-1RO.jpg");*/
}
@media only screen and (max-width: 991px) {
.homepage-hero-new .homepage-hero-right-new {
min-height: 600px;
border-radius: 0px;  
}
}
.homepage-hero-middle-new img {
border: 3px solid white;
transition: transform .2s;   
}
.homepage-hero-middle-new img:hover {
transform: scale(1.025); 
border: 0px solid white;
opacity: 0.9;
}
.homepage-hero-middle-new .nopadding {
padding: 0px !important;
}
.homepage-hero-button {
background-color: #b61258;
max-width: 1598px;
margin-left: auto;
margin-right: auto;
text-align: center;
border-radius: 0px 0px 30px 30px ;  
border: 2px solid white;  
cursor: pointer;
}
.homepage-hero-button:hover {
background-color: #233361;
}
.homepage-hero-button h3 {
color: #fff;
font-size: 22px;
padding: 10px 30px;
}
.nopadding {
padding: 0px !important;
}
/*
.blog-home .category_1236510 {
display: none;
}
*/


/* 2025 furniture homepage CSS */
  .ex-category-officefurniture .row-breadcrumb {
  display:none;
  }
.floatslowerstill {
  transition: opacity 0.8s ease-out, transform 1s ease-out;
  transition-delay: 2s;
}
.floatslower {
  transition: opacity 0.8s ease-out, transform 1s ease-out;
  transition-delay: 1.5s;
}
.floatslow {
  transition: opacity 0.8s ease-out, transform 1s ease-out;
  transition-delay: 1s;
}
.floatmedium {
  transition: opacity 0.8s ease-out, transform 1s ease-out;
  transition-delay: 0.5s; 
}
.floatfast {
  transition: opacity 0.8s ease-out, transform 1s ease-out;
}

.float-in-left { opacity: 0; transform: translateX(-80px);}
.float-in-left.visible { opacity: 1; transform: translateX(0);}
.float-in-right { opacity: 0; transform: translateX(80px);}
.float-in-right.visible { opacity: 1; transform: translateX(0);}
.float-in-up { opacity: 0; transform: translateY(-80px);}
.float-in-up.visible { opacity: 1; transform: translateY(0);}
.float-in-down { opacity: 0; transform: translateY(80px);}
.float-in-down.visible { opacity: 1; transform: translateY(0);}

.fadingtopbanner {
    position: relative;
    width: 100%;
    height: 60vh;
    overflow: hidden;
    min-height: 600px;
}
.fadingtopbanner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(35, 51, 97, 0.45), rgba(35, 51, 97, 0.45));
    z-index: 3; 
    pointer-events: none;
}

.fadingtopbanner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    z-index: 1;
    transition: opacity 1.5s ease-in-out;
}

.fadingtopbanner img.active {
    opacity: 1;
    z-index: 2;
}

.fadingtopbannerinner {
    position: absolute;
    z-index: 4;
    color: white;
    padding: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    display: flex;
    align-items: center;
    gap: 20px;
  width: 100%;
  max-width: 1450px;
}
.fadingtopbannerinner h1 {
    color: #fff;
    font-size: 1.5em;
    margin: 0px 0px 10px;
        font-weight: 900;
}
.fadingtopbannerinner h2 {
    color: #fff;
    font-size: 3.75em;
    margin: 0px 0px 10px;
        font-weight: 900;
  text-align: left;
  text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
        max-width: 950px;
}
  .fadingtopbannerinner h3 {
  text-align: left;
    color: #fff;
    margin: 0px 0px 20px 0px;
    font-size: 1.5em;
      max-width: 950px;  
  }
.fadingtopbannerinner .btn {
    border-radius: 15px;
    font-weight: 700;
    font-size: 1.25em;
    padding: 10px 20px;
    margin: 5px;
}  
.left-content {
    flex: 1;
    text-align: left;
    color: white;
}
.right-content {
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 20px;
    background-color: #233361;
    border-radius: 10px;
  width: 200px;
  height: 200px;
  flex-direction: column;
}
.right-content i {
    color: white;
    font-size: 5em;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .fadingtopbanner {
  min-height: 1000px;
  }
   .fadingtopbannerinner {
        flex-direction: column; /* Stack on mobile */
        text-align: center; /* Center text */
    }
    .left-content {
        text-align: center;
    }
    .right-content {
        margin-top: 15px; /* Add spacing */
    }
}
@media screen and (max-width: 500px) {  
  .fadingtopbannerinner .right-content {
  display:none;
  }
 }
  .scrollingtext h3 {
  font-weight: 900;
    font-size: 80px;
   text-align: center !important;
    color: #b61359;
    margin-bottom: -8px;

 }
   .scrollingtext h4 {
  font-weight: 900;
font-size: 1.5em;
  color: #58595b;
  }   
   .furproducts:after {
   content: '+';
font-size:50px;
  color: #58595b;     
   }
   .furguarantee:before {
   content: 'Up to';
     font-weight: 300;
    font-size: 16px;
  color: #58595b;     
   }   
   .furexperience:after {
   content: '+';
font-size: 50px;
  color: #58595b;     
   }

.homepagecatbrandintro {
  margin: 0 auto -20px;
background: linear-gradient(360deg, #233361 35%, #ffffff 35%);
}
.homepagecatbrandintroinner {
max-width: 1500px;
margin:auto;  
} 
.category2024-carousel .owl-prev {
    position: absolute;
    top: 40%;
    left: -50px;
    display: block !important;
    border:0px solid black;
  color: #fff !important;
  font-size: 18px !important;
  padding: 4px 12px !important;
  background: #b61359 !important;
  border-radius: 50% !important;  
}
.category2024-carousel .owl-next {
    position: absolute;
    top: 40%;
    right: -50px;
    display: block !important;
    border:0px solid black;
  color: #fff !important;
  font-size: 18px !important;
  padding: 4px 12px !important;
  background: #b61359 !important;
  border-radius: 50% !important;  
}
.category2024-carousel .owl-item {
margin: 0px;
}
.category2024-carousel  img {
  max-width: 150px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.category2024-carousel h3 {
  font-size: 1.15em !important;
  font-weight: 700;
  font-size: 1.25em;
  text-align: center;
  margin-top: 10px;
}

.category2024-carousel .item {
transition: transform .8s !important; 
  padding: 10px 20px;
  border-radius: 20px;
  margin: 20px;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e7ecee;
  background: #fff;  
-webkit-box-shadow: 10px 10px 6px -7px rgba(0,0,0,0.12);
-moz-box-shadow: 10px 10px 6px -7px rgba(0,0,0,0.12);
box-shadow: 10px 10px 6px -7px rgba(0,0,0,0.12);  
}

  .itemoverride {
  background: #b61359 !important; 
  border: 2px solid #b61359 !important; 
  }  
  .itemoverride h3 {  
  color: #fff !important;
  }
  .itemoverride:hover {
  border: 2px solid #e7ecee !important;   
  background: #fff !important;      
  }    
.itemoverride:hover h3 {
  color: #58595b !important;
}
.category2024-carousel .item:hover {
transform: scale(1.025) !important;
  background: #b61359;
  border: 2px solid #b61359;
  
}
.category2024-carousel .item:hover h3 {
  color: #fff;
}
    .interwoven {
    background-color: #233361;
    background-image: url();
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    justify-content: center; 
    align-items: center;
    padding: 0px 50px 150px;
      
	}
  .interwoven .panel-heading h3::after {
  display:none;
  }
  .interwoventext {
  max-width: 1000px;
    margin: 60px auto 0px;
    color: #fff;
    text-align: center;
  }
  .interwoventext h2 {
  font-size: 2.75em;
    color: #fff !important;
  }
    
    .esg-container {
        margin-top: 20px !important;
        position: relative;
       width: 752px;
       height: 672px;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
        margin-bottom: 100px;
    }

    .esg-circle {
        width: 387px;
        height: 387px;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        color: white;
        text-align: center;
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
    }

    .esg-circle svg {
        position: absolute;
        width: 100%;
        height: 100%;
        transform: rotate(-90deg); /* Ensure all start from top */
    }

    .esg-circle circle {
        fill: none;
        stroke-width: 35;
        stroke-dasharray: 1130;
        stroke-dashoffset: 1130;
        stroke: white;
        opacity: 0;
        transition: stroke-dashoffset 2s ease-in-out, opacity 0.5s ease-in-out;
    }
   .esg-software circle {
        stroke-dashoffset: 1130;
    }

    .esg-ai { top: 19px; left: 50%; transform: translateX(-50%); }
    .esg-cloud { top: 310px; left: 28%; transform: translateX(-50%); }
    .esg-software { top: 310px; left: 72%; transform: translateX(-50%); }

    .esg-ai circle { stroke: #00adee; }
    .esg-cloud circle { stroke: #9cbe56; }
    .esg-software circle { stroke: #f7941d; }

    .esg-circle.visible { opacity: 1; }
    .esg-circle.visible circle { stroke-dashoffset: 0; opacity: 1; }
    .esg-circle span {
        position: absolute;
        width: 80%;
        text-align: center;
        font-size: 25px;
        transition: opacity 0.3s ease;
    }

    .esg-circle:hover span {
        opacity: 0;
    }

    .esg-circle::after {
        content: attr(data-hover);
        position: absolute;
        text-align: center;
        width: 80%;
        font-size: 16px;
        color: white;
        opacity: 0;
        transition: opacity 0.3s ease;
        padding: 40px;
        box-sizing: border-box;
    }

    .esg-circle:hover::after {
        opacity: 1;
    }
    @media (max-width: 800px) {
        .esg-container {
            flex-direction: column;
            width: auto;
            height: auto;
        }

        .esg-circle {
            position: relative;
            margin-bottom: -20px;
        }

        .esg-ai, .esg-cloud, .esg-software {
            top: auto;
            left: auto;
            transform: none;
        }
    }

.furniturectas {
  margin-top: -100px;
}
  .furniturectas .col-md-3 {
  display: flex;
}

.furniturectasinner {
max-width: 1500px;
margin:auto;  
  text-align: center;
    display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
} 
 .funiturectabox  img {
  margin: 10px auto 10px;
}
.funiturectabox h3 {
  font-size: 1.15em !important;
  font-weight: 700;
  font-size: 1.25em;
  text-align: center;
  margin-top: 10px;
}
  .funiturectabox p {
  color: #58595b;
  }
 .funiturectabox span {
   color: #b61359;
   cursor: pointer;  
   font-weight: 900;
  }
 .funiturectabox:hover span {
   color: #fff;
  }  
.funiturectabox {
transition: transform .8s !important; 
  border-radius: 20px;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e7ecee;
  background: #fff;  
-webkit-box-shadow: 10px 10px 6px -7px rgba(0,0,0,0.12);
-moz-box-shadow: 10px 10px 6px -7px rgba(0,0,0,0.12);
box-shadow: 10px 10px 6px -7px rgba(0,0,0,0.12);  
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; 
  min-height: 100%; 
  flex-grow: 1; 
}
  .furniturectasinner .col-md-4  {
    margin-bottom: 40px;
  }
  .funiturectaboxtext {
  padding: 0px 20px 20px 20px;
  }
.funiturectabox:hover {
transform: scale(1.025) !important;
  background: #b61359;
  border: 2px solid #b61359;
}
.funiturectabox:hover h3, .funiturectabox:hover p {
  color: #fff;
}
  .funiturectabox .funiturereviewicons {
margin: 40px auto 20px;    
  }
.funiturectabox .funiturereviewicons .fa-solid {
  color: #b61359;
   font-size: 40px !important;
  }
  .funiturectabox:hover .funiturereviewicons .fa-solid {
  color: #fff;
  }
  .furniturereviewiconstwo {
margin: 40px auto 20px;
   font-size: 80px !important;   
  }
  .funiturectabox:hover .furniturereviewiconstwo{
  color: #fff !important;
  }
.furniturecontactform {  
  background-color: #b61359;
  padding: 35px;
    }
    .furniturecontactform h2 {
    font-size: 35px;
      color: #fff;
      margin-bottom: 0px;
    }
    .furniturecontactform h3, .furniturecontactform p, .furniturecontactform a {
      color: #fff;
      margin-bottom: 35px;
    }  
  .furniturecontactform p {
  margin-top: 10px;
  }
  .furniturecontactform .fa-solid {
  margin-left: 10px;
   margin-right: 10px;
  }
.whoweworkwith {
margin: 30px auto 100px;
}
.whoweworkwith img {
filter: grayscale(100%);
     opacity: .3;
    transition: all 0.5s ease;
}
  .whoweworkwith img:hover {
filter: grayscale(0%);
     opacity: 1;
}

.whoweworkwith .owl-carousel .owl-nav.disabled {
  display: inline !important;
} 
.whoweworkwith-carousel .item img {
  max-width: 150px;
  text-align: center;
  margin: auto;
}
.whoweworkwith-carousel {
  margin: 40px auto;
}

.whoweworkwith-carousel .owl-prev {
    position: absolute;
    top: 40%;
    left: -50px;
    display: block !important;
    border:0px solid black;
  color: #fff !important;
  font-size: 18px !important;
  padding: 4px 12px !important;
  background: #b61359  !important;
  border-radius: 50% !important;  
}
.whoweworkwith-carousel .owl-next {
    position: absolute;
    top: 40%;
    right: -50px;
    display: block !important;
    border:0px solid black;
  color: #fff !important;
  font-size: 18px !important;
  padding: 4px 12px !important;
  background: #b61359  !important;
  border-radius: 50% !important;  
}
.whoweworkwith-carousel .owl-item {
margin: 0px;
}
.whoweworkwithinner {
max-width: 1500px;
margin:auto; 
text-align: center;
}
.blogfeed2025 {
background: linear-gradient(180deg, #fff 70%, #233361 30%);
}
.blogfeed2025 .bloglatestposts_container .blog-posts-grid-view {
 display: flex;
  justify-content: center; 
}
@media only screen and (max-width: 800px) {
.blogfeed2025 .bloglatestposts_container .blog-posts-grid-view {
 display: block;
}
}
.blogfeed2025 .tileparent.blog-post.blog-post-wrapper {
    transition: border-radius 1s ease-in;  
  overflow: visible;
}

.blogfeed2025 .tileparent.blog-post.blog-post-wrapper:hover {
  border-radius: 0px; 
}

.blogfeed2025 .bloglatestposts_container .tileparent .footer {
background-color: #fff !important;
   border-radius: 0 0 50px 50px;
    transition: border-radius 0.5s ease-in;  
}
.blogfeed2025 .bloglatestposts_container .tileparent .post-image {
  border-radius: 50px 50px 0 0;
    transition: border-radius 0.5s ease-in;  
}
.blogfeed2025 .bloglatestposts_container .blog-posts-grid-view .tileparent .tile {
  border: 0;
}
.blogfeed2025 .bloglatestposts_container .blog-posts-grid .post-name h4 {
text-align: center;
 padding: 30px;
}
.blogfeed2025 .bloglatestposts_container .blog-posts-grid .post-name h4:after {
content: 'Read More';
display: block;
  margin: 30px auto;
  background-color: #b61359;
  border-radius: 20px;
 padding: 12px 20px;
  max-width: 200px;
  color: #fff;
  font-size: 0.9em;
  font-weight: 400;
transition: background .35s ease,color .35s ease;
}
.blogfeed2025 .bloglatestposts_container .blog-posts-grid .post-name h4:hover:after {
    background-color: #233361;
}
.blogfeed2025 .bloglatestposts_container .tileparent .tile, .blogpostslist_container .tileparent .tile {
border: 2px solid #e7ecee;
border-radius: 50px;
  -webkit-box-shadow: 10px 10px 6px -7px rgba(0,0,0,0.12);
  -moz-box-shadow: 10px 10px 6px -7px rgba(0,0,0,0.12);
  box-shadow: 10px 10px 6px -7px rgba(0,0,0,0.12);
  transition: transform .8s; 
  }
.blogfeed2025 .tile:hover {
  transform: scale(1.025);  
  }
  .blogfeed2025 .col-lg-3 {
  width: 32%;
  }
@media only screen and (max-width: 797px) {
    .blogfeed2025 .col-lg-3 {
  width: 100%;
  }
  }

/* NEW RECURRING ORDERS CSS */
.myrecurringorders #next-delivery-date {
line-height: 1em;
}
.myrecurringorders #recurring-order-frequency, .myrecurringorders #recurring-order-every {
    border-color: #ddd;
    box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.4);
    height: 42px;
}
div.customertools .nav .sidebar-logout a::before {
  content: "";
}
.customertools ul li {
width: 100%
}
.myrecurringorders .btn {
background: #b61359 !important;
border: 0px !important;
}
.myrecurringorders .btn:hover {
background: #233361 !important;
}
.myrecurringorders .list-striped > li.active {
background: #233361;
}
.myrecurringorders .btn-cancel {
color: #fff !important;
}
.myrecurringorders .label-paused {
background: #f7941d !important;
border: 0px !important;
}
.myrecurringorders .label-enabled {
background: #9cbe56 !important;
border: 0px !important;
}
.furniturepanel .panel-default > .panel-heading {
  background-color: transparent;
  border-color: #ddd;
  color: #fff;
  border: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.landingpage-buttons .btn {
  width: 35%;
  padding: 1.5rem;
  border-radius: 20px;
  font-size: 1.35rem;
  min-width: max-content;
}

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

landingpage-category-boxes {
    background: #808080;
    padding-top: 0;
    padding-bottom: 70px;
    margin-top: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gotAnyQuestions {
  background: #2a2a2a;
  position: relative;
  padding: 0 30px;
}

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

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

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

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

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

.gotAnyQuestions .questionsLink {
  color: #fff;
  margin: 15px 0;
}
.gotAnyQuestions .customButton {
  display: inline-block;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .gotAnyQuestions > img {
    display: none;
  }
}

@media (max-width: 768px) {
  .gotAnyQuestions .questionsInner {
    width: 100%;
    padding: 50px 0;
  }
}
/* ===== END landing page style ===== */

.singlebanner_wrapper .banner_subtitle {
    border: 0px solid #fff;
}

/*MH Nescafe Landing Page Padding Adjustments*/
landingpage-category-boxes {
    background: white;
    padding-top: 0;
    padding-bottom: 70px;
    margin-top: 0px;
}
/*===== MH pop up reminder ====*/
.gift-reminder {
  width: max-content;
  text-align: center;
  background-color: #eee;
  padding: 0 20px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  top: 60px;
  right: 30px;
  font-size: 0.95rem;
  position: fixed;
  z-index: 14;
  opacity: 1;
  transition: all 0.35s ease;
  border: 1px solid #808080;
  box-shadow: 0 24px 36px rgba(0, 0, 0, 0.13), 0 24px 46px rgba(0, 0, 0, 0.2);
  visibility: visible;
  max-width: 500px;
}
.gift-reminder p {
  margin: 0;
  font-weight: 500;
  color: #404040;
  line-height: 1.5;
  padding-block: 10px;
}
.gift-reminder .amount-needed {
  font-weight: 900;
}
.gift-reminder__message {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gift-reminder.has-sticky {
  top: 170px;
}
.gift-image {
  width: 70px;
  mix-blend-mode: darken;
  border-radius: 10px;
}
.gift-reminder.inactive {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

/* cart message style */

.gift-promotion-container p {
  padding: 5px 10px;
}
.gift-promotion-container .bg-warning,
.gift-promotion-container .bg-info {
  --bs-bg-opacity: 0.3;
}
.gift-promotion-container p {
  border-radius: 5px;
  line-height: 1.5;
  font-size: 1rem;
  margin-block: 10px;
}
.gift-promotion-container .text-danger {
  display: revert;
}
@media only screen and (max-width: 767px) {
  .gift-reminder {
    top: 162px;
    padding: 10px 15px;
    right: 50%;
    transform: translateX(50%);
  }
}
/*===== End ====*/

/* jj new lightbox */
.fancybox__progress {
  background: #b61258 !important;
  }
.fancybox__thumbs .carousel__slide .fancybox__thumb::after  {
  border-color: #b61258 !important;
  }

/* Hero Videos */

.aj-hero-video {
  position: relative;
  height: 70vh;
  min-height: 600px;
  overflow: hidden;
}
.aj-hero-video-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.aj-hero-video-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(
    180deg,
    rgba(35, 51, 97, 0.75),
    rgba(35, 51, 97, 0.45),
    rgba(35, 51, 97, 0.15)
  );
  pointer-events: none;
}
.aj-hero-video-content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aj-hero-video-content h1 {
  margin: 0px;
  font-size: 3em;
  color: #fff;
  text-align: center;
  font-weight: bold;
  text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
  text-transform: uppercase;
}
@media screen and (max-width: 575px) {
  .aj-hero-video {
    min-height: 500px;
  }
  .aj-hero-video-content h1 {
    font-size: 2em;
    padding: 0 20px;
  }
}

/* Pop Up Video Homepage */
.videomodal .modal-body {
  padding: 0 !important;
  background: #000;
}
.video-player {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  background: #000;
}
.videomodal .modal-dialog {
  display: flex;
  align-items: center;
  min-height: 100vh;
  margin: 0 auto;
  max-width: 1200px;
  width: 95%;  
}
.videomodal .modal-content {
  border-radius: 0;
  overflow: hidden; 
}
.videomodal .outside-close {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1051;
  color: #fff;
  font-size: 4rem;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
}
.video-thumb {
  position: relative;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  max-width: 600px;
  border-radius: 30px;
  margin: 10px;
}
.video-h3 {
  color: var(--evo-brand-default);
  text-align: center;
  margin: 10px auto 0px;
  font-size: 1.25em;
  max-width:320px;
}
.video-thumb img {
  width: 100%;
  display: block;
  transition: transform 0.4s ease;
}
.video-thumb .overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0,0,0,0.25);
  transition: background-color 0.4s ease;
}
.video-thumb .play-icon {
  position: absolute;
  color: #fff;
  font-size: 4rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: color 0.4s ease;
}
.video-thumb:hover img {
  transform: scale(1.2);
}
.video-thumb:hover .overlay {
  background-color: rgba(0,0,0,0.5);
}
.video-thumb:hover .play-icon {
  color: #b61359;
}

/*Bic*/

.ex-name-bic > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100%;
  padding: 0;
}

.ex-name-bic > div.page-content.onecolumn > section.catalog-grid {
  max-width: 100%;
}

.ex-name-bic .container {
  max-width: none;
}

.bicgrey {
  background: #444444;
}

@media (min-width: 769px) {
#contentblock_304376, #contentblock_304377, #contentblock_304378, #contentblock_304379 {
width: 25%;
}
}

.btn-white {
background-color: #fff;
color: #000
}

.btn-white:hover {
background-color: #fff;
  color: #000
}

@media (min-width: 769px) {
.dflexcent > div {
        display: flex;
        align-items: center;
}
}

.paddinglr {
  padding-left: 13vw;
  padding-right: 13vw;
}

.paddingrs {
  padding-right: 5vw;
}

.paddingl {
  padding-left: 13vw;
}

.ex-name-bic h1 {
    margin:0px !important;
    text-align: left !important;
}

/* Move compare product floating button */
.floating-buttons {
  bottom: 8%;
  left: 25px;
}

/* Help video fixes */
.a-j-video-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 20px auto 80px;
  border-radius: 20px;
  overflow: hidden;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}
.a-j-video-wrapper:hover {
  transform: scale(1.02);
  box-shadow: 0 25px 60px rgba(0,0,0,0.45);
}
.a-j-video-wrapper iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/*2work*/

.ex-name-2work > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100%;
  padding: 0;
}

.ex-name-2work > div.page-content.onecolumn > section.catalog-grid {
  max-width: 100%;
}

.ex-name-2work .container {
  max-width: none;
}

.workblue {
  background: #2255A3;
}

@media (min-width: 769px) {
#contentblock_305173, #contentblock_305174, #contentblock_305175, #contentblock_305176 {
width: 25%;
}
}

/*acco*/

.ex-name-acco > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100%;
  padding: 0;
}

.ex-name-acco > div.page-content.onecolumn > section.catalog-grid {
  max-width: 100%;
}

.ex-name-acco .container {
  max-width: none;
}

.accogreen {
  background: #92d050;
}

@media (min-width: 769px) {
#contentblock_305848, #contentblock_305849, #contentblock_305850, #contentblock_305851 {
width: 25%;
}
}

/*acco*/

.ex-name-durable > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100%;
  padding: 0;
}

.ex-name-durable > div.page-content.onecolumn > section.catalog-grid {
  max-width: 100%;
}

.ex-name-durable .container {
  max-width: none;
}

.durablegrey {
  background: #f5f5f5;
}

@media (min-width: 769px) {
#contentblock_307122, #contentblock_307123, #contentblock_307124, #contentblock_307125 {
width: 25%;
}
}

.paddingtb {
  padding-top: 2vw;
    padding-bottom: 2vw;
}

<style>
/* ASTON & JAMES | WORLD CUP FORM STYLING */

#contactform_307984 {
  max-width: 760px;
  margin: 0 auto;
  padding: 0;
}

#contactform_307984 .contact-form {
  background: #ffffff;
  border-radius: 30px;
  padding: 38px;
  box-shadow: 0 22px 55px rgba(0,0,0,0.16);
  border-top: 8px solid #b61257;
  text-align: left;
}

#contactform_307984 .contact-form h3 {
  margin: 0 0 26px !important;
  color: #223361 !important;
  font-size: 32px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  text-align: center !important;
}

#contactform_307984 .form-group {
  margin-bottom: 20px;
}

#contactform_307984 label {
  display: block;
  margin-bottom: 8px;
  color: #223361 !important;
  font-size: 15px;
  font-weight: 800;
}

#contactform_307984 .form-control {
  width: 100%;
  min-height: 50px;
  padding: 12px 16px;
  border: 1px solid rgba(34,51,97,0.22);
  border-radius: 14px;
  background: #f6f7fb;
  color: #223361;
  font-size: 16px;
  box-shadow: none;
  transition: all 0.25s ease;
}

#contactform_307984 .form-control:focus {
  background: #ffffff;
  border-color: #b61257;
  box-shadow: 0 0 0 4px rgba(182,18,87,0.12);
  outline: none;
}

#contactform_307984 select.form-control {
  cursor: pointer;
}

#contactform_307984 .g-recaptcha {
  margin: 24px 0 18px;
  display: flex;
  justify-content: center;
}

#contactform_307984 .btn.btn-default {
  width: 100%;
  min-height: 54px;
  border: none !important;
  border-radius: 999px;
  background: #b61257 !important;
  color: #ffffff !important;
  font-size: 17px;
  font-weight: 800;
  transition: all 0.25s ease;
  box-shadow: 0 14px 30px rgba(182,18,87,0.28);
}

#contactform_307984 .btn.btn-default:hover {
  background: #223361 !important;
  transform: translateY(-2px);
}

#contactform_307984 .response-message {
  margin-top: 20px;
  border-radius: 14px;
}

/* Mobile tidy-up */
@media (max-width: 600px) {
  #contactform_307984 .contact-form {
    padding: 28px 20px;
    border-radius: 22px;
  }

  #contactform_307984 .contact-form h3 {
    font-size: 26px !important;
  }
}
</style>

/*New Business*/

.ex-name-onetrustedsupplier > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100%!important;
  padding: 0!important;
}

.ex-name-onetrustedsupplier .container:not(header .container):not(footer .container) {
  max-width: none !important;
  width: 100% !important;
  padding: 0;
}

.ex-name-onetrustedsupplier > div.page-content.onecolumn > section.zonebottom {
margin-top: 0px;
}

.ex-name-onetrustedsupplier .row-breadcrumb {
display: none!important;
}

.lgreyback {
  background: #f3f2f2;
}

@media (min-width: 769px) {
.lgreyhalfback {
  background: linear-gradient(90deg,rgba(243, 242, 242, 1) 50%, rgba(255, 255, 255, 1) 50%);
}
}

.burgborder {
  border: solid;
  border-radius: 20px;
  border-color: #B80E53;
  padding: 5px;
}

@media (min-width: 769px) {
  .dflexstretch {
    display: flex; 
    align-items: stretch;
  }

  .dflexstretch > div {
    display: flex; 
    align-items: stretch;
  }

  .burgborder {
    height: 100%; 
  }
}

.nomargin {
  margin-top: 0;
  margin-bottom: 0;
}

/* =========================================================
   ENHANCED IN-STOCK FILTER CARD
   CSS ONLY — EXISTING TOGGLE REMAINS UNCHANGED
========================================================= */

.filter-section.filtername-instock {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;

  width: 100% !important;
  min-height: 86px !important;

  margin: 10px 0 20px !important;
  padding: 18px 22px 18px 24px !important;

  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #f8fafb 100%
    ) !important;

  border: 1px solid #dce4e8 !important;
  border-radius: 18px !important;

  box-shadow:
    0 8px 22px rgba(31, 48, 58, 0.08),
    0 2px 6px rgba(31, 48, 58, 0.04) !important;

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}


/* Decorative accent strip */

.filter-section.filtername-instock::before {
  content: "";

  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;

  width: 5px;

  background: #278449;
}


/* Subtle decorative glow */

.filter-section.filtername-instock::after {
  content: "";

  position: absolute;
  top: -45px;
  right: -35px;

  width: 130px;
  height: 130px;

  background: rgba(39, 132, 73, 0.06);
  border-radius: 50%;

  pointer-events: none;
}


/* Hover state */

.filter-section.filtername-instock:hover {
  transform: translateY(-1px);

  border-color: #c4d1d6 !important;

  box-shadow:
    0 12px 28px rgba(31, 48, 58, 0.11),
    0 3px 8px rgba(31, 48, 58, 0.05) !important;
}


/* Keep the original EvolutionX toggle untouched */

.filter-section.filtername-instock .switch {
  flex: 0 0 auto !important;

  float: none !important;
  position: relative !important;
  z-index: 2 !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Text container */

.filter-section.filtername-instock .filter-static {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;

  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 720px !important;

  margin: 0 !important;
  padding: 2px 10px 2px 0 !important;

  float: none !important;
  position: relative !important;
  z-index: 2 !important;

  text-align: left !important;
  text-transform: none !important;
  letter-spacing: normal !important;

  font-size: 0 !important;
}


/* Main heading */

.filter-section.filtername-instock .filter-static::before {
  content: "Show items in stock only";

  display: block;

  color: #1f2b31 !important;

  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;

  text-transform: none !important;
  letter-spacing: normal !important;
}


/* Supporting description */

.filter-section.filtername-instock .filter-static::after {
  content: "Hide unavailable products and quickly focus on items ready to order";

  display: block;

  margin-top: 6px;

  color: #66747b !important;

  font-family: inherit !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;

  text-transform: none !important;
  letter-spacing: normal !important;
}


/* Tablet */

@media (max-width: 768px) {

  .filter-section.filtername-instock {
    min-height: 78px !important;
    padding: 16px 18px 16px 20px !important;
    gap: 15px !important;
    border-radius: 16px !important;
  }

  .filter-section.filtername-instock .filter-static {
    max-width: none !important;
  }

  .filter-section.filtername-instock .filter-static::before {
    font-size: 15px !important;
  }

  .filter-section.filtername-instock .filter-static::after {
    font-size: 12px !important;
  }
}


/* Mobile */

@media (max-width: 480px) {

  .filter-section.filtername-instock {
    min-height: 72px !important;
    padding: 14px 15px 14px 18px !important;
    gap: 12px !important;
    border-radius: 14px !important;
  }

  .filter-section.filtername-instock::before {
    width: 4px;
  }

  .filter-section.filtername-instock .filter-static {
    padding-right: 0 !important;
  }

  .filter-section.filtername-instock .filter-static::before {
    font-size: 14px !important;
  }

  .filter-section.filtername-instock .filter-static::after {
    content: "Quickly find products ready to order";
    margin-top: 4px;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
}

/* ==========================================
   ACTIVE STATE
========================================== */

.filter-section.filtername-instock:has(input.stock-switch:checked) {
    background: linear-gradient(135deg, #f3fbf5 0%, #edf9f0 100%) !important;
    border-color: #86c59a !important;

    box-shadow:
        0 10px 24px rgba(39,132,73,.12),
        0 3px 8px rgba(39,132,73,.08) !important;
}

.filter-section.filtername-instock:has(input.stock-switch:checked)::before {
    background: #1f8a46;
}

.filter-section.filtername-instock:has(input.stock-switch:checked) .filter-static::before {
    color: #196b37 !important;
}

.filter-section.filtername-instock:has(input.stock-switch:checked) .filter-static::after {
    content: "Showing only products that are currently available to order";
    color: #2f7d46 !important;
    font-weight: 600;
}

/* Main heading */

.filter-section.filtername-instock .filter-static::before {
    content: "Show items in stock only";

    display: block;

    color: #1f2b31 !important;

    font-size: 18px !important;      /* Was 16px */
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Supporting description */

.filter-section.filtername-instock .filter-static::after {
    content: "Hide unavailable products and quickly focus on items ready to order";

    display: block;

    margin-top: 6px;

    color: #66747b !important;

    font-size: 13.5px !important;    /* Was 12.5px */
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.filter-section.filtername-instock {
    gap: 22px !important;   /* Was 18px */
}

/* JJ VERTICAL MARKETS CSS */
/********** START **********/
.video-banner {
    position: relative;
    overflow: hidden;
}
.video-banner .hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    pointer-events: none;
}
.video-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);  
    background:linear-gradient(90deg, rgba(35,51,97,.15), rgba(35,51,97,.01));
    z-index: 2;
}
.video-banner .fadingtopbannerinner {
    position: relative;
    z-index: 3;
}
#stickyButton {
  position: fixed;
  bottom: 40px;
  left: 50px;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease, background-color 0.3s ease;
  max-width: 300px;
}
#stickyButton.visible {
  opacity: 1;
  pointer-events: auto;
}
.floating-button .btn {
  border-radius: 15px;
  font-weight: 700;
  font-size: 1.25em;
  padding: 10px 20px;
  margin: 5px;  
}  

.industryintro-wrap{background:#fff}
.industryintro{display:flex;align-items:center}
.industryintro h2{color:#939598;font-weight:700;line-height:1.15;margin-bottom:24px;text-align:left;font-size:2.75em}
.industryintro .intro-text{line-height:1.7;margin-bottom:35px;max-width:760px}
.construction-benefits{display:flex;flex-direction:column;max-width:700px}
.benefit{display:flex;align-items:flex-start;gap:18px;padding:22px 0;border-bottom:2px solid #e7ecee}
.benefit:last-child{border-bottom:none}
.benefit i{width:48px;height:48px;min-width:48px;border-radius:50%;background:#b61359;color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;margin-top:2px}
.benefit-content{flex:1}
.benefit h3{margin:0 0 6px;color:#233361;font-weight:700;text-align:left}
.benefit p{margin:0;line-height:1.65;text-align:left}

.review-carousel-wrap{
    position:relative;
    max-width:620px;
    margin-left:auto;
}
.review-carousel .owl-stage-outer{
    border-radius:24px;
    overflow:hidden;
    background:#233361;
}
.review-carousel .owl-stage,
.review-carousel .owl-item,
.review-carousel .item{
    display:flex;
}
.review-carousel .item{
    width:100%;
}
.review-card{
    width:100%;
    min-height:520px;
    background:#233361;
    color:#fff;
    border-radius:0;
    padding:58px 70px 100px 50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
}
.review-card .stars{
    color:#b61359;
    font-size:30px;
    letter-spacing:3px;
    margin-bottom:22px;
}
.review-card h4{
    color:#fff;
    margin:0 0 22px;
    font-weight:700;
}
.review-card p{
    color:rgba(255,255,255,.92);
    line-height:1.9;
    margin:0;
}
.review-label{
    margin-top:32px;
    padding-top:24px;
    border-top:1px solid rgba(255,255,255,.18);
    color:#fff;
    font-weight:700;
}
.review-fixed-controls{
    position:absolute;
    right:34px;
    bottom:30px;
    z-index:10;
    display:flex;
    align-items:center;
    gap:14px;
}
.review-count{
    color:rgba(255,255,255,.75);
    font-weight:700;
    font-size:14px;
    white-space:nowrap;
}
.review-buttons{
    display:flex;
    gap:8px;
}
.review-prev,
.review-next{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#b61359;
    color:#fff;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s ease;
    padding:0;
}
.review-prev:hover,
.review-next:hover{
    background:#fff;
    color:#233361;
}
.review-carousel .owl-nav{
    display:none !important;
}
.review-card > .stars,
.review-card > h4,
.review-card > p,
.review-card > .review-label{
    opacity:0;
    transform:translateY(18px);
    transition:opacity .55s ease, transform .55s ease;
}
.review-carousel .owl-item.active .review-card > .stars,
.review-carousel .owl-item.active .review-card > h4,
.review-carousel .owl-item.active .review-card > p,
.review-carousel .owl-item.active .review-card > .review-label{
    opacity:1;
    transform:translateY(0);
}
.review-carousel .owl-item.active .review-card .stars{transition-delay:.1s}
.review-carousel .owl-item.active .review-card h4{transition-delay:.2s}
.review-carousel .owl-item.active .review-card p{transition-delay:.32s}
.review-carousel .owl-item.active .review-card .review-label{transition-delay:.45s}

@media(max-width:991px){
    .industryintro{display:block}
    .industryintro-wrap{padding:50px 0}
    .industryintro h2{font-size:2.25em}
    .review-carousel-wrap{margin:40px auto 0;max-width:100%}
    .review-card{min-height:auto;padding:42px 30px 100px}
    .review-fixed-controls{right:24px;bottom:24px}
}
.construction-products-section{
  padding:50px 0;
  overflow:visible;
}
.construction-product-mosaic{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:0 auto;
  gap:22px;
  padding:22px;
}
.product-centre-panel,
.flip-tile{
  min-height:490px;
}
.product-centre-panel{
  background:#233361;
  color:#fff;
  padding:60px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:24px;
  margin:auto;
}
.product-centre-panel h2{
  color:#fff;
  font-weight:700;
  line-height:1.15;
  margin:0 0 24px;
  font-size:2.75em;
}
.product-centre-panel p{
  color:#fff;
  line-height:1.7;
  margin:0;
}
.flip-tile{
  perspective:1200px;
  cursor:pointer;
  transition:transform .35s ease;
  position:relative;
  z-index:1;
}
.flip-tile:hover{
  transform:translateY(-6px);
  z-index:3;
}
.flip-inner{
  position:relative;
  width:100%;
  height:100%;
  min-height:490px;
  transition:transform .75s ease, box-shadow .35s ease;
  transform-style:preserve-3d;
  will-change:transform;
  border-radius:24px;
  box-shadow:0 12px 30px rgba(0,0,0,.08);
  border:2px solid #e7ecee;
}
.flip-tile:not(.is-flipped):hover .flip-inner{
  box-shadow:0 20px 45px rgba(0,0,0,.16);
}
.flip-tile.is-flipped .flip-inner{
  transform:rotateY(180deg);
}
.flip-front,
.flip-back{
  position:absolute;
  inset:0;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  border-radius:24px;
  overflow:hidden;
  transform-style:preserve-3d;
}
.flip-front{
  background:#fff;
  color:#233361;
  display:flex;
  flex-direction:column;
  text-align:center;
}
.tile-image{
  height:220px;
  background-size:cover;
  background-position:center;
  flex-shrink:0;
  transition:transform .45s ease;
  transform-origin:center;
}
.flip-tile:not(.is-flipped):hover .tile-image{
  transform:scale(1.04);
}
.tile-content{
  flex:1;
  padding:26px 24px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
.tile-icon{
  width:56px;
  height:56px;
  border-radius:50%;
  background:#b61359;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  margin:-58px auto 18px;
  box-shadow:0 12px 24px rgba(0,0,0,.22);
  position:relative;
  z-index:2;
}
.flip-front h3{
  color:#233361;
  font-weight:700;
  margin:0 0 12px;
  line-height:1.25;
}
.flip-front p{
  color:#555;
  line-height:1.6;
  margin:0 0 22px;
}
.tile-button{
  display:inline-block;
  color:#233361;
  font-weight:700;
  border:2px solid #233361;
  border-radius:8px;
  padding:10px 20px;
  transition:.3s ease;
  margin-top:auto;
}
.flip-tile:not(.is-flipped):hover .tile-button{
  background:#233361;
  color:#fff;
}
.flip-back{
  background:#233361;
  color:#fff;
  transform:rotateY(180deg) translateZ(1px);
  padding:40px 34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.flip-back h3{
  color:#fff;
  font-weight:700;
  margin:0 0 22px;
  line-height:1.25;
}
.flip-back ul{
  margin:0;
  padding:0;
  list-style:none;
}
.flip-back li{
  position:relative;
}
.flip-back li::before{
  content:"✓";
  color:#b61359;
  margin-right:8px;
  font-weight:700;
}
.flip-back li a{
  display:inline-block;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:600;
  position:relative;
}
.flip-back li a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  background:#fff;
  transition:width .3s ease;
}
.flip-back li a:hover::after,
.flip-back li a:focus::after{
  width:100%;
}
@media(max-width:991px){
  .construction-product-mosaic{
    grid-template-columns:1fr;
  }
  .product-centre-panel{
    order:-1;
    min-height:auto;
    padding:40px 24px;
  }
  .flip-tile,
  .flip-inner{
    min-height:490px;
  }
  .tile-image{
    height:200px;
  }
}
@-moz-document url-prefix() {
  .flip-inner{
    transform-style:flat!important;
  }
  .flip-tile.is-flipped .flip-inner{
    transform:none!important;
  }
  .flip-front,
  .flip-back{
    backface-visibility:visible!important;
    -moz-backface-visibility:visible!important;
    transform-style:flat!important;
    transition:opacity .35s ease, transform .45s ease!important;
  }
  .flip-front{
    opacity:1;
    transform:rotateY(0deg) scale(1)!important;
    pointer-events:auto;
  }
  .flip-back{
    opacity:0;
    transform:rotateY(90deg) scale(.96)!important;
    pointer-events:none;
  }
  .flip-tile.is-flipped .flip-front{
    opacity:0;
    transform:rotateY(-90deg) scale(.96)!important;
    pointer-events:none;
  }
  .flip-tile.is-flipped .flip-back {
    opacity:1;
    transform:rotateY(0deg) scale(1)!important;
    pointer-events:auto;
  }
}
.industrywhoweworkwith {
 max-width: 900px; 
 margin: auto;
  }
.industrywhoweworkwith h2 {
 font-size: 2.75em;
}
.case-study-section {
  position:relative;
  padding:110px 0;
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}
.case-study-section-construction {
background-image:
    linear-gradient(90deg, rgba(35,51,97,.9), rgba(35,51,97,.35)),
    url('https://eu.evocdn.io/dealer/1037/content/media/LJ-Construction.jpg');
}
.case-study-section-logistics {
background-image:
    linear-gradient(90deg, rgba(35,51,97,.9), rgba(35,51,97,.35)),
    url('https://eu.evocdn.io/dealer/1037/content/media/Darcia-Logistics-BG.jpg');
}
.case-study-section-science {
background-image:
    linear-gradient(90deg, rgba(35,51,97,.9), rgba(35,51,97,.35)),
    url('https://eu.evocdn.io/dealer/1037/content/media/EssentraBG.png');
}
.case-study-section-legal {
background-image:
    linear-gradient(90deg, rgba(35,51,97,.9), rgba(35,51,97,.35)),
    url('https://eu.evocdn.io/dealer/1037/content/media/Furgo-BG.jpg');
}
.case-study-section-hospitality {
background-image:
    linear-gradient(90deg, rgba(35,51,97,.9), rgba(35,51,97,.35)),
    url('https://eu.evocdn.io/dealer/1037/content/media/HospitalityBG.jpg');
}
.case-study-section-healthcare {
background-image:
    linear-gradient(90deg, rgba(35,51,97,.9), rgba(35,51,97,.35)),
    url('https://eu.evocdn.io/dealer/1037/content/media/HealthcareBG.jpg');
}
.case-study-section-manufacturing {
background-image:
    linear-gradient(90deg, rgba(35,51,97,.9), rgba(35,51,97,.35)),
    url('https://eu.evocdn.io/dealer/1037/content/media/MGR-Foamtex.jpg');
}
.case-study-card {
  max-width:760px;
  background:#fff;
  border-radius:28px;
  padding:50px;
  box-shadow:0 24px 65px rgba(0,0,0,.22);
}
.case-study-top{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:34px;
  align-items:center;
  margin-bottom:26px;
}
.case-study-title h2{
  color:#233361;
  font-weight:700;
  line-height:1.12;
  margin:0;
}
.case-study-customer{
  text-align:center;
}
.case-study-label{
  color:#999a9a;
  font-weight:700;
  text-transform:normal;
  margin-bottom:5px;
  display:block;
}
.case-study-logo{
  max-width:200px;
  max-height:200px;
  object-fit:contain;
}
.case-study-overview{
    padding-top:30px;
    margin-top:10px;
}
.case-study-overview p{
    line-height:1.75;
    margin:0 0 24px;
}
.case-study-block{
    margin-top:0;
    padding-top:30px;
    border-top:2px solid #e7ecee;
}
.case-study-block h3{
  color:#233361;
  font-weight:700;
  margin:0 0 10px;
}
.case-study-testimonial{
  margin-top:34px;
  background:#233361;
  color:#fff;
  border-radius:24px;
  padding:42px;
  overflow:hidden;
}
.case-study-stars{
  color:#b61359;
  font-size:34px;
  margin-bottom:20px;
}
.case-study-stars i,
.case-study-testimonial h4,
.case-study-testimonial p,
.case-study-testimonial-footer{
  opacity:0;
  transform:translateY(18px);
}
.case-study-testimonial.animate .case-study-stars i{
  animation:caseStarIn .35s ease forwards;
}
.case-study-testimonial.animate .case-study-stars i:nth-child(1){animation-delay:.05s;}
.case-study-testimonial.animate .case-study-stars i:nth-child(2){animation-delay:.16s;}
.case-study-testimonial.animate .case-study-stars i:nth-child(3){animation-delay:.27s;}
.case-study-testimonial.animate .case-study-stars i:nth-child(4){animation-delay:.38s;}
.case-study-testimonial.animate .case-study-stars i:nth-child(5){animation-delay:.49s;}
.case-study-testimonial.animate h4{
  animation:caseTextIn .45s ease forwards;
  animation-delay:.68s;
}
.case-study-testimonial.animate p{
  animation:caseTextIn .55s ease forwards;
  animation-delay:.85s;
}
.case-study-testimonial.animate .case-study-testimonial-footer{
  animation:caseTextIn .55s ease forwards;
  animation-delay:1.05s;
}
@keyframes caseStarIn{
  0%{
    opacity:0;
    transform:translateY(18px) scale(.75);
  }
  70%{
    opacity:1;
    transform:translateY(-4px) scale(1.08);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}
@keyframes caseTextIn{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.case-study-testimonial h4{
  color:#fff;
  font-weight:700;
  margin:0 0 20px;
}
.case-study-testimonial p{
  color:#fff;
  line-height:1.8;
  margin:0;
}
.case-study-testimonial-footer{
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.18);
  font-weight:700;
  color:#fff;
}
@media(max-width:991px){
  .case-study-section{
    background-attachment:scroll;
    padding:70px 0;
  }
  .case-study-card{
    max-width:none;
    padding:36px;
  }
  .case-study-top{
    grid-template-columns:1fr;
  }
  .case-study-customer{
    text-align:left;
  }
}
.industryfaqs{
  padding:80px 20px;
  background:#fff;
  max-width: 900px;
  margin: auto;
}
.industryfaqs h2{
  color:#939598;
  font-weight:700;
  text-align:center;
  margin-bottom:20px;
  font-size: 2.75em;
}
.industryfaqs .accordion{
  margin:50px auto 0;
  background:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.08);
  border-left: 2px solid #dfe5e8;
  border-right: 2px solid #dfe5e8;
  border-top: 1px solid #dfe5e8;
  border-bottom: 1px solid #dfe5e8;
}
.industryfaqs .accordion-header{
  position:relative;
  padding:24px 30px 24px 58px !important;
  background:#fff;
  color:#233361;
  font-weight:700;
  border-bottom:1px solid #dfe5e8;
  cursor:pointer;
  transition:color .25s ease, background .25s ease;
}
.industryfaqs .accordion-header:before,
.industryfaqs .accordion-header .ui-accordion-header-icon{
  display:none !important;
}
.industryfaqs .accordion-header:after{
  content:"";
  position:absolute;
  left:28px;
  top:50%;
  width:9px;
  height:9px;
  border-right:3px solid #233361;
  border-bottom:3px solid #233361;
  transform:translateY(-50%) rotate(-45deg);
  transition:.3s ease;
}
.industryfaqs .accordion-header:hover{
  color:#b61359;
}
.industryfaqs .accordion-header:hover:after{
  border-color:#b61359;
}
.industryfaqs .accordion-header.ui-accordion-header-active,
.industryfaqs .accordion-header.active,
.industryfaqs .accordion-header[aria-expanded="true"],
.industryfaqs .accordion-header[aria-selected="true"]{
  background:#233361;
  color:#fff;
}
.industryfaqs .accordion-header.ui-accordion-header-active:after,
.industryfaqs .accordion-header.active:after,
.industryfaqs .accordion-header[aria-expanded="true"]:after,
.industryfaqs .accordion-header[aria-selected="true"]:after{
  border-color:#b61359;
  transform:translateY(-50%) rotate(45deg);
}  

.industryfaqs .accordion-content{
  background:#fff;
  color:#444;
  line-height:1.85;
  padding:30px 34px 30px 64px;
  border-bottom:1px solid #dfe5e8;
  position:relative;
}
.industryfaqs .accordion-content:before{
  content:"";
  position:absolute;
  left:38px;
  top:30px;
  bottom:30px;
  width:4px;
  border-radius:10px;
  background:#b61359;
}
@media(max-width:767px){
  .industryfaqs{
    padding:60px 20px;
  }
  .industryfaqs .accordion-header{
    padding:20px 20px 20px 52px !important;
  }
  .industryfaqs .accordion-header:after{
    left:24px;
  }
  .industryfaqs .accordion-content{
    padding:24px 24px 26px 48px;
  }
  .industryfaqs .accordion-content:before{
    left:24px;
  }
}
.serviceenquiry {
  padding: 35px;
  text-align: center;
  background:
    linear-gradient(0deg, rgba(182,19,89,0.88), rgba(182,19,89,0.88)),
    url('https://us.evocdn.io/dealer/1116/content/media/Advance Furniture/Furniture-Consultation-Bg.jpg');
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.serviceenquiry h2 {
  font-size: 2.75em;
  color: #fff;
  margin: 0 auto 10px;
  max-width: 900px;
}
.serviceenquiry h3,
.serviceenquiry p,
.serviceenquiry a {
  color: #fff;
}
.serviceenquiry p {
  margin: 10px auto 35px;
  max-width: 900px;
}
.serviceenquiry .fa-solid {
  margin: 0 10px;
}
.serviceenquiry .category-form {
  max-width: 900px;
  margin: 40px auto 25px;
  overflow: hidden;
}
.serviceenquiry .form-left,
.serviceenquiry .form-right {
  width: 50%;
  float: left;
  padding: 0 15px;
  box-sizing: border-box;
}
.serviceenquiry input,
.serviceenquiry textarea {
  width: 100%;
  color: #000;
  box-sizing: border-box;
}
.serviceenquiry textarea {
  min-height: 252px;
  resize: vertical;
}
.serviceenquiry .serviceenquiryfooter {
  clear: both;
  width: 100%;
  text-align: center;
  padding-top: 5px;
}
.serviceenquiry .g-recaptcha iframe {
  width: auto !important;
  margin: auto;
}
.g-recaptcha {
 display: flex;
 justify-content: center;  
 margin-top: 20px;
}
.serviceenquiry .contact-details {
  margin-top: 35px;
}
.serviceenquiry .btn {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 50px;
    padding: 12px 36px;
    font-weight: 600;
    transition: all .3s ease;
    box-shadow: none;
}
.serviceenquiry .btn:hover,
.serviceenquiry .btn:focus {
    background: #233361;
    border-color: #233361;
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .serviceenquiry {
    padding: 35px 20px;
    background-attachment: scroll;
  }
  .serviceenquiry h2 {
    font-size: 2em;
  }
  .serviceenquiry .form-left,
  .serviceenquiry .form-right {
    width: 100%;
    float: none;
    padding: 0;
  }
  .serviceenquiry textarea {
    min-height: 160px;
  }
}
.industry-eco-solutions{
  padding:50px 22px 80px;
  background:#fff;
}
.industry-eco-heading{
  max-width:850px;
  margin:0 auto 42px;
  text-align:center;
}
.industry-eco-heading h2{
  color:#939598;
  font-weight:700;
  line-height:1.15;
  margin:0 0 18px;
  font-size:2.75em;
}
.industry-eco-heading p{
  max-width:760px;
  margin:0 auto;
  color:#555;
  line-height:1.7;
}
.industry-eco-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  max-width:1800px;
  margin:0 auto;
}
.industry-eco-grid .eco-tile,
.industry-eco-grid .eco-tile .flip-inner{
  min-height:330px;
}
.industry-eco-grid .eco-front{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  justify-content:flex-end;
  position:absolute;
}
.eco-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(35,51,97,.18) 0%,
    rgba(35,51,97,.38) 45%,
    rgba(35,51,97,.82) 100%
  );
  z-index:1;
}
.eco-front-content{
  position:relative;
  z-index:2;
  width:100%;
  padding:30px;
  box-sizing:border-box;
  text-align:center;
}
.industry-eco-grid .eco-front h3{
  color:#fff;
  font-weight:700;
  line-height:1.2;
  margin:0 0 24px;
  font-size:1.55em;
  text-shadow:0 2px 5px rgba(0,0,0,.2);
}
.industry-eco-grid .eco-front .tile-button{
  background:#fff;
  color:#233361;
  border-color:#fff;
  margin-top:0;
}
.industry-eco-grid .eco-tile:not(.is-flipped):hover .tile-button{
  background:#b61359;
  border-color:#b61359;
  color:#fff;
}
.industry-eco-grid .eco-back{
  padding:38px 32px;
}
.industry-eco-grid .eco-back h3{
  margin:0 0 18px;
}
.industry-eco-grid .eco-back p{
  color:#fff;
  line-height:1.65;
  margin:0 auto 28px;
  max-width:330px;
}
.eco-back-button{
  display:inline-block;
  background:#b61359;
  border:2px solid #b61359;
  border-radius:8px;
  color:#fff!important;
  font-weight:700;
  padding:10px 20px;
  text-decoration:none!important;
  transition:.3s ease;
}
.eco-back-button:hover,
.eco-back-button:focus{
  background:#fff;
  border-color:#fff;
  color:#233361!important;
  text-decoration:none!important;
}
.industry-eco-grid .eco-back .eco-back-button::after{
  display:none;
}
@media(max-width:1200px){
  .industry-eco-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:767px){
  .industry-eco-solutions{
    padding:55px 18px 60px;
  }
  .industry-eco-heading h2{
    font-size:2.25em;
  }
  .industry-eco-grid{
    grid-template-columns:1fr;
  }
  .industry-eco-grid .eco-tile,
  .industry-eco-grid .eco-tile .flip-inner{
    min-height:310px;
  }
}
/* JJ VERTICAL MARKETS CSS */
/********** FINISH **********/

/* B CORP CONTENT */
/********** START **********/
.bcorp-hero .fadingtopbannerinner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
}
.bcorp-hero .left-content {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    max-width: 900px;
}
.bcorp-hero .right-content.bcorp-hero-logo {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    flex: 0 0 360px;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 15px 0 0 0 !important;
    width: 360px !important;
    height: auto !important;
    min-height: 0 !important;
}
.bcorp-logo-svg {
    display: block;
    width: 340px !important;
    max-width: 100% !important;
    height: auto;
    overflow: visible;
}
.bcorp-logo-svg path,
.bcorp-logo-svg polygon,
.bcorp-logo-svg rect {
    fill: #ffffff;
}
.bcorp-circle {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation:
        bcorpCircleIn 1.15s cubic-bezier(.22,.75,.25,1) .35s forwards;
}
@keyframes bcorpCircleIn {
    0% {
        opacity: 0;
        transform: rotate(-70deg) scale(.88);
        clip-path: inset(0 100% 0 0);
    }
    35% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
        clip-path: inset(0 0 0 0);
    }
}
.bcorp-big-b {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation:
        bcorpBIn .65s cubic-bezier(.18,.89,.32,1.28) 1.05s forwards;
}
@keyframes bcorpBIn {
    0% {
        opacity: 0;
        transform: scale(.72);
    }
    65% {
        opacity: 1;
        transform: scale(1.035);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.bcorp-certified {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation:
        bcorpCertifiedIn .65s cubic-bezier(.22,.75,.25,1) 1.35s forwards;
}
@keyframes bcorpCertifiedIn {
    0% {
        opacity: 0;
        transform: translateY(-45px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.bcorp-line {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: left center;
    transform: scaleX(0);
    animation:
        bcorpLineIn .75s cubic-bezier(.22,.75,.25,1) 1.75s forwards;
}
@keyframes bcorpLineIn {
    0% {
        opacity: 1;
        transform: scaleX(0);
    }
    100% {
        opacity: 1;
        transform: scaleX(1);
    }
}
.bcorp-corporation {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation:
        bcorpCorporationIn .65s cubic-bezier(.22,.75,.25,1) 2.1s forwards;
}
@keyframes bcorpCorporationIn {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.bcorp-registered {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation:
        bcorpRegisteredIn .45s cubic-bezier(.18,.89,.32,1.4) 2.5s forwards;
}
@keyframes bcorpRegisteredIn {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    70% {
        opacity: 1;
        transform: scale(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@media (max-width: 1200px) {
    .bcorp-hero .fadingtopbannerinner {
        gap: 35px;
    }
    .bcorp-hero .right-content.bcorp-hero-logo {
        flex-basis: 280px;
        width: 280px !important;
    }
    .bcorp-logo-svg {
        width: 270px !important;
    }
}
@media (max-width: 767px) {
    .bcorp-hero .fadingtopbannerinner {
        display: block;
    }
    .bcorp-hero .bcorp-hero-logo {
        display: none !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bcorp-circle,
    .bcorp-big-b,
    .bcorp-certified,
    .bcorp-line,
    .bcorp-corporation,
    .bcorp-registered {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
    }
}
.bcorp-journey-wrap {
    background: #fff;
    padding: 25px 0 75px;
}
.bcorp-journey {
    display: flex;
    align-items: center;
}
.bcorp-journey-intro {
    padding-right: 70px;
}
.bcorp-journey h2 {
    color: #939598;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 28px;
    text-align: left;
    font-size: 2.75em;
}
.bcorp-journey-intro p {
    line-height: 1.7;
    margin: 0 0 20px;
    max-width: 650px;
}
.bcorp-info-button {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
    padding: 11px 22px;
    background: transparent;
    border: 2px solid #233361;
    border-radius: 50px;
    color: #233361;
    font-weight: 700;
    cursor: pointer;
    transition:
        background .3s ease,
        color .3s ease;
}
.bcorp-info-button:hover,
.bcorp-info-button:focus {
    background: #233361;
    color: #fff;
}
.bcorp-info-button i {
    font-size: 12px;
}
.bcorp-roadmap {
    position: relative;
    width: 100%;
    height: 520px;
    padding: 42px;
    background: #233361;
    border-radius: 24px;
    overflow: hidden;
    box-sizing: border-box;
}
.bcorp-roadmap-inner {
    display: grid;
    grid-template-columns: 56% 44%;
    height: 100%;
}
.bcorp-roadmap-list {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 28px;
}
.bcorp-roadmap-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
    height: 68px;
    padding: 0;
    background: transparent;
    border: 0;
    text-align: left;
    cursor: pointer;
}
.bcorp-roadmap-item:not(:last-child)::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 26px;
    top: 55px;
    width: 2px;
    height: 26px;
    background: rgba(255,255,255,.2);
    transform: translateX(-50%);
    pointer-events: none;
}
.bcorp-roadmap-icon {
    position: relative;
    z-index: 2;
    width: 52px;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #233361;
    font-size: 16px;
    transition:
        color .35s ease,
        font-size .35s ease;
}
.bcorp-roadmap-icon::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    transition:
        width .35s ease,
        height .35s ease,
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}
.bcorp-roadmap-item.active .bcorp-roadmap-icon {
    color: #fff;
    font-size: 21px;
}
.bcorp-roadmap-item.active .bcorp-roadmap-icon::before {
    width: 50px;
    height: 50px;
    background: #c5165b;
    border: 1px solid rgba(255,255,255,.75);
    box-shadow:
        0 7px 18px
        rgba(0,0,0,.16);
}
.bcorp-roadmap-icon > strong {
    font-size: inherit;
    line-height: 1;
}
.bcorp-roadmap-item:not(.active):hover .bcorp-roadmap-icon::before {
    width: 40px;
    height: 40px;
}
.bcorp-roadmap-content {
    min-width: 0;
    opacity: .76;
    transition:
        opacity .35s ease,
        transform .35s ease;
}
.bcorp-roadmap-content strong {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    transition:
        font-size .35s ease;
}
.bcorp-roadmap-item.active .bcorp-roadmap-content {
    opacity: 1;
    transform: translateX(5px);
}
.bcorp-roadmap-item.active .bcorp-roadmap-content strong {
    font-size: 19px;
}
.bcorp-roadmap-item:not(.active):hover .bcorp-roadmap-content {
    opacity: 1;
}
.bcorp-feature {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 34px;
    border-left:
        1px solid
        rgba(255,255,255,.15);
    overflow: visible;
}
.bcorp-feature-number {
    position: absolute;
    top: -100px;
    right: -45px;
    color: rgba(255,255,255,.055);
    font-size: 230px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -18px;
    pointer-events: none;
    user-select: none;
    transition:
        opacity .3s ease,
        transform .5s ease;
}
.bcorp-feature.is-score .bcorp-feature-number {
    color: rgba(255,255,255,.035);
}
.bcorp-feature-content {
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity .3s ease,
        transform .35s ease;
}
.bcorp-feature.is-changing .bcorp-feature-content {
    opacity: 0;
    transform: translateY(12px);
}
.bcorp-feature.is-changing .bcorp-feature-number {
    opacity: 0;
    transform: translateY(-10px);
}
.bcorp-feature h3 {
    color: #fff;
    font-size: 29px;
    line-height: 1.16;
    font-weight: 700;
    margin: 0 auto;
    max-width: 270px;
    text-align: center;
}
.bcorp-score {
    position: relative;
    display: none;
    width: 100%;
    text-align: center;
}
.bcorp-feature.is-score .bcorp-normal-feature {
    display: none;
}
.bcorp-feature.is-score .bcorp-score {
    display: block;
}
.bcorp-celebration {
    width: 150px;
    height: 72px;
    margin: -18px auto 0;
    opacity: 0;
    pointer-events: none;
}
.bcorp-celebration svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}
.bcorp-trail {
    fill: none;
    stroke: #fff;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-dasharray: 180;
    stroke-dashoffset: 180;
}
.bcorp-trail.trail-2 {
    stroke: #c5165b;
}
.bcorp-star {
    fill: #fff;
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    transform: scale(0);
}
.bcorp-star.star-2 {
    fill: #c5165b;
}
.bcorp-star.small-2,
.bcorp-star.small-5 {
    fill: #c5165b;
}
.bcorp-score-label {
    margin-top: 1px;
    color: rgba(255,255,255,.72);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    opacity: 0;
    transform: translateY(8px);
}
.bcorp-score-result {
    margin-top: 8px;
    opacity: 0;
    transform: translateY(32px);
}
.bcorp-score-number {
    color: #fff;
    font-size: 82px;
    line-height: .9;
    font-weight: 700;
    letter-spacing: -4px;
    text-shadow:
        0 8px 22px
        rgba(0,0,0,.14);
}
.bcorp-score-benchmark {
    width: 100%;
    max-width: 260px;
    margin: 25px auto 0;
    opacity: 0;
    transform: translateY(8px);
}
.bcorp-benchmark-line {
    position: relative;
    height: 4px;
    margin: 0 8px 10px;
    background: rgba(255,255,255,.25);
    border-radius: 20px;
}
.bcorp-benchmark-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.25);
    border-radius: inherit;
}
.bcorp-benchmark-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: #c5165b;
    border-radius: 20px;
}
.bcorp-benchmark-start,
.bcorp-benchmark-end {
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    transform: translateY(-50%);
}
.bcorp-benchmark-start {
    left: 0;
    background: #fff;
    border: 3px solid #233361;
    box-shadow:
        0 0 0 2px
        rgba(255,255,255,.9);
}
.bcorp-benchmark-end {
    right: 0;
    background: #c5165b;
    border: 3px solid #233361;
    box-shadow:
        0 0 0 2px
        #c5165b;
}
.bcorp-benchmark-labels {
    display: flex;
    justify-content: space-between;
    text-align: left;
}
.bcorp-benchmark-label {
    display: flex;
    flex-direction: column;
    color: rgba(255,255,255,.64);
    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: .6px;
}
.bcorp-benchmark-label:last-child {
    text-align: right;
}
.bcorp-benchmark-label strong {
    margin-bottom: 2px;
    color: #fff;
    font-size: 17px;
    line-height: 1;
    letter-spacing: 0;
}
.bcorp-score-extra {
    margin-top: 17px;
    opacity: 0;
    transform: translateY(7px);
}
.bcorp-score-extra strong {
    display: block;
    color: #fff;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 700;
}
.bcorp-score-extra span {
    display: block;
    margin-top: 5px;
    color: rgba(255,255,255,.72);
    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .7px;
}
.bcorp-feature.score-animate .bcorp-score-label {
    animation:
        bcorpThresholdIn
        .5s .15s ease forwards;
}
.bcorp-feature.score-animate .bcorp-score-result {
    animation:
        bcorpScoreRoll
        .65s .8s
        cubic-bezier(.16,.8,.25,1)
        forwards;
}
.bcorp-feature.score-animate .bcorp-score-benchmark {
    animation:
        bcorpExtraIn
        .45s 2s ease forwards;
}
.bcorp-feature.score-animate .bcorp-benchmark-progress {
    animation:
        bcorpBenchmarkGrow
        .9s 2.15s
        cubic-bezier(.16,.8,.25,1)
        forwards;
}
.bcorp-feature.score-animate .bcorp-score-extra {
    animation:
        bcorpExtraIn
        .45s 2.9s ease forwards;
}
.bcorp-feature.score-animate .bcorp-celebration {
    animation:
        bcorpCelebrationAppear
        .1s 3.5s ease forwards;
}
.bcorp-feature.score-animate .trail-1 {
    animation:
        bcorpDrawTrail
        .55s 3.55s
        cubic-bezier(.2,.7,.25,1)
        forwards;
}
.bcorp-feature.score-animate .trail-2 {
    animation:
        bcorpDrawTrail
        .6s 3.7s
        cubic-bezier(.2,.7,.25,1)
        forwards;
}
.bcorp-feature.score-animate .trail-3 {
    animation:
        bcorpDrawTrail
        .62s 3.85s
        cubic-bezier(.2,.7,.25,1)
        forwards;
}
.bcorp-feature.score-animate .star-1 {
    animation:
        bcorpStarPop
        .42s 4s
        cubic-bezier(.2,1.5,.4,1)
        forwards;
}
.bcorp-feature.score-animate .star-2 {
    animation:
        bcorpStarPop
        .45s 4.15s
        cubic-bezier(.2,1.5,.4,1)
        forwards;
}
.bcorp-feature.score-animate .star-3 {
    animation:
        bcorpStarPop
        .45s 4.3s
        cubic-bezier(.2,1.5,.4,1)
        forwards;
}
.bcorp-feature.score-animate .small-1 {
    animation:
        bcorpStarPop
        .32s 4.1s ease-out forwards;
}
.bcorp-feature.score-animate .small-2 {
    animation:
        bcorpStarPop
        .32s 4.2s ease-out forwards;
}
.bcorp-feature.score-animate .small-3 {
    animation:
        bcorpStarPop
        .32s 4.33s ease-out forwards;
}
.bcorp-feature.score-animate .small-4 {
    animation:
        bcorpStarPop
        .32s 4.43s ease-out forwards;
}
.bcorp-feature.score-animate .small-5 {
    animation:
        bcorpStarPop
        .32s 4.53s ease-out forwards;
}
.bcorp-feature.score-animate .small-6 {
    animation:
        bcorpStarPop
        .32s 4.63s ease-out forwards;
}
.bcorp-feature.score-animate .small-7 {
    animation:
        bcorpStarPop
        .32s 4.73s ease-out forwards;
}
@keyframes bcorpThresholdIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes bcorpCelebrationAppear {
    to {
        opacity: 1;
    }
}
@keyframes bcorpDrawTrail {
    from {
        stroke-dashoffset: 180;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes bcorpStarPop {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    65% {
        opacity: 1;
        transform: scale(1.3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes bcorpScoreRoll {
    0% {
        opacity: 0;
        transform: translateY(32px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes bcorpExtraIn {
    from {
        opacity: 0;
        transform: translateY(7px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes bcorpBenchmarkGrow {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}
@media (max-width: 1199px) {
    .bcorp-journey-intro {
        padding-right: 45px;
    }
    .bcorp-roadmap {
        padding: 34px;
    }
    .bcorp-roadmap-inner {
        grid-template-columns: 58% 42%;
    }
    .bcorp-feature {
        padding-left: 24px;
    }
    .bcorp-feature h3 {
        font-size: 26px;
    }
    .bcorp-feature-number {
        font-size: 190px;
    }
    .bcorp-score-number {
        font-size: 72px;
    }
}
@media (max-width: 991px) {
    .bcorp-journey-wrap {
        padding: 55px 0;
    }
    .bcorp-journey {
        display: block;
    }
    .bcorp-journey-intro {
        padding-right: 15px;
        margin-bottom: 45px;
    }
    .bcorp-journey h2 {
        font-size: 2.25em;
    }
    .bcorp-roadmap {
        height: 520px;
    }
}
@media (max-width: 575px) {
    .bcorp-roadmap {
        height: auto;
        padding: 30px 24px;
    }
    .bcorp-roadmap-inner {
        display: block;
    }
    .bcorp-roadmap-list {
        padding-right: 0;
    }
    .bcorp-feature {
        min-height: 370px;
        margin-top: 28px;
        padding: 30px 0 0;
        border-left: 0;
        border-top:
            1px solid
            rgba(255,255,255,.15);
        overflow: hidden;
    }
    .bcorp-feature-number {
        top: -45px;
        right: -20px;
        font-size: 150px;
    }
    .bcorp-feature h3 {
        font-size: 27px;
    }
    .bcorp-score-number {
        font-size: 68px;
    }
    .bcorp-score-benchmark {
        max-width: 250px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bcorp-score-label,
    .bcorp-celebration,
    .bcorp-trail,
    .bcorp-star,
    .bcorp-score-result,
    .bcorp-score-benchmark,
    .bcorp-benchmark-progress,
    .bcorp-score-extra {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
    .bcorp-trail {
        stroke-dashoffset: 0 !important;
    }
    .bcorp-benchmark-progress {
        width: 100% !important;
    }
}
.bcorp-darren-section {
    position: relative;
    padding: 110px 0;
    background-image:
        linear-gradient(90deg, rgba(35,51,97,.90), rgba(35,51,97,.35)), url('https://eu.evocdn.io/dealer/1037/content/media/Darren-Quote.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.bcorp-darren-card {
    position: relative;
    max-width: 760px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 28px;
    padding: 60px 60px 55px;
    box-shadow: 0 24px 65px rgba(0,0,0,.22);
}
.bcorp-darren-quote-open,
.bcorp-darren-quote-close {
    position: absolute;
    z-index: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
    line-height: .7;
    color: #f0f1f4;
    pointer-events: none;
    user-select: none;
}
.bcorp-darren-quote-open {
    top: 60px;
    left: 18px;
    font-size: 300px;
}
.bcorp-darren-quote-close {
    right: 10px;
    bottom: -45px;
    font-size: 300px;
}
.bcorp-darren-content {
    position: relative;
    z-index: 2;
}
.bcorp-darren-content blockquote {
    margin: 0;
    padding: 0;
    border: 0;
}
.bcorp-darren-content blockquote p {
    margin: 0 0 24px;
    color: #233361;
    font-size: 21px;
    line-height: 1.55;
    font-weight: 600;
}
.bcorp-darren-content blockquote p:last-child {
    margin-bottom: 0;
}
.bcorp-darren-author {
    display: flex;
    flex-direction: column;
    margin-top: 34px;
}
.bcorp-darren-author strong {
    color: #c5165b;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 700;
}
.bcorp-darren-author span {
    margin-top: 3px;
    color: #939598;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
}
@media (max-width: 991px) {
    .bcorp-darren-section {
        padding: 70px 0;
        background-attachment: scroll;
    }
    .bcorp-darren-card {
        max-width: 680px;
        padding: 52px 45px 48px;
    }
    .bcorp-darren-content blockquote p {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .bcorp-darren-section {
        padding: 60px 0;
    }
    .bcorp-darren-card {
        max-width: none;
        padding: 46px 30px 40px;
        border-radius: 22px;
    }
    .bcorp-darren-content blockquote p {
        font-size: 18px;
        line-height: 1.55;
    }
    .bcorp-darren-quote-open {
        top: 42px;
        left: 4px;
        font-size: 220px;
    }
    .bcorp-darren-quote-close {
        right: 0;
        bottom: -25px;
        font-size: 220px;
    }
    .bcorp-darren-author {
        margin-top: 28px;
    }
    .bcorp-darren-author strong {
        font-size: 18px;
    }
    .bcorp-darren-author span {
        font-size: 14px;
    }
}
.bcorp-meaning-section {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background: #ffffff;
}
.bcorp-meaning-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
    align-items: stretch;
    gap: 60px;
}
.bcorp-meaning-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
}
.bcorp-meaning-intro {
    margin-bottom: 28px;
}
.bcorp-meaning-intro h2 {
    margin: 0 0 18px;
    color: #939598;
    font-size: 2.75em;
    line-height: 1.15;
    font-weight: 700;
    text-align: left;
}
.bcorp-meaning-intro .intro-text {
    max-width: 700px;
    margin: 0;
    line-height: 1.7;
    text-align: left;
}
.bcorp-benefits {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.bcorp-benefit {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 0;
    border-bottom: 2px solid #e7ecee;
}
.bcorp-benefit:last-child {
    border-bottom: none;
}
.bcorp-benefit > i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #b61359;
    color: #ffffff;
    font-size: 18px;
    box-shadow: 0 7px 18px rgba(182,19,89,.14);
}
.bcorp-benefit-content {
    flex: 1;
}
.bcorp-benefit h3 {
    margin: 0 0 4px;
    color: #233361;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
    text-align: left;
}
.bcorp-benefit p {
    margin: 0;
    line-height: 1.55;
    text-align: left;
}
.bcorp-meaning-summary {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 2px solid #e7ecee;
}
.bcorp-meaning-summary p {
    margin: 0;
    color: #233361;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 600;
    text-align: left;
}
.bcorp-meaning-logo {
    position: relative;
    z-index: 1;
    min-width: 0;
    min-height: 100%;
}
.bcorp-meaning-logo img {
    position: absolute;
    top: 50%;
    left: -20px;
    width: auto;
    height: 100%;
    max-width: none;
    transform: translateY(-50%);
    opacity: .15;
}
@media (max-width: 1200px) {
    .bcorp-meaning-layout {
        grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
        gap: 45px;
    }
    .bcorp-meaning-logo img {
        left: -10px;
        height: 94%;
    }
}
@media (max-width: 991px) {
    .bcorp-meaning-section {
        padding: 75px 0;
    }
    .bcorp-meaning-layout {
        grid-template-columns: minmax(0, 1.35fr) minmax(230px, .65fr);
        gap: 35px;
    }
    .bcorp-meaning-logo img {
        left: 0;
        height: 88%;
    }
}
@media (max-width: 767px) {
    .bcorp-meaning-section {
        padding: 60px 0;
    }
    .bcorp-meaning-layout {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .bcorp-meaning-content {
        width: 100%;
        max-width: none;
    }
    .bcorp-meaning-intro {
        margin-bottom: 15px;
    }
    .bcorp-meaning-intro h2 {
        margin-bottom: 15px;
        font-size: 2.2em;
    }
    .bcorp-meaning-intro .intro-text {
        line-height: 1.7;
    }
    .bcorp-benefit {
        gap: 15px;
        padding: 17px 0;
    }
    .bcorp-benefit > i {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
        font-size: 17px;
    }
    .bcorp-benefit h3 {
        font-size: 19px;
    }
    .bcorp-benefit p {
        line-height: 1.5;
    }
    .bcorp-meaning-summary {
        margin-top: 20px;
        padding-top: 20px;
    }
    .bcorp-meaning-summary p {
        font-size: 16px;
    }
    .bcorp-meaning-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 0;
        padding-top: 10px;
    }
    .bcorp-meaning-logo img {
        position: relative;
        top: auto;
        left: auto;
        width: 260px;
        height: auto;
        max-width: 75%;
        transform: none;
        opacity: .15;
    }
}
.bcorp-story-section {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 720px;
    padding: 90px 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.bcorp-story-local {
    background-image: linear-gradient( 90deg, rgba(35,51,97,.90), rgba(35,51,97,.35)), url('https://eu.evocdn.io/dealer/1037/content/media/Oxford.jpg');
    background-size: cover;
    background-position: center;
}
.bcorp-story-panel {
    position: relative;
    width: 100%;
    max-width: 650px;
    padding: 55px;
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 24px 65px rgba(0,0,0,.18);
}
.bcorp-story-panel-left {
    margin-right: auto;
}
.bcorp-story-panel h2 {
    margin: 0 0 26px;
    color: #939598;
    font-size: 2.75em;
    line-height: 1.1;
    font-weight: 700;
    text-align: left;
}
.bcorp-story-panel p {
    margin: 0 0 20px;
    line-height: 1.7;
    text-align: left;
}
.bcorp-story-panel p:last-child {
    margin-bottom: 0;
}
.bcorp-local-stat {
    display: flex;
    align-items: center;
    gap: 22px;
    margin: 30px 0;
    padding: 24px 0;
    border-top: 2px solid #e7ecee;
    border-bottom: 2px solid #e7ecee;
}
.bcorp-local-stat strong {
    flex: 0 0 auto;
    color: #b61359;
    font-size: 58px;
    line-height: 1;
    font-weight: 700;
}
.bcorp-local-stat span {
    max-width: 320px;
    color: #233361;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 600;
}
@media (max-width: 767px) {
    .bcorp-story-section {
        min-height: 0;
        padding: 300px 20px 30px;
        background-position: center top;
    }
    .bcorp-story-section .container {
        padding: 0;
    }
    .bcorp-story-panel {
        max-width: none;
        padding: 38px 30px;
        border-radius: 22px;
    }
    .bcorp-story-panel h2 {
        font-size: 2.2em;
    }
    .bcorp-local-stat {
        gap: 16px;
    }
    .bcorp-local-stat strong {
        font-size: 48px;
    }
    .bcorp-local-stat span {
        font-size: 15px;
    }
}
.bcorp-story-section {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 720px;
    padding: 90px 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.bcorp-story-customers {
    background-image:
        linear-gradient(270deg, rgba(35,51,97,.90), rgba(35,51,97,.35)), url('https://eu.evocdn.io/dealer/1037/content/media/Office.jpg');
    background-size: cover;
    background-position: center;
}
.bcorp-story-panel {
    position: relative;
    width: 100%;
    max-width: 650px;
    padding: 55px;
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 24px 65px rgba(0,0,0,.18);
}
.bcorp-story-panel-right {
    margin-left: auto;
}
.bcorp-story-panel h2 {
    margin: 0 0 26px;
    color: #939598;
    font-size: 2.75em;
    line-height: 1.1;
    font-weight: 700;
    text-align: left;
}
.bcorp-story-panel p {
    margin: 0 0 20px;
    line-height: 1.7;
    text-align: left;
}
.bcorp-story-panel p:last-of-type {
    margin-bottom: 0;
}
.bcorp-story-statement {
    margin-top: 32px;
    padding-top: 26px;
    border-top: 2px solid #e7ecee;
    color: #233361;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
}
@media (max-width: 767px) {
    .bcorp-story-section {
        min-height: 0;
        padding: 300px 20px 30px;
        background-position: center top;
    }
    .bcorp-story-section .container {
        padding: 0;
    }
    .bcorp-story-panel {
        max-width: none;
        padding: 38px 30px;
        border-radius: 22px;
    }
    .bcorp-story-panel h2 {
        font-size: 2.2em;
    }
    .bcorp-story-statement {
        font-size: 20px;
    }
}
.bcorp-story-section {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 720px;
    padding: 90px 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.bcorp-story-future {
    min-height: 820px;
    background-image: linear-gradient(90deg, rgba(35,51,97,.90), rgba(35,51,97,.35)), url('https://eu.evocdn.io/dealer/1037/content/media/Team3.jpg');
    background-size: cover;
    background-position: center;
}
.bcorp-story-panel {
    position: relative;
    width: 100%;
    max-width: 650px;
    padding: 55px;
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 24px 65px rgba(0,0,0,.18);
}
.bcorp-story-panel-left {
    margin-right: auto;
}
.bcorp-story-panel-future {
    max-width: 700px;
}
.bcorp-story-panel h2 {
    margin: 0 0 26px;
    color: #939598;
    font-size: 2.75em;
    line-height: 1.1;
    font-weight: 700;
    text-align: left;
}
.bcorp-story-panel p {
    margin: 0 0 20px;
    line-height: 1.7;
    text-align: left;
}
.bcorp-story-panel p:last-of-type {
    margin-bottom: 0;
}
.bcorp-future-message {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    padding-top: 28px;
    border-top: 2px solid #e7ecee;
}
.bcorp-future-message strong {
    color: #b61359;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
}
.bcorp-future-message span {
    margin-top: 10px;
    color: #233361;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
}
@media (max-width: 767px) {
    .bcorp-story-section,
    .bcorp-story-future {
        min-height: 0;
        padding: 300px 20px 30px;
        background-position: center top;
    }
    .bcorp-story-section .container {
        padding: 0;
    }
    .bcorp-story-panel,
    .bcorp-story-panel-future {
        max-width: none;
        padding: 38px 30px;
        border-radius: 22px;
    }
    .bcorp-story-panel h2 {
        font-size: 2.2em;
    }
    .bcorp-future-message strong {
        font-size: 27px;
    }
    .bcorp-future-message span {
        font-size: 18px;
    }
}
/* B CORP CONTENT */
/********** FINISH **********/