.w3-animate-fading {
  animation: opac 0.8s;
}

@keyframes opac {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

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

.paddingl {
  padding-left: 10vw;
}

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

@media only screen and (min-width: 769px) {
.transformscale:hover {
  transform: scale(0.9);
  transition: 1s;
}
  

  


.paddingtb2 {
  padding-top: 2vw;
  padding-bottom: 2vw;
}
  
.paddingt {
  padding-top: 1vw;
}
  
.paddingt2 {
  padding-top: 2vw;
}
  
.padding2 {
  padding: 2vw;
}
  
.padding3 {
  padding: 3vw;
}  
  
.dflex {
  display: flex;
  } 
  
.dflexcen {
	display: flex;
    justify-content: center;
}
  
.dflexcent {
	display: flex;
    align-items: center;
}    
  
body > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div.dflex > div {
  display: flex;
  z-index: 1;
}
}

/* Added by OF - Tender Evidence */
.ex-name-corporatesocialresponsibility h2 {
    color: #00653a;
  	font-weight: bold;
}

.ex-name-corporatesocialresponsibility h3 {
    color: #00653a;
  	font-weight: bold;
}
  
#merchandisingcontent_267322 > section > section > div > h3 {
  color: white;
  font-weight: bold;
}
  
.ex-name-corporatesocialresponsibility h4 {
    color: #00653a;
  	font-weight: bold;
}  

@media only screen and (max-width: 769px) {
.mcenter {
	text-align: center;
}
  
.mmarginb5 {
  margin-bottom: 5vw;
  }
  
.paddingtb2 {
  padding-top: 4vw;
  padding-bottom: 4vw;
}
  
#contentblock_267681 > div > p > img, #contentblock_267687 > div > p > img, #contentblock_267688 > div > p > img, #contentblock_267689 > div > p > img { 
  padding-bottom: 5%;
  padding-top: 5%;
  width: 65%;
}   
}

@media only screen and (min-width: 769px) {  
.ex-name-corporatesocialresponsibility > div.page-content.onecolumn > section.catalog-grid > div {
  margin: 0;
  padding: 0;
  width: 99vw;
}
  
.ex-name-corporatesocialresponsibility h2 {
	font-size: 2.5vw;
    font-weight: bold;
    color: #00653a;
    font-family: 'Gotham-bold';
}

.ex-name-corporatesocialresponsibility h3 {
	font-size: 1.2vw;
    font-weight: bold;
    color: #00653a;
    font-family: 'Gotham-bold';
}
  
#merchandisingcontent_267322 > section > section > div > h3 {
  color: white;
}
  
.ex-name-corporatesocialresponsibility h4 {
	font-size: 1vw;
    font-weight: bold;
    color: #00653a;
    font-family: 'Gotham-bold';
}  

#contentblock_267319, #contentblock_267320, #contentblock_267321,
#contentblock_267681, #contentblock_267687, #contentblock_267688, #contentblock_267689 {
  width: 25%;
}
  
#contentblock_267681, #contentblock_267687, #contentblock_267688, #contentblock_267689 {
  display: flex;
} 
  
#contentblock_267681 > div > p > img, #contentblock_267687 > div > p > img, #contentblock_267688 > div > p > img, #contentblock_267689 > div > p > img { 
  padding-bottom: 10%;
  padding-top: 5%;
}
  
#contentblock_267316 > div > p {
  font-size: 1.2vw;
}  

#contentblock_267316 {
  display: flex;
}
  
#contentblock_267316 > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
  
#contentblock_267328 > div, #contentblock_267345 > div {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
  
.ex-name-corporatesocialresponsibility .ribbon-wrapper.g4244.b2023 .ribbon,
.ex-name-corporatesocialresponsibility .ribbon-wrapper.g4247.b2035 .ribbon,
.ex-name-corporatesocialresponsibility .ribbon-wrapper.b2022 .ribbon,
.ex-name-corporatesocialresponsibility .ribbon-wrapper.g4242.b2024 .ribbon { 
  width: 100%!important;
}
  
#contentblock_267328, #contentblock_267345 {
	display: flex;
    align-items: stretch;
  }

.borderr25 {
  border-radius: 25px;
}

.ex-name-corporatesocialresponsibility p {
    font-weight: 600;
}

.greyback2 {
  background: #f4f1ec;
  margin-top: 4vw;
  margin-bottom: 1vw;
  margin-right: -4vw;
  border-radius: 20px 0px 0px 20px;
}


.greyback3 {


  background: #f4f1ec;
  margin-top: 3vw;
  margin-bottom: 0vw;
  margin-right: 10vw;
  border-radius: 20px 20px 0px 0px;
  margin-left: 10vw;
}

.greyback4 {
  background: #f4f1ec;
  margin-top: 0vw;
  margin-bottom: 0vw;
  margin-right: 10vw;
  border-radius: 0px 0px 20px 20px;
  margin-left: 10vw;
  padding-bottom: 2vw;
}

.greyback5 {
    background: #f4f1ec;
    margin-top: 0vw;
    margin-bottom: 0vw;
    margin-right: 10vw;
    margin-left: 10vw;
}
  
.greyback6 {
    background: #f4f1ec;
    margin-top: 0vw;
    margin-bottom: 3vw;
    margin-right: 10vw;
    border-radius: 0px 0px 20px 20px;
    margin-left: 10vw;
}

.ygreylineback {
  background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Loss of Tender - Sustainability Evidence/statistic-section.png");
  background-position: center;
  background-size: contain;
}
}

#contentblock_267316 > div > p, #contentblock_267319 > div > p, #contentblock_267320 > div > p, #contentblock_267321 > div > p {
  color: #00653a;
}

.merchandisingcontent_container h3 {
    border-bottom: 0px solid;
}

#contentblock_267318 > div > p:nth-child(3) > strong {
  font-family: 'Gotham-bold';
}

#merchandisingcontent_267322 > section > section > div > div > div.owl-stage-outer > div.owl-gradient {
  display: none;
}

.ex-name-corporatesocialresponsibility .catalog-grid .tile .footer a, .ex-name-corporatesocialresponsibility .product-sku {
  color: white;
}

/* Added by OF - Furniture Fit Out Refurb */

.greenbox {
  background: #00653a;
  padding: 1vw;
}  

.paddingb {
  padding-bottom: 1.5vw;
  }  

@media only screen and (max-width: 767px) {  
.btn-primary {
  text-wrap: balance;
}
  
#contentblock_215665 {
  padding: 8vw;
  }  
}

@media only screen and (min-width: 768px) {  
#contentblock_232861, #contentblock_232862, #contentblock_232863, #contentblock_232864, #contentblock_232865 {
  width: 20%;
  }
  
.greyback {
  background: #f4f1ec;
  padding: 1vw;
  margin-left: -14vw;
  margin-right: -14vw;
  }
  
#contentblock_232858 > div > p:nth-child(1) > strong > span {
  font-size: 26px;
  }  
  
.pcategories {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
  
}


body > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div.dflexcen > div {
	display: flex;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
body > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div.dflexcen > div {
	display: flex;
    justify-content: center;
    flex-direction: column;
}
}


/* Added by OF - 2024 Homepage Refresh */

/* Added by OF - FONTS */

@font-face {
  font-family: 'Gotham-bold';
  src: url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/2024 Refresh/gotham-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-light';
  src: url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/2024 Refresh/gotham-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
 }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Gotham-bold'; 
}

body, p {
	font-family: 'Gotham-light'; 
}

/* Added by OF - FONTS - DESKTOP */
@media only screen and (min-width: 768px) {  
.ex-home h1 {
	font-family: 'Gotham-bold';  
	font-size: 3vw;
}

.ex-home h2 {
	font-family: 'Gotham-bold';  
	font-size: 2.5vw;
}

.ex-home h3 {
	font-family: 'Gotham-bold';  
	font-size: 1.2vw;
}
  
#merchandisingcontent_216635 > section > section > div > h3 {
	font-family: 'Gotham-bold';  
	font-size: 2.5vw;
	color: #00653a;
}

.ex-home h4 {
	font-family: 'Gotham-bold';  
	font-size: 1vw;
    color: #00653a;
}

.ex-home p {
	font-family: 'Gotham-light'; 
	font-size: 1.2vw;
  	line-height: 1.3;
}
}

/* Added by OF - FONTS - MOBILE */
@media only screen and (max-width: 769px) {
  .ex-home h1 {
	font-family: 'Gotham-bold';  
	font-size: 8vw;
}

.ex-home h2 {
	font-family: 'Gotham-bold';  
	font-size: 4.5vw;
}
  
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(7) > div > h2,
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(7) > div > h2 > strong,
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(9) > div > h2 {
  color: white;
}

.ex-home h3 {
	font-family: 'Gotham-bold';  
	font-size: 3vw;
}

#merchandisingcontent_216635 > section > section > div > h3,
.ex-home > div.page-content.container.mobile.onecolumn > div > div.col.col-sm-12.merchandisingcontent_container.mobile-widget-wrapper > section > section > div > h3 {
	font-family: 'Gotham-bold';  
	font-size: 3vw;
	color: #00653a;
}
  
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(7) > div > table > tbody > tr > td:nth-child(1) > h3,
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(7) > div > table > tbody > tr > td:nth-child(2) > h3,
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(7) > div > table > tbody > tr > td:nth-child(3) > h3 {
  color: white;
}

.ex-home h4 {
	font-family: 'Gotham-bold';  
	font-size: 6vw;
    color: #00653a;
}

.ex-home p {
	font-family: 'Gotham-light'; 
	font-size: 3.2vw;
}
  
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(7) > div > p {
  color: white;
}
  
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(9) { 
	color: white;
}
}

/* Added by OF - FOOTER 2024 - DESKTOP */
footer h4, #menulinks_223688 > section > h4, #menulinks_223689 > section > h4 {
	color: white!important;
}

footer {
    padding-top: 3vw;
}

#newsletters_223839 >  h2, .subscr-widget h2, .subscr-widget p.p-style2 {
  color: white!important;
  font-size: 1vw;
  margin-top: 0px;
}

#newsletters_223839 > section {
    background: #00653a !important;
    border-top: 0px solid #e6e6e6;
    box-shadow: 0px 0px 0px 0px #e6e6e6;
    padding: 0px 0;
}

#newsletters_223839 > section > div {
  width: 100%;
}

#menulinks_223838 > section > ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#menulinks_223838 {
  margin-top: 1%;
}

body > footer > div.container.footersection-2 {
  background: black;
  width: 100%;
  padding-left: 12vw;
  padding-right: 12vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}

#contentblock_223840 > div > p:nth-child(2) {
    font-size: 1vw;
    line-height: 1em;
    padding-top: 3%;
}

#newsletters_223839 > section > div > div > div.col-lg-7.col-md-8.col-sm-8 > form > div.form-group > input {
  background: transparent;
  color: white!important;
  border-color: #ffffff!important;
  border-radius: 30px;
}

#newsletters_223839 > section > div > div > div.col-lg-7.col-md-8.col-sm-8 > form > div.form-group > button {
  right: -25px;
  top: -4px;
}

#newsletters_223839 > section > div > div > div.col-lg-7.col-md-8.col-sm-8 > p {
  color: white;
  font-size: 1em;
}

body > footer > div.container.footersection-1 {
  padding-bottom: 1%;
}

/* Added by OF - FOOTER 2024 - MOBILE */
@media only screen and (max-width: 769px) {
footer {
    padding-top: 3vw;
}
}

