@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;
}

.icon-arrow-down:before {
	content: "\e602";
}

.icon-arrow-left:before {
	content: "\e600";
}

.icon-arrow-right:before {
	content: "\e601";
}

/*.c-w1 .location-type-list li {padding-top:22px;padding-left: 40px;}*/
.c-w1 .location-type-list li:first-child {padding-left:10px;}
/*.location-type-list .corporate-store {background: url("/img/YellowLegend.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}*/
/*.location-map .authorized-dealer {background: url("/img/BlueLegend.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}*/
.setview-label {padding-top:22px;}
.loc-detail .Authorized.Dealer {display:none;}
.loc-detail-body {margin-bottom:20px;}

/**
Medium - Large Layout (640+)
**/

/* Background Images
-------------------*/
/*
body{
	background: #c2c0ba url(/img/background/generic-bg.jpg) no-repeat fixed center top;
}
body.store-locations {
	background: #c2c0ba url(/img/background/generic-bg.jpg) no-repeat fixed center top;
}*/

.template-home {
	background-image: none;
}

#content.no-subnav {left:0;}

/* OVERALL
-------------------*/
#wrapper{	
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
	min-width: 960px;
	/*background:url(../img/skin/bg/bg-gradient.png) bottom left repeat-x fixed;*/
}
	/*#wrapper:after{
		content:"";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 40px;
		background: #000;
		z-index: 800;
	}*/

	/*#wrapper:after {
		content: '';
		position: fixed;
		top: auto;
		bottom: 0;
		left: 50%;
		height: 75%;
		z-index: 1;
		width: 100%;
		margin-left: -50%;

	}*/

	#wrapper:after{
		content: "";
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 50%;
	    height: 100%;
	    z-index: 800;
	    width: 980px;
	    margin-left: -490px;
	    background: url(../img/bg-section-fade.png) repeat-x left top;
	    background-attachment: fixed;
	    /*background-size: 100% 100%;*/
	}
	.template-home #wrapper:after{background: none;}
@media screen and (min-width: 980px){
	.template-home #wrapper:after {
		display: none;
	}
}	
@media screen and (min-width: 1220px){
	.template-home #wrapper {
		width: 100%;
	}
	.template-home #wrapper:after {
		display: none;
	}
	#wrapper {
		/*width: 1220px;*/
		/*overflow: hidden;*/
	}

	#wrapper:after {
		width: 1220px;
		margin-left: -610px;
	}

}

.page-section{ 
	width: auto;
	width: 980px;
	position: relative;
	padding: 0 20px;
	margin: 0 auto;

}
.devine-color-title-list {margin-bottom:25px;}
.c-w1 .devine-color-title-list li:before {content:"";}
.c-w1 .devine-color-title-list li { display: inline-block;
    float: left;   
    width: 184px;}
	.c-w1 .devine-color-title-list li:first-child {margin-top:0.875em;}
.devine-color-list {clear:both;}
.devine-color-title-list li a {text-decoration:none;}
.section-inner{
	margin: 0 auto;
}
.w-w1{
	position: relative;
	z-index: 10;
	/*background:url(../img/skin/bg/bg-gradient.png) repeat-x fixed;*/
	z-index: 900;
}



.w-w2{
	/*background: url(../img/skin/bg/white-bg.png) 0 850px repeat-x fixed;*/
}
/* HEADER
-------------------*/
#header{
	
/*	background: #edeee4;
	background: rgba(255, 255, 255, 0.8);*/
	padding: 0;
	z-index: 100;
	position: relative;
	border-bottom: solid #767671 1px;
}
	#header.page-section{
		/*width: 100%;*/
	}
	@media screen and (min-width: 1220px){
		.h-w1{
			width: 1220px;
			margin: auto;
		}
			/*.h-w2{
				width: 1180px;
			}*/
	}
	.no-rgba #header{background:#fff;}
	.h-w1{
		position: relative;
	}
		.h-w1:before{
			content:"";
			display: block;
			position: absolute;
			top: 101px;
			left: 0;
			height: 3px;
			width: 100%;
			background: #000;
		}
		.h-w1:after{
			content:"";
			display: block;
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: -2500px;
			width: 5000px;
			height: 40px;
			background: #000;
		}
	.h-w2{
		height: 176px;
		position: relative;
		z-index: 50;
		padding: 0 20px;
	}
	.store-locations .h-w2 {
		height: 146px; /* because someone thought this
		would be a clever idea */
	}

	#header .section-inner{padding: 0;}
.store-locations #header {
	border: none;
}
.yellow #header {
	border-bottom: 1px solid #FED200;
}
.green #header {
	border-bottom: 1px solid #A0A374;
}
.blue #header {
	border-bottom: 1px solid #90ADBF;
}
form[action="privacy-policy"] #header,
form[action="sitemap"] #header,
form[action="terms-conditions"] #header,
form[action="order-online"] #header   { 
    border: none;
}
form[action="privacy-policy"] .h-w2,
form[action="sitemap"] .h-w2,
form[action="terms-conditions"] .h-w2,
form[action="order-online"] .h-w2 { 
    height: 146px;
}



/*--TOPBAR MENU--*/
#topbar{position: relative;z-index: 9002;}

#secondarynav {
	position: absolute;
	right: 20px;
	top: 0;
	/*background: #000;*/
	/*width: 630px;		*/
}
		#secondarynav ul{
			display: table;
			/*width: 100%;*/
			float: left;
            margin-bottom:0;
            padding:0;
            margin:0;
			margin-right: 25px;
		}
		.ie8 #secondarynav li.more ul {
			border: solid #767671 1px;
		}
        #secondarynav li.more ul {
            display: none;
            position: absolute;
            top: 40px;
			width: 160px;
			text-align: left;
			background: #fff;
			box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4); 
			padding: 5px 15px;
            z-index: 20;
		}

        #secondarynav li.more:last-child ul {
			margin: 0 0 0 -96px;
        }

		#secondarynav li{
			display: table-cell;
			height: 40px;
			padding-left: 20px;
			vertical-align: middle;
			white-space: nowrap;
			text-align: right;
			line-height: 35px;
		}
		body #secondarynav li.product-search>a,
		body #secondarynav li.product-search>a:after{
			color: #ffd200;
		}
			@media screen and (min-width: 1220px){
				#secondarynav li {
					padding-left: 25px;
				}
			}

            #secondarynav li.more li {
                display: block;
                height: auto;
                text-align:left;
                padding: 0;
                padding: 0 0;
		    }

            #secondarynav li.more:last-child li {
                text-align:right;
		    }

			#secondarynav li:first-child{padding-left: 0;}
			#secondarynav li a{
				text-decoration: none;
				color: #fff;
			}

            #secondarynav li.more > a {
	            /*background: url(../img/skin/bg/bg-second-nav.png) right center no-repeat;*/
	            cursor: default;
			}
			  #secondarynav li.more > a:after {
				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;
				content: "\e602";
				font-size: 16px;
				position: relative;
				top: 3px;
				color: #fff;
			  }

			  .blue #secondarynav li.more > a:after{
			  	color: #8facbf;
			  }
			  .yellow #secondarynav li.more > a:after{
			  	color: #ffd200;
			  }
			  .green #secondarynav li.more > a:after {
			  	color: #9ea374;
			  }

                #secondarynav li.more > a span {
                    padding-right: 0;
                }
                
                #secondarynav li.more ul a {
                    color: #8c8c8c;
                    display:block;
                    line-height: 26px;
                }

                #secondarynav li.more ul a:hover {
                    color: #000;
                }
.home_tab_item_link {
    display: inline-block;
    padding: 14px 27px;
    border: 3px solid #000;
    line-height: 1;
    font-size: 26px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 30px;
    font-weight: 700;
    color: #000 !important;
}
.home_tab_item_link br{
	display: none;
}

.fwb_professionals .home_tab_item_link {
    background: #ffd200;
}

.fwb_home .home_tab_item_link {
    background: #a8ad7b;
}

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

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

	.yellow #secondarynav #order_online a span {
		padding-top: 3px;
		display: inline-block;
	}

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

		.blue #secondarynav #order_online a span {
			padding-top: 3px;
			display: inline-block;
		}

		li#order_online {
			display: none;
		} 
.blue #secondarynav li#order_online, .yellow #secondarynav li#order_online {
    display: block;
}

.yellow #secondarynav li#order_online {
    /*display: block;*/
}

#product_search_nav {
    position: absolute;
    right: 20px;
    top: 0;
    background: #000;
    width: 305px;
}

    #product_search_nav ul {
        display: table;
        /*width: 100%;*/
        float: right;
        margin-bottom: 0;
        padding: 0;
        margin: 0;
    }

.ie8 #product_search_nav li.more ul {
    border: solid #767671 1px;
}

#product_search_nav li.more ul {
    display: none;
    position: absolute;
    top: 40px;
    width: 150px;
    text-align: left;
    background: #fff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
    padding: 5px 15px;
    z-index: 20;
}

#product_search_nav li.more:last-child ul {
    margin: 0 0 0 0px;
}

#product_search_nav li {
    display: table-cell;
    height: 40px;
    padding-left: 20px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: right;
    line-height: 35px;
}

.top-mobile-link {display: none !important;}


.industrial-search-tool {
	padding: 35px;
	background: #74a5c5;
	margin: 40px 0;
	color: white;
	font-size: 24px;
	text-align: center;
  }
  
  .industrial-search-tool h2 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
  }
  
  .level-one a {
	color: #000;
	font-weight: 700;
  }
  
  .industrial-coatings a {
	text-decoration: none;
	font-weight: bold;
  }

  .our_labs a {text-decoration: none;}

@media screen and (min-width: 1220px) {
    #product_search_nav li {
        padding-left: 40px;
    }
}

#product_search_nav li.more li {
    display: block;
    height: auto;
    text-align: left;
    padding: 0;
    padding: 0 0;
}

#product_search_nav li.more:last-child li {
    text-align: right;
}

#product_search_nav li:first-child {
    padding-left: 0;
}

#product_search_nav li a {
    text-decoration: none;
    color: #fff;
}

.yellow #product_search_nav li.more > a {    
    cursor: default;
    color: #ffde00;
}

.green #product_search_nav li.more > a {
    cursor: default;
    color: #dbe964;
}

.blue #product_search_nav li.more > a {
    cursor: default;
    color: #b5dbf8;
}
    #product_search_nav li.more > a:after {
        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;
        content: "\e602";
        font-size: 16px;
        position: relative;
        top: 3px;
        color: #fff;
    }

.blue #product_search_nav li.more > a:after {
    color: #8facbf;
}

.yellow #product_search_nav li.more > a:after {
    color: #ffd200;
}

.green #product_search_nav li.more > a:after {
    color: #9ea374;
}

#product_search_nav li.more > a span {
    padding-right: 0;
}

#product_search_nav li.more ul a {
    color: #8c8c8c;
    display: block;
    line-height: 26px;
}

    #product_search_nav li.more ul a:hover {
        color: #000;
    }

/*--UTIL--*/
#util {
    position: absolute;
    right: 348px;
    /*top: 11px;*/
    height: 40px;
    display: none;
}
	@media screen and (min-width: 1220px) {
		#util {
			right: 500px;
		}
	}
	#util ul{
		padding:0;
		margin:0;
	}
	#util a{
		display: table;
		text-decoration: none;
		color: #fff;
		height: 40px;
	}
		#util a span{
			display: table-cell;
			vertical-align: middle;
		}
	
/*--LOGO--*/
#header #logo {
	position: absolute;
	top: 0px;
	left: 20px;
	background: #fff;
	width: 355px;
	height: 117px;	
	/*padding: 0 20px;*/
	z-index: 60;
	box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.5); 
	border-radius: 0px 0 3px 3px;
	z-index: 9999;
}
	#header #logo img{
		display: block;
		/*margin-top: 40px;*/
		max-width: 100%;
		border-radius: 0px 0 3px 3px;
	}

body.blue #logo{
	background-color: #fff!important;
}

@media screen and (min-width: 1220px){
	#header #logo {
		/*left: 20px;*/
	}

	#header #logo img{

	}
}


/*--MAINNAV--*/
#mainnav{
	position: absolute;
	z-index: 20;
	top: 72px;
	right: 0;
	width: 100%;
}

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

	/*First level*/
	#mainnav ul.L1{
		position: relative;
		height: 105px;
	}
		#mainnav ul.L1>li{
		}
			#mainnav ul.L1>li>a{
				display: block;
				width: 170px;
				border: 1px solid #767671;
				border-bottom: 0;
				color: #767671;
				text-transform: uppercase;
				text-decoration: none;
				text-align: center;
				position: absolute;
				top: 0;
				font-weight: 600;
				font-size: 16px;
				color: #767671;
				line-height: 1;
				padding: 7px 0 5px 0;
				border-radius: 4px 4px 0 0;
				background-clip: padding-box;


			}
				#mainnav ul.L1>li.active>a,#mainnav ul.L1>li > a.active,
				.no-touch #mainnav ul.L1>li>a:hover{
					background: #000;
					color: #fff;
					border-color: transparent;
				}

			/*#mainnav ul.L1>li:nth-child(3)>a{right: 0;}
			#mainnav ul.L1>li:nth-child(2)>a{right: 190px;}
			#mainnav ul.L1>li:nth-child(1)>a{right: 380px;}
*/
			#mainnav ul.L1 > li:nth-child(1) > a.active {
				background: #A8AD7B;
				border-color: #A8AD7B;
				/*background: #ffffff;*/
				color: #000;
				/*border: solid 1px #000;*/
			}
			#mainnav ul.L1 > li:nth-child(1) > a:hover {
				background: #A8AD7B;
				border-color: #A8AD7B;
				color: #000;
				/*border: solid 1px #000;*/
			}
			#mainnav ul.L1 > li:nth-child(2) > a.active,
			#mainnav ul.L1 > li:nth-child(2) > a:hover {
				background: #ffd200;
				/*background: #ffffff;*/
				color: #000;
				/*border: solid 1px #000;*/
			}
			#mainnav ul.L1 > li:nth-child(3) > a.active,
			#mainnav ul.L1 > li:nth-child(3) > a:hover {
				background: #8FACBF;
				/*background: #ffffff;*/
				color: #000;
				/*border: solid 1px #000;*/
			}


    #mainnav ul li.L1Hidden > a {
        display: none;
    }

	.no-rgba #util{border-color:#fff;}

	/*Second level*/
	#mainnav ul.L2{
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;		
	}
		#mainnav ul.L1 > li.active ul.L2, #mainnav ul.L1 > li.L1 > ul.active {
			/*display: table;
			border-collapse: separate;
			border-spacing: 3px 0px;
			text-align: center;*/
			display: block;
		}
			.flexbox.justifycontent #mainnav ul.L1 > li.active ul.L2, .flexbox.justifycontent #mainnav ul.L1 > li.L1 > ul.active{
				display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
				display: -ms-flexbox;  /* TWEENER - IE 10 */
				display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
				display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
				-webkit-justify-content: space-around; /* Safari 6.1+ */
	      		justify-content:space-between;
			}


.about-contact-us #mainnav ul.L1 > li.L1 > ul.active {
	justify-content: start !important;
}

.about-contact-us #mainnav ul.L2 > li.first-child {
	margin-left: 0 !important;
	margin-right: 37px;
}

.contact-us-pages #subnav ul.L6 li.last-child {
	border-bottom: 1px dotted #7f7f7f;
	padding: 5px 10px 5px 0;
	margin-top: 10px;
	border-top: 1px dotted #7f7f7f;
}

.contact-us-pages #subnav ul.L6 > li.last-child > a::before {
	content: "";
}

.contact-us-pages #subnav ul.L6 > li.last-child.active > a::before {
	content: "» ";
	position: absolute;
	left: 0;
	top: 0;
}

.contact-us-pages #subnav ul.L5 > li.last-child {
	border-bottom: 0px;
}

