/* JBI Custom CSS and Overrides Document */
/* Bootstrap Breakpoints
	XS <  767px
	SM >= 768px < 992px
	MD >= 992px < 1200px
	LG >= 1200px

Bootstrap 4 standard sizes:
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
*/
/*
JBI 5 standard sizes:

Mobile Default, don't include...
@media (max-width: 413px) {
}

Responsive ranges
@media (min-width: 414px) and (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
*/
/* Colors
    #339 Nelson Logo
    #212e4e Nelson Logo (New)
    #f9f9f9 Tag Cloud li background
    #556 Gunmetal Gray
    #303033 Dark Gunmetal Gray
*/
/*===================================
 Bootstrap Modifications
 ===================================*/
/*-----------------------------------
   bootstrap.css overrides
------------------------------------*/
/* Make room for fixed main menu */
body {
	padding-top: 50px;
}
@media (min-width: 768px) {
	body {
		padding-top: 50px;
	}
}
/* Reduce spacing in dropdown menus (too long) */
@media (min-width: 768px) {
	.dropdown-menu {
		font-size: 14px;
	}
	.dropdown-menu > li > a {
		padding-top: 2px;
		padding-bottom: 2px;
	}
}
/* Bkgd style repeated in Sticky Filter Bar */
.navbar-default {
    background-color: rgba(255, 255, 255, 0.96);
}
/* Paragraph lead format too large */
.lead {
  margin-bottom: 22px;
  font-size: 19px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    margin-bottom: 16px;
    font-size: 20px;
  }
}
/*-----------------------------------
   bootstrap.css enhancements
------------------------------------*/
/* Five-column grid */
@media (min-width: 768px) and (max-width: 991px) {
	.col-sm-5x {
		width: 20%;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.col-md-5x {
		width: 20%;
	}
}
@media (min-width: 1200px) {
	.col-lg-5x {
		width: 20%;
	}
}
/* Add alert-primary */
.alert-primary {
  background-color: #428bca;
  border-color: #357ebd;
  color: #ffffff;
}
.alert-primary hr {
  border-top-color: #428bca;
}
.alert-primary .alert-link {
  color: #3071a9;
}
/* Add other alert heading sizes */
/* (Only has h4, not even .h4 */
.alert h1,
.alert .h1,
.alert h2,
.alert .h2,
.alert h3,
.alert .h3,
.alert .h4,
.alert h5,
.alert .h5,
.alert h6,
.alert .h6 {
  margin-top: 0;
  color: inherit;
}
/* Tooltip styling (actually a Popover) */
.popover {
}
.popover .popover-title {
	font-size: 12px;
}
.popover .popover-content {
	font-size: 12px;
}

/*===================================
 Custom Global Styles
 ===================================*/
/*-----------------------------------
   Force all 128px icons to set width
------------------------------------*/
img[src*="img/icons128/"] {
	width: 100px;
}
/*-----------------------------------
   Responsive Margin Shortcuts
------------------------------------*/
@media (max-width: 767px) {
	/* margin resets */
	.mxs0 {
		margin: 0;
	}
	.mtxs0 {
		margin-top: 0;
	}
	.mbxs0 {
		margin-bottom: 0;
	}
	/* margin-top */
	.mtxs10 {
		margin-top: 10px;
	}
	.mtxs20 {
		margin-top: 20px;
	}
	.mtxs30 {
		margin-top: 30px;
	}
	.mtxs40 {
		margin-top: 40px;
	}
	.mtxs50 {
		margin-top: 50px;
	}
	.mtxs60 {
		margin-top: 60px;
	}
	.mtxs80 {
		margin-top: 80px;
	}
}
@media (min-width: 768px) {
	/* margin resets */
	.m0 {
		margin: 0;
	}
	.mt0 {
		margin-top: 0;
	}
	.mb0 {
		margin-bottom: 0;
	}
	/* margin-top */
	.mt10 {
		margin-top: 10px;
	}
	.mt20 {
		margin-top: 20px;
	}
	.mt30 {
		margin-top: 30px;
	}
	.mt40 {
		margin-top: 40px;
	}
	.mt50 {
		margin-top: 50px;
	}
	.mt60 {
		margin-top: 60px;
	}
	.mt80 {
		margin-top: 80px;
	}
	.mt100 {
		margin-top: 100px;
	}
	.mt120 {
		margin-top: 120px;
	}
}
/*-----------------------------------
   Responsive Padding Shortcuts
------------------------------------*/
@media (max-width: 767px) {
	/* padding-top */
	.ptxs0 {
		padding-top: 0;
	}
	.ptxs10 {
		padding-top: 10px;
	}
	.ptxs20 {
		padding-top: 20px;
	}
	.ptxs30 {
		padding-top: 30px;
	}
	.ptxs40 {
		padding-top: 40px;
	}
	.ptxs60 {
		padding-top: 60px;
	}
	.ptxs80 {
		padding-top: 80px;
	}
	/* padding-bottom */
	.pbxs0 {
		padding-bottom: 0;
	}
	.pbxs10 {
		padding-bottom: 10px;
	}
	.pbxs20 {
		padding-bottom: 20px;
	}
	.pbxs30 {
		padding-bottom: 30px;
	}
	.pbxs40 {
		padding-bottom: 40px;
	}
	.pbxs60 {
		padding-bottom: 60px;
	}
	.pbxs80 {
		padding-bottom: 80px;
	}
}
@media (min-width: 768px) {
	/* padding reset */
	.p0 {
		padding: 0;
	}
	/* padding-top */
	.pt0 {
		padding-top: 0;
	}
	.pt10 {
		padding-top: 10px;
	}
	.pt20 {
		padding-top: 20px;
	}
	.pt30 {
		padding-top: 30px;
	}
	.pt40 {
		padding-top: 40px;
	}
	.pt60 {
		padding-top: 60px;
	}
	.pt80 {
		padding-top: 80px;
	}
	.pt100 {
		padding-top: 100px;
	}
	.pt120 {
		padding-top: 120px;
	}
	/* padding-bottom */
	.pb0 {
		padding-bottom: 0;
	}
	.pb10 {
		padding-bottom: 10px;
	}
	.pb20 {
		padding-bottom: 20px;
	}
	.pb30 {
		padding-bottom: 30px;
	}
	.pb40 {
		padding-bottom: 40px;
	}
	.pb60 {
		padding-bottom: 60px;
	}
	.pb80 {
		padding-bottom: 80px;
	}
	.pb100 {
		padding-bottom: 100px;
	}
	.pb120 {
		padding-bottom: 120px;
	}
	.pb240 {
		padding-bottom: 240px;
	}
	/* padding left+right */
	.plr10 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.plr20 {
		padding-left: 20px;
		padding-right: 20px;
	}
}
/*-----------------------------------
   Responsive Width Shortcuts
------------------------------------*/
@media (min-width: 768px) {
	.w10 {
		width: 10%;
	}
	.w20 {
		width: 20%;
	}
	.w30 {
		width: 30%;
	}
	.w40 {
		width: 40%;
	}
	.w50 {
		width: 50%;
	}
	.w60 {
		width: 60%;
	}
	.w70 {
		width: 70%;
	}
	.w80 {
		width: 80%;
	}
	.w90 {
		width: 90%;
	}
	.w100 {
		width: 100%;
	}
}
/*-----------------------------------
   Fonts
------------------------------------*/
/* Font Family */
.ffc {
	font-family: 'Kalam', cursive;
	font-weight: 300;
}
/* Line Heights */
.lh10 {
	line-height: 1;
}
.lh11 {
	line-height: 1.1;
}
.lh12 {
	line-height: 1.2;
}
.lh13 {
	line-height: 1.3;
}
.lh14 {
	line-height: 1.4;
}
.lh15 {
	line-height: 1.5;
}
.lh16 {
	line-height: 1.618;
}
.lh17 {
	line-height: 1.7;
}
.lh18 {
	line-height: 1.8;
}
.lh19 {
	line-height: 1.9;
}
.lh20 {
	line-height: 2;
}
/*-----------------------------------
   Responsive Font Sizes
------------------------------------*/
/* Font Size */
@media (max-width: 767px) {
	.fsxs20 {
		font-size: 20px;
	}
	.fsxs24 {
		font-size: 24px;
	}
	.fsxs30 {
		font-size: 30px;
	}
	.fsxs36 {
		font-size: 36px;
	}
	.fsxs42 {
		font-size: 42px;
	}
	.fsxs48 {
		font-size: 48px;
	}
	.fsxs60 {
		font-size: 60px;
	}
	.fsxs72 {
		font-size: 72px;
	}
}
@media (min-width: 768px) {
	.fs24 {
		font-size: 24px;
	}
	.fs30 {
		font-size: 30px;
	}
	.fs36 {
		font-size: 36px;
	}
	.fs42 {
		font-size: 42px;
	}
	.fs48 {
		font-size: 48px;
	}
	.fs60 {
		font-size: 60px;
	}
	.fs72 {
		font-size: 72px;
	}
}
/*-----------------------------------
   Text Colors
------------------------------------*/
/* Standard Grayscale Colors */
.tc0 {
	color: #000;
}
.tc3 {
	color: #333;
}
.tc6 {
	color: #666;
}
.tc9 {
	color: #999;
}
.tcc {
	color: #ccc;
}
.tcf {
	color: #fff;
}
/*-----------------------------------
   Background Colors and Images
------------------------------------*/
/* Standard Grayscale Backgrounds */
.bc0 {
	background-color: #000;
}
.bc3 {
	background-color: #333;
}
.bc6 {
	background-color: #666;
}
.bc9 {
	background-color: #999;
}
.bcc {
	background-color: #ccc;
}
.bcd {
	background-color: #ddd;
}
.bce {
	background-color: #eee;
}
.bcf {
	background-color: #fff;
}
/* Custom Grayscale Backgrounds */
.bcf5 {
	background-color: #f5f5f5;
}
.bcf8 {
/*	background-color: #f8f9fa; DB List */
	background-color: #f8f8f8;
}
.bcfa {
	background-color: #fafafa;
}
/*-----------------------------------
   Responsive Backgrounds
------------------------------------*/
@media (min-width: 768px) {
	/* Transparent Backgrounds */
	.bcft84 {
		background-color: rgba(255, 255, 255, 0.84);
	}
	.bcft88 {
		background-color: rgba(255, 255, 255, 0.88);
	}
	.bcft92 {
		background-color: rgba(255, 255, 255, 0.92);
	}
	.bcft96 {
		background-color: rgba(255, 255, 255, 0.96);
	}
	/* Background Images */
	.bi1 {
		background-image: url('/assets_888/img/backgrounds/pallets-warehouse.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left center;
	}
	.bi2 {
		background-image: url('/assets_888/img/backgrounds/world-map.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.bi3 {
		background-image: url('/assets_888/img/backgrounds/sparrows-point-plant.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right center;
	}
}
/*===================================
 Custom Shared Components
 ===================================*/
/*-----------------------------------
   Logo as text
------------------------------------*/
.nelLogo {
	font-family: 'Noto Serif', Georgia, 'Times New Roman', Times, serif;
	font-size: 30px;
	font-weight: 700;
	font-style: italic;
	letter-spacing: -2px;
	color: #141a88 !important;
}
/*-----------------------------------
   Main Menu
------------------------------------*/
/* Shadow style repeated in Sticky Filter Bar */
#siteMenu.menuShadow {
    -webkit-box-shadow: 0 1px 16px -2px #000;
    box-shadow: 0 1px 16px -2px #000;
}
/*-----------------------------------
   Page Header
------------------------------------*/
#jbiHeader {
	margin: 0;
	padding-top: 16px;
	padding-bottom: 4px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #e0e0e0;
}
#jbiHeader h1 {
	margin: 0;
	padding: 0 0 1px;
	float: left;
	width: 100%;
	color: #777;
	font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 1;
	letter-spacing: normal;
	word-spacing: -2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#jbiHeader nav {
	float: right;
	max-width: 100%;
	margin-top: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#jbiHeader .breadcrumb {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
}
#jbiHeader .breadcrumb > li {
	margin: 0;
	padding: 0;
	font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1;
	letter-spacing: normal;
	word-spacing: -1px;
}
.breadcrumb > li + li::before {
  padding: 0 3px;
}
@media (min-width: 768px) {
	#jbiHeader {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	#jbiHeader h1 {
		width: auto;
		max-width: 70%;
		font-size: 22px;
	}
	#jbiHeader nav {
		max-width: 28%;
		margin-top: 0px;
	}
	#jbiHeader .breadcrumb {
		display: inline;
	}
	#jbiHeader .breadcrumb > li {
		display: inline;
	}
}
/*-----------------------------------
   Page Footer
------------------------------------*/
footer {
	margin-top: 120px;
	padding: 10px 0;
	font-size: 13px;
	color: #777;
	background-color: #f5f5f5;
	border-top: 1px solid #e0e0e0;
	text-align: center;
}
footer p,
footer ul {
	margin: 0;
}
@media (min-width: 768px) {
	footer p.nelLogo {
		text-align: left;
	}
	footer div.nelSocial {
		text-align: right;
	}
}
/*-----------------------------------
   Calls-To-Action
------------------------------------*/
/*
	CTA with Show/Hide (good for Forms)
	Only one per page!
*/
#jbiCTA {}
#jbiCTAShow {}
#jbiCTAHide {display: none}
#jbiCTAConf {}
/*
	SS with Show/Hide (good for Forms)
	Only one per page!
*/
#jbiSS {}
#jbiSSShow {}
#jbiSSHide {display: none}
#jbiSSConf {}
/*-----------------------------------
   Nutshell Form
------------------------------------*/
/* Form in CTA and SS */
.nsFormCTA {}
.nsFormCTAShow {}
.nsFormCTAHide {}
.nsFormCTAConf {}
/* Use wrapper div if on background */
.nsFormWrap {
	padding: 0 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
}
/* Bootstrap overrides */
.nsForm .form-group-sm .form-control {
  height: 30px;
  padding: 4px 8px;
  font-size: 16px;
  color: #009;
  line-height: 1.2;
  margin-bottom: 4px;
}
.nsForm .form-group-sm textarea.form-control,
.nsForm .form-group-sm select[multiple].form-control {
  height: auto;
}
.nsForm input.form-control,
.nsForm textarea.form-control {
	background-color: #fff;
	background-color: #f4f8fc;
}
/*-----------------------------------
   Fixed / Responsive List Columns
------------------------------------*/
ul.jbiListCols {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
.jbiListCols li {
	float: left;
	margin-bottom: 20px;
}
.jbiListCols li img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Fixed Widths 3/4/5/6 */
.jbiListCols.jbiListCols3x li {
	width: 33.3%;
}
.jbiListCols.jbiListCols4x li {
	width: 25%;
}
.jbiListCols.jbiListCols5x li {
	width: 20%;
}
.jbiListCols.jbiListCols6x li {
	width: 16.6%;
}
/* Responsive Widths: 2/2, 4/4/4 */
.jbiListCols.jbiListColsR2x4 li {
	width: 50%;
}
@media (min-width: 768px) {
	.jbiListCols.jbiListColsR2x4 li {
		width: 25%;
	}
}
/* Responsive Widths 1/2, 3/4/6 */
.jbiListCols.jbiListColsRx li {
	width: 100%;
}
@media (min-width: 414px) and (max-width: 767px) {
	.jbiListCols.jbiListColsRx li {
		width: 50%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.jbiListCols.jbiListColsRx li {
		width: 33.3%;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.jbiListCols.jbiListColsRx li {
		width: 25%;
	}
}
@media (min-width: 1200px) {
	.jbiListCols.jbiListColsRx li {
		width: 16.6%;
	}
}
/* Responsive Widths: 2/3, 4/5/6 */
.jbiListCols.jbiListColsRx2 li {
	width: 50%;
}
@media (min-width: 414px) and (max-width: 767px) {
	.jbiListCols.jbiListColsRx2 li {
		width: 33.3%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.jbiListCols.jbiListColsRx2 li {
		width: 25%;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.jbiListCols.jbiListColsRx2 li {
		width: 20%;
	}
}
@media (min-width: 1200px) {
	.jbiListCols.jbiListColsRx2 li {
		width: 16.6%;
	}
}
/*-----------------------------------
   Timeline Format
------------------------------------*/
dl.jbiTimeline {
	margin: 0 0 0 10px;
	padding: 0;
}
@media (min-width: 768px) {
	dl.jbiTimeline {
		margin-left: 15%;
		width: 55%;
	}
}
.jbiTimeline dt {
	position: relative;
	left: 0;
	top: 24px;
	width: 54px;
	font-weight: bold;
	color: #666;
}
.jbiTimeline dd {
	margin: 0 0 0 54px;
	padding: 0 0 10px 10px;
	border-left: 3px solid #666;
}
/*-----------------------------------
   Datalist Format
------------------------------------*/
/* Copy of BS dl-horizontal code but no media min-width */
.jbiDatalist dt {
	float: left;
	width: 160px;
	clear: left;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.jbiDatalist dd {
	margin-left: 180px;
}
.jbiDatalist dd:before,
.jbiDatalist dd:after {
  content: " ";
  display: table;
}
.jbiDatalist dd:after {
  clear: both;
}
/* BS overrides */
.jbiDatalist dt,
.jbiDatalist dd {
	font-size: 14px;
	line-height: 2.4;
}
.jbiDatalist dt {
	font-weight: normal;
	color: #333;
	width: 120px;
	text-align: left;
}
.jbiDatalist dd {
	margin-left: 120px;
}
/* BS customization */
.jbiDatalist {
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}
.jbiDatalist dt,
.jbiDatalist dd {
	border-top: 1px solid #ccc;
}
/*-----------------------------------
   Generic Tag Cloud
------------------------------------*/
ul.jbiListTagLinks {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.jbiListTagLinks > li {
	display: inline-block;
	line-height: 1;
	margin: 6px 0 0;
	padding: 4px 6px;
	border: 1px solid #999;
	border-radius: 6px;
	background-color: #fff;
}
ul.jbiListTagLinks > li:hover {
	color: #666;
	background-color: #eee;
}
ul.jbiListTagLinks > li a {
	color: #333;
	text-decoration: none;
}
/*-----------------------------------
   Responsive Border Wrapper
------------------------------------*/
@media (min-width: 768px) {
	/* Add .bcf if need white background */
	/* Add .plr10 if need padding */
	.jbiBorder {
		border: 1px solid #ccc;
		border-radius: 10px;
	}
	.jbiBorder.primary {
		border-color: #357ebd;
	}
}
/*-----------------------------------
   Blog Posts
------------------------------------*/
.jbiBlog {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
}
.jbiBlog p:nth-of-type(2) {
	font-size: 13px;
	line-height: 1.3;
	padding-top: 2px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.jbiBlog p:nth-of-type(3) {
	margin-top: 10px;
}
.jbiBlog p:nth-of-type(3) a {
	font-size: 13px;
}
/*===================================
 TO SORT
 ===================================*/
/*-----------------------------------
   Full-width Bars
------------------------------------*/
/* Bar 1 */
.jbiBar1 {
}
.jbiBar1 h2 {
}
.jbiBar1 p.lead {
}
.jbiBar1 p {
}
.jbiBar1 p:last-of-type {
}
/*-----------------------------------
   Q&A Headline Format
------------------------------------*/
h2 i {
	display: block;
	font-style: normal;
	color: #86868a;
	margin-top: 6px;
}
/*-----------------------------------
   DB Attribute List Formats
------------------------------------*/
/*
	List as Text
*/
ul.jbiListText {
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.jbiListText > li {
	display: inline-block;
	color: inherit;
}
ul.jbiListText > li::after {
	content: ", ";
}
ul.jbiListText > li:last-child::after {
	content: "";
}
/*
	List as Tag Cloud
*/
ul.jbiListTags {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.jbiListTags > li {
	display: inline-block;
	font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1;
	color: inherit;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #f9f9f9;
	cursor: default;
}
/*===================================
 Home Page
 ===================================*/
/*-----------------------------------
   Leaderboard Jumbotron
------------------------------------*/
#jbiLeader {
	text-align: right;
	background-color: #666;
	background-image: url('/assets_888/img/leaders/NelsonCompanyEmployees1923.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
}
#jbiLeader .container {
	max-width: 100%;
}
#jbiLeader h1 span {
	display: block;
}
#jbiLeader.jbiLeaderFlipH1 h1 {
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.618;
	color: #86868a;
}
#jbiLeader.jbiLeaderLight h1,
#jbiLeader.jbiLeaderLight p {
	color: #fff;
}
@media (max-width: 374px) {
	#jbiLeader {
		padding: 20px 0 20px;
	}
	#jbiLeader h1 {
		font-size: 21px;
	}
	#jbiLeader p {
		font-size: 16px;
	}
	#jbiLeader.jbiLeaderFlipH1 h1 {
		font-size: 16px;
	}
	#jbiLeader.jbiLeaderFlipH1 p.h1 {
		font-size: 21px;
	}
}
@media (min-width: 375px) and (max-width: 413px) {
	#jbiLeader {
		padding: 20px 0 20px;
	}
	#jbiLeader h1 {
		font-size: 24px;
	}
	#jbiLeader p {
		font-size: 16px;
	}
	#jbiLeader.jbiLeaderFlipH1 h1 {
		font-size: 16px;
	}
	#jbiLeader.jbiLeaderFlipH1 p.h1 {
		font-size: 24px;
	}
}
@media (min-width: 414px) and (max-width: 767px) {
	#jbiLeader {
		padding: 10px 0 20px;
	}
	#jbiLeader h1 {
		font-size: 32px;
	}
	#jbiLeader p {
		font-size: 20px;
	}
	#jbiLeader.jbiLeaderFlipH1 h1 {
		font-size: 20px;
	}
	#jbiLeader.jbiLeaderFlipH1 p.h1 {
		font-size: 32px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#jbiLeader {
		padding: 40px 0 30px;
	}
	#jbiLeader h1 {
		font-size: 48px;
	}
	#jbiLeader p {
		font-size: 24px;
	}
	#jbiLeader.jbiLeaderFlipH1 h1 {
		font-size: 24px;
	}
	#jbiLeader.jbiLeaderFlipH1 p.h1 {
		font-size: 48px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#jbiLeader {
		padding: 50px 0 30px;
	}
	#jbiLeader h1 {
		font-size: 54px;
	}
	#jbiLeader p {
		font-size: 28px;
	}
	#jbiLeader.jbiLeaderFlipH1 h1 {
		font-size: 28px;
	}
	#jbiLeader.jbiLeaderFlipH1 p.h1 {
		font-size: 54px;
	}
}
@media (min-width: 1200px) {
	#jbiLeader {
		padding: 60px 0 40px;
	}
	#jbiLeader h1 {
		font-size: 60px;
	}
	#jbiLeader p {
		font-size: 32px;
	}
	#jbiLeader.jbiLeaderFlipH1 h1 {
		font-size: 32px;
	}
	#jbiLeader.jbiLeaderFlipH1 p.h1 {
		font-size: 60px;
	}
}
/*
	Navigation Bar Carousel
*/
#jbiNavBarCar .owl-carousel .item {
    font-size: 13px;
}
#jbiNavBarCar .owl-carousel .item img {
	width: 48px;
}
#jbiNavBarCar .owl-carousel .item .btn {
    margin-top: 10px;
}
#jbiNavBarCar .owl-dots .owl-dot span {
	margin-left: 5px;
	margin-right: 5px;
}
@media (min-width: 768px) {
	#jbiNavBarCar .owl-nav div.owl-prev,
	#jbiNavBarCar .owl-nav div.owl-next {
		font-size: 48px;
		line-height: 1;
		color: #ccc;
		background: none;
		margin: 0;
		padding: 0;
	    position: absolute;
	    top: 8px;
		visibility: visible;
	}
	#jbiNavBarCar .owl-nav div.owl-prev {
	    left: -24px;
	}
	#jbiNavBarCar .owl-nav div.owl-next {
	    right: -24px;
	}
	#jbiNavBarCar:hover .owl-nav div.owl-prev,
	#jbiNavBarCar:hover .owl-nav div.owl-next {
		visibility: visible;
		color: #2d2d86;
	}
	#jbiNavBarCar .owl-nav div.owl-prev:hover,
	#jbiNavBarCar .owl-nav div.owl-next:hover {
		color: #666;
	}
}
/*===================================
 DB List & Detail Pages
 ===================================*/
