/**
Medium - Large Layout (<640)
**/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?nojmsf');
	src:url('../fonts/icomoon.eot?#iefixnojmsf') format('embedded-opentype'),
		url('../fonts/icomoon.woff?nojmsf') format('woff'),
		url('../fonts/icomoon.ttf?nojmsf') format('truetype'),
		url('../fonts/icomoon.svg?nojmsf#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*body{
	background: url(../img/BGGeneric.jpg) no-repeat fixed center top #898989;
}*/
	.w-w1{
		background: url(../img/skin/mobile/m-w1.png) repeat-x 0 0 / 15px 495px fixed;
		background: none;
	}
		.w-w2{
			background: url(../img/skin/mobile/m-w2.png) repeat-x 0 495px / 1px 6000px fixed;
			background: none;
		}

.section-inner{
	padding: 0 15px;
}

body.blue #logo{
	background-color: #fff;
}
/*#logo:before{
	content:"";
	display: inline-block;
	height: 68px;
	width: 75px;
	background: url(../img/logo_cloverdale_mobile.png) no-repeat;
	background-size: contain!important;
	margin-top: 2px;
}
	body.blue #logo:before{
		width: 112px;
		height: 27px;
		margin-top: 25px;
		background-image: url(../img/logo_cloverdale-industrial_mobile.png);
	}
#logo img{
	display: none!important;
}*/

/* HEADER
-------------------*/
#header{
	position: relative;
	z-index: 100;
}
	.h-w2.section-inner{padding: 0;}

/*--TOPBAR--*/
.blue .page-section #topbar {
	background: #99b5c8;
}

#topbar{
	height: 35px;
	background: #d4d4d4;
	color: #fff;
	position: relative;
	
}
.topbar-internal{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*--TOPBAR MENU--*/
#topbarmenu{
	float: right;
	height: 50px;	
}
	/*trigger*/
	#trigger-topbarmenu{
		display: block;
		height: 50px;
		font-weight: 700;
		color: #000;
		font-size: 14px;
		line-height: 50px;
		text-align:right;
		cursor: pointer;
	}
		#trigger-topbarmenu>span{display: inline-block; padding-left: 6px;padding-right:15px}
		/*Icon Trigger*/
		.icon-menu{
			width: 10px;
			height: 10px;
			display: inline-block;
			position: relative;
			left: 0;
			top: 4px;
			margin-right: 5px;
		}
			.icon-menu span,
			.icon-menu span:before,
			.icon-menu span:after{
				display: block;
				position: relative;
				height: 2px;
				width: 20px;
				background: #000;
			}
				.icon-menu span:before{
					content:"";
					position: absolute;
					top: -4px;
					left: 0;
				}

				.icon-menu span:after{
					content:"";
					position: absolute;
					top: 4px;
					left: 0;
				}

	/*dropdown*/
	.topbarnav{
		position: absolute;
		left: 0;
		top: 105px;
		width: 100%;
		background: #000;
		padding: 36px 15px 30px 15px;
		display: none;
		
	}
		.topbarnav.dropmenu{
			display: block;
			-webkit-animation: fadeIn 0.1s;
			animation: fadeIn 0.1s;
		}

	/*closemenu*/
	.closemenu{
		text-transform: uppercase;
		font-weight: 700;
		font-family: Arial, sans-serif;
		position: absolute;
		left: 15px;
		font-size: 14px;
		bottom: 24px;
		cursor: pointer;
	}
		.closemenu span{
			position:relative;
			left: 0;
			top: 2px;
			margin-right: 5px;
		}

/*--MAINNAV--*/
#mainnav{
	border-top: 2px solid #646464;
	border-bottom: 2px solid #646464;
	line-height: 1;
}
	#mainnav li{position: relative;}
	#mainnav li.active a {
		font-weight: 700;x
	}

	/*First Level*/
	#mainnav .nav.L1>li>a,
	#mainnav .nav.L1>li>.togglemenu, #mainnav ul li.L1Hidden > a {
		display: none;
	}
		.template-home #mainnav .nav.L1 > li{
			border-top: 1px dotted #646464;
		}
			.template-home #mainnav .nav.L1 > li:first-child{border-top: 0;}
		.template-home #mainnav .nav.L1 > li > a, 
		.template-home #mainnav .nav.L1 > li > .togglemenu, 
		.template-home #mainnav ul li.L1Hidden > a{
			color: #fff;
			display: inline-block;
			font-size: 14px;
			padding: 10px 10px 11px;
			text-decoration: none;
			text-transform: uppercase;
		}

    #mainnav ul.L1 ul {
        display: none;
    }

    #mainnav ul.L1 ul.active {
        display: block;
    }

    #mainnav ul.L2 ul.active {
    	display: none;
    }

	/*Second Level*/
	#mainnav .nav.L2>li{
		border-top: 1px dotted #646464;		
	}
		#mainnav .nav.L2>li:first-child{
			border-top: 0;
		}

		#mainnav .nav.L2>li>a{
			display: inline-block;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
			padding: 10px 10px 11px 10px;
			font-size: 14px;
		}

		/*#mainnav .nav.L2>li.open{
		background: #9ea374;
		}
		.yellow #mainnav .nav.L2 > li.open{background:#FFD200; background: none;}
		.blue #mainnav .nav.L2 > li.open{background:#8FACBF;}*/

			#mainnav .nav.L2>li.open .nav.L3{display: block;}

	/*Third Level*/
	#mainnav .nav.L3{
		display: none;
	}
		#mainnav .nav.L3>li{
			padding: 6px 0;
			/*background: #757956;*/
			background: #333;
		}
			#mainnav .nav.L3>li:last-child{
				padding-bottom: 12px;
			}
			#mainnav .nav.L3>li>a{
				text-decoration: none;
				color: #fff;
				font-size: 14px;
				padding: 4px 10px 4px 0;
				position: relative;
				left: 30px;
				top: 0;
				display: inline-block;
			}

			#mainnav .nav.L3>li.open .nav.L4{display: block;}


	/*Fourth Level*/
	#mainnav .nav.L4{
		padding: 0 0 5px 30px;
		display: none;
	}
		#mainnav .nav.L4>li{
			margin-top: 10px;
		}
		#mainnav .nav.L4>li:before{
			content:"- ";
		}
			#mainnav .nav.L4>li>a{
				display: inline-block;
				color: #fff;
				text-decoration: none;
				font-size: 14px;
				line-height: 1;
			}

	/*Toggle Menu*/
	.nav.L2 .togglemenu{
		position: absolute;
		right: 8px;
		top: 6px;		
	}
		.nav.L2 .togglemenu span{background-color: #c2c0ba;}
			.nav.L2>li.open>.togglemenu span{
				background-color: #000;
				background-position: 5px -6px;
				color: #fff;
				padding-top:0px;
				font-size:24px;
			}



	.nav.L3 .togglemenu{
		position: absolute;
		left: 2px;
		top: 7px;
	}
		.nav.L3 .togglemenu span{
			background-color: #fff;
		}

.yellow .nav.L3 > li.open > .togglemenu span {
	background-color: #ffd200;
	background-position: 5px -6px;
}

.green .nav.L3 > li.open > .togglemenu span {
	background-color: #9ea374;
	background-position: 5px -6px;
}

.blue .nav.L3 > li.open > .togglemenu span {
	background-color: #8facbf;
	background-position: 5px -6px;
}


		.yellow .nav.L2 .togglemenu span, 
		.yellow .nav.L3 .togglemenu span {
			background-color:#ffd200;
		}
		.yellow a.active span {
			color: #ffd200;
		}

		.green .nav.L2 .togglemenu span,
		.green .nav.L3 .togglemenu span {
			background-color: #9ea374;
		}
		.green a.active span {
			color: #9ea374;
		}


		.blue .nav.L2 .togglemenu span,
		.blue .nav.L3 .togglemenu span {
			background-color: #8facbf;
		}
		.blue a.active span {
			color: #8facbf;
		}
	
/*--SECONDARY NAV--*/
#secondarynav{
	float: right;
}
	#secondarynav li{
		margin-top: 15px;
		line-height: 1;
	}
	#secondarynav a{
		text-decoration: none;
		color: #fff;
		text-transform: capitalize;
		font-size: 13px;
	}

    #secondarynav li.more ul {
        /*display: none !important;*/
    }

/*--UTIL--*/
#util{
	float: left;
	width: 100%;
	padding-right: 0;
	display: block;
}
.topbar-home #util{
	padding-right: 0;
	
}
.topbar-home #util a{
	text-align: right;
}
	#util ul{
		padding: 0 !important;
		margin: 0 !important;
	}
	#util li{
		display: table;
		width: 100%;
		text-decoration: none;
	}
		#util a{
			display: inline-block;
			vertical-align: middle;
			color: #000;
			text-align: left;
			font-size: 14px;
			font-weight: 700;
			line-height: 1.083;
			text-decoration: none;
			position: relative;
			padding: 0 0 0 25px;
		}
		#secondarynav li:first-child,
		#secondarynav li:nth-child(2){
			display: none;
		}
		.green #secondarynav li#order_online, .template-home #secondarynav li#order_online {
		    display: none;
		}

		.yellow #secondarynav li#order_online {
		    display: block;
		}
		#secondarynav #order_online a {
		    border: 1px solid #ffde00;
		    border-radius: 4px;
		    padding-top: 2px;
		    padding-bottom: 2px;
		    padding-left: 6px;
		    padding-right: 6px;
		}


/*--LOGO--*/
#logo{
	display: block;
	background: #fff;
	/* width: 130px;
	padding: 0 10px;
	height: 77px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -65px; */
	text-align: left;
	text-decoration: none;
	/* box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);  */
}
	#logo img{
		display: inline-block;
		width: 100%;
		max-width: 275px;
		
	}
	
	/* .green #logo,
	.template-home #logo,
	.yellow #logo{
		background: url(../img/cloverdale-logo-mobile.png) no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.green #logo img,
	.yellow #logo img,
	.template-home #logo img{
		display: none;
	} */



/* MAIN
-------------------*/
#main{
	/*margin: 0 15px;*/
	background: rgba(255, 255, 255, 0.75);
	position: relative;
	z-index: 50;
}
	#main .section-inner{padding: 0;}

	.m-w1{}
		#main .m-w2{
			/*padding: 50px 10px 30px 10px;*/
			padding: 10px 10px 30px;
			overflow: hidden;
		}
			
/*--CURRENT CATEGORY--*/
.page-category span{
	display: block;
	font-family: Arial, sans-serif; 
}
	.page-category .top-parent-category{
		border-bottom: 4px solid #000;
		font-size: 22px;
		text-transform: uppercase;
		font-weight: 700;
		text-align: center;
		color: #000;
		margin-bottom: 25px;
	}

		.template-home .page-category .top-parent-category{display: none;}

	.page-category .current-category{
		font-size: 20px;
		color: #000;
		text-transform: capitalize;
		margin-bottom: 10px;
	}


	.blue .page-category .current-category{
		color: #8facbf;
	}
	.yellow .page-category .current-category{
		color: #b99100;
	}
	.green .page-category .current-category{
		color: #9ea374;
	}


/*--CONTENT--*/
#content{
	padding-top: 0;
	min-height: 0 !important;
}	#content .sf_colsOut,
	#content .sf_3cols_1in_33,
	#content .sf_3cols_3_25,
    #content .sf_2cols_1_50,
   	#content .sf_2cols_2_50,
   	#content .sf_2cols_1_75,
   	#content .sf_2cols_2_75{
    	width: auto!important;
    	float: none!important;
    }	
    	#content .sf_colsIn,
    	#content .sf_2cols_2_50>div,
    	#content .sf_2cols_2_75>div{
    		margin-left: 0 !important;
    	}
    
	.content-img{margin-bottom: 20px;}
	#content img{
		display: block;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		float: none !important;
		width: auto;
	}	

#content .location-map img {display:inherit;max-width:none;box-shadow:0 0 0 transparent;}



/* TEMPLATE: LANDING
-------------------*/
.template-landing #subnav,
.template-landing .current-category{
	display: none;
}
.frontbanner{
	margin-bottom: 20px;
}
/*Banner*/
.homebanner{
	background: url(../img/masthead/frontbanner-mobile.jpg) no-repeat center top;
	background: url(../img/masthead/frontbanner-mobile.jpg) no-repeat center top / cover;
	height: 120px;
	width: 100%;
	margin-bottom: 20px;
	display: block;
}

.template-landing.blue .homebanner{
	background: url(../img/masthead/frontbanner-industrial-mobile.jpg) no-repeat center top;
	background-size: cover;
}

.template-landing.yellow .homebanner{
	background: url(../img/masthead/BannerProfessional.jpg) no-repeat center top;
	background-size: cover;
}

/*Intro block*/
.rodda-block .intro {
	font-size: 18px;
	color: #000;
}
	.rodda-block .intro  a{
		color: #326496;
		text-decoration: none; 
	}
.rodda-block .intro .heading, .template-landing .frontbanner .heading  {
	display: block;
	color: #000;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 20px;
}

/*slider*/
#content .slider img{max-width: 100%;}
.c-w1 .slider ul{margin: 0;}
.c-w1 .slider ul li{padding: 0;}
.c-w1 .slider ul li:before{
	display: none;
}
.slick-dots{bottom: -42px;}
.slick-dots li{
	width: 50px; 
	height: 24px;
	text-align: center;
}
	.slick-dots li button{
		background:url(../img/skin/mobile/slidernav-mobile.png) no-repeat -24px 0;
		background-size: 48px 24px;
		width: 24px;
		height: 24px;
		display: inline-block;
	}
		.slick-dots  li.slick-active button{background-position: 0 0;}