.contact-us-pages #subnav .L6 > li.last-child.active > a {
	color: #9ea374;
	font-weight: 700;
}

	@media screen and (min-width: 1220px) {
		#mainnav ul.L1 > li.active ul.L2, #mainnav ul.L1 > li.L1 > ul.active {
				/*table-layout: fixed;*/
			}
		}

		#mainnav ul.L2>li{
			/*display: table-cell;
			text-align: center;
			position: relative;
			white-space: nowrap;*/
			display: inline-block;
			position: relative;
		}
		#mainnav ul.L2>li.first-child{
			margin-left: 0 !important;
		}
		#mainnav ul.L2>li.last-child{
			float: right;
		}


		@media screen and (min-width: 1220px){

			.green #mainnav ul.L2>li:nth-child(6){
				/*width: 230px;*/
			}
			.yellow #mainnav ul.L2>li:nth-child(6){
				/*width: 230px;*/
			}
		}


			#mainnav ul.L2>li>a{
				text-decoration: none;
				font-weight: 700;
				font-size: 14px;
				text-transform: uppercase;
				color: #000;
				display: block;
				/*padding: 10px  5px  5px 5px;
				border: solid #767671 1px;*/
				margin: 0 0;
				line-height: 1;
				height: 100%;				
				border-radius: 4px 4px 0 0;
				background-clip: padding-box;

				/*Equal padding on all*/
				padding-top: 10px;
				padding-bottom: 5px;
				border:0!important;
				white-space: nowrap;
			}
				.flexbox.justifycontent #mainnav ul.L2>li>a{padding-left: 8px; padding-right: 8px;}
				@media screen and (min-width: 1220px){
					.flexbox.justifycontent #mainnav ul.L2>li>a{padding-left: 14px; padding-right: 14px;}
				}
				#mainnav ul.L2.gap-25>li>a{padding-left:2px; padding-right: 2px;}
				#mainnav ul.L2.gap-50>li>a{padding-left:4px; padding-right: 4px;}
				#mainnav ul.L2.gap-75>li>a{padding-left:6px; padding-right: 6px;}
				#mainnav ul.L2.gap-100>li>a{padding-left:8px; padding-right: 8px;}
				#mainnav ul.L2.gap-125>li>a{padding-left:10px; padding-right: 10px;}
				#mainnav ul.L2.gap-150>li>a{padding-left:12px; padding-right: 12px;}
				#mainnav ul.L2.gap-175>li>a{padding-left:14px; padding-right: 14px;}

				.yellow #mainnav ul.L2>li>a {
					border: solid #FED200 1px;
				}
				.green #mainnav ul.L2>li>a {
					border: solid #A0A374 1px;
				}
				.blue #mainnav ul.L2>li>a {
					border: solid #91AEC0 1px;
				}


				.ie8 #mainnav ul.L2>li>a{font-size: 13px;}
				#mainnav ul.L2>li:first-child>a,
				#mainnav ul.L2>li:last-child>a{
					margin: 0;
				}
				#mainnav ul.L2>li.active>a,
				#mainnav ul.L2>li:hover>a{
					background: #c2c0ba;
				}

		/*Third Level*/
		#mainnav ul.L2>li:hover>ul{
			display: block;
		}

			.ie8 #mainnav ul.L2>li>ul{
				border: solid #767671 1px;
			}
			#mainnav ul.L2>li>ul{
				position: absolute;
				left: 0;
				top: 100%;
				width: auto;
				min-width: 110%;
				margin: 0 5px 0 0;
				text-align: left;
				background: #fff;
				box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4); 
				/*padding: 15px;*/
				padding-top: 5px;
				
			}
				#mainnav ul.L2>li:last-child>ul{
					left:0;
					margin: 0;
					min-width: 150px;
				}				
				#mainnav ul.L2>li:last-child>ul{
					left:auto
;					right: 0;
					margin: 0;
					min-width: 150px;
				}
.blue #mainnav ul.L2 > li > ul {
	padding:0px;
}
#mainnav ul.L2 > li > ul > li {
	/*margin-top: 12px;*/
	white-space: pre-wrap;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
					#mainnav ul.L2>li>ul>li:first-child{margin-top: 0;}



	#mainnav ul.L2 > li > ul > li > a {
		text-decoration: none;
		color: #8c8c8c;
		/*padding: 15px;*/
		display: block;
		width: 100%;
		height: 100%;
		padding: 0px 15px;
		box-sizing: border-box;
	}
						.no-touch #mainnav ul.L2>li>ul>li>a:hover,
						#mainnav ul.L2>li>ul>li.active>a{
							color: #000;
						}

.green #mainnav ul.L2 > li > ul > li:hover {
	/*background: #A8AD7B 0% 0% no-repeat padding-box;*/
	background: #DBD9D4 0% 0% no-repeat padding-box;
	opacity: 1;
	display: inline-block;
	width: 100%;
	font-weight: bold;
	color: #000;
}

.yellow #mainnav ul.L2 > li > ul > li:hover 
{
	background: #DBD9D4 0% 0% no-repeat padding-box;
	opacity: 1;
	width: 100%;
	display: inline-block;
	height: 30px;
	padding-top: 5px;
}

.blue #mainnav ul.L2 > li > ul > li:hover {
	background: #DBD9D4 0% 0% no-repeat padding-box;
	opacity: 1;
	width: 100%;
	display: inline-block;
	height: 30px;
	padding-top: 5px;
}


				#mainnav ul.L3>li>a{font-size: 13px; white-space: nowrap;}
				#mainnav ul.L3>li.active>a {
					/*text-decoration: underline;*/
				}
.green #mainnav ul.L3 > li.active {
	background: #A8AD7B 0% 0% no-repeat padding-box;
	opacity: 1;
	display: inline-block;
	width: 100%;
	font-weight: bold;
	color: #000;
}

.blue #mainnav ul.L3 > li.active {
	background: #8facbf 0% 0% no-repeat padding-box;
	opacity: 1;
	display: inline-block;
	width: 100%;
	color: #000;
	font-weight: bold;
}
/*background: #8facbf;*/

/*.blue #mainnav ul.L3 > li a.active {
	background: #8facbf 0% 0% no-repeat padding-box;
	opacity: 1;
	width: 100%;
	display: inline-block;
}*/

.blue #mainnav ul.L4 > li.active {
	background: #DBD9D4 0% 0% no-repeat padding-box;
	opacity: 1;
	width: 100%;
	display: inline-block;
	height: 30px;
	padding-top: 5px;
}

.yellow #mainnav ul.L3 > li.active {
	background: #ffd200 0% 0% no-repeat padding-box;
	opacity: 1;
}

.yellow #mainnav ul.L3 > li.active a.active {
	color: #000;
	font-weight: bold;
}

.yellow #subnav ul.L5 > li.active > a.active {
	background: #ffd200 0% 0% no-repeat padding-box;
	opacity: 1;
}

.green #subnav .L5 > li > a.active {
	background: #9ea374 0% 0% no-repeat padding-box;
	opacity: 1;
	display: block;
	width: 100%;
	padding: 6px 12px;
	text-decoration: none;
	height: 30px;
}
/* MAIN
-------------------*/
#main {
	position: relative;
	/*background: rgba(255, 255, 255, 0.8);*/
	padding-top: 10px;
	padding-bottom: 1.15em;
	overflow: hidden;
}
	.no-rgba #main{background: #fff;}
	/*#main:before{
		content:"";
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: 20;
	}
	#main:after{
		content:"";
		display: block;
		position: absolute;
		left: 0;
		top: 850px;
		height: 100%;
		width: 100%;
		z-index: 20;
		background: #fff;
	}
*/
	#main .m-w1 {
		position: relative;
		z-index: 50;
	}
	#main .m-w2 { 
		overflow: hidden; 		
	}
	
	#main .section-inner{padding: 0; min-height: 430px;}



/*SUBNAV*/
#subnav { 
	float: left;
	width: 230px;
	position: relative;
	padding-right: 0;
	left: -650px; /* Negative width of #content */
	top: 0;
}
#subnav a {text-decoration:none; position: relative;}
	#subnav .L1>li{
		border-bottom: 1px dotted #7f7f7f;
		padding: 10px 0;
	}

		#subnav .L1>li:first-child{border-top: 1px dotted #7f7f7f;}
		#subnav .L1 li ul{display: none;}
		#subnav .L1 li>a, body.store-locations #subnav .L3 li a{
			color: #404049;
			text-decoration: none;
			padding-left: 10px;
		}
		#subnav .L1 li>a, body.store-locations #subnav .L3 li a:hover {
			color: #9b9b9b;
			padding-left: 10px;
			text-decoration: underline;
		}
			.no-touch #subnav .L1 li>a:hover{color: #9b9b9b}

			#subnav .L1>li.active>a{color:#000;}
				#subnav .L1>li.active>a:before , body.store-locations #subnav .L4>li.active>a:before {
					content:"» ";
				}
    

		/*Second Level*/
		#subnav .L1>li.active>ul{
			display: block;
			padding: 10px 0;
		}
			#subnav .L2>li{
				margin-top: 10px;
				padding-left: 10px;
			}
				#subnav .L2>li:first-child{margin-top: 0;}

				#subnav .L2>li>a:before{
					content:"- ";
				}

				#subnav .L2>li.active>a{color: #000; font-weight: 700;}
   
                /*SITEFINITY SUBNAV*/

#subnav .L5 > li {
	border-bottom: 1px dotted #7f7f7f;
	padding: 0px;	
}

.blue #subnav .L5 > li.active {
	background: #8facbf;
}

.blue #subnav .market-served-nav .L5 > li.active {
	background: none;
}

body.store-locations #subnav .L4 > li {
	border-bottom: 1px dotted #7f7f7f;
	padding: 5px 10px 5px 0;
}

#subnav .L5 > li:first-child, body.store-locations #subnav .L4 > li:first-child {
	border-top: 1px dotted #7f7f7f;
}
		#subnav .L5 li ul{display: none;}
#subnav .L5 li > a {
	color: #404049;
	text-decoration: none;
	/*white-space: nowrap;*/
	padding-left: 10px;
	display: inline-block;
	width: 100%;
	padding: 6px 12px;
}

			.no-touch #subnav .L5 li>a:hover{color: #9b9b9b; /*padding-left: 10px;*/ text-decoration: underline;}
.no-touch #subnav .L5 > li > a.active:hover 
{
	color:#000;
}

				#subnav .L5 > li.active > a, body.store-locations #subnav .L4 > li.active > a {
					color: #000;
					font-weight: 600;
				}
				#subnav .L5>li.active>a:before{
					content:"» ";
					position: absolute;
					left: 3px;
					top: 5px;
				}
    
                /*Second Level*/
		#subnav .L5>li.active>ul  {
			display: block;
			padding: 10px 0;
		}
			body.store-locations #subnav .L5>li{
				margin-top: 10px;
				padding-left: 7px;
			}

#subnav .L6 > li {
	padding-left: 7px;
	min-height: 30px;	
}

				#subnav .L6>li:first-child, body.store-locations #subnav .L5>li:first-child{margin-top: 0;}
body.store-locations #subnav .L5 > li {border-bottom:none;border-top:none;}
				#subnav .L6>li>a, body.store-locations #subnav .L5>li>a{
					position: relative;
					padding-left: 10px;
				}

	#subnav .L6 > li > a {
		position: relative;
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 0px;
		padding-right: 0px;
	}


		#subnav .L6 > li > a::before {
			content: "- ";
			position: absolute;
			left: 0px;
			top: 5px;
		}
#subnav .L6 > li.active > a::before {
	content: "- ";
	position: absolute;
	left: 0px;
	top: 5px;
}

				 body.store-locations #subnav .L5>li>a:before{
					/*content: "- ";*/
					position: absolute;
					left: 0;
					top: 0;
				}

.green #subnav .L5 li ul {
	display: block;
}

.green #subnav .L7 > li.active > a {
	color: #646464;
	font-weight: 700;
}

.paint-stain-problem-solver #content h1 {
	margin: 0;
}

.paint-stain-problem-solver #content {
	top: -30px;
}



.common-problem-interior-exterior #content h1 {
	margin: 0;
}

.common-problem-interior-exterior #content {
	top: -40px;
}

body.store-locations .c-w1 ul.location-type-list li:before {
	content: "";
}

#subnav .L6 > li.active > a {
	color: #000;
	font-weight: 700;
	padding-top: 5px;
}
#subnav .L6 > li.active {
	/*background: #DBD9D4 0% 0% no-repeat padding-box;
	opacity: 1;*/
	background: #DBD9D4 0% 0% no-repeat padding-box;
	opacity: 1;
	width: 100%;
	height: auto;
	min-height: 30px;
}

	#subnav .L4.inactive {
		display: none;
	}
body.store-locations #subnav .L4.inactive {display:block;}
#subnav .first-child.L3 > a {display:none;}
#subnav .L4.active > a {display:none;}
body.store-locations #subnav .L4.active a {display:block;}

                /*SITEFIITY SUBNAV END*/

#content {
	float: left;
	width: 640px;
	position: relative;
	left: 240px; /* Positive width of #subnav */
	/*top: -30px;*/
}
	#content iframe{
		width: 100%;
		/*width: 60%;*/
		margin: 0 auto;
		float: none;
		display: block;
	}

/*Page Category*/
.page-category, h1 {
	font-size: 36px;
	line-height: 1.1;
	color: #000;
	font-weight: 600;
	/*margin-bottom: 15px;*/
    text-transform:capitalize;
}

/*CTAS*/
#ctas {
	width: 180px;
	float: right;
	font-size: 13px;
}
	#ctas .cta{
		padding: 22px 0 22px 32px;
		border-bottom: 1px dotted #7f7f7f;
		line-height: 1.17;
	}

	#ctas .cta .heading{
		display: block;
		color: #367c2b;
		font-size: 17px;
		padding-bottom: 8px;
	}

/* CONTENT TYPES
-------------------*/

.overview-boxes .pim-paints-list li img {
	width:170px;
}

.pim-paints-list li p {
	margin: 0px !important;
	line-height: initial;
}

.pim-paints-list li .paint-brand {
	margin-bottom: 5px;
}

.overview-boxes li {
	text-align: center;
	float: left;
}

	.overview-boxes li .paint-item {
		text-align:left;
	}
	.overview-boxes a {
		display: block;
		text-decoration: none;
	}
	.overview-boxes .i-o-image{
		background: #ccc;
	}
	.overview-boxes li img{
		display: block;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	}

	.overview-boxes .heading{
		font-size: 16px;
		color: #8c8c8c;
		text-transform: capitalize;
	}
a.view-detail-link {
	text-align: left;
	text-decoration: underline !important;
	font: normal normal normal 15px/24px Source Sans Pro !important;
	letter-spacing: 0px;
	color: #036FAD !important;
	opacity: 1;
}

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

.paint-item.paint-sheen {
	font-weight: 600;
	color: black;
}


.best-paint-for-content p {
	margin-top: 0px;
	line-height: 1.5em;
	margin-bottom: 0;
}

/* FOOTER
-------------------*/
#footer {
	font-size: 14px;
	padding: 0;
	background: rgba(255, 255, 255, 0.8);
	padding-bottom: 20px;
}
	.no-rgba #footer{
		background:#fff;
	}

/*--FOOTBLOCK--*/
.footblock {
	/*border-top: 2px solid #646464;*/
	border-bottom: solid 1px #ccc;
	/*padding: 25px 0 25px;*/
	padding: 25px 60px;
	padding-top: 0px;
}

.template-overview .footblock {
	padding: 25px 40px;
}

#footer #markets-served-map-items {
	display: flex;
	flex-direction: row;
	text-align: left;
	gap: 60px;
}

#footer #markets-served-map {
	text-align: left;
	padding-right: 0px;
}

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


	/*Social Media*/
	.socialmedia{
		width: 320px;
		float: left;
	}
	@media (min-width: 641px){
		.socialmedia{
			width: 365px;
		}
	}
