@charset "utf-8";
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*{ outline:none;}
body { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:12px; color:#333333; -webkit-text-size-adjust:none; }
header, footer, section, aside, nav, article { display: block; }
h1, h2, h3, h4, h5, h6, section, img, div { margin:0; padding:0;font-weight:normal; }
ul, ol, li{ margin:0; padding:0; list-style:none;}
dl, dt, dd{ margin:0; padding:0; font-weight:normal;}
img { border:none; outline:none; }
.fleft { float:left; }
.fright { float:right; }
.align-left{ text-align:left;}
.align-right{ text-align:right;}
p { line-height:22px; font-size:14px; padding:0; margin:0 0 18px; }
.clear { clear:both; }
a { text-decoration:none; color:#0f76b9; outline:none; transition: all 0.2s ease-in-out 0s; }
html, body { height:100%;}
.img-responsive { max-width:100%; display:block; }
.wrapper { max-width:1170px; margin:0 auto; position:relative; padding:0 15px; }

#headerwrapper { width:100%; float:left; }
#header { width:100%; float:left; padding:0 0 0 180px; border-bottom:1px solid #efefef; min-height:80px; }
.logo { position:absolute; width:142px; left:20px; top:15px; }
.logo img { display:block;/* width:100%;*/ }
.menu { float:left; margin:30px 0 0 0; width:100%; text-align:center; }
/*
.menu ul { width:100%; text-align:center; }
.menu ul li { display:inline-block; margin:0 -2px; text-align:left; vertical-align:top; padding:5px 10px;}
.menu ul li a { color:#333333; font-size:12px; font-weight:600; padding:0; display:inline-block; text-transform:uppercase; }
.menu ul li a:hover, .menu ul li a.current { color:#000180; }
*/

/*#workwear { display:none; width:100%; float:left; overflow:visible; position:relative; }
#corporate-clothing { display:none; width:100%; float:left; overflow:visible; position:relative; }
#reflective-clothing { display:none; width:100%; float:left; overflow:visible; position:relative; }
#rain-reezer-wear { display:none; width:100%; float:left; overflow:visible; position:relative; }
#disposable-wear { display:none; width:100%; float:left; overflow:visible; position:relative; }
#eye-protection { display:none; width:100%; float:left; overflow:visible; position:relative; }
#ear-head-protection { display:none; width:100%; float:left; overflow:visible; position:relative; }
#hand-protection { display:none; width:100%; float:left; overflow:visible; position:relative; }
#foot-protection { display:none; width:100%; float:left; overflow:visible; position:relative; }
#miscellaneous { display:none; width:100%; float:left; overflow:visible; position:relative; }
*/
a.closebtn { width:13px; display:inline-block; height:13px; background:url(../images/close-btn.png) no-repeat; position:absolute; top:15px; right:20px; text-indent:-9999px; z-index:999; }

#sliderwrapper { width:100%; float:left; background:#005cb9; position:relative; }
.menu-slider { width:100%; float:left; border-top:solid 1px #efefef; text-align:center; font-size:12px; color:#000; font-weight:600; text-transform:uppercase; }
.menu-slider a { color:#000; padding:0px; }
.slider-text { position:absolute; left:90px; top:50%; webkit-transform: translateY(-50%); transform: translateY(-50%); }
.slider-text h2 { font-family: 'Open Sans', sans-serif; font-size:40px; font-weight:700; color:#fff; text-transform:uppercase; }
.slider-text h2 span { width:100%; display:block; border-bottom:solid 5px #000000; padding:0 0 5px 0; margin:0 0 1px 0; }
.slider-img { float:right; margin:0 90px 0 0; }
.slider-img img { max-width:100%; }
a.view-details { width:130px; height:40px; line-height:36px; padding:0 10px; margin:25px 0 0 0; border:solid 1px #fff; float:left; padding:0 0; font-size:13px; font-weight:700; text-transform:uppercase; text-align:center; color:#fff; }
a.view-details:hover { border:solid 1px #5fa1e4; color:#5fa1e4; }

#footerwrapper { width:100%; float:left; background:#000180; padding:0 39px; }
.footer-left { width:50%; float:left; padding:16px 0; }
.footer-menu { width:100%; float:left; }
.footer-menu li { float:left; font-size:12px; font-weight:600; text-transform:uppercase; color:#fff; padding:0 16px 0 0; }
.footer-menu li a { color:#fff; }
.footer-menu li a:hover { color:#5fa1e4; }
.copyright { width:100%; float:left; font-size:12px; font-weight:400; text-transform:uppercase; color:#fff; padding:7px 0 0 0; }
.social { /*float:right; padding:19px 0 0 0;*/ }
.social a { font-size:24px; color:#fff; margin:0 0 0 10px; }
.social a:hover { color:#5fa1e4; }