/* TEMPLATE: OVERVIEW
-------------------*/
.template-overview .c-w1 .overview-boxes li{margin:0 0 20px 0;}
.template-overview .c-w1 .overview-boxes li{
	display: block;
	text-align: center;
	float: none;
	width: auto;
}
	.template-overview .c-w1 .overview-boxes li a{display: inline-block;}

	.template-overview .c-w1 .overview-boxes .heading{
		font-size: 16px;
		display: none;
	}

.yellow .overview-boxes .heading {
	font-size: 16px;
	display: block !important;
	color: black;
	font-weight: 600;
	text-align: left;
	padding-left: 15px;
	font-family: 'Lato';
	background: #fecb05;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}


.blue .overview-boxes .heading {
	font-size: 16px;
	display: block !important;
	color: black;
	font-weight: 600;
	text-align: left;
	padding-left: 15px;
	font-family: 'Lato';
	background: #8facbf;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}

.green .overview-boxes .heading {
	font-size: 16px;
	display: block !important;
	color: black;
	font-weight: 600;
	text-align: left;
	padding-left: 15px;
	font-family: 'Lato';
	background: #9ea374;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}

.contact-us-pages .overview-boxes ul li .heading {
	display: block !important;
	color: black;
	font-weight: 600;
	text-align: left;
	padding-left: 15px;
	font-family: 'Lato';
	background: #9ea374;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}

/* TEMPLATE: INTERNAL OVERVIEW
-------------------*/
.template-internal-overview .c-w1 .overview-boxes li:nth-child(2n+1){margin-left: 0; clear:left;}





/* FOOTER
-------------------*/
#footer{z-index: 50; position: relative;}
#footer .section-inner{padding: 0;}

#footer .f-w1{
	/*margin: 0 15px;*/
	background: #fff;
	padding: 8px;
}
#footer ul {
	padding: 0;
}
.foot-sitemap ul,
.other-categories ul{
	padding: 0;
}


/*--QUICK LINKS--*/
#quicklinks, #subnav{
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	padding: 10px 0;
}
#subnav {
	display: none;
	border-bottom:none;
	margin-top:40px;
}
	#quicklinks li, #subnav li{
		border-bottom: 1px dotted #d6d6d6;
		padding: 10px;
	}
	#subnav .L4 > li.active > a:before {
    content: "» ";
}
	#subnav li.last-child {border-bottom:none;}
		#quicklinks li:first-child{border-top: 1px dotted #d6d6d6;}

		#quicklinks a{
			display: inline-block;
			text-decoration: none;
			color: #000;
			text-transform: uppercase;
			font-size: 15px;
			font-weight: 700;
		}
		#subnav a {display: inline-block;
			text-decoration: none;
			color: #000;
			text-transform: uppercase;
			}
#subnav a.L3 {display:none;}

#subnav .nav.L5{margin-left: 10px;}
/*--SOCIAL MEDIA--*/
#footer .socialmedia{
	padding: 10px 0 20px 0;
	text-align: center;
}
	#footer .socialmedia .heading{
		font-size: 15px;
		font-weight: 700;
		font-family: Arial, sans-serif;
		color: #000;
		text-transform: uppercase;
		display: block;
		padding-bottom: 10px;
	}
		#footer .socialmedia .heading br{display: none;}
	#footer .socialmedia li{
		display: inline-block;
		margin: 0 1px;
	}

/*--NEWSLETTER--*/
#newsletter{
	text-align: center;
	margin-bottom: 17px;
}
/*#newsletter .heading{
	display: block;
	font-size: 14px;
	color: #4b4b4b;
	font-family: Verdana, sans-serif;
	margin-bottom: 10px;
}*/
	#newsletter label{
		display: none;
	}

	#newsletter input[type="text"],
	#newsletter input[type="email"]{
		width: 100%;
		border:none;
		background: #dcdcdc;
		box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.41) inset;
		border-radius: 4px;
		background-clip: padding-box;
		padding: 10px;
		overflow: hidden;
		margin-bottom: 10px;
		font-size: 12px;
		color: #424242;
		font-family: Verdana, sans-serif;
		-webkit-appearance: none;
	}

/*--BREADCRUMB--*/
#breadcrumb{
	
	border-bottom: 1px dotted #ccc;
	padding: 0 10px 28px 10px;
}
	/*hide the unnecessary stuff*/
	/*#breadcrumb .bc-home-link,
	#breadcrumb .bc-home-link + .separator{display: none;}*/
.bc-home-link {display:inline-block;}
.breadcrumbs {display:inline-block;}
#breadcrumb .separator {
	display: none;
}

	#breadcrumb .heading{
		display: block;
		text-transform: uppercase;
		font-size: 13px;
		color: #82865f;
	}
	#breadcrumb .heading:after {
		content: 'Home';
		display: block;
		text-transform: none;
		padding: 20px 0 0;
	}
		#breadcrumb .breadcrumbs a{
			clear: left;
			/*float: left;*/
			padding-top: 5px;
			margin-left: 0;
			display: inline-block;
			text-decoration: none;
			color: #8c8c8c;
			padding-right:5px;
		}
			#breadcrumb .breadcrumbs a:before{
				content:"»";
				margin-right: 5px;
			}
			/*#breadcrumb .breadcrumbs a:first-child{
				font-size: 13px;
				margin-left: 0;
				display: inline-block;
				clear: both;
				float: left;
				margin-top: 10px;
			}*/
				/*#breadcrumb .breadcrumbs a:first-child:before{
					display: none;
				}*/

	.breadcrumbs .separator{display: none;}
.breadcrumbs span {
	clear: left;
	/*float: left;*/
	padding-top: 5px;
	display: inline-block;
	margin-left: 0;
	color: #000;
	margin-right: 5px;
	/*display: none;*/
}
		.breadcrumbs span:before{
			content:"»";
			margin-right: 5px;
		}

/*--SITEMAP--*/
.foot-sitemap li{position: relative;}
	.foot-sitemap a{margin: 0 10px;}
.foot-sitemap .togglemenu{
	position: absolute;
	top: 14px;
	right: 0;
}

#footlogo{display: none; visibility: hidden; speak:none;}

/*first level*/
.foot-sitemap .L1>li{
	padding:  20px 0;
	line-height: 1;
	border-top: 1px dotted #d6d6d6;
}
	.foot-sitemap .L1>li:first-child{border-top: none;}
	.foot-sitemap .L1>li>a{
		display: inline-block;
		font-size: 13px;
		color: #000;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
	}

	.foot-sitemap .L1>li.open .togglemenu span{
		background-color: #000;
		background-position: 5px -6px;
	}
.industrial-footer-extra-items li {
	padding: 10px 0;
	line-height: 1;
	border-top: 1px dotted #d6d6d6;
}

.industrial-footer-extra-items li a {
	display: inline-block;
	font-size: 13px;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}

/*second level*/
.foot-sitemap .L2{
	display: none;
}
	.foot-sitemap .L1>li.open .L2{display: block;}

	.foot-sitemap .L2 a{
		display: inline-block;
		color: #4b4b4b;
		font-size: 13px;
		text-transform: capitalize;
		text-decoration: none;
		margin-top: 17px;
	}

/*--OTHER CATEGORIES--*/
.other-categories{
	border-top: 2px solid #000;
	padding: 20px 0;
}
.other-categories ul{
	display: table;
	width: 100%;
}
	.other-categories ul li{
		display: block;
		width: 50%;
        padding-right: 10px;
        float:left;
	}
		.other-categories ul li:first-child{
			padding-left: 0;
		}

		.other-categories li.active{display: none;}

    .other-categories ul.showall li:last-child {
        margin-top: 10px;
    }

.other-categories a{
	display: block;
	background: red;
	text-align: center;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px;
	line-height: 1;
	border-radius: 2px;
	background-clip: padding-box;
	font-family: Verdana, sans-serif;
}
	.other-categories .oc-one a{background: #ffd200;}
	.other-categories .oc-two a{background: #9ea374;}
	.other-categories .oc-three a{background: #8facbf;}

/*--COPYRIGHT--*/
#copyright{
	font-family: Verdana, sans-serif;
	color:#000;
	margin-bottom: 10px;
}

/*--SITEMAP--*/
#bottomlinks li{
	display: inline-block;
	line-height: 1;
	border-right: 1px solid #000;
	padding-right: 10px;
	margin-right: 10px;
}
	#bottomlinks li:last-child{
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}

	#bottomlinks a{
		text-decoration: none;
		color: #797979;
	}

	
/* BACKGROUNDS
-------------------*/
#homebg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
	#homebg .slick-slide img{max-width: 100%;}


/* COMMON CLASESS
-------------------*/

/*Hidden*/
.mobile-h{
	visibility: hidden;
	display: none;
	speak:none;
}

/*Buttons*/

.submit{
	display: block;
	font-size: 12px;
	color: #000;
	font-weight: 700;
	width: 100%;
	padding: 10px;
	border: none;
	text-transform: uppercase;
	
	background-clip: padding-box;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-appearance: none;
    background-color: #ffd200;
	box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.75);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.submit:hover{
	background: #000;
    color: #ffd200;
}

/*When you need a wrapper*/
.wrap{position: relative;}

/*Toggle Menu Button*/
.togglemenu{
	display: block;
	width: 24px;
	height: 24px;
	padding-top: 2px;
	text-align: center;
	cursor: pointer;
}
	.togglemenu span,
	.closemenu span {
		display: inline-block;
		border-radius: 50%;
		background-clip: padding-box;
		/*background: url(../img/skin/mobile/togglemenu.png) no-repeat 5px 5px #c2c0ba;*/
		background-size: 7px 17px;
		height: 16px;
		width: 16px;
		padding-top: 2px;
		display:block !important;
	}
	.closemenu span{
		transform: rotate(45deg);
	}

/*Social Media*/
.socialmedia .social a {
	height: 33px;
	padding-top: 33px;
	overflow: hidden;
	width: 33px;
	display: block;
	background-size: contain;
}

a.social-fb {
	background: url(../img/skin/mobile/social-fb.png) no-repeat;
}

a.social-tw {
	background: url(../img/skin/mobile/social-tw.png) no-repeat;
}

a.social-pi {
	background: url(../img/skin/mobile/social-pi.png) no-repeat;
}

a.social-fl {
	background: url(../img/skin/mobile/social-fl.png) no-repeat;
}

a.social-yt {
	background: url(../img/skin/mobile/social-yt.png) no-repeat;
}

a.social-g {
	background: url(../img/skin/mobile/social-g.png) no-repeat;
}

a.social-t {
	background: url(../img/skin/mobile/social-t.png) no-repeat;
}

a.social-in {
	background: url(../img/skin/mobile/social_instagram.png) no-repeat;
}

a.social-linkedin {
	background: url(../img/skin/mobile/social_linkedin.png) no-repeat;
}

a.social-TTK {
	background: url(../img/skin/mobile/social-tiktok-mobile.png) no-repeat;
}


.socialmedia .social a{
	font-size: 0;
	/*padding-top: 0; */
	overflow: hidden;
	width: 33px;
	display: block;
	background-size: contain;
}
.socialmedia a:before {
	font-family: "FontAwesome";
	display: inline-block;
	font-size: 25px;
	color: #000;
}

.social-fb:before {
	content: "\f39e";
}

.social-tw:before {
	content: "\f099";
}

.social-in:before {
	content: "\e055";
}

.social-linkedin:before {
	content: "\f0e1";
}

.social-pi:before {
	content: "\f231";
}

.social-yt:before {
	content: "\f167";
}

.socialmedia a:hover:before {
	color: #ffd200;
}

a.social-fl {
	background: url(../img/skin/mobile/social-fl.png) no-repeat;
}

a.social-g {
	background: url(../img/skin/mobile/social-g.png) no-repeat;
}

a.social-t {
	background: url(../img/skin/mobile/social-t.png) no-repeat;
}


.signup-newsletter{
	display: block;
    color: #000;
    width: 286px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 27px;
    background: url(../img/icons/newsletter-btn.png) right 0 no-repeat;
    text-align: right;
    text-decoration: none;
    min-height: 50px;
    margin: 15px auto 0 auto;
    text-align: center;
}

/*Facebook*/
.fb-like{
	clear: both;
	margin-top: 30px;
}

/*Checklist*/
.c-w1 .checklist{
	margin: 0 0 25px 0;
	clear: both;
}
	.c-w1 .checklist li{
		padding-left: 22px;
		display: inline-block;
		margin-right: 35px;
		width: 80px;
		position: relative;
		min-height: 22px;
	}

	.c-w1 .checklist li:before{
		content:"";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 16px;
		height: 16px;
		bottom: #fff;
		border:1px solid #000;
	}
	.c-w1 .checklist li.check:after{
		content:"";
		display: block;
		position: absolute;
		left: 3px;
		top: 3px;
		height: 10px;
		width: 10px;
		background: #e6be00;
	}

/*Overview boxes*/
.c-w1 .overview-boxes ul{margin: 0;}
.c-w1 .overview-boxes ul:after {
	content: '';
	display: block;
	clear: both;
}
.c-w1 .overview-boxes li{padding: 0; margin: 0 0 15px 20px;}
.c-w1 .overview-boxes li:before{display: none;}

.overview-boxes li{
	text-align: center;
	float: left;
	width: 125px;
}
	.overview-boxes a{
		display: block;
		text-decoration: none;
		color: #646464 !important;
	}

	.overview-boxes .i-o-image{background: #ccc; display: inline-block;}

	.overview-boxes .desc{
		display: none;
	}

	#content .overview-boxes li img{
		display: block;
		max-width: 100%;
		width: 100%;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	}

	.overview-boxes .heading{
		font-size: 10px;
		padding-top: 5px;
		display: block;
		color: #8c8c8c;
		text-transform: capitalize;
	}

    .mobile-h{
	    visibility: hidden;
	    display: none;
	    speak:none;
    }



