/* @import url(/includes/css/grid-flex.css); */
@charset "UTF-8";

@font-face {font-family: 'Roboto';src: url('/includes/fonts/roboto-black-webfont.woff2') format('woff2'), url('/includes/fonts/roboto-black-webfont.woff') format('woff');font-weight: 900;font-style: normal;font-display: swap}
@font-face {font-family: 'Roboto';src: url('/includes/fonts/roboto-bold-webfont.woff2') format('woff2'), url('/includes/fonts/roboto-bold-webfont.woff') format('woff');font-weight: 700;font-style: normal;font-display: swap}
@font-face {font-family: 'Roboto';src: url('/includes/fonts/roboto-bolditalic-webfont.woff2') format('woff2'), url('/includes/fonts/roboto-bolditalic-webfont.woff') format('woff');font-weight: 700;font-style: italic;font-display: swap}
@font-face {font-family: 'Roboto';src: url('/includes/fonts/roboto-medium-webfont.woff2') format('woff2'), url('/includes/fonts/roboto-medium-webfont.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap}
@font-face {font-family: 'Roboto';src: url('/includes/fonts/roboto-regular-webfont.woff2') format('woff2'), url('/includes/fonts/roboto-regular-webfont.woff') format('woff');font-weight: 400;font-style: normal;font-display: swap}
@font-face {font-family: 'Roboto';src: url('/includes/fonts/roboto-italic-webfont.woff2') format('woff2'), url('/includes/fonts/roboto-italic-webfont.woff') format('woff');font-weight: 400;font-style: italic;font-display: swap}
@font-face {font-family: 'Roboto Condensed';src: url('/includes/fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('/includes/fonts/robotocondensed-bold-webfont.woff') format('woff');font-weight: 700;font-style: normal;font-display: swap}
@font-face {font-family: 'Roboto Condensed';src: url('/includes/fonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('/includes/fonts/robotocondensed-regular-webfont.woff') format('woff');font-weight: 400;font-style: normal;font-display: swap}
@font-face {font-family: 'Roboto Condensed';src: url('/includes/fonts/robotocondensed-italic-webfont.woff2') format('woff2'), url('/includes/fonts/robotocondensed-italic-webfont.woff') format('woff');font-weight: 400;font-style: italic;font-display: swap}

:root {
    --kamco-yellow: #F8DE25;
    --black: #000;
    --dark-grey: #2A2A2A;
    --light-grey: #D7D7D7;
    --red: #CE0000;
    --dark-red: #970000;
    --blue: #2C62D1;

    --dashed-line: 1px dashed #E1E1E1;

    --input-border: #EBEBEB;
    --input-border-focus: #DEECF6;
    --input-border-hover: #cccccc;
    --input-background: #F3F3F3;
    --input-background-focus: #ffffff;

    --texture-bg: url(/images/concrete-texture.jpg) repeat top right;

    --Roboto: 'Roboto', sans-serif;
    --Roboto-Condensed: 'Roboto Condensed', sans-serif;

}

/* Web Solutions 4.0 Compatible */
html {-webkit-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;box-sizing:inherit;}
body {margin:0;padding:0;-webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

img{border: 0}
ul{padding-left: 0}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body {background:#000}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
iframe[src="/management/login/persistSession.aspx"] {display: none}
/*page widths*/
body>header, #mainnav, main, body>footer, #alertApp{width:100%;clear:left;display:block;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>*,.home .wrap{width:100%;max-width:75rem;margin-left:auto;margin-right:auto;position:relative;}

/* text */
body, .text, input, button, select, textarea {font-family: var(--Roboto);line-height:1.625;color:var(--dark-grey);-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.text{font-size: 1rem}
a {color:var(--red);text-decoration:none}
a:hover, a:active {color:var(--dark-grey)}
p,h1,h2,.h2-style,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-top:0;margin-bottom:1rem}
h1, h2, .h2-style, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400; line-height: 120%;}
p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
ol + h2, ol + h3, ol + h4, ol + h5, ol + h6,
section + h2, section + h3, section + h4, section + h5, section + h6 {margin-top:2rem;}
.textColor, h1, h2, h3, h4, h5, h6, th, dt{color:var(--dark-grey)}
em, i, q, cite, .italic{font-style:italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border-top:1px solid rgba(0,0,0,.15);margin:2em 0;padding-top:1px}
p {font-size:1em}
h1,
h2, .h2-style,
h3,
h4, th{font-family: var(--Roboto-Condensed); font-weight:700; color:var(--dark-grey)}
.intro {color:var(--black); font-family:var(--Roboto-Condensed)}
sup, sub {font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
.h2-style {
    display: block;
}
/* MAIN ------------------------------ */
.menu{cursor: pointer}
main, .mceContentBody{background:#fff}
.contentEditor{background:#fff;min-width:100%;}

/* sidenav */
#sidenav{margin:0}
#sidenav ul{padding: 0}
#sidenav li{height:1%;}
#sidenav li a{line-height:1.1em;display:block}
#sidenav li ul {display: none;}
#sidenav li.on > ul {display: block}

/* t2 */
#sidenav>ul>li>a {color:#717171; padding: 0.5em 0; font-family: var(--Roboto-Condensed); font-weight:700; font-size: 1.125rem}
#sidenav>ul>li>a:hover,
#sidenav>ul>li>a:active,
#sidenav>ul>li.on>a {color:#000;}

	/* t3 */
    #sidenav>ul>li>ul>li>a {position:relative; padding:0.35em 1em 0.35em 1.5625rem; color:#7E7F7F; font-family: var(--Roboto-Medium); font-size: 0.875rem}
    #sidenav>ul>li>ul>li>a:before {content:""; display:block; position:absolute; top:0.375rem; left:0.5625rem; width: 1em; height: 1em; background: url(/images/nav-sidebar-arrow.svg) no-repeat center}
    #sidenav>ul>li>ul>li>a:hover,
    #sidenav>ul>li>ul>li>a:active,
    #sidenav>ul>li>ul>li.on>a {color:#000;}

/* featured product */
.interior main #sidebar .sidebar-wrapper .featured-product {line-height: 1em;}
.interior main #sidebar .sidebar-wrapper aside + .featured-product {border-top: var(--dashed-line)}
.interior main #sidebar .sidebar-wrapper .featured-product .title {display: block;  font-family: var(--Roboto-Condensed); font-weight:400; font-style:italic; font-size: 0.875rem; color: #717171;}
.interior main #sidebar .sidebar-wrapper .featured-product .product-thumb {margin: 0.425rem 0; padding-bottom:55.9%; background-size: cover; background-position: center;}
.interior main #sidebar .sidebar-wrapper .featured-product .product-title {display: block; margin-bottom: 0.3125rem; font-family: var(--Roboto-Condensed); font-weight: 700; font-size: 1.125rem; color: #000000;}
.interior main #sidebar .sidebar-wrapper .featured-product .learn-more {display: block;  font-family: var(--Roboto-Condensed); font-weight:400; font-size: 0.8125rem; color: #000000;}
    

/* content */
.content{word-wrap:break-word}
.content .photoright, .content .photoleft{max-width:50%;height:auto}
.content .photoright img,.content .photoleft img {max-width:100%;height:auto;margin: 0;float: none}
.content img.phototreatment{max-width:50%;height:auto}
.content figure.phototreatment{width: 100%;text-align: center}
.content figure.phototreatment img{max-width: 100%;width: auto;height: auto}
figcaption {font-style: italic;font-size: 0.875rem;color: #5C5C5C;}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {max-width: 100%;height: auto}
.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.content .highlight {position:relative; border: 2px solid #E5E5E5; background:#fff;padding:2em;margin:3em 0}
.content .highlight:before {content:""; width:100px; height:100px; position:absolute; top:-8px; left:-8px; border-top: 6px solid var(--kamco-yellow); border-left:6px solid var(--kamco-yellow); pointer-events: none;}
small, .textSm{font-size:.8em}
.content table{width:100%}
.content .content-cta {text-align:center; background: url(/images/cta-bg.jpg) no-repeat center / cover}
.content .content-cta h2 {text-transform: uppercase; color:#fff}
.content .content-cta p {color:#fff;}
.content .content-cta p:last-child {margin-bottom:0}

/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li{padding-left:2em; position: relative;}
.content ul li:before{content: "";display: block;width: 1rem;height:1rem;position: absolute; top:0.3125rem; left:0.875rem; background: url(/images/bullet.svg) no-repeat center}
.content ul li ul li:before{opacity: .5}
.content ul.fileList li,
.content ul.no-bullets li {padding-left:0;}
.content ul.fileList li:before,
.content ul.no-bullets li:before {display: none}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
-webkit-column-gap:2em;
        column-gap:2em;
}
.req{color:#c00}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}
.clearfix:after{content: "";display: table;clear: both;}

.videoContainer {width: 100%;height:0;line-height:0;position: relative;padding-top:56.25%; /* 16:9 */}
.videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.videoContainer iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}

/* forms */
input, button, select, textarea, .wsManagementLogin input.wsFormButton.help, .content input[type="text"].wsFormBox, .content input[type="password"].wsFormBox {font-size:1rem;line-height: 1.2em}
.content input[type="text"].wsFormBox, .content input[type="password"].wsFormBox, input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], input[type="reset"]{border-radius:0; outline: none; -webkit-appearance:none;font-size: 1rem}
.content input[type="text"].wsFormBox, .content input[type="password"].wsFormBox, input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border: 1px solid rgba(0,0,0,.2);background-color: rgba(0,0,0,.05);padding: 0.5em;box-shadow: none;}
.content input[type="text"].wsFormBox:focus, .content input[type="password"].wsFormBox:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus{background-color:#fff; border-color:#6666}
textarea{display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/16x16/select.png);background-repeat:no-repeat;background-position:right center;padding-right: 18px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
button,.button,input[type="button"], input[type="submit"], input[type="reset"], .wsManagementLogin input.wsFormButton.help, body .content input.wsFormButton.login {display: inline-block; border:0; background: #F8DE25; border-radius: 3px; cursor:pointer; padding:0.625rem 2em; font-weight: 700; font-size: 16px; color: #000000; letter-spacing: 0; text-align: center;}
input::-moz-focus-inner {border:0;padding:0;}
button:hover,.button.hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus, body .content input.wsFormButton.login:hover, body .content input.wsFormButton.login:focus{background-color:var(--red); border:0; color:#fff}
.button{display: inline-block}
button img{height:1em;width:auto;vertical-align:top}
.formTable, 
.formTable table{width:100%}
.formTable input[type="text"], 
.formTable input[type="password"], 
.formTable input[type="tel"], 
.formTable input[type="number"], 
.formTable input[type="email"], 
.formTable input[type="url"], 
.formTable input[type="search"], 
.formTable select,
.formTable textarea {width:100%}
.formTable table td,
.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}

.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}
.formEdit select, .formBuilder select { width:40%; }
body .content .wsManagementLogin input.wsFormButton.help {background:none; padding-left:1em; padding-right:1em; border:0; color: #666}
body .content .wsManagementLogin input.wsFormButton.help:hover {color:#000; box-shadow: inset 0 0 0 1px var(--kamco-yellow)}
.content .wsManagementLogin {margin:0}
.content .wsManagementLogin td {vertical-align: middle;}

/* pagination */
.pagination{font-size:.95em;text-align:right}

/* page header */
.pageHeader{width:100%;height:auto;margin-bottom:2em}

/* alert */
#alertApp {background: var(--red);cursor: pointer;position: relative;width: 100%;padding: .5rem 2.5rem;z-index: 1;}
#alertApp:hover { background:var(--dark-red);}
#alertApp.alertStatic {cursor: default; background:var(--red)}
#alertApp h1 {color: #fff;font-size: .9375rem;line-height: 1.25rem;margin: 0 auto;padding: .1875rem .3125rem;text-align: center;}
#alertApp:hover h1,
#alertApp.expand h1 {color: #fff;}
#alertApp #alertDesc {height: 0;overflow: hidden;}
#alertApp p {color: #fff;font-size: .9375rem;line-height: 1.5;margin: 0;padding: .5rem 0 .75rem;position: relative;text-align: center; z-index: 1;}

/* management overrides */
#wysiwygBody{background:#fff}

/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td:nth-child(2) {overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(even), .even{background:#fff}
.alternate tbody tr:nth-child(odd), .odd {background:rgba(0,0,0,.06)}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks select { max-width: 20em; }
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.wsReturnToButton {float:right;margin-top:-3.5em}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}


.home #hero .wrap h1 {color:#fff; margin-bottom:0.85em; line-height:1em; font-family: var(--Roboto); font-weight: 900; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0; text-shadow: 0 2px 34px rgba(0,0,0,0.50);}
.home #hero .wrap h1 span {display: block; font-family: var(--Roboto-Condensed); font-weight: 400; text-transform: none;}
.home #hero .wrap .button {margin:0 5px 5px 0}

.home #top-products {text-align:center;}
.home #top-products h2 {text-align:left; font-weight:400; font-style: italic;font-size: 1.125rem;color: #FFFFFF;letter-spacing: 0; position: absolute; top: -8.125rem; left: 0.5rem; z-index: 2;}
.home #top-products h2:after {content:""; display: block; margin-top:0.4375rem; height: 4.6875rem; border-left: 2px solid var(--kamco-yellow);}
.home #top-products .button {margin-top:2.25em}

.home #location-maps {background: #000 url(/images/home/locations-bg.jpg) no-repeat center bottom / 100% auto}
.home #location-maps  h2 {position:relative; margin-bottom:1.5em; text-align:left; font-weight:400; font-style: italic; font-size: 1.125rem;color: #FFFFFF;letter-spacing: 0;}
.home #location-maps  h2:before {content:""; top:0; left:-1.875rem; display: block; height:100%; width: 0.875rem; position:absolute; background: url(/images/home/location-pin.svg) no-repeat center}
.home #location-maps  .tabs a {padding:0.4375rem 1.1875rem 0.4375rem 0; position:relative; display: block; cursor:pointer; font-weight: 700;font-size: 1.125rem;color: #D1D1D1; border-top: 1px dotted #434343}
.home #location-maps  .tabs a:last-child {border-bottom: 1px dotted #434343}
.home #location-maps  .tabs a:hover,
.home #location-maps  .tabs a.on {color:var(--kamco-yellow)}
.home #location-maps  .tabs a:after {content:""; opacity:0; position:absolute; top:1.125rem; right:0; transition: ease all 200ms; width: 1.1875rem; height:0.5rem; display: block; background: url(/images/home/location-arrow.svg) no-repeat center}
.home #location-maps  .tabs a.on:after {opacity: 1;}
/*
.home #location-maps  .maps {position:relative; background: #F4F4F4; border: 1px solid #121417; box-shadow: 0 12px 14px 0 rgba(0,0,0,0.20), 0 12px 94px 0 rgba(0,0,0,0.60); border-radius: 5px; overflow:hidden}
.home #location-maps  .maps > div {position:absolute; transition:ease all 200ms; opacity:0; pointer-events:none; top:0; left:0; width:100%; height: 100%;}
.home #location-maps  .maps > div.on {opacity:1; pointer-events: all;}
.home #location-maps  .maps > div iframe {position:absolute; top:0; left:0; width:100%; height: 100%;}
*/

.home #location-maps  .maps {width:100%;height:450px;margin-bottom:25px}
.home #location-maps  .maps *{box-sizing:content-box;-moz-box-sizing:content-box;line-height:1.3em}
.home #location-maps  .maps h2{font-size:14px;margin-bottom:0}
.home #location-maps  .maps input[type="text"]{margin-right:5px; max-width: 9em; }

.home #recent-news {text-align: center;}
.home #recent-news h2 {position:relative; margin-bottom:1.5em; text-align:left; font-weight:400; font-style: italic; font-size: 1.125rem;color: #000;letter-spacing: 0;}
.home #recent-news h2:before {content: '';border-top: 2px solid var(--kamco-yellow);display: inline-block;width: 100vw;vertical-align: middle;margin-left: calc(-100vw - 1rem);margin-right: 1rem;}
#recent-news ul {margin:0; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
#recent-news ul li {text-align: left;}
#recent-news ul li a {position: relative; display:block; padding-left: 1.5625rem; line-height:1.25em; font-family: var(--Roboto-Condensed); font-weight: 700; font-size: 1.125rem; color: #000000;}
#recent-news ul li a:hover {color:var(--red)}
#recent-news ul li a:before {content:""; width: 1.125rem; height:1.125rem; position:absolute; top:0.125rem; left:0.125rem; background: url(/images/icon-link.svg) no-repeat center}
#recent-news ul li a[href*="pdf"]:before {background: url(/images/icon-pdf.svg) no-repeat center}
#recent-news ul li a time {display: block; font-weight:400; margin-top:0.5em; font-style: italic; font-size: 0.875rem; color: #353535;}
.home #recent-news .button {margin-top:1em}
#content #recent-news ul li:before {display: none}

.home #welcome {text-align:center; background: linear-gradient(180deg, rgba(0,0,0,0.00) 69%, #000000 100%), url(/images/home/welcome-bg.jpg) no-repeat center / cover;}
.home #welcome h2 {position:relative; font-weight: 900; font-family:var(--Roboto); text-transform:uppercase; color: #FFFFFF;text-shadow: 0 2px 34px rgba(0,0,0,0.50);}
.home #welcome h2:after {content:""; display: block; width: 9.375rem; margin: 2rem auto; border-top: 2px solid var(--kamco-yellow)}
.home #welcome h2 span {display: block; text-transform: none; font-family:var(--Roboto-Condensed); font-weight: 400; color:#D7D7D7}
.home #welcome p {color: #D7D7D7;}
.home #welcome p strong {color:#fff}
.home #welcome .button {margin-top: 2rem; font-size:1rem}

.slash-left, .slash-right {position:relative}
.slash-left:after, .slash-right:after {z-index:2; content:""; display: block; position:absolute; bottom:-0.9375rem; height: 1.875rem; width:100%;}
    .slash-left:after {right:0; background: url(/images/slash-left.svg) no-repeat top left / 100% 100%}
    .slash-right:after {left:0; transform:scaleX(-1); background: url(/images/slash-left.svg) no-repeat top left / 100% 100%}


.products-landing {width:100%}    
.products-landing .header {text-align: center; background: url(/images/products-landing-header-bg.webp) no-repeat center / cover} 
.products-landing .header h1 {line-height: 1em; text-transform: uppercase; font-family: var(--Roboto);font-weight: 900;color: #FFFFFF;text-shadow: 0 2px 34px rgba(0,0,0,0.50); }
.products-landing .header h1:after {content:""; display: block; width: 9.375rem; margin: 0.5em auto; border-top: 2px solid var(--kamco-yellow)}
.products-landing .header .wrap {max-width: 37rem; margin:0 auto} 
.products-landing .header p {color:#fff; font-family: var(--Roboto-Condensed); text-align: center;} 

.product-list {margin:0; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
    #content .product-list {-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
    .product-category #content .product-list {margin-top:2.5em}
    #content .product-list li {padding:0}
    #content .product-list li:before {display: none}
.product-list a {display: block}
.product-list a .product-image {border: 2px solid #FFFFFF; display: inline-block; margin-bottom: 0.5em; box-shadow: 0 2px 25px 0 rgba(0,0,0,0.1)}
.product-list a:hover .product-image {transform:translateY(-5px)}
.product-list a .product-image img {display: block; max-width:100%; height:auto; margin:0 auto}
.product-list a .product-title {display: block; font-family: var(--Roboto-Condensed); line-height: 1.25em;; font-weight: 700; font-size: 1.125rem; color: #000000; letter-spacing: 0; text-align: center;}
.product-list a .product-title:after {content:""; padding-left:0.625rem; background: url(/images/product-title-arrow.svg) no-repeat 100% 0.625rem}
.product-list a:hover .product-title {color: var(--red)}

#content .ceiling-estimator {background:#F1F1F1;}
#content .ceiling-estimator table {margin-bottom: 1em;}
#content .ceiling-estimator input,
#content .ceiling-estimator select {width:100%; height:2.5rem; padding:0 0.5em; background:#fff; border:1px solid #DCDCDC}
#content .ceiling-estimator .multiple {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
#content .ceiling-estimator .multiple input {max-width:6.3125rem}
#content .ceiling-estimator .multiple span {font-style:italic;font-size: 0.875rem;color: #2A2A2A;}
#content .ceiling-estimator .submit {padding:0.875rem 3em; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05)}
#content .ceiling-estimator .clear {background:none; color:#6A6A6A; padding: 0.875rem 1em; margin-left:0.5em}
#content .ceiling-estimator .clear:hover {color:#000}

.product-page #product-list {border-bottom: 1px dashed #E1E1E1; margin:2em 0; padding-bottom:1.5em}
.product-page #product-list > h2 {font-family: var(--Roboto-Condensed);font-size: 1.125rem;color: #2A2A2A;line-height: 1em;margin-bottom: 0.5625rem;font-weight: 400;font-style: italic;}
.product-page #product-list .manufacturer {border-top: 1px dashed #E1E1E1; margin-top:1.5rem; padding-top:1.5em}
.product-page #product-list h2+.manufacturer {margin-top:0}
.product-page #product-list .manufacturer > a {display: block; line-height:1.25em; font-style: italic;font-size: 1.75rem;color: #2A2A2A;}
.product-page #product-list .manufacturer img {height:100%; width: auto; display: block;}
.product-page #product-list .manufacturer img[src=""] {display: none}
.product-page #product-list .manufacturer > ul {margin-top:1rem; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.product-page #product-list .manufacturer > ul:empty {display: none}
.product-page #product-list .manufacturer > ul li {padding:0; font-weight: 700;font-size: 1rem;color: #2A2A2A;line-height: 1em;}
.product-page #product-list .manufacturer > ul li:before {display:none}
.product-page #product-list .manufacturer > ul li ul {margin: 0.625rem 0 0}
.product-page #product-list .manufacturer > ul li ul li {font-weight: 400; margin-bottom: 0.625rem; font-size: 0.875rem;line-height: 0.9375rem;}
.product-page #recent-news h2,
.product-page #related-products h2 {position: relative;margin-bottom: 0.75em;text-align: left;font-weight: 400;font-style: italic;font-size: 1.125rem;color: #000;letter-spacing: 0;}

#map_canvas .gm-style .gm-style-iw-c {padding:1rem}
#map_canvas .gm-style-iw-d {max-height:none !important;}
#map_canvas .map-popover {overflow:hidden; display: flex; flex-wrap:wrap; font-family: var(--Roboto-Condensed);font-size: 0.8125rem;color: #000000;letter-spacing: 0;line-height: 1rem;}
#map_canvas .map-popover > * {width:100%}
#map_canvas .map-popover h2 {font-style:normal; font-family: var(--Roboto-Condensed); font-size: 0.875rem; font-weight:700; color: #000000; letter-spacing: 0;line-height: 1em;margin-bottom: 0.5625rem}
#map_canvas .map-popover .city-state {margin-bottom:0.5625rem}
#map_canvas .map-popover .more-info {margin-top:0.5625rem;}
#map_canvas .map-popover .more-info a {display: block; font-weight:700; color:var(--blue)}
#map_canvas .map-popover .more-info a:hover {color:var(--red)}
#map_canvas .map-popover .directionsForm {margin-top:0.5625rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
#map_canvas .map-popover .directionsForm label {display: block; font-style:italic; margin-bottom:0.1875rem}
#map_canvas .map-popover .directionsForm input {height:2.5rem; box-sizing:border-box; padding:0; font-size:0.875rem}
#map_canvas .map-popover .directionsForm input[type=text] {padding: 0 0.5em; width:calc(100% - 2.625rem); max-width:calc(100% - 2.625rem); margin:0}
#map_canvas .map-popover .directionsForm input[type=submit] {width:2.5rem; padding:0}

/* Photo Rotator Pause Button */
.rotator-pause-button:before {
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.rotator-pause-button:before {background-image: url(/images/icons/misc/circle-pause.svg);}
.rotator-pause-button.paused:before {background-image: url(/images/icons/misc/circle-play.svg);}

.rotator-pause-button {
    padding: 1.5rem;
    background-color: #FFF;
    border-radius: 50%;
    border: 0;
    position: absolute;
    bottom: 1.25rem;
    right: .25rem;
    z-index: 2;
}


/* FOOTER ------------------------------ */
body>footer {padding:3.75rem 1rem; font-size: 0.8125rem; line-height:1.1875rem; color:#D7D7D7;}
body>footer .wrap {max-width:81.3287rem}
    .home>footer {padding-top:0}
    .home>footer .wrap {padding-top:3.75rem; border-top: 4px solid rgba(255,255,255,0.2)}
body>footer .title {display:block; color:#fff; margin-bottom: 0.6062rem; font-family: var(--Roboto-Condensed); font-weight: 700; font-size: 1rem}
body>footer .locations div {text-align: center;}
body>footer .locations a {margin-top:0.6062rem; display: block; font-weight:700; }
body>footer .locations a[href^="tel:"] {font-weight:400; color:#D7D7D7}
body>footer a {color:#fff}
body>footer a:hover, 
footer a:active{color:var(--kamco-yellow)}
body>footer a.on, 
footer .on>a{text-decoration:none;color:var(--kamco-yellow)}
body>footer .copyright {line-height:0.9375rem}
body>footer .copyright .links div + div {margin-top:0.8125rem}
body>footer .copyright .newsletter {position: relative;  max-width:14.0625rem; width: 100%;}
body>footer .copyright .newsletter label {display: block; font-style: italic;}
body>footer .copyright .newsletter input { margin-top: 7px; color:#fff; font-size: 0.8125rem; width:100%; border:0; padding: 0 2.5rem 0 0.75rem; height:2.25rem; border-radius: 3px; background:#333; max-width:14.0625rem}
body>footer .copyright .newsletter button {position:absolute; bottom:0; right:0; width:2.25rem; height: 2.25rem; padding:0; background: url(/images/long-arrow-right.svg) no-repeat center}
body>footer .copyright .newsletter 
body>footer .copyright .newsletter ::-webkit-input-placeholder {color:#646464; font-style: italic; opacity:1}
body>footer .copyright .newsletter ::-moz-placeholder {color:#646464; font-style: italic; opacity:1}
  body>footer .copyright .newsletter :-ms-input-placeholder {color:#646464; font-style: italic; opacity:1}
  body>footer .copyright .newsletter :-moz-placeholder {color:#646464; font-style: italic; opacity:1}
body>footer .copyright nav{display:inline}


/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger{-webkit-transition: all 200ms ease;transition: all 200ms ease}
input:focus, select:focus, textarea:focus{-webkit-transition: background-color 150ms ease;transition: background-color 150ms ease}


/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }
.form-error {color: #ee0000;}

/* LANDING PAGE WITH FORM ------------------------------ */
.interior.fullWidth main #content-container.landing-page-form .landing-form {
    background: #ececec;
    padding: 2em;
}

.interior.fullWidth main #content-container.landing-page-form .landing-form :is(
       input[type="text"], 
       input[type="password"], 
       input[type="tel"], 
       input[type="number"], 
       input[type="email"], 
       input[type="url"], 
       input[type="search"], 
       select, 
       textarea) {
        background-color: #fff;
        width: 100%;
}

.interior.fullWidth main #content-container.landing-page-form .landing-form :is(
       input[type="text"], 
       input[type="password"], 
       input[type="tel"], 
       input[type="number"], 
       input[type="email"], 
       input[type="url"], 
       input[type="search"], 
       select, 
       textarea):is(:hover, :focus-visible) {
        border-color: #000;
}

.interior.fullWidth main #content-container.landing-page-form .landing-form input[type="submit"] {
        border: 1px solid #fff;
        display: block;
        height: 3.125em;
        margin: 0 auto;
        min-width: 210px;
}

.interior.fullWidth main #content-container.landing-page-form .landing-form h2 {
    font-size: 1.5em;
}

.interior.fullWidth main #content-container.landing-page-form .jump-to-form {
    position: sticky;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0.5em;
    background: #fff;
    z-index: 1;
    transition: ease all 200ms;
}

.interior.fullWidth main #content-container.landing-page-form .jump-to-form.hide {
    opacity: 0;
    pointer-events: none;
}

.interior.fullWidth main #content-container.landing-page-form .jump-to-form::before {
    content: "";
    display: block;
    top: -1.875rem;
    left: 0;
    position: absolute;
    pointer-events: none;
    height: 1.875rem;
    width: 100%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}