/*-----------------------------------
   Photo / Tags Column
------------------------------------*/
@media (min-width: 768px) {
	#jbiPhotos .owl-nav div.owl-prev,
	#jbiPhotos .owl-nav div.owl-next {
		font-size: 48px;
		line-height: 1;
		color: #ccc;
		background: none;
		margin: 0;
		padding: 0;
	    position: absolute;
	    top: 35%;
		visibility: hidden;
	}
	#jbiPhotos .owl-nav div.owl-prev {
	    left: 0;
	}
	#jbiPhotos .owl-nav div.owl-next {
	    right: 0;
	}
	#jbiPhotos:hover .owl-nav div.owl-prev,
	#jbiPhotos:hover .owl-nav div.owl-next {
		visibility: visible;
		color: #2d2d86;
	}
	#jbiPhotos .owl-nav div.owl-prev:hover,
	#jbiPhotos .owl-nav div.owl-next:hover {
		color: #666;
	}
}
/*-----------------------------------
   Features Column
------------------------------------*/
.jbiScroll .jbiScrollContent {
	font-size: 13px;
	line-height: 1.5;
	height: 264px;
	max-height: 264px;
	overflow-y: scroll;
}
.jbiScroll .jbiScrollDown {
	font-size: 12px;
	color: #aaa;
	text-align: center;
	margin-top: 6px;
	margin-right: 24px;
}
#jbiFeatures {
	font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.3;
}
#jbiFeatures .glyphicon {
	font-size: 48px;
}
#jbiFeatures .fa {
	font-size: 48px;
}
#jbiFeatures .owl-dots .owl-dot span {
	margin-left: 3px;
	margin-right: 3px;
}
@media (min-width: 768px) {
	#jbiFeatures .owl-nav div.owl-prev,
	#jbiFeatures .owl-nav div.owl-next {
		font-size: 48px;
		line-height: 1;
		color: #ccc;
		background: none;
		margin: 0;
		padding: 0;
	    position: absolute;
	    top: 40%;
		visibility: hidden;
	}
	#jbiFeatures .owl-nav div.owl-prev {
	    left: 0;
	}
	#jbiFeatures .owl-nav div.owl-next {
	    right: 0;
	}
	#jbiFeatures:hover .owl-nav div.owl-prev,
	#jbiFeatures:hover .owl-nav div.owl-next {
		visibility: visible;
		color: #2d2d86;
	}
	#jbiFeatures .owl-nav div.owl-prev:hover,
	#jbiFeatures .owl-nav div.owl-next:hover {
		color: #666;
	}
}
/*-----------------------------------
   Similar Pallets Carousel
------------------------------------*/
#jbiSimilar {
}
#jbiSimilar .glyphicon {
	font-size: 48px;
}
#jbiSimilar .fa {
	font-size: 48px;
}
#jbiSimilar .owl-dots .owl-dot span {
	margin-left: 3px;
	margin-right: 3px;
}
@media (min-width: 768px) {
	#jbiSimilar .owl-nav div.owl-prev,
	#jbiSimilar .owl-nav div.owl-next {
		font-size: 48px;
		line-height: 1;
		color: #ccc;
		background: none;
		margin: 0;
		padding: 0;
	    position: absolute;
	    top: 40%;
		visibility: hidden;
	}
	#jbiSimilar .owl-nav div.owl-prev {
	    left: -30px;
	}
	#jbiSimilar .owl-nav div.owl-next {
	    right: -30px;
	}
	#jbiSimilar:hover .owl-nav div.owl-prev,
	#jbiSimilar:hover .owl-nav div.owl-next {
		visibility: visible;
		color: #2d2d86;
	}
	#jbiSimilar .owl-nav div.owl-prev:hover,
	#jbiSimilar .owl-nav div.owl-next:hover {
		color: #666;
	}
}
/*-----------------------------------
   DB Visual Search Bar
------------------------------------*/
#Search {
	margin: 0;
}
#jbiDBVisualSearch {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#jbiDBVisualSearch p {
	margin: 0;
}
#jbiDBVisBtn {
}
#jbiDBVisBtn::after {
	content: ' \2228';
}
#jbiDBVisBtn.open::after {
	content: ' \2227';
}
/*
#jbiDBVisBtn:hover::after {
	content: ' \2235';
}
#jbiDBVisBtn.open:hover::after {
	content: ' \2234';
}
*/
/*
	DB Navigation Bar Carousel
*/
#jbiDBVisBarCar {
}
#jbiDBVisBarCar.owl-carousel .item img {
	width: 144px;
}
#jbiDBVisBarCar.owl-carousel .item .btn {
    margin-top: 10px;
}
#jbiDBVisBarCar .owl-dots .owl-dot span {
	margin-left: 5px;
	margin-right: 5px;
}
#jbiDBVisBarCar .owl-nav div.owl-prev,
#jbiDBVisBarCar .owl-nav div.owl-next {
	font-size: 48px;
	line-height: 1;
	color: #ccc;
	background: none;
	margin: 0;
	padding: 0;
    position: absolute;
    top: 22px;
	visibility: visible;
}
#jbiDBVisBarCar .owl-nav div.owl-prev {
    left: -24px;
}
#jbiDBVisBarCar .owl-nav div.owl-next {
    right: -24px;
}
#jbiDBVisBarCar:hover .owl-nav div.owl-prev,
#jbiDBVisBarCar:hover .owl-nav div.owl-next {
	visibility: visible;
	color: #2d2d86;
}
#jbiDBVisBarCar .owl-nav div.owl-prev:hover,
#jbiDBVisBarCar .owl-nav div.owl-next:hover {
	color: #666;
}
@media not all and (hover) {
	#jbiDBVisBarCar .owl-nav div.owl-prev,
	#jbiDBVisBarCar .owl-nav div.owl-next,
	#jbiDBVisBarCar:hover .owl-nav div.owl-prev,
	#jbiDBVisBarCar:hover .owl-nav div.owl-next {
		visibility: hidden;
	}
}
/*
	DB Navigation Bar Carousel (as Style)
*/
.jbiDBVisBarCar {
}
.jbiDBVisBarCar.owl-carousel .item img {
	width: 144px;
}
.jbiDBVisBarCar.owl-carousel .item .btn {
    margin-top: 10px;
}
.jbiDBVisBarCar .owl-dots .owl-dot span {
	margin-left: 5px;
	margin-right: 5px;
}
.jbiDBVisBarCar .owl-nav div.owl-prev,
.jbiDBVisBarCar .owl-nav div.owl-next {
	font-size: 48px;
	line-height: 1;
	color: #ccc;
	background: none !important;
	margin: 0;
	padding: 0;
    position: absolute;
    top: 22px;
	visibility: visible;
}
.jbiDBVisBarCar .owl-nav div.owl-prev {
    left: -24px;
}
.jbiDBVisBarCar .owl-nav div.owl-next {
    right: -24px;
}
.jbiDBVisBarCar:hover .owl-nav div.owl-prev,
.jbiDBVisBarCar:hover .owl-nav div.owl-next {
	visibility: visible;
	color: #2d2d86;
}
.jbiDBVisBarCar .owl-nav div.owl-prev:hover,
.jbiDBVisBarCar .owl-nav div.owl-next:hover {
	color: #666;
}
@media not all and (hover) {
	.jbiDBVisBarCar .owl-nav div.owl-prev,
	.jbiDBVisBarCar .owl-nav div.owl-next,
	.jbiDBVisBarCar:hover .owl-nav div.owl-prev,
	.jbiDBVisBarCar:hover .owl-nav div.owl-next {
		visibility: hidden;
	}
}
/*-----------------------------------
   DB Sticky Filter Bar
------------------------------------*/
#List {
	margin: 0;
}
/* Bkgd styles repeated in bootstrap.css overrides */
#jbiDBFilters {
	padding-top: 10px;
	padding-bottom: 0px;
	background-color: #fff;
    background-color: rgba(255, 255, 255, 0.96);
	border-bottom: 1px solid #eee;
}
#jbiDBFilters.affix-top {
}
#jbiDBFilters.affix {
	position: fixed;
	top: 51px;
	width: 100%;
	z-index: 900;
	border-bottom: none;
    -webkit-box-shadow: 0 1px 16px -2px #000;
    box-shadow: 0 1px 16px -2px #000;
}
#jbiDBFilters .container {
}
#jbiDBFilters.affix .container {
}
#jbiDBFilterBtn {
}
#jbiDBFilterBtn::after {
	content: ' \2228';
}
#jbiDBFilterBtn.open::after {
	content: ' \2227';
}
/*
#jbiDBFilterBtn:hover::after {
	content: ' \2235';
}
#jbiDBFilterBtn.open:hover::after {
	content: ' \2234';
}
*/
#jbiDBFilters ul.jbiListTags > li {
	cursor: context-menu;
	color: #fff;
	background-color: #339;
	border-color: #000;
}
.jbiListTagsStyle {
	color: #fff;
	margin: 0;
	padding: 0px 4px;
	border: 1px solid #000;
	border-radius: 4px;
	background-color: #339;
	cursor: default;
}
#jbiDBFilterContent {
	display: none;
}
/* Filter Form */
#jbiDBFilters form {
	font-size: 16px;
	line-height: 1.0;
}
#jbiDBFilters form p {
	margin-top: 0;
	margin-bottom: 10px;
}
#jbiDBFilters form label {
	font-size: 14px;
	font-weight: 400;
	margin-left: 3px;
	margin-right: 6px;
}
#jbiDBFilters form input[text],
#jbiDBFilters form input[radio],
#jbiDBFilters form input[checkbox] {
	margin: 0;
	padding: 0;
}
#jbiDBFilters form textarea,
#jbiDBFilters form select[multiple] {
	height: auto;
}
@media (max-width: 767px) {
	#jbiDBFilters form {
		font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	#jbiDBFilters form p {
		margin-bottom: 4px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
/* #jbiDBFiltersFiller
   Used to fill hole left when jbiFilter goes Fixed
   Height is set dynamically via JS */
#jbiDBFiltersFiller {
}
/*-----------------------------------
   DB Intro Section
------------------------------------*/
#jbiDBIntro {
	padding-bottom: 10px;
}
/*-----------------------------------
   DB List Section
------------------------------------*/
#jbiDBList {
}
.jbiDBListItem {
	padding: 6px;
	margin-bottom: 30px;
	border: 1px solid #ccc;
	border-radius: 12px;
	background-color: #fff;
	overflow-y: auto;
}
.jbiDBListItem.jbiNew {
	border-color: #00A;
}
.jbiDBListItem.jbiUsed {
	border-color: #090;
}
.jbiDBListItem h3 {
	font-size: 15px;
	margin: 10px 0 4px;
}
.jbiDBListItem img {
}
.jbiDBListItem p {
	font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.2;
	margin: 0 0 1px;
}
.jbiDBListItem.jbiNew b {
	font-weight: normal;
	background-color: #d3daf5;
	color: #333;
}
.jbiDBListItem.jbiUsed b {
	font-weight: normal;
	background-color: #e4f9db;
	color: #333;
}
.jbiDBListItem p.jbiListTagH {
	margin: 14px 0 0;
}
.jbiDBListItem ul.jbiListTags {
	margin-top: 4px;
	margin-bottom: 10px;
}
.jbiDBListItem ul.jbiListTags > li {
	font-size: 12px;
}
.jbiDBListItem.jbiNew ul.jbiListTags > li {
}
.jbiDBListItem ul.jbiListTags > li.jbiNew {
	background-color: #d3daf5;
	color: #333;
}
.jbiDBListItem.jbiUsed ul.jbiListTags > li {
}
.jbiDBListItem ul.jbiListTags > li.jbiUsed {
	background-color: #e4f9db;
	color: #333;
}
.jbiDBListItem.jbiLowCost ul.jbiListTags > li {
}
.jbiDBListItem ul.jbiListTags > li.jbiLowCost {
	background-color: #ffff99;
	color: #666;
}
ul.jbiListTags > li.jbiTagYellow {
	background-color: #ffff99;
	color: #666;
}
.jbiDBListMH {
}
.jbiDBListShort {
	min-height: 258px;
}
.jbiDBListTall {
	min-height: 444px;
}


/* JBI Development CSS */
/*-----------------------------------
   Potential Site Styles
------------------------------------*/
/* Mock-up menu drop on hover */
/*
@media screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
		display: block;
	}
}
*/
/*-----------------------------------
   Alternate Page Header style for menu to overlay H1
------------------------------------*/
/*-----------------------------------
body {
	padding-top: 0px;
}
header h1 {
	margin: 10px 0 0;
}
header ul {
	float: right;
	margin-top: -40px;
}
nav {
	top: 0;
    animation: pageNav 4s;
}
@keyframes pageNav {
    0% {top: -80px;}
    30% {top: -80px;}
    100% {top: 0;}
}
------------------------------------*/
/* END Development CSS */