@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

:root {
        --red: #d72000;
        --light-grey: #F9F9F9;
        --dark-grey: #1A1A1A;
        --grey: #575757;
        --yellow: #fff20a;
}

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

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, select, 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;overflow-x: h;}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}

/*page widths*/
body>header, #mainnav, main, body>footer, #alertApp, #photoHeader, #callout, #rotatorContainer, #locations, #news, .deliveryCallout {
  width:100%;
  display:block;
}

body>*>.wrap, body>footer>.fatFooter,#alertApp>*, .wrap, .deliveryCallout .wrap {width:100%; max-width:82rem; margin-left:auto; margin-right:auto; position:relative;}

/* text */
body, .text, input, button, textarea {color:#4A4A4A; font-size: 1em; font-family:"aktiv-grotesk", Arial, Helvetica, sans-serif; line-height:1.625em;}
a, a *{color:#d72000;text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#a9a9a9;}
header span a {color: #eb2300;}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-top:0;margin-bottom:1rem}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th {font-weight:700}
p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6  {margin-top:2em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt {color:#717171}
.red, label.error {color:#d72000;}
.text {font-size: 1rem; font-weight: 400;}
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{color: #000; font-size:2.25em; font-weight: 800; line-height: 1.1em; margin-bottom: 1em;}
h1+h2 {margin-top:-1em}
h2 {font-size:1.5em;}
h3, .contact-form-fieldset legend {color:#d72000; font-size:1.35em;}
.content * h1 {color:#717171; font-size:1.35em;}
h4, th, .content * h2 {font-size:1.2em; color: #000;}
h5 {font-size:1.1em}
h6 {color:#d72000; font-size:1.0em;}
h7, h8, h9{font-size:1em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
blockquote {color:#000; float: right; padding: 1em 0 1em 5%; font-style: italic; text-align: right; width: 40%;}
blockquote em {color:#898989; display:block; font-size:.875em; margin-top:.75em;}

.phone:before {content:"\f095"; font-family: FontAwesome; margin-right: .5em;}


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

/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li {margin-top: .5em; color: #000; padding-left:2em; position: relative;-webkit-column-break-inside: avoid; break-inside: avoid; width: 100%; display: block}
.content ul li:before {color:#d72000; content: "\2022"; left: 1.25em; position: absolute; top: 0;}
        .content .highlight ul li:before,
        .content .productList ul li.product:before {content: "\203A"; display: inline-block; font-weight: 700; left: .75em; top: -2px; width: 2em;}
        .content .productList ul li.product:before {left: 1em}
        .welcome .content ul li {padding-left: 3.25em}
        .welcome .content ul li:before {content: "\2022"; left: 2.25em; width: auto; position: absolute; top: 0;}
.content ul li ul li:before {opacity: .5}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol {
   -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 */ margin-bottom: 2em}
.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}
.photoright.video h2, .photoleft.video h2 {color: #d72000;}


/* forms */
input, button, select {border-radius:2px; font-size:.9em; line-height: 1.2em}
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"] {-webkit-appearance:none}
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 #CDC9C1; background-color:#fff; padding:.4em .75em;}
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:#f9f9f9;}
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;}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option {padding:0 .3em}
button,.button,input[type="button"], input[type="submit"], input[type="reset"]{background:#d72000; border:0; border-radius: 2px; color:#fff; display: inline-block; padding:.75em 2em; line-height:1em; cursor:pointer;}
button.gray, .button.gray, input[type="button"].gray, input[type="reset"] {background:#CDC9C1; color:#2D2C2C;}
button.white,.button.white  {background: #FFF; color: #d72000;}
footer .button.white {padding: .5em 1.5em; margin-bottom: .875em;}
input::-moz-focus-inner {border:0; padding:0;}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, button.gray:hover, .button.gray:hover, input#reset:hover, input[type="button"].gray:hover, input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus, .button.manufacturer:hover {background-color:var(--yellow); color:#2D2C2C;}
button img{height:1em;width:auto;vertical-align:top}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.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 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}
.formTable select {width: 100%;}
.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}


/* HEADER ------------------------------*/
body>header {background:#000; border-bottom: 1px solid #959595; z-index: 1000;}
.management>header {margin-top: -27px;}
body>header>.wrap {overflow: visible;}
#brand img {height:auto; width:100%;}
#tagline {color: rgba(255,255,255,.5); font-style: italic;}
/* MAIN ------------------------------ */
.menu {cursor: pointer}
main, .mceContentBody {background:#fff; padding: 0 1em;}
main>.wrap {padding-top:3em}
.contentEditor {background:#fff;min-width:100%;}
/* side column */
main>div>aside {font-size:.875em;line-height:1.3em;}
/* t1 */
#sidenav {border-left:9px solid #d72000; margin:0 0 40px; overflow:hidden; width:100%;}
#sidenav ul {border-bottom:1px solid rgba(227,226,226,1); margin: 0; padding: 0;}
#sidenav li {height:1%; overflow:hidden}
#sidenav li a {color:#d72000; display:none; line-height:1.1em; padding:.5em 5px;}
#sidenav li a:hover, #sidenav li a:active{background:#e5e5e5}
#sidenav li.on>a{color:#000}
/* t2 */
#sidenav li.on ul {border-bottom: none;}
#sidenav li.on ul li {border-top:1px solid rgba(227,226,226,1);}
#sidenav li.on ul li a {color:#d72000; display:block; font-weight: 400; line-height:1.1em; padding:.5em 10px .5em 1.25em;}
#sidenav li ul li a:hover, #sidenav li ul li a:active {color:#000; background:var(--yellow);}
#sidenav li ul li.on>a{background:#F9F9F9; color:#000; font-weight: 500;}
/* t3 */
#sidenav li ul li.on ul {border:0}
#sidenav li ul li.on ul li {background: #f9f9f9; border:0}
#sidenav li ul li.on ul li a {color:#5c5c5c; font-size:.9285em; position: relative; padding-left: 2.4em;}
#sidenav li ul li.on ul li a:before {content: "\203A"; font-family: FontAwesome; left:1.625em; position: absolute; top: 5px;}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active {color:#fff; background:#4c4c4c;}
#sidenav li ul li ul li.on>a{color:#000; background:#cdc9c1;}
/* t4 */
#sidenav li ul li ul li.on ul li a {background:#cdc9c1; color:#4c4c4c; font-size:.8em; padding-left:40px; }
#sidenav li ul li ul li.on ul li a:before {content: none;}
#sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active {color:#d72000}
#sidenav li ul li ul li ul li.on>a{color:#fff; background:#d72000;}
/*section callouts*/
main>div>aside div{margin:0 0 20px;}
main>div>aside div a {display: block;}
main>div>aside div p{margin:0}
main>div>aside div img {max-width:100%; height: auto; border: 1px solid #ccc; border-radius: 3px}
main>div>aside div .button {padding: .75em 0; display: block; text-align: center}
main>div>aside div a:hover .button {background: var(--yellow); color:#2D2C2C}
/* breadcrumb */
.breadcrumb{margin-bottom: 1em}
.breadcrumb a:after{content: "\00A0\00A0\203A\00A0"}

/* content */
#content{word-wrap:break-word}
#content .photoright, #content .photoleft{max-width:47%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto;margin: 0;float: none}
#content img.phototreatment {max-width:100%;height:auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}
.content .photo-full {max-width: 100%; height: auto;margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 1em;}
.photo-full img {height: auto; max-width: 100%;}
.intro {color: #000; font-size: 1.125em;}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight, .content .highlight {background:url(/images/subtle_grunge_@2X.png) repeat 0 0; border-radius: 2px; margin: 2em 0; padding:2em;}
small, .textSm, .small {font-size:.9em; line-height: 150%}
.mapLocations .small {margin-top: 0.5em}
#content table, .contentEditor table{width:100%}
figcaption {font-size: .8125em; font-style: italic; text-align: right;}
.margin-top {margin-top: 2em}
.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
	.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
	.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
	.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
	.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}

.videoWrapper {position: relative;padding-bottom: 52.25%; /* 16:9 */padding-top: 25px;height: 0; background-size:contain; cursor:pointer;}
        .welcome .videoWrapper {cursor:pointer; background-repeat: no-repeat; background-position: center; background-size: 105% auto}
        .welcome .videoWrapper:before {content: ""; pointer-events: none; z-index: 1; display: block; width:100%; height: 100%; position: absolute; top:0; left:0; background: url(/images/play-button.svg) no-repeat center}
        .welcome .videoWrapper iframe {z-index: 2;}
.videoWrapper iframe {border: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* Home ------------------------------ */
.play-pause-buttons button {
        font-size: 0;
        padding: 1.5rem;
        position: absolute;
        line-height: 0;
        opacity: .6;
        background-color: rgb(0,0,0);
        border: 2px solid #000
}
.play-pause-buttons button:hover, .play-pause-buttons button:focus, .play-pause-buttons button:active {opacity: 1; background-color: #d72000;}
.play-pause-buttons {
        position: absolute;
        top: 1px;
        left: calc(100% - 3.25em);
        z-index: 1;
}
.play-pause-buttons #pauseRotator:before, .play-pause-buttons #playRotator:before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.25rem;
    width: 1.25rem;
    position: absolute;
    display: block;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}
.play-pause-buttons #playRotator {display: none;}
.play-pause-buttons #pauseRotator:before {background-image: url(/images/pause.svg);}
.play-pause-buttons #playRotator:before {background-image: url(/images/play.svg);}

.flex-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    }

main .welcome {
    /* -ms-flex-order: 3;
    -webkit-box-ordinal-group: 3;
            order: 3; */
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

#rotatorContainer {
    /* -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
            order: 1; */
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

#locations {
    /* -ms-flex-order: 2;
    -webkit-box-ordinal-group: 2;
            order: 2; */
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

#news {
    /* -ms-flex-order: 4;
    -webkit-box-ordinal-group: 4;
            order: 4; */
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.home main {padding: 0;}
.home .welcome {width: 100%; padding: 4em 0;}
.home main section h1, .home main section h2, .home #content h1 {border-left:6px solid #d72000; color:#222121; font-size: 2.188em; line-height: 1.1em; padding: .3em .6em; text-transform: uppercase;font-weight: 800;margin-bottom: 1em;}
.home main section h1 a, .home main section h2 a {color: #222121;}
.home main section h1 a>.red, .home main section h2 a>.red {color: #d72000;}

#locations {background: url(/images/subtle_grunge_@2X.png) repeat 0 0; background-size: 400px 400px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.2); box-shadow: 0 0 4px 0 rgba(0,0,0,.2); padding: 4em 1em;}
#locations .wrap {overflow: visible;}
#locations li a { display: block; overflow: hidden; position: relative; background-color:#fff; border-radius: 2px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.2); box-shadow: 0 0 4px 0 rgba(0,0,0,.2); padding-top: 20%; float: left; text-align: center;}
        #locations li .brooklyn {background: url(/images/locations_brooklyn.jpg) no-repeat center top; background-size: cover;}
        #locations li .manhattan {background: url(/images/locations_manhattan.jpg) no-repeat center top; background-size: cover;}
        #locations li .long-island {background: url(/images/locations_long_island.jpg) no-repeat top right; background-size: cover;}
        #locations li .bronx {background: url(/images/location_bronx_address.webp) no-repeat top center; background-size: cover;}
        #locations li .new-jersey {background: url(/images/Location-NJ-2024-04.webp) no-repeat center top; background-size: cover;}
#locations li a .title {color: #000; -webkit-transition: ease all 200ms; transition: ease all 200ms; position: absolute; top: calc(100% - 3.6rem); left:0; width:100%; background: #fff; display: block; font-weight: 700; padding: 1em 0.25em;}
#locations li a:hover .title {bottom: auto; top: 0; background: #d72000; color:#fff}
        #locations li a:hover .title * {color:#fff}
#locations li a .info {position: absolute; top:100%; left:0; width: 100%; height: calc(100% - 3.6rem); background: rgba(0,0,0,0.85); text-align:center;}
#locations li a:hover .info {top:3.6rem}
#locations li a .info .center {position: absolute; top:50%; left:0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%)}
#locations li a .info .center p {color:#fff; font-size: 0.875em; line-height: 1.25rem}
#locations li a .info .center p>* {color:#fff}
#locations li a .info .center p:last-child {margin: 0}

#news {background: url(/images/subtle_grunge_@2X.png) repeat 0 0; background-size: 400px 400px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.2); box-shadow: 0 0 4px 0 rgba(0,0,0,.2); position: relative;}
#news>.wrap {padding: 4em 1em;}
.news {display: block; margin-bottom: 3em;}
.news article>a {display:block; line-height: 1.2em; margin-bottom: 1em; padding-left: 3.25em; padding-right: 2em; position: relative;}
.news article>a:before {content: "\2022"; position: absolute; left: 2.25rem; top: 0;}
.news article>a h3 {border-left: 0; color: #d72000; font-size: 1rem; font-weight: 600; margin-bottom: 0; padding: 0; text-transform:none;}
.news article>a time {color:#333; font-size: .875em; font-style: italic; font-weight: 400;}
.news article>a p {display: none;}
.news article>a:hover h3, .news article>a:hover time, .news article>a:hover:before {color: #cdc9c1;}

.home #content {float: left; min-height: 0; padding: 0 1em 1em; width: 100%;}
.home #content h1 span {color: #616161; display: block; font-size: 1.438rem; font-style: italic; font-weight: 400; line-height: 1.1em; margin-top: .75em; text-transform:none;}
.home #content .button {margin: 1.5rem 0.5em 0 0;}

/* CALLOUT ------------------------------ */
#callout {background: url(/images/callout_bkg.jpg) no-repeat center center / cover; padding: 4em 1em; text-align: center;}
#callout > .wrap {overflow: visible;}
#callout h2, #callout p, #callout em, #callout .phone {color: #000;}
#callout h2 {font-size: 1.875em; font-weight: 700; margin-bottom: .5em;line-height: 1.1em;}
#callout p {margin-bottom: 2em;}
#callout div>* {margin-right: 1em;}
#callout .button {background: #2D2C2C; border-radius: 2px; color: #fff; font-size:.9em;}
#callout .button:hover {background:#d72000;}
#callout .phone {display: inline-block; font-size: 1.125em; font-weight: 800;}
#callout .phone:before {margin-right: .25em;}
.deliveryCallout {text-align: center; background: #fff; padding: 0 1em 4em; color:#666}
.deliveryCallout .wrap {overflow: hidden}
.deliveryCallout h2 {font-size: 1.4em; color:#333; font-weight:600; margin-bottom: .25em;line-height: 1.1em;}
.deliveryCallout span {display: inline-block; position: relative; z-index:1; margin-bottom: 0.5em; font-weight: 700; color: #d72000; font-style: italic}
.deliveryCallout span:before {content: ""; border-top: 1px solid #CDC9C1; position: absolute; top: -1em; left:calc(100% + 1em); z-index:-1; width:100vw;}
.deliveryCallout span:after {content: ""; border-top: 1px solid #CDC9C1; position: absolute; top: -1em; right:calc(100% + 1em); z-index:-1; width:100vw;}
.deliveryCallout p {margin-bottom: 0; font-style: italic}


.gallery {overflow: hidden; margin: 2em 0}
.gallery.interior-gallery a {display: inline-block; -webkit-transition: none; transition: none; width: 24%; vertical-align: bottom; padding: 0 1em; text-align: center; vertical-align: baseline}
.gallery.interior-gallery a img {max-width: 100%; height: auto}

.simpleLightbox.gallery .featured img {max-width: 100%; height: auto;}
.simpleLightbox.gallery .thumbnails {float: left; width: 100%;}
.simpleLightbox.gallery .thumbnails a {display: block; float: left; margin-left:.8%; width: 16%;}
.simpleLightbox.gallery .thumbnails a:nth-child(6n+1) {clear: left; margin-left: 0;}
.simpleLightbox.gallery .thumbnails a img {max-width: 100%;
    max-height: 220px;
    height: auto;
    width: auto;}


#content .callout {display: block; border: 3px solid #DBDBDB; position: relative}


/* FOOTER ------------------------------ */
body>footer {border-top: 6px solid #CDC9C1; padding:5rem 1rem 2rem; color:#808080; font-size:.8125em; text-align:center;}
body>footer>.wrap{overflow:visible}
body>footer a{color:#fff}
body>footer a:hover, footer a:active{color: #808080;}
body>footer a.on, footer .on>a{text-decoration:none;color:var(--yellow)}
body>footer .translate-container {width: 100%; float: left; clear:both;}
.fatFooter{margin-bottom:4rem; overflow: auto}
.fatFooter>nav>ul ul li{padding-left: 1rem}
.locations {width: 100%;}
.locations h1, .locations strong {font-size: 1rem; font-weight: 800; text-transform: uppercase;display: block;line-height: 1.1em;}
footer .locations h1, footer .locations strong {color:#fff;margin-bottom: 1em;}
.locations p {color: #808080; font-size: .875rem; line-height: 1.4em; margin-bottom: .875em;}
.locations a:not(.tel) {color: #eb2300; text-decoration: underline;}
.locations a.tel {color: #808080;}

.disclaimer {float: left; line-height: 1.3; padding: 0 5%; margin-top: .5em; width: 100%;}

body>footer nav {display:inline}
body>footer .wrap nav a {margin-right: 5px;}
body>footer .wrap nav a:before {color:#fff; content:"\00A0\007C\00A0\00A0"; margin-right: 5px;}
body>footer .wrap nav a:first-child {margin-left: 5px;}
body>footer .wrap nav a:first-child:before {content:none;}
body>footer>div {min-height:18px}
#web-solutions-exposure {margin-top: 1em;}
#web-solutions-exposure a {margin-left: 8px; opacity:1}
/* #web-solutions-exposure a:hover {opacity:.5} */

footer #google_translate_element {background: rgba(50,50,50,1); border-radius: 0.25em; display: inline-block; font-size: 1em; position: relative; -webkit-transition:all ease-out 200ms; transition:all ease-out 200ms;}
footer #google_translate_element:hover {background: rgba(255,255,255,0.15)}
footer #google_translate_element img {display: none}
footer #google_translate_element .goog-te-gadget-simple > span {display: inline-block; line-height:1.875rem; color:#fff; vertical-align: middle}
footer #google_translate_element .goog-te-gadget-simple > span:before {content: ""; display: inline-block; vertical-align: middle; width: 1.875rem; height: 1.875rem; background:url(/images/icons/misc/google-translate@2x.png) no-repeat center / 1.875rem 1.875rem}
footer #google_translate_element .goog-te-gadget-simple a span {color:#fff; font-size: 0.875rem; margin-left:0.5em}
footer #google_translate_element .goog-te-gadget-simple a:after {content: '\f0d7'; font-family: FontAwesome; color: #d80815; margin-left:0.75em}
footer #google_translate_element .goog-te-gadget-simple a span {display: none}
footer #google_translate_element .goog-te-gadget-simple a span:first-child {display: inline-block}
footer #google_translate_element .goog-te-gadget-simple {border:0; background:none; padding:0.75em;}
footer #google_translate_element .goog-te-gadget-simple spam[style="border-left-width: 1px"] {display: none}
footer .translate-disclaimer {display: inline-block; margin:0.5rem 0 3.5rem; color:#808080; font-size: 0.875em;}
footer .translate-disclaimer:hover {color:#fff}
.goog-te-menu-frame {max-width:100% !important;}

footer .footer-callout {
font-size: 1rem;
    font-style: italic;
    text-align: center;
    padding-bottom: 2rem;
}

/* POPOVER ------------------------------ */
#popover {
        display: none;
        justify-content: center;
        align-content: center;
        align-items: center;
        background:rgba(0,0,0,.5);
        height: 100%;
        padding: 1em;
        position: fixed;
        left:50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width:100%;
        z-index: 1001;
}
#popover .container {max-width: 40em; position: relative}
#popover .container .close {
        color: #fff;
        cursor: pointer;
        font-size: 2.25em;
        line-height: 1.5em;
        height: 1.5em;
        position: absolute;
        right: 1rem;
        top: 0;
        text-align: right;
        transition: ease all 200ms;
        width: 1.5em;
        padding: 0;
        background: transparent;
}
#popover .container .close:hover {opacity: 0.5}
#popover .container .popover-wrap {
        background:#000;
        border-radius: 2px;
        box-shadow: 0 0 30px 15px rgba(255,255,255,.2);
        line-height: 1.3;
        max-width: 40em;
        padding: 3em;
        text-align: center;
}
#popover :is(h2, p){
        margin-bottom: 1.5rem;
}
#popover h2 {
        color:var(--yellow);
        font-size: 2.5rem;
        font-weight: 800;
        text-transform: uppercase;
}
#popover p:not(.email) {
        color:#fff;
        font-size: 1.75rem;
}
#popover p.email {
        color:var(--yellow);
        font-size: 1.375rem;
        margin-bottom: 2em;
}
#popover form {
        width: 100%;
}
#popover input {
        display: inline-block;
        font-size: 1.5rem;
        line-height: 1;
}
#popover input[type="text"] {
        border-radius: 2px 0 0 2px;
        padding: .6em 1.25em;
}
#popover input[type="submit"] {
        border-radius: 0 2px 2px 0;
        font-weight: 800;
        padding: .75em 1.25em;
}

/* APPS ------------------------------ */

/* Products */
#content .search-products form {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: stretch;-ms-flex-line-pack: stretch;align-content: stretch;}
#content .search-products form input,
#content .search-products form button {height: 2.1875rem; padding:0 0.5em}
#content .search-products form input {width:100%; margin:0 0.25rem 0 0}
#content .search-products form input[type="submit"] {width:auto; margin:0; padding:0 0.75em; line-height: 2.1875rem}

.topRequest {float: right; margin: 0 0 1em 1em;}

.categories {border-top: 1px solid #CDC9C1; float: left; margin-top: 2em; padding-top: 3em; width: 100%;}
.content .categories li {margin-top: 0; padding-left: 0;}
.content .categories li:before {content: none; display: none;}
.categories li a {color: #000; display: block; font-size: 1.0625em; font-weight: 700; text-align: center;}
.categories li a img {border: 1px solid #c2c2c2; border-radius: 2px; display: block; height: auto; margin-bottom: 1em; width: 100%;}
.categories li a:hover {color: #999; opacity: .75;}
.categories li a .logo {position: relative; margin-bottom: 1em; padding-bottom: 56%; border: 1px solid #c2c2c2; border-radius: 2px;}
.categories li a .logo img {max-width: calc(100% - 2rem); margin:0; width:auto; height:auto; border:0; border-radius: 0; max-height: calc(100% - 2rem); position:absolute; top:50%; left:50%; transform: translate(-50%, -50%)}

.calculator {border-top: 1px solid #CDC9C1; float:left; margin-top: 2em; padding-top: 3em; width:100%;}
.calculator p {margin-bottom: 1.5em;}
.calculator form {margin-bottom: 1.5em; width: 100%;}
.container {float: left; width: 100%;}
.calculator form .container div {background:#F9F9F9; border:1px solid #EAE9E5; border-radius: 2px; float:left; font-weight: 300; margin-bottom: 1.5em; padding: 1em;}
.calculator form .container div fieldset {
        border: 0;
        padding: 0;
        margin: 0;
}
.calculator form .container div fieldset legend {
        float: left;
        padding: 2px;
        vertical-align: middle;
        font-weight: 400;
}
.calculator form label {font-weight: 400;}
.calculator form .container input {margin: 0 5px 0 10px; width: 4.25em; -webkit-appearance:none;}
.calculator form select {margin: 0 5px; width: 8em; -webkit-appearance:none;}
.calculator form input[type="reset"] {margin-left: 5px;}

.answer {background:#F9F9F9; border:1px solid #EAE9E5; color: #3B3A3A; float: left; padding: 1em; width: 100%;}
.answer strong {color: #000; font-weight: 700;}

.filter {overflow: auto; margin: 2em 0 0;}
.filter form .container label {background:#F9F9F9; cursor: pointer; -webkit-transition: ease all 200ms; transition: ease all 200ms; border:1px solid #EAE9E5; border-radius: 2px; float:left; font-weight: 300; margin:0 0.5em 0.5em 0; padding: .5em 1em .5em .5em;}
.filter form .container label:hover {background:#ececec}
.filter form input[type="checkbox"] {font-size: 1em; height: 1em; width: 1em;}

.productList {float:left; margin: 1em 0 0; width: 100%;}
.productList h1 {background: var(--yellow); color: #000; font-size: 1rem; padding: 5px 8px;}
.content .productList li:first-child {margin: 0;}
.content .productList li a {color: #000;}
.content .productList li a:hover {color: #d72000;}

.productTiles>section {background-color:#F9F9F9; border:1px solid #EAE8E5; border-radius:0.5rem; margin-bottom: 1em; padding: 0 .75em;}
.productTiles>section>h2{cursor: pointer; }
.vendor-page main #content .productList .productTiles  h2 {background: none; font-size:1rem; font-weight: 700; margin-bottom:0; position:relative;}
.vendor-page main #content .productList .productTiles h2:before {content: "+"; color: #d72000; left: 0; position: absolute; top: -1px;}
.vendor-page main #content .productList .productTiles section.open h2:before {content: "-";}
.vendor-page main #content .productList .productTiles ul {background:none; padding: 0 0 0 .75em;}
.vendor-page main #content .productList .productTiles ul li {padding-left: .5em;}
.content .productList .productTiles section .inner {display: none;}
.content .productList .productTiles section.open .inner {display:block; margin-bottom: 1em;}
.content .productList .productTiles ul li:before {content: none;}
.content .productList .productTiles ul li a {margin-bottom:1em; padding-left: .5em; position: relative;}
.content .productList .productTiles ul li a:before {content: "\203a"; color: #d72000; left: 0; position: absolute; top: -5px;}
li.selected {background-color: var(--yellow);}
.productList .productTiles section .button {border-radius: 0.3125rem;display: block;font-weight: 700;font-size: 0.9375rem;margin-top: 1em;text-align: center;padding: 0.875rem 1.25em;}
.button.manufacturer {background-color:#CDC9C1; color: #000;}
.button.manufacturer:after {content: ""; background: url(/images/icons/external-link.svg) no-repeat 0 0 / contain; display: inline-block; height: 1em; margin-left:.25em; width: 1em;}

#callouts-and-value-points {clear:both; padding:3.125rem 0; width: 100%}
#callouts-and-value-points .value-points {line-height:1.25em; border-top:1px solid #D9D6D0; border-bottom:1px solid #D9D6D0; position: relative; padding-top: 2.4375rem; padding-bottom:2.4375rem}
#callouts-and-value-points .value-points div {font-weight: 700;font-size: 1.25rem;color: #2D2C2C;text-align: center;}
#callouts-and-value-points .value-points div:first-child:before {content:""; padding-left: 1.25rem; margin-right:0.5rem; background: url(/images/callouts/on-time.svg) no-repeat center / contain}
#callouts-and-value-points .value-points div:nth-child(2):before {content:""; padding-left: 1.5625rem; margin-right:0.5rem; background: url(/images/callouts/one-stop.svg) no-repeat center / contain}
#callouts-and-value-points .value-points div:nth-child(3):before {content:""; padding-left: 1.5625rem; margin-right:0.5rem; background: url(/images/callouts/expert-staff.svg) no-repeat center / contain}
#callouts-and-value-points .value-points div:nth-child(4):before {content:""; padding-left: 1.1875rem; margin-right:0.5rem; background: url(/images/callouts/trust.svg) no-repeat center / contain}
#callouts-and-value-points .value-points em {display: block;  font-weight: 700; font-style: italic; font-size: 1rem; color: #D72000; text-align: center; position:absolute; bottom:0; left:50%; background:#fff; padding: 0 1rem; transform: translate(-50%, 50%)}
#callouts-and-value-points .callouts > div {text-align:center; padding: 2.9375rem 1rem; font-weight: 400;font-size: 1rem;color: #000000;line-height: 1.5625rem;}
        #callouts-and-value-points .callouts > .quote {background: url(/images/callouts/quote-bg.jpg) no-repeat center / cover}
        #callouts-and-value-points .callouts > .line-card {background: url(/images/callouts/line-card-bg.jpg) no-repeat center / cover}
#callouts-and-value-points .callouts h2 {font-weight: 700;font-size: 1.875rem;color: #000000;margin-bottom:1rem;}
#callouts-and-value-points .callouts p {margin-bottom:1.25rem}
#callouts-and-value-points .callouts .button {font-size:0.9375rem; padding:.75em 1.25em; background:#2D2C2C}
#callouts-and-value-points .callouts .button:hover {background:#D72000;color:#fff}
#callouts-and-value-points .callouts a[href^="tel:"] {font-weight: 900; font-size: 1.125rem; color: #D72000;}
#callouts-and-value-points .callouts a[href^="tel:"]:before {content:""; padding-left: 1em; margin-right:0.25em; background: url(/images/callouts/phone.svg) no-repeat center}

.vendor-page main .breadcrumb,
.vendor-page main .breadcrumb a {margin:0; font-weight: 400;font-size: 0.6875rem;color: #4A4A4A;text-align: left;}
.vendor-page main .breadcrumb a:after {content:"\00A0\00A0\203A\00A0\00A0"}
.vendor-page main .breadcrumb a:hover {color:#d72000}
.vendor-page main #top {padding-top: 1.625rem}
.vendor-page main #top .vendor-header {padding-bottom:1.5rem; border-bottom: 1px solid #CDC9C1; margin-bottom:1rem;}
.vendor-page main #top .vendor-header .vendor-logo {width: 9.375rem; height: 4.5rem; position: relative; overflow: hidden;}
.vendor-page main #top .vendor-header .vendor-logo img {max-width: 100%; height:auto; position:absolute; top: 50%; left:0; transform: translateY(-50%)}
.vendor-page main #top .vendor-header h1 {margin:0}
.vendor-page main #top .vendor-header .button {border-radius: 0.3125rem;font-weight: 700;font-size: 0.9375rem;text-align: center;padding: 0.875rem 1.25em;display: inline-block}
.vendor-page main #top .scroll-links {padding-bottom:1rem; border-bottom: 1px solid #CDC9C1; margin-bottom:2rem;}
.vendor-page main #top .scroll-links a {font-weight: 700; display: inline-block; padding: 0 0.75em; font-size: 1rem;color: #000000;}
.vendor-page main #top .scroll-links a:after {content:""; padding-left: 1rem; background: url(/images/vendor-page/scroll-arrow.svg) no-repeat 100% 0.5625rem}
.vendor-page main #top .scroll-links a:hover {color:#d72000}
.vendor-page main #content .intro {font-weight: 500;font-size: 1.0625rem;color: #1A1A1A;line-height: 1.6875rem;}
.vendor-page main #content .intro a {font-weight: 700; color:#000; text-decoration: underline; text-decoration-color: #d72000;}
.vendor-page main #content .intro a:hover {color:#d72000}
.vendor-page main #content .productList h2 {background:vAR(--YELLOW); margin:0; font-weight: 900;font-size: 1rem;color: #000000;text-align: left;line-height: 2rem; padding:0 1rem;}
.vendor-page main #content .productList ul {background: #F9F9F9; padding: 1rem 1rem 1.5rem}
.vendor-page main #content .productList ul li {margin:0; display: inline-block; width: 100%}
.vendor-page .yellow-title {background: var(--yellow); color: #000; font-size: 1rem; padding: 0.4375rem 1rem; line-height: 1em; margin-top: 2.875rem}
.vendor-page .vendor-scroll-links {margin-bottom:1.3125rem; padding-bottom:1rem; border-bottom:1px solid #D6D2CF; 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: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.vendor-page .vendor-scroll-links a {display: inline-block; width: 2.9375rem; line-height: 2.9375rem; margin:0 5px 5px 0; text-align:center; font-size: 1rem; font-weight: 700; color:var(--dark-grey); background:var(--light-grey); border-radius: 3px;}
.vendor-page .vendor-scroll-links a:hover {background: var(--grey); color:#fff}
.vendor-page .vendor-scroll-links a:not([href]) {background: #fff; color:#D5D2CE; pointer-events: none;}
.vendor-page .vendor-block {padding: 1rem; position:relative; border-radius:3px; background: var(--light-grey); margin-bottom: 0.875rem;}
.vendor-page .vendor-block .title {font-size: 1rem; margin:0; font-weight:700; color:var(--dark-grey)}
        .vendor-page.single-vendor .vendor-block .title {font-size: 1.125rem;}
.vendor-page .vendor-block .vendor-links {font-size:0.875rem; margin:0;}
.vendor-page .vendor-block .vendor-links li {display: inline-block;}
.vendor-page .vendor-block .vendor-links li + li {margin-left: 1em; padding-left:1em; border-left: 1px solid #B8B8B8}
.vendor-page .vendor-block .vendor-links .external {color:#575757;}
.vendor-page .vendor-block .vendor-links .external:hover {color:#a9a9a9;}
.vendor-page .vendor-block .vendor-links .external:after {content:""; padding-left: 1em; margin-left:0.25em; background: url(/images/external-link.svg) no-repeat center}
.vendor-page .vendor-block .product-links {margin:1rem 0 0}
.vendor-page .vendor-block .product-links li {position: relative; width:100%; display: inline-block; margin-bottom: 0.5rem; line-height: 1.25em; padding: 0}
.vendor-page .vendor-block .product-links li a {display: block; position:relative; color:var(--dark-grey); padding:0.3em 0.3em 0.3em 2em}
.vendor-page .vendor-block .product-links li a:before {content:""; width:1em; height:1em; position:absolute; top:0.4375rem; left:0.75rem; background: url(/images/red-bullet.svg) no-repeat center}
.vendor-page .vendor-block .product-links li a:hover {color:var(--red)}
.vendor-page .vendor-block .product-links li.highlighted a {background: var(--yellow)}
.vendor-page.single-vendor #top .anchored .external {color:#575757; font-size:0.875rem}
.vendor-page.single-vendor #top .anchored .external:hover {color:#a9a9a9;}
.vendor-page.single-vendor #top .anchored .external:after {content:""; padding-left: 1em; margin-left:0.25em; background: url(/images/external-link.svg) no-repeat center}
.vendor-page.single-vendor #top .anchored .external + a {margin-left:1rem}

.vendor-page main .ribbon {width:100%; clear:both}
.vendor-page main .ribbon:nth-of-type(odd) {background:#F9F9F9}
.vendor-page main .ribbon h2 {font-weight: 700;margin-bottom:1em; font-size: 1.75rem;color: #121C28;}
.vendor-page main .ribbon h2:before {content: ''; padding-left: 1.929em}
        .vendor-page main #videos h2:before {background: url(/images/vendor-page/play-circle.svg) no-repeat center}
        .vendor-page main #product-news h2:before {background: url(/images/vendor-page/newspaper.svg) no-repeat center}
        .vendor-page main #blog h2:before {background: url(/images/vendor-page/rss.svg) no-repeat center}
        .vendor-page main #resources h2:before {background: url(/images/vendor-page/file.svg) no-repeat center}
        .vendor-page main #ceiling-tile-calculator h2:before {background: url(/images/vendor-page/calculator-alt.svg) no-repeat center}
        .vendor-page main #related-products h2:before {background: url(/images/vendor-page/cubes.svg) no-repeat center}
.vendor-page main .ribbon h2:after {content: '';border-top: 1px solid #CDC9C1;display: inline-block;width: 100vw;vertical-align: middle;margin-right: calc(-100vw - 1rem);margin-left: 1rem;}
.vendor-page main .ribbon .anchored a {font-weight: 600; padding: 0 1em; font-size: 0.8125rem; background:#fff}
.vendor-page main .ribbon:nth-of-type(odd) .anchored a {background:#F9F9F9}
.vendor-page main .wrap .flex-3 {margin:0; text-align: center;}
.vendor-page main .wrap .flex-3 li {margin-bottom: 2em;}
.vendor-page main .wrap .flex-3 li a {font-weight: 700; display: block; font-size: 1rem;color: #2D2C2C;line-height: 1.25rem;}
.vendor-page main .wrap .flex-3 li a:after {display: none}
.vendor-page main .wrap .flex-3 li a:hover {color: #999; opacity: .75;}
.vendor-page main .wrap .flex-3 li a img {max-width: 100%; width:100%; height:auto; margin-bottom:0.5rem; border: 1px solid #C2C2C2; border-radius: 2px;}
.vendor-page main .wrap .flex-3 li .date {display: block; margin-top:0.5em; font-style:italic; font-size: 0.875rem; color: #4A4A4A; line-height: 1.25rem;}
.vendor-page main .wrap .calculator {padding:0; margin:0; border:0}
.vendor-page main .wrap .calculator .container {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: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.vendor-page main .wrap .calculator .container div {padding:0.5em 0.75em; margin-right: 2%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.vendor-page main .wrap .calculator .container div:last-child {margin-right:0}
.vendor-page main .wrap .calculator .container legend {padding:0}
.vendor-page main .wrap .calculator .container input {height: 2rem; width:3.4rem; padding:0; text-align:center; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.vendor-page main #videos .video-preview {position:relative; padding-bottom:56.25%; background-size: cover; background-position:center; margin-bottom:0.5rem; border: 1px solid #C2C2C2; border-radius: 2px;}
.vendor-page main #videos .video-preview:before {content:""; transition:ease all 200ms; display: block; position: absolute; top:0; left:0; width:100%; height: 100%; opacity: .5; background: url(/images/video-play.png) no-repeat center / 25%;}
.vendor-page main #videos li a:hover,
.vendor-page main #videos li a:hover .video-preview:before {color:#000; opacity:1}

#content #resources .resource-links {margin-top: 2em; 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: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
#content #resources .resource-links li {padding:0}
#content #resources .resource-links li:before {display: none}
#content #resources .resource-links li a {font-weight: 700; text-align:center; padding:1.5em 1em; color: #121C28;  display: block; height:100%; background: #F5F4F4; border: 1px solid #CDC9C1; border-radius: 3px;}
#content #resources .resource-links li a:before {content:""; margin-bottom:0.75rem; display: block; height:2.375rem}
#content #resources .resource-links li a:hover {background:#fff; border-color: #eb2300;}
        #content #resources .resource-links li a.resource-credit-app:before {background: url(/images/resource-link-credit-app.svg) no-repeat center}
        #content #resources .resource-links li a.resource-tax-forms:before {background: url(/images/resource-link-tax-forms.svg) no-repeat center}
        #content #resources .resource-links li a.resource-line-cards:before {background: url(/images/resource-link-line-cards.svg) no-repeat center}
        #content #resources .resource-links li a.resource-video-gallery:before {background: url(/images/resource-link-video-gallery.svg) no-repeat center}
        #content #resources .resource-links li a.resource-photo-gallery:before {background: url(/images/resource-link-photo-gallery.svg) no-repeat center}
        #content #resources .resource-links li a.resource-news:before {background: url(/images/resource-link-news.svg) no-repeat center}
        #content #resources .resource-links li a.resource-blog:before {background: url(/images/resource-link-blog.svg) no-repeat center}
        #content #resources .resource-links li a.resource-faqs:before {background: url(/images/resource-link-faqs.svg) no-repeat center}
        #content #resources .resource-links li a.resource-pay-bill:before {background: url(/images/resource-link-pay-bill.svg) no-repeat center}
        #content #resources .resource-links li a.resource-careers:before {background: url(/images/resource-link-careers.svg) no-repeat center}

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

/* page header */
#photoHeader {border-bottom: 3px solid #CDC9C1; background-position: center; background-size: cover; background-repeat: no-repeat; height:auto; padding-bottom: 16%; width: 100%;}

/* ALERT */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#d72000;padding-left: 1rem;padding-right: 1rem}
#alertApp #alertTitle{margin-bottom:0;padding:5px;color:#fff;text-align:center;}
#alertTitle span{float:right; opacity:.5}
#alertApp:hover #alertTitle span{opacity:1}
#alertTitle a{color:#fff;text-decoration:underline}
#alertDesc{overflow:hidden}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:250px;}
#alertDesc p{color: rgba(255,255,255,.8);text-align: center}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover { background:#660000;}

fieldset.contact-form-fieldset {
        border: 0;
        padding: 0;
        margin: 0;
}
.contact-form-fieldset legend {
        font-weight: 700;
        margin-bottom: 1rem;
        padding: 0;
}
.contact-form-fieldset label {
        display: block;
        width: 100%;
        padding: 0 .5em .5em 0;
}
/* driving directions */
#saddr {width:80% !important; height: 2rem; padding: 0 1em}
#dd1 [type="submit"],
#dd2 [type="submit"],
#dd3 [type="submit"],
#dd4 [type="submit"] {width: 3rem; text-align: center; border: 1px solid transparent; line-height: 2rem; padding:0; height: 2rem}

/* logo list */
#product-logos {margin: 2em 0;}
#product-logos .title {font-weight:700; display: block}
#product-logos img {display: inline-block; vertical-align: middle; margin: 0 3em 0 0; max-width:6em; height: auto}

#content .search-results h1 {color:#000}
#content .search-results h1 span {display: block; font-size: 0.875rem; font-weight: 400; line-height: 1.5em; font-style:italic; color:#666;}
#content .search-results .search-again form {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: stretch;-ms-flex-line-pack: stretch;align-content: stretch;}
#content .search-results .search-again form input,
#content .search-results .search-again form button {height: 2.1875rem; padding:0 0.5em}
#content .search-results .search-again form input {width:100%; margin:0 0.25rem 0 0}
#content .search-results .search-again form input[type="submit"] {width:auto; margin:0; padding:0 0.75em; line-height: 2.1875rem}
#content .search-results .search-results-container .toggles button {background:#f09b8b;}
#content .search-results .search-results-container .toggles button:hover {background:#ae1a00; color: #fff}
#content .search-results .search-results-container .toggles button.on {background:#d72000; color:#fff}
#content .search-results .search-results-container .results-container > * {width:100%}
#content .search-results .search-results-container ul li {padding:0; margin:0 0 0.5em}
#content .search-results .search-results-container ul li:before {display: none}
#content .search-results .search-results-container ul li a {display: block; font-size:1.2em; font-weight:700; color:#000; padding:1em; border: 1px solid #ececec}
#content .search-results .search-results-container ul li a:hover {border-color:#d72000}
#content .search-results .search-results-container ul li a:hover h2,
#content .search-results .search-results-container ul li a:hover p * {color:#d72000}
#content .search-results .search-results-container ul li a h2 {margin-bottom:0.25rem; font-size: 1rem}
#content .search-results .search-results-container ul li a h2:after {content:""; padding-left: 0.3125rem; margin-left:0.5rem; background: url(/images/red-arrow.svg) no-repeat center right}
#content .search-results .search-results-container ul li a p {color:#666; font-weight:400; font-size:0.875rem; line-height:1.35em; margin:0}
#content .search-results .search-results-container ul li a p br {display: none}
#content .search-results .pagination {text-align: center; margin-top:2em; font-size:1em;}



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

/* Simple Lightbox ------------------------------ */

body.hidden-scroll {overflow: hidden;}
.sl-overlay {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: 0.9;display: none;z-index: 1006;}
.sl-wrapper {z-index: 1000;}
.sl-wrapper button {border: 0 none; color:#fff; background: transparent;font-size: 2em;padding: 0;cursor: pointer;}
.sl-wrapper button:hover {opacity: 0.7;}
.sl-wrapper .sl-close {display: none;position: fixed;right: 30px;top: 30px;z-index: 1015;}
        .management .sl-wrapper .sl-close {top: 60px;}
        .management2 .sl-wrapper .sl-close {top: 100px;}
.sl-wrapper .sl-counter {display: none !important}
.sl-wrapper .sl-navigation {width: 100%;display: none;}
.sl-wrapper .sl-navigation button {position: fixed;top: 50%;margin-top: -10px;height: 30px;width: 30px;line-height: 30px;text-align: center;display: block;z-index: 1015;font-family: arial sans-serif;}
.sl-wrapper .sl-navigation button.sl-next {right: 40px;}
.sl-wrapper .sl-navigation button.sl-prev {left: 40px;}
.sl-wrapper .sl-image {position: fixed;-ms-touch-action: none;touch-action: none;z-index: 10000;}
.sl-wrapper .sl-image img {margin: 0;padding: 0;display: block;}
.sl-wrapper .sl-image iframe {border: 0 none;background: #000;}
.sl-wrapper .sl-image .sl-caption {display: none;padding: 10px;color: #fff;background: #000;opacity: 0.8;position: absolute;bottom: 0;left: 0;right: 0;}
.sl-wrapper .sl-image .sl-caption.pos-top {bottom: auto;top: 0;}
.sl-wrapper .sl-image .sl-caption.pos-outside {bottom: auto;}
.sl-wrapper .sl-image .sl-download {display: none;position: absolute;bottom: 5px;right: 5px;color: #fff;z-index: 1005;}
.sl-spinner {display: none;border: 5px solid #333;border-radius: 40px;height: 40px;left: 50%;margin: -20px 0 0 -20px;opacity: 0;position: fixed;top: 50%;width: 40px;z-index: 1007;-webkit-animation: pulsate 1s ease-out infinite;animation: pulsate 1s ease-out infinite;}
.sl-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}
@-webkit-keyframes pulsate {0% {-webkit-transform: scale(0.1);transform: scale(0.1);opacity: 0.0;}50% {opacity: 1;}100% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0;}}
@keyframes pulsate {0% {-webkit-transform: scale(0.1);transform: scale(0.1);opacity: 0.0;}50% {opacity: 1;}100% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0;}}


/* RESPONSIVE ------------------------------ */

@media screen and (max-width:1200px) {
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 1.5dppx) {
}


/* 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{-webkit-transition: background-color 200ms ease;transition: background-color 200ms 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; }

@import url(/includes/css/grid-flex.css);