.location-map #map_canvas {
    height: 360px;
    width: 100%;
    border:1px solid #000;
}

.c-w1 .location-map .location-type-list .corporate-store {clear:both; float:left; font-size: 12px;}
.c-w1 .location-map .location-type-list .authorized-dealer {clear:both; float:left; font-size: 12px;}
.c-w1 .location-map .location-type-list .industrial-coatings {clear:both; float:left; font-size: 12px;padding-top: 10px;}
.c-w1 .location-map .location-type-list .sprayshop-list {font-size: 12px; padding-top: 10px;}

.c-w1 .location-map .location-type-list .industrial-coatings {padding-left:0px !important;}
.c-w1 .location-map .location-type-list .industrial-coatings .filter-by {clear:both; float:left;}

.c-w1 .location-map .location-type-list li {float:left;list-style:none;margin-right:10px;margin-top:0px;}
.c-w1 ul.location-type-list li:before {content:"";}
.location-map .search {margin-bottom:20px;color:#000;font-size:16px;}
.c-w1 ul.locations-list li {float:left;width:153px;margin-top:0px;margin-bottom:10px;}
#locmap-figure{
	display: none;
	speak:none;
	visibility: hidden;
}

#locmap-content .title{
	display: block;	
	font-weight: 600;
	color: #050607;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 10px;
}
	#locmap-content .title br{display: none;}


/*Locations Detail*/
.loc-detail-intro-info>.title{
	display: block;
	font-size: 16px;
	color: #000;
	margin-bottom: 15px;
	line-height: 1.3;
}

.loc-cell>.title{
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	margin: 10px 0;
	line-height: 1.3;
}
.loc-detail-image{
	margin: 20px 0;
}
.loc-detail .Authorized.Dealer {display:none;}
.rodda-gmap{
	width: 100%;
	border:1px solid #000;
	overflow: hidden;
}
	.rodda-gmap iframe{
		width: 100%;
		max-width: 100%!important;
		height: 200px!important;
	}

/* ANIMATION
-------------------*/

/*DEFAULT TRANSITION*/
.regularnimation{
	-webkit-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out; 
}

/*FADE IN EFFECT*/
@-webkit-keyframes fadeIn {
	0%   { opacity: 0.0; }
	50%  { opacity: 0.5; }
	100% { opacity: 1.0; }
}
@keyframes fadeIn {
	0%   { opacity: 0.0; }
	50%  { opacity: 0.5; }
	100% { opacity: 1.0; }
}


/* Divine colours
-------------------*/
.devine-color-title-list li:before,
.devine-color li:before{
	display: none!important;
}
.devine-color li{
	padding: 0 !important;
	margin: 0!important;
}

.devine-color-title-list{
	margin: 0!important;
	text-align: center;
}
.devine-color-title-list:after{
	clear: both;
	content: "";
	display: table;
}
.devine-color-title-list li{
	cursor: pointer;
	padding: 0!important;
}
	.devine-color-title-list li:hover,
	.devine-color-title-list li:focus{
		color: #9b9b9b;
	}
		.devine-color-title-list li:active,
		.devine-color-title-list li.active{
			font-weight: 700;
			color: #000;
		}

.devine-color-list{
	margin: 2em 0!important;
	text-align: center;
}
	.devine-color-list img{display: inline-block!important;}
	.devine-color-list .slick-prev,
	.devine-color-list .slick-next{
		background: #000;
		height: 21px;
		width: 28px;
	}
		.devine-color-list .slick-prev{left: 0;}
		.devine-color-list .slick-next{right: 0;}

/* Media Queries
-------------------*/
@media screen and (min-width: 480px){
	.template-internal-overview .c-w1 .overview-boxes li:nth-child(2n+1){margin-left: 15px; clear:none;}
	.template-internal-overview .c-w1 .overview-boxes li:nth-child(3n+1){margin-left: 0; clear:left;}

	/* TEMPLATE: LANDING
	-------------------*/
	/*Banner*/
	.homebanner{
		height: 160px;
	}
}


#content iframe {
	width: 100% !important;
}


/**************************
Error Page
****************************/
#errorpage{
	margin: auto;
	background: url(../img/rodda-error.png) no-repeat top center;
	background-size: 200px auto;
	padding: 170px 20px 20px 20px;
	text-align: center;
	min-height: 330px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}
	#errorpage h2{
		font-size: 30px;
		line-height: 1.1;
		font-weight: 600;
	}

	/*#errorpage a,
	#errorpage a:visited{
		color: #2d73a5;
	}*/

/**************************
technical information button
****************************/

.sfContentBlock h2 {
	display: inline-block;
}

.yellow .technical, a.technical {
	font-size: 10px;
	text-transform: uppercase;	
	border: none;	
	box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.75);
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	padding: 6px 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 6px;
	margin-right: 8px;
	color: #ffffff !important;
	background-color: #036fad;
}
a.technical span{
	font-size: 10px !important;
	font-style: normal;
}

	.yellow .technical:hover, a.technical:hover {
		background-color: #003b5c;
		border-color: #000;
		/*color: #ffd200;*/
	}

.green .technical {
	/* font-size: 10px;
	text-transform: uppercase;
	color: #000;
	background: #9ea374;
	border-radius: 3px;
	padding: 6px 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	border: solid #9ea374 1px;
	margin-bottom: 6px;
	margin-right: 8px; */
}

.green .technical:hover {
	/* color: #626644;
	background: #b8bf7c;
	border: solid #9ea374 1px; */
}

.blue .technical {
	font-size: 10px;
	text-transform: uppercase;
	color: #000;
	background: #8facbf;
	border-radius: 3px;
	padding: 6px 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	border: solid #8facbf 1px;
	margin-bottom: 6px;
	margin-right: 8px;
}

.blue .technical:hover {
	color: #4e92be;
	background: #a9cde5;
	border: solid #8facbf 1px;
}	


/**************************
color tables
***************************/

table.colors, table.colors tbody {
	display: block;
}
table.colors tr {
	display: block;
}

table.colors td {
	display: block;
	height: 150px;
	float: left;
	width: 33.3333%;
}

/**************************
overview boxes
***************************/
.c-w1 .overview-boxes ul li {
	display: block;
	float: none;
	width: auto;
	margin-left: 0;
}
.overview-boxes .heading {
	font-size: 14px;
}


.formTbl td {
	padding: 1% 0;
}

/*#newsletter .heading {
    color: #000;
    display: block;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-left: 15px;
    text-transform: uppercase;    
}*/

#newsletter .dealer-login a {
    
    display: block;
    
    overflow: hidden;

}
#newsletter .dealer-login a {
    position: static;
    float: none;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

#locmap-list div img { display: inline;}


form[action='./dealer-login'] #wrapper {
	background: url(../img/bg-dealer-login-m.jpg) top center no-repeat fixed #868b8f;
}


/**************************
Internal Cta
****************************/

.internal-ctas{
	margin: 10px 0 20px 0;
}

.internal-ctas a{
	display: inline-block;
	width: 205px;
	height: 55px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}

.internal-ctas a+a{
	margin-top: 15px;
}

.ic-store-locations{
	background-image: url(/img/skin/buttons/yellow_locate_btn.png);
}
	.ic-store-locations:hover{
		background: url(/img/skin/buttons/yellow_locate_btn_hover.png);
	}

.ic-contact-us{
	background-image: url(/img/skin/buttons/yellow_contact_btn.png);
}
	.ic-contact-us:hover{
		background-image: url(/img/skin/buttons/yellow_contact_btn_hover.png);
	}




/*--------------------------------------------------------------
# Template - Home
--------------------------------------------------------------*/


.template-home #subnav,
.template-home .current-category{
	display: none;
}	
.template-home .w-w1{
		position: relative;
		background: none!important;
	}
		.template-home .w-w1:after{
			content:"";
			display: block;
			position: absolute;
			top: 40px;
			height: 60px;
			background: rgba(0, 0, 0, 0.45);
			width: 100%;
			left: 0;
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
			display: none;
		}

	.template-home .w-w2{background: #fff!important;}
	
	/*Header*/
	.template-home #header{
		background:none;
	}

	.template-home #main{
		background: none;
		padding: 0;
		margin: 0;
	}
		.template-home #main .m-w2{
			width:100%;
			padding: 0;
		}


/*
  Fullwidth Slider
-------------------------------*/
.fullwidth-slider-group{
	margin-bottom: 10px!important;
}

.fullwidth-slider-group_item{
	height: 360px;
	position: relative;
	
}

#main .fullwidth-slider .section-inner{
	position: relative;
	min-height: 100%;
	z-index: 60;
	text-align: center;
}

.fullwidth-slider-group_banner{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 50px;
	z-index: 50;
	background-position: 60% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.fullwidth-slider-group-_content{
	position: absolute;
	left: 0;
	bottom: 90px;
	padding: 0 30px;
}

.fullwidth-slider-group-_content h2{
	color: #fff;
	font-size: 30px;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;

}

.full-width-cta{
	display: inline-block;
	background: #ffd200;
	padding: 10px;
	border: 2px solid #000;
	line-height: 1;
	font-size: 16px;
	text-transform: uppercase;
	color: #000!important;
	text-decoration: none;
	margin-top: 30px;
	font-weight: 700;
}
	.fwb_professionals	.full-width-cta{
		background: #ffd200;
	}
	.fwb_home	.full-width-cta{
		background: #a8ad7b;
	}
	.fwb_industrial	.full-width-cta{
		background: #8facbf;
	}

.full-width-cta em{
	text-transform: lowercase;
	font-weight: normal;
	margin-right: 3px;
}

.full-width-cta:after{
	display: inline-block;
}


.fullwidth-slider-group .slick-slider{
	margin-bottom: 0;
}

.fullwidth-slider-group .slick-dots{
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	height: 50px;
}
.fullwidth-slider-group .slick-dots li{
	height: 50px;
	width: 24px;
	margin: 0 23px!important; 
}
.fullwidth-slider-group .slick-dots li button{
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	background: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-top: 15px;
}

.fullwidth-slider-group .slick-dots li.slick-active button{
	background: #fff;
}



/*
  Split Blocks
-------------------------------*/

.slit-blocks:after{
	content:"";
	dispzay: table;
	clear: both;
}

.slit-blocks_item {
	/*	float: left;
	width: 50%;*/
	width: 100%;
	/*height: 175px;*/
	height:auto;
	margin-bottom: 10px;
	background-position: top center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

.product-profile .slit-blocks_item {
	/*	float: left;
	width: 50%;*/
	width: 100%;
	height: 445px;	
	margin-bottom: 10px;
	background-position: top center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

.slit-blocks_item.allow-height{
	height: auto;
	min-height: 175px;
}

.slit-blocks{
	display: flex;
  	flex-flow: row wrap;
}
/*
.slit-blocks_item:nth-child(2){	order: 1; }
.slit-blocks_item:nth-child(1){	order: 2; }
.slit-blocks_item:nth-child(4){	order: 3; }
.slit-blocks_item:nth-child(3){	order: 4; }
.slit-blocks_item:nth-child(6){	order: 5; }
.slit-blocks_item:nth-child(5){	order: 6; }
*/

/*
  Split Blocks Content
-------------------------------*/
.slit-blocks_content{
	height: 100%;
	padding: 15px;
	color: #fff;
	position: relative;
	text-align: center;
}

.product-profile-custom .product-profile .slit-blocks_content {
	display: flex;
	justify-content: center;
	position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  z-index: 2;
  text-align: center;
}

.slit-blocks_content div {
	height: inherit;
}

.slit-blocks_content h2{
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 700;
	text-align: left;
}


/*Buttons*/
.btn-yellow {
	display: inline-block;
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 13px;
	text-decoration: none;
	font-weight: 700;
	float: left;
	box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.75);
	-webkit-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
	color: #ffffff !important;
	background-color: #036fad;
}
	.btn-yellow.center{
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
.btn-yellow:hover{
	background-color: #ffe225;
}

/*Sticker*/
.slit-blocks_content a.sticker{
	position: relative;
	display: inline-block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	.slit-blocks_content a.sticker>img{
		box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.75);	
		max-width: 274px!important;
	}

.slit-blocks_content a.sticker:hover{
	-webkit-transform: translateY(-52%);
	transform: translateY(-52%);
}


/*
  Split Blocks Content -> Latest block
-------------------------------*/

.latest-block{
	text-align: left;
	position: relative;
	margin-left: -10px;
	margin-top: -10px;
	margin-bottom: -10px;
	padding-left: 55px;
	height: 100%;
}

.latest-block_image{
	position: absolute;
	left: 0;
	top: 0;
	height: 100% !important;
	width: 40px;
	overflow: hidden;
}

.latest-block_image img{
	display: block;
	height: 100%!important;
	max-width: none!important;
}


.latest-block_content{
	color: #000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.latest-block_content h2{
	color: #000;
	line-height: 1.2;
	margin-bottom: 5px;
}
.latest-block_content h3{
	color: #54585f;
	text-transform: uppercase;
	line-height: 1.4;
	font-weight: 400;
	font-size: 13px;
	margin-bottom: 5px;
}

.latest-block_content p{
	font-size: 12px;
	color: #54585f;
	line-height: 1.25;
}

.latest-block_link{
	display: inline-block;
	padding: 10px;
	text-transform: uppercase;
	color: #000!important;
	font-size: 13px;
	text-decoration: none;
	font-weight: 700;
	border:  2px solid #ffd200;
}



.canada-block {
	background: url(../img/canada-cloverdale-mobile.png) no-repeat center top #f8d700;
	background-size: cover;
	background-position: bottom center;
}

.canada-block-inner{
	padding: 40px 15px 70px 15px;
	position: relative;
}

.canada-block-inner:after{
	content:"";
	display: block;
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 200px;
	height: 25px;
	background: url(../img/cloverdale-logo-canada.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

.canada-block-inner h2{
	font-weight: 400;
	/*color: #cc0000;*/
	color:#000000;
	font-size: 20px;
	line-height: 1.25;
	/*text-transform: uppercase;*/
	margin-bottom: 15px;
}

.canada-block-inner p{
	color: #000;
	font-size: 12px;
	line-height: 1.33;
}

	.canada-block-inner table {
		margin-bottom: 0px;
	}













/*	.front-message{
		background: rgba(0, 0, 0, 0.74);
		margin: auto;
		border-radius: 4px;
		background-clip: padding-box;
		color: #fff;
		text-align: center;
		overflow: hidden;
		position: relative;
	}
		.front-message .heading{
			display: block;
			font-size: 18px;
			font-weight: 600;
			padding: 10px 35px;
			color: #000;
			background: #000;
			line-height: 1.2;
			text-transform: uppercase;
		}
			.front-message .heading>a{
				text-decoration: none;
				color: #fff;
			}
		
		.fm-content{
			padding: 20px;
			font-size: 12px;
			line-height: 1.2;
		}
			.fm-content .title{
				display: block;
				font-size: 16px;
				margin-bottom: 10px;
			}

			.fm-content p{
				line-height: 1.2;
			}

			.fm-content a{
				color: #fff;
				text-decoration: none;
			}

		.homecontrol{
			display: block;
			position: absolute;
			top: 10px;
			height: 100%;
			width: 35px;
			padding-top: 22px;
			height: 1px;
			white-space:nowrap;
			overflow: hidden;
			z-index: 50;
			height: 22px;
			font-size: 1px;
		}
			.homecontrol:before {
				font-family: 'icomoon';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;

				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				color: #fff;
				position: absolute;
				top: 0;
				left: 0;
				width: 35px;
				height: 22px;
				background: #000;
				font-size: 24px;
				text-align: center;
				line-height: 22px;
			}
			.homecontrol.left:before {
				content: "\e600";

			}
			.homecontrol.right:before {
				content: "\e601";
			}

			.homecontrol.left{
				left: 0;
				border-right: 1px solid #000;
				
			}

			.homecontrol.right{
				right: 0;
				
				border-left: 1px solid #000;
			}

		.entryhome{
			background: #fff;
			border-radius: 4px 4px 0 0;
			background-clip: padding-box;
			box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.7); 
			margin-top: 40px;
			padding: 20px 20px 40px 20px;
		}

			.entryaction{
				text-align: center;
				margin-bottom: 20px;
			}
				.entryaction:first-child{margin-left: 0;}
			
				.entryaction a{display: block; text-decoration: none;}

					.entryaction .heading{
						display: block;
						text-transform: uppercase;
						font-weight:600;
						color: #000;
						font-size: 16px;
					}
					.template-home #content .entryaction img{
						display: inline-block;
						max-width: 100%;
						box-shadow: none;
					}

		.latest{
		}
			.c-w1 .latest ul{margin: 0;}
			.c-w1 .latest ul li{
				padding: 18px 0;
				border-bottom: 1px dotted #c2c0ba;
				margin: 0;
			}
			.c-w1 .latest ul li:before{display: none;}

			.latest a{text-decoration: none;}

				.latest .latest-cta{
					display:block;
					text-align: right;
					margin-top: 10px;
					color: #2d73a5;
					text-decoration: underline;
				}

			.latest .heading{
				display: block;
				padding-bottom: 10px;
				text-transform: uppercase;
				font-weight: 600;
				color: #000;
				font-size: 16px;
				border-bottom: 1px dotted #c2c0ba;
				text-align: center;
			}

			.latest-date{
				display: block;
				font-size: 11px;
				font-weight: 300;
				text-transform: uppercase;
				color: #8c8c8c;
				line-height: 1;
			}
				.latest-date span{
					display: block;
					font-size: 14px;
					font-weight: 700;
					padding: 2px 0;
					color: #000;
				}

			.latest-content{
				clear: both;
				padding-top: 10px;
			}
				.latest-content .title{
					font-size: 18px;
					color: #000;
				}

/***********************************
404
***********************************/
#ErrorNavCollection{
	margin:20px 0;
}
#ErrorNavCollection > li{
	list-style: none;
	margin:0;
	padding:0;
	margin-bottom: 20px;
}

#ErrorNavCollection > li:before{
	display: none;
}
#ErrorNavCollection > li > a{
	padding:0 4px;
	line-height: 38px;
	height: 40px;
	border-radius: 4px;
	background: #fff;
	color: #000;
	display: block;
	text-decoration: none;
	text-align: center;
	transition:all .25s;
	font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;

}
/*	#ErrorNavCollection > li > a:after{
		position: relative;
		content:"";
		display: block;
		bottom: 8px;
		left: 0;
		width: 100%;
		height: 4px;
		background: #c2c0ba;
		opacity:1;
		transition:all .25s;
	}*/

/*Special Link Targeting*/
#ErrorNavCollection > li:nth-child(1) > a{
	border-color: #ffd200;
	background: #ffd200;
}