/* Added by OF - HOMEPAGE - MOBILE */
@media only screen and (max-width: 769px) {
  .ex-home > section.zonetop > div.contentblock_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 10vh 10vw;
  }


} 

.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(9) > div > table > tbody > tr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
  
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(9) > div > table > tbody > tr > td:nth-child(1),
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(9) > div > table > tbody > tr > td:nth-child(2),
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(9) > div > table > tbody > tr > td:nth-child(3),
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(9) > div > table > tbody > tr > td:nth-child(4) {
  width: 50%!important;  
}


/* Added by OF - HOMEPAGE - DESKTOP */

/* Safari */
@media not all and (min-resolution:.001dpcm) {
@media {
.ex-home > section.zonetop > div.contentblock_container {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
    align-items: center;
    margin-bottom: 50vh;
    margin-top: 50vh!important;
    padding-left: 25vw;
    padding-right: 25vw;
}
}
}

@supports (-webkit-hyphens: none) {
  .ex-home > section.zonetop > div.contentblock_container {
    margin-top: 50vh!important;
  }
}

/*Reset Safari User Agent Styles*/
* {-webkit-padding-start: 0px;}

/* Chrome */
@media only screen and (min-width: 770px) {
.ex-home > section.zonetop > div.contentblock_container {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
    align-items: center;
    margin-bottom: 50vh;
    margin-top: 24vh;
    padding-left: 25vw;
    padding-right: 25vw;
}
  
#singlebanner_276219 > div > div > img.responsive.deskimg {
  height: 400px;
  }
  
#contentblock_216634 {
  padding-right: 15%;
  }  
}


.ex-home > div.page-content.container.mobile.onecolumn > div > div.col.col-sm-12.col-xs-12.dflex1 > div {
  display: flex;
  flex-direction: column;
}

.ex-home > div.page-content.container.mobile.onecolumn > div > div.col.col-sm-12.col-xs-12.dflex1 > div > div.col.col-sm-12.singlebanner_container.mobile-widget-wrapper > div > div > img.responsive.mobileimg {
	width: 100%;
}
  
.ex-home > header {
	margin-bottom: -43vh;
	background-color: transparent;
}

.ex-home #headermenu_187799 > nav,
.ex-home #headermenu_187799 > nav > div {
	background-color: transparent;
}

.ex-home > div.page-content.onecolumn > section.zonetop, .ex-home > section.zonetop {
	background: linear-gradient(90deg, #00000075), url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/2024 Refresh/Recorra Bike Delivery Homepage-V3.jpg");
	background-repeat: no-repeat;
    background-size: cover;
  	background-position: center;
  	height: 120vh;
}

.ex-home > div.page-content.onecolumn > section.catalog-grid > div,
.ex-home > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12,
.ex-home > div.desktop > div {
  width: 100%;
}

/* Added by OF - HOMEPAGE - MOBILE Body Width */
@media only screen and (max-width: 769px) {
.ex-home > div.page-content.container.mobile.onecolumn {
  padding-left: 5vw;
  padding-right: 5vw;
  padding-top: 5vw;
}
}

.ex-home > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(1),
.ex-home > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(3),
.ex-home > div.desktop > div > div > div > div:nth-child(1),
.ex-home > div.desktop > div > div > div > div:nth-child(3) {
	padding-top: 6vh;
    padding-bottom: 6vh;
}

#contentblock_216626:hover, #contentblock_216627:hover, #contentblock_216628:hover,
#contentblock_216629:hover, #contentblock_216630:hover, #contentblock_216631:hover {
	transform: scale(0.9);
	transition: 0.4s;
}
@media only screen and (min-width: 770px) {
.ex-home > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(2),
.ex-home > div.desktop > div > div > div > div:nth-child(2),
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(7) {
	background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/2024 Refresh/background example.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	margin-left: -4vw;
    margin-right: -4vw;
    padding: 10vw;
  	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
}

@media only screen and (max-width: 769px) {
.ex-home > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(2),
.ex-home > div.desktop > div > div > div > div:nth-child(2),
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(7) {
	background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/2024 Refresh/background example.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10vw;
  	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
}

#contentblock_216634 > div > h2, #contentblock_216634 > div > table > tbody > tr > td:nth-child(n+1) > h3, #contentblock_216634 > div > p {
	color: white;
}

#contentblock_216634 > div > table {
	margin-top: 4vw;
    margin-bottom: 4vw;
}

.ex-home .owl-carousel.owl-drag .owl-item {
	border: black;
    border-width: 1px;
    border-style: solid;
    margin-right: 1vw;
}

.ex-home > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(4),
.ex-home > div.desktop > div > div > div > div:nth-child(4),
.ex-home > div.page-content.container.mobile.onecolumn > div > div:nth-child(9) {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/2024 Refresh/DSC00078.JPG");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	margin-left: -4vw;
    margin-right: -4vw;
    padding: 10vw;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#contentblock_216636 > div > table > tbody {
	vertical-align: top;
}

#contentblock_216636 > div > h2, #contentblock_216636 > div > p, #contentblock_216636 > div > table > tbody > tr > td:nth-child(n+1) > p {
	color: white;
}

/* Added by OF - HEADER 2024 - MOBILE */
@media only screen and (max-width: 768px) {
.ex-home > header > div.header-mobile > div.header-menu > div > a > i {
  color: white;
  }

.header-mobile {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
      	background: #00653A!important;  
}
  
header .header-mobile {
  background: #00653A!important;  
}
  
body > header > div.header-mobile {
  background: #00653A;  
}
}

/* Added by OF - HEADER 2024 - DESKTOP */
@media only screen and (min-width: 769px) {
body > header,
#shoppingtools_187796 > div > div > div > a > i,
.welcome-message strong,
#shoppingtools_187796 > div > div > div > div > div.form-group.pointer > a,
.dropdown .pointer a,
.fa-shopping-bag::before,
#minicart_187797 > div > div > a > b.no-price,
#htmlcontent_187798 > div > p > a,
.toolbar .account-btn .user-icon,
.toolbar .cart-btn > .btn b,
.headContb p a,
.loggedin .account-btn span .welcome-message,
.toolbar a i,
.toolbar a span,
body > header > div.header-mobile > div.header-menu > div > a > i,
#shoppingtools_217288 > div > div > a > span > span.welcome-message.line1,
.loggedin .account-btn span .welcome-message:first-of-type {
  color: white!important;
}
}

header {
    background-image: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/2024 Refresh/WebHeader-OfficeSupplies-EvoX.jpg");
    background-repeat: no-repeat;
    background-color: #ffffff;
  	background-size: cover;
    background-position: center;
}
  
section.search {
  color: #000000
}
  
#searchtags > div > div > div > button > i {
	color: #a7a9ac;
}

.ex-home .menu .catalog-block, .ex-home .menu {
	background: transparent;
}
  
.ex-home #headermenu_217296 > nav {
  background: transparent;
}

.ex-home #headermenu_217274 > nav > div > div {
	text-align: center;
}

header .header-mobile .cd-dropdown-trigger-mobile i, header .header-mobile .header-right a {
    color: #ffffff;
}



/* Rocketbook Content Page Amends */
.ex-name-rocketbook div.page-content.onecolumn > section.zonetop > div:nth-child(4) {
	padding-top: 0%!important;
}

/* HERO SECTION TEST */
.bannerGrid.nFlex{
    align-items:stretch;
    margin:0 0 70px;
}

.bannerGrid > div{
    max-width:16.6%;
}

.bannerGrid > div.bannerMain{
     max-width:48.7%;
     width:100%;
     margin:0;
}

.bannerMain .slick-dots li button:before{
     font-size: 26px;
}
.bannerMain  .slick-dots{
    bottom: 5px;
}

.bannerGrid .nFlex{
    flex-direction:column;
}

.bannerGrid img{
    display:block;
}

.bgBanner{
    position:relative;
    transition: 0.35s all;
}

.bgBanner:hover,
.hbAccount:hover,
.dealsBanner:hover {
  opacity:0.7;
}
.hbAccount,
.dealsBanner {
  transition: 0.35s all;
}


/* added by EvoX */
/* increased the qty field on products for larger values */
input.form-control.inputquantity, input.quantity.form-control, input.minicart_qty {
    width: 55px !important;
}

/*amendment to contract list price display */
.label {
    font-size: 115%;
}
/* End */

.account-btn.btn-outlined-invert.logged-out{
    display:flex;
}

.header-full .menu .catalog > li{
    display:inline-block !important;
}

.menu.expanded .catalog .submenu .submenucontainer > li > a img {
	margin-right: 10px;
}

.menu.expanded .catalog li .submenu .submenucontainer{
    flex-flow:wrap;
}

.welcome-message strong{
    color:#333333;
}

.homeBoxes .row{
    /*border-top:1px solid #ddd;*/
}

.homeBoxes .row > div{
    /* border-right:1px solid #ddd;*/
}

.homeBoxes .row a{
    border:1px solid #ddd;
    display:block;
    padding:10px;
    margin:10px;
    transition:0.25s all;
}

.homeBoxes .row a:hover{
    border-color:#128e51;
}

.homeBoxes .row img{
    max-width:150px;
}

.homeBoxes p{
  font-size:20px;
  text-align:center;
}

#singlebanner_187902 > div {
  margin-bottom: 0;
  margin-top: 0;
}

.quoteStrip{
    padding:70px 0;
}
.quoteStrip h2 {
  font-weight: 400;
  margin: 0;
  color: #fff;
  font-size:24px;
  line-height:24px;
  text-transform:none;
  font-family:"Source Sans Pro", sans-serif;
}
.quoteStrip h2 span {
  color: #fff;
  font-weight: 700;
}
.quoteStrip [data-words] {
  vertical-align: top;
}
.quoteStrip [data-words] > span {
  position: absolute;
}

.footTel, .footEmail {
	padding: 0 0 0 30px;
	font-weight: 700;
	margin: 10px 0;
}

.footEmail {
	background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Theme/pp-foot-cont-email.png") no-repeat scroll left center;
}

.footTel {
	background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Theme/pp-foot-cont-tel.png") no-repeat scroll left center;
}

ul.footer-links li a {
	padding: 5px 0;
	border-bottom: 2px dotted #3d9a6c;
	display: block;
	background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Theme/pp-foot-li.png") no-repeat scroll right center;
	font-size: 15px;
}

ul.footer-links {
	padding: 0;
}

.footer-links li {
	list-style-type: none;
}

.footSoc p span {
	font-size: 12px;
	font-weight: 400;
}

.footSoc p {
	font-weight: 700;
	line-height: 16px;
	margin: 0;
}

.footSoc img {
	transition: 0.25s all;
	background: #128e51;
	border-radius: 3px;
	margin-right: 10px;
}

.footSoc:hover img {
	background: #fda127;
}


.footSoc .nFlex {
	justify-content: flex-start;
	margin: 20px 0;
}

.fsWrap {
	margin-top: 40px;
}

#footLogo {
	min-width: 120px;
	margin-right: 10px;
}

@media only screen and (min-width: 768px) {
.footersection-2 {
  width: 1450px;
  padding-bottom: 1%;
}
}

.footersection-3 .footersection-3{
    padding-top:50px;
    padding-bottom:50px;
    font-family:"Lato", sans-serif;
}

.footersection-3 p{
    font-size:16px;
}

.footersection-3 h3{
    font-size:20px;
    font-weight:700;
    margin:0 0 10px;
}

.footersection-3 h3.primCol{
    color:#128e51;
}