.socialmedia .heading {
	text-align: left;
	font: normal normal bold 15px/22px Lato;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
	display: inline-block;	
	padding-right: 40px;
}
			.socialmedia ul{
				display: inline;
				position: relative;
				left: 0;
				/*bottom: -5px;*/
			}
				.socialmedia li{
					display: inline-block;
				}
		

	/*Newsletter*/
	#newsletter{
		float: right;
		
	}

	#newsletter .dealer-login a { 
		position: static;
	}

	#newsletter .dealer-login a:hover{}
		#newsletter .heading {
			display: inline-block;
			/*color: #000;
			width: 112px;*/
			font-size: 16px;
			font-weight: 700;
			text-transform: uppercase;
		}

		.form-newsletter{
			display: inline-block;
			height: 36px;
			width: 380px;
			position: relative;
			left: 0;
			bottom: -3px;
		}
			.form-newsletter label{display: none;}

			.form-newsletter form {
				display: table;
				width: 100%;
				height: 36px;
			}
				.form-newsletter form>div, .form-newsletter >div {
					display: table-cell;
					padding-left: 5px;
					vertical-align: top;
				}
					.form-newsletter .f-text{
						height: 36px;
						background: #e1e1e1;
						font-size: 14px;
						padding: 0 10px;
						color: #000;
						border: none;
						-webkit-appearance: none;
						border-radius: 4px;
						background-clip: padding-box;
						box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.41) inset;
						width: 100%;
						line-height: 36px;
					}
						.form-newsletter .f-text:focus{box-shadow: none;}
					.form-newsletter .submit{
						background:#c2c0ba;
						width: 100%;
						color: #000;
						font-size: 16px;
						font-weight: 700;
						border:none;
						line-height: 1;
						height: 36px;
						padding: 0 12px;
						background-clip: padding-box;
						border-radius: 4px;
						text-transform: uppercase;
					}
						.form-newsletter .submit:active{
							box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.41) inset;
						}

/*--BREADCRUMB--*/
#breadcrumb{
	
	border-bottom: 1px dotted #ccc;
	padding: 15px 0;
}
	#breadcrumb .heading{
		display: inline-block;
		color: #737d46;
		font-size: 12px;
		text-transform: uppercase;
		padding-right: 10px;
		font-weight: bold;
	}
	.blue #breadcrumb .heading{
		color: #8facbf;
	}
	.yellow #breadcrumb .heading{
		color: #b99100;
	}
	.green #breadcrumb .heading{
		color: #9ea374;
		font-weight: bold;
	}

	.breadcrumbs{display: inline; margin-left:5px;}
		
		.breadcrumbs a, a.bc-home-link{
			display: inline-block;
			margin-right: 5px;
			text-decoration: none;
			color: #787878;
			font-size: 12px;
			text-decoration: underline;
		}
			.breadcrumbs a:last-child{
				color: #000;
			}
		.breadcrumbs .separator{
			display: inline-block;
			margin-right: 5px;
		}

		.breadcrumbs span {
			font-weight: 700;
		}

/*Footer Sitemap*/
.foot-sitemap {
	/*padding: 15px 0 30px 0;*/
	/*position: relative;*/
	display: flex;
	flex-direction: row;
	padding: 15px 60px;
	margin-bottom: 30px;
	border-bottom: solid 1px #ccc;
}

.template-overview .foot-sitemap {
	padding: 15px 40px;
	margin-bottom: 30px;
	border-bottom: solid 1px #ccc;
}

.navsitemap .togglemenu{
	display: none;
}
.navsitemap a{text-decoration: none;}
.navsitemap a:hover{text-decoration: underline;}
.navsitemap.L1{
	width: 750px;
	display: table;
}
	.navsitemap.L1>li{
		display: table-cell;
	}
		.navsitemap.L1 > li > a {
			display: block;
			font: normal normal bold 16px/16px Source Sans Pro;
			letter-spacing: -0.16px;
			color: #3E3E3E;
			text-transform: uppercase;
			opacity: 1;
		}
		

	/*Second Level*/
	.navsitemap.L2>li{margin-top: 10px;}
		.navsitemap.L2 > li > a {
			/*font-size: 14px;
			color: #4b4b4b;*/
			text-align: left;
			font: normal normal normal 14px/25px Source Sans Pro;
			letter-spacing: -0.14px;
			color: #646464;
			opacity: 1;
		}
		.no-touch .navsitemap.L2>li>a:hover{color: #9b9b9b;}

	#footlogo{
		/*position: absolute;
		width: 196px;
		right: 0;
		top: 15px;*/
	}
		#footlogo img {
			display: block;
			/*max-width: 45%;*/
			/*float: right;*/
			margin-right: 6px;
			margin-top: 15px;
			width: 152px;
		}
	@media (min-width: 1200px){
		#footlogo{
			width: 200px;
		}
	}

#copyright {
	display: inline;
	/*color: #000;*/
	font-size: 14px;
	padding-right: 10px;
	border-right: 1px solid #000;
	line-height: 1;
	margin-right: 10px;
	float: left;
	padding-top: 2px;
	color: #646464;
	padding-left: 60px;
}

#bottomlinks,
#bottomlinks ul{
	display: inline;
}
	#bottomlinks li{
		display: inline-block;
		padding-right: 6px;
		margin-right: 5px;
		border-right: 1px solid #666666;
		line-height: 1;
	}
	#bottomlinks a {
		text-decoration: none;
		display: inline-block;
		color: #036FAD;
	}



/* TEMPLATE: LANDING
-------------------*/
.template-landing #subnav,
.template-landing .page-category{
	display: none;
}
.template-landing .c-w1 .sf_cols.frontbanner {}
.template-landing #content{
	width: 100%;
	float: none;
	left: 0;
	min-height: 500px;
}

/*Banner*/
.frontbanner{
	
}
	.homebanner{
		background: url(../img/masthead/frontbanner.jpg) no-repeat center top;
		height: 300px;
		width: 100%;
		margin-bottom: 20px;
	}

    .homebannerInd{
		background: url(../img/masthead/BannerIndustrial.jpg) no-repeat center top;
	}

    .homebannerProf{
		background: url(../img/masthead/BannerProfessional.jpg) no-repeat center top;
	}
/*Intro block*/
.rodda-block .intro {
	font-size: 18px;
	color: #000;
	width: 275px;
	float: left;
}
	.rodda-block .intro  a{
		color: #326496;
		text-decoration: none; 
	}
.rodda-block .intro .heading, .template-landing .frontbanner .heading {
	display: block;
	color: #000;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 15px;
}

    .rodda-block .intro h2 {
        margin-bottom: 0px;
    }

.rodda-block p.small, .rodda-block ul.small {
    font-size: 14px;
    line-height: 1.3em;
}

.rodda-block ul.small li {
    margin-top: 0.35em;
}

.rodda-block .slider{
	float: right;
	width: 550px;
    padding-right: 0;
}
.c-w1 .slider ul{margin: 0;}
.c-w1 .slider ul li{padding: 0;}
.c-w1 .slider ul li:before{
	display: none;
}
.slick-dots{bottom: -35px;}
	.slick-dots li button{
		background:url(../img/skin/bg/slidernav.png) no-repeat -14px 0;
		width: 14px;
		height: 14px;
	}
		.slick-dots  li.slick-active button{background-position: 0 0;}

/* TEMPLATE: OVERVIEW
-------------------*/
.template-overview #subnav{display: none;}
.template-overview #content{
	min-width: 100%;
	float: none;
	left: 0;
}

html .template-overview .c-w1 .overview-boxes ul{
	margin: 0 !important;
}
html .template-overview .c-w1 .overview-boxes li{
	/*margin: 0 0 50px 3%!important; 
	width: 274px; min-height: 250px;*/
	margin:0 0 50px 20px!important; 
	min-height: 250px;	
}
	.template-overview .c-w1 .overview-boxes li:nth-child(3n+1){
		clear:left;
		margin:0 0 50px 0!important; 
	}
@media screen and (min-width: 1220px){
	.template-overview .c-w1 .overview-boxes li{
		width: auto!important;
	}
	.template-overview .c-w1 .overview-boxes li:nth-child(3n+1){
		clear:none;
		margin:0 0 50px 20px!important; 
	}
	.template-overview .c-w1 .overview-boxes li:nth-child(4n+1){
		clear:left;
		margin:0 0 50px 0!important; 
	}
}
/*.template-overview .c-w1 .overview-boxes li:nth-child(3n+1){margin: 0 0 20px 0!important; clear:left;}*/
.blue .overview-boxes .heading {
	color: black;
	font-weight: 600;
	text-align: left;
	padding-left: 15px;
	font-family: 'Lato';
	background: #8facbf;
	padding-bottom: 10px;
	padding-top: 10px;
	display: block;
	text-transform: none;
}

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

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

/* TEMPLATE: INTERNAL OVERVIEW
-------------------*/
.c-w1 .overview-boxes.internal{overflow: hidden;}
.c-w1 .overview-boxes.internal li{padding: 0; margin: 0 0 15px 40px!important;}
.c-w1 .overview-boxes.internal li:nth-child(3n+1){margin-left: 0!important; clear:left!important;}



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

/*Hidden*/
.desktop-h, .desktop-h.L1{
	visibility: hidden;
	display: none;
	speak:none;
}

/*Social Media*/
/* temp remove*/

/*.socialmedia a {
	display: block;
	height: 1px;
	padding-top: 40px;
	width: 40px;
	overflow: hidden;
}*/


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

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

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

.yellow .socialmedia .social-icons a {
	color: #ffd200 !important; /* Initial blue shade */
	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*/

.no-touch .socialmedia a:hover {
	background-position: 0 -40px;
}

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

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

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

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

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

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

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

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

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

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

/*template remove*/
/*
.socialmedia a{
	display: block;
	width: 36px;
	overflow: hidden;
	font-size: 0;
}

.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;
}*/
	


.no-touch .socialmedia a:hover{background-position: 0 -40px;}


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


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

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



	
	


/*Sample data*/
.sample-data-group{
	clear:both;
	width: 100%;
}
	.sample-data{
		float: left;
		margin-left: 25px;
	}
		.sample-data:first-child{margin-left: 0;}

	.sample-data h2{
		padding: 0 4px;
		font-weight: 400;
	}

	.c-w1 .sample-data li{
		padding-left: 4px;
		padding-right: 4px;
	}

/*Content Img*/
.content-img{
	float: left;
	margin: 0 20px 30px 0;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); 
}
	.content-img img{display: block;}

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

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

	.c-w1 .checklist li:before{
		content:"";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 16px;
		height: 16px;
		background: #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: #c2c0ba;
	}

/*Overview boxes*/
.c-w1 .overview-boxes ul{margin: 0 0 0 0; overflow: hidden;}
.c-w1 .overview-boxes li{padding: 0; margin: 0 0 20px 3%; }



.c-w1 .overview-boxes li:before{display: none;}
.overview-boxes li{
	text-align: center;
	float: left;
}
	.overview-boxes a{
		display: block;
		text-decoration: none;
		overflow: hidden;
		position: relative;
	}
		.overview-box{
			height: 186px;
			overflow: hidden;
			position: relative;
		}
	.overview-boxes .i-o-image{
		background: #ccc;
	}
	.overview-boxes li img{
		display: block;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	}

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

	.overview-boxes .desc{
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		color: #646464;
		z-index: 500;
		text-align: left;
		display: none;
		line-height: 1.3;
	}
		.no-touch .overview-boxes a:hover .desc{
			display: block;
			-webkit-animation: fadeIn 0.3s ease-out;			
        	animation: fadeIn 0.3s ease-out;
        	transition-delay: 0.4s;
		}

	.overview-boxes .mask {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 600px;
	    padding: 60px;
	    height: 600px;
	    -ms-transform: translate(265px, 145px) rotate(45deg);
	    -webkit-transform: translate(265px, 145px) rotate(45deg);
	    transform: translate(265px, 145px) rotate(45deg);
	    transition: all 0.3s ease-in-out;
	    z-index: 400;
	    behavior: url(../css3pie/PIE.htc);
		background-color: rgba(255,255,255, 1);
		background-color: rgba(255,255,255, 1);
		-pie-background:rgba(255,255,255, 1);   
	}

		.no-touch .overview-boxes a:hover .mask, .ie8 .overview-boxes a:hover .mask{
		    -ms-transform: translate(-80px, -125px) rotate(45deg);
		    -webkit-transform: translate(-80px, -125px) rotate(45deg);
		    transform: translate(-80px, -125px) rotate(45deg);
			behavior: url(../css3pie/PIE.htc);
			background-color: rgba(255,255,255, 1);
			background-color: rgba(255,255,255, 1);
			-pie-background:rgba(255,255,255, 1); 		    
		} 

	.tomiddle{
		display: table;
		height: 186px;
		width: 100%;
		padding: 25px 22px;
	}
		.tomiddle>div{
			display:table-cell; 
			vertical-align: middle;
		}

/* Forms */
table.formTbl {
    width: 55%;
}

table.formTbl td {
    padding: 5px 5px 5px 0;
}

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

table.formTbl strong {
	font-size:18px;
	color:#737d46;
	font-weight:400;
	margin-bottom: 10px;
}

table.formTbl .tableTitle {
    display: block;
    padding-bottom: 3px;
}

    table.formTbl .agreement input {
        float: left;
        margin-top: 3px;
    }

table.formTbl .agreement label {
    float: left;
    width: 80%;
    margin-left: 10px;
}

table.formTbl .radiolist label {
    padding: 0 20px 0 5px;
    display: inline;
}

table.formTbl .form-text {
    padding: 0 3px;
    height: 30px;
    line-height: 30px;
}

table.formTbl .form-textarea {
    padding: 3px;
}

table.formTbl .dropdown {
    height: 30px;
    line-height: 30px;
}

table.formTbl .submit{
	display: inline-block;
    padding: 10px 30px;
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    text-decoration: none;
    font-weight: 700;
	border: 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;
}
table.formTbl .submit:hover{
	background: #000;
    color: #ffd200;
}
.sitemap-list ul li a.k-in {
    border: 0;
}

.c-w1 .sitemap-list ul li:before {
    content: none;
    padding-left:0;
}

.c-w1 .sitemap-list ul li li:before {
    content: "• ";
    padding-left: 12px;
}

.c-w1 .sitemap-list ul li li li:before {
    content: "° ";
    top: 6px;
}

.c-w1 .sitemap-list ul li li li li:before {
    content: "- ";
    top: 1px;
}


/*Map Locations
.store-locations #header,
.store-locations #header{
	border-bottom: 0;
}
*/
.store-locations #cph_main_divCW1 #locmap {top: 72px;}
#locmap{
	position: relative;
	padding-bottom: 3px;
	background: url(../img/skin/loc/ma-static.png) no-repeat;
	background-size: contain;
	width: 100%;
	max-width: 900px;
	height: auto;
	max-height: 649px;
	text-align: right;
	right: 0;
	top: 0;
	float: right;
	margin-top: -55px;
}
	.ie8 #locmap{
		background: url(../img/skin/loc/ma-static-small.png) no-repeat ;
		width: 700px;
		height: 499px;
	}

	#locmap-content{
		position: absolute;
		left: 20px;
		bottom: 18px;
		width: 45.61702127659575%;
		text-align: left;
		z-index: 70;
	}
		#locmap-content .title{
			display: block;	
			font-weight: 600;
			color: #050607;
			font-size: 14px;
			line-height: 1.6;
			margin-bottom: 10px;
		}
		#locmap-content .thecontent p,
		#locmap-content .thecontent{
			line-height: 1.85;
			font-size: 10px;
		}

		#locmap-list{display: none; visibility: hidden; speak:none;}

	#locmap-list{
		z-index: 50;
		position: relative;
	}
		#mastaticfire{
			display: block;
			max-width: 100%;
			width: 100%;
			height: auto;
		}
		#locmap:after{
			content:"";
			display: none;
			width: 100%;
			height: 0;
			border-bottom: 2px dotted #616161;
			position: absolute;
			left: 0;
			bottom: 0;
		}

/*Map Location Details*/

.loc-detail-header{
	padding-bottom: 20px;
	min-height: 274px;
}