#ErrorNavCollection > li:nth-child(2) > a{
	background: #9ea374;
}

#ErrorNavCollection > li:nth-child(3) > a{
	background: #8facbf;
}



/**************************
Home - 20191204
**************************/
.home-tabs-group{
	margin-bottom:10px;
}
	.home-tabs-group ul{
		margin:0;
	}
.home-tabs-group .top-title{
	position: relative;
	top:0;
	left:0;
	width:100%;
	background-color: rgba(0,0,0,0.8);
	padding:20px;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	z-index: 1;
	margin-bottom: 5px;
}
	.home-tabs-group a{
		display: block;
		position: relative;
	}
	.home-tabs-group img{
		width:100%;
		max-width: 100%;
		height: auto;
		display: block;
	}
	.home-tabs-group .link-wrap{
		position: static;
		bottom: 0;
		left:0;
		width:100%;
		padding:0;
		text-align: center;
		display: block;
		margin: -70px 0 0 0;
	}
	@media screen and (min-width:641px){
		.home-tabs-group .link-wrap{
			padding:0 30px;
		}
	}
	.home-tabs-group .home_tab_item_link span{
		font-weight: 400;
		font-size: 20px;
		text-transform: none;
	}
	.home-tabs-group .slick-dots{
		bottom:15px;
	}

.home_tab_item_link {
    display: inline-block;
    padding: 8px 27px;
    border: 3px solid #000;
    line-height: 1.2;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    color: #000 !important;
    width:100%;
}

.home_tab_item_link br{
	display: block;
}

.fwb_professionals .home_tab_item_link {
    background: #ffd200;
}

.fwb_home .home_tab_item_link {
    background: #a8ad7b;
}

.fwb_industrial .home_tab_item_link {
    background: #8facbf;
}

span.required {
    color: #ff0000;
    padding-left: 5px;
  }

/* CP-305 */

.custom-accordion {
  
}

.custom-accordion .sflistExpandAllLnkWrp {
    text-align: right;
    margin: 0 0 1rem;
}

.custom-accordion .sflistTitle {
    display: none;
}

.custom-accordion ul.sflistList.sflist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-accordion ul.sflistList.sflist li {
  position: relative;
  padding: 0 15px;
  background-color: #FFF;
  border: 2px solid;
}

.custom-accordion ul.sflistList.sflist li:before {
  content: "\f13a" !important;
  position: absolute;
  top: 5px;
  right: 15px;
  left: auto;
  width: 20px;
  height: 20px;
  font-family: "FontAwesome";
  font-size: 20px;
  z-index: 1;
}

.custom-accordion ul.sflistList.sflist li .sftitle {
  max-width: 100%;
  font-size: 16px;
  font-weight: 400;
  margin: .5rem 0;
  position: relative;
  z-index: 2;
}

.custom-accordion ul.sflistList.sflist li .sftitle > a {
  text-decoration: none;
  display: block;
  width: 100%;
  padding-right: 30px;
}

.custom-accordion ul.sflistList.sflist li:before {
  content: normal
}

.sfContentBlock.accordion-cta {
    text-align: center;
  padding: 1rem 0 0;
}

.accordion-cta .yellow,
.accordion-cta .technical, 
.accordion-cta a.technical {
  margin: 0;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.25);
}

/* COLORS */

.custom-accordion.yellow-accordion ul.sflistList.sflist li {
  border-color: #FED200;
}

.custom-accordion.yellow-accordion .sflistExpandAllLnkWrp a {
  color: #FED200;
}

.custom-accordion.yellow-accordion ul.sflistList.sflist li:before {
  color: #FED200;
}

/* COLORS */

.custom-accordion.green-accordion ul.sflistList.sflist li {
  border-color: #9ea374;
}

.custom-accordion.green-accordion .sflistExpandAllLnkWrp a {
  color: #9ea374;
}

.custom-accordion.green-accordion ul.sflistList.sflist li:before {
  color: #9ea374;
}

/* COLORS */

.custom-accordion.blue-accordion ul.sflistList.sflist li {
  border-color: #8facbf;
}

.custom-accordion.blue-accordion .sflistExpandAllLnkWrp a {
  color: #8facbf;
}

.custom-accordion.blue-accordion ul.sflistList.sflist li:before {
  color: #8facbf;
}

.accordion-cta span {
  font-size: 16px !important;
}

.c-w1 .location-map .location-type-list .industrial-dealer {
	clear:both; 
	float:left; 
	font-size: 12px;
}

.store-search-grid-container {margin-bottom: 15px;}
.search > .location-type-list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

 li.industrial-coatings.soption {
    order: 3;
	margin-top:0px;
}

li.sprayshop-list.soption {
	order: 4;
	/*padding-left: 0;*/
	margin-top: 0px;
}

 li.authorized-dealer.soption {
    order: 5;
}

li.industrial-dealer.soption {
    order: 6;
}

li.industrial-dealer.soption {
	position: relative;
	padding-left: 30px !important;
}

li.industrial-dealer.soption img {
	display: none !important;
}

li.industrial-dealer.soption:before {
	left: 2px;
    top: 7px;
    width: 29px;
    height: 28px;
    background-image: url(../img/industrial-legend.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

span.filter-by {
	display: block;
	width: 100%;
	/*margin: 0 0 0.5rem;*/
	margin-bottom: 0px !important;
}

/* gss ux changes */


.btn-yellow a,
.btn-yellow{
	color: #000;
	text-decoration: none;
}
	.btn-yellow a:hover,
	.btn-yellow:hover {
		/*color: #ffd200 !important;
		background: #000;*/
		background-color: #003b5c;
		color: #ffffff;
	}
.btn-yellow:hover a{
	color: #ffd200;
}
.location-m-title {
    font-size: 15px;
    border-bottom: 1px dotted #7f7f7f;
    padding: 0 0 7px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 700;
}
#locmap-map li a {
    font-size: 13px;
    color: #667200;
}
.c-w1 #locmap-map ul li a{
	padding-top: 3px;
	padding-bottom: 2px;
	display: block;
}
.c-w1 #locmap-map ul li:before{
	top:5px
}
#locmap .thecontent p {
    font-size: 13px;
}
.mob-inter ul li {
    padding-left: 0;
}
.mob-inter ul li:before {
    display: none;
}
.overview-boxes .desc {
    display: block;
    background: #fff;
    width: 280px;
    margin: 0 auto;
    padding: 15px;
    font-size: 12px;
    position: relative;
    top: -5px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.overview-boxes .i-o-image {
    position: relative;
    z-index: 5;
}
.about-contact-us #breadcrumb{
	display: none;
}
.home-tabs-group ul li {
    padding: 10px 15px 25px;
}
#quicklinks{
	display: none;
}
.footblock {
    border-top: 2px solid #646464;
	border-bottom: solid 1px #ccc;
}


.mob-head-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
	background: #fff;
	width: 100%;
	
}
.store-swticher select {
	color: #000;
	text-align: left;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.083;
	text-decoration: none;
	border: none;
	background: none;
	text-transform: capitalize;
	-webkit-appearance:menulist-button;
	background-color: rgba(255, 255, 255, 0.01)
}
.store-swticher {
    padding-left: 15px;
}
#util a:before {
	content: "\f3c5";
	position: absolute;
	top: -3px;
	left: 5px;
	
	font-family: "FontAwesome";
	font-size: 17px;
	z-index: 1;
	color: #000;
  }
  #topbar.topbar-home {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .open .icon-menu span{
	width: 0px;
	height: 0px;
	
  }
  .icon-menu span:before,
  .icon-menu span:after 
  {
	transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
  }
  .open .icon-menu span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
	top: 0;
}
.open .icon-menu span:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    top: 0;
}
#three-buttons > span{social a.social-fb
	font-size: 14px;
    font-weight: 700;
    color: #000;
	text-transform: uppercase;
}
.template-home .slit-blocks {
	display: none;
}
#breadcrumb .heading {
	display: none;
}

@media screen and (max-width: 320px) {
	#trigger-topbarmenu > span {
		display: none;
	}

	.home-tabs-group ul li {
		padding: 10px 30px;
	}
	#main .fullwidth-slider .section-inner {
		width:97%;
	}
	
	#cph_main_lbl_sectionTitle {display:none;}

	#___gcse_0 {display:none;}

	#more-filter {
		width: 60% !important;
	}

	.moreFilterBtn {
		padding: 2px 10px !important;
	}

	#clear-all {
		width: 35% !important;
	}
	#reset-options {
		padding: 4px 0px !important;
	}

	.mob-head-wrap {
		justify-content:normal !important;
	}
}


@media screen and (max-width: 375px) {	
	#more-filter {
		width: 60% !important;
	}

	.moreFilterBtn {
		padding: 2px 10px !important;
	}

	#clear-all {
		width: 35% !important;
	}

	#reset-options {
		padding: 4px 0px !important;
	}
}