.footersection-4{
    background:#303030;
}

.footersection-4 .footersection-4{
    padding-top:30px;
    padding-bottom:30px;
    font-size:14px;
}

.footersection-4 p{
    margin:0;
}

header .hStrip .nFlex a:hover img {
	margin-left: 5px;
        margin-right:10px;
        opacity:0.7;
}

.header-full .hStrip p, .hStrip img {
	display: inline-block;
	vertical-align: middle;
}

header .hStrip .nFlex img {
	margin-right: 15px;
	transition: 0.25s all;
        vertical-align:middle;
}

header .header-full .hStrip .nFlex p{
    line-height:14px;
    margin:0;
}

header .header-full .hStrip .nFlex a {
	font-size: 14px;
	text-transform:uppercase;
        color:#505050;
}

header .hStrip .nFlex {
	padding: 20px 8px;
}

.hStrip {
	background: #3e778c;
}

.headersection-4 {
    background: transparent;
    padding-top: 3vw;
}

.ex-home .headersection-4 {
    background: transparent;
    padding-top: 2.5vw;
}

.menu .catalog > li > a {
    font-family: 'Gotham-light';
    font-size:16px;
    font-weight:700;
    padding:20px 15px;
}


@media only screen and (min-width: 768px) and (max-width: 1300px) {
.menu .catalog > li > a {
    font-family: 'Gotham-light';
    font-size:16px;
    font-weight:700;
    padding:20px 0px;
}
}

.toolbar .cart-btn > .btn i{
    display:inline-block;
    margin-right:20px;
}

.fa-shopping-bag::before {
	content: "\f291";
	color: #97bd00;
	font-size: 25px;
}

.toolbar .cart-btn > .btn span.minicart_count {
	right: auto;
	left: 48px;
	top: 7px;
	border-radius: 3px;
	padding: 2px 6px 3px 5px;
	background: #f8c81f;
	color: #313131;
}

.toolbar .cart-btn > .btn b {
	color: #333333;
	font-weight: 700;
}

.toolbar .cart-btn > .btn b:hover {
	color: #ffffff;
	font-weight: 700;
}

.toolbar .cart-btn > .btn b::before {
	content: "Total: \00a0";
	display: inline-block;
	font-weight: 400;
}

.toolbar .cart-btn > .btn {
	background: none;
    padding-top:10px;
    padding-bottom:10px;
}

.toolbar a i {
  color: #97bd00;
}

header .header-full .logo {
  margin: 9px 0;
}

header .logoa img{
    width:109px;
    height:112px;
    max-width:none !important;
    max-height:none !important;
}

header .logo img{
    width: 225px;
    max-width: none !important;
    max-height: none !important;
}

header section.search .search-form button[type="submit"]{
    top:-9px;
}

header section.search .search-form .form-group input{
    border:none;
    border-radius:3px;
    height:40px;
    background: #f0f0f0;
}

header section.search .search-form button[type=submit], section.search .search-form button[type=submit] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.7em;
    opacity: 1;
    position: absolute;
    right: -38px;
    transition: opacity .3s;
    z-index: 2;
}

.relsearch button i {
    color: #97bd00;
}

.headersection-2 {
    padding-top:4px;
    padding-bottom:4px;
}  

@media only screen and (min-width: 768px) {
.headersection-2 {
    display: none;
}
}

@media only screen and (min-width: 768px) {
.ex-home .headersection-2 {
    display: contents;
}
}

.headCont p{
    float:right;
    font-size:16px;
    color:#333333;
    line-height:28px;
}

.headCont p a{
    font-size:28px;
    font-weight:700;
    color:#333333;
}

.loggedin .toolbar .customer-btn .arrow-your-account.fa-caret-down{
    top:7px;
    left:105px;
}

.loggedin .account-btn span .welcome-message:first-of-type{
	display: inline-block !important;
	margin-top: 22px;
	font-size: 13px;
	color: #000000;
}

.loggedin #shoppingtools_106790 .toolbar .shopping-tools-wrapper{
    justify-content:flex-start !important;
}

.toolbar .shopping-tools-wrapper {
    display: flex;
    position: relative;
    flex-direction: column;
}

.toolbar .account-dropdown {
	min-width: inherit;
	display: block;
	top: 18px;
	left: 28% !important;
	border: none;
	width: 144px;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
        background-color:transparent;
}

.toolbar .account-dropdown .arrow_box{
    display:none;
}

.dropdown-menu span.overlap {
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: transparent;
	left: 100%;
	top: 5px;
	font-weight: 700;
	background: #fff;
	font-size: 1.2em;
}

.dropdown .pointer {
	padding: 0 10px;
	border-radius: 0;
	float: left;        
}

.dropdown .pointer a{ 
    color:#333333;
}

.dropdown .pointer:hover{
    background:none;
    color:#23408f;
}

.dropdown .pointer:hover a{
    background:none;
    color:#333333;
    text-decoration:underline;
}

.form-group.pointer{
     border-right:#333333 1px solid;
}

.toolbar .account-dropdown div.description {
	display: none;
}

span.welcome-message:first-child {
  display: none !important;
}

.toolbar .account-btn .user-icon{
    font-size:2.8rem;
    color: #97bd00;
}

.toolbar .account-btn span{
    min-height:42px;
   font-size:16px;
}

.toolbar .account-btn span .welcome-message{
    display:inline-block;
    position:absolute;
    top:0;
}

.shopping-tools-wrapper i {
	transition: 0.25s all;
}

.headSocial {
	float: right;
}
.shopping-tools-wrapper a:hover i.fa-heart {
	margin-right: -2px;
	margin-left: -2px;
}

.shopping-tools-wrapper a:hover i {
	font-size: 20px;
}

.headSocial img {
	transition: 0.25s all;
}

.headSocial img:hover {
	margin-top: 5px;
	opacity: 0.7;
}

.topBar ul{
    padding:0;
    margin:0;
}

.topBar ul li{
    display:inline-block;
    padding:0 15px;
    margin:0;
    font-size:14px;
    line-height:14px;
}

.topBar ul li a:hover{
    text-decoration:underline;
}

.topBar ul li:not(:last-of-type){
    border-right: 2px solid #d2e4da;
}

.topBar ul li a{
    color:#fff;
}

.nFlex{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.magnify-large {
	position: absolute;
	display: none;
	width: 250px;
	height: 250px;
	-webkit-box-shadow: 0 0 0 7px rgba(255,255,255,.85),0 0 7px 7px rgba(0,0,0,.25),inset 0 0 40px 2px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 0 7px rgba(255,255,255,.85),0 0 7px 7px rgba(0,0,0,.25),inset 0 0 40px 2px rgba(0,0,0,.25);
	box-shadow: 0 0 0 7px rgba(255,255,255,.85),0 0 7px 7px rgba(0,0,0,.25),inset 0 0 40px 2px rgba(0,0,0,.25);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.listtools .itemsfound {
    display: block;
    display: none;
}
.product-stock {
    padding: 5px 0;
    margin: 5px 0;
    color: red;
}

@media only screen and (max-width: 1020px) {
    .headCont p{
        font-size:12px;
        line-height:16px;
    }
    .headCont p a{
        font-size:18px;
    }
    .headersection-2 > div > div{
        padding:0 5px;
    }
    .headersection-2 .search_container{
        width:23%;    
    }
     .headersection-2 .minicart_container, .headersection-2 .shoppingtools_container{
         width:23%;
    }
}

@media only screen and (max-width: 768px) {
    footer ol li, footer ul li{
        padding:0;
        border:0;
        display:block;
        border-radius:0;
    }
    .nFlex.f1, .footersection-3 .nFlex{
        flex-direction:column;
    }
.footersection-3 img{
    margin:15px 0;
}
.footSoc .nFlex{
    justify-content:center;
    margin:0;
}
.fsWrap{
    margin-top:0;
}
}


#filterswrapper > section.filter-section.filtername-eco_aware.filter-expanded{
visibility: hidden;
margin: -8%;
padding: 0;
}

.productimage_container .ms-slide-bgcont .magnify {
    height:100%;
}

/*free branding badge and banner start - ALL*/
.ribbon-wrapper.g4024.b1968 .ribbon-side,
.ribbon-wrapper.g4024.b1968 .ribbon-tips,
.ribboncart-wrapper.b1968.g4024 .ribboncart-tips{
	display:none;
}
.ribbon-wrapper.g4024.b1968 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}
.ribboncart-wrapper.g4024.b1968 .ribboncart{
	font-size:0;
	width:80px;
	height:20px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}

.brandingBanner{
	padding:15px;
	background:#16b765;
	position:relative;
	overflow:hidden;
	justify-content:flex-start;
	display:none;
}
.brandingBanner img{
	margin:0 15px 0 0;
}
.bbText h2{
	font-size:16px;
	color:#FFFFFF;
	margin:0 0 10px;
	font-weight:700;
	text-align:left;
}
.bbText p{
	Font-size:12px;
	color:#fff;
	margin:0;
	text-align:left;
}
.redSquareBot{
	position:absolute;
	bottom: -72%;
	left: -13%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareBot{
	position:absolute;
	bottom: -75%;
	left:5%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform:rotate(5deg);
	border-radius:10px;
}
.redSquareTop{
	position:absolute;
	top: -70%;
	right:5%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareTop{
	position:absolute;
	top: -55%;
	right: -10%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform: rotate(15deg);
	border-radius:10px;
}
/*free branding badge and banner end*/



/*free branding badge and banner start - Environment*/
.ribbon-wrapper.b2022 .ribbon-side,
.ribbon-wrapper.b2022 .ribbon-tips,
.ribboncart-wrapper.b2022 .ribboncart-tips{
	display:none;
}
.ribbon-wrapper.b2022 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}
.ex-content-page .ribbon-wrapper.b2022 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}
.ex-category .ribbon-wrapper.b2022 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}
.ex-searchresult .ribbon-wrapper.b2022 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}
.ex-product .ribbon-wrapper.b2022 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 255px;
}
.ribboncart-wrapper.b2022 .ribboncart{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}

.brandingBanner{
	padding:15px;
	background:#16b765;
	position:relative;
	overflow:hidden;
	justify-content:flex-start;
	display:none;
}
.brandingBanner img{
	margin:0 15px 0 0;
}
.bbText h2{
	font-size:16px;
	color:#FFFFFF;
	margin:0 0 10px;
	font-weight:700;
	text-align:left;
}
.bbText p{
	Font-size:12px;
	color:#fff;
	margin:0;
	text-align:left;
}
.redSquareBot{
	position:absolute;
	bottom: -72%;
	left: -13%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareBot{
	position:absolute;
	bottom: -75%;
	left:5%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform:rotate(5deg);
	border-radius:10px;
}
.redSquareTop{
	position:absolute;
	top: -70%;
	right:5%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareTop{
	position:absolute;
	top: -55%;
	right: -10%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform: rotate(15deg);
	border-radius:10px;
}
/*free branding badge and banner end*/


/*free branding badge and banner start - Ethical*/
.ribbon-wrapper.g4244.b2023 .ribbon-side,
.ribbon-wrapper.g4244.b2023 .ribbon-tips,
.ribboncart-wrapper.b2022.g4244 .ribboncart-tips{
	display:none;
}
.ribbon-wrapper.g4244.b2023 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}
.ex-content-page .ribbon-wrapper.g4244.b2023 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
    margin-top: 130px;
}

.ex-category .ribbon-wrapper.g4244.b2023 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
    margin-top: 130px;
}

