@charset "UTF-8";
/* Web Solutions 4.0 Mobile Compatible */
html{box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;}
body{margin:0;padding:0;}
body>*{position:relative;overflow:auto}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body{background:#fff}
ul li{list-style:none}
/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}

/* typography --------------------*/
html{line-height:1.4}
body, .text, input{font-family:"myriad-pro", sans-serif;color:#333}
a, a *{color:#016e70;text-decoration:none}
p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:1em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400; margin: 0.8em 0}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#000; font-weight: 700;}
em, i{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}
p{font-size:1em}
h1 {font-size:1.75em;color: #004445;}
    .home > section h1 {font-size: 1.313em; color:#004445; text-align:center}
	.home .CTA h1 {font-size:1.563em;color:#f9b932; margin:0 0 0.25em; line-height:110%}
    footer h1, footer .title {font-size:1em; font-weight:600; font-style: italic; color:#000; text-transform:uppercase}
	.highlight h1 {font-size:1.375em; color: #004445; font-weight:700}
	#rightCol section h1 {font-size: 1.125em; font-weight: 600; font-style: italic; line-height: 100%; text-transform:uppercase; color: #2e2e2e}
    body:not(.employee-area) #content h1 {margin: 0}
    .employee-area #content h1 {margin-top: 0.25em}
h2 {font-size:1.5em; color:#333; font-weight:600; font-style: italic;}
	h1+h2 {font-size:1.3em; line-height: 1.238em; font-weight: 400; font-style: normal; color:#333; margin-bottom:1.4em}
h3 {font-size:1.4em; font-weight:600; color: #000;}
h4, th {font-size:1.3em; font-weight:700; color:#8c8c8c; text-transform: uppercase;}
h5 {font-size: 1.2em; font-style: italic; font-weight: 400; color: #004445;}
h6, h7, h8, h9 {font-size:1.15em;}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
table{border-collapse:collapse}
.req{color:#c00}
#content>section{margin:2em 0}
.button-style {display: inline-block; color: #333333; padding:0.5em 1em; background: #f9b932; border-radius: 6px}

.button-style:disabled, .formButton:disabled { cursor:not-allowed; color:#666666; background:#cccccc; }
.button-style:disabled:hover, .formButton:disabled:hover { cursor:not-allowed; color:#666666; background:#cccccc; }


/* level1 list */
#content ul {padding:0}
#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{position: relative; padding-left: 1em; margin-bottom: 0.6em}
#content ul li:before, #Editor ul li:before, #featVid ul li:before, #news ul li:before, #events ul li:before, #blog ul li:before, #quickLinks ul li:before {content: "\f0da"; font-family: FontAwesome; font-size:0.8em; color:#004445; position:absolute; left:0.25em; top:0.15em;}
#content ul li li:before, #Editor ul li li:before, #featVid ul li li:before, #news ul li li:before, #events ul li li:before, #blog ul li li:before, #quickLinks ul li li:before{content:"-"; top:0; left:1.75em}
#content ol, #content_home ol, .contentEditor ol{margin-left:20px}

/* level2 list */
#content ul li li, #Editor ul li li, #featVid ul li li, #news ul li li, #events ul li li, #blog ul li li, #quickLinks ul li li{font-size: 0.9em; color:#666}
#content ul li li:before, #Editor ul li li:before, #featVid ul li li:before, #news ul li li:before, #events ul li li:before, #blog ul li li:before, #quickLinks ul li li:before{content:"-"; top:0; left:0.25em}

/* forms */
input{font-size:1em}
input[type="text"],input[type="password"],input[type="tel"], input[type="number"],input[type="email"],input[type="url"], input[type="search"], textarea, select,input[type="button"],input[type="submit"],input[type="reset"]{border-radius:0;-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;}
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}
textarea{display:block}
select{padding:0}

.ContactForm table, .ContactForm input[type="text"],  .ContactForm .formSelect{width: 100%}
.ContactForm td {display: block; width:100% !important}
.ContactForm td td {display: block; width:40% !important; float: left; margin-right:5%}
.ContactForm [type="submit"] {margin-bottom:0.5em}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/32x32/select.png);background-repeat:no-repeat;background-position:right center;background-size:16px 16px;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,input[type="button"],input[type="submit"],input[type="reset"]{    cursor: pointer;
    font-size: 1em;
    display: inline-block;
    color: #333333;
    padding: 0.5em 1em;
    background: #f9b932;
    border-radius: 6px; -webkit-appearance:none; border: 0;margin-bottom: 1rem;}
input::-moz-focus-inner {border:0;padding:0;}
input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#f03c5e}
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 textarea{width:100%}
.formTable td{padding:0 0 5px 5px}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable td:first-child{padding:0 5px 5px 0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding:0 0 5px 0}
.subjClass{display:none}
#Captcha label{padding-left:0}

#blogCommentForm td, #blogCommentForm td.text em{display: block; width:100%; padding:0 !important; text-align: left !important}
#blogCommentForm td input {display: block !important; width:100% !important;}
#blogCommentForm td.text em {margin-bottom: 1em}
.subjClass { visibility: hidden; width:1px !important; height:1px !important; }

#alertApp {background: #a41a2d; padding: 0.5em; text-align:center;}
#alertApp #alertTitle {color:#fff}
#alertApp #alertTitle .button {display: block; color:#fff; transition: ease all 200ms; padding: 0.75em 0.75em;margin-top: 0.25em;background: rgba(0,0,0,0.25);border-radius: 4px;line-height: 1em;}
#alertApp #alertTitle:hover .button {background: rgba(0,0,0,0.5);}
#alertDesc {background: #7a1826; text-align: center; color:#fff; text-align: center}
#alertDesc p {max-width: 50rem; padding: 1rem; line-height: 1.25em; margin: 0 auto}



/* HEADER --------------------*/

body>header{text-align: left;position: relative;width:100%;background:#fff;}
#brand{width:50%;line-height: 3rem;height:2.5rem;display: block;padding: 0 1rem; position: relative;}
#brand img {height:1.75em; position: absolute; left:0; top:50%; transform: translateY(-50%); width: auto;}
/* TOPNAV */
.primary{background-color:#f1f1f1; width: 100%; 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;}
.primary>*{color:#004445; border-top: 1px solid rgba(0,0,0,0.125); border-bottom: 1px solid rgba(0,0,0,0.125); line-height:2.923em;padding:0;white-space: nowrap; font-size: 0.85em; font-weight:600; text-align: center; position: relative; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.primary>*+* {border-left: 1px solid rgba(0,0,0,0.125)}
	header .menu:after{content:"\f0c9";}
	header .search:after{content:"\f002";}
.secondary{position: absolute;right: 0;top:0;line-height: 3.25rem;text-align: center;padding:0 .5rem}
.secondary .navIcon{padding:0 .5rem;height: 3rem;display: inline-block;font-size: 1.5em; color:#fff; color: #ccc}
.navIcon{text-align: center}
.navIcon:after{font-family: FontAwesome;display: inline-block;}
header .menu{cursor: pointer}
.primary .menu:after{padding-left:.5em; vertical-align: middle}
header>.menu{position: fixed;right: 0;top: 0;width: 2.5em;height: 2.5em;line-height: 2.5em;z-index:-1;opacity: 0; color:#213A41; background-color: rgba(255,255,255,.5)}
.scroll header>.menu{opacity: 1;z-index: 2}

header .emergency-response {float: right; height:2.5rem;  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-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
header .emergency-response span {font-style: italic; display: inline-block; vertical-align:middle; font-size: 0.7rem;color: #000000;text-align: right;display: none;}
header .emergency-response a {padding:0 0.75em 0 2.25em; font-weight: 600;font-size: 0.75rem; display: inline-block; vertical-align: middle; color: #004445;text-align: center;line-height: 2rem; margin-left: 0.5em; border-radius: 3px; background:url(/images/phone.svg) no-repeat 8px center #F9B932}

/* HAMBURGER */
body,body>nav,header>.menu{transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s}
body {right:0;position:relative;}
.slideNav,.slideNav header>.menu{right:80%}
.slideNav>nav {right:0}
body.slideNav {overflow: hidden}
body>nav {right:-80%; position:fixed; overflow:scroll;-webkit-overflow-scrolling: touch; height:100vh; top:0; padding:0; width:80%; z-index:10; background:#1972c4;}

/* MENU --------------------*/
body>nav{background:#081F27;}
body>nav>*:last-child{margin-bottom: 3em}
body>nav li{position: relative;border-top:1px solid rgba(255,255,255,.2)}
body>nav ul{padding-left: 0;margin: 0 0 1rem}
body>nav a{position: relative;padding:.65em .5rem .65em 1rem;color:rgba(255,255,255,.65);line-height:1.2em;display:block;}
body>nav li ul{display: none}
body>nav li.on>ul{display:block}
body>nav li>span{display: none}
body>nav li>ul+span{display: block;z-index: 2;margin-left:.5rem;position: absolute;right: 0;top:0;opacity:.2;color:#fff;text-align: center;display: inline-block;width: 2.5rem;height: 2.5em;line-height:2.5em}
body>nav li>ul+span:before{content:"\f054";font-family: FontAwesome;color: #000;background-color:#fff;border-radius: 50%; line-height: 1em;width: 1.5em;height:1.5em;padding: .25em 0; display: inline-block;}
body>nav li.on>span{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity:.5}
body>nav li li{font-size:.95em;border-top:1px solid rgba(255,255,255,.1)}
body>nav li.on{background:rgba(255,255,255,.05)}
body>nav a{color:#f9b932}
body>nav a.menu:before{content:"\f00d\00A0";font-family: FontAwesome; margin-right:0.25rem}
body>nav ul a{padding-left:1rem}
body>nav ul ul a{padding-left:2rem}
body>nav ul ul ul a{padding-left:3rem}
body>nav ul ul ul ul a{padding-left:4rem}

body>nav .search,body>footer .search{width:100%;display: block}
body>nav .search{position: relative;overflow: auto; margin:5%; width:90%}
.search input[type="search"]{height: 2.286em;width:100%;line-height: 2.286em;font-size: 0.875em;padding: 0 0 0 .75em;border:1px solid #dadada; border-radius:6px; float: left;background-color: #fff; color: #222222; opacity:1; font-style:italic}
.search input[type="search"]:focus{border: 1px solid #1a333b;}
.search button{height: 2em;width: 2em;line-height: 2em;font-size: 0.9em;padding: 0;border: 0;float: left;-webkit-appearance:none; background:none; position: absolute; top:0; right:0}
.search button:before{content:"\f0da";font-family: FontAwesome; color: rgba(26,51,59,0.5)}


/* MAIN --------------------*/
main{padding:1rem 1rem 3rem;clear:both;word-wrap:break-word}
#content{max-width:40rem;margin:0 auto;min-height: 50vh}
#content img{max-width:100%;height:auto}
#content .photoright, #content .photoleft{max-width:100%;height:auto; border:1px solid #787878; border-radius:6px;}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto}
#content .photoright.alert-img {border: 0;}
#content .photoright.alert-img img {display: block; margin: 2rem auto; max-height: 50%;}
img.phototreatment, .phototreatment img{max-width:100%; max-height:120px}
.photoright, .photoleft{float:none;display: block}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight{background: #f3f3f3; border: 1px solid #dadada; border-radius: 6px; padding:1em;margin:.7em 0}
#content * h1{font-size:1.2em}
nav.breadcrumb{font-size:.8em}
nav.breadcrumb a{white-space:nowrap;overflow: visible;text-overflow:ellipsis;max-width:35%;display:inline-block;vertical-align:bottom}
nav.breadcrumb a:last-child{}
.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:32px;width:32px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.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)}
.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}

.wrap {padding: 0 1em; overflow: auto}

.topCTA {width:100%; position: relative; height: 75vh; min-height:18.75rem; padding:0; border-bottom: 2px solid #BFBDBD}
.wsRotatorMain #slideShow div {background-position: center; background-repeat: no-repeat; background-size:cover}
.topCTA .CTA {text-align: center; z-index:4; position: absolute; bottom:5rem; left:0; width:100%; text-align: center}
.topCTA .CTA h1 {font-size:1.75rem;color:#f9b932; margin-bottom: 0.25em}
.topCTA .CTA p {font-size: 1rem; max-width: 45.125rem; margin: 0 auto; color: #EAEAEA;text-align: center;line-height: 1.25em;}
.topCTA .scroll {z-index:4;position: absolute; bottom:0; left: 50%; height:5rem; width:5rem; background: url(/images/down.svg) no-repeat center; opacity: 0.5; transform: translateX(-50%)}
.topCTA .scroll:hover {opacity: 1}
.topCTA .mask {z-index: 3; position: absolute; top:0; left:0; width: 100%; height:100%; background: url(/images/mask.svg) repeat-x bottom left}
.slider {position: absolute; height: 100%; width:100%; top:0; left:0; z-index:1}
.slider>div, .slider {background: no-repeat center;background-size: cover;}
.slider>div {z-index: 0;opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.slider .prev {z-index: 1;opacity: 1;}
.slider .on {z-index: 2;opacity: 1;transition: opacity 1s linear;}
.slider .next {}

.home > section h2 {font-weight: 700; font-style: normal; margin:0 0 0.5em; font-size: 1.5rem;color: #2E2E2E;text-align: center;}

.home .services {padding: 2.5em 1em; text-align: center}
.home .services p {max-width: 45.125rem; margin:0 auto 2em; color: #4A4A4A;text-align: center;}
.home .services .image-links a {position:relative; max-width:18.75rem; margin:0 auto; display: block; padding-bottom: 75%; border-radius: 4px; overflow:hidden;}
.home .services .image-links a+a {margin-top: 1rem}
.home .services .image-links a span {position: absolute; line-height:1.25em; transition: ease all 200ms; bottom:0; left:0; width:100%; padding: 1.25rem 1em; font-weight:700; color:#fff; background: rgba(0,68,69,0.9);}
.home .services .image-links a.industrial {background: url(/images/home/service-industrial.jpg) no-repeat center / cover}
.home .services .image-links a.diving {background: url(/images/home/service-diving.jpg) no-repeat center / cover}
.home .services .image-links a.environmental {background: url(/images/home/service-environmental.jpg) no-repeat center / cover}
.home .services .image-links a.mechanical {background: url(/images/home/service-mechanical.jpg) no-repeat center / cover}
.home .services .image-links a.emergency-management {background: url(/images/home/service-emergency-management.jpg) no-repeat center / cover}
.home .contact-cta {padding: 5.3125rem 1em;text-align: center; background: url(/images/home/contact-cta-bg.jpg) no-repeat center / cover}
.home .contact-cta .wrap > span {font-weight: 700; display: block; margin-bottom:0.5em; font-size: 1.5rem;color: #000000;text-align: center;text-shadow: 0 2px 34px #EAEAEA;}
.home .contact-cta .wrap > span a {text-decoration: underline}
.home .contact-cta .wrap > span span {display: block; font-weight: 400; font-size: 1.25rem; color: #000000; text-align: center; text-shadow: 0 2px 34px #EAEAEA;}
.home .contact-cta .wrap > a {display: inline-block; padding:0.75em 1.125em; font-weight: 700; color: #013333; text-align: center; line-height: 1.5625rem; background: #F9B932; border: 1px solid #FFFFFF; box-shadow: 0 2px 34px 10px #F2F2F2; border-radius: 2px;}
.home .contact-cta .wrap > a:hover {background: #016e70; color:#fff}
.home .contact-cta .wrap > div {margin-top:2em;}
.home .contact-cta .wrap p {font-size:1.25em; font-weight: 700;}

.home .industries-served {padding: 2.5em 1em; text-align: center}
.home .industries-served .image-links { margin-top:2em;}
.home .industries-served .image-links a {position:relative; margin:0 auto; padding-bottom: 75%; max-width: 18.75rem; border-radius: 4px; overflow:hidden; display: block}
.home .industries-served .image-links a+a {margin-top: 1rem}
.home .industries-served .image-links a span {position: absolute; z-index: 2; line-height:1.25em; transition: ease all 200ms; top:50%; left:0; transform: translateY(-50%); border-radius: 0 4px 4px 0; padding: 0.75rem 1em; font-weight:700; color:#013333; background: #F9B932}
.home .industries-served .image-links a:before {content: ""; position: absolute; top:0; left:0; display: block; opacity:0; transition: ease all 200ms; width: 100%; height:100%; z-index:1;}
    .home .industries-served .image-links a.government {background: url(/images/home/industry-government.jpg) no-repeat center / cover}
    .home .industries-served .image-links a.rail {background: url(/images/home/industry-rail.jpg) no-repeat center / cover}
    .home .industries-served .image-links a.utilities {background: url(/images/home/industry-utilities.jpg) no-repeat center / cover}
    .home .industries-served .image-links a.marine {background: url(/images/home/industry-marine.jpg) no-repeat center / cover}
    .home .industries-served .image-links a.petrochemical {background: url(/images/home/industry-petrochemical.jpg) no-repeat center / cover}
    .home .industries-served .image-links a.government:before {background: url(/images/home/industry-government-hover.jpg) no-repeat center / cover}
    .home .industries-served .image-links a.rail:before {background: url(/images/home/industry-rail-hover.jpg) no-repeat center / cover}
    .home .industries-served .image-links a.utilities:before {background: url(/images/home/industry-utilities-hover.jpg) no-repeat center / cover}
    .home .industries-served .image-links a.marine:before {background: url(/images/home/industry-marine-hover.jpg) no-repeat center / cover}
    .home .industries-served .image-links a.petrochemical:before {background: url(/images/home/industry-petrochemical-hover.jpg) no-repeat center / cover}


#content .blockquote {margin: 2em 0; padding:1.5em; text-align:center; border-radius:3px; position: relative; background: #f3f3f3}
#content .blockquote p {margin:0 auto 0.5rem; line-height:1.5em; color:#333;}
#content .blockquote img {max-width: 100%; height: auto; margin-bottom: 1em}
#content .blockquote .cite {display: block; font-weight: 300; font-style: italic; color:#666;}
#content .blockquote .button {background: #F9B932;padding: 0 0.875em;font-size: 1rem;display: inline-block;color: #004445;text-align: center;line-height: 2.5rem;margin: 1.5em 0 0;border-radius: 3px;}

#content .iosSlider .slider .item {padding: 0;}
#content .iosSlider .slider .item img {max-width: 100%;height: 100%;}
#content .container .prev i, #content .container .next i {top:50%;}

#core .buttons {overflow: auto; border-bottom:1px solid #d8d8d8}
#core a {width: 50%; float: left; color: #004445; text-align: center; padding:1.313em 1em 1.5em; border-top: 1px solid #d8d8d8}
#core a:nth-child(n+1) {border-left: 1px solid #d8d8d8}
#core a img {max-width: 100%; height: auto; border-radius: 5px; margin-bottom:0.25em}
#core a span {display: block; color: #004445; font-size: 0.938em; line-height: 1.133em}

.videoWrap {margin: 0 auto 2em; max-width: 30rem;}
.videoWrap button {cursor: pointer;}
.video-placeholder {
    background: url(/images/video-holder.jpg) no-repeat center/cover;
    height: auto;
    padding: 0 0 56.25%;
    position: relative;
    width: 100%;
    }
.video-placeholder:before {
    content: "";
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    transition: ease all 200ms;
    margin: 0 auto .5em;
    width: 4.19em;
    height: 4.19em;
    border: 2px solid transparent;
    background: url(/images/play.svg) no-repeat 1.5em center #fff;
    border-radius: 50%;
    box-shadow: 0 0 54px 0 rgb(0 0 0 / 60%);
    }

#video {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0,0,0,.85);
}
#video .center {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    padding: 0 1em;
}
#video .close {
    color: rgba(255,255,255,.9);
    position: absolute;
    cursor: pointer;
    top: -2em;
    right: -.25em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: 600;
    -webkit-transition: ease all 200ms;
    transition: ease all 200ms;
    font-size: 2em;
}
#video .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
#video .videoWrapper iframe, .video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-wrap {
  margin: 0 0 3em;
  position: relative;
}

.video-wrap::before {
  content: '';
  display: block;
  padding: 0 0 56.25%;
}



.twoCol {
-webkit-columns:1;
   -moz-columns:1;
        columns:1;
-webkit-column-gap:0;
   -moz-column-gap:0;
        column-gap:0;
}
.threeCol {
-webkit-columns:1;
   -moz-columns:1;
        columns:1;
-webkit-column-gap:0;
   -moz-column-gap:0;
        column-gap:0;
}
.fourCol {
-webkit-columns:1;
   -moz-columns:1;
        columns:1;
-webkit-column-gap:0;
   -moz-column-gap:0;
        column-gap:0;
}

.industryThumbs {width: 100%; height: auto; clear:both}
.industryThumbs a {display: block; width: 100%; height: auto; background: #ececec; padding:1em; border-radius:6px; margin:0 0 1em}
.industryThumbs .industryTitle {display: block; font-size:1.25em; text-transform: uppercase; font-weight:700; margin: 0.5em 0}
.industryThumbs img {display: block; width: 100%; height:auto; margin-bottom: 1em}
.industryThumbs .button-style {display: none}
.industryThumbs strong {display: block}

#content.run .children {position: absolute; bottom: 0; width:100%}
#content.run {position: relative; padding-bottom: 33em}
#content.run #animation {display: block;}
#animation {display: none; position: absolute; bottom:26em; left:1em; width:calc(100% - 2em)}
#animation span {font-size: 1.25em; font-weight:600; display: inline-block; color:#333; position: absolute}
#animation .top {left:50%; top: -1em; transform: translateX(-50%); -webkit-transform: translateX(-50%)}
#animation .left {left:50%; top: 6.25em; transform: translateX(-7em); -webkit-transform: translateX(-7em)}
#animation .right {left:50%; top: 6.25em; transform: translateX(2em); -webkit-transform: translateX(2em)}
#animation .bottom {position: absolute; bottom: -9em; font-size: 0.8em; text-align: center; width: 100%;}
#triangle {height:8em !important; -webkit-transform-origin: 50% 65%; transform-origin: 50% 65%;}
#triangle polygon {
  stroke-dasharray: 17;
  -webkit-animation: dash 22s linear infinite;
          animation: dash 22s linear infinite;
}

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 136;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 136;
  }
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* Buttons */
.buttons {float: left; margin-bottom:3em; width: 100%;}
.buttons a {background-position: center top; background-repeat: no-repeat; background-size:cover; width: 47%; margin-bottom: 6%; display: block; float: left; color: #fff; text-align: center;border:1px solid #ccc; border-radius: 7px}
.buttons a:nth-child(2n+2) {margin-left: 6%}
.buttons a .button-title {
      background: #F9B932;
      border-radius: 0 0 7px 7px;
      color:#fff;
      display: block;
      height:4.125em;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      margin: 13em 0 -2.5em 0;
      font-size: 2.5vw;
      line-height: 110%;
      text-align: center;
      position: relative;
      padding: 1em 0;
      vertical-align: middle;
      width: 100%;
}

/* Breadcrumb */
.breadcrumb a:after{content:"\00A0\f105\00A0\0020";font-family:FontAwesome;margin: 0 0.25rem; color:#ccc}
.breadcrumb a:last-child:after{content:""}

/* Children */
#content nav.children{margin-top:2em}
#content nav.children ul{background-color:#f1f1f1;border-radius:4px;padding:0}
#content nav.children li{background:none;padding:0;margin:0}
#content nav.children li:before {content:''}
#content nav.children a{padding:.4em .6em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#content nav.children li+li a{border-top:1px solid rgba(255,255,255,1)}


.login input[type="text"], .login input[type="email"], .login input[type="password"], .login textarea, .login select {width:100%; font-size: 1em; line-height: 2.188em; font-family: "myriad-pro",sans-serif; padding:0 1em; border:1px solid #dadada; background:#fff; border-radius:5px; -webkit-transition: all 100ms ease-out; transition: all 100ms ease-out}
.formButton {cursor: pointer; display: block; width:100%; font-size: 1.25em; display: block; color: #333333; padding:0.75em 0; text-align: center; background: #f9b932; border-radius: 6px}


#m-login {
    background-color: #1a333b;
    padding: 2em 1em;}


.highlight.photoright h2 {font-size: 1.25em}

#m-login a {color:#f3f3f3; font-size: .9em;}
#m-login .tabs input {font-size: 1em; width:100%; margin-bottom: 0.5em; border:0;    background-color: white; border-radius: 5px; height: 2.188em;
    line-height: 2.188em;     padding: 0 1em;     -webkit-appearance: textfield;}
#m-login .tabs button {font-size: 0.9em; cursor: pointer; border: none;}

.tabs {position: relative; min-height: 11em; clear: both;}

#loginForms {width:100%; font-family:"myriad-pro", sans-serif;}
#loginForms .title {height:2.333em; margin-bottom: 0.5em; line-height: 2.333em; font-size: 0.938em; font-weight:500; color:#fff; background: rgba(255,255,255,0.125);z-index: 2; padding: 0 1em;border-radius: 5px;  position: relative; width:100%;  display: block;}
#loginForms input {font-family: "myriad-pro", sans-serif;}
#loginForms .flex {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: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
#loginForms .flex .help-links {text-align: right;}


#m-login .tabbed-content.off a {display: none;}
.blogList, .blogList > div {width:100%}


#loginForm td, #loginForm input,
.job-app td, .job-app input, .job-app label, .job-app select {display: block; margin:0.15em 0 0.25em; font-size:1em; width: 100%; position: relative}
.job-app input[type="radio"], .job-app input[type="checkbox"] {display: inline-block; width: auto}
#loginForm .formButton {display: block; width: 100%; margin-bottom: 0.5em}
.job-app .selected, .job-app .unselected,
.job-app .checked, .job-app .unchecked {position: relative; padding-left:1.25em; display: block}
.job-app input[type="radio"], .job-app input[type="checkbox"] {visibility: visible !important; left:0}
.job-app br {display: none}
.job-app fieldset {margin-bottom: 1em; border: 0; padding: 0}
.job-app input[type="date"] {border: 1px solid #999; background: #efefef; padding: 3px 5px}
.job-app table, .job-app textarea {width: 100%}
.job-app .mobileHide {display: none}
.job-app .beforeTraining {font-weight:600; margin-top:1em}
.job-app .beforeTrainingExpiration:before {display: block; content: "Training expires on:"}
.job-app .beforeTrainingCompleted:before {display: block; content: "Training completed on:"}
.job-app .beforeTrainingExpiration:before {display: block; content: "Training expires on:"}



/* FOOTER --------------------*/
body>footer{color:#222; padding-top: 3em; background-color: #f3f3f3; border-top: 1px solid #d8d8d8;}
body>footer>*{max-width: 40rem;margin-left: auto;margin-right: auto}
body>footer a{color:#ccc}
body>footer address a{color:#016e70}
body>footer .title, .wrap.logos .small {font-style: italic; text-transform: none; font-size:0.875rem; color:#000; font-weight: 600; display: block; margin:0.25em 0}
body>footer address {font-style: normal}
body>footer .search{position: relative;overflow: auto;margin:1.5em auto 1.5em}
body>footer .search + .button-style{display: block; margin-bottom: 1.5em}

body>footer .search button {height: auto}
footer .wrap section {text-align: center}
footer .wrap section > div {overflow: hidden; margin: 1em 0; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
footer .wrap section > div a {position: relative; display: inline-block}
footer .wrap section > div a+a {margin-left: 0.75em}

footer address {font-size: 0.750em}

footer .wrap+.wrap {font-size: 0.625em; text-align: center; margin:0 auto; color: rgba(26,51,59,0.5); border-top: 1px solid rgba(26,51,59,0.2); margin:1.5rem auto 0; padding:0.75rem 1rem}
footer .wrap+.wrap a {color: rgba(26,51,59,0.5)}
    .employee-area footer {padding: 0}
    .employee-area footer .copyright {font-size: 0.625em; text-align: center; color: rgba(26,51,59,0.5); padding:0.75rem 1rem}
    .employee-area footer .copyright a {color: rgba(26,51,59,0.5)}

footer .social {font-size:2em; margin-top:0 !important; text-align: center}

.bigLogo {display: block; margin-bottom: 1em; text-align: center; width: 100%;}
footer .wrap section > div a.bigLogo img {height: 3.25rem; width: auto;}
.wrap.logos {text-align: center; margin-left: auto;margin-right: auto;margin-top: 2rem;}
.wrap.logos img {width: auto;height: 2em; display: block;text-align: center;margin:1em auto;}
/* form repository */
.quickSearch .formButton{width: auto}
.fr-date{font-size: .8em}
.fr-files thead td{font-size: .6em}

@media screen and (max-width:350px) {
.albumThumb a{width:25%;float:left;line-height:0}}
.albumThumb img{width:100%;height:auto;padding:2px}


/* TRANSITIONS */
#alertApp,#alertApp span,#alertDesc,body>nav li>span,body>nav li{
	-webkit-transition:all 200ms ease-out;
	        transition:all 200ms ease-out}