/* General Styling */
.ex-home > div.desktop > div, .ex-name-howwecanhelp > div.page-content.onecolumn > section.catalog-grid > div,
.ex-name-keycontacts > div.page-content.onecolumn > section.catalog-grid > div, .ex-name-youreingoodcompany > div.page-content.onecolumn > section.catalog-grid > div,
.ex-name-specialoffers > div.page-content.onecolumn > section.catalog-grid > div, .ex-name-contactus > div.page-content.onecolumn > section.catalog-grid > div, .ex-name-promotionalgifts > div.page-content.onecolumn > section.catalog-grid > div,
.ex-category-officesupplies > div.page-content.onecolumn > section.catalog-grid > div, .ex-category-furniture > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100vw;
  padding-left: 0px;
  padding-right: 0px;
}

.ex-home > section.zonetop {
  margin-bottom: 0px;
}

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

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

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

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

.paddingtb3 {
  padding-top: 3vw;
  padding-bottom: 3vw;
}

.paddingtb4 {
  padding-top: 4vw;
  padding-bottom: 4vw;
}

.paddingtb5 {
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.padding1 {
  padding: 1vw;
}

.padding2 {
  padding: 2vw;
}

.padding3 {
  padding: 3vw;
}

.w25 {
  width: 25vw;
}

.dflex {
  display: flex;
}

.dflexcent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dflexcentcoll {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.colflexc {  
	display: flex;
    flex-direction: column;
    flex: 1;
  	justify-content: center;
} 
  
.colflexr {  
	display: flex;
    flex-direction: row;
    flex: 1;  
}
  
.colflexr2 {  
		display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end; 
}  
  
.fullwimg {
  width: 100%;
} 

.centeralign {
  text-align: center;
}

.btn-o {
    background: #F69800;
}

.btn-b {
    background: #38B6FF;
}

.btn-p {
    background: #FF66C4;
}

.btn-w {
    background: white;
}

.btn-wb {
    background: white;
  	border: 1px solid #C6D02C;
}

.btn:hover {
  transition: 750ms;
}

.greyback {
  background: #5B5B5B;
}

.lgreyback {
  background: #EFEFEF;
}

.dgreyback {
	background: #353634;
}

.whiteback {
  background: white;
}

.transwhiteback {
  background: #FFFFFF99;
  border: 1px solid #00000080;
}

.whitebackdeal {
  background: linear-gradient(180deg, rgba(24, 38, 43, 0) 25%, rgba(255, 255, 255, 1) 35%);
}

.contactback {
	background: url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/Homepage/Main Form-background image.png");
	background-size: cover;
	background-position: center;
}

#contactform_248861 > form > div > label, #contactform_250919 > form > div > label {
  display: none;
}

#contactform_248861 > form > div:nth-child(6), #contactform_250919 > form > div:nth-child(6) {
  padding-top: 2vw;
}

#contactform_248861 > form > button, #contactform_250919 > form > button {
  margin-bottom: 2vw;
}

@media (min-width: 770px) {
body > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div.dflexcentr > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
  }

/* General Styling - MOBILE */
@media (max-width: 770px) {
  .colflexr2 {  
	display: flex;
	flex-direction: column; 
    align-items: center;
}
  
.ex-home > div.page-content.container.mobile.onecolumn {
  width: 100vw;
  padding-left: 0px;
  padding-right: 0px;
  }
  
.mcentre {
  text-align: center;  
  }
}

/* Header Changes */
#logo_250549 > div > a > img {
  max-width: 100% !important;
  max-height: fit-content!important;
}

body > header > div.header-full > div > div > div > div {
  justify-content: space-evenly;
}

.hservicebox h4 {
  color: white;
  margin-bottom: 0px;
  font-size: 1.2vw!important;
}

.orange {
  background: #F69800;
}

.red {
  background: #F20001;
}

.ex-loggedin #contentblock_250555 {
  padding-left: 0px;
}