.ex-searchresult .ribbon-wrapper.g4244.b2023 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
    margin-top: 130px;
}

.ex-product .ribbon-wrapper.g4244.b2023 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
    margin-top: 255px;
}
.brandingBanner{
	padding:15px;
	background:#16b765;
	position:relative;
	overflow:hidden;
	justify-content:flex-start;
	display:none;
}
.brandingBanner img{
	margin:0 15px 0 0;
}
.bbText h2{
	font-size:16px;
	color:#FFFFFF;
	margin:0 0 10px;
	font-weight:700;
	text-align:left;
}
.bbText p{
	Font-size:12px;
	color:#fff;
	margin:0;
	text-align:left;
}
.redSquareBot{
	position:absolute;
	bottom: -72%;
	left: -13%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareBot{
	position:absolute;
	bottom: -75%;
	left:5%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform:rotate(5deg);
	border-radius:10px;
}
.redSquareTop{
	position:absolute;
	top: -70%;
	right:5%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareTop{
	position:absolute;
	top: -55%;
	right: -10%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform: rotate(15deg);
	border-radius:10px;
}
/*free branding badge and banner end*/



/*free branding badge and banner start - Recycled*/
.ribbon-wrapper.g4242.b2024 .ribbon-side,
.ribbon-wrapper.g4242.b2024 .ribbon-tips,
.ribboncart-wrapper.b2024.g4242 .ribboncart-tips{
	display:none;
}
.ribbon-wrapper.g4242.b2024 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}

.ex-content-page .ribbon-wrapper.g4242.b2024 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}

.ex-category .ribbon-wrapper.g4242.b2024 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}

.ex-searchresult .ribbon-wrapper.g4242.b2024 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}

.ex-product .ribbon-wrapper.g4242.b2024 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 255px;
}

.ribboncart-wrapper.g4242.b2024 .ribboncart{
	font-size:0;
	width:80px;
	height:20px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}

.brandingBanner{
	padding:15px;
	background:#16b765;
	position:relative;
	overflow:hidden;
	justify-content:flex-start;
	display:none;
}
.brandingBanner img{
	margin:0 15px 0 0;
}
.bbText h2{
	font-size:16px;
	color:#FFFFFF;
	margin:0 0 10px;
	font-weight:700;
	text-align:left;
}
.bbText p{
	Font-size:12px;
	color:#fff;
	margin:0;
	text-align:left;
}
.redSquareBot{
	position:absolute;
	bottom: -72%;
	left: -13%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareBot{
	position:absolute;
	bottom: -75%;
	left:5%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform:rotate(5deg);
	border-radius:10px;
}
.redSquareTop{
	position:absolute;
	top: -70%;
	right:5%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareTop{
	position:absolute;
	top: -55%;
	right: -10%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform: rotate(15deg);
	border-radius:10px;
}
/*free branding badge and banner end*/



/*free branding badge and banner start - Rec-Env*/
.ribbon-wrapper.g4245.b2033 .ribbon-side,
.ribbon-wrapper.g4245.b2033 .ribbon-tips,
.ribboncart-wrapper.b2033.g4245 .ribboncart-tips{
	display:none;
}
.ribbon-wrapper.g4245.b2033 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}
.ex-content-page .ribbon-wrapper.g4245.b2033 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}
.ex-category .ribbon-wrapper.g4245.b2033 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}
.ex-searchresult .ribbon-wrapper.g4245.b2033 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}
.ex-product .ribbon-wrapper.g4245.b2033 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 255px;
}
.ribboncart-wrapper.g4245.b2033 .ribboncart{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}

.brandingBanner{
	padding:15px;
	background:#16b765;
	position:relative;
	overflow:hidden;
	justify-content:flex-start;
	display:none;
}
.brandingBanner img{
	margin:0 15px 0 0;
}
.bbText h2{
	font-size:16px;
	color:#FFFFFF;
	margin:0 0 10px;
	font-weight:700;
	text-align:left;
}
.bbText p{
	Font-size:12px;
	color:#fff;
	margin:0;
	text-align:left;
}
.redSquareBot{
	position:absolute;
	bottom: -72%;
	left: -13%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareBot{
	position:absolute;
	bottom: -75%;
	left:5%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform:rotate(5deg);
	border-radius:10px;
}
.redSquareTop{
	position:absolute;
	top: -70%;
	right:5%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareTop{
	position:absolute;
	top: -55%;
	right: -10%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform: rotate(15deg);
	border-radius:10px;
}
/*free branding badge and banner end*/



/*free branding badge and banner start - Rec-Eth*/
.ribbon-wrapper.b2022 .ribbon-side,
.ribbon-wrapper.b2022 .ribbon-tips,
.ribboncart-wrapper.b2022 .ribboncart-tips{
	display:none;
}
.ribbon-wrapper.b2022 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}
.ex-content-page .ribbon-wrapper.b2022 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}
.ex-category .ribbon-wrapper.b2022 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}
.ex-searchresult .ribbon-wrapper.b2022 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}
.ex-product .ribbon-wrapper.b2022 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 255px;
}
.ribboncart-wrapper.b2022 .ribboncart{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}

.brandingBanner{
	padding:15px;
	background:#16b765;
	position:relative;
	overflow:hidden;
	justify-content:flex-start;
	display:none;
}
.brandingBanner img{
	margin:0 15px 0 0;
}
.bbText h2{
	font-size:16px;
	color:#FFFFFF;
	margin:0 0 10px;
	font-weight:700;
	text-align:left;
}
.bbText p{
	Font-size:12px;
	color:#fff;
	margin:0;
	text-align:left;
}
.redSquareBot{
	position:absolute;
	bottom: -72%;
	left: -13%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareBot{
	position:absolute;
	bottom: -75%;
	left:5%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform:rotate(5deg);
	border-radius:10px;
}
.redSquareTop{
	position:absolute;
	top: -70%;
	right:5%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareTop{
	position:absolute;
	top: -55%;
	right: -10%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform: rotate(15deg);
	border-radius:10px;
}
/*free branding badge and banner end*/



/*free branding badge and banner start - Env-Eth*/
.ribbon-wrapper.g4247.b2035 .ribbon-side,
.ribbon-wrapper.g4247.b2035 .ribbon-tips,
.ribboncart-wrapper.b2035.g4247 .ribboncart-tips{
	display:none;
}
.ribbon-wrapper.g4247.b2035 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}
.ex-content-page .ribbon-wrapper.g4247.b2035 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}
.ex-category .ribbon-wrapper.g4247.b2035 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}
.ex-searchresult .ribbon-wrapper.g4247.b2035 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 130px;
}
.ex-product .ribbon-wrapper.g4247.b2035 .ribbon{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
	margin-top: 255px;
}
.ribboncart-wrapper.g4247.b2035 .ribboncart{
	font-size:0;
	width:126px;
	height:41px;
	background:url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/sustainable products/WS-Icon.svg')no-repeat center;
	background-color:transparent !important;
}

.brandingBanner{
	padding:15px;
	background:#16b765;
	position:relative;
	overflow:hidden;
	justify-content:flex-start;
	display:none;
}
.brandingBanner img{
	margin:0 15px 0 0;
}
.bbText h2{
	font-size:16px;
	color:#FFFFFF;
	margin:0 0 10px;
	font-weight:700;
	text-align:left;
}
.bbText p{
	Font-size:12px;
	color:#fff;
	margin:0;
	text-align:left;
}
.redSquareBot{
	position:absolute;
	bottom: -72%;
	left: -13%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareBot{
	position:absolute;
	bottom: -75%;
	left:5%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform:rotate(5deg);
	border-radius:10px;
}
.redSquareTop{
	position:absolute;
	top: -70%;
	right:5%;
	width:100px;
	height:100px;
	border:2px solid #FFFFFF;
	transform:rotate(-15deg);
	border-radius:10px;
}
.whiteSquareTop{
	position:absolute;
	top: -55%;
	right: -10%;
	width:100px;
	height:100px;
	border:2px solid #fff;
	transform: rotate(15deg);
	border-radius:10px;
}
/*free branding badge and banner end*/


/*hide brand label*/
.brand-label {
visibility: hidden;
}

/*Recorra Homepage - Yellow Button Styling*/
		button {
			color: white;
			background-color: black;
			font-size: 26px;
			border: 0px solid #2d63c8;
			padding: 15px 50px;
			cursor: pointer
		}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
		button {
			color: #0f0f0f;
			background-color: #fed141;
			font-size: 1.5vw;
			border: 0px solid #2d63c8;
			padding: 15px 50px;
			cursor: pointer
		}
}

		button:hover {
			color: #0f0f0f;
			background-color: #ccac38;
		}

/*Recorra Homepage - Hero Banner - OLD*/
#contentblock_187708 {
  padding-top: 2%;
}

#contentblock_187708 > div > h2 {
  font-size: 3.25em;
}

@media only screen and (max-width: 750px) {
#contentblock_187708 > div > h2 {
  font-size: 2.75em;
}
}

#contentblock_187708 > div > p:nth-child(2) {
  font-size: 1.5em;
  line-height: 1.5;
  padding-top: 1%;
  padding-bottom: 1%;
}

/*Recorra Homepage - Content Sections*/
body > div.page-content.onecolumn > section.zonetop > div:nth-child(4), body > section.zonetop > div:nth-child(4), body > div.page-content.onecolumn > section.zonetop > div:nth-child(6), body > section.zonetop > div:nth-child(6) {
  padding-top: 2%;
  padding-bottom: 1%;
}

/*Recorra Homepage - Sign in section*/
body > div.page-content.onecolumn > section.zonetop > div:nth-child(8), body > section.zonetop > div:nth-child(8) {
  background: #3e778c;
}

#contentblock_187714 {
  padding-top: 2%;
  padding-bottom: 2%;
}

/*Recorra Homepage - Side Padding - Text*/
#contentblock_187708, #contentblock_187708b {
  padding-left: 10%;
}

@media only screen and (max-width: 750px) {
#contentblock_187708, #contentblock_187708b {
  padding-left: 10%;
  padding-right: 10%;
}
}

#contentblock_187712 {
  padding-right: 10%;
}

@media only screen and (max-width: 750px) {
#contentblock_187712 {
  padding-right: 10%;
  padding-left: 10%;
}

}
 
/*Recorra Homepage - Side Padding - Images*/
#singlebanner_187713 {
  padding-left: 5%;
}
  
@media only screen and (max-width: 750px) {
#singlebanner_187713 {
  padding-left: 0%;
}
}

#singlebanner_187713 > div > div > img.responsive.deskimg, #singlebanner_187709b > div > div > img.responsive.deskimg {
  margin: 0;
}

#singlebanner_187709b {
  text-align: -webkit-right;
  padding-right: 5%;
}

@media only screen and (max-width: 750px) {  
 #singlebanner_187709b {
  text-align: -webkit-right;
  padding-right: 0%;
} 
}

/*Recorra Homepage - Product Carousel*/
body > div.page-content.onecolumn > section.zonetop > div.merchandisingcontent_container > section > section > div > h3, body > section.zonetop > div.merchandisingcontent_container > section > section > div > h3 {
  padding-top: 2%;
  padding-bottom: 2%;
}

body > div.page-content.onecolumn > section.zonetop > div.merchandisingcontent_container > section {
  background: #fff;
}

body > div.page-content.onecolumn > section.zonetop > div.merchandisingcontent_container > section > section > div > div {
  background: #ffffff;
}