.loc-detail-image {
	/*position: absolute;
		left: 0;
		top: 0;
	width: 47.87234042553192%;*/
	/*padding-right: 20px;
		height: 234px;
	float: left;*/
}
		.loc-detail-image img{
			display: block;
			max-width: 100%;
			box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); 
			margin-bottom: 3px;
		}
	.loc-detail-intro-info{
		/*padding-left: 47.87234042553192%;*/
		/*float: right; width:50%;*/

	}
		.loc-detail-intro-info>.title{
			display: block;
			font-size: 30px;
			color: #000;
			margin-bottom: 15px;
			line-height: 1.3;
		}
			.ie8 .loc-detail-intro-info>.title{
				font-size: 28px;
				margin-bottom: 10px;
			}

		.loc-table{
			display: table;
			width: 100%;	
			table-layout: fixed;
		}
			.loc-row{display: table-row;}
			
			.loc-cell{
				display: table-cell;
			}
				.loc-cell:first-child{padding-right: 10px;}
				.loc-cell:first-child+.loc-cell{padding-left: 10px;}
				.loc-row .loc-cell{padding-bottom: 20px;}

				.loc-cell>.title{
					display: block;
					font-size: 20px;
					font-weight: 600;
					color: #000;
					margin-bottom: 5px;
					line-height: 1.3;
				}
					.ie8 .loc-cell>.title{font-size: 18px;}

		.rodda-gmap{
			width: 100%;
			border:1px solid #000;
			overflow: hidden;
		}
			.rodda-gmap iframe{
				width: 100%;
				max-width: 100%!important;
				height: 360px!important;
			}

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

/*DEFAULT TRANSITION*/
#mainnav a,
#subnav a,
.form-newsletter .f-text,
#logo,
.navsitemap.L2>li>a,
#bottomlinks a{
	-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; }
}



/* Media Queries
-------------------*/

	#footer .section-inner{
		/*padding: 0 60px;*/
		width: 100%;
	}
	#footer ul {
		padding-left: 0;
		margin-bottom: 5px;
	}

@media screen and (min-width: 1220px){

	.page-section{ 
		width: 1220px;
	}
		.section-inner{
			width: 1180px;
		}

	#mainnav{
	}
		#mainnav ul.L1>li>a{width: 258px; background: #ffffff; border-color: #000000; color: black;}
			#mainnav ul.L1>li:nth-child(1)>a{right: 546px; background: #ffffff; border-color: #000000; color: black;}
			#mainnav ul.L1>li:nth-child(2)>a{right: 273px; background: #ffffff; border-color: #000000; color: black;}


	.home-style #mainnav ul.L1 > li > a {
		/*width: 258px;*/
		background: #8FACBF;
		border-color: #8FACBF;
		color: black;
	}

	.home-style #mainnav ul.L1 > li:nth-child(1) > a {
		/*right: 546px;*/
		background: #A8AD7B;
		border-color: #A8AD7B;
		color: black;
	}

		.home-style #mainnav ul.L1 > li:nth-child(1) > a:hover,
		.home-style #mainnav ul.L1 > li:nth-child(2) > a:hover,
		.home-style #mainnav ul.L1 > li:nth-child(3) > a:hover {
			background: #ffffff;
			color: #000;
			border: solid 1px #000;
		}

	.home-style #mainnav ul.L1 > li:nth-child(2) > a {
		/*right: 273px;*/
		background: #E8AB2C;
		border-color: #E8AB2C;
		color: black;
	}
		

	/*Second level*/
	/*#mainnav ul.L2>li{ margin: 0 3px; }
			#mainnav ul.L2>li>a{margin: 0 0; } */
	/*MAIN*/
	#main {
		padding-left: 0;
		padding-right: 0;
	}
	#subnav{
		width: 225px;
		padding-right: 20px;
		left: -940px;
	}
	#content {width: 940px;}

	/*Home Templates*/
	.entryaction{width: 280px;}
	.latest-content{width: 528px;}

	.latest{width: 600px;}

	/*Landing Templates*/
	.rodda-block .intro {
		width: 530px;
		padding-left: 0;
	}

	/*Overview Templates*/
	/*.template-overview .c-w1 .overview-boxes li{margin: 0 0 20px 3%; width: 267px!important;}*/
	.template-overview .c-w1 .overview-boxes li{margin: 0 0 20px 3%;}
	/*.template-overview .c-w1 .overview-boxes li:nth-child(3n+1){margin: 0 0 20px 3%!important; clear:none;}
	.template-overview .c-w1 .overview-boxes li:nth-child(4n+1){margin: 0 0 20px 3%!important; clear:left; width: 22.7%;}*/

	/*Internal Overview*/
	.c-w1 .overview-boxes.internal li:nth-child(3n+1){margin-left: 40px!important; clear:none!important;}
	.c-w1 .overview-boxes.internal li:nth-child(4n+1){margin-left: 0!important; /*clear:left!important;*/}

	/*FOOTER*/

	.socialmedia {
		width: 505px;
		top: 10px;
		position: relative;
	}
		/*.socialmedia li{margin-left: 12px;}*/

	/*#newsletter{width: 518px;}*/

		.form-newsletter{width: 402px;}

	.navsitemap.L1 {
		width: 900px; /*width: 937px;*/
	}
		.navsitemap.L1>li{padding-right: 35px;}

	.blue .navsitemap.L1 > li {
		padding-right: 24px;
	}

	#locmap-content .title{
		font-size: 20px;
	}
	#locmap-content .thecontent p,
	#locmap-content .thecontent{
		line-height: 1.85;
		font-size: 14px;
	}

	.page-locations .page-category{max-width: none;}


}


/* TABLE OF COLORS */
.colors{
	border-collapse: separate;
	border-spacing: 3px;
}
.colors td {
	padding: 3px 6px;
	color: #fff;
	min-height: 75px;
	height: 125px;
	vertical-align: top;
	text-align: right;
	margin-right: 3px;
	margin-bottom: 3px;
}



/*Overwrite SITFINITY CSS */


/*Sitefinity Backend Overwrite*/
.sfPageEditor .desktop-h {
    /*display:block;
    visibility: visible;*/
}

.kevin {
margin-right: 1.5em;
}

.location-map #map_canvas {
    height: 500px;
    width: 905px;border:1px solid #000;
    max-width:100%;
}
#addresslist {
	margin-top: 40px; 
	/*max-height:2000px;overflow-y:scroll;*/
}
#addresslist table {width:780px;}
#addresslist table .first-col {width:25%;padding-left:44px;}
#addresslist table tbody tr {border-top:1px solid #c2c2c2;}
#addresslist table tbody tr {  border-bottom: 1px solid #c2c2c2;
    height: 82px;
    padding-bottom: 10px;
    padding-top: 10px;}
#addresslist table thead td{color:#000;font-weight:bold;text-align: center;}   
#addresslist a.list-item {text-decoration:none;}
.c-w1 .location-map .location-type-list li {float:left;list-style:none;margin-right:10px;margin-top:0px;}
/*body.store-locations #addresslist {height:400px;overflow:scroll;}*/

.location-map .first-col.Dealer {
	background: url(/img/pin-architectural.png) no-repeat 0 14px;
	width: 42px;
	height: 50px;
	background-position: 10% 23%;
}
.location-map .first-col.Store, .location-map .first-col.Stores, .location-map .first-col.Shop {
	background: url(/img/pin-homeowner.png) no-repeat 0 14px;
	width: 42px;
	height: 50px;
	background-position: 9% 23%;
}

.location-map .lnk-more-detail.Dealer {
	/*background:url(/google/btn-details-blue.png) no-repeat;width:100px;height:1px;cursor:pointer;padding-top:26px;display:inline-block;overflow:hidden;*/

	padding: 5px 0px 0px 13px;
	background-color: #A8AD7B;
	overflow: hidden;
	text-decoration: navajowhite;
	width: 69px !important;
	height: 28px;
	display: block;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}
.location-map .lnk-more-detail.Store, .location-map .lnk-more-detail.Stores, .location-map .lnk-more-detail.Shop {
	/*background:url(/google/btn-details-yellow.png) no-repeat;width:100px;height:1px;cursor:pointer;padding-top:26px;display:inline-block;overflow:hidden;*/
	padding: 5px 0px 0px 13px;
	background-color: #ffd200;
	overflow: hidden;
	text-decoration: navajowhite;
	width: 69px !important;
	height: 28px;
	display: block;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}
.location-map .lnk-more-detail.Coatings {background:url(/google/btn-details-grey.png) no-repeat;width:100px;height:1px;cursor:pointer;padding-top:26px;display:inline-block;overflow:hidden;}


.c-w1 ul .location-map li:before {content:" ";}
.location-map .setview-label {float:left;}
.location-map .search {margin-bottom:20px;color:#000;font-size:16px;}

/*Devine colour lists*/
.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;
}
.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;
	width: 507px;
}
	@media screen and (min-width: 1200px){
		.devine-color-list{
			margin: 2em auto!important;
		}
	}
	.devine-color-list .slick-prev,
	.devine-color-list .slick-next{
		background: #000;
		height: 21px;
		width: 28px;
		z-index: 9999;
	}
		.devine-color-list .slick-prev{left: 0;}
		.devine-color-list .slick-next{right: 0;}
		@media screen and (min-width: 1200px){
			.devine-color-list .slick-prev{left: -40px;}
			.devine-color-list .slick-next{right: -40px;}
		}



.ZoneEditorToolboxContainer
{
    z-index:1000 !important;

}
.newssignupresult{
    text-align:right;
    
}

.contacttextbox input[type="text"] {

  display:block;
width:205px;

margin: 3px 0px;


}
.contactdropbox select {
    display:block;

    width:205px;

margin: 3px 0px;


}

.contacttextareabox   textarea{

        display:block;

    width:205px;

margin: 3px 0px;

}

.contactsubmitbtn 
{

    margin: 5px 0px;
}




.contacttextbox .sfError {

color:red;

} 

.contactformcss {
    width: 700px;
}

.contactformcss .contacttextbox input[type="text"] {
    display:block;
    width:270px;
    margin: 3px 0px;
    line-height:30px;
}


.contactformcss .contactdropbox select {
    display: block;
    margin: 3px 0;
    width: 270px;
    padding: 5px;
}

.contactformcss .contacttextareabox textarea {
    display: block;
    margin: 3px 0;
    width: 270px;
}

.contactformcss .sfFormSubmit .contactsubmitbtn {
    background: none repeat scroll 0 0 padding-box #c2c0ba;
    border: medium none;
    border-radius: 4px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    line-height: 1;
    margin-top: 20px;
    padding: 0 12px;
    text-transform: uppercase;
    width: 80px;
}


/**this is for about-us-overview/business-opportunities/contact-a-paint-expert   locateastoreordealer  */
.ctas a.storelocation:hover  {

   background: url('/img/skin/buttons/yellow_locate_btn_hover.png') no-repeat  ;
}
.ctas a.storelocation  {

   background: url('/img/skin/buttons/yellow_locate_btn.png') no-repeat  ;

   width:205px;
	height:55px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	display:block;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

}


.featured-products{
	clear:both;
}

table.radiolist td{
	vertical-align: top;
	position: relative;
	padding-left: 15px;
}
	table.radiolist input[type="checkbox"], 
	table.radiolist input[type="radio"]{
		position: absolute;
		left: 0;
		top: 7px;
	}
	table.radiolist label{padding: 0!important;}
	

.sf_2cols_2_50 {
	width: 50% !important;
}
.ctas .storelocation {
	margin: 20px 0;
}


.sfInlineEditingPageMenu {
	z-index: 99999 !important;
}


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

.sfContentBlock h2 {
	display: inline-block;
}

.yellow .technical, a.technical {
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	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;
	transition: all 0.3s ease-out;
	margin-bottom: 6px;
	margin-left: 8px;
}
/*
.yellow .technical, a.technical {
	display: inline-block;
    padding: 10px 30px;
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    text-decoration: none;
    font-weight: 700;
	border: 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;
	margin-bottom: 6px;
	margin-left: 8px;
}*/
a.technical span{
	font-size: 20px !important;
	font-style: normal;
}

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

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

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

.blue .technical {
	font-size: 12px;
	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-left: 8px;
}

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


/**************************
Error Page
****************************/
#errorpage{
	max-width: 780px;
	margin: auto;
	background: url(../img/rodda-error.png) no-repeat;
	padding: 5px 20px 20px 340px;
	min-height: 330px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}
	#errorpage h2{
		font-size: 50px;
		line-height: 1.1;
		font-weight: 600;
	}

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

/**************************
Forcing background Images to expand on homepage
****************************/

#homebg .slick-slide img {
  left: 50%;
  margin-left: -1400px;
  position: absolute;
  width: 2800px;
}

.overview-boxes ul li .heading {
	display: block !important;
	max-width: 280px;
}


/**************************
Store location operation
****************************/

/*#subnav .location-operation { padding-top: 50px;}*/

#subnav .location-operation ul li { border-bottom: 1px dotted #7f7f7f; }
#subnav .location-operation ul li h4 { margin-bottom: 0px;}
#subnav .location-operation img { padding-top: 7px;}

	#subnav .location-operation .made-in-canda-logo img {
		width: 127px;
	}

#subnav .location-operation {
	padding-top: 20px;
	margin-left: 30px;
}

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

.location-map .first-col.Coatings {background:url(/img/greybluelegend.png) no-repeat 0 14px;width:42px;height:50px;}

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

.internal-ctas{
	text-align: right;
	margin-bottom: 30px;
}

.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-left: 20px;
}

.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
--------------------------------------------------------------*/

/*
  Reset
-------------------------------*/
.template-home{
	background: #fff!important;
}

.template-home #subnav,
.template-home .page-category{
	display: none;
}

.template-home .h-w2{
	height: 40px;
}

.template-home #main{
	padding: 0;
	width: 100%;
	z-index: 99;
	min-width: 960px;
}
	.template-home #main .m-w2{
		width: 100%;
	}

.template-home #content{
	width: 100%;
	float: none;
	position: static;
}



/*
  Header Backgrounds
-------------------------------*/
.template-home .w-w1 {
	position: relative;
	background: none!important;
	z-index: 9999;
}
	/*.template-home .w-w1:after {
		content:"";
		display: block;
		position: absolute;
		top: 40px;
		height: 60px;
		background: url(../img/skin/bg/opacity45.png) repeat;
		background: rgba(0, 0, 0, 0.45);
		width: 100%;
		left: 0;
		z-index: 99;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
	}*/

.template-home .w-w2{ background: none!important; }


/*
  Navigation Clean-up
-------------------------------*/
.template-home #header{
	background:none;
	border-bottom: 0;
}
.template-home #mainnav{
	top: 50px;
}
	.template-home #mainnav ul.L1 > li.active ul.L2,
	.template-home .h-w1:before{
		display: none;
	}

/*Links*/
.template-home #mainnav ul.L1 > li > a{
	padding:0 4px;
	line-height: 38px;
	height: 40px;
	border-radius: 4px;
	background: #fff;
	color: #000;
}
	.template-home #mainnav ul.L1 > li > a:after{
		position: relative;
		content:"";
		display: block;
		bottom: 8px;
		left: 0;
		width: 100%;
		height: 4px;
		background: #c2c0ba;
	}

/*Special Link Targeting*/
.template-home #mainnav ul.L1 > li:nth-child(1) > a:after{background: #ffd200;}
	.template-home #mainnav ul.L1 > li:nth-child(1) > a.active, 
	.no-touch .template-home #mainnav ul.L1 > li:nth-child(1) > a:hover,
	.template-home .currentslide-0 #mainnav ul.L1 > li:nth-child(1) > a{
		background: #ffd200;
		color: #000;
	}
.template-home #mainnav ul.L1 > li:nth-child(2) > a:after{background: #9ea374;}
	.template-home #mainnav ul.L1 > li:nth-child(2) > a.active, 
	.no-touch .template-home #mainnav ul.L1 > li:nth-child(2) > a:hover,
	.template-home .currentslide-1 #mainnav ul.L1 > li:nth-child(2) > a{
		background: #9ea374;
		color: #000;
	}
.template-home #mainnav ul.L1 > li:nth-child(3) > a:after{background: #8facbf;}
	.template-home #mainnav ul.L1 > li:nth-child(3) > a.active, 
	.no-touch .template-home #mainnav ul.L1 > li:nth-child(3) > a:hover,
	.template-home .currentslide-2 #mainnav ul.L1 > li:nth-child(3) > a{
		background: #8facbf;
		color: #000;
	}


/*
  Fullwidth Slider
-------------------------------*/
@media screen and (min-width: 980px){
	.fullwidth-slider-group_item .section-inner{
		width: 940px;
	}
}
@media screen and (min-width: 1220px){
	.fullwidth-slider-group_item .section-inner{
		width: 1180px;
	}
}
.fullwidth-slider-group{
	margin-bottom: 20px!important;
}

.fullwidth-slider-group_item{
	position: relative;	
}

