/*   
Theme Name: Theme Name
Description: Website Title.
Author: Hector Colon
Author URI: http://www.hecforce.com
Version: 2
*/

* { margin: 0; padding: 0; }
* { border: 0; }
*, *::before, *::after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{-webkit-tap-highlight-color:transparent;background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em} sub{bottom:-0.25em}
img{border:0} svg:not(:root){overflow:hidden} figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=checkbox],input[type=radio]{padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
/* End extract from normalize.css */

/* EXTRACT from W3.CSS 1.75 by J.E.Refsnes. */
table{border-collapse:collapse;border-spacing:0;width:100%;display:table}
table,th,td{border:none}
.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #d0d0d0}
.w3-striped tbody tr:nth-child(even){background-color:#f2f2f2}
.w3-table-all tr:nth-child(odd){background-color:#fff}
.w3-table-all tr:nth-child(even){background-color:#f2f2f2}
.w3-hoverable tbody tr{transition:background-color .25s ease}
.w3-hoverable tbody tr:hover{background-color:#f2f2f2}
.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
/* End extract from w3.css */

/* --------------------------------------------------------------------------------------------------------------------------------------- */

html {}
body { font:15px/1.5 'Lato', arial, sans-serif; font-weight:400; color:black; -webkit-text-size-adjust:none; background:#00041B; margin: 0 auto 0;}
.reset:after { visibility: hidden; display:block; font-size: 0; content: " "; clear: both; height: 0; }
.reset { display:block; clear: both; }

/*// TYPOGRAPHY //*/
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', Arial, sans-serif; font-weight: 400; text-transform:uppercase; color:#00041b;}
h1 {font-size: 2.2rem; margin-bottom: 1rem; line-height: 2.4rem; padding-bottom: .5rem;}
h2 {font-size: 1.8rem; margin-bottom: 0.8rem;}
h3 {font-size: 1.4rem; margin-bottom: 0.8rem;}
h4 {font-size: .9050rem; margin-bottom: 0.350rem;}
h5 {font-size: .8050rem; margin-bottom: 0.350rem;}
h6 {font-size: .688rem; margin-bottom: 0.350rem;}
a:hover, a:focus {text-decoration: underline; outline: none;}

/* LISTS */
ul, ol {list-style-position: outside;}
li ul, li ol {margin: 0 1.5em}
dl dd {margin-left: 1.5em}

/* HYPERLINKS */
a {text-decoration: none; color:#0B88F3;;}
a:hover {text-decoration: none; color:#03508A;}
a:focus {outline: none}
a:hover, a:active {outline: none} /* Better CSS Outline Suppression */

/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: 100%;	_width: 100%;} /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */
* img {display: block; margin: 0 auto;}
* a, img {
    border:none;
    outline:none
}

/* QUOTES */
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #F2CE52;
  margin: 1.5em auto;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-family: Georgia, serif;
  font-size: 16px;
  font-style: italic;
  width:75%;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
/* Sticky Bar */
#stickyBarTop {top:0; left:0; right:0; margin:0 auto; z-index: 100; width:100%; min-height:54px; display:block; text-align:center; transition:all 0.5s;}
#stickyBarTop > .eb-section,.eb-row,.eb-content {position:static;}
#stickyBarTop #logo {float:left; transition:all 0.5s; padding:10px 0 5px 10px;}
#stickyBarTop .topNav {float:right; position:relative; margin-top:20px; transition:all 0.5s;}

/*// START //*/
#page-wrap {position:relative; top:0; left:0; margin:0 auto 0; background:#fff;}
.maxWide {max-width:1000px;}
.navBlock {vertical-align:middle;}

#socialMediaNav a {color:#fdcb04;}
#socialMediaNav a:hover {color:#fff;}
#socialMediaNav ul li {display:inline-block; padding:0 5px;}

.noMarX {margin-left:0 !important; margin-right: 0 !important;}
.noMarY {margin-top:0 !important; margin-bottom: 0 !important;}
.noMarLeft {margin-left:0 !important;}
.noMarRight {margin-right:0 !important;}
.noMarTop {margin-top:0 !important;}
.noMarBottom {margin-bottom:0 !important;}

.noPadX {padding-left:0 !important; padding-right: 0 !important;}
.noPadY {padding-top:0 !important; padding-bottom: 0 !important;}
.noPadLeft {padding-left:0 !important;}
.noPadRight {padding-right:0 !important;}
.noPadTop {padding-top:0 !important;}
.noPadBottom {padding-bottom:0 !important;}

.noContent:before, .noContent:after {content: "" !important;}

.pageTitleArea {background:#183067 url(images/titlebkg.jpg) no-repeat center center; color:white; border-top:10px solid #00041b;}
.pageTitleArea h1 {color:white; padding:20px;}
.pageTitleArea h1:before {position: absolute; font-family: 'FontAwesome'; margin-left: -20px; padding-right: 10px; color:#FDC228; content: "\f0da";}
.pageTitleArea p {font-size:1.3rem;}

.areaInfo {max-width: 1200px; margin: 0 auto; padding: 0 25px;}

/* various div backgrounds */
.loaderBkg1 {background:#00041b url(images/loader.gif) no-repeat center center; min-height:250px;}

	/*// PA //*/
	.homeArea {margin:0; text-align: left;}
	.homeAreaBkg {background:#a0a2a4; color:white; padding:20px;  margin:0;}

	.moreBtn {font-family: 'Oswald', Arial, sans-serif; letter-spacing:.04rem; font-weight:500; height: 40px; position: relative; border-radius: 0px; width:100%; margin-top:15px; background:#687772; cursor:pointer; text-transform:uppercase; font-size: .935rem; line-height: 2.2rem; color:white;}
	.moreBtn:hover {background:#00041b;}
	.moreBtn .fa {margin-left:0px; transition: margin-left 0.3s ease-in-out; margin-bottom: 3px;}
	.moreBtn:hover .fa {margin-left:5px; transition: margin-left 0.3s ease-in-out;}
	
	.downloadBtn {font-family: 'Lato',Arial,sans-serif; cursor: pointer; text-transform: uppercase; font-size: 0.75rem; background: #10579C; padding: 4px 6px; border-radius: 4px; color:white;}
	.downloadBtn a:hover, a:active, a:focus {text-decoration:none;}
	.downloadBtn a:active, a:focus {text-decoration:none; color:#72ABCF;}
	.downloadBtn:hover {opacity:0.8; color:white;}
	
	.headerBtn {font-family: 'Lato',Arial,sans-serif; letter-spacing: 0.04rem; position: relative; width: 100%; background: rgba(255, 195, 22, 0.85); cursor: pointer; text-transform: uppercase; font-size: 0.85rem; color: #000; padding: 8px 11px;}
	.headerBtn:hover, .headerBtn:active, .headerBtn:focus, .headerBtn:active:focus {background:#fdd228; color: #000;}
	
	.bodyBtn {font-family: 'Oswald',Arial,sans-serif; letter-spacing: 0.04rem; position: relative; width: 100%; background: #014384; cursor: pointer; text-transform: uppercase; font-size: 1rem; color: #fff; padding: 8px 11px; border-radius:2px;}
	.bodyBtn:hover, .bodyBtn:active, .bodyBtn:focus, .bodyBtn:active:focus {background:#fdd228; color: #000;}
	
	.siteBtn {font-family: 'Oswald',Arial,sans-serif; position: relative; width: 100%; background: #FFC316; cursor: pointer; text-transform: uppercase; font-size: 1.25rem; color: #000; padding: 12px 20px; margin:20px 0;}
	.siteBtn:hover, .siteBtn:active, .siteBtn:focus, .siteBtn:active:focus {background:#10579C; color: #fff; text-decoration:none;}
	
	/*// Modal Search //*/
	.modal-content {
		border-radius: 0px;
		background:none;
		border:none;
	}
	
	.search {
		height: 44px;
		position: relative;
	}
	.search input {
		position: absolute;
		float: Left;
		margin-left: 0px;
		transition: all 0.7s ease-in-out;
		height: 44px;
		padding: 5px 10px;
		width: 90%;
		border-radius:0 !important;
		font-size: inherit;
		
	}
	.btn {
		height: 44px;
		position: absolute;
		right: 43px;
		border-radius: 0px;
		text-transform:uppercase;
		background:#000;
	}
	.modClose {
		background: #000 !important;
		width: 44px;
		height: 44px;
		position: absolute;
		right: 0px;
		z-index: 1000;
		opacity: 1.0;
		text-shadow:none;
		color:white;
		border: 1px solid #2E6DA4 !important;
	}
	.close:hover, .close:focus {
		color: white;
		background: #286090 !important;
		opacity: 1.0;
	}


	
/*// HEADER //*/
header {position:relative; width:100%; margin:0 auto; text-align:center; background:black; color:white;}
header h1 {margin:0;}
#headerOverlay {position: absolute; z-index: 102; width: 100%; background:rgba(2, 54, 167, 0.7);}
#mobileTop {position:absolute; width: 100%; z-index: 101;}
#main {position:relative; background:white; margin: 0 auto; width:95%; padding-top:20px;}

.section {position:relative; width:300px; min-height:100px; display:inline-block; margin:0 15px 15px 0; overflow: hidden;}
.section img {margin:0 auto;}
.section img:hover {opacity:0.5;}
.thumbLinks {margin-top:0px;}
.thumbLinks a {line-height:44px; text-transform:uppercase; color:white; text-align:center; font-size: 0.85em;}
.thumbLinks a:hover {text-decoration:none; background:black;}
.portSection, .portSection h2 {text-align:center; margin:0 0 20px 0;}

/*// TOPBUTTON //*/
#topbtnplaceBot {float:right; z-index:9999; margin-right:53px; display:block;}
#back-topBot {position:fixed; bottom:0; z-index:9999; display:block; font-size: 1.2em;}
#back-topBot a {width:44px; display:block; text-align:center; text-transform:uppercase; letter-spacing:.5px; text-decoration:none; color: #fff; transition:.1s; line-height:44px;}
#back-topBot a:hover{color:#fff;}
/* arrow icon (span tag) */
#back-topBot span {width:44px; height:44px; display:block; margin-bottom:0px; border-radius:1px; transition:.1s; margin: 5px; background: rgba(0, 0, 0, 0.50);}
#back-topBot a:hover span {background-color:#000;}

/*// FOOTER //*/
footer {position:relative; padding:65px 20px; text-align:center; background: #00041b; color: #fff;}
footer .copyright {color:#fff; text-align:center; }
footer p {font: 12px/1.4 Arial,sans-serif;}
.footerLogo {width:100px; margin-bottom:0px;}

footer a {text-decoration: none; color:#efefef;}
footer a:hover {text-decoration: none; color:#038DE4;}

.ftr-address-col {
	width:49%; box-sizing:border-box; padding:8px; display:inline-block; vertical-align: top;
}

/*// NAV //*/
.mainNav .current-menu-item a, .mainNav .current-menu-item a:hover {position:relative; color:#FECC04;}
.mainNav {position:relative; font-family: 'Oswald', Arial, sans-serif; font-weight:400; text-align:center; transition: font-size .1s; border:none; text-shadow:0px 0px 2px rgba (0,0,0,0.3);}
.mainNav ul {text-transform:uppercase; margin:0; padding:0; font-size:1rem;}
.mainNav li {display:inline-block; /* margin-right:-4px; */ overflow: hidden;}
.mainNav li a {position:relative; text-decoration:none; color:#fff; transition: background .20s; padding: 20px 6px; display: block; border: none !important; margin:0;}
.mainNav li a:hover {color:#FECC04; background: rgba(51, 133, 255, 0.15);}

.mainNav li ul {display:none; height:auto; position:absolute; width:auto; z-index:8920; background:#0c1c53; margin:0; padding:0;} /*submenu bkg*/
.mainNav li:hover ul{display:block;}  /* ADJUST for sub-menu */
.mainNav li li {float:none; padding:0; width:auto; white-space: nowrap; display:block; text-transform:none !important;}
.mainNav li:hover li a {/* background:#172b6e; */ margin:.5px 0 !important;}
.mainNav li ul a {color:#dbdbdb; font-size: 1rem; background:#0c1c53; display:block; font-weight:normal; padding:6px 19px;  text-align:left !important; width:auto !important;}
.mainNav li ul a:hover, li ul li:hover a {color:#fff; /* background:#0c1c53; */ text-decoration:none; width:auto;} 

/* Product Menu */
#product-nav .current-menu-item a, #product-nav .current-menu-item a:hover {color:#3C60AA; border-left:6px solid #3C60AA; padding-left:12px; background:#f9f9f9;}
#product-nav {position:relative; font-family: 'Lato', Arial, sans-serif; font-size: 0.85rem;}
#product-nav ul { list-style: none; margin: 0 0 15px 0;}
#product-nav li { margin: 0; border-bottom:1px solid #e5e5e5;}
#product-nav li a {width:auto; display:block; color:#222; padding:7px 10px; text-decoration:none; text-align:left;}
#product-nav li a:hover {background:#f5f5f5; /* Standard syntax */ color:#666; border-left:6px solid #3C60AA; padding-left:12px;}

/* Main Menu V2 */
.mainNavStack .current-menu-item a, .mainNavStack .current-menu-item a:hover {color:#000; padding-left:25px; background:#fdc228;}
.mainNavStack {position:relative; font-family: 'Lato', Arial, sans-serif; font-size: 1rem; text-transform:uppercase;}
.mainNavStack ul { list-style: none; margin: 0 0 10px 0;}
.mainNavStack li { margin: 0;}
.mainNavStack li a {width:auto; display:block; color:#fff; padding:5px 25px; text-decoration:none; text-align:left; border-bottom:1px solid #324f8e;}
.mainNavStack li a:hover {background:#fdc228; color:#222; padding-left:25px;}
.mainNavStack li ul {display:none;} /*submenu bkg*/
.mainNavStack li:hover ul{display:none;}


/* CAT LIST */
.catList {text-align: center; width: 100%; font-size: 0;}
.catList ul {margin:0;}
.catList li {display: inline-block; list-style-type: none; margin: 0 10px 30px;}
.catList h3 {color: #555; font-family: 'Oswald'; font-size: 1.2rem;}
.catListSingle {margin: 0px !important; padding: 0px !important; box-sizing: border-box; position: relative; border-radius: 0px; z-index: 1; border: none !important;}
	.catListSingle > .catListTitle {bottom: 0px; transition: bottom .1s;}
	.catListSingle:hover > .catListTitle {bottom:0px;}
.catListTitle {position: absolute; background: #fff; z-index: 1; width: 100%; left: 0px; bottom: 0px; padding: 8px 0px; color: white; text-align: center;}


/*// DL-MENU //*/
.dl-trigger a{
	position: relative;
	font-family: 'FontAwesome';
	top: 0;
	left: 8px;
	color:#04BD61;
	content: "\f0da";
}
.dl-trigger a:hover::after {
	position: absolute;
	font-family: 'FontAwesome';
	top: 0;
	left: 8px;
	color:#04BD61;
	content: "\f0da";
}

/*// FOR WP //*/
	.slider-content {text-align:center; font-size:18px; background-repeat:no-repeat; background-position:center; background-size:cover; /* padding:45px;  */ position:relative; height:auto;}
	.slider-content h1 {text-align: center; line-height:40px; margin-bottom:20px; font-family: 'Lato',sans-serif !important; font-size: 2.3rem; letter-spacing: 1px;}
	.slider-content .content {}
	.slider-content .btnLink {margin-top: 20px;}
	.slider-content .btnLink a {background:#20409A; padding:10px 15px; color:white;  display: block; width: 150px;	margin: 0 auto; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.10); text-decoration:none !important;}
	.slider-content .btnLink a:hover {background:#027A34; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.40);}
	
	.image-gallery {
		margin: 20px 0 !important; 
	}
	.image-gallery ul{
		margin: 0px !important; 
	}
	.image-gallery li {
		display: inline-block;
		margin: 0px 10px 10px 0px !important;
		padding: 0px !important;
		border: 1px solid #ccc;
		width: 85px;
	}
		
	/*MEDIA QUERIES*/
	@media only screen and (min-width: 10px) {
		.slider-content  h1 {line-height:22px; margin-bottom:20px; font-family: 'Lato',sans-serif !important; font-size: 1.3rem; letter-spacing: 1px;}
		.slider-content.content {display:none;}
	}

	/* TABLET/NETBOOK */
	@media only screen and (min-width: 766px) { 
		.slider-content h1 {font-size: 2.3rem; line-height: 35px;}
		.slider-content.content {display:block}
	}
	
	/* PREV NEXT LINKS post styles */
	.prev-next-posts {text-transform: uppercase; font: 400 0.9rem/1.5 'Oswald',arial,sans-serif;}
	.prev-next-posts a {padding: 10px; display: block; background: #f5f5f5;}
	.prev-next-posts a:hover {background: #03508A; color: white;}
		.prev-posts-link, .next-posts-link  {border-radius: 1px; display: inline-block;}
	
	/* post styles */
	.post p {margin-bottom: 1.375rem;}
	.post ul,.post ol {margin: 0px 30px 20px;}
	.post h1,.post h2,.post h3,.post h4,.post h5,.post h6 {font-family: 'Lato',Arial,sans-serif; font-weight: 400; text-transform: uppercase; color: #00041b;}
	
	/*MEDIA QUERIES*/
	@media only screen and (min-width: 10px) {
		/* post styles */
		.post h1 {font-size: 1.45rem; margin-bottom: 0.8rem;}
		.post h2 {font-size: 1.1rem; margin-bottom: 0.6rem;}
	}

	/* TABLET/NETBOOK */
	@media only screen and (min-width: 766px) { 
		/* post styles */
		.post h1 {font-size: 1.9rem; margin-bottom: 1rem;}
		.post h2 {font-size: 1.45rem; margin-bottom: 0.8rem;}
		.post h3 {font-size: 1.010rem; margin-bottom: 0.4rem;}
		.post h4 {font-size: .9rem; margin-bottom: 0.4rem;}
		.post h5 {font-size: .8rem; margin-bottom: 0.4rem;}
		.post h6 {font-size: .65rem; margin-bottom: 0.4rem;}
	}
	
	
	/* SIDEBAR */
	.sidebar h3 { font-family: 'Oswald', Arial, sans-serif; font-size:1.2rem; }
	
	/* MSDS POSTS */
	.msds-post p { margin-bottom: 0; font-size:.9rem;}
	
	/* LOCATION POSTS */
	.locationPost {background:#f5f5f5; padding:15px 20px; margin-bottom:15px;}
	.locationPost p {margin-bottom:15px;}
	.locationPost .fa-fw {width: 1.1rem; text-align: center;}
	
	/* searchy styles */
	.searchy {padding:15px; background:#f5f5f5; margin-bottom:10px;  border-left:0px solid #F2CE52; transition: border-left .15s;}
	.searchy:hover {border-left: 11px solid #F2CE52; background: rgba(255, 255, 255, 0.3);}
	.searchy p {margin-bottom: 0;}
	.searchy h2 {font-size: 1.25rem; margin-bottom: 0; font-family: 'Lato',Arial,sans-serif; font-weight: 400; text-transform: uppercase; color: #00041b;}
	
	/* pagination nav */
	.postNav {border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 0px; position: relative; font-family: 'Lato', Arial, sans-serif; text-transform: uppercase; margin-bottom:10px;}
	.postNav a {color:#333; text-decoration:none !important; display:block; width:50%; padding:15px; }
	.postNav a:hover {color:#1369B6; background:#f9f9f9; transition: padding .25s;}
	.postNav a[rel=prev] {float:right; text-align:right;}
	.postNav a:hover[rel=prev] {padding-right:5px;}
	.postNav a[rel=next] {float:left; text-align:left; border-right: 1px solid #f2f2f2;}
	.postNav a:hover[rel=next] {padding-left:5px;}

	/* for MAngo Buttons */
	.mb-button.mb-style-flat:hover {background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.44)) !important;}
	.mb-button {padding: .7em 1em !important;}

	/* sidebar base styles */
	#sidebar .widget {background: #f6f6f6; position: relative; margin-bottom: 10px; padding: 15px;}
	#sidebar ul, #sidebar ol {list-style-position: outside; margin: 0px 30px;}


/* NEWS */
	.newsDate {text-transform:uppercase; font-weight:bold; margin: 0 0 10px 0;}
	.fa-lg {vertical-align: -3% !important;}
	
	/* news_HB post type styles */
	.news-content-wrapper {background: #E3E3E3; border-radius: 3px; padding: 15px;  margin-bottom:10px; border: 1px solid rgb(204, 204, 204); text-align: left;}
	.news-content-wrapper h2 {line-height: 20px; font-size:1.2em; color: #3D2F9C !important; text-transform:capitalize;}
	.news-content-wrapper a {color: #03508A;}
	.news-content-wrapper a:hover {color: #03508A; opacity:0.6; background:transparent; padding:0;}
	.news-content-wrapper .content {display:none;}
	.news-content-wrapper .btnLink {position:relative;}
	
	
	/* news_HB post type home styles */
	.news-content-home-wrapper {width:98%;  margin: 0px auto 4px; padding: 4px; text-align: left; vertical-align: top;}
	.news-content-home-wrapper .artContent {display: inline-block; vertical-align: middle;}
	.news-content-home-wrapper h4 {color:#fff !important; margin: 0 0 0 75px; line-height: 16px; max-height: 32px; overflow: hidden;}
	.news-content-home-wrapper .artDate {font-size: 0.68rem; font-family: arial,sans-serif; line-height: 14px; vertical-align: middle; margin-left:0px; display:block; position: absolute;}
	
	
	/* news_HB Articles post type thin styles */
	.news-content-thin-wrapper {background: #F5F5F5; border-radius: 3px; padding: 10px; width:98%;  margin-bottom:10px; border: 1px solid rgb(220, 220, 220); text-align: left; margin: 10px auto; vertical-align: top;}
	.news-content-thin-wrapper img {max-width: 80px; margin-right: 10px; display: inline-block; vertical-align: middle;}
	.news-content-thin-wrapper .artContent {display: inline-block; vertical-align: middle;}
	.news-content-thin-wrapper h2 {display:inline-block; line-height: 21px; font-size:1.2em; margin: 0px; color: #00041b !important; text-transform:capitalize; vertical-align: middle;}
	.news-content-thin-wrapper .artInfo {font-size: 0.68rem; font-family: arial,sans-serif; line-height: 14px; vertical-align: middle; margin-left:0px; display:block;}
	.news-content-thin-wrapper .artDate {vertical-align: middle; margin-left:0px; display:inline-block;}
	.news-content-thin-wrapper .artpub {vertical-align: middle; margin-left:0px; display:inline-block;}
	.news-content-thin-wrapper a {color: #03508A;}
	.news-content-thin-wrapper a:hover {color: #03508A; opacity:0.6; background:transparent; padding:0;}
	
		/*MEDIA QUERIES*/
		@media only screen and (min-width: 10px) {
			.news-content-thin-wrapper img {display: none;}
		}

		/* TABLET/NETBOOK */
		@media only screen and (min-width: 766px) { 
			.news-content-thin-wrapper img {display: inline-block;}
		}
			
	/* news_hb - post type styles */
	.news-content {position:relative; width:auto; padding:10px; background:#f9f9f9;  margin:0 0 7px 0; border: 1px solid #f1f1f1; text-align:left;}
	.news-content .fa {color:#6F7C87;}
	.news-content .info {float:left;}
	.news-content .info h2 {margin:0; font-family: 'Oswald', arial, sans-serif; font-weight:normal; font-size:1.1rem; color:#002F63; line-height: 22px; overflow: hidden; height: 22px; text-transform:capitalize;}
	.news-content .info p {margin:10px 0 0 0;}
	.news-content .info .date {font-size:.8rem; margin:0px; color:#00041b;}
	
	/* news_hb - SMALL post type styles */
	.news-content-sm {position:relative; width:auto; padding:5px 10px; background:#f9f9f9;  margin:0 0 7px 0; border: 1px solid #E5E5E5; text-align:left;}
	.news-content-sm .fa {color:#6F7C87;}
	.news-content-sm .info {float:left;}
	.news-content-sm .info h2 {margin:0; font-family: 'Oswald', arial, sans-serif; font-weight:normal; font-size:.95rem; color:#002F63; line-height: 22px; overflow: hidden; height: 22px; text-transform:capitalize;}
	.news-content-sm .info p {margin:10px 0 0 0;}
	.news-content-sm .info .date {font-size:.8rem; margin:0px; color:#00041b;}
	

	/* team_HB post type styles */
	.team-content-wrapper {background: rgba(227, 227, 227, 0.75); border-radius: 3px; padding: 15px;  margin-bottom:10px; text-transform:capitalize; text-align:center;}
	.team-content-wrapper .fa-user {margin-bottom: 5px; color: rgb(11, 161, 75); display:block;}
	.team-content-wrapper h2 {line-height: 20px; font-size:1.3em; color: #20409A;}
	.team-content-wrapper .content {position:relative; display:none;}
	.team-content-wrapper .btnLink {position:relative;}
	
	/* staff_HB post type styles */
	.staffPage h1 {margin:0; font-family: 'Oswald', arial, sans-serif; font-weight:normal; color:#424242; line-height: 30px; margin:0 0 20px 0;}
	.staffPage h2 {margin:0; font-family: 'Lato', arial, sans-serif; font-weight:normal; color:#424242; line-height: 25px; margin: 0px 0px 5px;}
	.staffPage .biopic {width:15%; float: left; min-width: 90px;border:2px solid #e5e5e5; margin-right: 20px;}
	.staffPage .email  {margin: 5px 0px 15px;}
	
	.staff {position:relative; width:auto; padding:10px; background:#f5f5f5;  margin:0 0 10px 0; border: 1px solid #e5e5e5;}
	.staff .biopic img {margin:0 !important;}
	.staff .biopic {float:left; border:2px solid #e5e5e5; background:#333; text-align:center; margin:0 !important;}
	.staff .info {margin:0 0 0 10px; float:left;}
	.staff .info h2 {margin:0; font-family: 'Oswald', arial, sans-serif; font-weight:normal; color:#424242; line-height: 22px;}
	.staff .info h3 {margin:0; font-size:.95rem; line-height: .85rem; font-family: 'Lato', arial, sans-serif; font-weight:normal; color:#424242;}
	.staff .info p {margin:10px 0 0 0;}  
	.staff .info .email {margin: 5px 0px;}  
	.staff .info .moreBtn {font-size: 0.835rem; padding:4px 8px; color:#00041b; background:#DFE7DB; border-radius:3px;}  
	.staff .info .moreBtn:hover {color:#000;}  
	
		.staffSM .info h3 {line-height: .75rem;}
		.staffSM .info p {margin:10px 0 0 0;}  
		.staffSM .info .email {font-size:.8rem; margin: 3px 0px 0px; color:#00041b;}  
		
		/*MEDIA QUERIES*/
		@media only screen and (min-width: 10px) {
			.staff .info {width:75%;}
			.staff .info h2 {font-size:1rem;}
			.staff .biopic {width:10%; min-width:47px;}
			.staff .info .email {margin: 0px;}  
			.staffSM .biopic {max-width:47px;}
			.staffSM  .info{width: 76%;}
			.staffSM .info h2 {font-size:1rem; line-height:20px;}
			.staffSM .info .email {margin: 6px 0px 0px;}
		}

		/* TABLET/NETBOOK */
		@media only screen and (min-width: 766px) { 
			.staff .info {width:75%;}
			.staff .info h2 {font-size:1.1rem;}
			.staff .biopic {width:20%;}
			.staff .info .email {margin: 5px 0px;}  
			.staffSM .biopic {width:15%;}
			.staffSM .info {width: 67%;}
			.staffSM .info h2 {font-size:.95rem;}
			.staffSM .info h3 {font-size:.85rem;}
			.staffSM .info .email {margin: 3px 0px 0px;} 
		}
		
		/* DESKTOP */
		@media only screen and (min-width: 1000px) { 
			.staffSM .info {width: 77%;}
		}

	
	/* products list post type thin styles */
	.productList-thin-wrapper {background: #f9f9f9; border-radius: 3px; padding: 10px; width:98%;  margin-bottom:10px; border: 1px solid #e9e9e9; text-align: left; margin: 10px auto; vertical-align: top;}
	.productList-thin-wrapper h2 {display:inline-block; line-height: 21px; font-size:1.2em; margin: 0px; color: #00041b !important; text-transform:uppercase; vertical-align: middle;}
	.productList-thin-wrapper .links {display: inline-block; vertical-align: middle; float: right; text-align:right;}
	.productList-thin-wrapper .pdf {vertical-align: middle; margin-left:0px; display:inline-block; float:left;}
	.productList-thin-wrapper a {color: #03508A;}
	.productList-thin-wrapper a:hover {color: #03508A; opacity:0.6; background:transparent; padding:0;}
	.titlebar {
		margin: 0px auto;
		padding: 0px 10px;
		border: medium none;
		background: transparent none repeat scroll 0% 0%;
		text-transform: uppercase;
		font-size: 0.85rem;
		color:#000 !important;
	}
	
		@media only screen and (min-width: 320px) {
			.productList-thin-wrapper h2 {width:37%;}
			.productList-thin-wrapper .links {width:61%;}
		}
		
		@media only screen and (min-width: 500px) {
			.productList-thin-wrapper h2 {width:61%;}
			.productList-thin-wrapper .links {width:37%;}
		}
	

/* // HOVER BUTTONS // */
	div.btnLinkage {
		position: relative;
	}
	div.btnLinkage a {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		text-decoration: none; /* No underlines on the link */
		z-index: 10; /* Places the link above everything else in the div */
		/* opacity:1.0 !important; */
	}
	div.btnLinkage a:hover {
		/* opacity:0.6 !important; */
		background: rgba(255, 255, 255, 0.3);
		border-radius: 0px;
		padding: 0px;
	}
	
	div.btnLinkage2 {
		position: relative;
	}
	div.btnLinkage2 a {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		text-decoration: none; /* No underlines on the link */
		z-index: 10; /* Places the link above everything else in the div */
		/* opacity:1.0 !important; */
	}
	div.btnLinkage2 a:hover {
		/* opacity:0.6 !important; */
		background: rgba(0, 0, 0, 0.3);
		border-radius: 0px;
		padding: 0px;
	}
	
	
	/* // ICON HOVER 1 // */
	div.btnView {
		position: relative;
	}
	div.btnView a {
		position: absolute;
		width: 100%;
		height: 100%;
		top:0;
		right:0;
		bottom:0;
		left:0;
		text-decoration: none; /* No underlines on the link */
		z-index: 10; /* Places the link above everything else in the div */
		/* opacity:1.0 !important; */
		
	}
	div.btnView a:hover {
		/* opacity:0.6 !important; */
		background: rgba(76, 123, 120, 0.9);
		border-radius: 0px;
		padding: 0px;
		position:absolute;
		text-align:center;
	}
	div.btnView a:hover::before {
		position:relative;
		color:white;
		content: "\f007";
		font-family: 'FontAwesome';
		font-size:2rem;
		display:block;
		top: 50%;
		transform: translateY(-50%);
		text-align:center;
	}
	
	/* // ICON HOVER 2 // */
	div.btnView2 {
		position: relative;
	}
	div.btnView2 a {
		position: absolute;
		width: 100%;
		height: 100%;
		top:0;
		right:0;
		bottom:0;
		left:0;
		text-decoration: none; /* No underlines on the link */
		z-index: 10; /* Places the link above everything else in the div */
		/* opacity:1.0 !important; */
		
	}
	div.btnView2 a:hover {
		/* opacity:0.6 !important; */
		background: rgba(76, 123, 120, 0.8);
		border-radius: 0px;
		padding: 0px;
		position:absolute;
		text-align:center;
	}
	div.btnView2 a:hover::before {
		position:relative;
		color:white;
		content: "\f0b2";
		font-family: 'FontAwesome';
		font-size:1.85rem;
		display:block;
		top: 50%;
		transform: translateY(-50%);
		text-align:center;
	}
	
	
	/* // ICON HOVER 3 // */
	div.btnView3 {
		position: relative;
	}
	div.btnView3 a {
		position: absolute;
		width: 100%;
		height: 100%;
		top:0;
		right:0;
		bottom:0;
		left:0;
		text-decoration: none; /* No underlines on the link */
		z-index: 10; /* Places the link above everything else in the div */
		/* opacity:1.0 !important; */
		
		display: block;
	}
	div.btnView3 a:hover {
		/* opacity:0.6 !important; */
		background: rgba(255, 195, 22, 0.9);
		border-radius: 0px;
		padding: 0px;
		position:absolute;
		text-align:center;
	}
	div.btnView3 a:hover::before {
		position:relative;
		color:#000;
		content: "\f06e";
		font-family: 'FontAwesome';
		font-size:1.85rem;
		display:block;
		top: 50%;
		transform: translateY(-50%);
		text-align:center;
	}
	


/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}

/* DEFAULT MOBILE STYLE */
/* column grid */
.g1,.g1NoMar,.g1home,.g2,.g2half,.g3 {display:block; position: relative; margin-left: 2%; margin-right: 2%; vertical-align: top;}
.g3single {display:block; position: relative; margin-left: 4%; margin-right: 4%}
/* 1 column grid */
.g1,.g1NoMar,.g1home,.g2,.g2half,.g3{width:98.0%}
.g1,.g1NoMar,.g2,.g2half,.g3 {display:inline;}

/* media Queries
FOLDING FLUID GRID
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 1024px			- 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */

/* MOBILE PORTRAIT */
@media only screen and (min-width: 10px) {
	.g1,.g1NoMar {width:31.333% }
	.g2 {width:98.667%;}
	/* .g3 {width:96.0%} */
	.g3 {width:100.0%}
	.g3single {width:90.0%}
	.section {margin:0 10px 15px; width:90%;}
	.logoRel {width:130px;}
	#info {padding:0; min-height:100px; border-right:none;}
	#infoSec {padding:0; min-height:100px;}
	.postNav {width:auto; position:relative; float:none;}
	#main-nav {display:none;}
	.pageSection {padding:25px 0; }
	#socialMediaNav {top:7px; right:7px; padding:5px;}
	.homeArea {margin:0 20px;}
	.pageTitleArea h1{font-size: 1.4rem; line-height: 1.6rem;}
	.pageTitleArea p {font-size: 1rem;}
	.post {min-height: 100px;}
	/* #product-nav {display:none;} */
	#slider, #slider-sidebar {display:none;}
	#mobileHdrImg{display:block; background:#0b152c url(images/mob_banner_v2.jpg) no-repeat center center; height:200px;}
	.wphide {display:block !important;}
	.wphidemob,.wphidemob2 {display:none !important;}
	#stickyBarTop #logo {display:none;}
	#stickyBarTop .topNav {margin-top: 12px;}
	#contact-info {display:none; vertical-align: middle; text-align:left; margin-left:20px;}
	#contact-info p {margin-bottom:5px;}
	#contact-info p:last-child {margin-bottom:0px;}
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
	#secPage h1{line-height: 30px;}
	.section {max-width:35vw; width:300px; vertical-align:top;}
	.g2half {width:98%;}
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 834px) { 
	/* COLUMN GRID */
	.g1,.g1NoMar,.g1home,.g2,.g3,.g8,.g2half {display:inline-block;}
	
	/* 2 COLUMN GRID */
	.g1home {width:28.333%}
	.g1NoMar {width: 31.655%;}
	.g1 {width:30.333%}
	/* .g2 {width:59.667%;} */
	.g2 {width:64.9%;}
	.g2half {width:47.5%;}
	
	#mobileTop {display:none;}
	#topMenu {display:none}
	#main-nav {display:inline-block; vertical-align: middle;}
	.postNav {width:180px; position:relative; float:right;}
	#stickyBarTop #logo {display:block;}
	#stickyBarTop .topNav {margin-top: 20px;}
	#stickyBarTop {background:rgba(2, 54, 167, 0.8)}
	.pageSection {padding:50px 20px; }
	#socialMediaNav {display: inline-block; position:relative; top:0; right:0;}
	.homeArea {margin:0;}
	/*// HEADER NAV //*/
	.mainNav {display:inline-block;}
	.pageTitleArea h1{font-size: 2.2rem; line-height: 2.4rem;}
	.pageTitleArea p {font-size: 1.15rem;}
	.post {min-height: 260px;}
	#product-nav {display:block; font-size: 0.8rem;}
	#slider, #slider-sidebar {display:block;}
	#mobileHdrImg{display:none;}
	.wphide {display:none !important;}
	.wphidemob {display:block !important;}
	.wphidemob2 {display:inline-block !important;}
	.mainNavStack {font-size: .85rem;}
	
}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1000px) { 
	.maxWide {max-width:1050px;}
	#product-nav {display:block; font-size: 0.85rem;}
	.mainNavStack {font-size: 1rem;}
	#contact-info {display:inline-block; font-size:.8rem;}
}
	
/* WIDESCREEN */
@media only screen and (min-width: 1100px) { 
	.maxWide {max-width:1200px;}
}
.ninja-forms-form-wrap input, .ninja-forms-form-wrap select {
    height: 30px !important;
}
input[type=radio]{
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  background:transparent;
  height: 10px !important;
}