/*Recorra Homepage - HEADER*/
.headContb p{
    float:right;
    font-size:1vw;
    .headContb p{ color:#333333; };
    line-height:28px;
}

.headContb p a {
    font-size:0.8vw;
    font-weight:500;
    color:#333333;
}

.smaller {
  font-size:75%;
}

.logohidden {
  visibility: hidden;
}

@media only screen and (min-width: 1537px) {
.ex-home .logohidden {
  visibility: visible;
  margin-top: -5.5vw;
  margin-left: 13vw;
}
}

@media only screen and (min-width: 1282px) and (max-width: 1536px) {
.ex-home .logohidden {
  visibility: visible;
  margin-top: -8vw;
  margin-left: 13vw;
}
  
#search_217293 {
width: 25%;  
}
}

@media only screen and (min-width: 768px) and (max-width: 1281px) {
.ex-home .logohidden {
  visibility: visible;
  margin-top: -9.5vw;
  margin-left: 1vw;
}
}

@media only screen and (max-width: 767px) {
.ex-home .logohidden {
  visibility: visible;
}
}

.ex-home #logo_217287 > div, .ex-home #logo_223953 {
  visibility: hidden;
}

buttonh {
    color: #0f0f0f;
    background-color: #fed141;
    font-size: 16px;
    border: 0px solid #2d63c8;
    padding: 15px 50px;
    cursor: pointer;
}

#htmlcontent_187798 {
display: contents;
}

#search_187894 {
  width: 33.333333%;
}

#contentblock_187793 {
  width: 23.333333%;
}

.ex-loggedin #contentblock_187793, .ex-loggedin #contentblock_217294 {
  display:none;
}

#logo_187904 > a > img {
    height: auto;
	max-width: none;
    width: 100%;
}

section.zonebottom {
    margin-top: -1px;
}

/*Sustainable Procurement*/
#doublebanner_262240 > div > div > div > div.col-sm-6.banner1 {
  	width: 95%;
    padding-top: 10%;
    padding-bottom: 5%;
}

#doublebanner_262240 > div > div > div > div.col-sm-6.banner2 {
  width: 95%;
}

.SPfwimg {
 	margin-left: -14vw;
    margin-right: -14vw;
}

/*ReView Page*/
.reviewback {
	background: linear-gradient(90deg, #00000075), url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/ReView/ReView - Recorra - Team Photo-Web.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
    align-content: center;
  	padding-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
.greenback {
        background: #00653a;
        margin-top: -4vw;
  		border-radius: 20px;
}

.reviewtext h2 {
  font-size: 30px; 
}  

.reviewtext p {
  font-size: 1.15vw;
}
  
.yellowbox > p:nth-child(1) {
  font-size:2vw;
}  
  
.yellowbox > p:nth-child(2) {
  font-size: 0.75vw;
  line-height: 1.4;
}
  
#contentblock_272370 > div > p:nth-child(6) > a {
  font-size: 1vw;
}
  
#contactform_272259 > form > div > textarea {
 height: 46px; 
}
  
#contentblock_272231 > div {
	padding-right: 15%;
}
  
.marginlr {
  margin-left: 10vw;
  margin-right: 10vw;
} 
  
.marginlr5 {
  margin-left: 5vw;
  margin-right: 5vw;
}
  
.margintb1 {
  margin-top: 1vw;
  margin-bottom: 1vw;
}
 
.margintb2 {
  margin-top: 2vw;
  margin-bottom: 2vw;
}
  
.ex-name-review > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div:nth-child(8) {
  margin-right: 0vw;
  padding-right: 0vw;
}
  
.ex-name-review > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div.paddinglr.dflex.reviewroundback.padding3.marginlr5 {
  margin-bottom: -10vw;
}
  
.reviewroundback {
    margin-top: 0vw;
    margin-bottom: 3vw;
    background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/ReView/beige-background-[justincase].png");
    background-size: cover;
    background-position: bottom;
    align-content: center;
    padding-bottom: 2vw;
} 
  
#htmlcontent_281281 > div > iframe {
        aspect-ratio: 16 / 9;
        width: 100%;
    }  
}

.spacebetween {
	justify-content: space-between;
}

.spaceevenly {
	justify-content: space-evenly;
}

.dflexcol {
        display: flex;
        flex-direction: column;
}

.greenback {
    background: #00653a;
	border-radius: 20px;
}

.greenback2 {
    background: #00653a;
    border-radius: 20px 20px 0px 0px;
}

.greenback3 {
    background: #00653a;
    border-radius: 0px 0px 20px 20px;
}

.greyback7 {
    background: #f4f1ec;
    margin-top: 0vw;
    margin-bottom: 3vw;
    border-radius: 20px 20px;
}

.greenback h3 {
   color: white;
}

.reviewtext h2 {
  color: #00653a; 
}

.dflex2 > div > div {
  display:flex;
}

.dflex3 > div > div > div {
  display:flex;
  align-items: center;
}

#contentblock_272231 {
  display: flex;
}

#contactform_272259 {
  padding: 2%;
  background: #00653a;
  border-radius: 0px 20px 20px 0px;
}

#contactform_272259 label {
	color: white;  
}

#contactform_272259 button {
	background: #fed141;
    color: #00653a;
}

.yellowbox {
  background: #fed141;
  padding: 1vw;
}

.ex-name-review > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100vw;
  padding-left: 0vw;
  padding-right: 0vw;
}

#singlebanner_272433 > div {
  margin-bottom: -1px;
}

.ex-name-review > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div.paddinglr.paddingt2.greenback2.margint.marginlr5 {
  border-radius: 0px;
}

/*Janitorial supplies*/

.ex-name-janitorialsupplies > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100vw;
  padding-left: 0px;
  padding-right: 0px;
}


.blkwhite {
  background: #000;
}

.btn-black {
background-color: #000;
  border-color: #fff;
    border-style: solid;
}

.btn-black:hover {
background-color: #000;
    border-color: #fff;
  border-style: solid;
}

.btn-white {
	background: transparent;
    color: #ffffff;
    border: 2px solid white;
}

.ex-name-janitorialsupplies .row-breadcrumb {
    display: none;
}

.ex-name-janitorialsupplies .zonetop {
  margin-bottom: 0px;
}

.ex-name-janitorialsupplies .catalog-grid {
   margin-top: 0px;
}

@media (min-width: 790px) {
#singlebanner_274911 {
  margin-bottom: -12vw;
}
}

.janback {
  background: #F4F1EC;
}

.janflex {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding: 5%;
}
 
.janimgback1 {
background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Janitorial/Group 113.png");
background-size: cover;
background-repeat: no-repeat;
height: 570px;
background-position: center;
}

.janimgback2 {
background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Janitorial/Group 114.png");
background-size: cover;
background-repeat: no-repeat;
height: 570px;
background-position: center;
}

.janimgback3 {
background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Janitorial/Group 115.png");
background-size: cover;
background-repeat: no-repeat;
height: 570px;
background-position: center;
}

#contactform_274942 {
    padding: 2%;
    background: #00653a;
    border-radius: 0px 20px 20px 0px;
}

#contactform_274942 label {
	color: white;  
}

#contactform_274942 button {
	background: #fed141;
    color: #00653a;
}

@media (min-width: 760px) {
.janconback {
    background: #F4F1EC;
    border-radius: 5vw;
    margin: 30px;
}
}

@media (min-width: 760px) {
.context {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
}

#merchandisingcontent_274971 > section > section > div > div > div.owl-stage-outer > div.owl-gradient {
   background: rgba(255, 255, 255, 0) !important;
}

@media (min-width: 769px) {
.ex-name-janitorialsupplies h1 {
  font-size: 2vw;
}
  
.dflex1> div {
display: flex;
align-items: center;
}  
}

@media (min-width: 769px) {
.ex-name-janitorialsupplies h2 {
  font-size: 1.6vw;
}
}

@media (min-width: 769px) {
.ex-name-janitorialsupplies h3 {
  font-size: 1.2vw;
}
}

@media (min-width: 769px) {
.ex-name-janitorialsupplies h4 {
  font-size: 1.2vw;
}
}

@media (min-width: 769px) {
.ex-name-janitorialsupplies p {
  font-size: 1vw;
}
}

/*sustainable products*/

.ex-name-sustainableproducts > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100vw;
  padding-left: 0px;
  padding-right: 0px;
}

.leftpad {
  padding-left: 10vw;
}

@media (min-width: 769px) {
.ex-name-sustainableproducts h1 {
  font-size: 2vw;
}
}

@media (min-width: 769px) {
.ex-name-sustainableproducts h3 {
  font-size: 1.5vw;
}
}

@media (min-width: 769px) {
.ex-name-sustainableproducts h4 {
  font-size: 1.3vw;
}
}

@media (min-width: 769px) {
.ex-name-sustainableproducts p {
  font-size: 1vw;
}
}

#merchandisingcontent_275042 > section > section > div > div > div.owl-stage-outer > div.owl-gradient {
   background: rgba(255, 255, 255, 0) !important;
}

/*Bic*/

.bicgrey {
  background: #444444;
  margin-left: -14vw;
  margin-right: -14vw;
  padding-top: 2vw;
  Padding-bottom: 2vw;
}

@media (min-width: 769px) {
#contentblock_283025, #contentblock_283026, #contentblock_283027, #contentblock_283028 {
width: 25%;
}
}

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

.btn-bwhite:hover {
background-color: #fff;
  color: #000
}  
  /*2work*/ 

.workblue {
  background: #2255A3;
  margin-left: -14vw;
  margin-right: -14vw;
  padding-top: 2vw;
  Padding-bottom: 2vw;
}

@media (min-width: 769px) {
#contentblock_284249, #contentblock_284250, #contentblock_284251, #contentblock_284252 {
width: 25%;
}
}

  /*fellowes*/

@media (min-width: 769px) {
#contentblock_285293, #contentblock_285294, #contentblock_285295, #contentblock_285296 {
width: 25%;
}
}

/*snopake*/ 

.ex-name-snopake > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100vw;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 769px) {
.ex-name-snopake p {
  font-size: 1.2vw;
}
}

@media (min-width: 769px) {
#contentblock_285799, #contentblock_285800, #contentblock_285801, #contentblock_285802 {
width: 25%;
}
}

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

.minback1 {
background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Miniml/hero-img.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
}

.minback2 {
background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Miniml/howitworks-background.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

#singlebanner_287862 > div > div > img.responsive.deskimg {
  width: 75%;
}

/*Cheeky panda*/ 
.ex-name-cheekypanda > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100%;
  padding: 0;
}

.cpback1 {
background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Cheeky panda/cheekypanda-backnew.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
}

.cpback2 {
background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Cheeky panda/CP-Back2.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.cpback3 {
background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Cheeky panda/CP-Back3.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

@media only screen and (min-width: 768px) {  
.ex-name-cheekypanda h1 {
	font-family: 'Gotham';  
	font-size: 4vw;
}
#contentblock_287989, #contentblock_288007 p {
	font-size: 1.2vw;
}
.ex-name-cheekypanda h2 {
	font-size: 1.5vw;
}
  .ex-name-cheekypanda h3 {
	font-size: 1.4vw;
}
    .ex-name-cheekypanda h4 {
	font-size: 1.3vw;
}
}

@media only screen and (max-width: 768px) { 
#htmlcontent_287994 p {
	font-size: 9pt;
}
}

/*paper towels*/ 
.ex-name-papertowelrecycling > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100%;
  padding: 0;
}

