@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
html {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;-moz-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, 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:url(/images/bg-1.png) repeat #ECECEC; background-size: 8px 8px}
#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{width:100%;float:left;clear:left;display:block;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>*,.home .wrap{width:100%;max-width:73rem;margin-left:auto;margin-right:auto;position:relative;overflow:auto}


/* TEXT ------------------------------ */
body, .text, input, button, select, textarea{font-family:"aktiv-grotesk", sans-serif;line-height:1.69;color:#2B3A48}
.text{font-size: 1rem}
a, a *{color:#0071D6;text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#3EC3E1}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-top:0;margin-bottom:1.25rem}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-family: "industry-inc-base", sans-serif; font-weight:400; line-height: 120%;}
p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 {margin-top:2em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
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);padding-top:1px}
p{font-size:1em}
h1{color: #102436}
h2{color:#102436}
h3{color:#0071D6}
h4, th{color:#3EC3E1}
h5 {font-size:1.1em}
h6 {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}
p.intro {font-size: 1.125em; font-weight:500; line-height: 1.88rem; margin-bottom: 1.5em}


/* MAIN ------------------------------ */
.menu{cursor: pointer}
main, .mceContentBody{background:#fff}
.contentEditor{background:#fff;min-width:100%;}
/* t1 */
#sidenav{width:100%;overflow:hidden;}
#sidenav ul{padding: 0}
#sidenav li{height:1%;overflow:hidden}
#sidenav li a{padding:.5em .25rem;line-height:1.1em;display:block}
#sidenav li a:hover, #sidenav li a:active{background:#e5e5e5}
#sidenav li.on>a{color:#000}
#sidenav>ul>li.on>a{display: none}
/* t2 */
#sidenav li.on ul{border-top:1px solid rgba(121,136,146,0.34);}
#sidenav li.on ul li{border-bottom:1px solid rgba(121,136,146,0.34); background: none}
#sidenav>ul>li.on>ul>li.on{background: rgba(16,36,54,0.06);}
#sidenav li.on ul li a{padding:0.6em 1em;font-weight: 500; font-weight: 500; color:#0071D6}
#sidenav li ul li a:hover, #sidenav li ul li a:active,
#sidenav li ul li.on>a{color:#102436; background:none;}
/* t3 */
#sidenav li ul li.on ul{padding-bottom:.5em;border:0}
#sidenav li ul li.on ul li{border:0; background: none}
#sidenav li ul li.on ul li a{padding-left:1rem; padding: 0.35em 1em 0.35em 2.25em; font-weight: 400; font-size:.875em;color:#606D76; position: relative}
#sidenav li ul li.on ul li a:before {content: "-"; position: absolute; left: 1.45em}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active,
#sidenav li ul li ul li.on>a{color:#3EB8D5; background:none;}
/* t4 */
#sidenav li ul li ul li.on ul li a{font-size:.7em;color:#666; padding-left: 2.5rem}
#sidenav li ul li ul li.on ul li a:before {display: none}
#sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active{color: #3EB8D5}
#sidenav li ul li ul li ul li.on>a{color:#000;}
/*section callouts*/
main>div>aside section{margin:0 0 20px;padding:10px}
main>div>aside section:hover{background:#FFC}
main>div>aside section h1{margin:0;font-size:1.2em}
main>div>aside section p{margin:0}
/* 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:50%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto;margin: 0;float: none}
#content img.phototreatment{max-width:50%;height:auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.content .highlight{padding:1.25em 0.44em 0.44em; clear:both; background-image: linear-gradient(135deg, #00D0FF 0%, #009DFF 100%);}
.content .highlight h2 {color: #fff; padding: 0 0.5em; margin: 0 0 0.4em}
.content .highlight .contain {background: #fff; padding: 1.5em 1em}
.content .highlight .contain :last-child {margin-bottom: 0}
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;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)}
/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li{padding-left:2em; position: relative}
.content ul li+li{margin-top: 0.5em}
.content ul li:before{content: "";display: block;width: 0.38rem; height: 0.38rem; background: #0071D6; position: absolute; top:0.65em; left:0.75em}
.content ul li ul li:before{opacity: .5}
/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
   -moz-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
-webkit-column-gap:2em;
   -moz-column-gap:2em;
        column-gap:2em;
}
.req{color:#c00}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}
.clearfix:after{content: "";display: table;clear: both;}

.videoContainer {width: 100%;height:0;line-height:0;position: relative;padding-top:56.25%; /* 16:9 */}
.videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.videoContainer iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}
/* forms */
input, button, select, textarea{font-size:1rem;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"], input[type="reset"]{border-radius:0; outline: none; -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: 2px solid #e1e1e1; transition: ease all 200ms; background-color: #f2f2f2; padding: 0.75em; box-shadow: none;}
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{border-color:#0071D6}
textarea{display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/16x16/select.png);background-repeat:no-repeat;background-position:right center;padding-right: 18px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
button,.button,input[type="button"], input[type="submit"], input[type="reset"]{background:#0071D6; font-family: "industry-inc-base", sans-serif; font-weight:400; font-size: 1.125em; display: inline-block; color:#fff;border:0;padding: 1.125em 1.125em 0.75em;line-height:1em;cursor:pointer}
input::-moz-focus-inner {border:0;padding:0;}
button:hover,.button.hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#3EC3E1;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 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}

.CustomerSurvey label.smile {font-size: 0; position: relative; padding: 4rem 1.5rem 1rem; display: inline-block; margin-top: 1rem;}
.CustomerSurvey label.smile input { transform: scale(1.25);}
.CustomerSurvey label.smile:before {content: ""; position: absolute; top: 0; right: 50%; transform: translateX(50%); width: 3.5rem; height: 3.5rem; background-size: contain; background-repeat: no-repeat; background-position: center;}
.CustomerSurvey label.smile[data-value="1"]:before {background-image: url(/images/icons/misc/angry.svg);}
.CustomerSurvey label.smile[data-value="2"]:before {background-image: url(/images/icons/misc/frown.svg);}
.CustomerSurvey label.smile[data-value="3"]:before {background-image: url(/images/icons/misc/meh.svg);}
.CustomerSurvey label.smile[data-value="4"]:before {background-image: url(/images/icons/misc/smile.svg);}
.CustomerSurvey label.smile[data-value="5"]:before {background-image: url(/images/icons/misc/laugh.svg);}

.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}
.formEdit select, .formBuilder select { width:40%; }
/* pagination */
.pagination{font-size:.95em;text-align:right}
/* page header */
.pageHeader{width:100%;height:auto; clear: both; float: left; background-size: cover; background-position: center}
/* alert */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#990000;padding-left: 1rem;padding-right: 1rem}
#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}
.CTA {clear: both; width: 100%; float: left; text-align: center; color: #fff; background: url(/images/bg-2.png) repeat top left, url(/images/cta-bg.jpg) no-repeat center; background-size:8px 8px, cover}
.CTA h2 {color: #fff}
.CTA .button {padding: 0.75em 1.5em 0.5em; position: relative}
.CTA .button:before {content: ""; cursor: pointer; position: absolute; transition: ease all 200ms; top: 0; left: 0; width: 100%; height: 100%; display: block; border: 4px solid #00D0FF;   border-image-source: linear-gradient(to bottom right, #00D0FF, #009DFF); border-image-slice: 4;}
.CTA .button:hover:before {opacity: 0}
.CTA .button:hover {background: #009DFF}
.button.hollow {font-size: 1em; color: #2B3A48; background: none; padding: 0.75em 1.5em 0.5em; line-height: 1.88rem; margin: 1px; position: relative;}
.button.hollow:hover {color: #fff}
.button.hollow:before {content: ""; cursor: pointer; position: absolute; transition: ease all 200ms; top: 0; left: 0; width: 100%; height: 100%; display: block; border: 4px solid #00D0FF;   border-image-source: linear-gradient(to bottom right, #00D0FF, #009DFF); border-image-slice: 4;}
.button.hollow:hover:before {opacity: 0}
.button.hollow:hover {background: #009DFF}

#hero h1 {color: #fff; margin: 0}
#hero h1+span {color: #fff; line-height: 1.5em; display: block; opacity: 0.65; font-style: italic}
.home * h2 {color: #102436}
.home * h2:before {content: ""; margin:0 auto 1.25rem; display: block; width: 70px; height: 6px; background: rgba(16,36,54,0.20); }
#product-list h2:before {margin: 0 0 1.25rem}
#product-list a {padding: 4px; position: relative; display: block; background: linear-gradient(135deg, #00D0FF 0%, #009DFF 100%)}
#product-list a .product-image {position: relative; overflow: hidden; display: block; padding-bottom: 110%}
#product-list a .product-image span {position: relative; display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; top:0; left:0; background-size: cover; background-position: center}
#product-list a .product-image span.product-front {z-index:1}
#product-list a .product-image span.product-back {z-index:2; opacity: 0; transition: ease all 200ms}
#product-list li .product-title {position: relative; display: block; background-image: linear-gradient(135deg, #00D0FF 0%, #009DFF 100%);}
#product-list li .product-title span {position: relative; display:block; z-index: 2; text-align: center; color:#fff; font-size: 1.125em; line-height: 1.38rem; font-weight: 600}
#product-list li .product-title:before {content: ""; display: block; position: absolute; width: 100%; height: 100%; background: #102436; opacity: 0; transition: ease all 200ms}
#capabilities {width: 100%; text-align: center; float: left; clear: both}
#capabilities a {display: block; background-position: center 1em; background-repeat: no-repeat; padding: 8.13rem 1rem 1rem; font-size: 1.125em; color: #102436; font-family:"industry-inc-base", sans-serif; font-weight:400;}
#capabilities a:hover {color: #009DFF}
#capabilities li {padding: 0}
#capabilities li+li {margin: 0}
#capabilities li:before {display: none}
#capabilities li.engineering-assistance a {background-image: url(/images/icons/engineering-design-assistance.svg)}
#capabilities li.material-research a {background-image: url(/images/icons/material-research-and-development.svg)}
#capabilities li.manufacturing a {background-image: url(/images/icons/manufacturing.svg)}
#welcome {width: 100%; float: left; clear: both; background: url(/images/bg-2.png) repeat top left, url(/images/home/welcome.jpg) no-repeat center; background-size:8px 8px, cover}
#welcome h2 {color:#fff}
#welcome h2:before {background: rgba(255,255,255,0.2)}
#welcome p:last-child {margin-bottom: 0}

.rsFullscreen.rsUni .rsThumbsHor {margin-top: 0}

/* FOOTER ------------------------------ */
body>footer{padding-top:2em;padding-bottom: 2em;color:#102436;font-size:0.81em; line-height: 1.19rem; border-top: 4px solid #102436}
body>footer>.wrap{overflow:visible}
body>footer a,
body>footer address span{color:#0071D6}
body>footer .nolink {color:#102436}
body>footer a:hover, footer a:active{color:#3EC3E1}
body>footer a.on, footer .on>a{text-decoration:none;color:#3EC3E1}
body>footer .fatFooter nav a {display: block}
body>footer .fatFooter .title,
body>footer .fatFooter nav > ul > li > a {display: block; margin-bottom: 0.25em; color: #102436; font-size: 1rem; font-family:"industry-inc-base", sans-serif; font-weight:400;}
body>footer .fatFooter nav li li {position: relative; padding-left: 0.75em}
body>footer .fatFooter nav li li:before {content: "›"; color: #0071D6; position: absolute; top: 0.45em; left: 0}
body>footer .fatFooter nav li li a {padding: 0.5em 0}
body>footer .fatFooter .title:hover,
body>footer .fatFooter nav > ul > li > a:hover {color: #3EC3E1}
body>footer nav{display:inline}
body>footer>div{min-height:18px}
body>footer>.wrap{color: #4D5B68}
body>footer>.wrap > div {font-size: 0.75rem;}
body>footer>.wrap a{color: #4D5B68}
body>footer>.wrap a.on,
body>footer>.wrap a:hover{color: #0071D6}



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

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


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

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