html, body { font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:16px; background-color:#fff; color:#333; width:100%; height:100%; margin:0; padding:0; line-height:1.6; }
html { -webkit-tap-highlight-color: transparent; }/*remove blue highlight when tapping links on mobile*/
table { border-collapse:collapse; border-spacing:0; width:100%; border:none; margin:0; padding:0; }
td { border:none; margin:0; padding:2px; font-size:14px; font-family:arial, helvetica, sans-serif; }
table td strong { font-weight:700; }
a { outline:0; /*overflow-wrap:break-word; word-wrap:break-word; -ms-word-break:break-all; word-break:break-all; word-break:break-word; -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto;*/ }
a:link, a:visited { color:#558abb; text-decoration:none; }
a:hover { color:#333; text-decoration:underline; text-decoration-color:#558abb; }
.msext a { background-color:#fff; color:#009999; border:1px solid #ccc; padding:1px 4px; border-radius:2px; white-space:nowrap; }
.msext a:hover { color:#333; text-decoration:none; border-color:#099; }
a:hover img { text-decoration:none; }
img { max-width:100%; height:auto; border-radius:3px; }
img.hcr { display:block; margin:0 auto; }
.imgGray { -webkit-filter:grayscale(100%); filter:grayscale(100%); }
.imgExt { display:block; border-radius:6px; transition:0.3s; box-shadow:0 3px 10px rgb(0 0 0 / 0.15); }
.imgExt img { display:block; padding:10px; }
.imgExt:hover { transition:0.3s; box-shadow:none; }
h1 { font-size:32px; line-height:1.4; /*text-shadow:1px 1px #ccc;*/ font-weight:400; }
h2, h3, h4, h5, h6, .ft24, .ft30 { font-size:24px; line-height:1.4; /*text-shadow:1px 1px #ccc;*/ margin:0; padding:0; font-weight:400; }
.ft30 { font-size:30px; }
.ft24qa { font-size:24px; line-height:1.4; margin:0; padding:0; color:#099; }
.ft22 { font-size:22px; }
.ft22 { font-size:22px; }
.ft20 { font-size:20px; }
.ft18 { font-size:18px; }
.ft16 { font-size:16px; }
.ft14 { font-size:14px; /*text-transform:capitalize;*/ }
.ft12a { font-variant:small-caps; font-size:16px; }
.ft12 { font-variant:small-caps; font-size:14px; line-height:1.2; }
.fw700 { font-weight:700; }
ul { margin-top:6px; }
ul li { list-style:disc; list-style-position:outside; }
ol { margin-top:6px; }
ol li { list-style:decimal; list-style-position:outside; }
sub, sup { color:#999; font-size:18px; font-weight:700; font-variant:small-caps; }
button { border:none; }
hr { color:#000; }
.nows { white-space:nowrap; }
.crred { color:#f00; filter:brightness(85%); }
.bgceee { background-color:#eee; }
.alic { text-align:center; }
.posSticky { position:-webkit-sticky; position:sticky; top:50px; background-color:#eee; }
.headerEWPcontainer { position:fixed; width:100%; height:50px; top:0; left:0; background-color:#fff; background-color:rgba(255,255,255,0.95); z-index:1; -webkit-box-shadow:0 10px 6px -6px #ccc; -moz-box-shadow:0 10px 6px -6px #ccc; box-shadow:0 10px 6px -6px #ccc; }
.spacerEWP { height:55px; }
span.logoHover { position:absolute; width:90px; height:34px; background:url(https://www.wermac.org/images/logoEWPlogo.gif) no-repeat; margin-top:auto; margin-bottom:auto; top:0; bottom:0; left:5px; }
span.stripesHover { position:absolute; width:18px; height:18px; background:url(https://www.wermac.org/images/stripes500.gif) no-repeat; margin-top:auto; margin-bottom:auto; top:0; right:15px; bottom:0; }
span.searchHover { position:absolute; width:30px; height:30px; background:url(https://www.wermac.org/images/search30.png) no-repeat; margin-top:auto; margin-bottom:auto; top:0; right:50px; bottom:0; }
span.homeHover { position:absolute; width:18px; height:18px; background:url(https://www.wermac.org/images/home100.gif) no-repeat; margin-top:auto; margin-bottom:auto; top:0; right:95px; bottom:0; }
span.topHover { position:fixed; bottom:20px; right:10px; background:url(https://www.wermac.org/images/top1000.gif) center no-repeat; width:40px; height:40px; border:2px solid #fc0; border-radius:50%; background-color:rgba(255, 255, 255, 0.7); }
.logoHover:hover, .stripesHover:hover, .searchHover:hover, .homeHover:hover { opacity:0.4; transition:0.3s; }
.topHover:hover { opacity:0.7; transition:0.3s; }


 @media screen and (max-width:800px) {
h1 {
font-size:30px;
}
}
 @media screen and (max-width:700px) {
h1, .ft30 {
font-size:29px;
}
}
 @media screen and (max-width:600px) {
h1, .ft30 {
font-size:28px;
}
}
 @media screen and (max-width:500px) {
h1, .ft30 {
font-size:27px;
}
}
.pageNav { position:fixed; bottom:10px; left:50%; transform:translateX(-50%); }
/*.pageNav { position:-webkit-sticky; position:sticky; text-align:center; bottom:5px; padding-top:10px; height:30px; }*/
.pageNav a { background-color:#39f; color:#fff; padding:5px 10px; border:1px solid #ccc; border-radius:6px; font-size:14px; white-space:nowrap; font-family:Verdana, Arial, Helvetica, sans-serif; }
.pageNav a:hover { color:#558abb; border-color:#000; background-color:rgba(255, 255, 255, 0.8); text-decoration:none; }
.footerEWP { text-align:center; padding:30px 10px 60px; background-color:#000; font-size:12px; border-top:1px solid #222; }
.footerEWP p { color:#999; margin:0; }
.footerEWP span { color:#ccc; }
.footerEWP p a:hover { text-decoration:underline; text-decoration-color:#999; }
.tblflgafm { margin-top:8px; }
.tblflgafm tr:hover { background-color:#ff6; }
.tblflgafm tr:first-child:hover { background-color:#fff; }
.tblflgafm td { padding:0 2px; border:1px solid #ddd; font-size:14px; width:14%; text-align:center; }
.tblflgafm a { transition:0.3s; }
.tblflgafm a:hover { text-decoration:none; color:#f60; transition:0.3s; }
.tblflgafm .afm { border:none; text-align:right; font-size:16px; color:#f60; padding:0; font-weight:700; }
.tblflgafm .sDia { border:none; text-align:left; padding:0; }
.tblflgafm .sDia a { font-size:16px; font-weight:700; }
.tblflgafm .studs { font-weight:700; background-color:#eee; padding:0 2px; }
.sidenav { height:calc(100% - 100px); width:0; position:fixed; z-index:1; top:50px; left:0; padding-top:40px; white-space:nowrap; background-color:#111; overflow-x:hidden; transition:0.5s; }
.sidenav strong { color:#9cf; font-weight:400; }
.sidenav a { margin:10px 0 10px 20px; text-decoration:none; font-size:16px; color:#ccc; display:table; transition:0.3s; }
.sidenav a:hover { color:#fc0; }
.sidenav .closebtn { position:absolute; top:-20px; right:10px; font-size:40px; }
.sidenav .closebtn:hover { color:#fc0; }
.tbl_center { margin-top:10px; }
.tbl_center td { padding:4px 2px; border:1px solid #ddd; text-align:center; }
.tbl_left { margin-top:10px; }
.tbl_left td { padding:4px 1px 3px; border:1px solid #ddd; vertical-align:top; }
.pdfFile { display:inline-block; margin:10px; background:url(https://www.wermac.org/images/pdf_logo_yellow.gif) top left no-repeat; }
.htmlFile { display:inline-block; margin:10px; background:url(https://www.wermac.org/images/html_logo_blue.gif) top left no-repeat; }
.pdfFile img, .htmlFile img { display:inline-block; width:41px; height:40px; }
.pdfFile span, .htmlFile span { display:inline-block; width:200px; vertical-align:top; text-align:left; padding-left:5px; font-size:14px; line-height:1.3; max-height:55px; overflow:hidden; }
.pdfFile a, .htmlFile a { color:#333; }
.pdfFile a:hover, .htmlFile a:hover { display:block; text-decoration:none; color:#777; }
.pdfFile a:hover img, .htmlFile a:hover img { visibility:hidden; }
.Q_uestion { background-color:#fff; padding:10px 2px 0; }
.Qborder_space { border-bottom:5px solid #558abb; margin:20px 0 0; }
.A_nswer { padding:10px 20px 20px; margin-top:25px; background-color:#f5f5f5; }
.video_container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin-top:30px; }
.video_container iframe, .video_container object, .video_container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
.bg_distillation { background:url(https://www.wermac.org/equipment/equipment_img/distillation_column_bg.gif) left center no-repeat; }
.bg_heatexchanger { background:url(https://www.wermac.org/equipment/equipment_img/bg_hex.gif) right bottom no-repeat; }
.bg_heabm { background:url(https://www.wermac.org/steel/steel_img/bg_steel_heabm.gif) bottom left no-repeat; }
.bg_ipe { background:url(https://www.wermac.org/steel/steel_img/bg_steel_ipe.gif) bottom left no-repeat; }
.bg_inp { background:url(https://www.wermac.org/steel/steel_img/bg_steel_inp.gif) bottom left no-repeat; }
.bg_unp { background:url(https://www.wermac.org/steel/steel_img/bg_steel_unp.gif) bottom left no-repeat; }
.bg_upe { background:url(https://www.wermac.org/steel/steel_img/bg_steel_upe.gif) bottom left no-repeat; }
.bg_angle_eq { background:url(https://www.wermac.org/steel/steel_img/bg_steel_angle_eq.gif) bottom left no-repeat; }
.bg_angle_uneq { background:url(https://www.wermac.org/steel/steel_img/bg_steel_angle_uneq.gif) bottom left no-repeat; }
.bg_tee { background:url(https://www.wermac.org/steel/steel_img/bg_steel_tee.gif) bottom left no-repeat; }
.bg_tee_uneq { background:url(https://www.wermac.org/steel/steel_img/bg_steel_tee_uneq.gif) bottom left no-repeat; }
.fmtAuthor { margin-top:40px; border:2px solid #ddd; border-radius:3px; padding:15px 25px 50px; text-align:left; background:url(https://www.wermac.org/images/author.png) right bottom no-repeat; }
.inlineB { display:inline-block; vertical-align:top; text-align:left; margin:1px 2px; }
.inlineBimg { display:inline-block; vertical-align:top; text-align:center; border:1px solid #ccc; margin:3px 1px; padding:5px; color:#333; font-size:12px; }
.inlineBimg a { display:block; color:#333; font-size:12px; }
.inlineBimg a:hover { color:#999; text-decoration:none; }
.inlineBradi { display:inline-block; margin:8px; background-color:#558abb; border-radius:20px; }
.inlineBradi a { display:block; transition:0.5s; padding:4px 15px; color:#fff; text-align:center; min-width:40px; line-height:1; }
.inlineBradi a:hover { transition:0.5s; background-color:#fff; color:#000; text-decoration:none; }
.nolink2 { color:#fff; padding:4px 15px; background-color:#f00; border-radius:20px; text-align:center; min-width:40px; line-height:1; font-variant:small-caps; font-size:18px; }
.tolerancesBox { height:230px; width:200px; display:inline-block; margin:2px; margin-top:5px; vertical-align:top; text-align:left; font-size:14px; padding:8px; border:1px solid #ddd; border-radius:2px; overflow:auto; }
.convertBox { display:inline-block; width:220px; padding:5px; margin:5px 2px; border:1px solid #ccc; border-radius:2px; text-align:center; }
.convertBox p { padding:5px; }
.convertBox p.ft20 { color:#f00; filter:brightness(85%); padding:5px; }
.convertBox input { border:1px solid #666; text-align:center; }
.overlay { height:100%; width:0; position:fixed; top:0; left:0; background-color:#fff; overflow-x:hidden; transition:1s; z-index:2; }
.overlay-content { position:relative; top:5%; width:100%; }
.closebtnoverlay { position:absolute; top:0; right:10px; z-index:101; }
.closebtnoverlay a { font-size:36px; color:#f00; text-decoration:none; }
.closebtnoverlay a:hover { color:#000; }
/**/
ins.adsbygoogle[data-ad-status="unfilled"] { display:none !important; }
/**/
.adsTop, .adsRelated, .sideBar_ads300, .adsBottom { text-align:center; margin:0 auto; }
.adsTop { /*max-width:728px; height:90px;*/ /*background:url(https://www.wermac.org/images/bgTopAd1.gif) no-repeat; background-position:top;*/ }
.adsBottom { margin-top:60px; }
.sideBar_ads300 { margin-top:15px; margin-bottom:15px; /*background:url(https://www.wermac.org/images/bg300_250_2.gif) no-repeat; background-position:center;*/ }
.sideBar_ads160 { }
.adsRelated { margin-top:40px; }

.leftEWP { float:left; width:71%; }
.rightEWP { float:left; width:27%; }
.colEWPctnr { max-width:1440px; margin:0 auto; }
.colEWPctnr:after { content:""; display:table; clear:both; }
@media screen and (max-width:1070px) {
.leftEWP, .rightEWP {
width:100%;
}
}
.container_EWP { max-width:730px; margin:0 auto; background-color:#fff; padding:10px 20px 80px; }
.container_EWP a { font-variant:small-caps; font-size:18px; }
.sideBar_container { max-width:300px; margin:0 auto; margin-top:-40px; text-align:center; padding-top:40px; background:url(https://www.wermac.org/valves/valve_img/topsidebar.gif) no-repeat; background-position:top; }
/*==========================================*/
.SBtags { display:inline-block; margin:8px 6px 6px 0; background-color:transparent; border-radius:20px; }
.SBtags a { display:block; padding:3px 10px 2px; color:#333; font-size:14px; border:1px solid #ccc; border-radius:20px; transition:0.3s; font-family:Verdana, Arial, Helvetica, sans-serif; }
.SBtags a:hover { transition:0.3s; color:#fff; background-color:#558abb; border-color:#fff; text-decoration:none; }
/*==========================================*/
.tagsSB, .tagsSBenviron, .tagsSBabbr, .tagsSBqa, .tagsSBquiz, .tagsSBtorque, .tagsSBrelax,  .tagsSBtips { display:inline-block; width:180px; margin:0 auto; margin-top:15px; }
.tagsSB a, .tagsSBenviron a, .tagsSBabbr a, .tagsSBqa a, .tagsSBquiz a, .tagsSBtorque a,  .tagsSBrelax a,  .tagsSBtips a { display:block; padding:5px 0; color:#000; font-size:14px; border:1px solid #999; border-radius:26px; transition:0.3s; font-family:Verdana, Arial, Helvetica, sans-serif; }
.tagsSB a:hover, .tagsSBenviron a:hover, .tagsSBabbr a:hover, .tagsSBqa a:hover, .tagsSBquiz a:hover, .tagsSBtorque a:hover, .tagsSBrelax a:hover, .tagsSBtips a:hover { transition:0.3s; color:#fff; border-color:#fff; text-decoration:none; }
.tagsSBtorque a:hover { background-color:#69f; border-color:#fff; }
.tagsSBrelax a:hover { background-color:#cf6; border-color:#fff; color:#000; }
.tagsSBquiz a:hover { background-color:#66f; border-color:#fff; }
.tagsSBqa a:hover { background-color:#0c0; border-color:#fff; }
.tagsSBabbr a:hover { background-color:#f63; border-color:#fff; }
.tagsSBenviron a:hover { background-color:#099; border-color:#fff; }
.tagsSBtips a:hover { background-color:#f30; color:#fff;  }
/**/
.tags { display:inline-block; margin:8px 6px; background-color:#558abb; border-radius:20px; }
.tags a { display:block; padding:3px 10px 2px; font-weight:700; color:#fff; font-size:14px; border-radius:20px; transition:0.3s; }
.tags a:hover { transition:0.3s; color:#000; background-color:#fff; text-decoration:none; }
.nolink { padding:3px 10px; border-radius:20px; font-weight:700; color:#fff; background-color:#f00; filter:brightness(85%); font-size:14px; }
/*==========================================*/
.section { clear:both; padding:0; margin:0; }
.col { display:block; float:left; margin:1% 0 1% 1.6%; }
.col:first-child { margin-left:0; }
.group:before, .group:after { content:''; display:table; }
.group:after { clear:both; }
.group { zoom:1;/* For IE 6/7 */ }
.span_2_of_2 { width:100%; }
.span_1_of_2 { width:49.2%; }
.span_3_of_3 { width:100%; }
.span_2_of_3 { width:66.13%; }
.span_1_of_3 { width:32.26%; }
.span_4_of_4 { width:100%; }
.span_3_of_4 { width:74.6%; }
.span_2_of_4 { width:49.2%; }
.span_1_of_4 { width:23.8%; }
.span_5_of_5 { width: 100%; }
.span_4_of_5 { width: 79.68%; }
.span_3_of_5 { width: 59.36%; }
.span_2_of_5 { width: 39.04%; }
.span_1_of_5 { width: 18.72%; }
 @media only screen and (max-width:600px) {
 .col {
 margin:1% 0 1% 0%;
}
}
 @media only screen and (max-width:600px) {
 .span_2_of_2, .span_1_of_2 {
width:100%;
}
}
 @media only screen and (max-width:730px) {
 .col {
margin:1% 0 1% 0%;
}
 .span_3_of_3, .span_2_of_3, .span_1_of_3 {
width:100%;
}
}
 @media only screen and (max-width:730px) {
 .col {
margin:1% 0 1% 0%;
}
 .span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 {
width:100%;
}
}
 @media only screen and (max-width:800px) {
 .col {
margin:1% 0 1% 0%;
}
 .span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5 {
width:100%;
}
}
/*==============*/
.fade-in { display:none; animation:fadeIn ease 1s; -webkit-animation:fadeIn ease 1s; -moz-animation:fadeIn ease 1s; -o-animation:fadeIn ease 1s; -ms-animation:fadeIn ease 1s; }
@keyframes fadeIn { 0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes fadeIn { 0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes fadeIn { 0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes fadeIn { 0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-ms-keyframes fadeIn { 0% {
opacity:0;
}
100% {
opacity:1;
}
}
/*==============*/
.sEWP { width:100%; padding:20px 0; /*background-color:#558abb;*/ margin-top:-5px; }
.searchWrapper { position:relative; display:flex; max-width:800px; margin:0 auto; }
.search-icon { position:absolute; top:9px; left:8px; width:14px; }
.search { border:1px solid #558abb; width:100%; padding:5px 23px 5px 30px; outline:0; background-color:#fff; font-size:18px; border-radius:10px; }
/*==============*/
.tbl_calc input { text-align:center; padding:6px 0; margin-left:5px; font-size:16px; width:90%; }
.tbl_calc { max-width:400px; margin:0 auto; margin-top:20px; border-radius:6px; box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.tbl_calc td { padding:10px 0; font-size:14px; font-weight:700; }
.weightResult { -webkit-user-select:none; -ms-user-select:none; user-select:none; font-weight:700; text-align:center; color:#000; }
.clearResult { display:inline-block; }
.clearResult a { display:block; transition:0.5s; padding:2px 10px; color:#000; text-align:center; line-height:1.2; border-radius:3px; }
.clearResult a:hover { transition:0.5s; background-color:#39f; color:#fff; text-decoration:none; }
.stBack a img { display:block; transition:0.5s; }
.stBack a:hover img { transition:0.5s; box-shadow:rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; background-color:#fff; border-radius:6px; }
/*==============*/
.xPosts { background-color:#333; background-image:linear-gradient(#369, #333); color:#fff; text-align:center; font-size:20px; border-radius:3px; padding:3px 0; margin-top:40px; margin-bottom:35px; }
.xPost { display:inline-block; background-color:#333; border-radius:20px; margin-top:20px; margin-left:10px; transition:0.5s; }
.xPost a { display:block; transition:0.5s; padding:1px 20px; color:#fff; text-decoration:none; border:1px solid #333; border-radius:20px; }
.xPost a:hover { transition:0.5; background-color:#fff; color:#558abb; border-color:#666; }
/*==============*/
.sidebarLinks {  max-width:250px; margin:auto; margin-top:80px; background-color:#06c;  border:1px solid #06c; border-radius:3px; }
.sidebarLinks a { display:block; transition:0.4s; padding:0; color:#fff; font-size:12px; font-weight:700; text-decoration:none; }
.sidebarLinks a:hover { transition:0.4s; box-shadow:rgba(0, 0, 0, 0.40) 0px 5px 15px; }
.sidebarLinks img { border-radius:0px; }
.sidebarLinks span {  display:inline-block; padding:3px 0 6px; }
/*==============*/