#pnlCorporate h2 {
	margin-bottom: 0px;
}

.corp-detail, .loc-detail {
	top: 0px !important;
}

	.corp-detail #desktop-sep {
		margin: 0;
		line-height: 0;
	}

.location-social ul.social li a {
	display: block;
	height: 1px;
	overflow: hidden;
	padding-top: 40px;
	width: 40px;
}
.btn-show-all:after {
	content: '\A';
	white-space: pre;
}

/*Google Search*/
/*#___gcse_1 {
	width: 400px;
}*/
#secondarynav ul {
	float: right;
}

#___gcse_0 {
	clear:both;
	float: right;
	width: 144px;
	height: 33px;
	margin-top: 7px;
	margin-right: 3px;
}

.gsc-input-box {
	height: 27px;
}

.gsc-input {
	font-size: 13px !important;
}

.gsc-input {
	background: none !important;
}

.gsc-search-button-v2 {
	padding: 7px 5px !important;
	/*border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;*/
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-color: none;
	background-color: none;
	border: 0px !important;
	/*border-radius: 0px !important;*/
}

@media only screen and (min-device-width: 375px) and (max-device-width: 425px) {
	.gsc-input-box {
		height: 28px;
	}

	.gsc-search-button-v2 {
		padding: 6px 5px !important;
	}
}

.gsib_a {
	padding: 2px 0px 0px 8px !important;
	line-height:0px !important;
}

.gsc-input {
	padding: 0px !important;
}

.gsc-search-button {
	margin-left: 0px !important;
	width: 25px !important;
}


td.gsc-search-button {
	padding: 0px;
}
/*Google Search*/

.minusbutton img {display: inline-block !important;}
.blue #more-filter-sec {
	margin-top: 0px !important;
}

.filter-empty-col {display:none;}

#more-filter-icon {
	padding-top: 4px;
	float: right;
}

#google-search-result input.gsc-input {
	height: 30px !important;
	width: 103% !important;
	font-size: 15px;
	padding: 8px 15px !important;
	border: solid 2px #000000 !important;
	margin: -3px 0px 0px -9px !important;
}

#google-search-result .gsc-search-button-v2 {
	background: #000;
	padding: 0 11px;
	border-radius: 0 3px 3px 0;
	border: solid 1px #000;
	margin-left: 0px !important;
	height: 26px;
	cursor: pointer;
	width: 40px;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius:0px !important;
}

.gsib_b {display:none;}
#google-search-result .gsc-input-box {
	height: 30px;
}
@media only screen and (min-device-width: 640px) {

}

	@media only screen and (max-device-width: 640px) {
		#google-search-result input.gsc-input {
			height: 30px !important;
			width: 100% !important;
			border: 0px !important;
			/*margin: 0px !important;*/
		}
	}

	#secondarynav > .sfContentBlock div:first-child {display: none !important;}

/**** Search CSS **/


	#mobile-search-box{
		display: none;
		background-color: #000;
		justify-content: center;
		align-items: self-start;
		height: 70px;
		padding: 0 20px;
	}

	#mobile-search-box .gsc-control-searchbox-only.gsc-control-searchbox-only-en {
		margin-top: 6px;
	}


		@media only screen and (max-device-width: 640px) {
			#___gcse_0{
				width: 80%;
				display: none;
			}
	}

	
	#mobile-search-box .gsc-input-box {
		height: 40px;
		border-radius: 5px;
		margin-top: 6px;
	}
	
	#mobile-search-box .gsc-input {
		font-size: 16px;
		height: 40px;
	}
	
	#mobile-search-box .gsc-search-button-v2{
		position: absolute;
		right: 30px;
		top: 10px;
	}
	
	#mobile-search-box table.gsc-search-box{
		position: relative;
	}
	
	div#cancel-btn {
		color: #fff;
		font-weight: bold;
		display: flex;
		align-self: center;
		cursor: pointer;
	}
	
	#mobile-search-box .gsc-search-button-v2 svg {
		fill: #000!important;
		width: 17px;
		height: 17px;
	}
	
	#logo img {
		max-width: 230px;
	}
	
	#mobile-search-btn-header svg{
		position: inherit;
		width: 17px;
		height: 17px;
		cursor: pointer;
	}
	
	
	div#mobile-search-btn-header {
		margin-right: 20px;
	}
	
	#google-search-result input.gsc-input{
		padding-bottom: 20px!important;
	}

	.topbarnav.dropmenu{
		z-index: 1;
	}
 .gcsc-more-maybe-branding-root {display: none;}
#bottom-product-pager {
	width: 100%;
	padding-left: 20px;
	bottom: 0px !important;

}
#btn1 {display:none;}
#header {background: white;}
#main {background: white;}



.product-profile-custom {
    margin: 0!important;
}

.product-profile-custom .m-w2.section-inner {
    padding: 0!important;
}

.product-profile-custom .slit-blocks.product-profile {
    padding: 0 15px;
}

.product-profile-custom .product-profile .slit-blocks_item {
    height: 330px;
	position: relative;
}

.product-profile-custom .more-products-content-block {
    padding: 0 35px;
    text-align: center;
}

.product-profile-custom .more-products {
    padding: 0 15px;
}

.product-profile-custom .more-products > ul li {
   max-width: 100%;
}

.product-profile-custom .product-profile .btn-yellow {
	position: absolute;
    bottom: 45px;
    /*left: 34px;*/
	left:auto;
    padding: 10px 36px;
    /*width: 250px;*/
    text-align: center;
    font-size: 16px;
}

.product-profile-custom .more-products-content-block h2 span {
    text-align: center;
}

.product-profile-custom .more-products-content-block h2 {
    width: 100%;
    text-align: center;
}

.product-profile-custom .more-products .more-products-content-block p{
	text-align: center;
}

	.product-profile-custom .more-products ul {
		list-style: none !important;
		margin-left: 0;
		margin-bottom: 0px;
	}

.product-profile-custom .more-products li {
    padding: 0;
}

	.product-profile-custom .more-products .content_block {
		display: flex;
		justify-content: center;
	}

	.product-profile-custom .more-products .btn-yellow {
		position: absolute;
		bottom: 75px;
		/*left: 40px;*/
		/*padding: 10px 50px;*/
		font-size: 14px;
		/*width: 262px;*/
		text-align: center;
		left: auto !important;
		width: auto;
	}

.product-profile-custom .more-products .description{
	text-align: center;
	margin: 30px 0;
}

.product-profile-custom .interior-exterior-guide.more-products .description
{
margin: 0px 0;
}

.product-profile-custom .sf_cols.Colour-trend {
    background: #ffeab3;
	padding: 0 35px;
}

.product-profile-custom  .Colour-trend .sfContentBlock h2 {
    display: inline-block;
    font-weight: bold;
}

.product-profile-custom .Colour-trend .technical {
    margin: 0 auto;
    display: block;
    width: 200px;
    font-size: 13px;
    padding: 10px 0;
}

.product-profile-custom .Colour-trend .sfContentBlock p {
    font-size: max(1em, 12px) !important;
    color: #000;
}

.product-profile-custom  .match-colour .sfContentBlock h2 {
    text-align: center;
    display: block;
}

.product-profile-custom  .match-colour .sfContentBlock p {
    font-size: max(1em, 12px) !important;
    padding: 0 35px;
}

.product-profile-custom .match-colour .technical {
    display: block;
    width: 240px;
    margin: 0 auto;
    padding: 14px 0px;
    font-size: 12px;
}

.desktop-title {
    display: none;
}

#block-desktop .mobile-title {
    text-align: center;
    font-size: 25px;
    margin-bottom: 23px;
}

div#cph_main_cph_Content_C017_Col01 {
    padding: 0 34px;
}

h2.colour-h2 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 40px;
}

.paints-boxes .item-view-link a {
    color: #000!important;
    font-weight: bold;
}

.paints-boxes .paint-brand {
	font-weight: 600;
	color: black;
	font-size: 15px;
	padding: 2px 0;
}

h2.cans-h2 {
	text-align: center;
	width: 100%;
}

#colour-trends-2023 {
	display: flex;
	flex-flow: wrap;
	gap: 20px;
	justify-content: center;
	width: 210px;
	margin: 0 auto;
	row-gap: 50px;
	margin-bottom: 50px;
}

.colour-trend-match-colour .technical {
    width: 220px;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    padding: 13px 10px;
}

.colour-trend-match-colour h2{
    margin-bottom: 10px;
}

#colour-0107{
	background-color: #93646c;
	width: 110px;
}

#colour-0355{
	background-color:#f5f2eb;
}
#colour-0126{
	background-color:#D7BCB6;
}
#colour-0643{
	background-color:#BDD2DD;
}
#colour-0197{
	background-color:#C2B7AD;
}
#colour-0142{
	background-color:#7E6A5F;
}

.item-colour {
    width: 80px;
    height: 80px;
	display: flex;
    justify-content: center;
}

.item-colour span {
    text-align: center;
	position: relative;
    bottom: -80px;
    font-size: 10px;
	max-height: 30px;
}

.view-more-color .technical {
    padding: 10px 20px;
}

.colour-trend-breadcrumb .image-blocks_content {
    position: relative;
}

.colour-trend-breadcrumb .image-blocks_content .btn-yellow {
    width: 200px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: -29px;
}

#popuplar-colour-for-interior {
	background-image: url("/images/default-source/for-your-home---colour-trends/asset_colour_trends-new.jpg?sfvrsn=93b8df85_0");
	background-repeat: no-repeat;
	position: relative;
	width: 320px;
	height: 400px;
	margin: 0 auto;
	position: relative;
    display: flex;
    align-items: end;
	justify-content: center;
	}

.overview-boxes	.paint-img img {
		width: 170px!important;
		box-shadow: none!important;
	}

	#content h1 {
		margin-bottom: 30px;
	}

	#content span  {
		margin-bottom: 30px;
	}

	#content h1 span {
		position: relative;
		top: 23px;
	}

.blue #more-filter-sec #clear-all #reset-options {
	margin-bottom: 0px;
}

table.custom-tbl{
	width: 800px;
    overflow-x: scroll;
}

