@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, th {empty-cells:show;vertical-align:top;text-align:left}
body:not(#tinymce) {padding-top: 127px;}
body {background:#001121;}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-100px;z-index:10}
	#skipNavigation:focus,#skipNavigation:active{top:0;}

/*page widths*/
body>header, main, body>footer, #alertApp, .video{width:100%;float:left;clear:left;padding:0 1em;display:block;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>*, body>footer .wrap, .video .wrap{max-width:75em; width:100%; margin-left:auto;margin-right:auto;position:relative;overflow:auto}

/* text */
body, .text, input, button{font-family:'Roboto', sans-serif;line-height:1.625em;color:#333}
a {color:#E24031;text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#4A98C6}
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; font-family:'Inter', sans-serif}
p + h2, p + h3, p + h4, p + h5, p + h6, ol + h3 {margin-top:1.3em;}
.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-top:1px solid rgba(0,0,0,.15);margin:2em 0;padding-top:1px}
p{font-size:1em}
h1, .content article.blog>h1{font-size:2.250em; font-weight: 900; line-height: 130%; margin-bottom:1em; color: #001526}
.content>section{margin:2em 0}
h1+h2{margin-top:-1em}
h2, .content * h1{font-size:1.625em; font-weight:800; color: #024572}
h3{font-size:1.500em; font-weight:800; color:#85793D}
h4, th{font-size:1.375em; font-weight:500; color: #464646}
h5 {font-size:1.250em; font-weight:500; font-style: italic; color: #001526}
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}

/* 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.svg) no-repeat 0.75em 0.25em;background-size: 16px 16px;margin-top:.3em;padding-left:2em}
.content ol, #content_home ol, .contentEditor ol{margin-left:35px}
.contentEditor ol {padding: 10px 0 0 25px !important}

/* level2 list */
.content ul li ul li, .content_home ul li ul li, .contentEditor ul li ul li{background-size:13px 13px}
.content ol ol li {list-style: lower-alpha}

/*main ul ul { margin-left: 35px; color: #666666; font-size: .9em;}*/

/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}
.twoCol {
-webkit-columns:2;
        columns:2;
-webkit-column-gap:2em;
        column-gap:2em;
}
.threeCol {
-webkit-columns:3;
        columns:3;
-webkit-column-gap:30px;
        column-gap:30px;
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}
.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}

/* forms */
input, button{font-size:1em; border-radius: 2px}
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: 2px; border-radius:0;-webkit-appearance:none; -webkit-transition:ease all 200ms; transition: ease all 200ms}
input[type="radio"],input[type="checkbox"]{}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border:1px solid rgba(0,0,0,.2);background-color:#fff; border-radius: 2px; padding:.25em .6em;}
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{-webkit-box-shadow:inset 0px 2px 4px 0px rgba(0, 0, 0, .5);box-shadow:inset 0px 2px 4px 0px rgba(0, 0, 0, .5)}
textarea{display:block}
select {line-height: 1.625em; font-size: 1em}
@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:.25em .6em}
	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:#E24031; display: inline-block; color:#fff;border:1px solid #5c6161;padding:.7em 1em; border-radius: 3px; 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:#024572;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 !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{margin:0 auto;width:100%;background:#001121; position: fixed; z-index: 10; top: 0; left: 0;}
.management>header{ padding-top: 34px; left: 0;}
.management2>header {padding-top: 78px}

body>header>.wrap{overflow: visible; max-width:100%}
#brand{display: block; position:absolute;left:0;top:0;height:100%;width:15.875em; padding-top:2em;}
     #brand:hover{opacity:0.75}
	#brand img{position: relative;display:block}
/* ancillary */
#ancillary {color:#fff;float: right; color:rgba(255,255,255,0.4); margin:1rem 0 0.50rem; font-size:0.875em;line-height:1.1em;text-align:right}
#ancillary li{display: inline-block; vertical-align: middle; padding:0 ;}
#ancillary li:after{content:'|'; margin:0 0.75em}
#ancillary form>*{display: inline-block; line-height: 120%; vertical-align: middle}
#ancillary .search{border-radius:2px; overflow: hidden; position: relative;}
     #ancillary .search input {background:none; -webkit-box-shadow: none; box-shadow: none; border: 0; color: rgba(255,255,255,0.4); line-height:2.25em; display: inline-block; vertical-align: middle; padding: 0 2.25em 0 0; width:5.35em; border-radius: 2px; font-style: italic; font-size: 1em}
     #ancillary .search:hover input, #ancillary .search input:hover, #ancillary .search input:focus {color: #fff}
     #ancillary .search ::-webkit-input-placeholder {color: rgba(255,255,255,0.4); opacity:1}
     #ancillary .search ::-moz-placeholder {color: rgba(255,255,255,0.4);opacity:1}
     #ancillary .search :-ms-input-placeholder {color: rgba(255,255,255,0.4);opacity:1}
     #ancillary .search :-moz-placeholder {color: rgba(255,255,255,0.4);opacity:1}
          #ancillary .search:hover ::-webkit-input-placeholder {color: #fff}
          #ancillary .search:hover ::-moz-placeholder {color: #fff}
          #ancillary .search:hover :-ms-input-placeholder {color: #fff}
          #ancillary .search:hover :-moz-placeholder {color: #fff}
     #ancillary .search:hover input, #ancillary .search input:focus {background:rgba(255,255,255,0.15); width:10em; padding:0 2.25em 0 0.75em}
.search button, #ancillary .search button:hover {border-radius: 0 2px 2px 0; border:0; position: absolute; opacity: 0.4; top:0; right:0; height: 100%; width: 2.25em; background:#001121 url(/images/icons/misc/search.svg) no-repeat center}
     .search input:hover + button, .search input:focus + button {opacity:1; background:#E24031 url(/images/icons/misc/search.svg) no-repeat center}
     .search input:focus + button:hover {opacity: 0.75}
#ancillary a {text-decoration:none; line-height: 2.25em; font-style: italic; color:#fff; opacity:0.4; -webkit-text-size-adjust:none}
#ancillary a:hover, hbody>eader>nav a:active {opacity:1}
#ancillary li.on a {text-decoration:none;color:#E24031; opacity: 1}
#ancillary .phone:before {content:'|'; margin:0 .75em 0 0;}


/* PRIMARY NAV ------------------------------ */
#mainnav{overflow:visible; float: right; clear: both; margin-bottom:1.9em}
#mainnav ul{text-align:center;overflow:visible}
#mainnav ul + ul {display: none;}
#mainnav li{display:inline-block;position:relative; margin-left:1px}
#mainnav a{color:#fff;line-height:2.55rem;padding:0 1em; font-size: 0.875em; font-weight:500; border-radius: 2px; display:inline-block;text-decoration:none;-webkit-text-size-adjust:none}
#mainnav>ul>li:hover>a, #mainnav>ul>li:active>a{background:#E24031;color:#fff; border-radius:2px 2px 0 0}
#mainnav>ul>li.on>a{background:#024572;color:#fff}
/*dhtml*/
#mainnav li ul{z-index:1;width:15em;padding:1em 0.25em; border-radius: 0 2px 2px 2px; background:#E24031;position:absolute;overflow:auto;height:auto}
#mainnav li:last-child ul {border-radius: 2px 0 2px 2px}
#mainnav>ul>li:last-child ul{right:0}
#mainnav li ul li{width:100%;display:block; margin:0; font-weight: 300; float:left}
#mainnav ul li ul li a{background:none;color:#fff}
#mainnav li ul li a{font-size:.875em;line-height:1.1em;padding:.5em 1em; display:block;width:100%;text-align:left;float:left}
#mainnav li ul li a:hover, .t1 li ul li a:active{color:#000;background:#fff}


/* MAIN ------------------------------ */
main, .mceContentBody{background:#F2F0E4}
main>.wrap{padding-top:3.375em}
.contentEditor{background:#fff;min-width:100%;}
/* side column */
main>div>aside{float: left; width:22.5%; overflow:hidden; margin:0.5em 0 2em 1em}
/* t1 */
#sidenav{overflow:hidden;margin:0 0 3em}
#sidenav li{height:1%;overflow:hidden}
#sidenav li a{padding:.5em 5px;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 > a {display: none}
/* t2 */
#sidenav li.on ul{border-top:1px solid rgba(0,0,0,.25)}
#sidenav li.on ul li{border-bottom:1px solid rgba(0,0,0,.15)}
#sidenav li.on ul li.on{background: #DEDED6}
#sidenav li.on ul li a{padding:.5em 1.25rem; font-weight: 500; color:#E24031}
#sidenav li ul li a:hover, #sidenav li ul li a:active, #sidenav li ul li.on>a:hover{color:#fff;background:#E24031}
#sidenav li ul li.on>a{color:#001121;}
/* t3 */
#sidenav li ul li.on ul{padding-bottom:.5em;border:0}
#sidenav li ul li.on ul li{border:0}
#sidenav li ul li.on ul li.on{background: #001121}
#sidenav li ul li.on ul li a{padding-left:2rem;font-size:0.938em; font-weight:400;color:#4A98C6}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active{background:#f5f5f5}
#sidenav li ul li ul li.on>a{color:#fff;}
/* t4 */
#sidenav li ul li ul li.on ul li a{padding-left:3.25rem;font-size:0.875em;color:#8796a1}
#sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active{background:#fff}
#sidenav li ul li ul li ul li.on>a{color:#000; background:#f5f5f5;}
/*section callouts*/
main>div>aside > a{margin:0 0 2.5em; display: block; padding:1.75em 0 0; color: #fff; text-align: center; background: url(/images/callout-bg.jpg) no-repeat center top / cover; border-radius:4px; border: 1px solid rgba(74,22,20,0.7)}
     main>div>aside a.contact{background:none; border:0; border-top: 1px solid #ccc;}
main>div>aside a h1{margin-bottom:0.5em;font-size:1.375em; font-style: italic; font-weight:900; text-transform:uppercase; color:#fff}
     main>div>aside a.contact h1{color: #024572}
main>div>aside a p{margin:0 auto 1.75em; color:#fff; max-width:13em; line-height: 130%}
main>div>aside a:hover > *{color:#fff}
     main>div>aside a.contact p{color:#666666; margin: 0 auto 0.5em}
main>div>aside a span{display: block; font-style: italic; font-size: 1.125em; background: #E24031; color:#fff; padding:0.75em 0}
main>div>aside a:hover span{background: #024572; color:#fff}
     main>div>aside a.contact span{color: #E24031; font-weight: 600; font-style: normal; background:none; padding: 0}
     main>div>aside a.contact:hover span{color: #024572; background:none}
main>div>aside .testimonial {text-align:center; padding-bottom: 2em}
main>div>aside .testimonial p {margin-bottom: 0.5em}
     main>div>aside .testimonial p:before {content: url(/images/icons/misc/quote-left.svg); display:inline-block; margin-right:0.5em}
     main>div>aside .testimonial p:after {content: url(/images/icons/misc/quote-right.svg); display: inline-block; margin-left:0.5em}
main>div>aside .testimonial .byline {font-size:0.875em; font-style: italic}

/* breadcrumb */
.breadcrumb{margin-bottom: 1em}
.breadcrumb a:after{content: "\00A0\00A0\203A\00A0"}

/* content */
#content{float:right;width:68%;padding:0 0 5em 0;overflow:hidden; min-height:600px;word-wrap:break-word;position:relative}
#content .photoright, #content .photoleft{max-width:50%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto}
#content img.phototreatment {width:100%;height:auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
.photoright{float:right;margin:0 0 3em 4em;clear:right}
.photoleft{float:left;margin:0 4em 3em 0;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight, .content .highlight{background:#E6E3D0; border: 1px solid #c0c1b7; border-radius:3px; padding:2.25em;margin:3em 0}
#content * h1{font-size:1.625em;margin-bottom:1em; font-weight: 600; font-style: italic; text-transform:uppercase; color:#024572}
small, .textSm{font-size:.8em}
#content table, .contentEditor table{width:100%}

blockquote {color:#00406c; float:left; font-size:1.25em; font-style: italic; line-height:1.5; margin: 0 0 2em; padding: 1em 1.5em; position: relative; width:100%;}
blockquote:before {content:"\201C"; position: absolute; left: 1.075em; top:1em;}
blockquote:after {content:"\201D";}

.home > section {background: #efeddf; text-align: center; padding: 6em 1em; width:100%; clear:both}
.home > section h1, .video h1 {font-size: 2em; text-transform: uppercase; margin-bottom: 0.75em}
.home > section p {max-width:42em; margin: 0 auto 4em}
.categories a {width: 20%; margin: 0 1% 2%; cursor:pointer; position: relative; border-radius: 4px; border:1px solid #7b5651; padding-bottom: 23%; display: inline-block}
     .categories .wire {background: url(/images/home/wire.jpg) no-repeat center top / cover}
     .categories .cut {background: url(/images/home/cut.jpg) no-repeat center top / cover}
     .categories .machine {background: url(/images/home/machine.jpg) no-repeat center top / cover}
     .categories .equipment {background: url(/images/home/equipment.jpg) no-repeat center top / cover}
     .categories .systems {background: url(/images/home/systems.jpg) no-repeat center top / cover}
           .interior .categories .wire {background: url(/images/home/wire.jpg) no-repeat center top / cover}
           .interior .categories .cut {background: url(/images/home/cut.jpg) no-repeat center top / cover}
           .interior .categories .machine {background: url(/images/home/machine.jpg) no-repeat center top / cover}
           .interior .categories .equipment {background: url(/images/home/equipment.jpg) no-repeat center top / cover}
           .interior .categories .systems {background: url(/images/home/systems.jpg) no-repeat center top / cover}
.categories a:hover {border: 1px solid #024572}
.categories a > div {position: absolute; height: 0; bottom:3.65em; width:100%; padding-bottom:24%; background: url(/images/Tak-logo.svg) no-repeat center rgba(255,255,255,0.85); background-size:auto 80%}
.categories a > span {position: absolute; text-align: center; border-top: 1px solid rgba(255,255,255,0.75); bottom:0; left:0; width:100%; color:#fff!important; background:#E24031; padding: 1em 0; font-style:italic; border-radius: 0 0 4px 4px}
.categories a:hover > span {background: #024572}
.home > main {background: #E1DDC5; position: relative; border-top: 1px solid #c0c1b7; border-bottom: 1px solid #c0c1b7}
     .home > main:after {content:''; position: absolute; top:0; right:0; width: 60%; height: 100%; display: block; background: url(/images/home/welcome-bg.jpg) no-repeat center / cover}
.home > main .wrap {padding: 0}
.home > main #content {float: left; z-index:2; padding: 6em 17% 6em 0; background: url(/images/home/welcome-angle.svg) no-repeat center right / cover; min-height: 0}
.home > main #content h1 {font-size: 1.875em; font-weight: 900; text-transform: uppercase; margin-bottom:0.75em}
.home > main #content p, .home > section p {color: #001526}
.home > main #content p+p {margin-top: 3em}
.home > main #content a {padding: 0.75em 1.75em 0.75em 3.5em; font-style: italic}
.home > main #content a+a {margin-left:1em}
     .home > main #content .videoLink {background: #E24031 url(/images/icons/misc/play.svg) no-repeat 1.15em center}
          .home > main #content .videoLink:hover {background: #024572 url(/images/icons/misc/play.svg) no-repeat 1.15em center}
     .home > main #content .contactLink {background: #E24031 url(/images/icons/misc/comment.svg) no-repeat 1.25em center}
          .home > main #content .contactLink:hover {background: #024572 url(/images/icons/misc/comment.svg) no-repeat 1.25em center}
.video .wrap {overflow: hidden;padding: 5% 1em;}
.video{background:#024572;display:block;position: relative;overflow: visible;}
.home .video .left *{color: #fff}

p.intro {font-size: 1.188em; color: #024572; margin-bottom: 1.25em}

.interior .categories {
    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: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;}
.interior .categories a {width: 30%; border-radius:4px; margin-bottom: 2em; margin-right: 3%; padding-bottom: 3.25em; background: #000; vertical-align: top; display: block; border: 0; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.35); box-shadow: 0 3px 7px rgba(0,0,0,0.35)}
.interior .categories a:nth-of-type(3n+3) {margin-right: 0}
.interior .categories a:hover {-webkit-box-shadow: none;box-shadow: none}
     .interior .categories a > img {display: block; width: 100%; border-radius: 4px 4px 0 0; height: 17em; -o-object-fit:cover; object-fit:cover }
     .interior .categories a:hover > img {opacity: 0.5}
     .interior .categories a > span {position: absolute; bottom:0; left:0; width:100%; display: block; padding: 1em 0.25em;}
     .interior .categories a > span span {color:#fff; position: relative; display: block; line-height: 130%; padding:0 0.5em;}
     .interior .productList.categories a > span {height: 3.750em; line-height: 3.5em; padding: 0 0.25em;}

.product-page .top {width:100%; clear: both}
     .product-page .top > div {float: left}
     .product-page .top .gallery {width: 40%;}
     .product-page .top .gallery #largeImage {max-width: 100%; height: auto; margin-bottom:1em; border-radius: 5px; border:1px solid rgba(2,15,25,0.20)}
     .product-page .top .gallery #thumbs div {width:5em; height: 3em; display: inline-block; border: 2px solid transparent; margin:0 0.25em 0.25em 0; background-position: center; background-size:cover;}
     .product-page .top .gallery #thumbs div.on {border: 2px solid #E24031}
     .product-page .top > .overview {width:60%; padding-left:3em}
     .product-page .top > .overview hr {margin:2.4em 0}
     .product-page .top > .overview .cta-buttons {
          display: flex;
          flex-wrap: wrap;
          gap:0.25em;
     }
     .product-page .top > .overview .button {padding: 1em 1.25em 1em 2.75em; font-style: italic; background:#E24031 url(/images/icons/misc/mail.svg) no-repeat 1em center}
.product-page .bottom {width:100%; float: left; clear: both; margin-top:2em}
     .product-page .tabs {text-align: left}
     .product-page .tabs li {padding:0; display: inline-block; float: left}
     .product-page .tabs a {display: inline-block; float: left; font-weight:600; background: #d7d6cb; color:#001121; text-transform:uppercase; padding:0.75em 1em; border-radius: 4px 4px 0 0; cursor:pointer; margin-right:0.5em; border: 1px solid #c0c1b7; border-bottom:0}
     .product-page .tabs a.on {color:#fff; background: #4B98C6}
     .product-page .tab-content {background:#fff; overflow: auto; width: 100%; clear:both; border: 1px solid rgba(2,15,25,0.4); padding:3em 2em}
     .product-page .tab-content h2 {color: #024572; font-size: 1.25em; font-weight: 600}
     .product-page .tab-content h3 {color: #85793D; font-size: 1.15em; font-weight: 500}

.product-page .topVideo .mainDetail {width: 40%; float: right; padding-left:2em}
     .product-page .topVideo .mainDetail .date {font-size: 1em; font-weight:600; color:#024572}
     .product-page .topVideo .mainVideo {width:60%; float: left}
     .product-page .videoGallery {width:100%; padding-top: 2em; margin-top:1em; border-top:1px solid #ccc; float: left; clear: both}
     .product-page .videoGallery h4{ font-size: 1em; color:#E24031}
     .product-page #youtube-player,.product-page .youtube-thumb, .product-page #youtube-player .play-button {position: absolute; top:0; left: 0; right:0; bottom:0; background-size:cover; background-position:center}
     .product-page #youtube-player .play-button:before {content:''; cursor: pointer; -webkit-transition:ease all 200ms; transition:ease all 200ms; position: absolute; top:0; right:0; bottom:0; left:0; background: url(/images/icons/misc/play-button.svg) no-repeat center}
     .product-page #youtube-player .play-button:after {opacity:0; content:''; cursor: pointer; -webkit-transition:ease all 200ms; transition:ease all 200ms; position: absolute; top:0; right:0; bottom:0; left:0; background: url(/images/icons/misc/play-button_hover.svg) no-repeat center}
     .product-page #youtube-player .play-button:hover:before {opacity:0}
     .product-page #youtube-player .play-button:hover:after {opacity:1}
     .product-page .videoGallery .videoSmall{width: 22%; margin: 0 2% 6% 0;display: inline-block}
     .product-page .videoGallery .videoSmall .play-button {position: absolute; -webkit-transition:ease all 200ms; transition: ease all 200ms; opacity:0.85; cursor:pointer; z-index:1; top:0; left: 0; right:0; bottom: 0; background: url(/images/icons/misc/play-button-standby.svg) no-repeat center / auto 50%;}
     .product-page .videoGallery .videoSmall .play-button:hover {opacity:1}
     .product-page .videoGallery .videoSmall .videoThumb {position: absolute; cursor: pointer; top:0; left: 0; right:0; bottom: 0; background-size:cover; background-position:center}
     .product-page .videoGallery .videoSmall:nth-child(4n+5){margin-right:0}
     .product-page .videoGallery .videoSmall .videoTitle {font-size: 0.9em; line-height: 120%; color: #4B98C6; margin:1em 0 0.25em; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
     .product-page .videoGallery .videoSmall .videoDate {font-size: 0.85em; line-height: 120%; display: block; margin:0; color:#666}
.product-page .videoGallery .videoSmall a:hover > * {color:#E24032}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#dd25 input {padding: 0 1em; line-height: 2.5em; font-size: 1em;}
#dd25 #saddr {width:80% !important}

.download-list {margin-bottom: 3em}
.detail.downloads > div {margin-top: 2em; padding:1.75em 1.5em; background: #fff; border-radius: 5px}
.detail.downloads > div h2 {margin-bottom: 0.5em}

img {max-width: 100%; height: auto}


/* Case Study */
.caseStudy h2, .caseStudy h3 {margin-bottom: 8px;}
.relatedProducts h4 {color:#4a4a4a; font-size: 1.25em; font-weight: 800;}

/* Special Table */
@media only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		.about-table table, .about-table thead, .about-table tbody, .about-table th, .about-table td, .about-table tr {display: block;}

		/* Hide table headers (but not display: none;, for accessibility) */
		.about-table thead tr {position: absolute; top: -9999px; left: -9999px;}

		.about-table tr { margin: 15px;}

		.about-table td {
			/* Behave  like a "row" */
			position: relative;
			padding-left: 40%!important;
		}

		.about-table td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 10px;
			width: 35%;
			padding-right: 10px;
            color: #024572;
            font-weight: 700;
            font-size: 1.2em;
		}
		/*
		Label the data
		*/
		.about-table td:nth-of-type(1):before { content: "Precision Wire Components"; }
		.about-table td:nth-of-type(2):before { content: "Cut to Length"; }
		.about-table td:nth-of-type(3):before { content: "Precision Machining"; }
		.about-table td:nth-of-type(4):before { content: "Equipment & Engineered Systems"; }

	}

.about-table th {text-align: center; border: 1px solid rgba(0,0,0,.15); background-color: #024572; color: #ffffff; font-weight: 700;  padding: 5px 15px; vertical-align: middle; font-size: 1.2em;  width: 25%;}
.about-table td { border: 1px solid rgba(0,0,0,.15); font-size: .9em; line-height: 1.5em; padding: 0 5px 0 0;}
.about-table td ul li { margin-top: .5em; }



figure, .about-table {margin-bottom: 4em;}

.triangle {padding: 3em 2em 3em 3em;  background-color: #e5e3d9; display: inline-block; border-radius: 5px;}
.triangle figcaption {font-size: 1em; font-weight: 500; color: #666666; margin-top: 10%;}
.triangle figcaption strong{ font-size: 1.3em;}
.triangle figcaption a {font-size: .9em; font-weight: 700;}
.triangle img {float: right;}



/* FAQs --------------------------- */
.content .faqs-list {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.content .faqs-list > li {
    background: none;
    margin: 0;
    padding: 0;
}

details {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0.5em;
}

details[open] {
    border-color: #024572;
}

details>summary {
    align-items: center;
    border-radius: 0.5em;
    cursor: pointer;
    display: flex;
    font-weight: 600;
    gap: 1em;
    justify-content: space-between;
    list-style: none;
    padding: 0.75rem 3rem 0.75em 1rem;
    position: relative;
    z-index: 1;
}

details[open]>summary {
    border-radius: 0.5em 0.5em 0 0;
}

details>summary::-webkit-details-marker {
    display: none;
}

details>summary:is(:hover, :focus-visible) {
    box-shadow:0 0 0 2px #E24031;
}

details>summary::before,
details>summary::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.5em;
    width: 1em;
    height: 2px;
    background-color: #E24031;
    border-radius: 1px;
    transform-origin: center;
}

details>summary::before {
    transform: translate(-50%, -50%) rotate(90deg);
}

details>summary::after {
    transform: translate(-50%, -50%);
}

details[open] > summary::before {
    transform: translate(-50%, -50%) rotate(0deg);
    opacity: 0;
}

.details-content {
    border-top: 1px solid #ddd;
	padding: 1em;
}


/* Comparison Table */
.comparison-wrapper {margin: 4em 0;}
.comparison-wrapper th, .comparison-wrapper td {padding-left: 1.25rem; padding-right: 1.25rem}
.comparison-wrapper th:not(:first-child), .comparison-wrapper td:not(:first-child) {border-left: 1px solid rgba(0,0,0,.25); text-align: right;}
.comparison-wrapper thead th {padding-bottom:1.25rem; background-clip: padding-box;}
.comparison-wrapper thead th .product-image {padding-bottom: 100%; position: relative;border: 1px solid rgba(0,0,0,.25);}
.comparison-wrapper thead .large-product-images th:not(.empty) {width:33%;}
.comparison-wrapper thead .sticky th {position:sticky; position:-webkit-sticky; top: 6.75rem; box-shadow: inset 0 -1px 0 0 #DEDED6}
.comparison-wrapper thead .sticky th .product-image {max-width: 6.25rem; opacity:0; display: none; transform: translateX(-100%); pointer-events:none}
.comparison-wrapper thead th .product-image img {width: 100%; display: block;position: absolute;top: 50%;transform: translateY(-50%);width: auto; height: 100%;}
.comparison-wrapper thead th .product-info {line-height: 1em}
.comparison-wrapper thead th .product-info h2 {font-size: 1.25rem; line-height:1em; margin:0;letter-spacing: 0;}
.comparison-wrapper thead th .product-info a {font-size: 1rem;}

.comparison-wrapper thead .large-product-images th {width:20%}
.comparison-wrapper tbody tr:nth-child(odd) td {background:#DEDED6}
.comparison-wrapper tbody td {padding-top: 0.5em; padding-bottom:0.5em;}
.comparison-wrapper tbody td:first-child {text-align:left; white-space: nowrap; width: 20%}





@media only screen and (max-width: 1019px) {
        .triangle figcaption {margin-top: 0;}
}

@media only screen and (max-width: 960px) {
        .triangle img {float: none;}
        .triangle {text-align: center; padding: 1em 4em 2em 4em;}
        .triangle figcaption {margin-top: 1em;}
}


/* FOOTER ------------------------------ */
body>footer {padding:0}
body>footer>* {padding-left:1em; padding-right:1em}
body>footer .fatFooter {padding-top: 5.625em; color: #6f8494; padding-bottom: 3.5em}
body>footer .fatFooter a{font-style: italic; color:#fff; display: block}
body>footer .fatFooter a:hover{color:#E24031}
body>footer .fatFooter a:after{content: "\0020\›"}
body>footer .fatFooter .logos a:after { display: none; }
body>footer .fatFooter .logos a img { margin: 0 0 .875em; max-width: 12em; width: 100%;}

body>footer .fatFooter address {margin-bottom: 1em; font-weight:100}
body>footer .fatFooter div:nth-child(2) a {margin-top:0.5em; line-height: 140%}
body>footer .fatFooter li {margin-bottom: 0.75em}
body>footer .fatFooter .icons a{margin-bottom: 1em; display: inline-block; float: left; clear:both}
     body>footer .fatFooter .icons a:hover {opacity:0.5}
body>footer .fatFooter .icons a img{display: inline-block; vertical-align: middle; margin-right: 0.5em}
body>footer .fatFooter .icons a span{font-size: 0.875em; color:#fff; font-weight:300; display: inline-block; vertical-align:middle; line-height:120%}
body>footer .fatFooter .icons a:after{content: ''}
body>footer .fatFooter > * {float:left}
body>footer nav{display:inline}
body>footer .copyright {background: #000711; color: rgba(255,255,255,0.2); padding:1em}
body>footer .copyright .wrap {padding:0 1em;}
body>footer .copyright .wrap > div {font-size: 0.875em}
body>footer .copyright .wrap > div:first-child{float: right}
body>footer .copyright .wrap a{color: rgba(255,255,255,0.2);}
body>footer .copyright .wrap a:hover, body>footer .copyright .wrap a.on{color: rgba(255,255,255,0.5);}



#google_translate_element {font-size: 1em; border-radius: 0.25em; -webkit-transition:all ease-out 200ms; transition:all ease-out 200ms; position: relative;  display: inline-block}
 #google_translate_element:hover {background: rgba(255,255,255,0.15)}
 #google_translate_element img {display: none}
#google_translate_element .goog-te-gadget-simple > span {display: inline-block; line-height:1.875rem; color:#fff; vertical-align: middle}
 #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.svg) no-repeat center / 1.875rem 1.875rem}
#google_translate_element .goog-te-gadget-simple a span {color:#fff; font-size: 0.875rem; margin-left:0.5em}
#google_translate_element .goog-te-gadget-simple a span {display: none}
 #google_translate_element .goog-te-gadget-simple a span:first-child {display: inline-block!important;}
 #google_translate_element .goog-te-gadget-simple {border:0; background:none; padding:0;}
 #google_translate_element .goog-te-gadget-simple spam[style="border-left-width: 1px"] {display: none}
.goog-te-gadget-simple .goog-te-menu-value {display: inline-block;}


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

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

/* page header */
.pageHeader{width:100%;height:11.313em; border-top: 1px solid #787e7c; border-bottom: 1px solid #787e7c; background-size:cover; background-repeat:no-repeat; background-position:center; float: left; clear: both;}

/* ALERT */
#alertApp, #alertApp.alertStatic:hover {
     background:#efeddf;
     padding: 1.5em 1em;
     position: relative;
     width: 100%;
}
#alertTitle {
     color: #024572;
     display: block;
     font-size: 1.5em;
     line-height: 1.3;
     text-align: center;
     width: 100%;
}
#alertDesc{overflow:hidden}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:250px;}

#alertDesc p {
     color: #001526;
     margin: 1em auto 0;
     position: relative;
     max-width: 50em;
     width:100%;
}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover #alertTitle {color:#E24031;}


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

body>header #mainnav>.menu, body>header #mainnav .search, body>header .primary {display: none}




/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc{-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; }





/* SPLIT RIBBON ------------------------------ */

.split-ribbon {
	margin-block: 3em;
}

.split-ribbon:last-child {
	margin-bottom: 0;
}