.ex-loggedin #contentblock_250555 > div > p:nth-child(1) {
  text-align: left;
}

.ex-loggedout #contentblock_250555 > div > p:nth-child(1) {
  text-align: center;
}

@media (min-width: 770px) {
#contentblock_250615, #contentblock_250618, #contentblock_250619, #contentblock_250620,
#singlebanner_251361, #singlebanner_251359, #singlebanner_251357, #singlebanner_251360 {
  width: 25%;
}
  
#search_72, #contentblock_250555 {
  width: 40%;
}
  
.toolbar a i {
  color: #C6D02C;
  }
}

/* Font Styling */
@media (min-width: 770px) {
.ex-home h1, .ex-name-howwecanhelp h1, .ex-name-keycontacts h1, .ex-name-youreingoodcompany h1, .ex-name-specialoffers h1, .ex-name-contactus h1, .ex-name-promotionalgifts h1, .ex-category-officesupplies h1, .ex-category-furniture h1 {
	font-size: 3.5vw;
}  
  
.ex-home h2, .ex-name-howwecanhelp h2, .ex-name-keycontacts h2, .ex-name-youreingoodcompany h2, .ex-name-specialoffers h2, .ex-name-contactus h2 {
	font-size: 2.8vw;
}
  
#contentblock_248879 > div > h2, #contentblock_250913 > div > h2 {
  font-size: 2.5vw;
}
  
.ex-home h3 {
  font-size: 2.5vw;
}
  
.ex-name-keycontacts h3, .ex-name-contactus h3 {
  font-size: 1.5vw;
}
  
.catalog-single h3 {
  font-size: 2.8vw;
}
  
#contactform_248861 > form > h3, #contactform_250919 > form > h3 {
  font-size: 2vw;
}
  
.ex-name-howwecanhelp h4 {
  font-size: 1.2vw;
}
  
.ex-name-keycontacts h4 {
  font-size: 1vw;
}
  
#contentblock_248860 > div > p, #contentblock_250918 > div > p {
  font-size: 2.5vw;
}  
  
.sofont > p {
 font-size: 1.3vw;
}  
  
.dealsgfont { 
  font-size: 2vw;
  }
}

.ex-home h4 {
  font-weight: 700;
}

.dealsgfont { 
	color: #C6D02C;
}


/* Homepage */
body > section.zonetop > div > div > div > div > div > div > div > h1, #contentblock_248837 > div > h2, #contentblock_248854 > div > h3,
#contentblock_248860 > div > h2, #contentblock_248860 > div > p {
  color: white;
}

@media (min-width: 770px) {
#contentblock_248817, #contentblock_248819, #contentblock_248820, #contentblock_248821, #contentblock_248822 {
  width: 20%;
}
}

.homehero {
        background: url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/Homepage/Hero banner- background only.jpg");
        background-size: cover;
        background-position: center;
        height: auto;
  		min-height: 50vh;
}

.hoverscale:hover {
  	transform: scale(0.9);
    transition: 2000ms;
}

.ex-home .owl-item {
  background: white;
  margin-right: 1vw;
}

#singlebanner_248913 > div > div > img.responsive.deskimg, #singlebanner_248859 > div > div > img.responsive.deskimg {
  width: 100vw;
}

body > div.desktop > div > div > div > div.dflexcentr > div {
  display: flex;
  justify-content: center;
  align-items: center;
}

#contentblock_248860 > div > p, #contentblock_250918 > div > p {
line-height: 1.2;
}

/* Homepage - MOBILE */
@media (max-width: 770px) {
.ex-home > div.page-content.container.mobile.onecolumn > div > div > div:nth-child(3) > div > div > div > h2,
.ex-home > div.page-content.container.mobile.onecolumn > div > div > div.dgreyback.paddingtb4.paddinglr.mcentre > div > div:nth-child(1) > div > h3,
.ex-home > div.page-content.container.mobile.onecolumn > div > div > div.contactback.paddinglr.paddingtb2.dflexcentr > div > div.col.col-sm-12.contentblock_container.mobile-widget-wrapper > div > h2,
body > div.page-content.container.mobile.onecolumn > div > div > div.contactback.paddinglr.paddingtb2.dflexcentr > div > div.col.col-sm-12.contentblock_container.mobile-widget-wrapper > div > p:nth-child(3) {
    color: white;
  }
}