@media only screen and (min-width: 768px) {  
.ex-name-papertowelrecycling h1 {
	font-family: 'Gotham';  
	font-size: 2.3vw;
}
.ex-name-papertowelrecycling h2 {
	font-size: 1.5vw;
}
  .ex-name-papertowelrecycling h3 {
	font-size: 1.4vw;
}
    .ex-name-papertowelrecycling h4 {
	font-size: 1.3vw;
}
  
  #contentblock_288452, #contentblock_288460 p {
	font-size: 1.2vw;
}
}

.pprback1 {
background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Paper towel recycling/Paper towels- background.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: 30% 100%;
}

.pprback2 {
background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Paper towel recycling/Paper towels- USPs.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

#merchandisingcontent_288457 > section > section > div > h3 {
  font-weight: 600;
    color: #000;
}

@media only screen and (min-width: 768px) {  
.ex-name-papertowelrecycling > div.page-content.onecolumn > section.zonetop > div > div > div > div > div.col.col-lg-4.col-md-4.col-sm-12.col-xs-12 > div > div > p {
  font-size: 1.2vw;
}
}

@media only screen and (max-width: 768px) {  
.ex-name-papertowelrecycling > div.page-content.onecolumn > section.zonetop > div > div > div > div > div.col.col-lg-4.col-md-4.col-sm-12.col-xs-12 > div > div > p {
  font-size: 2.5vw;
}

.ex-name-papertowelrecycling h1 { 
	font-size: 3vw;
}
}

/* CTA container centering */
.hero-cta-group {
  display: flex;
  gap: 16px;
  margin-top: 30px;
  margin-bottom: 40px;
  justify-content: center;
}

/* Base CTA button styles */
.cta-primary,
.cta-secondary {
  padding: 16px 24px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: transform .28s cubic-bezier(.25,.8,.25,1),
              box-shadow .28s cubic-bezier(.25,.8,.25,1),
              background-color .28s ease,
              color .28s ease,
              border-color .28s ease;
  box-shadow: 0 0 0 rgba(0,0,0,0);
}

/* Primary CTA styling */
.cta-primary {
  background: #00653a;
  color: white;
}

/* Secondary CTA styling */
.cta-secondary {
  background: #fed141;
  color: #00653a;
  border: 0px solid #00994C;
}

/* Premium hover effect */
.cta-primary:hover,
.cta-primary:focus,
.cta-secondary:hover,
.cta-secondary:focus {
  transform: scale(1.06);
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}

/* Premium focus ring */
.cta-primary:focus,
.cta-secondary:focus {
  outline: 0px solid rgba(0,153,76,0.35);
  outline-offset: 3px;
}

/* Premium click press effect */
.cta-primary:active,
.cta-secondary:active {
  transform: scale(1.02);
  box-shadow: 0 4px 10px rgba(0,0,0,0.10);
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .hero-cta-group {
    flex-direction: column;
    align-items: center;
  }

  .cta-primary,
  .cta-secondary {
    width: 100%;
    max-width: 320px;
    text-align: center;
  }

  .cta-secondary {
    margin-top: 14px;
    margin-left: 0;
  }
}

/* Brand variables and global tweaks */
:root{
  --green: #00653a;
  --green-alt: #00994C;
  --yellow: #fed141;
  --black: #000000;
  --white: #ffffff;
  --shadow-lift: 0 8px 18px rgba(0,0,0,.12);
  --radius: 6px;
  --gap: 16px;
}

/* Better font loading */
@font-face {
  font-family: 'Gotham-bold';
  src: url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/2024 Refresh/gotham-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham-light';
  src: url('https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/2024 Refresh/gotham-light-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  * {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Consistent breakpoint helpers */
@media (max-width: 768px){
  .only-desktop{ display: none !important; }
}
@media (min-width: 769px){
  .only-mobile{ display: none !important; }
}

/* Fixes */
.headContb p{ color: #333333; }               /* fix invalid color declaration */
.listtools .itemsfound{ display: none; }      /* remove conflicting display */

/* Prefer focus-visible for accessibility */
.cta-primary:focus-visible,
.cta-secondary:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--green-alt) 35%, transparent);
  outline-offset: 3px;
}
.cta-primary:focus,
.cta-secondary:focus{ outline: none; }

/* Unify CTA colours with variables */
.cta-primary{
  background: var(--green);
  color: var(--white);
  border-radius: var(--radius);
}
.cta-secondary{
  background: var(--yellow);
  color: var(--black);
  border: 2px solid var(--green-alt);
  border-radius: var(--radius);
}

/* Optional: soften aggressive scale on tiles */
#contentblock_216626:hover,
#contentblock_216627:hover,
#contentblock_216628:hover,
#contentblock_216629:hover,
#contentblock_216630:hover,
#contentblock_216631:hover{
  transform: translateY(-2px);          /* light lift instead of shrinking */
  box-shadow: var(--shadow-lift);
  transition: transform .25s ease, box-shadow .25s ease;
}

/* =========================
   MOBILE POLISH PACK
   ========================= */
@media (max-width: 768px){

  /* Core typography and spacing */
  html { -webkit-text-size-adjust: 100%; }
  body { line-height: 1.55; }
  .ex-home h1 { font-size: clamp(7vw, 7.5vw, 9vw); line-height: 1.15; }
  .ex-home h2 { font-size: clamp(4.5vw, 5vw, 6vw); line-height: 1.2; }
  .ex-home h3 { font-size: clamp(3.8vw, 4.2vw, 5vw); line-height: 1.25; }
  .ex-home p  { font-size: clamp(3.6vw, 3.8vw, 4.2vw); line-height: 1.5; }

  /* Comfortable page gutters and safe areas */
  .ex-home .container,
  .ex-home .page-content.container.mobile.onecolumn,
  .ex-home .contentblock_container {
    padding-left: max(5vw, env(safe-area-inset-left));
    padding-right: max(5vw, env(safe-area-inset-right));
  }

  /* Hero layout and CTAs */
  .hero-cta-group {
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-top: 20px;
    margin-bottom: 28px;
  }
  .cta-primary,
  .cta-secondary {
    width: 100%;
    max-width: 360px;
    text-align: center;
    padding: 16px 22px;
  }

  /* Make images behave */
  img, .responsive, .singlebanner_container img {
    max-width: 100%;
    height: auto;
  }

  /* Kill heavy parallax on mobile for smoother scroll */
  .ex-home [style*="background-attachment: fixed"],
  .ex-home .zonetop,
  .ex-home .catalog-grid > div {
    background-attachment: scroll !important;
  }

  /* Prevent horizontal scroll caused by wide blocks */
  .ex-home [style*="width: 99vw"],
  .ex-home [style*="margin-left: -"],
  .ex-home [style*="margin-right: -"] {
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html, body { overflow-x: hidden; }

  /* Cards and tiles tap comfort */
  .ex-home .owl-carousel .owl-item,
  .pcategories a,
  #contentblock_216626,
  #contentblock_216627,
  #contentblock_216628,
  #contentblock_216629,
  #contentblock_216630,
  #contentblock_216631 {
    border-radius: 12px;
    overflow: hidden;
    touch-action: manipulation;
  }

  /* Tone down aggressive hover transforms on touch devices */
  .transformscale:hover,
  #contentblock_216626:hover,
  #contentblock_216627:hover,
  #contentblock_216628:hover,
  #contentblock_216629:hover,
  #contentblock_216630:hover,
  #contentblock_216631:hover {
    transform: none;
    box-shadow: none;
  }

  /* Navigation hit areas and search */
  a, button, .btn, .toolbar .btn {
    min-height: 44px;
    line-height: 1.1;
  }
  header section.search .search-form .form-group input {
    height: 44px;
    font-size: 16px;
  }

  /* Tables become scrollable instead of breaking layout */
  table { width: 100%; border-collapse: collapse; }
  .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-wrap table { min-width: 600px; }

  /* Carousels edge fade overlays sometimes block taps */
  .owl-gradient { display: none !important; }

  /* Footer spacing and readability */
  footer { padding-top: 6vw; }
  .footersection-3 p { font-size: 4vw; }

  /* Reduce mobile hero vertical trap if too tall */
  .ex-home > section.zonetop > .contentblock_container {
    margin-top: 32vh !important;
    margin-bottom: 24vh !important;
    padding-left: 8vw;
    padding-right: 8vw;
  }
}