.fullwidth-slider-group_item,
.fullwidth-slider-group_banner{
	height: 480px;
}

@media screen and (min-width: 1220px){
	.fullwidth-slider-group_item,
	.fullwidth-slider-group_banner{
		height: 540px;
	}
}
@media screen and (min-width: 1600px){
	.fullwidth-slider-group_item,
	.fullwidth-slider-group_banner{
		height: 600px;
	}
}


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

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

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

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

}

.full-width-cta{
	display: inline-block;
	padding: 11px 27px;
	border: 3px solid #000;
	line-height: 1;
	font-size: 26px;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 30px;
	font-weight: 700;
	color: #000!important;
}
	.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: 5px;
}
.full-width-cta:after{
	display: inline-block;
}

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

.fullwidth-slider-group .slick-dots{
	bottom: 0;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	background: #000;
	height: 60px;
	background: rgba(0, 0, 0, 0.5);
}
.fullwidth-slider-group .slick-dots li{
	height: 60px;
	width: 24px;
	margin: 0 18px!important; 
}
.fullwidth-slider-group .slick-dots li button{
	width: 24px;
	height: 24px;
	border: 2px solid #fff;
	background: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-top: 18px;
	padding: 0 !important;
}

.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%;
	height: 400px;
	margin-bottom: 20px;
	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: 365px;
	height: 485px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}

/* New image styling */
.product-profile .slit-blocks_image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.product-profile .slit-blocks_content {
	position: absolute;
	inset: 0;
	padding: 60px;
	color: #fff;
	text-align: center;
	z-index: 2;
}

.product-profile .slit-blocks_item:nth-child(1){margin-right: 20px; }
.product-profile .slit-blocks_item:nth-child(2){margin-right: 20px;}

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


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

h2 {font-family: lato;}
/*Buttons*/

.btn-yellow {
	display: inline-block;
	padding: 10px 30px;
	text-transform: uppercase;
	color: #fff !important;
	font-size: 20px;
	text-decoration: none;
	font-weight: 700;
	background-color: #036fad;
	box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.75);
	position: absolute;
	left: 60px;
	bottom: 60px;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	margin-top: 0px;
	font: normal normal bold 18px/18px Source Sans Pro;
	letter-spacing: 0px;	
	opacity: 1;
	/*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;*/
}
/*
.btn-yellow{
	display: inline-block;
	padding: 10px 30px;
	text-transform: uppercase;
	color: #000!important;
	font-size: 20px;
	text-decoration: none;
	font-weight: 700;
	background-color: #ffd200;
	box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.75); 
	position: absolute;
	left: 60px;
	bottom: 60px;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}*/
	.btn-yellow.center{
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.btn-yellow:hover {
		background-color: #003b5c;
		border-color: #000;		
	}
/*.btn-yellow:hover{
	background: #000;
	border-color: #000;
	color: #ffd200!important
}*/

/*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);	
	}

.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: -60px;
	margin-top: -60px;
	margin-bottom: -60px;
	padding-left: 80px;
	height: 400px!important;
}

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

@media screen and (min-width: 1250px){
	.latest-block{
		padding-left: 140px;
	}
	.latest-block_image{
		width: 100px;
	}
}

@media screen and (min-width: 1900px){
	.latest-block{
		padding-left: 410px;
	}
	.latest-block_image{
		width: 370px;
	}
}

.latest-block_image img{
	display: block;
	height: 100%;
}


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

.latest-block_content h2{
	color: #000;
	line-height: 1;
}
.latest-block_content h3{
	color: #54585f;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 400;
	font-size: 24px;
	margin-bottom: 15px;
}

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

@media screen and (min-width: 1250px){
	.latest-block_content p{
		font-size: 17px;
		color: #54585f;
		line-height: 1.41;
	}

}

.latest-block_link{
	display: inline-block;
	padding: 10px 30px;
	text-transform: uppercase;
	color: #000!important;
	font-size: 20px;
	text-decoration: none;
	font-weight: 700;
	border:  3px solid #ffd200;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
	.latest-block_link:hover{
		background: #000;
		border-color: #000;
		color: #ffd200!important;
	}


.canada-block{
	height: 493px;
	clear: both;
	background: url(../img/canada-cloverdale.jpg) no-repeat center bottom;
	margin-bottom: 8px;
}

.canada-block-inner{
	max-width: 1175px;
	padding: 60px 0 0 12%;
	color: #000;
}
	.canada-block-inner h1 {font-size: 28px;}
	.canada-block-inner h2 {
		font-weight: 600;
		/*color: #cc0000;*/
		color: #000000;
		font-size: 28px;
		line-height: 1;
		/*text-transform: uppercase;*/
		margin-bottom: 15px;
	}

.canada-block-inner h2 br{
	display: none;
}

.canada-block-split{
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 16px;
	line-height: 1.41;
}

.canada-block-split>div{
	display: table-cell;
}
.canada-block-split>div:first-child{
	padding-right: 50px;
}

.canada-block-split>div p{
	line-height: 1.41;
}

.store-locations #breadcrumb {
	margin-bottom: 20px;
	top: 0px;
	position: relative;
}
.store-locations #content {
  position: relative;
  top: -50px;
}

#dealer-cta {
float: right;
margin-top: 67px;
font-size: large;
color: #b99100;
}


/*
.template-home #subnav,
.template-home .page-category{
	display: none;
}	
	.template-home .w-w1{
		position: relative;
		background: none!important;
		z-index: 9999;
	}
		.template-home .w-w1:after{
			content:"";
			display: block;
			position: absolute;
			top: 40px;
			height: 60px;
			background: url(../img/skin/bg/opacity45.png) repeat;
			background: rgba(0, 0, 0, 0.45);
			width: 100%;
			left: 0;
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
		}
	.template-home .w-w2{background: none!important;}

	.template-home #header{
		background:none;
		border-bottom: 0;
	}
		.template-home #mainnav{top: 50px;}
		.template-home #mainnav ul.L1 > li.active ul.L2{display: none;}

		.template-home .h-w1:before{display: none;}

		.template-home #mainnav ul.L1 > li > a{
			padding:0 4px;
			line-height: 38px;
			height: 40px;
			border-radius: 4px;
			background: #fff;
			color: #000;
		}
			.template-home #mainnav ul.L1 > li > a:after{
				position: relative;
				content:"";
				display: block;
				bottom: 8px;
				left: 0;
				width: 100%;
				height: 4px;
				background: #c2c0ba;
			}
		
				.template-home #mainnav ul.L1 > li:nth-child(1) > a:after{background: #ffd200;}
					.template-home #mainnav ul.L1 > li:nth-child(1) > a.active, 
					.no-touch .template-home #mainnav ul.L1 > li:nth-child(1) > a:hover,
					.template-home .currentslide-0 #mainnav ul.L1 > li:nth-child(1) > a{
						background: #ffd200;
						color: #000;
					}
				.template-home #mainnav ul.L1 > li:nth-child(2) > a:after{background: #9ea374;}
					.template-home #mainnav ul.L1 > li:nth-child(2) > a.active, 
					.no-touch .template-home #mainnav ul.L1 > li:nth-child(2) > a:hover,
					.template-home .currentslide-1 #mainnav ul.L1 > li:nth-child(2) > a{
						background: #9ea374;
						color: #000;
					}
				.template-home #mainnav ul.L1 > li:nth-child(3) > a:after{background: #8facbf;}
					.template-home #mainnav ul.L1 > li:nth-child(3) > a.active, 
					.no-touch .template-home #mainnav ul.L1 > li:nth-child(3) > a:hover,
					.template-home .currentslide-2 #mainnav ul.L1 > li:nth-child(3) > a{
						background: #8facbf;
						color: #000;
					}



	.slick-slider {
		height: 188px !important;
	}
	.template-home .slick-slider {
		height: 100% !important;
	}
	ul.slick-dots {
		
	}
	.slick-dots li.slick-active button {
		border: solid #000 1px;
		
		border-radius: 50px;
	}
	.yellow .slick-dots li.slick-active button {
		background: #FED200;
	}
	.green .slick-dots li.slick-active button {
		background: #A0A374;
	}
	.blue .slick-dots li.slick-active button {
		background: #90ADBF;
	}

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

		.template-home #content{
			width: 100%;
			float: none;
			position: static;
		}

		.front-message,.sf_cols.front-message{
			background: rgba(0, 0, 0, 0.54);
			width: 800px;
			margin: auto;
			border-radius: 4px;
			background-clip: padding-box;
			color: #fff;
			text-align: center;
			overflow: hidden;
			position: relative;
		}
			.no-rgba .front-message,
			.no-rgba .sf_cols.front-message{ 
				background: url(../img/skin/bg/opacity45.png) repeat; 
			}

			.front-message .slick-slider{margin-bottom: 0 !important;}
			.front-message .heading{
				text-transform: uppercase;
				position: relative;
				height: 46px;
				line-height: 46px;
				white-space: nowrap;
				background: #000;
				color: #fff;
			}
				.front-message .heading a{
					text-decoration: none;
					color: #fff;
					font-weight: 600;
					font-size: 30px;
				}


				.currentslide-0 .front-message .homecontrol:hover:before{color: #FFD200;}
				.currentslide-1 .front-message .homecontrol:hover:before{color: #9EA374;}
				.currentslide-2 .front-message .homecontrol:hover:before{color: #91ADC0;}


				.homecontrol{
					display: block;
					position: absolute;
					top: 0;
					height: 100%;
					width: 55px;
					padding-top: 45px;
					height: 1px;
					white-space:nowrap;
					overflow: hidden;
					z-index: 50;
					height: 46px;
					font-size: 1px;
					text-decoration: none;
				}
					.homecontrol:visited{text-decoration: none;}
					.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: 55px;
						height: 46px;
						background: #000;
						font-size: 24px;
						text-align: center;
						line-height: 46px;
					}
					.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;
					}
			
			.fm-content{
				padding: 10px;
				font-size: 16px;
				line-height: 1.2;
				
			}
				.fm-content .title{
					display: block;
					font-size: 24px;
				}

				.fm-content p{
					line-height: 1.2;
				}
				body.template-home .fm-content a{text-decoration:none;color:#fff;}

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

			.entryaction{
				width: 205px;
				float: left;
				margin-left: 20px;
				text-align: center;
			}
				.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: 22px;
						margin-bottom: 10px;
					}
					.entryaction img{
						display: inline-block;
						max-width: 100%;
					}
		

		.latest{
			float: right;
			width: 390px;
		}
			.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; color:#404049}

				.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: 22px;
				border-bottom: 1px dotted #c2c0ba;
			}

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

			.latest-content{
				float: left;
				padding-left: 20px;
				width: 408px;
			}
				.latest-content .title{
					font-size: 18px;
					color: #000;
				}

	.template-home #footer{
		box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.7);
		background: #fff;
	}


	#homebg{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 140%;
		margin-bottom: 0 !important;
		z-index: 800;
	}
		#homebg div{
			width: 100%;
			height: 100%;
		}
		#homebg .slick-slide{
			position: relative!important;
			height: 100% !important;
			position: relative!important;
		}
*/


/**************************
Home - 20191204
**************************/
.home-tabs-group{
	margin-bottom:20px;
}
.home-tabs-group .top-title{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	background-color: rgba(0,0,0,0.6);
	padding:95px 20px 18px;
	font-weight: 700;
	font-size: 28px;
	color: #fff;
	z-index: 1;
}
	@media screen and (min-width:641px){
		.home-tabs-group .top-title{
			font-size: 28px;
		}
	}
	@media screen and (min-width:1201px){
		.home-tabs-group .top-title{
			font-size: 37px;
		}
	}
	.home-tabs-group ul{
		margin:0;
	}
	.home-tabs-group ul:after{
		content:'';
		display: table;
		clear: both;
	}
	.home-tabs-group li{
		float: left;
		width:33.3333%;
		transition: all 0.2s ease;
	}
	.home-tabs-group a{
		display: block;
		position: relative;
		overflow: hidden;
	}
		.home-tabs-group a:after{
			content:'';
			position: absolute;
			top:0;
			left:0;
			width:100%;
			height: 100%;
			background-color: rgba(0,0,0,0.6);
			opacity: 0;
			transition: opacity 0.2s ease;
		}
	.home-tabs-group img{
		width:100%;
		max-width: 100%;
		height: auto;
		display: block;
		position: relative;
	}
	@media screen and (min-width:641px){
		.home-tabs-group img{
			width:400px;
			max-width: none;
			left:50%;
			transform:translateX(-50%);
		}
	}
	@media screen and (min-width:1201px){
		.home-tabs-group img{
			width:100%;
			max-width:100%;
		}
	}
	.home-tabs-group .link-wrap{
		position: absolute;
		bottom: 40px;
		left:0;
		width:100%;
		padding:0 30px;
		text-align: center;
	}
	.home-tabs-group .home_tab_item_link{
		transition: all 0.2s ease;
	}
	.home-tabs-group .home_tab_item_link span{
		font-weight: 400;
		font-size: 26px;
		text-transform: none;
	}

	.home-tabs-group ul:hover li{
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  		filter: grayscale(100%);
	}
		.home-tabs-group ul:hover a:after{
			opacity: 1;
		}
	.home-tabs-group ul li:hover{
		-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  		filter: grayscale(0);
	}
		.home-tabs-group ul li:hover a:after{
			opacity: 0;
		}
		.home-tabs-group ul li:hover .home_tab_item_link{
			box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.67);
		}
		.home-tabs-group ul li.fwb_professionals:hover .home_tab_item_link{
			border-color: #ffd200;
		}
		.home-tabs-group ul li.fwb_industrial:hover .home_tab_item_link{
			border-color: #8facbf;
		}
		.home-tabs-group ul li.fwb_home:hover .home_tab_item_link{
			border-color: #a8ad7b;
		}

/* 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 {
  font-size: 18px;
  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%;
}

.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;
}
 
 /* CP-329 */ 

 .search > .location-type-list {
 	display: flex;
 	flex-wrap: wrap;
 }

 li.authorized-dealer.soption {
    order: 5;
    margin-left: 50px;
}

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

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

/*li.industrial-dealer.soption:before {
		left: 0;
		top: 15px;
		width: 29px;
		height: 30px;
		background-image: url(../img/pin-industrial.png);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	*/
li.industrial-coatings.soption {
	order: 3;
	margin-top: 2px;
}

li.sprayshop-list.soption {
	order: 4;
	margin-top: 2px;
}

.location-map .lnk-more-detail.Dealer.Industrial {
	/*background: url(../google/btn-details-industrial.png) no-repeat; */
	padding: 5px 0px 0px 13px;
	background-color: #8FACBF;
	overflow: hidden;
	text-decoration: navajowhite;
	width: 69px !important;
	height: 28px;
	display: block;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}

.location-map .first-col.Dealer.Industrial {
	background-image: url(../img/pin-industrial.png);
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

  	.location-map .search {
		font-size: 12px;
	}

	li.industrial-dealer.soption {
		display: flex;
		align-items: center;
	}

	.c-w1 .location-type-list li {
		padding-left: 10px;
	}

	#reset-options {
		padding: 3px 25px !important;
	}

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