/* Homepage - Service Mosaic */
.image-mosaic {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-auto-rows: 240px;
}

.card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #353535;
  font-size: 3rem;
  color: #fff;
  box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transition: all 500ms;
  overflow: hidden;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}

.card:hover {
  transform: scale(0.95);
  transition: 750ms;
}

@media screen and (min-width: 600px) {
.card-tall {
    grid-row: span 2 / auto;
  }

.card-wide {
    grid-column: span 2 / auto;
  }
  
.card:hover {
  transform: scale(0.95);
  transition: 750ms;
}  
}

/* Sub-Page Hero */
.subpagehero {
	height: 30vh;
    align-content: center;
}

.ex-name-howwecanhelp > div.page-content.onecolumn > section.zonetop > div > div > div > div > div > div > div > h1,
.ex-name-keycontacts > div.page-content.onecolumn > section.zonetop > div > div > div > div > div > div > div > h1,
.ex-name-youreingoodcompany > div.page-content.onecolumn > section.zonetop > div > div > div > div > div > div > div > h1,
.ex-name-specialoffers > div.page-content.onecolumn > section.zonetop > div > div > div > div > div > div > div > h1,
.ex-name-contactus > div.page-content.onecolumn > section.zonetop > div > div > div > div > div > div > div > h1,
.ex-category-furniture > div.page-content.onecolumn > section:nth-child(1) > section > div > div > div > div > div > div > div > h1,
.ex-category-officesupplies > div.page-content.onecolumn > section > section > div > div > div > div > div > div > div > h1,
.ex-name-promotionalgifts h1 {
  color: white;
}

@media screen and (min-width: 770px) {
.subpagetitlepad {
  padding-left: 10vw;
}
}

/* How We Can Help */
.hwchback {
	background: url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/How we can help/HWCH-Hero Full Width.png");
    background-size: cover;
    background-position: center;
}

#doublebanner_248908 > div > div > div > div.col-sm-6.banner1:hover, #doublebanner_248908 > div > div > div > div.col-sm-6.banner2:hover,
#doublebanner_248909 > div > div > div > div.col-sm-6.banner1:hover, #doublebanner_248909 > div > div > div > div.col-sm-6.banner2:hover {
  	transform: scale(0.95);
    transition: 750ms;
}

.ex-name-howwecanhelp > div.page-content.onecolumn > section.catalog-grid > div > div > div.col.col-lg-12.col-md-12 > div.lgreyback.paddingtb2.paddinglr > div {
  background: white;
}

.d-flex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap:wrap}
.jsb{justify-content: space-between;}
.jcc{justify-content: center;}

.ourClient {
    padding: 4% 0;
}

.img-swap img {
    -webkit-filter: grayscale(1);
    transition: all .5s ease-in-out;
    padding: 15px 0;
}

.img-swap img:hover {
    -webkit-filter: grayscale(0);
}

  /* Key Contacts */
.kcback {
	background: url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/Key Contacts/Key Contacts-Hero Full Width.jpg");
    background-size: cover;
    background-position: center;
}

  /* Furniture */
.furnback {
	background: url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/Furniture/Emerge-%20Furniture-%20Banner.png");
    background-size: cover;
    background-position: center;
}

@media screen and (min-width: 700px) {
.whitebackh {
  min-height: 30vw;
}
}

@media screen and (min-width: 1500px) and (max-width: 1600px) {
.whitebackh {
  min-height: 37vw;
}
}

  /* You're in Good Company */