.custom-tbl {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.custom-tbl th,
.custom-tbl td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

.head-row th {
    background-color: #f2f2f2;
    font-weight: bold;
}

.row-group td {
    background-color: #A6C397;
}

.alter-row-group td {
    background-color: #f2f2f2;
}

.inner-tbl {
    width: 100%;
    border-collapse: collapse;
}

.inner-tbl td {
    border: none;
    padding: 4px;
    text-align: left;
}

.dot::before {
    content: '\2022';
    color: #000;
	font-size: 35px;
}

.sf_colsOut.mid-content {
    overflow: scroll;
}

table.inner-tbl td {
    font-weight: bold;
}

@media screen and (max-width: 600px) {
    .custom-tbl {
        overflow-x: auto;
        display: block;
    }

    .custom-tbl th,
    .custom-tbl td {
        white-space: nowrap;
    }
}

/* ---------Colour Tools----------*/

.colour-tools {
	margin-left: 20px;
}
.colour-tools li .content_block .btn-yellow {
    position: relative;
    left: 0px;
  top: -100px;
  float: inherit;

}

.colour-tools .description {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}

.colour-tools ul li .content_block {
    
    position: relative;
    padding: 0px;
    text-align: center;
  height: 0px;

}

.colour-tools ul {
    margin-left: 0px;
    padding-left: 0px;
}

.colour-tools ul li {
    padding-left: 0px;
}


.colour-tools ul li:before {
    content: "";
}
.colour-tools .i-o-image img {height:295px;}

.colour-tools li:nth-child(1) {
    margin-right: 20px;
}

.colour-tools li:nth-child(2) {
    margin-right: 20px;
}

.colour-tools li {
    width: 295px !important;
    float: left;
    margin-top: 0px !important;
}

/* ---------Wood Stains----------*/
.wood-stains li .content_link .btn-yellow {
    position: relative;
    bottom: 10px;
	float: inherit;
	left: 125px;
	margin-bottom: 10px;
}

.wood-stains .description {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}


.wood-stains ul {
    margin-left: 0px;
    padding-left: 0px;
}

.wood-stains ul li {
    margin-bottom: 25px !important;
}


.wood-stains ul li:before {
    content: "";
}

.wood-stains .i-o-image img {height:200px;}
/*
.wood-stains li:nth-child(1) {
    margin-right: 80px;
}

.wood-stains li:nth-child(2) {
    margin-right: 20px;
}
*/
.wood-stains li {
    width: 400px !important;
    float: left;
    margin-top: 0px !important;
}

/*.dealer-login .btn-yellow {
	display: inline-block;
	padding: 10px 30px;
	text-transform: uppercase;
	color: #000 !important;
	font-size: 13px;
	text-decoration: none;
	font-weight: 700;
	position: static;
	left: 60px;
	bottom: 60px;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border: solid 2px;
	background-color: white;
	box-shadow: none;
  }*/

.dealer-login .btn-yellow {
	text-align: center;
	font: normal normal bold 18px/18px Source Sans Pro;
	letter-spacing: 0px;
	color: #3E3E3E;
	text-transform: uppercase;
	opacity: 1;
	display: inline-block;
	padding: 10px 30px;
	color: #3E3E3E !important;
	text-decoration: none;
	transition: all 0.3s ease-out;
	border: #646464B2 solid 2px;
	background-color: white;
	box-shadow: none;
}
.salesforce-form > div {
	margin-left: 1.25em;
	margin-right: 1.25em;
	margin-top: 1.25em;
}  
  .dealer-login a.btn-yellow:hover{
	background: #000;
	border-color: #000;
	color: #ffd200 !important;
  }

  .read-more-custom {
    width: 272px !important;
}

.how-to-paint-stain
{
  background-color: #ffeab3 !important;
}



.home-page-top-items
{
	padding-left: 20px;
    padding-right: 20px;
}
.home-page-top-items .slit-blocks_item
{
	height: 260px !important;
}

.home-page-top-items .slit-blocks_content .btn-yellow{
	float: none;
	  clear: both;
	  top: 170px !important;
	  position: relative;
	}

.home-page-top-items .mobile-title {margin-top: 0px;}	
.home-section-three .sfitem .btn-yellow
{
	bottom: 60px !important;left: 60px !important;

}

/*.home-section-two .sfitem .btn-yellow
{
  bottom: 60px !important; left: 60px !important;
}*/

.home-section-two ul li::before { content: " ";}
.match-colour {
	padding-left: 20px !important;
  padding-right: 20px !important;
}

.specialty-title {
	margin-top: 5px !important;
	}

.home-section-sep {margin: 0px !important; padding: 0px !important; display: none;}	
.become_dealer_section{
    background-color: white;
    box-shadow: none;
    font-size: 16px !important;
    padding: 0;
    padding-bottom: 20px;
    border-bottom: 1px dotted #7f7f7f;
    width: 100%;
    margin-bottom: 20px;
	margin-top: 20px;
}

.become_dealer_link {
  text-transform: uppercase;
  color: #404049 !important;
  font-weight: bold;
  text-decoration: none;
}

@media (max-width: 640px){
	.paletts-block li:nth-child(2n+1) {
		clear: none !important;  
	}
	
}

.paletts-block li {
    float: left !important; 
    padding-right: 10px !important;
}

.common-paint-problems .home-section-sep {display: block; height: 40px;}
.common-paint-problems {margin-bottom: 15px;;}

.home-member-section li:nth-child(2){
	height: 155px;
}

.home-member-section li:nth-child(2) .item-summary img{
	width: 185px !important;
}

.home-member-section li:nth-child(2) .item-link .btn-yellow{
	position: relative;
  	top: 14px;
	padding: 10px 20px;
	left: 6px;
}

.home-member-section ul li::before {
	content: "";
  }

  .home-member-section li:nth-child(1) .item-link {
	 text-align: center;
}  

.home-member-section ul li .item-link .save-up-f1 {
	font-size: 18px;

  }

  .home-member-section ul li .item-link .save-up-f2 {

	font-size: 24px;
  }
  
  .home-member-section ul li .item-link .save-up-f3 {

	font-size: 18px;
  }
  
.for-your-home-ht-paint ul li::before {content: "";}
  .for-your-home-product-supply ul li::before {content: "";}
  .for-your-home-store-locator ul li::before {content: "";}

  .for-your-home-store-locator .home-section-three .sfitem .btn-yellow,
  .for-your-home-product-supply  .btn-yellow, 
  .for-your-home-ht-paint .home-section-three .sfitem .btn-yellow  {
	position: relative;
	bottom: 0px !important;
	left: 0px !important;
  }

  .for-your-home-store-locator .home-section-three ul li:nth-child(2)
  {
  padding-bottom: 20px;
  }

  .for-your-home-product-supply ul li,
  .for-your-home-ht-paint ul li  {
	padding-bottom: 20px;
	}

	/*.for-your-home-member-rewards .home-member-section ul {width: 90%;}*/

	.how-to-paint .slit-blocks_item:first-child
	{
		height: 200px;
	}

	.do-it-yourself ul li::before {
		content: "";
	  }
.htw_common-paint-problems ul li::before {
	content: "";
  }

	  .htw_common-paint-problems .more-products .btn-yellow {
		bottom: 7px !important;
  		position: relative;
	  }

	  .htw_common-paint-problems .more-products .item-summary {
		padding-bottom: 5px;
	  }

	  .htw_common-paint-problems .more-products .item-title {
		 color: #000;
	  }

	  .for-your-home-ht-paint h2, .for-your-home-store-locator h2, .for-your-home-product-supply h2 {color: #000;}

	  .product-profile-custom a.do-it-yoursel {
		position: relative !important;
		left: 16px !important;
		bottom: 82px !important;
		padding: 10px 30px !important;
	  }


.green .page-category, 
.yellow .page-category,
.blue .page-category
{display: none;}

.industrial-coatings ul li::before {
	content: "";
  }

  .our_labs ul li::before {
	content: "";
  }

  .industrial-search-tool {
	padding: 35px;
	background: #74a5c5;
	margin: 40px 0;
	color: white;
	font-size: 24px;
	text-align: center;
  }

  .home-member-section ul {
    background: #EFDFDF;
}

span.save-up-f1, span.save-up-f2, span.save-up-f3 {

    font-size: 26px !important;

    color: #153773;

    font-weight: 700;

}

.home-member-section .item-link {
    /*width: 70%;*/
    margin: 0 auto;
}

.home-member-section .item-link a {
    text-align: center;
}

.home-member-section .home-section-store-locator .item-link a.btn-yellow {
	width:auto;
	left:5px !important;
}

.home-member-section .home-section-store-locator .item-link a.btn-yellow:lang(fr) {
	font-size:12px !important;
}
/* home page slider */
li.banner-item.slick-slide {
	display: flex;
	flex-flow: column;
	min-height: 460px !important;
	overflow: unset;
}

.banner-item .banner-img {
    width: 100%;
}

li.banner-item.slick-slide {
    min-height: 560px;
}

.banner-item .banner-content {
    width: 100%;
}

.banner-item .banner-summary {
    text-align: center;
    width: 100%;
}

.banner-item  .banner-title {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 25px;
}

.banner-link {
    display: block;
    margin: 0 auto;
    width: 300px;
    margin-top: 40px;
}

.banner-link .technical {
	width: 100%;
	font-size: 14px;
}

.industrial-search-tool {
    min-height: 250px;
}

.industrial-search-tool p {
    width: 200px;
    margin: 0 auto;
}


.industrial-search-tool h2 {
    color: #fff;
}

.industrial-search-tool a {
    margin-top: 40px;
}


.wood-stains .i-o-image {
    width: 85%;
    /*margin: 0 auto;*/
    display: block;
    margin-left: 15px;
}

.wood-stains .description {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
    width: 85%;
    margin: 0 auto;
    margin-left: 0;
}

/*
.wood-stains .content_link {
    width: 300px;
    margin: 0 auto;
    display: block;
}
*/
.wood-stains .content_link {
    width: 85%;
    margin: 0 auto;
    display: block;
    /*margin-left: 0;*/
    text-align: center;
}

.wood-stains a.btn-yellow {
    display: block;
    width: 85%;
    position: initial!important;
}

.c-w1 ul li:before{
	display: none;
}


/*.home-section-two .sfitem .btn-yellow {
    
    left: 60px !important;
    width: 243px;
    text-align: center;
}*/

.industrial-dealer {margin-top:7px;}
.all-locations {margin-bottom:7px;}
/*
.product-profile .slit-blocks_content div#block-desktop {
    position: relative;
    top: 30px;
}

*/

/*new paint enthusiasts */
#paint-enthusiasts-container {
	background-repeat: no-repeat !important;
	background: url(/img/club/bg-image.png);
	margin: 40px auto;
	height: 420px;
	background-size: cover;
	background-position: center;
	padding-top: 10px;
	max-width: 95%;
	text-align: center;
}

.pe-btn-blue {
	display: inline-block;
	color: #ffffff !important;
	background-color: #036fad;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: .02em;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
	padding: 10px 20px;
	text-decoration: none !important;
	margin-left: 39px;
}

#pe-col1 {
	margin: auto;
}

#pe-col3 {
	/*margin-left: 2.3rem;*/
}

	#pe-col3 a {
		margin-left: 0;
	}

	#pe-col3 #club-link {
		font-size: 11px;
		margin-top: 10px;
	}

#pe-col2 {
	margin: 0 auto 20px;
	text-align: center;
	width: 100%;
}

#pe-30 {
	text-align:center;
	font: normal normal bold 21px / 32px Lato;
	letter-spacing: 1.23px;
	color: #000000;
	opacity: 1;
}

#pe-44 {
	text-align: center;
	font: normal normal bold 31px / 33px Lato;
	letter-spacing: -1.76px;
	color: #000000;
	opacity: 1;
}

a.pe-btn-blue:hover {
	background-color: #003b5c;
	color: #fff !Important;
	background: #003b5c;
	border-color: #000;
}

/*for whole site*/
.c-w1 ul {
	margin-left: 0;
	padding: 0;
}

	.c-w1 ul li {
		margin: 0 auto;
		padding: 0;
		max-width: 95%;
	}

.for-your-home-member-rewards .home-member-section ul {
	width: 95%;
	margin: 0 auto 50px;
	padding: 20px;
	min-height: 320px;
}

#footer-professionals {
	margin-left: 1.25em;
	margin-right: 1.25em;
	margin-top: 1.25em;
}

.salesforce-form {
	border-top: 2px solid #72714F;
	border-block-width: 6px;
	margin-top: 0px;
}

	#footer-professionals #prof-left-col img {
		width: 100%;
	}

#footer-professionals-title {
	text-align: left;
	font: normal normal bold 22px/24px Lato;
	letter-spacing: -0.3px;
	color: #000000;
	opacity: 1;
	margin-bottom: 0.5em;
}

.footer-professionals-item {
	flex: 1 1 25.946%; /*grow | shrink | basis */
	text-align: left;
	text-decoration: underline;
	font: normal normal bold 15px/22px Lato;
	letter-spacing: 0px;
	color: #036FAD;
	opacity: 1;
	margin-bottom: 0.5em;
}

	.footer-professionals-item a:visited, .footer-professionals-item a {
		color: #036FAD;
	}
#prof-right-col {
	margin-bottom: 2em;
	margin-top: 1em;
}


#common-paint-pro-sol-container .pro-sol-btn {
	margin-top: 0px;
	color: #ffffff !important;
	background-color: #036fad;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: .02em;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
	padding: 10px 20px;
	text-decoration: none;
	display: inline-block;
}

#common-paint-pro-sol-container ul li {
	list-style: inside;
	overflow: initial;
	padding-left: 0px;
	margin-left: 13px;
}

#common-paint-pro-sol-container .pro-sol-btn a.pro-sol-btn:hover {
	background-color: #003b5c;
	color: #fff !Important;
}

#common-paint-pro-sol-container .pro-sol-btn:hover {
	background-color: #003b5c;
}

#common-paint-pro-sol-container .link-view-all {
	margin-top: 20px;
}

#common-paint-pro-sol-container .pro-sol-list-items {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-source-sans-pro);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 16px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
}

#common-paint-pro-sol-container .pro-sol-interior-title {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-source-sans-pro);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal bold 16px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
}

#common-paint-pro-sol-container #pro-sol-interior {
	margin-bottom: 20px;
}

.interior-exterior-guide ul li {max-width:100%;}
.interior-exterior-guide a.do-it-yoursel {left: 34px !important;}

.common-problem-interior-exterior #content .c-w1 ul li {
	list-style: initial;
	overflow: initial;
	padding-left: 0px;
}

.common-problem-interior-exterior #content .c-w1 ul {
	margin-left: 1.5em;
}

#content h1 span.sfImageWrapper {
	position: relative;
	top: 0px;
}

/*Pay Bill*/
.pay-bill h1 {
	font-size: 22px;
	letter-spacing: 0.13px;
}

.pay-bill h2 {
	text-align: left;
	font: normal normal bold 18px/27px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
}

.pay-bill p {
	text-align: left;
	font: normal normal normal 16px/27px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	margin-top: 0px;
}

.pay-bill #intro-sec {
	text-align: center;
	margin-bottom: 24px;
}

.pay-bill a.btn-yellow {
	position: static;
}

.pay-bill-logo {
	text-align: center;
}

.pay-bill-address {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.pay-bill h4 {
	text-align: left;
	font: normal normal normal 20px/27px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}




/*End Pay Bill*/
#liquid-coastins ul li {
	padding-left: 10px;
}
#liquid-coastins ul li::before {
	display: inline-block;
	content: '';
	-webkit-border-radius: 0.375rem;
	border-radius: 0.375rem;
	height: 5px;
	width: 5px;
	margin-right: 0.5rem;
	background-color: #bdbdbd;
	background: #8FACBF 0% 0% no-repeat padding-box;
	top: 10px;
}

#liquid-coastins-left ul li {
	padding-left: 10px;
	font: normal normal normal 14px/20px Source Sans Pro !important;
}

#liquid-coastins-left h3 {
	text-align: left;
	text-decoration: underline;
	font: normal normal bold 20px/34px Lato;
	letter-spacing: 0px;
	color: #036FAD;
	opacity: 1;
	margin: 0px;
}
	#liquid-coastins-left ul li::before {
		display: inline-block;
		content: '';
		-webkit-border-radius: 0.375rem;
		border-radius: 0.375rem;
		height: 5px;
		width: 5px;
		margin-right: 0.5rem;
		background-color: #bdbdbd;
		background: #8FACBF 0% 0% no-repeat padding-box;
		top: 10px;
	}

#liquid-coastins-left {
	width: 175px !important;
}

#liquid-coastins-right {
	width: 190px;
}

/*Pay bill form*/
.pay-my-bill-form .tbl-two-columns {
	display: flex;
	flex-direction: row;
	border: 1px solid #444;
	margin-bottom: 15px;
}

	.pay-my-bill-form .tbl-two-columns div {
		width: 50%;
	}

		.pay-my-bill-form .tbl-two-columns div:first-child {
			border-right: 0.5px solid #444;
		}

		.pay-my-bill-form .tbl-two-columns div input {
			width: 100%;
			padding-left: 20px;
			padding-right: 20px;
			border: none;
		}

		.pay-my-bill-form .tbl-two-columns div:last-child {
			border-left: 0px;
		}

.pay-my-bill-form .tbl-one-column select, .pay-my-bill-form .tbl-one-column input {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	border: none;
}

