@font-face {
 font-family: "icomoon";
 src: url("https://cloverdalepaint.com/fonts/icomoon.eot?nojmsf");
 src: url("https://cloverdalepaint.com/fonts/icomoon.eot?#iefixnojmsf") format("embedded-opentype"),
  url("https://cloverdalepaint.com/fonts/icomoon.woff?nojmsf") format("woff"),
  url("https://cloverdalepaint.com/fonts/icomoon.ttf?nojmsf") format("truetype"),
  url("https://cloverdalepaint.com/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(" https://www.cloverdalepaint.com/img/YellowLegend.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}*/
/*.location-map .authorized-dealer {background: url(" https://www.cloverdalepaint.com/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( https://www.cloverdalepaint.com/img/background/generic-bg.jpg) no-repeat fixed
  center top;
}
body.store-locations {
 background: #c2c0ba url( https://www.cloverdalepaint.com/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(https://www.cloverdalepaint.com/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(https://www.cloverdalepaint.com/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;

 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(https://www.cloverdalepaint.com/img/skin/bg/bg-gradient.png) repeat-x fixed;*/
 z-index: 900;
}

.w-w2 {
 /*background: url(https://www.cloverdalepaint.com/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: 20px;
}
.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: 40px;
 }
}

#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(https://www.cloverdalepaint.com/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;
}

@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,
#mainnav ul.L1 > li:nth-child(1) > a:hover {
 background: #ffd201;
 color: #000;
}
#mainnav ul.L1 > li:nth-child(2) > a.active,
#mainnav ul.L1 > li:nth-child(2) > a:hover {
 background: #9ea374;
 color: #000;
}
#mainnav ul.L1 > li:nth-child(3) > a.active,
#mainnav ul.L1 > li:nth-child(3) > a:hover {
 background: #8facc0;
 color: #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;
}

@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: 100%;
 margin: 0 5px 0 0;
 text-align: left;
 background: #fff;
 box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
 padding: 15px;
}
#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;
}

#mainnav ul.L2 > li > ul > li {
 margin-top: 12px;
 white-space: pre-wrap;
}
#mainnav ul.L2 > li > ul > li:first-child {
 margin-top: 0;
}

#mainnav ul.L2 > li > ul > li > a {
 text-decoration: none;
 color: #8c8c8c;
}
.no-touch #mainnav ul.L2 > li > ul > li > a:hover,
#mainnav ul.L2 > li > ul > li.active > a {
 color: #000;
}

#mainnav ul.L3 > li > a {
 font-size: 13px;
 white-space: nowrap;
}
#mainnav ul.L3 > li.active > a {
 text-decoration: underline;
}

/* MAIN
-------------------*/
#main {
 position: relative;
 /*background: rgba(255, 255, 255, 0.8);*/
 padding-top: 10px;
 padding-bottom: 58px;
 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,
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;
}

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

#subnav .L5 > li.active > a,
body.store-locations #subnav .L4 > li.active > a {
 color: #000;
}
#subnav .L5 > li.active > a:before {
 content: "» ";
 position: absolute;
 left: 0;
 top: 0;
}

/*Second Level*/
#subnav .L5 > li.active > ul {
 display: block;
 padding: 10px 0;
}
#subnav .L6 > li,
body.store-locations #subnav .L5 > li {
 margin-top: 10px;
 padding-left: 7px;
}
#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:before,
body.store-locations #subnav .L5 > li > a:before {
 content: "- ";
 position: absolute;
 left: 0;
 top: 0;
}
body.store-locations .c-w1 ul.location-type-list li:before {
 content: "";
}
#subnav .L6 > li.active > a {
 color: #000;
 font-weight: 700;
}
#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: 0;
}
#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 li {
 text-align: center;
 float: 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;
}

/* FOOTER
-------------------*/
#footer {
 font-size: 12px;
 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 30px;
}