.ygcback {
	background: url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/You're in good company/YIGC-Hero Full Width.png");
    background-size: cover;
    background-position: center;
}

.boxshadow {
  box-shadow: 0px 0px 20px 0px #00000026;
}

  /* Special Offers */
.soback {
	background: url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/special offers/Special offers- Hero Full Width.jpg");
    background-size: cover;
    background-position: center;
}

.sofont > h2 {
  color: #C6D02C;
}

.sofont > p {
 color: white;
}

.ex-name-specialoffers .owl-item {
  background: white;
  margin-right: 1vw;
}

.sodeskback {
	background: url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/special offers/Desking-fw banner.png");
    background-size: cover;
    background-position: center;
}

.sostorback {
	background: url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/special offers/Storage-fw banner.png");
    background-size: cover;
    background-position: center;
}

.soseatback {
	background: url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/special offers/Seating- fw banner.png");
    background-size: cover;
    background-position: center;
}

.soaccback {
	background: url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/special offers/Accessories-fw banner.png");
    background-size: cover;
    background-position: center;
}

  /* Contact Us */
.contactusback {
	background: url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/Contact Us/contact us-Hero Full Width.png");
    background-size: cover;
    background-position: center;
}

#contentblock_250918 > div > h2, #contentblock_250918 > div > p {
  color: white;
}

@media screen and (min-width: 700px) {
#contentblock_250924, #contentblock_250925, #contentblock_250926, #contentblock_250927 {
  width: 25%;
}
}

@media (min-width: 770px) {
#singlebanner_255391, #singlebanner_255392, #singlebanner_255393, #singlebanner_255394, #singlebanner_255395 {
  width: 20%;
}
}

.ex-name-workwear > div.page-content.onecolumn > section.catalog-grid > div {
  WIDTH: 100VW;
    PADDING: 0PX;
}
  
.rbfullw {
    padding-left: 10vw;
    padding-right: 10vw;
}

.rbgreyback {
  background: #5B5B5B;
}

.rbgreybackhalf {
background: rgb(91,91,91);
background: linear-gradient(180deg, rgba(91,91,91,1) 25%, rgba(255,255,255,1) 25%);
  }


/* Promotional Gifts */
.promgback {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.60) 100%, rgba(0, 0, 0, 0.60) 100%), url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/Promotional Gifts/PromoGifts_EmergeHeader.jpg");
    background-size: cover;
    background-position: center;
}

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

/* Furniture */
.furnback2 {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.60) 100%, rgba(0, 0, 0, 0.60) 100%), url("https://eu.evocdn.io/dealer/1847/content/media/My_Banners/Kascaid/Furniture/Furniture_EmergeHeader.jpg");
    background-size: cover;
    background-position: center;
}

/* Business Supplies */
/* Bic- dpp */

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

@media (min-width: 769px) {
#contentblock_270657, #contentblock_270656,#contentblock_270655,#contentblock_270654 {
width: 25%;
}
}

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

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

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

@media (min-width: 760px) {
.bicpt {
  padding-top: 5vw;
}
}

/*Acco*/

@media (min-width: 769px) {
#contentblock_273137, #contentblock_273138, #contentblock_273139, #contentblock_273140 {
width: 25%;
}
}

.accogreen {
  background: #92d050;
  margin-left: -14vw;
  margin-right: -14vw;
  padding-top: 0.5vw;
  Padding-bottom: 0.5vw;
}

/*2work*/

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

@media (min-width: 769px) {
#contentblock_274436, #contentblock_274437, #contentblock_274438, #contentblock_274439 {
width: 25%;
}
}

/*qconnect*/

.qgreen {
  background: #8dc73f;
  margin-left: -14vw;
  margin-right: -14vw;
  padding-top: 3vw;
  Padding-bottom: 3vw;
}

@media (min-width: 769px) {
#contentblock_278052, #contentblock_278053, #contentblock_278054, #contentblock_278055 {
width: 25%;
}
}