.pay-my-bill-form .tbl-one-row-with-two-columns {
	display: flex;
	flex-direction: row;
}

	.pay-my-bill-form .tbl-one-row-with-two-columns input {
		width: 100%;
	}

.pay-my-bill-form .tbl-one-row-with-three-columns {
	display: flex;
	flex-direction: row;
}

	.pay-my-bill-form .tbl-one-row-with-three-columns div {
		flex-grow: 1;
		flex-basis: 0;
		border-bottom: 0px;
	}

		.pay-my-bill-form .tbl-one-row-with-three-columns div select, .pay-my-bill-form .tbl-one-row-with-three-columns div input {
			width: 100%;
		}

			.pay-my-bill-form .tbl-one-row-with-three-columns div input[type="radio"] {
				width: 15%;
				margin-right: 5px;
			}

		.pay-my-bill-form .tbl-one-row-with-three-columns div:first-child {
			border-right: 1px solid #444;
		}

		.pay-my-bill-form .tbl-one-row-with-three-columns div:last-child {
			border-left: 1px solid #444;
		}


.pay-my-bill-form .phone-radio-list div {
	height: 35px;
	padding-top: 10px;
}

.pay-my-bill-form .form-text {
	padding: 0 3px;
	height: 35px;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	border: none;
	font: normal normal normal 14px/16px Arial;
	letter-spacing: 0px;
	color: #444444;
}

.pay-my-bill-form #address-province, .pay-my-bill-form #address-country {
	width: 100%;
}

.pay-my-bill-form .no-borders {
	border: none;
	margin-bottom: 0px;
}

.pay-my-bill-form .form-dropdown {
	height: 35px;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	border: none;
}

.pay-my-bill-form .tbl-two-columns-phones {
	display: flex;
	border-bottom: none;
	width: 100%;
	flex-direction: row;
}

	.pay-my-bill-form .tbl-two-columns-phones div:first-child {
		width: 25%;
	}

	.pay-my-bill-form .tbl-two-columns-phones div:last-child {
		width: 75%;
	}

.pay-bill-form a.btn-yellow {
	position: static;
	margin-top: 27px;
}

.pay-bill-form p {
	font: normal normal bold 14px/18px Source Sans Pro;
	letter-spacing: 0px;
	color: #444444;
	margin-top: 36px;
}

.form-table {
	display: table;
	border-top: 1px solid #444;
	width: 100%;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}

	.form-table div {
		border-bottom: 1px solid #444;
	}

.pay-my-bill-form-block {
	display: flex;
	justify-content: center;
}

.pay-bill-form #content {
	text-align: center
}

.pay-bill-form h1 {
	font-size: 22px;
	text-decoration: none;
}

.pay-btn-section {
	display: flex;
	flex-direction: column;
}
/*End Pay bill form */


.open .home-page #mainnav .nav.L1 > li {
	border-top: 1px dotted #646464;
}

.open .home-page #mainnav .nav.L1 > li > a {
	display: block !important;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 10px 11px 10px;
	font-size: 14px;
}

.open .home-page #mainnav .nav #cph_header_Li2 .togglemenu span {
	display: none !important;
}

.open .home-page #mainnav .nav.L1 > li:nth-of-type(1n+4) {
	display: none !important;
}

/*=====Store locator======*/
.store-locations.open #mainnav .nav.L1 > li {
	border-top: 1px dotted #646464;
}

	.store-locations.open #mainnav .nav.L1 > li > a {
		display: block !important;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		padding: 10px 10px 11px 10px;
		font-size: 14px;
	}

.store-locations.open #mainnav .nav #cph_header_Li2 .togglemenu span {
	display: none !important;
}

.store-locations.open #mainnav .nav.L1 > li:nth-of-type(1n+4) {
	display: none !important;
}

/*=====end Store locator======*/

/*
.open .home-page #secondarynav > div ul.L1 li:first-child,
.open .home-page #secondarynav > div ul.L1 li:nth-child(2) {
	display: block !important;
}

.open .home-page #secondarynav > div ul.L1 li.top-mobile-link {
	display: none !important;
}
*/
 .closemenu {
	display:none;
}
 
.open #secondarynav > div ul.L1 li:first-child,
.open #secondarynav > div ul.L1 li:nth-child(2) {
	display: block !important;
}

.open #secondarynav > div ul.L1 li.top-mobile-link {
	display: none !important;
}

.flexbox.justifycontent .blue.open #mainnav ul.L1 > li.L1 > ul.active {
	padding: 0px 0px;
}

#google_translate_element .goog-te-gadget img {
	display: none !important;
}

#util #google_translate_element .goog-te-gadget a::before {
	content: none;
}

#util #google_translate_element .goog-te-gadget a {
	padding-left: 5px;
}

div.goog-te-gadget-simple {
	border-radius: 5px !important;
}

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
	border: none !important;
}

iframe .indicator {
	display: none;
}

.paint-colours .more-products .i-o-image img {
	width: 100% !important
}

.professionals-overview-list ul li .content_block {
	display: flex;
	justify-content: center;
}

.professionals-overview-list ul li .btn-yellow:lang(fr) {
	letter-spacing: .002em;
}

.pim-paints-list .item-view-link a {

	text-decoration: underline;
	font: normal normal normal 15px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #036FAD !important;
	opacity: 1;
}

.tech-pdf a.pdf-icon {
	text-decoration: underline;
	font: normal normal normal 14px/23px Source Sans Pro;
	letter-spacing: 0px;
	color: #036FAD !important;
	opacity: 1;
}

.product-brand-name {
	font-size: 20px !important;
	text-align: center;
}

.product-type {
	border-bottom: 1px solid #bdbdbd;
}


#authoried-arch-pro {
	display: flex;
	gap: 5px;
}

#authoried-industrial {
	display: flex;
	gap: 5px;
}

/*store location detail*/
.extra-section .how-to-paint-stain {
	background-color: #D9C9C0;
}

.extra-section .Colour-trend .Colour-trend-col4 {
	background-color: #D9C9C0 !important;
	width: 100% !important;
}

.extra-section .how-to-paint-stain {
	background-color: #D9C9C0 !important;
}

.extra-section .Colour-trend-col4 .sf_colsIn {
	margin-left: 40px !important;
	display: flex;
	flex-direction: column;
}

.extra-section .why-buy-canadian {
	width: 100%;
}

	.extra-section .why-buy-canadian h2 {
		color: #404040 !important;
		font-family: "Source Sans Pro",sans-serif;
		font-style: normal;
		font-size: 30px !important;
		line-height: 21px;
		margin-bottom: 20px;
		font-weight: 600;
	}

	.extra-section .why-buy-canadian ul {
		list-style: inherit;
		overflow: visible;
	}

		.extra-section .why-buy-canadian ul li {
			list-style: inherit;
			overflow: visible;
			padding-left: 0px;
			margin-top: 0px;
			font-size: 16px;
			color: #404040;
			font-family: "Source Sans Pro",sans-serif;
			font-style: normal;
			font-size: 16px;
			line-height: 21px;
			text-indent: -2px !important;

		}

.extra-section .home-learn-more-container {
	display: flex;
	flex-direction: row;
	position: relative;
	top: -5px;
	left: 0px;
	justify-content: center;
}

	.extra-section .home-learn-more-container #learn-more-img {
		margin-bottom: 20px;
		margin-top: 5px;
	}

		.extra-section .home-learn-more-container #learn-more-img img {
			width: 65px;
		}
.extra-section {
	margin-top: 30px;
}

.store-location-detail-top .desktop-sep {
	display: none;
}

.store-location-detail-top img {
	width: 90px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}


.new-social-icons svg {
	display: flex;
	position: relative;
	top: -9px;
	align-self: baseline;
	margin: 0 auto;
	fill: #646464B2;
	font: normal normal normal 26px/25px 'Font Awesome 5 Brands';
	width: 100%;
	height: 100%;
}


li.new-social-icons {
	overflow: visible !important;
	margin: 0px !important;
	display: inline-block;
	padding-right: 25px;
}

.social-icons-list {
	list-style: none;
	padding: 0;
	/*	margin: 20px 0;
	display: flex;
	justify-content: center;
	gap: 20px;*/
}

.new-social-icons a {
	overflow: visible;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	width: 30px;
	height: 26px;
	fill: #333;
	transition: fill 0.3s ease;
	line-height: 0;
	padding: 0;
}

	.new-social-icons a:hover {
		fill: #0077b5; /* Example: change color on hover (LinkedIn blue) */
	}

.new-social-icons #social-facebook-a {
	width: 14px;
}

.new-social-icons #social-twitter-a {
	width: 24px;
}

.new-social-icons #social-instagram-a {
	width: 22px;
}

.new-social-icons #social-linkedIn-a {
	width: 22px;
}

.new-social-icons #social-pinterest-a {
	width: 20px;
}

.new-social-icons #social-youtube-a {
	width: 30px;
}

/*new social media*/
.socialmedia .social-icons li {
	padding-right: 5px;
}

.socialmedia .social-icons a {
	/*color: #8FACBF !important;*/
	color: #787878 !important;
	font-size: 18px;
	margin: 0 8px;
	text-decoration: none;
	transition: color 0.3s ease;
}

	.socialmedia .social-icons a:hover {
		color: #000 !important; /* Change to black on hover */
	}

/*end*/



#markets-served-map-items {
	display: flex;
	flex-direction: column;
	text-align: left;
	gap: 0px;
}

#markets-served-map {
	text-align: left;
}

	#markets-served-map a {
		width: 100%;
	}

.markets-served-section {
	margin-left: 20px !important;
	margin-bottom: 25px !important;
}


	.markets-served-section .columns .column ul li {
		padding-left: 10px;
		margin-top: 0.7em;
	}

	.markets-served-section .columns {
		gap: 0px !important
	}

#laboratories-section-grid-container #lab-item1 {
	min-width: 100% !important;
	gap: 25px;
}

	#laboratories-section-grid-container #lab-item1 .lab-content-text {
		width: 100% !important;
	}

.sub-title-section .sub-title {
	text-align: left;
	font: normal normal bold 15px/22px Lato;
	letter-spacing: 0px;
	color: #6B8A9F;
	opacity: 1;
	margin-top: 12px;
	margin-left: 10px;
}


.markets-served-list-section {
	margin-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 40px !important;
}



	.markets-served-list-section .grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(328px, 1fr));
		column-gap: 56px;
		row-gap: 36px;
	}

	.markets-served-list-section .grid-item {
		position: relative;
		overflow: hidden;
	}

		.markets-served-list-section .grid-item img {
			width: 100%;
			height: 318px !important;
			display: block;
		}

	.markets-served-list-section .label {
		position: absolute;
		bottom: 12px;
		left: 50%;
		transform: translateX(-50%);
		background: #036FAD;
		padding: 10px 36px; /* wider feel without fixed width */
		border-radius: 4px;
		display: inline-flex; /* shrink-to-fit behavior */
		justify-content: center;
		align-items: center;
		width: max-content; /* size to content */
		/* white-space: nowrap; */ /* keep on one line (uncomment if you don't want wrapping) */
		max-width: calc(85% - 24px); /* prevent overflow on small images */
		color: #FFFFFF;
		text-transform: uppercase;
		opacity: 1;
		border-radius: 4px;
		margin-bottom: 30px;
	}

		.markets-served-list-section .label a {
			text-align: center;
			font: normal normal bold 18px/18px Source Sans Pro;
			letter-spacing: 0px;
			color: #FFFFFF;
			text-transform: uppercase;
			opacity: 1;
			text-decoration: none;
		}

		.markets-served-list-section .label:hover {
			background-color: #003b5c;
			color: #fff !Important;
		}

	.markets-served-list-section h2 {
		text-align: left;
		font: normal normal bold 30px/34px Lato;
		letter-spacing: -0.3px;
		color: #000000 !important;
		opacity: 1;
		margin-bottom: 22px;
		margin-top: 0px;
	}

.markets-served-list-section .label a {
	text-align: center;
	font: normal normal bold 18px / 18px Source Sans Pro;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
	text-decoration: none;
}

/*industrial lab*/
.lab-test-list {
	display: block; /* single column */
	padding: 16px;
	max-width: 640px;
	margin: 0 auto;
}

.lab-test-item {
	display: flex; /* time | desc on one line */
	align-items: center;
	gap: 1px;
	margin-bottom: 0px;
}

	.lab-test-item .lab-time {
		min-width: 64px; /* aligns times nicely */
		text-align: right;
		position: relative;
		padding-right: 12px; /* room for the separator */
	}

		.lab-test-item .lab-time::after {
			content: "";
			position: absolute;
			right: 0;
			top: 6px;
			bottom: 6px;
			width: 1px;
			background-color: #999; /* vertical line */
		}

	.lab-test-item .desc {
		padding-left: 12px; /* space after the line */		
		word-break: break-word; /* wrap long titles */
	}

.lab-test-item span {margin-bottom:0px !important;}
.lab-test-list .lab-test-item span {
	text-align: left;
	font: normal normal normal 16px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	margin-top: 5px;
}
/*end industrail lab*/


/*start contact us*/