/*Social Media*/
.socialmedia {
 width: 320px;
 float: left;
}
@media (min-width: 641px) {
 .socialmedia {
  width: 550px;
 }
}
.socialmedia .heading {
 display: inline-block;
 color: #000;
 font-size: 16px;
 font-weight: 700;
 text-transform: uppercase;
 padding-right: 10px;
}
.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;
}

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

.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;
 text-transform: uppercase;
 font-weight: 700;
 font-size: 16px;
 color: #000;
}

/*Second Level*/
.navsitemap.L2 > li {
 margin-top: 10px;
}
.navsitemap.L2 > li > a {
 font-size: 14px;
 color: #4b4b4b;
}
.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;
}
@media (min-width: 1200px) {
 #footlogo {
  width: 246px;
 }
}

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

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

/* 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(https://www.cloverdalepaint.com/img/masthead/frontbanner.jpg) no-repeat center top;
 height: 300px;
 width: 100%;
 margin-bottom: 20px;
}

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

.homebannerProf {
 background: url(https://www.cloverdalepaint.com/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(https://www.cloverdalepaint.com/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;}*/
.template-overview .overview-boxes .heading {
 font-size: 18px;
 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*/

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

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

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

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

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

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

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

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

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

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

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

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

.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(https://www.cloverdalepaint.com/img/skin/bg/social-fl.png)
  no-repeat;
}

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

a.social-t {
 background: url(https://www.cloverdalepaint.com/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 -3%;
 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(https://cloverdalepaint.com/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(https://cloverdalepaint.com/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;
}
*/
#locmap {
 position: relative;
 padding-bottom: 3px;
 background: url( https://www.cloverdalepaint.com/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(https://www.cloverdalepaint.com/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;
 }
 50% {
  opacity: 0.5;
 }
 100% {
  opacity: 1;
 }
}
@keyframes fadeIn {
 0% {
  opacity: 0;
 }
 50% {
  opacity: 0.5;
 }
 100% {
  opacity: 1;
 }
}

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

#footer .section-inner {
 padding: 0 20px;
 width: 100%;
}
#footer ul {
 padding-left: 0;
}

@media screen and (min-width: 1220px) {
 .page-section {
  width: 1220px;
 }
 .section-inner {
  width: 1180px;
 }

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

 /*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;
 }
 .socialmedia li {
  margin-left: 12px;
 }

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

 .form-newsletter {
  width: 402px;
 }

 .navsitemap.L1 {
  width: 995px;
 }
 .navsitemap.L1 > li {
  padding-right: 50px;
 }

 #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: 360px;
 width: 882px;
 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/bluelegend.png) no-repeat 0 14px;
 width: 42px;
 height: 50px;
}
.location-map .first-col.Store,
.location-map .first-col.Stores,
.location-map .first-col.Shop {
 background: url(/img/yellowlegend.png) no-repeat 0 14px;
 width: 42px;
 height: 50px;
}

.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;
}
.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;
}
.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;
 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(https://cloverdalepaint.com/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: none !important;
}

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

form[action="./dealer-login"] #wrapper {
 background: url(https://cloverdalepaint.com/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(https://www.cloverdalepaint.com/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;
}

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

/*Buttons*/
.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: #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(https://cloverdalepaint.com/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: 10px;
}

#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(https://www.cloverdalepaint.com/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(https://www.cloverdalepaint.com/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: 0.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(https://cloverdalepaint.com/img/industrial-legend.png);
 background-position: center center;
 background-size: contain;
 background-repeat: no-repeat;
}

li.industrial-coatings.soption {
 order: 3;
}

li.sprayshop-list.soption {
 order: 4;
}

.location-map .lnk-more-detail.Dealer.Industrial {
 background: url(https://cloverdalepaint.com/google/btn-details-industrial.png) no-repeat;
}

.location-map .first-col.Dealer.Industrial {
 background-image: url(https://cloverdalepaint.com/img/industrial-legend.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;
}

#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: right;
 width: 144px;
 height: 33px;
 margin-top: 7px;
 margin-right: 3px;
}

.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;
}
#header {
 background: white;
}
#main {
 background: white;
}