@media only screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) {
	#google-search-result .gsc-search-button {
		width: 3%;
	}

	#google-search-result .gsc-search-button-v2 {
		height: 43px !important;
		/*margin: 10px 0px 0px 0px !important;*/
	}
}

	/* gss ux changes */


	.btn-yellow {
		cursor: pointer;
	}

		.btn-yellow a {
			color: #000;
			text-decoration: none;
		}

			.btn-yellow a:hover {
				color: #ffd200;
			}

		.btn-yellow:hover a {
			color: #ffd200;
		}

	.about-contact-us #breadcrumb {
		display: none;
	}

	.store-title {
		font-size: 30px;
	}

	#cph_main_pnlStore .store-title {
		font-size: 20px;
	}

	#google-search-result {
		width: 98%;
	}

		#google-search-result input.gsc-input {
			height: 42px !important;
			width: 100% !important;
			font-size: 15px;
			padding: 8px 15px !important;
			/*border: solid 2px #000000 !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: -2px;
			height: 43px;
			cursor: pointer;
			width: 40px;
		}

		#google-search-result .gsc-input-box {
			height: 43px !important;
			border: 1px solid !important;
		}

		#google-search-result .gsc-input {
			font-size: 13px !important;
			padding: 0px !important;
			margin: 0px;
			background: none !important;
		}

		#google-search-result .gsib_a {
			padding: 0px !important;
			margin: 0px !important;
		}

#___gcse_0 {
	float: left;
	width: 144px;
	height: 33px;
	margin-top: 7px;
	margin-right: 25px;
}

#___gcse_0 form {
	width: 100% !important;
	max-width: 100%;
}

#___gcse_0 #gs_tti50 {
	background: none;
}
#___gcse_0 .gsib_b {
	width: 0px;
  display: none !important;
}

#___gcse_0 .gsc-search-button {
	display: block !important;
}

	.gsc-input-box {
		height: 25px;
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}

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

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

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

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

	a.gsst_a {
		display: none;
	}

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

	.gsc-search-button {
		margin-left: -1px !important;
	}

	td.gsc-search-button {
		padding: 0px;
	}

	/*Location detail page*/
	ul.social li a {
		display: block;
		height: 1px;
		overflow: hidden;
		padding-top: 40px;
		width: 40px;
	}

	.topbarnav #mainnav .togglemenu > span {
		display: none;
	}

#mobile-search-box {display:none;}
#mobile-search-btn {display: none;}

.gcsc-more-maybe-branding-root {display: none;}
.green #mainnav ul.L2 {width: 83%; margin-left: 102px;}

#header {background: white;}
#main {background: white;}
#cph_main_pnlNormal h1 {margin-top: 0px; margin-bottom:0px;}

.more-products {clear:both;}

.more-products li {width: 325px !important; float:left; margin-top: 0px !important; margin-left: 35px;}
.more-products li .i-o-image img {width: 325px !important;height: 295px;} 
.more-products li .content_block {
    padding: 0px;
    position: relative;
    text-align: center;
}


.more-products li:before {content: "" !important;} 
.more-products li:nth-child(1) {
    margin-right: 20px;
}
.more-products li:nth-child(2) {
    margin-right: 20px;
}

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

.more-products li .content_block a {left: 42px; padding: 10px 10px;}
.more-products li .content_block .btn-yellow {width: 230px;bottom: 40px;}
.product-profile .btn-yellow {width: 272px; left: 50px; bottom: 40px;}

.more-products-content-block{
    padding-left: 25%;
    padding-right: 25%;
    text-align: center;
}
	.more-products-content-block h2 {
		color: #fff;
		font-size: 34px;
		line-height: 1;
		text-transform: uppercase;
		font-weight: 700;
		text-align: left;
		/*margin-bottom: 27px;*/
	}
.Colour-trend h2, .match-colour h2 {
	color: #fff;
	font-size: 34px;
	line-height: 1;
	
	font-weight: 700;
	text-align: left;
	margin-top: 10px;
}

.Colour-trend {clear:both;}
.Colour-trend .Colour-trend-col1 {background-color: #AFAFB1; height: 225px; float: left;margin-right: 10px; width: 55px !important;}
.Colour-trend .Colour-trend-col2 {background-color: #6D6974; height: 225px;float: left; margin-right: 10px; width: 77px !important;}
.Colour-trend .Colour-trend-col3 {background-color: #474040; height: 225px;float: left; margin-right: 10px; width: 87px !important;}
.Colour-trend .Colour-trend-col4 {background-color: #FFEAB3; height: 225px; float: left;margin-right: 10px; width: 78% !important;}

.colour-trends-content .content-col {float:left; width:67%;padding-left: 56px; padding-right: 50px;}
.colour-trends-content .link-col {padding-top: 70px;}

#lblParentNodeTitle {font-size: 18px;}

/*#subnav .L5>li.active>a {
    color: #9ea374;
    font-weight: 700;
}*/

.match-colour {margin-left: 55px !important;margin-top: 50px !important;}
.match-colour .sf_2cols_2_50 {width: 58% !important;}

.product-profile-custom .m-w2.section-inner {
    margin: 0;
	width: 1220px;
}

.product-profile-custom .sf_colsOut.Colour-trend-col4 {
    width: 79% !important;
    margin-right: 0px!important;
    float: right;
}

.product-profile-custom  .match-colour .sf_2cols_2_50 {
    width: 47% !important;
    float: left!important;
}

.product-profile-custom #breadcrumb {
    margin: 0px 30px;
    padding: 15px ;
}

/*paint cans*/
.paints-boxes ul li .heading {
 display: block !important; 
}


.paints-boxes ul {
    margin: 0 0 0 -3%;
    overflow: hidden;
}


.paints-boxes li {
    padding: 0;
    margin: 0 0 20px 3%;
	width:25%;
}


.paints-boxes ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

/* Colour trends*/
.image-blocks_content {
    height: 100%;
    padding: 60px;
    color: #fff;
    position: relative;
    text-align: center;
}

h2.colour-h2 {
    color: #000;
    font-size: 34px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
}

#colour-trends-2023 #colour-0107 {
    background-color: #93646C;
    width: 212px;
    height: 125px;
    position: relative;
    float: left;   
    margin-right: 20px;  
}

#colour-trends-2023 #colour-0355 {
    background-color: #F5F2EB;
    width: 125px;
    height: 125px;
    position: relative;
    float: left;  
    margin-right: 20px;   
}

#colour-trends-2023 #colour-0126 {
    background-color: #D7BCB5;
    width: 125px;
    height: 125px;
    position: relative;
    float: left; 
    margin-right: 20px;   
}

#colour-trends-2023 #colour-0643 {
    background-color: #BCD2DD;
    width: 125px;
    height: 125px;
    position: relative;
    float: left;  
    margin-right: 20px;   
}

#colour-trends-2023 #colour-0197 {
    background-color: #C1B7AB;
    width: 125px;
    height: 125px;
    position: relative;
    float: left;  
    margin-right: 20px;   
}


#colour-trends-2023 #colour-0142 {
    background-color: #7E6A5F;
    width: 125px;
    height: 125px;
    position: relative;
    float: left;
}

.colour-year-2023 {
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    margin-bottom: 25px;

}

#colour-trends-2023 div > span {
    display: inline-block;
    margin-top: 140px;
    width: 100%;
    text-align: center;
}

.view-more-color .technical {
margin-top: 70px;
}


.colour-trend-match-colour {
  margin-top:50px !important;
}

.colour-trend-match-colour .col1{width: 40% !important;}
.colour-trend-match-colour .col2{width: 48% !important;}

.accordian h3 {
  margin-bottom: 0px;
}

.accordian h1
{
 margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px; 
}

.image-blocks_content a {
  left: 250px;
}

@media screen and (max-width: 980px){
	.sf_cols.Colour-trend {
		/*background: red;*/
	}
}	

.paint-img img {
    /*margin: 0 auto;*/
	box-shadow: none!important;
}

.paints-boxes ul {
    overflow: initial!important;
    min-height: 300px;
	display: flex;
    flex-flow: wrap;
    column-gap: 50px;
}

.overview-boxes a {
    color: #000;
    /*font-weight: bold;*/
}

h2.cans-h2 {
    color: #000!important;
    font-size: 30px;
    font-weight: bold;
}

.corp-detail{
	top: -30px!important;
}

.accordian h2.faq-h2 {
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    font-size: 36px;
    color: #000;
    line-height: 1.1;
    text-transform: capitalize;
    font-weight: 600;
}


#popuplar-colour-for-interior {
width:685px; height:390px; background-image: url("/images/default-source/for-your-home---colour-trends/asset_colour_trends-new.jpg?sfvrsn=93b8df85_0");
background-repeat: no-repeat;
}

.mobile-title {display:none;}

/*ecologic table */

.dot {
  height: 18px;
  width: 18px;
  background-color: #000000;
  border-radius: 50%;
  display: inline-block;
  margin-top: 7px;
}

.row-group{
  
  background-color: #a6c397;
  height: 40px;
  border-right: solid 1px #a6c397;
}

.alter-row-group{
  height: 40px;
}

.custom-tbl {
  font-weight: bold;
}

.head-row {
 background-color: #f2f6f0; 
}

.head-col {
    text-align: center;
    padding: 0px;
  border-right: solid 2px #a6c397;
}

.row-group td {
  text-align: center;
}

.alter-row-group td {
  text-align: center;
}

.row-group td:last-child {
  text-align: right;
}

.alter-row-group td:last-child {
  text-align: right;
}


.inner-tbl {
  width: 170px;
  margin-bottom: 0px;
  font-size: 16px;
}

.inner-tbl td {
  text-align: left;
}

.inner-tbl tr td:first-child {width: 50%;}

.inner-tbl tr td:nth-child(2) {width: 30%;}


.head-row img {    margin-top: 15px;}
#youtube-width {
width:60%; 
}



.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;
}

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

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


/* SLIDER HOME*/
/* .home-banner-list {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.banner-item {
	float: left;
	width: 100%;
	display: none;
}

.banner-item img {
	max-width: 100%;
	height: auto;
} */

/* Add additional styles for banner titles, summaries, and links as needed */

/* Navigation styles (optional) */
.slider-nav {
	text-align: center;
	margin-top: 10px;
}

.slider-nav button {
	background-color: #007BFF;
	color: #fff;
	border: none;
	padding: 10px 20px;
	margin: 0 5px;
	cursor: pointer;
}

.match-colour #match-colour-title
{ 
margin-top: 5px;
}


.location-popular-title p {margin-top: 20px;}


.location-popular-title  h2 {margin: 0px !important; margin-bottom: 0px !important; font-size: 30px;}


.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 15px;
	color: #3E3E3E !important;
	text-decoration: none;	
	transition: all 0.3s ease-out;
	border: #646464B2 solid 2px;
	background-color: white;
	box-shadow: none;
}
	  
	  .dealer-login a.btn-yellow:hover{
		background: #000;
		border-color: #000;
		color: #ffd200 !important;
	  }
		  

	  .colour-tools ul {
		display: flex;
		flex-flow: nowrap;
	}

	.colour-tools img {
		width: 100%;
	}

	.colour-tools li {
		width: 30%;
		position: relative!important;
		margin-top: 0.875em!important;
	}

	.c-w1 ul li:before{
		content:none;
	}
	
	.colour-tools a.btn-yellow {
		width: 200px;
		margin: 0 auto;
		display: block;
		font-size: 15px;
		text-align: center;
	}

	.colour-tools .content_block {
		position: absolute;
		left: -15px;
		width: 270px;
		display: block;
		margin: 0 auto;
		font-size: 15px;
		top: 280px;
	}

	.colour-tools .description {
		text-align: center;
		margin-top: 25px;
	}
.store-swticher{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;

}

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

.wood-stains ul li {
  width: 350px;
  float: left;
  margin-right: 59px;
  height: 300px;
  margin-top: 0px;
}

.wood-stains ul li .i-o-image .lazy {width: 350px;}

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


.home-member-section li:nth-child(1) {
	margin-right: 20px;
	width: 40% !important;
  }
  
  
  .home-member-section  li:nth-child(2) {
	margin-right: 20px;
	width: 45% !important;
  }
  
  .home-member-section .item-summary {
	position: relative;
	top: 45px;
  }
  
  
  
  .home-member-section.more-products {
	max-width: 980px;
	margin: 0 auto;
  }
  
  .home-member-section ul {
	background-image: url(/img/background/save-up-bg.png);
	height: 245px;
	background-repeat: no-repeat;
	margin-left: 0;
	width: 100%;
	background-size: contain;
  }
  
  .home-member-section .item-link {
   color: white;
  }
  
  .home-member-section .item-summary {
	position: relative;
	top: 39px;
	left: 31px;
  }

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

  }

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

	font-size: 76px; margin-top: -26px !important; display: block;
  }
  
  .home-member-section ul li .item-link .save-up-f3 {

	font-size: 34px; margin-top: -40px; display: block;
  }

  .home-member-section ul li .item-link .btn-yellow {
	bottom: 85px;
	margin-left: 20px;
	left: 6px;
  }


  /*for your home */
  .for-your-home-top-section {
	text-align: center;
	width: 60% !important;
	margin-left: 20% !important;
	margin-right: 20% !important;
  }
  
  .for-your-home-store-locator .home-section-store-locator .item-title,
  .for-your-home-product-supply .home-section-four .item-title
  {
	  font-size: 30px;
	  font-weight: bold;
	  margin-top: 10px;
	color: #000;
  }
  
  .for-your-home-product-supply .home-section-four {
	text-align: center;
  }
	.for-your-home-store-locator .home-section-three.more-products img.lazy {
	  width: 500px !important;
	}
  
   .for-your-home-store-locator .home-section-three li {
	  width: 44% !important;	  
	  margin-top: 0px;
	  margin-right: 0px;
	}

	.for-your-home-store-locator .home-section-store-locator .item-summary {
		margin-bottom: 24px;
	  }

	  .for-your-home-store-locator .home-section-store-locator {
		float: left;
		height: 295px;
		padding-left: 5px;
		padding-right: 0px;
	  }
	
	  .for-your-home-product-supply .home-section-four ul {
		width: 100%;
		margin: 0px;
	  }

	  .for-your-home-product-supply .home-section-four li {
		width: 44%;
		float: left;
		margin-top: 0px !important;
		margin-left: 44px;
		padding-bottom: 40px;
	  }
	
	  .green .home-section-sep {
		clear: both;
		height: 60px;
		margin: 0px;
		padding: 0px;
	  }

	  .for-your-home-product-supply .home-section-four .btn-yellow {
		position: relative;
	    margin-right: 115px;
		top: 0px;
	  
	  }

	  .for-your-home-product-supply .home-section-four .description {
		text-align: center;
		display: block;
		width: 88%;
  		padding-left: 30px;
	  }

	  .for-your-home-ht-paint .more-products
	  {
		background-color: #ffeab3;
		height: 281px;
	  }

	  .for-your-home-ht-paint .home-section-five img {
		width: 375px !important;
	  }

	  .for-your-home-ht-paint .home-section-five ul li:first-child {
		width:  36% !important;
		margin-left: 145px;
	  }

	  .for-your-home-ht-paint .home-section-five ul li:nth-child(2) {
		width: 36% !important;
		margin-left: 0px;
		height: 281px;
	  }

	  .for-your-home-ht-paint .home-section-store-locator .item-title {
		font-size: 30px;
		font-weight: bold;
		color: #000;
	}

	.for-your-home-ht-paint .home-section-store-locator .btn-yellow {
		bottom: -20px;
		position: relative;
		left: 0px;
	  }

	  .for-your-home-member-rewards .home-section-store-locator {
		float: left;
		height: 295px;
		padding-left: 50px;
		padding-right: 0px;
	  }

	  .for-your-home-member-rewards  .home-member-section ul li:first-child .item-link {
		padding-top: 20px;
	  }

	  .for-your-home-store-locator .home-section-three .item-link .btn-yellow {
		left: 20px;
	  }

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

.wood-stains ul li {
  width: 350px;
  float: left;
  margin-right: 59px;
  height: 340px;
}

.htw_common-paint-problems {clear: both;}
/*start store location & industrail*/
.store-search-grid-container {
	display: grid;
	grid-template-columns: 300px 310px 285px;
	/*margin-left: 10px;*/
}

	.store-search-grid-container .grid-item {
		font-size: 16px;
	}
.store-location-detail-top .desktop-sep {
	line-height: 0px;
}

.store-locations h1 {
    font: normal normal bold 36px / 34px Lato;
    letter-spacing: 0px;
    color: #000000;
}

#filter-items .filter-by {
	font-size: 13px;
}

#filter-items .soption {
	font-size:14px;
}

.corporate-store #filter-items {
	margin-left: 7px;
	margin-top: 0px;
}

#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;
}

#mainnav ul.L1 > li > a {
	width: 255px;
}

#mainnav ul.L1 > li:nth-child(1) > a {
	right: 568px;
}

#mainnav ul.L1 > li:nth-child(2) > a {
	right: 293px;
}

#mainnav ul.L1 > li:nth-child(3) > a {
	right: 20px;
}