/* Motion sensitivity respect everywhere */
@media (prefers-reduced-motion: reduce){
  * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Optional iOS tap highlight tidy */
@supports (-webkit-touch-callout: none) {
  a, button { -webkit-tap-highlight-color: rgba(0,0,0,0.08); }
}

@media (max-width: 768px) {
  section:has(h2:contains("Our products are marked with this 'Sustainable Product' icon")) {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    max-width: 100vw;
    box-sizing: border-box;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 768px){
  .category-small img {
    width: 60% !important;
    height: auto !important;
    max-width: 260px !important;
    margin: 0 auto !important;
    display: block;
  }
}

@media (max-width: 768px) {
  .hero-title h3 span {
    font-size: 18pt !important;
    line-height: 1.2 !important;
  }

  .hero-title p span {
    font-size: 10pt !important;
    line-height: 1.4 !important;
  }

  .hero-title table td {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 12px;
  }

  .hero-title .cta-primary,
  .hero-title .cta-secondary {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto 14px auto !important;
    display: inline-block !important;
  }
}

/* MOBILE ONLY: turn footer pills back into plain inline links */
@media (max-width: 768px){

  /* Layout for the whole block */
  footer .footer-links-clean{
    text-align: center !important;
  }
  footer .footer-links-clean ul,
  footer .footer-links-clean ol{
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  footer .footer-links-clean li{
    display: inline !important;
    padding: 0 !important;
    margin: 0 10px 8px 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  /* HARD reset for anchors that theme turns into buttons or pills */
  footer .footer-links-clean a,
  footer .footer-links-clean a.btn,
  footer .footer-links-clean .btn,
  footer .footer-links-clean [class*="btn"],
  footer .footer-links-clean a[class*="btn"]{
    all: unset !important;                 /* wipe inherited button styles */
    display: inline !important;
    color: #ffffff !important;
    cursor: pointer !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 0 10px 8px 0 !important;
    text-decoration: none !important;
  }

  /* Kill any decorative pseudo elements from pill styles */
  footer .footer-links-clean a::before,
  footer .footer-links-clean a::after{
    content: none !important;
    display: none !important;
  }

  /* Optional hover underline to feel linky */
  footer .footer-links-clean a:hover{
    text-decoration: underline !important;
  }
}

@media (max-width: 768px){

  /* Turn links into a vertical list under each heading */
  footer .footer-links-clean ul,
  footer .footer-links-clean ol{
    display: block !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-align: center !important; /* or center if you prefer */
  }

  footer .footer-links-clean li{
    display: block !important;
    margin: 6px 0 !important;
    padding: 0 !important;
  }

  /* Style individual links */
  footer .footer-links-clean a{
    display: block !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
  }

  footer .footer-links-clean a:hover{
    text-decoration: underline !important;
  }
}

/* Phones in landscape only */
@media (max-width: 900px) and (orientation: landscape){

  /* Make the CTAs smaller to fit the shorter height */
  .hero-cta-group .cta-primary,
  .hero-cta-group .cta-secondary {
    padding: 10px 16px !important;
    font-size: 14px !important;
    border-width: 2px !important;
  }

  /* Pull the CTA group up to the safe space under the header */
  .hero-cta-group {
    position: relative !important;
    top: -60px !important;             /* adjust as needed */
    margin-bottom: 0 !important;
    z-index: 50 !important;            /* ensure they sit above hero content */
  }

  /* Give the hero enough bottom padding so buttons don’t sit on the category tiles */
  .ex-home .zonetop .contentblock_container {
    padding-bottom: 90px !important;   /* creates clear breathing room */
    overflow: visible !important;
  }

  /* Slight extra gap above category grid to stop overlap */
  .ex-home .catalog-grid {
    margin-top: 20px !important;
    position: relative;
    z-index: 1;
  }
}

@media (max-width:900px) and (orientation:landscape){

  .hero-title span{
    font-size:18pt !important;       /* overrides your inline 28pt */
    line-height:1.2 !important;
  }

  .hero-subtitle{
    font-size:10pt !important;       /* overrides inline 14pt */
    line-height:1.3 !important;
    margin-top:6px !important;
    margin-bottom:6px !important;
  }

  .hero-cta-bar{
    display:flex;
    justify-content:center;
    gap:12px;
    position:relative;
    top:-40px;                       /* lift into safe space, adjust as needed */
    z-index:50;
  }

  .hero-cta-bar .cta-primary,
  .hero-cta-bar .cta-secondary{
    padding:10px 14px !important;
    font-size:14px !important;
  }

  .ex-home .zonetop .contentblock_container{
    padding-bottom:80px !important;
    overflow:visible !important;
  }

  .ex-home .zonetop{
    background-attachment:scroll !important; /* stops grey striping in iOS */
  }
}

.cta-primary,
.cta-secondary{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Secondary CTA hover text colour */
.cta-secondary:hover{
  color: #ffffff !important;
}

/* Curve outlines on the category images used in 'category-small' blocks */
.category-small {
  border-radius: 16px !important;  /* adjust the curve size */
  overflow: hidden !important;     /* keeps the image clipped to the curve */
}

.category-small img {
  width: 100%;                     /* keeps image scaling correctly */
  height: auto;
  object-fit: cover;               /* avoids distortion if container sizes vary */
  border-radius: 16px !important;  /* matches the parent curve */
  display: block;                  /* removes inline gaps */
}

/* Container holds everything in place */
.category-small {
  border-radius: 20px;
  overflow: hidden;       /* critical: hides the zoom overflow */
  position: relative;
}

/* Image starts slightly oversized to allow zoom-in without showing edges */
.category-small img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  /* Start zoomed in slightly and pan inward on hover */
  transform: scale(1.05);     /* initial subtle zoom */
  transition: transform 2s ease;  /* long smooth zoom */
}

/* Hover effect: zooms a bit more but stays contained within the frame */
.category-small:hover img {
  transform: scale(1.20);
}

/* Safari-only background fix */
@supports (font: -apple-system-body) {

  /* Force hero background to render on Safari */
  .ex-home > section.zonetop,
  .ex-home > div.page-content.onecolumn > section.zonetop {
    background-attachment: scroll !important; /* critical fix */
    background-size: cover !important;
    background-position: center center !important;
    min-height: 100vh !important;
    display: block !important;
  }

  /* Keep the header over the hero */
  .ex-home > header {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: transparent !important;
  }

  /* Correct spacing of hero content for Safari */
  .ex-home > section.zonetop > .contentblock_container {
    padding-top: calc(120px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: 20vh !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* brand tokens */
:root{
  --rec-green:#00653a;
  --rec-green-2:#00994c;
  --rec-yellow:#fed141;
  --rec-black:#0f0f0f;
  --rec-white:#ffffff;
  --rec-radius:16px;
  --rec-shadow:0 12px 30px rgba(0,0,0,.12);
}

/* card */
.recorra-addbox{
  background:#fff;
  border-radius:var(--rec-radius);
  box-shadow:var(--rec-shadow);
  padding:18px 18px 20px;
  border:1px solid rgba(0,0,0,.06);
  max-width:420px;
  margin:0 auto;
  transition:transform .2s ease, box-shadow .2s ease;
}
.recorra-addbox:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(0,0,0,.16);
}

/* price badge */
.recorra-addbox .price,
.recorra-addbox .product-price,
.recorra-addbox [class*="price"]{
  display:inline-block;
  background:linear-gradient(180deg, #fff, #f6f6f6);
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:10px 14px;
  font-weight:700;
  color:var(--rec-black);
  margin-bottom:10px;
}

/* pack text under price */
.recorra-addbox .pack,
.recorra-addbox .uom,
.recorra-addbox .price + *{
  color:#6b6b6b;
  font-size:.9rem;
  margin-top:4px;
}

/* qty row */
.recorra-addbox .qty,
.recorra-addbox .quantity,
.recorra-addbox .qty-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin:12px 0 14px;
}
.recorra-addbox .qty button,
.recorra-addbox .quantity button{
  width:40px; height:40px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.1);
  background:#fff;
  font-weight:700;
  cursor:pointer;
  transition:background .15s ease, transform .08s ease, box-shadow .15s ease;
}
.recorra-addbox .qty button:hover{ background:#f3f3f3; }
.recorra-addbox .qty button:active{ transform:scale(.98); }
.recorra-addbox input[type="number"],
.recorra-addbox .quantity input{
  width:72px; height:44px;
  text-align:center;
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  font-weight:600;
}

/* add to basket button */
.recorra-addbox .add-to-basket,
.recorra-addbox button.add,
.recorra-addbox .btn.add{
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 18px;
  background:var(--rec-green);
  color:#fff;
  border:0;
  border-radius:12px;
  font-weight:700;
  letter-spacing:.2px;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
  box-shadow:0 6px 14px rgba(0,101,58,.24);
  cursor:pointer;
}
.recorra-addbox .add-to-basket:hover,
.recorra-addbox button.add:hover{
  background:var(--rec-green-2);
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(0,153,76,.24);
}
.recorra-addbox .add-to-basket:active,
.recorra-addbox button.add:active{
  transform:translateY(0);
  box-shadow:0 6px 14px rgba(0,153,76,.22);
}
.recorra-addbox .add-to-basket:focus-visible{
  outline:3px solid color-mix(in srgb, var(--rec-yellow) 65%, transparent);
  outline-offset:2px;
  border-radius:12px;
}

/* small status text */
.recorra-addbox .stock,
.recorra-addbox .availability,
.recorra-addbox [class*="stock"]{
  color:var(--rec-green);
  font-weight:700;
  margin-top:10px;
}

/* quick list link */
.recorra-addbox a.quicklist,
.recorra-addbox [href*="quick"],
.recorra-addbox .add-to-quick{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  color:var(--rec-green);
  font-weight:600;
  text-decoration:none;
}
.recorra-addbox a.quicklist:hover{ text-decoration:underline; }

/* compact mode for narrow sidebars */
@media (max-width: 420px){
  .recorra-addbox{ padding:14px 14px 16px; border-radius:14px; }
  .recorra-addbox .add-to-basket{ padding:12px 14px; }
}

/* gentle separator if your theme injects this box inside a tall column */
.recorra-addbox + *{ margin-top:16px; }

/* circular +/- buttons */
.recorra-addbox .qty button,
.recorra-addbox .quantity button{
  width:42px;
  height:42px;
  border-radius:50%;
  border:none;
  background:var(--rec-green);
  color:#fff;
  font-size:22px;
  font-weight:700;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(0,101,58,.25);
  transition:background .2s ease, transform .1s ease, box-shadow .2s ease;
}

/* hover */
.recorra-addbox .qty button:hover,
.recorra-addbox .quantity button:hover{
  background:var(--rec-green-2);
  box-shadow:0 6px 14px rgba(0,153,76,.28);
  transform:translateY(-1px);
}

/* active press feedback */
.recorra-addbox .qty button:active,
.recorra-addbox .quantity button:active{
  transform:translateY(0);
  box-shadow:0 4px 10px rgba(0,153,76,.22);
}

/* number input refinements */
.recorra-addbox input[type="number"],
.recorra-addbox .quantity input{
  width:68px;
  height:42px;
  font-size:18px;
  font-weight:700;
  text-align:center;
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  margin:0 6px;
  outline:none;
}

/* optional remove inner spin controls (cleaner UI) */
.recorra-addbox input::-webkit-outer-spin-button,
.recorra-addbox input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.recorra-addbox input[type=number]{
  -moz-appearance:textfield;
}

/* centre-align price, pack size and VAT in a single horizontal row */
.recorra-addbox .price,
.recorra-addbox .pack,
.recorra-addbox .vat,
.recorra-addbox .product-price,
.recorra-addbox .uom,
.recorra-addbox [class*="vat"] {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* group them properly */
.recorra-addbox .price-block,
.recorra-addbox .price-group,
.recorra-addbox .price-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* create a grouping wrapper if there isn't one */
.recorra-addbox .price,
.recorra-addbox .pack,
.recorra-addbox [class*="vat"] {
  vertical-align: middle;
}

.recorra-addbox .price-label-inc-vat {
  display: block !important;
  margin-top: 8px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Remove the X or Twitter share on product pages */
.ex-product .product-social-sharing,
.ex-product .twitter-share-button,
.ex-product iframe[src*="twitter.com"],
.ex-product iframe[id^="twitter-widget-"],
.ex-product [data-scribe="component:button"],
.ex-product a[href*="twitter.com/intent"]{
  display: none !important;
}

/* Trigger block */
.recorra-seen-cheaper{
  display:flex;
  justify-content:center;
  margin:32px 0;
}

.seen-trigger{
  background:transparent;
  border:0;
  text-align:center;
  cursor:pointer;
  padding:0;
}

.seen-graphic{
  width:260px;
  max-width:90vw;
  display:block;
  margin-inline:auto;
  transition:transform .18s ease, filter .18s ease;
}

.seen-trigger:hover .seen-graphic{
  transform:translateY(-2px);
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.12));
}

.seen-sub{
  display:block;
  margin-top:10px;
  color:#00653a;
  font-weight:600;
  font-size:15px;
}

/* Modal shell */
.seen-modal[hidden]{ display:none; }

.seen-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  transition:opacity .2s ease;
  z-index:1000;
}

.seen-panel{
  position:fixed;
  left:50%;
  top:0;
  transform:translate(-50%,-20px);
  width:min(520px,92vw);
  background:#fff;
  border-radius:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.22);
  padding:20px 20px 16px;
  opacity:0;
  transition:transform .26s cubic-bezier(.25,.8,.25,1), opacity .26s ease;
  z-index:1001;
  margin-top:20px;
}

.seen-modal.show .seen-backdrop{
  opacity:1;
}

.seen-modal.show .seen-panel{
  opacity:1;
  transform:translate(-50%,40px);
}

/* Close button */
.seen-close{
  position:absolute;
  right:14px;
  top:8px;
  border:0;
  background:transparent;
  font-size:28px;
  line-height:1;
  color:#444;
  cursor:pointer;
}

/* Modal heading */
.seen-head{
  margin:0 0 12px;
  color:#00653a;
  font-size:22px;
  font-weight:800;
  text-align:center;
}

/* Form layout */
.seen-form{
  display:grid;
  gap:14px;
}

.seen-label{
  font-weight:700;
  color:#00653a;
}

.seen-input{
  width:100%;
  border:1px solid rgba(0,0,0,.15);
  border-radius:12px;
  padding:12px 14px;
  font-size:16px;
  background:#fff;
  transition:box-shadow .18s ease, border-color .18s ease;
}

.seen-input:focus{
  border-color:#00994c;
  box-shadow:0 0 0 4px rgba(0,153,76,.18);
  outline:0;
}

/* Consent checkbox */
.seen-consent{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:#333;
}

/* Submit button */
.seen-submit{
  background:#00653a;
  color:#fff;
  border:0;
  border-radius:12px;
  padding:12px 16px;
  font-weight:800;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .18s ease, background .15s ease;
}

.seen-submit:hover{
  background:#00994c;
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(0,0,0,.12);
}

.seen-help{
  margin:6px 0 0;
  text-align:center;
  font-size:14px;
  color:#555;
}

/* Motion safety */
@media (prefers-reduced-motion: reduce){
  .seen-graphic,
  .seen-backdrop,
  .seen-panel,
  .seen-submit{
    transition:none;
  }
}

.seen-trigger {
  background: transparent !important;
}

.seen-trigger:hover {
  background: transparent !important;
}

.seen-trigger:hover .seen-graphic {
  transform: translateY(-4px) scale(1.03);
  filter: drop-shadow(0 12px 24px rgba(0,0,0,0.18));
  transition: transform .25s ease, filter .25s ease;
}

/* Shimmer effect */
.seen-trigger {
  position: relative;
  overflow: hidden;
}

.seen-trigger::after {
  content: "";
  position: absolute;
  top: 0;
  left: -70%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.5) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
  opacity: 0;
  pointer-events: none;
}

.seen-trigger:hover::after {
  animation: recorra-shimmer 0.75s ease forwards;
}

@keyframes recorra-shimmer {
  0%   { left: -70%; opacity: 0; }
  30%  { opacity: 0.3; }
  100% { left: 120%; opacity: 0; }
}

/* MOBILE hero fine-tune */
@media (max-width: 768px){

  /* Slightly lower hero content */
  .ex-home > section.zonetop > .contentblock_container,
  .ex-home section.zonetop > div.contentblock_container{
    margin: 0 !important;
    padding-top: 20px !important;   /* moved down from 72px */
    padding-bottom: 28px !important;
    padding-left: 8vw !important;
    padding-right: 8vw !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* Keep the hero height balanced */
  .ex-home > section.zonetop{
    min-height: 85vh !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Vertically stack CTAs and center them */
  .hero-cta-group{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    margin-top: 24px !important;
  }

  .hero-cta-group a,
  .hero-cta-group .cta-primary,
  .hero-cta-group .cta-secondary{
    width: 100% !important;
    max-width: 300px !important;
    text-align: center !important;
  }
}

/* MOBILE CTA FIX — buttons inside .css-hero-title */
@media (max-width: 768px){

  /* Center and stack everything inside hero title */
  .css-hero-title{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
    width: 100% !important;
  }

  /* Make both CTAs identical */
  .css-hero-title a,
  .css-hero-title .cta-primary,
  .css-hero-title .cta-secondary,
  .css-hero-title button{
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 90% !important;          /* same width for both */
    max-width: 340px !important;    /* prevents stretching too wide */
    text-align: center !important;
    margin: 0 auto !important;
    padding: 16px 24px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  /* Tighten spacing slightly if needed */
  .css-hero-title .cta-secondary{
    margin-top: 0 !important;
  }


}

/* MOBILE CTA ALIGNMENT inside .hero-title */
@media (max-width: 768px){

  /* stack and center the hero content */
  .hero-title{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
    width: 100% !important;
  }

  /* make both CTAs identical and centered */
  .hero-title .cta-primary,
  .hero-title .cta-secondary,
  .hero-title a[class*="btn"],
  .hero-title a.button,
  .hero-title button{
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 92% !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    padding: 16px 24px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  /* remove any leftover left margin on the second CTA */
  .hero-title .cta-secondary{
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  /* if the CTAs are inside a table, force full width rows */
  .hero-title table{ display: block !important; width: 100% !important; }
  .hero-title table td{
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 0 12px 0 !important;
  }
}

/* FINAL mobile CTA alignment inside .hero-title */
@media screen and (max-width:768px){

  /* make the hero title a simple vertical stack */
  .hero-title{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    text-align:center !important;
    width:100% !important;
  }

  /* neutralise tables if the CTAs sit in table cells */
  .hero-title table,
  .hero-title tbody,
  .hero-title tr,
  .hero-title td{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    margin:0 0 12px 0 !important;
    text-align:center !important;
  }

  /* make both CTAs identical and centered */
  .hero-title .cta-primary,
  .hero-title .cta-secondary,
  .hero-title a[class*="btn"],
  .hero-title a.button,
  .hero-title button{
    display:inline-flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:92% !important;          /* same width */
    max-width:360px !important;
    margin:0 auto 12px auto !important;
    padding:16px 24px !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }

  /* remove any leftover left margin on the second CTA */
  .hero-title .cta-secondary{
    margin-left:0 !important;
  }
}

/*furniture 2025 */ 

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

.furniback {
background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Furniture 2025/Furniture- hero.png");
background-size: cover; 
  background-repeat: no-repeat;
  height: 618px;
  align-content: center;
}

@media only screen and (min-width: 768px) {  
.ex-category-furniture h1 {
	font-family: 'Gotham';  
	font-size: 3vw;
    font-weight: 700;
} 
 .ex-category-furniture p {
	font-size: 1vw;
}
  
  .ex-category-furniture h2, h3, h4, h5 { 
	font-size: 1.5vw;
    font-weight: 700;
} 
}

.textrpad {
    padding-right: 10vw;
}

.greencard {
    background-color: #00653A;
    border-radius: 2px;
    padding: 1vw;
 border-bottom: inset 10px;
}

.rangeback {
background: url("https://eu.evocdn.io/dealer/1066/content/media/My_Banners/Kascaid/Furniture 2025/furniture range.png");
background-size: cover; 
  background-repeat: no-repeat;
  align-content: center;
}

.blackback {
  background: #000;
}

/* furniture hover blocks*/ 
 .hoverboxeswhitebg {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 60px;
  }  
  
.hoverboxesinnnerwhitebg {
display: flex;
margin: auto;
align-items: center; 
width: 100%;
}

.hoverboxeswhitebg p {
    color: #000;
  margin-bottom: 20px;
}
.hoverboxeswhitebg h3 {
    color: #000;
    margin-bottom: 0px;
  margin-bottom: 30px;
}
  .hoverboxeswhitebg h4 {
  line-height: 24px !important;
  font-weight: 700 !important;
    color: #21528c !important;
    text-align: center !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}

.hoverboxeswhitebg .col-md-6, .hoverboxeswhitebg .col-md-5, .hoverboxeswhitebg .col-md-7,  {
    display: flex;
    flex-direction: column;
}

.hoverboxrightwhitebg {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.hoverboxrightinnerwhitebg {
background-color: #ffb800;
margin: 5px;
border-radius: 30px;
transition: all 0.5s ease-out; 
padding: 0px;  
}
.hoverboxrightinnerwhitebg img {
border-radius: 30px 30px 0 0;
}

.hoverboxrightinnerwhitebg:hover {
background-color: #0f6392;
}
  .hoverboxrightinnerwhitebg:hover h4 {
color: #fff !important;
}
.hoverboxrightinnerwhitebgv2 {
display: flex;
justify-content: center;
}
.hoverboxrightinnerwhitebgv2 img {
border-radius: 30px;
margin: 5px auto;

}
.hoverboxrightinnerwhitebgv3 {
background-color: #fff;
margin: 5px;
border-radius: 30px;
transition: all 0.5s ease-out; 
padding: 0px;  
}
.hoverboxrightinnerwhitebgv3 img {
border-radius: 30px 30px 0 0;
}
.hoverboxrightinnerwhitebgv3 h4 {
margin-top: 9px;
color: #00653A !important;
}
.hoverboxrightinnerwhitebgv3:hover {
background-color: #ffb800;
}
  .hoverboxrightinnerwhitebgv3:hover h4 {
color: #ffb800;
}


.hoverboxrightwhitebg .row {
    display: flex;
 /*   flex: 1; */
}

.hoverboxright-itemwhitebg {
    display: flex;
    justify-content: center;  
    flex-direction: column;
    height: 100%; /* Ensure list items take up available height */
    padding: 0px; /* Adjust padding as needed */
   /* background-color: transparent; */
}

.hovertextleftwhitebg {
    width: 100%;
    height: 100%; /* Ensure it takes up available height */
    display: flex;
    justify-content: center;
    align-items: start;
flex-direction: column;
max-width: 500px;
}
@media (max-width: 991px) {
.hoverboxesinnnerwhitebg,  .hoverboxrightwhitebg, .hovertextleftwhitebg, .hoverboxrightwhitebg .row  {
    display: block !important;    
    }
  .hoverboxrightwhitebg .row  {
 margin-bottom: -5px;
  }  
}

.hoverboxesinline {
    display: flex;
    justify-content: space-between;
}

.hoverboxesinnnerinline {
/*display: flex; */
max-width: 1500px;
margin: auto;
padding: 80px 40px;
align-items: center;  
}

.hoverboxesinline p {
    color: #fff;
  margin-bottom: 20px;
}
.hoverboxesinline h3 {
    color: #fff !important;
    margin-bottom: 0px;
  margin-bottom: 30px;
}
  .hoverboxesinline h4 {
    color: #fff;
}
  .hoverboxesinline i {
    font-size: 50px;
    margin: 30px auto 50px;
}
.hoverboxesinline .col-md-6, .hoverboxesinline .col-md-5, .hoverboxesinline .col-md-7,  {
    display: flex;
    flex-direction: column;
}

.hoverboxrightinline {
    display: flex;
    flex-direction: column;
    flex: 1;
  text-align: center;
}

.hoverboxrightinnerinline {
background-color: #00653A;
margin: 5px;
border-radius: 30px;
transition: all 0.5s ease-out;  
}

.hoverboxrightinnerinline:hover {
background-color: #FED141;
}
  .hoverboxrightinnerinline:hover p, .hoverboxrightinnerinline:hover h4, .hoverboxrightinnerinline:hover i {
color: #00653A;
}

.hoverboxrightinline .row {
    display: flex;
 /*   flex: 1; */
}

.hoverboxright-iteminline {
    display: flex;
    justify-content: start;  
    flex-direction: column;
    height: 100%; /* Ensure list items take up available height */
    padding: 25px; /* Adjust padding as needed */
   /* background-color: transparent; */
}

.hovertextleftinline {
    width: 100%;
    height: 100%; /* Ensure it takes up available height */
    display: flex;
    justify-content: center;
    align-items: start;
flex-direction: column;
}

@media (max-width: 991px) {
.hoverboxesinnnerinline,  .hoverboxrightinline, .hovertextleftinline, .hoverboxrightinline .row  {
    display: block !important;    
    }
  .hoverboxrightinline .row  {
 margin-bottom: -5px;
  }  
}

#htmlcontent_290620 {
    background: #fff;
}

document.querySelectorAll('.shop-filters .filter-section > *:first-child').forEach(el => {
    el.style.fontSize = '0.8rem';
    el.style.fontWeight = '600';
    el.style.lineHeight = '1.1';
});




/* Shrink ALL titles in the left Search & Filter menu */
.shop-filters .filter-section h1,
.shop-filters .filter-section h2,
.shop-filters .filter-section h3,
.shop-filters .filter-section h4,
.shop-filters .filter-section h5,
.shop-filters .filter-section h6,
.shop-filters .filter-section .filter-static {
  font-size: 0.8rem !important;   /* change this value if you want smaller/bigger */
  line-height: 1.1 !important;
}