.contact-us-list-section {
	margin-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 40px !important;
}



	.contact-us-list-section .grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(328px, 1fr));
		column-gap: 56px;
		row-gap: 36px;
	}

	.contact-us-list-section .grid-item {
		position: relative;
		overflow: hidden;
	}

		.contact-us-list-section .grid-item img {
			width: 100%;
			height: 318px !important;
			display: block;
		}

	.contact-us-list-section .label {
		position: absolute;
		bottom: 12px;
		left: 50%;
		transform: translateX(-50%);
		background: #036FAD;
		padding: 10px 36px; /* wider feel without fixed width */
		border-radius: 4px;
		display: inline-flex; /* shrink-to-fit behavior */
		justify-content: center;
		align-items: center;
		width: max-content; /* size to content */
		/* white-space: nowrap; */ /* keep on one line (uncomment if you don't want wrapping) */
		max-width: calc(85% - 24px); /* prevent overflow on small images */
		color: #FFFFFF;
		text-transform: uppercase;
		opacity: 1;
		border-radius: 4px;
		margin-bottom: 30px;
	}

		.contact-us-list-section .label a {
			text-align: center;
			font: normal normal bold 18px/18px Source Sans Pro;
			letter-spacing: 0px;
			color: #FFFFFF;
			text-transform: uppercase;
			opacity: 1;
			text-decoration: none;
		}

		.contact-us-list-section .label:hover {
			background-color: #003b5c;
			color: #fff !Important;
		}

	.contact-us-list-section h2 {
		text-align: left;
		font: normal normal bold 30px/34px Lato;
		letter-spacing: -0.3px;
		color: #000000 !important;
		opacity: 1;
		margin-bottom: 22px;
		margin-top: 0px;
	}

	.contact-us-list-section .label a {
		text-align: center;
		font: normal normal bold 18px / 18px Source Sans Pro;
		letter-spacing: 0px;
		color: #FFFFFF;
		text-transform: uppercase;
		opacity: 1;
		text-decoration: none;
	}

	/*end contact us*/

.professional-lab-capabilities {
	display: grid;
	gap: 25px;
	/*align-items: center;*/
	margin-top:35px;
}


	.professional-lab-capabilities h2 {
		text-align: left;
		font: normal normal bold 30px/34px Lato;
		letter-spacing: -0.3px;
		color: #000000 !important;
		opacity: 1;
	}


.bullet-list-container h2, .professional-lab-client-benefits h2 {
	text-align: left;
	font: normal normal bold 30px/34px Lato;
	letter-spacing: -0.3px;
	color: #000000;
	opacity: 1;
	margin-top: 0px;
	margin-bottom: 0px;
}


.bullet-list-container ul {
	list-style-position: outside;
	list-style: disc !important;
	padding-left: 10px !important;
	margin-left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 5px;
}

.bullet-list-container li {
	text-align: left;
	font: normal normal normal 14px/20px Source Sans Pro;
	letter-spacing: 0px;
	color: #646464;
	opacity: 1;
	overflow: visible !important;
	margin-top: 0px !important;
	padding-left: 5px !important;
	margin-bottom: 5px;
}

	.bullet-list-container li::marker {
		content: "• "; /* You can use dot, emoji, or any Unicode char */
		color: #E8AA2C;
		font-weight: bold;
		font-size: 1rem;
		line-height: 1;
	}

.bullet-list-container .cap-title {
	font-weight: 600;
	margin: 0;
}

.bullet-list-container .cap-desc {
	margin: 0;
	font-size: 0.95rem;
	color: var(--muted);
}

.two-mid-content-container {
	display: flex;
	gap: 5px;
	flex-direction: column;
	margin-top: 25px;
}

	.two-mid-content-container .left-side-column {
		flex: 1;
	}

	.two-mid-content-container .right-side-column {
		flex: 1;
	}

	.two-mid-content-container h2 {
		font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-34) var(--unnamed-font-family-lato);
		letter-spacing: var(--unnamed-character-spacing--0-3);
		color: var(--unnamed-color-000000);
		text-align: left;
		font: normal normal bold 30px/34px Lato;
		letter-spacing: -0.3px;
		color: #000000;
		opacity: 1;
		margin-top: 0px;
	}

.top-p p {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-source-sans-pro);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 16px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}

.right-side-column .bullet-list-container ul.numbered li::marker {
	text-align: left;
	font: normal normal bold 14px/20px Source Sans Pro;
	letter-spacing: 0px;
	color: #E8AA2C;
	opacity: 1;
}

ul.numbered {
	list-style: none; /* remove default bullet */
	counter-reset: item 0; /* start counting from 0 so first increment is 1 */
	padding-left: 1.5rem;
}

	ul.numbered li {
		counter-increment: item; /* increment for each li */
		margin-bottom: 10px;
	}

		ul.numbered li::marker {
			content: counter(item) ". "; /* show number */
			text-align: left;
			font: normal normal bold 14px/20px Source Sans Pro;
			letter-spacing: 0px;
			color: #E8AA2C;
			opacity: 1;
		}

.professional-lab-client-benefits {
	display: flex;
	gap: 25px;
	margin-top: 35px;
	flex-direction: column;
}

	.professional-lab-client-benefits .media {
		flex: 0.55;
	}

		.professional-lab-client-benefits .media img {
			width: 100%;
			object-fit: cover;
		}

	.professional-lab-client-benefits .copy {
		flex: 0.45;
	}

		.professional-lab-client-benefits .copy .bullet-list-container .numbered {
			margin-top: 19px;
		}

		.professional-lab-client-benefits .copy .bullet-list-container span {
			text-align: left;
			font: normal normal normal 16px/24px Source Sans Pro;
			letter-spacing: 0px;
			color: #000000;
			opacity: 1;
		}

		.professional-lab-client-benefits .copy .bullet-list-container .nested-content {
			position: relative;
			left: -18px;
			letter-spacing: var(--unnamed-character-spacing-0);
			color: var(--body-copy-646464);
			text-align: left;
			font: normal normal normal 14px/20px Source Sans Pro;
			letter-spacing: 0px;
			color: #646464;
			opacity: 1;
		}

#professional-lab-section {
	margin-top:25px;
}

	#professional-lab-section .header-text h1, .contact-us-header-section .header-text h1 {
		text-align: left;
		font: normal normal bold 36px/40px Lato;
		letter-spacing: -0.36px;
		color: #000000;
		text-transform: uppercase;
		opacity: 1;
		margin: 0px;
	}

	#professional-lab-section .header-text p, .contact-us-header-section .header-text p {
		text-align: left;
		font: normal normal normal 16px/24px Source Sans Pro;
		font-size: 16px;
		letter-spacing: 0px;
		color: #000000;
		opacity: 1;
	}

/*new code*/

.skiptranslate iframe {
	display: none;
}

#Body {
	top: 0px !important;
}

@media screen and (max-width: 290px) {
	#logo img {
		max-width: 195px;
	}

	.home-page-top-items {
		padding-left: 15px !important;
		padding-right: 15px;
	}

	.product-profile-custom .more-products {
		padding: 0px 15px;
		position: relative;
		left: 0px;
	}

	.topbar-internal .section-inner {
		padding: 0 5px 0px 5px;
	}

	.topbar-internal .store-swticher {
		padding-left: 10px;
	}

	.skiptranslate iframe {
		display: none;
	}
}

.extra-section {
	margin-top: 0px;
}
.paint-colour-note-section {
	padding-bottom: 1px;
	background-color: #eeedec;
}

.paint-colour-note-container {
	padding-left: 40px;
	padding-top: 10px;
	max-width: 95%;
}

.paint-colour-note-section::before {
	content: "";
	position: absolute;
	/* left: 40px; */
	/* width: calc(100% - 80px); */
	width: calc(97% - 3px);
	border-top: 5px solid #707070;
	border-block-width: 6px;
}

.cm-photo-row {
	display: flex;
	gap: 40px;
	flex-direction: column;
}

.paint-colour-note-container h3 {
    font: normal normal bold 30px / 34px Lato;
    letter-spacing: -0.3px;
    color: #000000;
    margin-top: 28px;
    margin-bottom: 11px;
}

.paint-colour-note-container p {
    font: normal normal normal 16px / 24px Source Sans Pro;
    letter-spacing: 0px;
    color: #646464;
}

div#cph_main_divCW1 > p {
    margin-bottom: 30px !important;
}

/* Card wrapper */
.paint-color-tools-row .tool-card {
	position: relative;
	flex: 1; /* equal width columns */
}

/* Images always fill their space */
	.paint-color-tools-row .tool-card img {
		width: 100%;
		height: auto;
		display: block;
	}

/* Blue button on image */
.paint-color-tools-row .tool-btn {
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	background: #036fad;
	padding: 12px 26px;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
	font: normal normal bold 16px/16px "Source Sans Pro", sans-serif;
	box-shadow: 0 4px 12px rgba(0,0,0,0.25);
	text-transform: uppercase;
}

section.paint-color-tools-row {
    gap: 20px;
    display: flex;
    flex-flow: column;
	margin-top: 25px;
	margin-bottom: 35px;
}

.paint-colour-note-container {
	padding-left: 19px;
	padding-top: 10px;
	max-width: 95%;
}

.best-left p {
	margin-top: 8px;
	max-width: 100%;
}


.tips-section ul {
	list-style: none !important;
	padding-left: 0 !important;
}


.tips-section li::before {
	content: "•";
	position: absolute;
	left: 0;
	top: 0;
	color: #6b7b34; /* olive green */
	font-size: 20px;
	line-height: 18px;
	background: var(--home-a8ad7b) 0% 0% no-repeat padding-box;
	background: #A8AD7B 0% 0% no-repeat padding-box;
	opacity: 1;
}

.tips-section ul li {
	list-style: disc !important;
	padding-left: 0px !important;
	overflow: visible !important;
	display: list-item !important;
	margin-left: 20px;
}

/* Column base */
.tip-column h2 {
	text-align: left;
	font: normal normal bold 30px/34px Lato;
	letter-spacing: -0.3px;
	color: #757855 !important;
	opacity: 1;
	margin-top: 10px;
}

.tip-column p,
.tip-column li {
	text-align: left;
	font: normal normal normal 14px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #646464;
}
	.tip-column li strong {
		font-weight: 700;
	}

.paint-colour-note-container h2 {
	text-align: left;
	font: normal normal bold 22px/30px Lato;
	letter-spacing: -0.3px;
	color: #000000 !important;
	text-transform: capitalize;
	opacity: 1;
	margin-bottom: 10px;
	margin-top: 28px;
}

.paint-colour-note-container p {
    font: normal normal normal 16px / 24px Source Sans Pro;
    letter-spacing: 0px;
    color: #646464;
}

#footer-professionals-title h2, #footer-industrial-title h2 {
  color: #000000 !important;
  font: normal normal bold 22px / 30px Lato;
    letter-spacing: -0.3px;
    text-transform: capitalize;
    opacity: 1;
}

.colour-matching {
  padding-top: 20px;
}

.colour-matching ul.li-disc-style{
	margin-left:10px;
}

ul.li-disc-style li {
	list-style: disc !important;
	padding-left: 0px !important;
	overflow: visible !important;
	display: list-item !important;
	
}

ul.li-disc-style li::marker {
		color: #A8AD7B;
	}

	ul.li-disc-style li strong {
		text-align: left;
		font: normal normal 600 14px/24px Source Sans Pro;
		letter-spacing: 0px;
		color: #000000;
	}
	ul.li-disc-style li p {
		text-align: left;
		font: normal normal normal 14px/24px Source Sans Pro;
		letter-spacing: 0px;
		color: #646464;
	}

ul.embed-disc-list li {
  list-style: disc !important;
  padding-left: 0px !important;
  overflow: visible !important;
  display: list-item !important;
  opacity: 1;
  font: normal normal normal 14px/24px Source Sans Pro;
  letter-spacing: 0px;
  margin-top: 0px;
}	

.cm-content {
	margin-bottom: 30px;
}

.cm-content p {
margin-bottom: 0px !important;
}

.color-table-container table.colors {
display: flow-root;
}

.color-section-bold-paragraph {
	margin-bottom: 20px;
	margin-top: 20px;
}

	.color-section-bold-paragraph p {
		margin-top:7px;
	}


.cm-content strong {
  text-align: left;
  font: normal normal bold 20px/24px Lato;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}	


.cm-content h3 {
	margin: 0;
	text-align: left;
	font: normal normal bold 24px/34px Lato;
	letter-spacing: 0px;
	color: #757855;
	opacity: 1;
}

.cm-content p {
	text-align: left;
	font: normal normal normal 14px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #646464;
	opacity: 1;
	margin-bottom: 0px;
}

    .colour-matching .cm-block {
		display: grid;
        grid-template-columns: 1fr;   /* ONE column */
        row-gap: 20px;                /* space between image + content */
        padding: 0 20px;
    }

    .colour-matching .cm-block .cm-bar {
        width: 100%;
    }

    .colour-matching .cm-block .cm-bar img {
        width: 100%;
        height: auto;
        display: block;
    }

ol.cm-steps > li::marker {
  text-align: left;
  font: normal normal bold 20px/24px Lato;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}	

.cm-content ul.embed-disc-list strong {
  text-align: left;
  font: normal normal 600 14px/24px Source Sans Pro;
  letter-spacing: 0px;
  color: #000000;
}

.cm-content .cm-steps-without-p li {
	/*padding: 5px 0px;*/
	margin:15px 0px;
}

.wood-stains ul li .title h2 {
  font-size: 34px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  margin-top: 0px;
  padding-right: 50px;
}

.wood-stains ul li .content_link .btn-yellow {
  bottom: 25px;
  left: 90px;
}

.cm-content p strong {
  font: normal normal normal 14px/24px Source Sans Pro;
    font-weight: normal;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-weight: bold;
}

.most-specified-paint-clours-h2 {
 text-align: left;
        font: normal normal bold 24px / 27px Lato;
        letter-spacing: 0px;
        color: #757855 !important;
        opacity: 1;
        margin: 0px;
		margin-top: 10px;
}

#cph_main_divCW1 {
  padding-left: 10px;
  padding-right: 10px;
}

.store-locations #cph_main_divCW1 {
  padding-left: 0px;
  padding-right: 0px;
}

.page-overview #breadcrumb {
  padding: 0 10px 28px 25px;
}

.page-overview .store-swticher {
  padding-left: 25px;
}

.page-overview #logo img {

  position: relative;
  left: 10px;
}