@charset "utf-8";
/* CSS Document*/

@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic); 

h1, h2, h3, h4, h5, h6, p, div { margin:0; padding:0; font-weight:normal;}
a { text-decoration:none;}
img { border:0;}
body { margin:0; padding:0; font-family:'Lato', Arial, Helvetica, sans-serif; background-color:#f2f2f2; }
.clear { clear:both; margin:0; padding:0; }

.totop { position:fixed; right:20px; bottom:70px; width:56px; height:52px; cursor:pointer; display:none; }

#wrapper { width:100%; }

#headerHolder { width:100%; background-color:#ffffff; }
#headerHolder .header { max-width:1140px; margin:0 auto; padding:25px 0 40px 0; }
#headerHolder .header .logo { width:275px; float:left; }
#headerHolder .header .logo img { width:100%; height:auto; }

#navHolder { width:100%; background-color:#2aa1db; min-height:45px; }
#navHolder .nav { max-width:1140px; margin:0 auto; border-left:1px solid #ffffff; }
/*#navHolder .nav ul { padding:0; margin:0; list-style:none; }
#navHolder .nav ul li { padding:0; margin:0; list-style:none; font-size:16px; text-transform:uppercase; }
#navHolder .nav ul li a { color:#ffffff; display:block; text-align:center; padding:15px 4% 15px 4%; float:left; position:relative; border-right:1px solid #ffffff; }
#navHolder .nav ul li a span { position:relative; }
#navHolder .nav ul li a::before{ content:''; background:#2f80b8; position:absolute; left:0; top:0; height:100%; width:0%; -webkit-transition:width .3s ease-out; }
#navHolder .nav ul li a:hover::before{ width:100%; }
#navHolder .nav ul li a.active::before{ width:100%; }*/

#footerHolder { background-color:#2aa1db; width:100%; margin:30px 0; }
#footerHolder .footer { margin:0 auto; padding:15px 0; max-width:1140px; text-align:center; font-size:16px; color:#ffffff; }
#footerHolder .footer a { color:#ffffff; background:url(../images/footer-divider.gif) no-repeat right 7px; padding:3px 5px 3px 3px; display:inline-block; }
#footerHolder .footer span { color:#ffffff; padding:3px 5px 3px 3px; display:inline-block; }

.banner { width:100%; margin:30px auto; height:404px; }


#holder { max-width:1140px; margin:0 auto; }
.productRange { margin:30px 0 0 0; }
.prodRngLeft { width:48.5%; float: left; background-color:#ffffff; transition:background-color 1.0s linear; }
.prodRngLeft:hover, .prodRngLeft:focus { background-color:#d9d9d9; }
.prodRngRight { width:48.5%; float: right; position:relative; }
.prodRngLeft .prodCont { padding:0 30px; height:0; padding-bottom:50.36%; }
.prodRngLeft .prodCont h2 { font-size:14px; color:#0f8ec7; padding:25px 0 35px 0; text-transform:uppercase; }
.prodRngLeft .prodCont p { font-size:18px; color:#333333; line-height:24px; }
.prodRngRight img { max-width:100%; height:auto; }
.rslides li { position:relative; text-align:center; padding-bottom:45px; }
.rslides li img.prodSlideImg { width:100%; max-width:555px; display:inline-block; height:auto; }
.rslides .caption { width:100%; position:absolute; bottom:0; background-color:#2aa1db; height:45px; font-weight:600; clear:both; }
.rslides .caption span { font-size:12px; color:#ffffff; display:inline-block; text-transform:uppercase; padding:15px 0 0 25px; float:left; }
.rslides .caption a { font-size:16px; color:#ffffff; text-transform:uppercase; position:absolute; right:0; height:33px; padding:12px 20px 0 20px; background-color:#0d729f; transition:background-color 0.5s linear; }
.rslides .caption a:hover , .rslides .caption a:focus { background-color:#0e80b3; }
.rslides .caption a img { width:auto; float:none; display:inline-block; padding:0 0 0 5px; }
.rslides_tabs { position:absolute; right:180px; bottom:10px; z-index:99; list-style:none; }
.rslides_tabs li { width:12px; height:12px; margin:0 2px; display:inline-block; }
.rslides_tabs li a { width:12px; height:12px; background-color:#ffffff; display:inline-block; font-size:0; moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4 }
.rslides_tabs li.rslides_here a { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; }

.philosopy { margin:30px 0; background-color:#ffffff; padding:25px 35px; transition:background-color 1.0s linear; }
.philosopy:hover, .philosopy:focus { background-color:#d9d9d9; }
.philosopy h2 { font-size:14px; color:#0f8ec7; padding:0 0 25px 0; text-transform:uppercase; }
.philLeft { width:40%; float:left; }
.philLeft img { max-width:100%; height:auto; margin:25px 0 0 0; }
.philRight { width:55%; float:right; line-height:24px; }

.credBlurbsHolder { margin-left:-2%; }
.credBlurbsHolder h2 { font-size:14px; color:#0f8ec7; padding:0 0 25px 2%; text-transform:uppercase; }
.credBlurbs { width:20%; padding:0 1.5%; float:left; min-height:212px; margin:0 0 0 2%; background:url(../images/credentials-bg.png) no-repeat right top; background-color:#2aa1db; transition:background-color 0.5s linear; }
.credBlurbs:hover, .credBlurbs:focus { background-color:#0f8ec7; }
.credBlurbs h3 { font-size:14px; color:#87c2d9; text-transform:uppercase; padding:25px 0 30px 0; font-weight:400; }
.credBlurbs h3 span { font-size:22px; display:inline-block; margin-left:5px; }
.credBlurbs p { font-size:22px; color:#ffffff; line-height:27px; font-weight:300; }

.bannerInner { width:100%; height:317px; position:relative; overflow:hidden; margin:30px 0 -45px 0; }
.bannerInner img { width:1920px; height:317px; position:absolute; left:50%; margin-left:-960px; }

.container { background:url(../images/inner-page-bg.gif) no-repeat center 50px; }
.innerPage { background-color:#ffffff; position:relative; padding:25px; }
.innerPageCont { margin:35px 0 0 0; }
.breadcrumbs { font-size:14px; color:#0f8ec7; font-weight:400; text-transform:uppercase; }
.breadcrumbs a { color:#333333; }

.dividerCont { margin:35px 0 0 0; }

.innerPage h1 { font-size:42px; color:#333333; font-weight:300; padding:30px 0 25px 0; line-height:100%; }
.innerPage p { font-size:18px; color:#333333; font-weight:300; padding:0 0 10px 0; line-height:24px; }

.abtTab { margin:35px 0; padding:0 0 25px 0; background:url(../images/about-divider-bottom.gif) no-repeat 132px bottom; }
.abtTab table { padding:25px 0 0 0; background:url(../images/about-divider-top.gif) no-repeat 132px top; }
.abtTab table td { padding:25px 0 25px 15px; font-weight:300; font-size:18px; line-height:22px; color:#333333; }
.abtTab table td.year { padding:25px 50px 25px 0; width:105px; line-height:100%; font-size:48px; color:#0f8ec7; background:url(../images/about-divider.gif) no-repeat center right; }

.innerPage p.jobsLink { font-size:24px; padding:20px 0 15px 0; line-height:100%; color:#0f8ec7; }
.innerPage p.jobsLink a { color:#0f8ec7; }
.innerPage p.jobsLink a:hover, .innerPage p.jobsLink a:focus { text-decoration:underline; }

.innerPage.prodPg h1 { font-size:28px; color:#0f8ec7; font-weight:400; padding:30px 0 0 0; line-height:100%; text-transform:uppercase; }

.innerPage p.prodDesc { font-size:32px; color:#333333; font-weight:300; padding:30px 0 25px 0; line-height:100%; }

.innerPage p.touchTitle { font-size:34px; color:#0f8ec7; margin:0 0 35px 0; font-weight:700; }
.touchBlurb { margin:0 0 30px 0; border:1px solid #d8d8d8; position:relative; }
.touchBlurb:before{position:absolute;content:"";height:100%;left: 45%;    border-right: 1px solid #d8d8d8;}
.touchBlurb .subtitle { font-size:15px; font-weight:700; }
.touchBlurb .touchLeft { width:40%; float:left; padding:25px 2% 18px 3%; }
.touchBlurb .touchLeft p { font-size:18px; color:#333333; line-height:110%; }
.touchBlurb .map { width:55%; float:left; border-left:1px solid #d8d8d8; margin:0 0 0 -1px; }
.touchBlurb .map iframe { width:100%; height:230px; }
.touchBlurb span { font-weight:400; }

.prodBlurbs { max-width:865px; padding:24px 40px 0 40px; min-height:80px; margin:20px auto 0 auto; position:relative; background-color:#00a4df; background-size:auto 100% }
.prodBlurbs h2 { font-size:58px; color:#ffffff; font-weight:700; text-transform:uppercase; line-height:100%; margin:0 0 15px 0; }
.innerPage .prodBlurbs p { font-size:18px; color:#ffffff; line-height:24px; padding:0 0 8px 0; }
.prodBlurbs a { font-size:16px; color:#ffffff; padding:7px 15px; border:1px solid #ffffff; text-transform:uppercase; position:absolute; display:inline-block; left:40px; bottom:25px; }
.prodBlurbs a img { padding-left:5px; }
.prodBlurbs.prodBg1:hover, .prodBlurbs.prodBg1:focus { background:url(../images/products/lead-oxides.jpg) no-repeat center center; }
.prodBlurbs.prodBg2:hover, .prodBlurbs.prodBg2:focus { background:url(../images/products/pvc.jpg) no-repeat center center  }
.prodBlurbs.prodBg3:hover, .prodBlurbs.prodBg3:focus { background:url(../images/products/ferrous.jpg) no-repeat center center; }
.prodBlurbs.prodBg4:hover, .prodBlurbs.prodBg4:focus { background:url(../images/products/oleo.jpg) no-repeat center center; }
.prodBlurbs.prodBg5:hover, .prodBlurbs.prodBg5:focus { background:url(../images/products/minerals.jpg) no-repeat center center  }

.selProd { font-size:20px; color:#4b4b4b; margin:35px 0 0 0; font-weight:400; display:none; }
.selProd select { font-size:14px; color:#333333; text-transform:uppercase; font-weight:400; font-family:'Lato', Arial, Helvetica, sans-serif; margin:0 0 0 20px; padding:5px 10px; border:1px solid #b3b3b3; outline:none; width:230px; }

.prodPg img { max-width:100%; height:auto; }
.proIntro { font-size:22px; color:#333333; font-weight:300; line-height:28px; padding:30px 0 50px 0; }
.proTxtHolder { padding:0 0 40px 0; }
.proTxt { width:48%; float:left; margin:0 1%; }

.prodPg .prodTable { margin-bottom:35px; }
.prodPg .prodTable img { max-width:90%; height:auto; }

.mypets { cursor:pointer; font-size:18px; color:#ffffff; background:#0f8ec7; margin:0 0 20px 0; text-transform:uppercase; font-weight:400; padding:0 12px 0 20px; }
.mypets span { display:block; padding:12px 0; background:url(../images/plus.gif) no-repeat right center; }
.openpet span { background:url(../images/minus.gif) no-repeat right center; }
.thepet { padding:0 20px 20px 20px; font-size:14px; font-weight:300; color:#5c5c5c; }
.thepet table { background:#ebe8da; max-width:500px; }
.thepet th { background:#f0f0f0; font-size:14px; font-weight:300; text-transform:uppercase; text-align:left; color:#5c5c5c; padding:7px 1%; width:48%; }
.thepet td { background:#ffffff; font-size:14px; font-weight:300; color:#5c5c5c; padding:7px 1%; width:48%; }
.thepet table.newTab th, .thepet table.newTab td { width:auto; }

.sitemap { margin:0; padding:0; list-style:none; }
.sitemap li { margin:0 0 15px 0; padding:0; list-style:none; }
.sitemap li a { font-size:18px; color:#0f8ec7; background:url(../images/arrow-sitemap.png) no-repeat left center; display:block; padding:0 0 0 25px; }
.sitemap li ul { padding:15px 0 0 0; margin:0 0 0 25px; }
.innerPage.product-page .prodBlurbs h2{font-size:30px;}
.innerPage.product-page .prodBlurbs{min-height:auto;height:max-content;}
.innerPage.product-page .prodBlurbs a{position:relative;left:0;bottom:0;display:inline-block;margin-top:16px;}
.innerPage.product-page .prodBlurbs{padding-bottom: 24px;}
                    /*about us milestone start here*/
.milestone-wrap{position: relative;}
.milestone-wrap .milestone-blk{display: flex;justify-content: flex-start;align-items: center;padding: 25px 0;position: relative; }
.milestone-wrap .milestone-blk .year {font-size: 48px;color: #0f8ec7;margin-right: 25px;padding-bottom: 0;}
.milestone-wrap .milestone-blk .text {margin-left: 46px;font-weight: 300;font-size: 18px;line-height: 22px;color: #333333;position: relative;padding-bottom: 0; }
/* .milestone-wrap .milestone-blk .text:before {position: absolute;content: "";background: #333;width: 30px;height: 1px;left: -32px;transform: translate(-50%, -50%);top: 50%;} */
.milestone-wrap::before {position: absolute;content: "";width: 1px;background: #333;left: 133px;top: 0;height: 100%;}
.milestone-wrap .milestone-blk:first-child::before {position: absolute;content: "";border-top: 1px solid #333; width: 30px;height: 1px;top: -0;left: 133px; display:none;}
.milestone-wrap .milestone-blk:last-child::before {position: absolute;content: "";border-top: 1px solid #333; width: 30px;height: 1px;bottom: -1px;left: 133px; display:none;}
.milestone-wrap .milestone-blk::before {position: absolute;content: "";border-top: 1px solid #333;width: 30px;height: 1px;left: 133px;}
.milestone-wrap .milestone-blk:last-child::after{position: absolute;content: "";border-top: 1px solid #333;width: 30px;height: 1px;left: 133px;}
/*about us milestone end here*/

/*contact us*/
.manuf-title-wrap{display:flex !important;width:100%;}
.manuf-title-wrap .touchTitle{font-size:26px !important;width:50%;padding-left:25px;padding-right:25px;line-height: 1.25;position: relative;margin-bottom:0 !important;padding-bottom:35px;text-align:left !important;;}
.manuf-title-wrap .touchTitle{width:50%;padding:25px !important;line-height: 1.25;position: relative;text-align:left !important;}
.manuf-title-wrap p.touchTitle:last-child::before {
    position: absolute;
    content: "";
    border-left: 1px solid #d8d8d8;
    height: calc(100% + 30px);
    top: -30px;
    left:0px;
}
.manuf-title-wrap .touchTitle{margin-bottom:0px;padding-bottom:0;}
.resp-title{display:none;}
.innerPage.getintouch-page .touchTitle{text-align:center;}
.innerPage.getintouch-page .touchBlurb{margin-bottom:0;}
.innerPage.getintouch-page .touchBlurb .subtitle{ display: inline-block; margin-bottom: 10px; font-weight:700;font-size: 18px;}
.innerPage.getintouch-page .touchBlurb .touchLeft{    width: calc(50% - 50px);padding: 25px 25px;}
.innerPage.getintouch-page .touchBlurb:before{left:50%;}
.innerPage.getintouch-page .touchBlurb.unit-add{margin-bottom:0;border-bottom:0;border-bottom:1px solid #d8d8d8;}
.milestone-wrap .milestone-blk:first-child::after {
    position: absolute;
    content: "";
    border-top: 1px solid #333;
    width: 30px;
    height: 1px;
    top: 52px;
    left: 133px;
}
.resp-strcuture{display:none;}
.b-bottom{border-bottom:0 !important;}