/*end store loation & industrail*/
@media (min-width: 640px) {
	.htw_common-paint-problems .home-section-three.more-products {
	  display: flex;
	  padding: 0 10px 0px 58px;
	}

	.htw_common-paint-problems .home-section-three ul {
		width: 100%;
  margin: 0px;
	}
  
	.htw_common-paint-problems .home-section-three ul li:first-child {
	  /*text-align: right;*/
	}
  
	.htw_common-paint-problems .home-section-three ul li:nth-child(2) {
	  margin-left: 5px;
	}
  
	.htw_common-paint-problems .home-section-store-locator {
	  float: left;
	  height: 295px;
	  padding-left: 50px;
	  padding-right: 0px;
	}
  
	.htw_common-paint-problems .home-section-store-locator .item-summary {
	  margin-bottom: 24px;
	}

		.htw_common-paint-problems .home-section-store-locator .item-title {
			font-size: 30px;
			font-weight: bold;
			color: #000;
			margin-top: 0px;
		}
  
	.htw_common-paint-problems .home-section-three img {
	  width: 440px !important;
	}

	.htw_common-paint-problems .home-section-three li:first-child {
		width: 39% !important;
		margin: 0;
		margin-top: 0px;
		margin-right: 0px;
		padding-left: 17px;
	}

	.htw_common-paint-problems .home-section-three li:last-child {
		width: 54% !important;
		margin: 0;
		margin-top: 0px;
		margin-right: 0px;
	}

  }

/*new paint enthusiasts */
#paint-enthusiasts-container {
	background: url(/img/club/bg-image.png);
	display: grid;
	/*grid-template-columns: 96px 190px 42px 325px 442px;*/
	grid-template-columns: 8.8% 17.3% 3.8% 29.7% 40.3%;
	margin-left: 65px;
	margin: 20px auto 60px;
	height: 274px;
	width: 90%;
}

.pe-btn-blue {
	display: inline-block;
	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 !important;
	
}

#pe-col1 {
	margin: auto;
}

#pe-col3 {
	margin: 115px auto 0px auto;
	text-align: center;
}

	#pe-col3 #club-link {
		margin-top: 6.5em;		
		font-size:13px;
		font-weight:bold;
	}

		#pe-col3 #club-link a, #pe-col3 #club-link a:visited {
			color: #646464;
		}

#pe-col2 {
	margin: auto;
}

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

#pe-44 {
	text-align: left;
	font: normal normal bold 44px / 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;
}

@media only screen and (min-width: 641px) and (max-width: 1219px) {
	#pe-col2 {
		margin-left: 70px;
	}

	#pe-30 {
		font: normal normal bold 28px / 32px Lato;
	}

	#pe-44 {
		font: normal normal bold 42px / 33px Lato;
	}

	#footer-professionals {		
		margin-left: 3.45em !important;
	}

	#footer-professionals-title {
		margin-bottom: 0.25em !important;
	}
	.footer-professionals-item {
		margin-bottom: 0.25em !important;
	}
}

.Colour-trend .Colour-trend-col4 {
	display: flex;
	align-items: center;
}

.salesforce-form > div {
	padding-left: 40px;
}
#footer-professionals {
	display: flex;
	column-gap: 46px;
	/*margin-left: 4.0em;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	clear: both;*/
}

/*.green #footer-professionals {
	display: flex;
	column-gap: 57px;
	margin-left: 2.45em;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	clear: both;
}*/

/*.template-landing #footer-professionals {
	margin-left: 4.45em;
}*/

#footer-professionals-title h2 {
	text-align: left;
	font: normal normal bold 28px/34px Lato;
	letter-spacing: -0.3px;
	color: #000000 !important;
	opacity: 1;
	margin-top: 24px;
}

.blue #footer-professionals-title h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}

	#footer-industrial-title h2 {
		text-align: left;
		font: normal normal bold 28px/34px Lato;
		letter-spacing: -0.3px;
		color: #000000 !important;
		opacity: 1;
		margin-top: .83em;
		margin-bottom: 10px;
		display: inline-block;
	}

.blue #footer-industrial-title h2 {
	margin-bottom: 0px;
}

#footer-industrial-content a {
	color: #036FAD;
	text-align: left;
  font: normal normal bold 15px/22px Lato;
  letter-spacing: 0px;
}

#footer-industrial-content p {
	text-align: left;
	/*font: normal normal normal 17px/25px Source Sans Pro;
	font-size: 17px;*/
	font: normal normal normal 17px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	padding-bottom: 15px;
}

.green #footer-professionals-title h2 {
    color: #000000 !important;
    /*color: #9ea374;*/
}

#footer-professionals #prof-left-col h3 {
	text-align: left;
	font: normal normal bold 22px/32px Lato;
	letter-spacing: 0px;
	color: #3E3E3E;
	opacity: 1;
	margin: 11px auto;
}

#footer-professionals #prof-left-col {
	width: 400px;
}

#footer-professionals-content {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	flex-direction: row;
	gap: 35px;
}

.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;
	}

#footer-professionals #prof-left-col img {
	width:423px;
	height: 220px;
}

.salesforce-form {
	/*border-top: 2px solid #72714F;
	border-block-width: 6px;*/
	margin-top: 2em;
	margin-bottom: 2em;
	clear: both;
}

.salesforce-form {
	padding-top: 0px;
	position: relative;
	/*margin-top: 24px;*/
	margin-top: 0px;
}

	.salesforce-form::before {
		content: "";
		position: absolute;
		top: 0;
		/*left: 40px;*/ /* aligns with padding */
		/*width: calc(100% - 80px);*/ /* full width minus left/right padding */
		width: calc(100% - 3px);
		border-top: 5px solid #707070;
		/*border-block-width: 6px;*/
	}

	.salesforce-form::after {
		top: 0px;
		border-top: 2px solid #72714F;
		border-block-width: 6px;
		content: "";
		position: absolute;
		bottom: -20px;
		width: calc(100% - 0px);
		border-bottom: 5px solid #707070;
		pointer-events: none;
	}

/*.green .salesforce-form {
	border-top: 2px solid #72714F;
	border-block-width: 6px;
	margin-left: 20px !important;
	margin-right: 20px !important;
	margin-bottom: 2em;
}*/

#prof-right-col {
	margin-top: 1.5em;
}


.flexbox.justifycontent .yellow #mainnav ul.L1 > li.L1 > ul, .flexbox.justifycontent .blue #mainnav ul.L1 > li.L1 > ul {
	padding: 0px 60px;
}

.flexbox.justifycontent .about-contact-us #mainnav ul.L1 > li.L1 > ul {
	align-items: center;
	justify-content: center !important;
	gap: 200px;
}

.paint-stain-problem-solver #content .c-w1 ul li {
	list-style: initial;
	overflow: initial;
	padding-left: 0px;
}

.paint-stain-problem-solver #subnav .L7 li > a {
	margin-bottom: 5px;
}

.paint-stain-problem-solver #subnav ul.L7 {
	margin-top: 5px;
}

#common-paint-pro-sol-container {
	display: flex;
	flex-direction: row;
	width: 78%;
}

#pro-sol-interior {
	width: 50%;
	display: flex;
	flex-direction: column;
}

#pro-sol-exterior {
	width: 50%;
	display: flex;
	flex-direction: column;
}

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

#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;
}

.do-it-yourself ul {
	margin-left: 2em;
}
#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;
}

.htw_common-paint-problems .home-section-store-locator {
	float:none;

}

.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;
}

.blue .pim-paints-list .paint-brand {
	margin-top: 10px;
}

.paints-boxes .paint-item p {
	display: inline-block;
}

/*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 .pay-btn-section {
	text-align: center;
	margin-bottom: 43px;
}

.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;
}

.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%;
	}

	.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;
}
/*End Pay Bill*/

.googletranslate {
	float: right;
	position: relative;
	top: 7px;
	margin-left: 10px;
}
	.googletranslate .goog-te-gadget {
		line-height: 18px !important;
	}

.googletranslate .goog-te-gadget-icon {
	display: none !important;
}

.googletranslate img {display: none;}


div#google_translate_element div.goog-te-gadget-simple {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 14px !important;
	text-decoration: none;
	color: #fff;
}


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

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

.skiptranslate .indicator {
	display: none;
}

.product-brand-name {
	color: #000 !important;
	font-size: 24px;
	font-weight: bold;
	font-family: lato;
}

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

.tech-pdf::before {
	position: relative;
	left: 0;
	top: 0;
	content: url('/img/icons/tds-industrial_small.png');
}

.tech-pdf a.pdf-icon {
	position: relative;
	left: 26px;
	top: -24px;
}

.tech-pdf {
	margin-top: 5px;
	height: 22px;
}

.pim-paints-list .item-view-link a {
	text-align: left;
	text-decoration: underline;
	font: normal normal normal 15px/24px Source Sans Pro;	
	letter-spacing: 0px;
	color: #036FAD;
	opacity: 1;	
}

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

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

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

.c-w1 .overview-boxes ul.liquid-coatings-ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0px;
}

	.c-w1 .overview-boxes ul.liquid-coatings-ul li {
		width: 280px;
	}

#french-disclaimer:lang(en)
{
	display:none;
}

#french-disclaimer p {
	background: white;
	padding: 10px;
	font-size: 14px;
	margin: 20px 0;
	color: black;
	text-align: center;
	border: 1px solid #ccc;
}

/*Store location detail page css code*/
.extra-section {
	clear:both;
}

	.extra-section .Colour-trend-col4 > div:first-child {
		display: flex;
		width: 80%;
		margin-left: 80px;
	}

	.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 .home-learn-more-container {
			position: relative;
			top: 30px;
			left: 0px;
		}

	.extra-section #learn-more-img {
		margin-right: 20px;
	}

		.extra-section #learn-more-img img {
			width: 100px;
		}

	.extra-section .product-profile-custom .sf_colsOut.Colour-trend-col4 {
		width: 79% !important;
		margin-right: 0px !important;
		float: right;
	}

	.extra-section .Colour-trend .Colour-trend-col4 {
		background-color: #D9C9C0;
	}

	.extra-section .Colour-trend .Colour-trend-col1 {
		background-color: #C5CECB !important;
		height: 225px;
		float: left;
		margin-right: 10px;
		width: 55px !important;
	}

	.extra-section .Colour-trend .Colour-trend-col2 {
		background-color: #B9B08F !important;
	}

	.extra-section .Colour-trend .Colour-trend-col3 {
		background-color: #B08D75 !important;
	}

	.extra-section .why-buy-canadian ul li {
		list-style: inherit;
		color: #404040;
		font-family: "Source Sans Pro",sans-serif;
		font-style: normal;
		font-size: 16px;
		line-height: 21px;
		text-indent: 10px;
		font-weight: 400;
	}
	.extra-section .Colour-trend .Colour-trend-col4 {
		margin-right: 0px;
		width: 78.8% !important;
	}

	.loc-detail-header {
		display: grid;
		grid-template-columns: 70% 5% 25%;
	}
.loc-detail-image #img_sp {width:48%;}
.loc-detail-intro-info .loc-table {
	display: flex;
	flex-direction: column;
}

div.loc-cell:empty {
	display: none;
}

.store-location-detail-top {
	display: grid;
	grid-template-columns: 70% 5% 25%;
}

	.store-location-detail-top img {
		width: 75px;
		margin-top: 20px;
	}

.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;
}


@media screen and (min-width: 641px) and (max-width: 1219px) {
	.extra-section .Colour-trend .Colour-trend-col4 {
		width: 72.8% !important;
	}

	#header #logo {
		width:270px;
	}
	#mainnav ul.L1 > li > a {
		width: 177px;
		padding: 15px 0 13px 0;
	}

	#mainnav ul.L1 > li:nth-child(1) > a {
		right: 450px;
	}

	#mainnav ul.L1 > li:nth-child(2) > a {
		right: 232px;
	}


	#mainnav ul.L1 > li > a {
		
		background: #8FACBF;
		border-color: #8FACBF;
		color: black;
	}

	#mainnav ul.L1 > li:nth-child(1) > a {
		background: #A8AD7B;
		border-color: #A8AD7B;
		color: black;
	}

	#mainnav ul.L1 > li:nth-child(2) > a {		
		background: #E8AB2C;
		border-color: #E8AB2C;
		color: black;
	}

	#___gcse_0 {
		width: 115px;
	}
}

/*.skiptranslate {
	display: none !important;
}*/

.industrial-footer-extra-items a {
	display: block;
	text-align: left;
	font: normal normal bold 14px/22px Lato;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
}

.industrial-footer-extra-items li {
	margin-bottom:10px;
}

#mainnav ul.L4 a {
	text-decoration: none;
	color: #8c8c8c;
	font-size: 13px;
	white-space: nowrap;
}

#mainnav ul.L4 li {
	margin: 5px 0 0 0;
	padding-left: 30px;
}

/*.blue #mainnav ul.L4 li {
	padding-left: 10px;
}*/

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

/*.yellow.page-overview.template-overview #breadcrumb {
	margin: 0 auto;
	width: 93%;
}
*/

.markets-served-header-section {
	flex-wrap: wrap;
/*	align-items: center;*/
	margin-bottom: 44px;
	padding-right: 40px;
	padding-left: 40px;
	display: flex;
	gap: 56px;
	padding-top: 0px !important;
	margin-top: 40px;
}

	.markets-served-header-section .header-text {
		flex: 0.4;
	}

		.markets-served-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;
		}

		.markets-served-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;
			margin-top:18px;
		}

	.markets-served-header-section .header-image {
		flex: 0.6;
		text-align: right;
	}

		.markets-served-header-section .header-image img {
			max-width: 100%;
			margin-left: 12px;
		}

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



	.markets-served-list-section .grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(280px, 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: auto;
		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;
	}

.foot-sitemap .industrial-footer-extra-items {
	list-style: none;
}

.foot-sitemap .navsitemap.L2 {
	list-style-type: disc !important; /* Use disc, circle, or square */
	padding-left: 10px !important; /* Space for the bullets */
	margin: 0px;
}

	.foot-sitemap .navsitemap.L2 li {
		display: list-item; /* Ensures bullets show */
		list-style: disc;
	}

		.foot-sitemap .navsitemap.L2 li.sub-title-item {
			list-style: none;
			position: relative;
			left: -5px;
		}

		.foot-sitemap .navsitemap.L2 li a {
			text-align: left;
			font: normal normal normal 14px/24px Source Sans Pro;
			letter-spacing: 0px;
			opacity: 1;
			color: #646464;
		}


.foot-sitemap .navsitemap.L1 #markets-served-map > a, .foot-sitemap .navsitemap.L1 #paint-coatings-map > a {
	text-align: left;
	font: normal normal bold 15px/22px Lato;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
}

.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;
}

.foot-sitemap #paint-coatings-map-items .sub-title-section .sub-title {
	margin: 0px;
	height: 10px;
}

.foot-sitemap .navsitemap.L2 li::marker {
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--industrial-8facbf);
	text-align: left;
	font: normal normal normal 14px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #8FACBF;
}

.blue .architectural-products-list .product-item .slit-blocks_content a.btn-yellow {
	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;
}

	.blue .architectural-products-list .product-item .slit-blocks_content a.btn-yellow:hover {
		background-color: #003b5c;
		color: #fff !Important;
	}

/**Industrial Lab*/

.industrial-lab-section {
	flex-wrap: wrap;
	/*align-items: center;*/
	margin-bottom: 44px;
	display: flex;
	gap: 56px;
	padding-top: 0px !important;
	margin-top: 40px;
}

	.industrial-lab-section .header-text {
		flex: 0.4;
	}

		.industrial-lab-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;
		}

		.industrial-lab-section .header-text p {
			text-align: left;
			font: normal normal normal 16px/24px Source Sans Pro;
			font-size: 16px;
			font-size: 16px;
			letter-spacing: 0px;
			color: #000000;
			opacity: 1;
			margin-top: 18px;
		}


	.industrial-lab-section .header-image {
		flex: 0.6;
		text-align: right;
	}


.foundation-of-ntegrity {
	display: grid;
	gap: 56px;
	/*align-items: center;*/
	grid-template-columns: 424px auto;
}

	.foundation-of-ntegrity .copy {
		padding-inline: 0.3rem;
	}

	.foundation-of-ntegrity h1 {
		margin-bottom: var(--space-2);
	}

