@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
* {margin:0;padding:0;border:0;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box}
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 {empty-cells:show;vertical-align:top;text-align:left}
body {background:#414042;}
/*page widths*/
body>header, body>main, body>nav, #contentWrap, body>footer, #alertApp, #welcome, #homeBanner, #productsBanner, #industriesBanner {width:100%; float:left; clear:left; padding:0 10px}
body>main, #welcome, #homeBanner, #productsBanner, #industriesBanner {padding: 0;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>*, .wrap {width:1200px; margin-left:auto; margin-right:auto; position:relative; overflow:auto}
#welcome .wrap, #homeBanner .wrap, #productsBanner .wrap, #industriesBanner .wrap {overflow: visible;}

/* text */
body, .text, input, button{font-family:"proxima-nova", Arial, Helvetica, sans-serif; font-size:14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: greyscale; line-height:1.5em; color:#333; font-weight:300;}
a, a *{color:#a31128; text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#ccc}
p,h1,h2,h3,h4,hr,#content ul,.contentEditor ul,blockquote,dd,ol{margin-bottom:1em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:1.75em;}
em, i, q, cite, .italic{font-style: italic}
b, strong{font-weight:700}
u { text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}
p{font-size:1em}
h1, #content article.blog>h1 {margin-bottom:2.25em; font-size:1.44em; color:#001e60; text-transform:uppercase;}
#content section{margin:2em 0}
h1+h2{margin-top:-1em}
h2, #content * h1{font-size:1.14em; color:#000;}
h3{font-size:1.14em; color:#7b0808;}
h4, th{font-size:1.14em; color:#001e60}
h5 {font-size:1em; color:#7b0808;}
h6 {font-size:1em; color:#001e60;}
h7, h8, h9{font-size:1.1em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}foot
sub {top:.5ex}
/* level1 list */
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(../images/icons/16x16/bullet.png) no-repeat 18px 2px;background-size: 16px 16px;margin-top:.6em;padding-left:38px}
#content ol, #content_home ol, .contentEditor ol{margin-left:35px}
/* level2 list */
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background:url(/images/icons/16x16/bullet2.png) no-repeat 5px 0;padding-left:25px;font-size:.92em;line-height:1.4em; margin-top:.3em;}
/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}
.twoCol {
-webkit-columns:2;
        columns:2;
-webkit-column-gap:40px;
        column-gap:40px;
}


#content .flex {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 3.25em;
}

#content .flex h1 {
  margin: 0;
}

#content .flex .button {
	font-size: 1.1em;
	padding: .5em 1em;
}


/* forms */
input, button{font-size:.9em}
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"]{border-radius:0;-webkit-appearance:none}
input[type="radio"],input[type="checkbox"]{border:1px solid #999;}
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 #999;background:#efefef;padding:3px 5px;-webkit-box-shadow:inset 0px 2px 4px 0px rgba(0, 0, 0, .25);box-shadow:inset 0px 2px 4px 0px rgba(0, 0, 0, .25)}
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{background-color:#ffc}
select{padding:0}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background:url(/images/icons/16x16/select.png) no-repeat right center;padding:3px 16px 3px 5px}
	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"]{background:#001e60;border:3px;border-radius:3px;color:#fff;border:0;padding:.4em .6em;line-height:1em;cursor:pointer}
input::-moz-focus-inner {border:0;padding:0;}
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{background-color:#a31128;color:#fff}
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 td{width:50%}
.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 td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.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 td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}
.subjClass{display:none}
#Captcha label{padding-left:0}

/* HEADER */
body>header{height:94px;margin:0 auto;width:100%;background:#fff}
body>header>.wrap{height:94px}
#brand {height:50px;width:303px;position:absolute;left:0;top:22px;background:url(/images/safe-t-tank.png) no-repeat 0 center;background-size:303px 50px;display:block}
body>header #contact {position: absolute; right: 15px; top: 15px;}
body>header #contact > * {display: inline-block; vertical-align: middle; font-size: 1.25em; line-height: 1.5em; color: #999;}
body>header #contact span + span {background:url(../images/navigation/t1_pipe.png) no-repeat 0 5px; padding-left: .75em; margin-left: .3em;}
body>header #contact a {color: #999;}
body>header #contact a:hover {color: #a31128;}

body>header #contact .facebook {background:url(/images/icons/facebook_grey.png) no-repeat 0 center / 24px 24px; width: 24px; height: 24px; opacity: 1; margin-left: .3em;}
body>header #contact .facebook:hover {opacity: .5;}

/* ancillary */

/*MAIN NAV*/
body>nav{overflow:visible;}
body>nav ul{max-width:1200px; min-width:750px; margin:-45px auto 0; text-align:right; overflow:visible}
body>nav li{display:inline-block;position:relative; background:url(../images/navigation/t1_pipe.png) no-repeat 0 .9em; padding:0 4px 0 7px;}
body>nav li:first-child {background:none;}
body>nav a {color:#000; line-height:44px; font-size:1.2em; font-weight:400; text-transform:uppercase; padding:0 13px; display:inline-block; text-decoration:none; -webkit-text-size-adjust:none;
	border-radius: 3px 3px 0px 0px;
	}
body>nav>ul>li:hover>a, body>nav>ul>li:active>a{color:#fff;
	background: rgb(38,64,121); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(38,64,121,1)),to(rgba(0,30,96,1)));
	background: linear-gradient(to bottom,  rgba(38,64,121,1) 0%,rgba(0,30,96,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#264079', endColorstr='#001e60',GradientType=0 ); /* IE6-9 */
	}
body>nav>ul>li.on>a{color:#fff;
	background: rgb(149,56,56); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(149,56,56,1)),to(rgba(123,8,8,1)));
	background: linear-gradient(to bottom,  rgba(149,56,56,1) 0%,rgba(123,8,8,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#953838', endColorstr='#7b0808',GradientType=0 ); /* IE6-9 */
	}
/*dhtml*/
body>nav li ul {z-index:10; background: #fff; border: 1px solid #e5e5e5; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, .15); box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, .15); width:230px; padding:1em; position:absolute; overflow:auto; height:auto; margin:1px 0 0; max-width:none; min-width:1px;}
body>nav>ul>li:last-child ul{right:0}
body>nav li ul li{width:100%; display:block; float:left; padding:0; background:none;}
body>nav ul li ul li a{background:none; color:333; border-radius:3px; font-size:1em; line-height:1.2em; text-transform:none; padding:.5em 1em; display:block; width:100%; text-align:left; float:left;}
body>nav li ul li a:hover, .t1 li ul li a:active {color:#fff; background:rgba(0,30,96,1);}

/* CONTENT WRAP */
#contentWrap, .mceContentBody{background:#fff url(/images/interior_bkg.png) repeat-x 0 0;}
#contentWrap>.wrap{padding-top:4.1em}
#home #contentWrap, .mceContentBody{background:#fff url(/images/home_bkg.png) repeat-x 0 0;}
#home #contentWrap>.wrap{padding-top:0}
.contentEditor{background:#fff}
/* side column */
#contentWrap>div>aside{position:absolute;left:0;top:6.2em; padding-left:5px; width:227px;overflow:hidden;font-size:13px;line-height:1.3em}
/* t1 */
#contentWrap>div>aside nav{width:220px; overflow:visible; margin:0 0 40px; border:1px solid #f0f0f0; background:#F0F0F0;
	-webkit-box-shadow:  0px 4px 8px 2px rgba(0, 0, 0, .15);
	        box-shadow:  0px 4px 8px 2px rgba(0, 0, 0, .15);
	}
#contentWrap>div>aside nav li{overflow:hidden}
#contentWrap>div>aside nav li a {padding:.7em 20px; font-size:1em; line-height:1em; font-weight:400; text-transform:uppercase; display:block}
#contentWrap>div>aside nav li a:hover, #contentWrap>div>aside nav li a:active{background:#ddd}
#contentWrap>div>aside nav li.on>a{color:#fff; font-size:1.14em;
	background: rgb(38,64,121); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(38,64,121,1)),to(rgba(0,30,96,1)));
	background: linear-gradient(to bottom,  rgba(38,64,121,1) 0%,rgba(0,30,96,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#264079', endColorstr='#001e60',GradientType=0 ); /* IE6-9 */
	}
/* t2 */
#contentWrap>div>aside nav li.on ul{border-top:1px solid #f0f0f0;}
#contentWrap>div>aside nav li.on ul li{border-bottom:1px solid #f0f0f0;}
#contentWrap>div>aside nav li.on ul li a{background:#fff; color: #333; font-size:1em; padding:.7em 20px; text-transform: none;}
#contentWrap>div>aside nav li ul li a:hover, #contentWrap>div>aside nav li ul li a:active{color:#fff; background:#314b84}
#contentWrap>div>aside nav li ul li.on{background:#ccc}
#contentWrap>div>aside nav li ul li.on>a{color:#fff;
	background: rgb(149,56,56); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(149,56,56,1)),to(rgba(123,8,8,1)));
	background: linear-gradient(to bottom,  rgba(149,56,56,1) 0%,rgba(123,8,8,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#953838', endColorstr='#7b0808',GradientType=0 ); /* IE6-9 */
	}
/* t3 */
#contentWrap>div>aside nav li ul li.on ul{padding-bottom:0;border:0}
#contentWrap>div>aside nav li ul li.on ul li{border:0; background:#f0f0f0;}
#contentWrap>div>aside nav li ul li.on ul li a{padding:.5em 20px .5em 36px; font-size:.85em; color:#000; text-transform:none; background:none;}
#contentWrap>div>aside nav li ul li ul li a:hover, #contentWrap>div>aside nav li ul li ul li a:active{background:#a31128; color:#fff;}
#contentWrap>div>aside nav li ul li ul li.on>a{background:#fff; color:#001e60; -webkit-filter:none; filter:none;}

/* t4 */
#contentWrap>div>aside nav li ul li ul li.on ul li a{padding-left:50px; font-size:.8em; color:#333; background:#fff;}
#contentWrap>div>aside nav li ul li ul li ul li a:hover, #contentWrap>div>aside nav li ul li ul li a:active{color:#a31128; background:#ddd;}
#contentWrap>div>aside nav li ul li ul li ul li.on>a{color:#000; background:#eee; -webkit-filter:none; filter:none;}

/*section callouts*/
#contentWrap>div>aside nav + section:first-child {margin-top:0;}
#contentWrap>div>aside section {margin:0; padding:10px 15px; width:100%; height:114px; margin-bottom:15px; background:url(/images/callout_bkg.png) no-repeat 0 0;}
#contentWrap>div>aside section h1{margin:0 0 10px 0; font-size:1em; text-transform:none; color:#ac172e; font-weight:700;}
#contentWrap>div>aside section p{margin:0 0 10px 0}
#contentWrap>div>aside .button {font-weight:300; font-size:.8em; margin-top:1em;}

#contentWrap>div>aside .madeInAmerica {background:url(/images/made_in_america.png) no-repeat 0 0; height:97px; display:block; font-weight:700; padding:16px 15px 0 15px;}

/* content */
#home #content{float:left;width:100%;padding:0;overflow:hidden; word-wrap:break-word}
#content{float:left;width:100%;padding:0 40px 50px 270px;overflow:hidden; min-height:800px;word-wrap:break-word}
#content .photoright img, #content .photoleft img {max-width:100%;height:auto; border:1px solid #fff; margin-bottom:.3em;
	-webkit-box-shadow:  0px 4px 8px 2px rgba(0, 0, 0, .15);
	        box-shadow:  0px 4px 8px 2px rgba(0, 0, 0, .15);
	}
#content img.phototreatment {max-width:50%;height:auto}
#content figcaption {font-size:.78em; font-weight:400; text-align:center;}

img.photoTreatment,img.photoRight,img.photoLeft,.photoRight img,.photoLeft img {}
.photoright, .photoleft {max-width:50%; height:auto;}
.photoright{float:right;margin:0 0 2em 1em;clear:right}
.photoleft{float:left;margin:0 2em 1em 0;clear:left}

.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight{background:url(/images/highlight_bkg.gif) repeat 0 0; padding:1.9em; margin:1.75em 0; border:1px solid #e5e5e5; border-radius:5px;}
#content * h1{font-size:1.2em;margin-bottom:1em}
small, .textSm{font-size:.8em}
#content table, .contentEditor table{width:100%}

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

.red {color:#ac172e;}

.callouts {width:348px; height:315px; float:left; background:#fff; padding-left:10px;}
#home .callouts section {width:328px; height:145px; display:block; font-weight:400; margin-bottom:0px; font-size:1.35em;}
#home .callouts .blueButton {font-size:.72em; font-weight:400; text-transform:uppercase; padding:.5em .8em;}
#home .callouts h1 {text-transform:none; font-size:1em; margin-bottom:.5em; color:#AC172E}
#home .madeInAmerica {background:url(/images/home/made_in_america.png) no-repeat 0 0; padding:27px 40px 0 20px; margin-top:0;}
#home .requestAQuote {background:url(/images/home/request_a_quote.png) no-repeat 0 0; padding:20px 40px 0 20px; margin-top:12px;}
#home .requestAQuote p {font-size:.85em; line-height:1.1em; margin-bottom:1em;}

#home .bottom {float:left; margin:20px 0 30px; padding:0 10px; background:url(/images/home/bottom_bkg.png) repeat-y 0 0;}
#home .bottom section {float:left; padding:0; margin:0;}
#home .bottom section h1 {font-weight:400; font-size:1.35em; color:#001e60;}
#home .bottom section img {margin-bottom:10px; border:1px solid #fff;
	-webkit-box-shadow:  0px 4px 8px 2px rgba(0, 0, 0, .15);
	        box-shadow:  0px 4px 8px 2px rgba(0, 0, 0, .15);
	}
#home .bottom section p {margin-bottom:24px;}
#home .bottom>section {width:260px; margin:20px 80px 30px 0px;}
#home .bottom>section + section {width:260px; margin-right:55px;}
#home .bottom>section + section + section {width:320px; margin-right:0}

main {
    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: start;
    align-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}
#welcome {background: url(/images/bkg_flag.jpg) no-repeat left top / cover; border-bottom: 1px solid #fff; padding: 5.75em 0;
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
#welcome .wrap {float:right; padding-right: 5%; width: 50%;}
#welcome h1 {font-size: 1.71em; font-weight: 400; margin-bottom: 1em;}
#welcome p {font-size: 1.14em;}
#welcome p .redButton {display: inline-block; font-size: .78rem; margin-top: .75em;}

#homeBanner img {float: left; height: auto; width: 100%;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
#productsBanner {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+10,ffffff+100&1+10,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(255,255,255,1)),to(rgba(255,255,255,0))) no-repeat 0 0 / 100% 100%, #fff url(/images/bkg_boxes.png) repeat center top / 50px 50px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%) no-repeat 0 0 / 100% 100%, #fff url(/images/bkg_boxes.png) repeat center top / 50px 50px; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 4em 0 5em;
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
#productsBanner h2 {border-bottom: 1px solid rgba(0,30,96,.2); color: #001e60; font-size: 2.2em; font-weight: 400; margin-bottom: 2em; padding-bottom: 1em; text-align: center;}
#productsBanner section {float: left; text-align: center; width: 50%;}
#productsBanner h3 {color: #001e60; font-size: 1.4285em; font-weight: 400; text-transform: uppercase;}
#productsBanner p {font-size: 1.14em; line-height: 1.6; margin-bottom: 2em; padding: 0 10%;}

#industriesBanner {background: #001e60 url(/images/bkg_boxes.png) repeat 0 0 / 50px 50px; border-bottom: 1px solid #fff; padding: 5.5625em 0; text-align: center;
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
#industriesBanner h2 {color:#fff; font-size: 1.714em; font-weight: 400; margin-bottom: 1em; text-transform: uppercase;}
#industriesBanner>div {color: #fff; float: left; font-size: 1.14em; font-weight: 400; position: relative; text-transform: uppercase; width: 20%;}
#industriesBanner>div div {position: relative; padding-top:8em; width: 100%;}
#industriesBanner img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    }
#industriesBanner span {display: block;}
#industriesBanner .redButton {display: inline-block; margin-top: 5em;}
#industriesBanner .redButton:hover {background:#fff; color:#001e60;}

.featured {
    border-bottom: 1px solid rgba(0,0,0,.15);
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}

#content .featured section {margin-top: 0; padding: 0 3%; width: 33%;}
.featured section img {height: auto; max-width: 100%;}

.productCallouts {border-bottom: 1px solid rgba(0,0,0,.15); float: left; margin: 2em 0; padding-bottom: 2em; text-align: center; width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}
.productCallouts a {float: left; font-weight: bold; padding: 0 3%; width: 25%;}
.productCallouts span {display: inline-block;}
.productCallouts a img {display: block; margin-bottom: .75em; max-width: 100%;}
.productCallouts a:hover img {opacity: .75;}
.productCallouts a:hover .redButton {background:#001e60; color:#fff;}

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

.twoCol {-webkit-columns:2;columns:2;}
.threeCol {-webkit-columns:3;columns:3;}
.resCol {
	-webkit-columns: auto;columns: auto;
	-webkit-column-width: 13em;column-width: 13em;
}

.twoCol li,.threeCol li, .resCol li {display: inline-block; width: 100%;
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ /* Firefox */
               break-inside: avoid; /* IE 10+ */}


/* ROTATOR ------------------------------ */
.slider {height:25rem; width: 100%; margin: 0 auto;}
.slick-arrow {position: absolute; z-index: 1; bottom:0;}
.slick-dots {width:100%; text-align: center; z-index: 1;}
.slick-dots li {display: inline-block; margin: 0 0.0625rem}
.slick-slide {margin: 0;}
.slick-slide img {border-right:1px solid rgba(255,255,255,.5); height: 25rem;}
.slick-slide {transition: all ease-in-out .3s; opacity: .5;}
.slick-slide.slick-active {opacity: .5;}
.slick-slide.slick-current {opacity: 1;}
.slick-dots li {opacity: 0.5;}
.slick-dots .slick-active {opacity: 1;}


/* FOOTER */
body>footer{padding-top:2em; padding-bottom:8em; color:#999; font-size:.78em; line-height:1.1em;}
body>footer>.wrap{overflow:visible; border-top:1px solid #666666; padding:1.75em 8px 0; font-size:1.12em;}
body>footer a{color:#999;}
body>footer address a {color:#99a5bf;}
body>footer a:hover, footer a:active{color:#fff}
body>footer a.on, footer .on>a{text-decoration:none;color:#fff}

.fatFooter{margin-bottom:2em;display:table; padding:0 8px;}
.fatFooter>nav>ul {width:30%;}
.fatFooter>nav>ul + ul {width:40%; padding-left:30px;}
.fatFooter>nav>ul + ul + ul {width:20%;}
.fatFooter>*{display:table-row}
.fatFooter>*>*{display:table-cell}
.fatFooter>*>*:last-child{width:1%;padding-right:0;white-space:nowrap}

.fatFooter>nav{	}
.fatFooter>nav li{overflow:hidden;}
.fatFooter>nav>ul:first-child>li>ul{
	-webkit-columns:2;
        columns:2;
-webkit-column-gap:20px;
        column-gap:20px;
}
.fatFooter>nav li a{color:#99a5bf; font-size:1.5em; line-height:2em; text-transform:uppercase; font-family:"pragmatica-web-condensed", Helvetica Narrow, Arial, sans-serif;}
.fatFooter>nav li a:hover, #contentWrap>div>aside nav li a:active{color:#fff;}
.fatFooter>nav li.on>a{color:#fff; font-weight:600;}
/* t2 */
.fatFooter>nav li ul {margin-bottom:15px;}
.fatFooter>nav li ul li a{font-size:1.2em; line-height:1.75em; color:#dedede; text-transform:none; font-family:"proxima-nova", Arial, Helvetica, sans-serif;}
.fatFooter>nav li ul li a:hover, #contentWrap>div>aside nav li ul li a:active{color:#fff;}
.fatFooter>nav li ul li.on>a{color:#99A5BF; font-weight:600;}

.fatFooter>nav>div>div {padding-left:25px;}
.fatFooter>nav>div>div>a {color:#99a5bf;}
.fatFooter>nav>div>div>a:hover {color:#fff;}

.fatFooter>nav>div>div section {margin-top:22px;}

body>footer nav{display:inline}
body>footer>div{min-height:18px}
#web-solutions-exposure {float:right;margin-left:11px}
#web-solutions-exposure a{opacity:.4;filter:alpha(opacity=40)}
#web-solutions-exposure a:hover{opacity:.8;filter:alpha(opacity=80)}
#web-solutions-exposure img {margin-left:9px}

.company {font-family:"pragmatica-web-condensed", Helvetica Narrow, Arial, sans-serif; color:#fff; font-size:1.14em; margin-left:5px;}
.fatFooter address {margin:10px 0 10px 0; color:#dedede;}

footer .facebook {display: block; background: url(/images/icons/facebook.png) no-repeat 0 0 / 24px 24px; width: 24px; height: 24px; margin-top: 1em; opacity: .5;}
footer .facebook:hover {opacity: 1;}

/* Misc */
	.blueButton, .redButton:hover {color:#fff; padding:.3em .5em; border-radius:3px;
		background: rgb(38,64,121); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
		background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(38,64,121,1)),to(rgba(0,30,96,1)));
		background: linear-gradient(to bottom,  rgba(38,64,121,1) 0%,rgba(0,30,96,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#264079', endColorstr='#001e60',GradientType=0 ); /* IE6-9 */
		}
.blueButton:hover, .redButton {color:#fff; padding:.3em .5em; border-radius:3px;
		background: rgb(149,56,56); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
		background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(149,56,56,1)),to(rgba(123,8,8,1)));
		background: linear-gradient(to bottom,  rgba(149,56,56,1) 0%,rgba(123,8,8,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#953838', endColorstr='#7b0808',GradientType=0 ); /* IE6-9 */
	}

#home .redButton {text-transform:uppercase; font-size:.87em; padding:.6em .8em;}

/* APPS */
.wsApp{}

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

/* news */
.news{position:relative;overflow:auto;margin-bottom:1em}
.news article{border-top:0;line-height:1.3em}
.news article+article{margin-top:0;border-top:1px dotted rgba(0,0,0,.15)}
.news .pagination{width:100%;border-top:0}
.news div+.pagination{border-bottom:0}

.pagination+article,article+.pagination{margin-top:.3em}
.news article a{padding: 5px;clear:left;position:relative;display:block;overflow:hidden}
.news article a:hover,.news article a:hover{background:rgba(0,0,0,.08)}
.news article span {width:26%;height:6em;display:block;float:left;background-repeat:no-repeat;background-position:center center;background-size:cover}
.news article span span{width:100%;height:6em;}
#content .news article h1{font-size:1.15em;margin-bottom:0}
.news article time, .newsArticle time{font-size:.8em;color:rgba(0,0,0,.5)}
.news article p{margin-bottom:0;color:#666}
.news article a div{width:74%;float:left;padding-left:0}
.news article a span+div{padding-left:10px}
.news>div{border-bottom:1px solid rgba(0,0,0,.25);border-top:1px solid rgba(0,0,0,.25);margin:0 0 3em;display:table; width:100%}
.news>div+div{border-top:0}
.news section{width:220px;padding:0 1em;display:table-cell}
.news section:first-child{padding-left:0}
.news section:last-child{padding-right:0}
.news section>a{float:right;padding:5px}
.news section+section{border-left:1px dotted rgba(0,0,0,.15)}
#content .news section h1{padding:5px;margin-bottom:0;font-size:.9em;text-transform:uppercase;white-space: nowrap;overflow:hidden; text-overflow:ellipsis}
.news section div{background-repeat:no-repeat;background-position:center center;background-size:cover}
.news section article{margin-top:0}
.news section div article div{width:100%;height:100px;margin-bottom:.5em}
.news section+p{clear:both}
.news footer img{position:relative;vertical-align:baseline;bottom:-.5ex}
.news article+p{margin-top:.5em;font-size:.9em;font-style:italic;text-align:right}
.newsArticle{margin-top:-2em}
.newsArticle time{margin-bottom:2em;display:block}
.news h2{margin-top:3em}
.fb-comments, .fb-comments>span, .fb-comments>span>iframe{width:100% !important}

/* driving directions */
#mapWrapper {width:100%;height:450px;margin-bottom:25px}
#mapWrapper *{-webkit-box-sizing:content-box;box-sizing:content-box;-moz-box-sizing:content-box;line-height:1.3em}
#mapWrapper h2{font-size:14px;margin-bottom:0}
#mapWrapper input[type="text"]{margin-right:5px}
.mapLocations {position:relative;overflow:auto}
.mapLocations li {float:left; width:33%; padding:0 1em 1em 0;}
.mapLocations li:nth-child(3n+4){clear:left}
.mapLocations a{display:block}

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

/* photo gallery */
.categoryThumb a.album { display:block; float:left; padding:5px;}
.manage.managePhotos td:first-child{padding:2px 10px 2px 2px}
.manage.managePhotos td:first-child div{height:28px;width:28px;background-size:cover;cursor:pointer}
.categoryThumb, .albumThumb{position:relative;overflow:auto;overflow:hidden}
.categoryThumb a{display:block;width:100%}
.categoryThumb a:hover, .categoryThumb a:active,.albumThumb a:hover,.albumThumb a:active{background-color:rgba(0,0,0,.08)}
.categoryThumb img{float:left}
.categoryThumb section a{border-top:1px solid rgba(0,0,0,.25)}
.categoryThumb section+section a{border-top:1px dotted rgba(0,0,0,.15)}
#content .categoryThumb h1, #content .categoryThumb p{padding:0 0 0 110px;margin-bottom:0}
#content .categoryThumb h1{padding-top:10px}
.categoryThumb p{color:#666}

.albumThumb {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}
.albumThumb a {float:left; height:auto; padding: 1em; width:25%;}
.albumThumb img {height:auto; width:100%;}
.albumThumb .title {font-weight: bold;}
.albumThumb a:hover {background: none;}
.albumThumb a:hover img {opacity: .7;}
.albumThumb a .brief {color: #333;}
.albumThumb a:hover .brief {color: #ccc;}

.fancybox-gallery{background-color:rgba(0,0,0,1) !important}
.fancybox-gallery .fancybox-wrap,
.fancybox-gallery .fancybox-skin,
.fancybox-gallery .fancybox-outer,
.fancybox-gallery .fancybox-inner{position:absolute !important;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;width:auto !important;height:auto !important;overflow:hidden; padding:0 !important; margin:0 !important;background-color:transparent !important}
.fancybox-gallery.fancybox-overlay .fancybox-wrap{background-color:transparent}
.fancybox-gallery.fancybox-overlay .fancybox-skin{background-color:#000}
.fancybox-gallery.fancybox-overlay *{color: rgba(255,255,255,.65)}
.fancybox-gallery .fancybox-close{right:0;top:0; opacity:.2}
.fancybox-gallery .rsDefault .rsFullscreenBtn{margin:0;top:0;right:36px;height:36px;width:36px; opacity:.2}
.fancybox-gallery .rsDefault .rsFullscreenIcn{margin:3px}
.fancybox-gallery .fancybox-close:hover{opacity:1}
.rsDefault .rsOverflow, .rsDefault, .rsSlide{background-color:transparent !important}
.fancybox-gallery .rsDefault .rsFullscreenBtn:hover{opacity:1}


/* staff */
.staff2col {
-webkit-columns:2;
        columns:2;
-webkit-column-gap:40px;
        column-gap:40px;
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}
.staff2col section{display:inline-block;line-height:1.25em}
.staffApp .jobTitle{margin-top:-1.5em}
.staffApp section .jobTitle, .staffApp .requiredText{margin-top:-1em}
.staffApp hr, .staffApp section{clear:both;width:100%}

/* ALERT */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#990000}
#alertApp h1{margin-bottom:0;font-size:1.1em;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);}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover { background:#660000;}


/* 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}
/*
.manage td.reportTitle{padding-left:5px;width:150px; cursor:pointer}
.manage td.views{padding-right:5px}
.manageCaption{}
.manageCaption td:first-child{padding-top:0;padding-left:0;font-size:.85em; font-style:italic;opacity:0.4;filter:alpha(opacity=4)}
*/
/*flexible width*/
@media screen and (max-width:1200px) {
body>*>.wrap, body>footer>.fatFooter, .wrap {width:100%}
}

@media (max-width: 1024px) {
  #content .flex {
    align-items: start;
    margin-block: .3125em 2em;
    flex-direction: column;
    gap: 2.5em;
  }
}

@media screen and (max-width:970px) {
body>header, body>nav, #contentWrap, body>footer, body>main {min-width:750px}
body > nav a {font-size:1.1em;}
.callouts {width:100%; padding-left:0; margin-top:20px; height:auto;}
#home .callouts section {float:left; background-size:100% auto; margin-right:2%; width:47%;}
#home .requestAQuote {margin-top:0px; margin-left:10px;}
#home .bottom {background:none;}
#home .bottom > section {width:50%; margin:20px 0 0 0; padding-right:20px;}
#home .bottom > section + section {width:50%; margin:20px 0 0 0; padding-right:20px;}
#home .bottom section img {width:100%; height:auto;}
#home .bottom > section + section + section {width:100%; margin-top:60px;}
    #welcome {background-position: 30% top;}
}

@media screen and (max-width:900px) {
    .productCallouts a {width: 40%;}
    #content .featured section {border-bottom: 1px solid rgba(0,0,0,.15); padding: 0 3%; width: 50%;}
}

@media screen and (max-width:850px) {
    body > nav a {font-size: .9em; padding: 0 6px;}
    .featured {border-bottom: 0; -ms-flex-wrap: nowrap; flex-wrap: wrap;}
}
@media screen and (-webkit-device-pixel-ratio: 2) {
#brand{background-image:url(/images/safe-t-tank@2x.png)}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background-image:url(/images/icons/32x32/bullet.png)}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background-image:url(/images/icons/32x32/bullet2.png)}
body>header #contact .facebook {background-image:url(/images/icons/facebook_grey@2x.png);}
footer .facebook {background-image: url(/images/icons/facebook@2x.png);}
}
/* TRANSITIONS */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc, .blueButton {-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out}

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