#industrial-lab-test-grid-container {
	margin-top: 53px;
}

	#industrial-lab-test-grid-container h2 {
		text-align: left;
		font: normal normal bold 30px/34px Lato;
		letter-spacing: 0px;
		color: #000000;
		opacity: 1;
		margin-top: 0px;
	}


	#industrial-lab-test-grid-container iframe {
		/*width: 886px;*/
		height: 542px;
		margin: 5px 0px 0px 0px;
	}



.full-content {
	margin-bottom: 56px;
	margin-top:55px;
}




.technician-matching-paint-color {
	display: grid;
	gap: 56px;
	grid-template-columns: 328px auto;
	align-items: start;
	margin-block: 48px;
}

	.technician-matching-paint-color img {
		max-width: 100%;
		height: auto;
		display: block;
	}

	.technician-matching-paint-color h2, .foundation-of-ntegrity h2, .full-content h2 {
		margin-top: 0px;
		margin-bottom: 0px;
	}

.lab-test-list {
	display: grid;
	grid-template-columns: 0.6fr 1fr;
	gap: 0.35rem; /* row gap / column gap */
	margin-left: 98px;
	margin-top: 21px;
	margin-bottom: 59px;
}

	.lab-test-list .lab-test-item {
		display: flex;
		align-items: center;
		gap: .75rem;
	}

		.lab-test-list .lab-test-item span, .technician-matching-paint-color p, .full-content p, .foundation-of-ntegrity p {
			text-align: left;
			font: normal normal normal 16px/24px Source Sans Pro;
			letter-spacing: 0px;
			color: #000000;
			opacity: 1;
			margin-top: 15px;
		}

		.lab-test-list .lab-test-item span {
			margin-top: 0px !important;
		}

		.lab-test-list .lab-time {
			min-width: 60px; /* keeps times aligned */
			position: relative;
			padding-right: 0.75rem;
		}

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

.technician-matching-paint-color h2, .full-content h2, .foundation-of-ntegrity h2 {
	text-align: left;
	font: normal normal bold 30px/34px Lato;
	letter-spacing: -0.3px;
	color: #000000 !important;
	opacity: 1;
}
/*	.lab-test-list .desc {
		text-align: left;
		font: normal normal normal 16px/24px Source Sans Pro;
		letter-spacing: 0px;
		color: #000000;
		opacity: 1;
	}*/



@media (min-width: 641px) and (max-width: 1219px) {
	.industrial-lab-section .header-image img {
		max-width: 480px;
	}

	.socialmedia .heading {
		padding-right:10px;
	}

	.navsitemap.L1 {
		width: 700px;		
	}

	#footlogo img {
		padding-right:30px;
	}
}




/*End Industrial Lab*/


.blue #footer-professionals-title h2 {
	/*color: #8facbf !important;*/
}

/*start contact us */

.contact-us-header-section {
	flex-wrap: wrap;
	/*	align-items: center;*/
	margin-bottom: 44px;
	padding-right: 40px;
	padding-left: 40px;
	display: flex;
	gap: 37px;
	padding-top: 0px !important;
	margin-top: 40px;
}

	.contact-us-header-section .header-text {
		flex: 0.36;
	}

		.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;
		}

		.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;
			margin-top: 18px;
		}

	.contact-us-header-section .header-image {
		flex: 0.74;
		text-align: right;
	}

		.contact-us-header-section .header-image img {
			max-width: 100%;
		}

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



	.contact-us-list-section .grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(280px, 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: auto;
			display: block;
		}

	.contact-us-list-section .label {
		position: absolute;
		bottom: 12px;
		left: 50%;
		transform: translateX(-50%);
		background: #036FAD;
		padding: 10px 15px; /* 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(88% - 4px); /* 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;
	}
/*end contact us */

/*Professional Lab*/
/*.bullet-list-container {
	max-width: var(--maxw);
	margin: 40px auto;
	padding: 0 20px;
}*/


.professional-lab-capabilities {
	display: grid;
	gap: 56px;
	/*align-items: center;*/
	grid-template-columns: 424px auto;
}


	.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: 56px;
}

	.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;
	}
.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;
}

/*.bullet-list-container ol {
	list-style: decimal !important;
}

	.bullet-list-container ol li {
		list-style: decimal outside;
	}

		.bullet-list-container ol li::marker {
			color: #E8AA2C;
			font-weight: bold;
			font-size: 1.5rem;
			line-height: 1;
			content: counter(item) ". ";*/ /* 1. 2. 3. */
		/*}*/
.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: 56px;
	grid-template-columns: 424px auto;
	margin-top:45px;
}

	.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;
			}

.no-pointer {
	cursor: default !important;
	/*color: #6B8A9F !important;*/
}

/*new added back from old social media content block*/

.socialmedia a:before {
	display: none;
}

table.formTbl .submit,
.btn-yellow,
a.technical {
	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;
}

	table.formTbl .submit:hover,
	.btn-yellow:hover,
	a.technical:hover {
		background-color: #003b5c;
		color: #fff !Important;
	}

.custom-choose-btn .btn-yellow {
	color: #000 !Important;
}

.h-w1:before {
	top: 117px;
}

.h-w1:after {
	background: #3e3e3e;
}

@media screen and (min-width: 1220px) {
	.home-member-section ul li .item-link .btn-yellow {
		left: inherit;
	}

	#secondarynav {
		max-height: 40px;
		background: #3e3e3e;
	}

	.home-section-four li:nth-child(2) .content_block {
		position: relative;
		left: 115px;
	}

	#mainnav ul.L1 li a {
		padding: 14px 0;
	}
}

@media screen and (max-width: 768) {
	.home-page-top-items {
		padding-left: 10px;
		padding-right: 33px;
	}
}
/*end new added*/

#subnav .market-served-nav .L5 li ul {
	display: block !important;
}

#subnav .market-served-nav .market-selected-item li.active > a {
	text-align: left;
	font: normal normal 600 14px/20px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
}

#subnav .market-served-nav .L5, #subnav .market-served-nav .L5 > li {
	margin: 0px;
	border-bottom: 1px dotted #7f7f7f;
	/*padding: 5px 10px 5px 0;*/
}

#subnav .market-served-nav .market-item li:first-child,
#subnav .market-served-nav .market-selected-item li:first-child {
	border-top: 1px dotted #7f7f7f;
	margin-top: 5px;
}


#subnav .market-served-nav .market-item li:last-child {
	border-bottom: 0px !important;
}

#subnav .market-served-nav .L5 > li:last-child {

	border-bottom: 0px !important;

}

ul.market-selected-item {
	padding-top:0px !important;
}

#subnav .market-served-nav .market-selected-item li:last-child {
	border-bottom: 0px !important;
	padding-bottom: 0px;
}

#subnav .market-served-nav .market-item {
	margin-left: 5px;
	padding-bottom: 0px;
}

#subnav ul.marketnav > li > a:hover {
	text-decoration: none !important;
}

/*#mainnav ul.L2 > li > ul.L3 li > a {
	padding: 15px;
}*/

/*.blue #mainnav ul.L2 > li > ul.L3 li > a {
	padding: 10px;
}*/

/*.blue #mainnav ul.L4 {
	padding-left:20px;
}*/
.blue #mainnav ul.L4 li::before {
	content: "- ";
	position: absolute;
	left: 20px;
}

	.blue #mainnav ul.L4.active li::before {
		content: "- ";
		position: absolute;
		left: 20px;
	}

.market-selected-item li.L5.active > a::before {
	content: "» ";
	position: absolute;
	left: 0;
	top: 5px;
}

.industry-markets #mainnav ul.L3 > li.active > a.active {
	background: #8facbf 0% 0% no-repeat padding-box;
	opacity: 1;
	display: inline-block;
	width: 100%;
	height: 30px;
	padding-top: 8px;
	color: #000;
}


.industry-markets #mainnav ul.L3 > li.active {
	background:none;
}

.industry-markets #mainnav ul.L2 > li.first-child > ul > li > a {
	color: #6B8A9F;
	font-weight: bold;
}

#subnav .market-served-nav ul.market-selected-item li.active {
	background: #DBD9D4 0% 0% no-repeat padding-box;
	opacity: 1;
	width: 100%;
	height: auto;
	min-height: 30px;
}

.industry-markets #subnav ul.L5 > li.L5 > ul > li 
{
	padding-left:10px;
}
.industry-markets #subnav ul.L5 > li.L5 > ul > li a::before {
	content: "- ";
	position: absolute;
	left: 0;
	top: 5px;
}

.s-product-title {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	line-height: 1.285;
	color: #646464 !important;
	font-weight: 400;
}

/*Paint Colour section*/
.paint-colour-note-section {

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

	.paint-colour-note-section p {
		text-align: left;
		font: normal normal normal 16px/24px Source Sans Pro;
		letter-spacing: 0px;
		color: #646464;
		opacity: 1;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		width: 96%;
	}

/* Outer spacing */
.tips-section {
	margin: 0px;
	padding: 0px;
}

/* Two-column layout */
.tips-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 80px;
}

/* 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;
	}

ul.li-disc-style {
	list-style: none !important;
	padding-left: 0 !important;
	margin-top: 0px;
  margin-bottom: 0px;
}

ul.li-disc-style li:last-child {
  margin-bottom: 0px;
}
/*
ul.li-disc-style li::before {
	content: "•";
	position: absolute;
	left: 0;
	top: 0;
	color: #6b7b34; 
	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;
}
*/

ul.li-disc-style li {
	list-style: disc !important;
  padding-left: 0px !important;
  overflow: visible !important;
  display: list-item !important;
  margin: 0px;
  text-align: left;
  font: normal normal normal 14px/24px Source Sans Pro;
  letter-spacing: 0px;
  color: #646464;
  left: 20px;
  line-height: 22px !important;
  text-indent: -3px;
  margin-bottom: 9px;
}

/*
.cm-content ul.li-disc-style li {
	margin-top: 0px !important;
}
*/

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

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

	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;
	margin-bottom: 10px;
	line-height: 22px !important;
  text-indent: -3px;
}

/* Responsive: stack on small screens */
@media (max-width: 768px) {
		.tips-grid {
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
}


 
.paint-colour-note-section {
	padding-bottom: 24px;
	background-color: #eeedec;
}

.paint-colour-note-container {
	padding-left: 40px;
	padding-top: 1px;
}

.page-overview .paint-colour-note-section::before {
	content: "";
	position: absolute;
	width: calc(100% - 0px);
	border-top: 5px solid #707070;
	border-block-width: 6px;
}

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

.clour-matching-h2 {
	text-align: left;
	font: normal normal bold 30px/34px Lato;
	letter-spacing: -0.3px;
	color: #757855 !important;
	opacity: 1;
	margin-top: 32px;
}

/* SECTION BACKGROUND */
.colour-matching {
	/*padding-top: 20px;*/
}

/* TWO-COLUMN BLOCK */
.cm-block {
	display: grid;
	grid-template-columns: 200px 1fr; /* LEFT BAR = 200px like screenshot guides */
	column-gap: 45px;
	max-width: 1200px;
	margin: 0 auto 35px;
	align-items: start;
}

/* LEFT GREY BAR USING IMAGE */
.cm-bar {
	width: 100%;
	height: 100%;
	min-height: 120px; /* ensures bar shows even with short content */

	background-image: url('/images/placeholder-grey-bar.png'); /* replace later */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 4px; /* remove if not needed */
}

ol.cm-steps > li {
	margin-bottom: 15px;
}

.cm-steps {
	margin: 0 !important;
}

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

/* RIGHT CONTENT AREA */
.cm-content {
	/*margin-bottom: 30px;*/
}
.cm-content h3 {
	margin: 0;
	text-align: left;
	font: normal normal bold 30px/34px Lato;
	letter-spacing: 0px;
	color: #757855;
	opacity: 1;
	margin-top: 35px;
}

.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;
}

.cm-content strong {
	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;
}

ul.embed-disc-list {
	margin-top: 0px;
}


/* NUMBERED STEPS */
.cm-steps {
	padding-left: 1.5em;
	margin-top: 12px;
}

.cm-content ol.cm-steps {
 margin-top: 7px !important;
}


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

	ol.cm-steps > li::marker {
		text-align: left;
		font: normal normal bold 20px/24px Lato;
		letter-spacing: 0px;
		color: #000000;
		opacity: 1;
	}
.cm-content .cm-steps-without-p li {
	/*padding: 5px 0px;*/
	margin:10px 0px;
}

.cm-content p strong {
	font: normal normal normal 14px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	font-weight: bold;
}
/*
.colour-matching ul.li-disc-style{
	margin-left:30px;
}
*/

.embed-disc-list li::marker {
	/*	background: var(--home-a8ad7b) 0% 0% no-repeat padding-box;
	background: #A8AD7B 0% 0% no-repeat padding-box;
	opacity: 1;
	font: normal normal normal 14px/24px Source Sans Pro;
	letter-spacing: 0px;*/
	color: #A8AD7B;
}
/* RESPONSIVE */
@media (max-width: 768px) {
	.cm-block {
		grid-template-columns: 1fr;
		row-gap: 20px;
	}

	.cm-bar {
		height: 80px; /* small placeholder bar for mobile */
	}
}

/*new */
.cm-photo-row {
	display: flex;
	gap: 40px;
}

.cm-photo {
	flex: 1; /* two equal columns */
}

	.cm-photo-row .cm-photo img {
		width: 100%; /* fill column width */
		height: 250px;
		display: block;
		object-fit: cover; /* keeps image nicely cropped if needed */
	}

/* Stack images on smaller screens */
@media (max-width: 768px) {
	.cm-photo-row {
		flex-direction: column;
		gap: 24px;
	}
}

.paint-colour-h3 {
	text-align: left;
	font: normal normal 600 22px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
}

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

.paint-colour-notmal-p {
	text-align: left;
	font: normal normal normal 16px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}

/* Outer container — 3 card row */
.paint-color-tools-row {
	margin-top: 20px;
	padding: 0px;
	display: flex;
	gap: 35px;
	margin-bottom: 36px;
}

/* 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;
	}

	/* Hover effect */
		.paint-color-tools-row .tool-btn:hover {
			background: #003b5c;
		}

/* Responsive stacking */
@media (max-width: 768px) {
	.paint-color-tools-row .tools-row {
		flex-direction: column;
	}
}

/*End Paint Colour section*/

/*Technical Data Sheet on product search*/
.yellow .tech-data-sheet::before {
	position: relative;
	left: 0;
	top: 0;
	content: url(/img/icons/tds-architectural.png);
}

.blue .tech-data-sheet::before {
	position: relative;
	left: 0;
	top: 0;
	content: url('/img/icons/tds-industrial.png');
}

.green .tech-data-sheet::before {
	position: relative;
	left: 0;
	top: 0;
	content: url('/img/icons/tds-home.png');
}

.tech-data-sheet {
	margin-bottom: 10px;
	margin-top: 10px;
}

	.tech-data-sheet > a {
		margin-left: 10px;
		position: relative;
		top: -5px;
	}

.search-result ul li:last-child {
	border-bottom: 0px;
}

.product-profiles-old #pnlParentNode {
	display: none;
}

.product-profiles-old #cph_main_pnlNormal {
	margin-top: 40px;
}

.color-section-bold-paragraph ul.embed-disc-list {
	margin-top: 10px;
}
/*End*/
/*Gabriel Changes*/
.paint-colour-note-container h2 {
	text-align: left;
	font: normal normal bold 30px/34px 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 change**/
.green #footer .section-inner
{
width: 97%;
}

.green .footblock {
padding: 25px 45px;
}

.green .foot-sitemap {
padding: 15px 45px;
border-bottom: solid 1px #ccc;
  margin-bottom: 30px;
}

.green #copyright {
padding-left: 45px;
}

.template-overview #footer .section-inner
{
width: 100%;
}

.yellow.template-overview #copyright {
padding-left: 45px;
}

.blue.template-overview #copyright {
padding-left: 45px;
}

/** end footer change**/
@media screen and (min-width: 641px) {
	.salesforce-form::after{
		border-top: 5px solid #707070;
	}

}

@media (min-width: 640px) and (max-width: 1219px) {
	.most-specified-paint-clours-h2 {
		line-height: 40px;
	}

	.paint-colour-overview-content-block {
		max-width: 65% !important;
	}

	.extra-section .paint-colour-note-section::before {
		width: calc(100% - 3px);
	}
}