/*BODY */
html {
	font-size: 16px;
}
body { font-size: 1rem; 
	   font-family: 'Open Sans', sans-serif; }
	body.fixed-header { padding-top: 76px; }
.body-background .container {  }

h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 26px; }
h4 { font-size: 22px; }

	h3.special-heading { font-size: 35px; }

a { text-decoration: none; }
	a:hover { text-decoration: none; color: #0c78aa }
	a h3 { color: #333; }
	a:hover h3 { color: #777 }

	a.user-link {
		color: #333;
	}
		a.user-link:hover {
			color: #0c78aa;
		}

hr { border-top: 1px solid #ccc }

strong { color: #0c78aa; }

.text-block { padding: 0 40px; }
.text-red { color: #0c78aa !important; }
.text-black { color: #333 !important; }
a.text-black:hover { color: #777 !important; }
.bg-light-gray { background-color: rgb(248, 248, 248) !important; }
.bg-gray { background-color: #eaeaea !important; }
.bg-black { background-color: #000 !important; }
.special-amp { color: #0c78aa; font-style: italic }

.hr { clear: both; display: block; width: 100%; height: 25px; line-height: 25px; position: relative; margin: 30px 0; float: left; }

.header-stroke { text-align: center; }
	.header-stroke span { background: #efbb20; display: block; height: 2px; width: 50px; margin: 0 auto }

.icon-box { background: #f8f8f8; padding: 45px 20px 20px 20px; position: relative; margin-bottom: 45px; }
	.icon-box .icon-box-icon { background-color: #444444; color: #fff; float: none; position: absolute; left: 50%; top: -26px; margin: 0 0 0 -26px; padding: 15px; border-radius: 100px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; font-size: 16px; line-height: 20px; }
	.icon-box h3 { text-transform: uppercase; text-align: center; font-size: 20px; font-weight: bold; }
	.icon-box p { text-align: center; }

.icon-gallery { margin: 0 25px; }
	.icon-gallery .col-sm-5ths { border: 1px solid #ccc; }

/*HEADER*/
@media (min-width: 991px) {
	.header-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

.header-row-menu {
	font-weight: bold;
}

	.header-row-menu > ul > li:first-child > a {
		color: #6a6055;
	}

.logo-wrap img { width: 350px }
.navbar.navbar-default.topnav { border: 0; }
.navbar-default .navbar-nav > li > a {
	color: #333;
}

.navbar.navbar-default.top-nav {
	border: none;
	background-color: white;
}

.header-breadcrumb {
	padding: 14px 0 0 18px;
}

.header-breadcrumb,
.header-breadcrumb a {
	color: #fff;
}

.lower-menu-wrap {
	border: none !important;
}

.top-nav li a {
	color: #0c78aa !important;
}

@media only screen and (min-width: 768px) {
	.dropdown:hover > .dropdown-menu { display: block; }
	.navbar.navbar-default.topnav { }
	.navbar-default .navbar-nav > li > a { padding: 16px 13px; }
	.navbar-collapse.lower-menu-wrap {
		display: flex !important;
		justify-content: center;
	}
}
@media only screen and (max-width: 767px) {
	.search-form-group .input-group { width: 100%; margin: 0 15px; }
}

.lower-menu {
	float: none;
}

	.lower-menu a {
		font-size: 13px !important;
	}

/*HOME PAGE*/
#home-carousel { margin-bottom: 15px; }

.home-brands span { margin: 0 auto; width: 224px; height: 75px; display: block; background-size: contain; background-repeat: no-repeat }
.home-brands .col-sm-5ths { border: 1px solid #ccc; }

/*FOOTER*/
footer .footer-upper {
	margin-bottom: 30px;
}
@media (min-width: 768px) {
	footer .footer-upper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 30px;
	}
}
footer { background-color: #1e1e1e; color: #fff; }
footer .text-bottom a { color: #fff; }
footer a { color: #fff; text-decoration: none; }
	footer a:hover { text-decoration: underline; color: #ffb91d; }
footer ul, footer li { list-style: none; padding: 0; }
footer li { margin-right: 15px; }
footer li a { padding: 5px 0; display: block; }
footer .footer-container { padding: 30px 0; }
footer .text-bottom { padding: 15px; text-align: center; border-top: 1px solid hsla(0,0%,100%,.2); font-size: 0.7rem; }
footer .column-header { font-size: 24px; font-weight: 700; margin-bottom: 15px; }
footer .text-bottom ul { display: inline-block; margin: 0 15px 0 15px; padding: 0; }
footer .text-bottom li { display: inline-block; margin: 0 15px 0 15px; padding: 0; }
footer .social-links { display: inline-block; margin: 0 15px; }
footer .social-links__icon svg { fill: white; height: 20px; margin-right: 0.8rem; }

@media (max-width: 768px) {
	footer .footer-container { padding: 20px; }
		footer ul { border-bottom: 1px solid rgb(203, 203, 203); }
		footer li:last-child { padding-bottom: 15px; }
}

/*BOOTSTRAP OVERRIDES/ADDITIONS*/
.btn { padding: 5px 12px; }
.input-group-btn { top: 1px; }
.form-control { border-radius: 2px; background-color: #f8f8f8 }
	.form-control:focus { border-color: #ccc; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204,204,204, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204,204,204, 0.6); }
.btn.btn-primary { border-color: transparent; background-color: #0c78aa }
	.btn.btn-primary:hover { background-color: #0c78aa }
.btn-grey { background-color: #444; color: #fff; }
	.btn-grey:hover { background-color: #555; color: #fff; }

.fa.fa-check-circle { color: #22d552; }

.dropdown-submenu { position: relative; }
	.dropdown-submenu > .dropdown-menu { top: 10px; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
	.dropdown-submenu:hover > .dropdown-menu { display: block; }
	.dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #fff; margin-top: 5px; margin-right: -10px; }
	.dropdown-submenu:hover > a:after { border-left-color: #fff; }
	.dropdown-submenu.pull-left { float: none; }
		.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }

.navbar-nav > li > .dropdown-menu { box-shadow: 0px 2px 6px #aaa; padding: 0; }
.dropdown-menu > li > a { padding: 10px 15px; font-size: 16px; background-color: #fff }
	.dropdown-menu > li > a:hover { background-color: #fff }
.dropdown-menu > li > span.caret { color: #fff; }
.dropdown-menu { background-color: rgb(240, 236, 232); padding: 20px; }

.mr-a { margin-right: auto; }
.ml-a { margin-left: auto; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-65 { margin-top: 65px; }
.mt-100 { margin-top: 100px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-40 { margin-right: 40px; }
.mr-50 { margin-right: 50px; }
.mr-65 { margin-right: 65px; }
.mr-100 { margin-right: 100px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-65 { margin-bottom: 65px; }
.mb-100 { margin-bottom: 100px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }
.ml-65 { margin-left: 65px; }
.ml-100 { margin-left: 100px; }

.p-0 { padding: 0 !important; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-30 { padding: 30px; }
.p-40 { padding: 40px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pl-40 { padding-left: 40px; }
.pl-50 { padding-left: 50px; }
.pl-65 { padding-left: 65px; }
.pl-100 { padding-left: 100px; }
.pt-0 { padding-top: 0; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-65 { padding-top: 65px; }
.pt-100 { padding-top: 100px; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-30 { padding-right: 30px; }
.pr-40 { padding-right: 40px; }
.pr-50 { padding-right: 50px; }
.pr-65 { padding-right: 65px; }
.pr-100 { padding-right: 100px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-65 { padding-bottom: 65px; }
.pb-100 { padding-bottom: 100px; }


@media (min-width: 1500) {
	.mt-lg-5 { margin-top: 5px; }
	.mt-lg-10 { margin-top: 10px; }
	.mt-lg-15 { margin-top: 15px; }
	.mt-lg-20 { margin-top: 20px; }
	.mt-lg-25 { margin-top: 25px; }
	.mt-lg-30 { margin-top: 30px; }
	.mt-lg-40 { margin-top: 40px; }
	.mt-lg-50 { margin-top: 50px; }
	.mt-lg-65 { margin-top: 65px; }
	.mt-lg-100 { margin-top: 100px; }
	.mr-lg-5 { margin-right: 5px; }
	.mr-lg-10 { margin-right: 10px; }
	.mr-lg-15 { margin-right: 15px; }
	.mr-lg-20 { margin-right: 20px; }
	.mr-lg-25 { margin-right: 25px; }
	.mr-lg-30 { margin-right: 30px; }
	.mr-lg-40 { margin-right: 40px; }
	.mr-lg-50 { margin-right: 50px; }
	.mr-lg-65 { margin-right: 65px; }
	.mr-lg-100 { margin-right: 100px; }
	.mb-lg-5 { margin-bottom: 5px; }
	.mb-lg-10 { margin-bottom: 10px; }
	.mb-lg-15 { margin-bottom: 15px; }
	.mb-lg-20 { margin-bottom: 20px; }
	.mb-lg-25 { margin-bottom: 25px; }
	.mb-lg-30 { margin-bottom: 30px; }
	.mb-lg-40 { margin-bottom: 40px; }
	.mb-lg-50 { margin-bottom: 50px; }
	.mb-lg-65 { margin-bottom: 65px; }
	.mb-lg-100 { margin-bottom: 100px; }
	.ml-lg-5 { margin-left: 5px; }
	.ml-lg-10 { margin-left: 10px; }
	.ml-lg-15 { margin-left: 15px; }
	.ml-lg-20 { margin-left: 20px; }
	.ml-lg-25 { margin-left: 25px; }
	.ml-lg-30 { margin-left: 30px; }
	.ml-lg-40 { margin-left: 40px; }
	.ml-lg-50 { margin-left: 50px; }
	.ml-lg-65 { margin-left: 65px; }
	.ml-lg-100 { margin-left: 100px; }
}

@media (min-width: 768px) {
	.d-sm-flex { display: flex; }
}


@media (max-width: 767px) {
	.width-xs-70 { width: 70% !important; }
	.width-xs-100 { width: 100% !important; }
	.max-width-xs-350 { max-width: 350px !important; }
	.float-xs-none { float: none !important; }
	.mrl-a-xs { margin-right: auto !important; margin-left: auto !important; }

	.mt-xs-5 { margin-top: 5px; }
	.mt-xs-10 { margin-top: 10px; }
	.mt-xs-15 { margin-top: 15px; }
	.mt-xs-20 { margin-top: 20px; }
	.mt-xs-25 { margin-top: 25px; }
	.mt-xs-30 { margin-top: 30px; }
	.mt-xs-40 { margin-top: 40px; }
	.mt-xs-50 { margin-top: 50px; }
	.mt-xs-65 { margin-top: 65px; }
	.mt-xs-100 { margin-top: 100px; }
	.mr-xs-5 { margin-right: 5px; }
	.mr-xs-10 { margin-right: 10px; }
	.mr-xs-15 { margin-right: 15px; }
	.mr-xs-20 { margin-right: 20px; }
	.mr-xs-25 { margin-right: 25px; }
	.mr-xs-30 { margin-right: 30px; }
	.mr-xs-40 { margin-right: 40px; }
	.mr-xs-50 { margin-right: 50px; }
	.mr-xs-65 { margin-right: 65px; }
	.mr-xs-100 { margin-right: 100px; }
	.mb-xs-5 { margin-bottom: 5px; }
	.mb-xs-10 { margin-bottom: 10px; }
	.mb-xs-15 { margin-bottom: 15px; }
	.mb-xs-20 { margin-bottom: 20px; }
	.mb-xs-25 { margin-bottom: 25px; }
	.mb-xs-30 { margin-bottom: 30px; }
	.mb-xs-40 { margin-bottom: 40px; }
	.mb-xs-50 { margin-bottom: 50px; }
	.mb-xs-65 { margin-bottom: 65px; }
	.mb-xs-100 { margin-bottom: 100px; }
	.ml-xs-5 { margin-left: 5px; }
	.ml-xs-10 { margin-left: 10px; }
	.ml-xs-15 { margin-left: 15px; }
	.ml-xs-20 { margin-left: 20px; }
	.ml-xs-25 { margin-left: 25px; }
	.ml-xs-30 { margin-left: 30px; }
	.ml-xs-40 { margin-left: 40px; }
	.ml-xs-50 { margin-left: 50px; }
	.ml-xs-65 { margin-left: 65px; }
	.ml-xs-100 { margin-left: 100px; }
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-5ths { width: 20%; float: left; }

@media (min-width: 768px) {
	.col-sm-5ths { width: 20%; float: left; }
}

@media (min-width: 992px) {
	.col-md-5ths { width: 20%; float: left; }
}

@media (min-width: 1200px) {
	.col-lg-5ths { width: 20%; float: left; }
}

/*MIN WIDTH 768px*/
@media (min-width: 768px) {
	.vcenter { display: inline-block; vertical-align: middle; float: none; }

	/*HEADER*/
	.navbar.navbar-default.topnav.fixed { border: 0; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; margin: 0 auto; width: 100%; box-shadow: 0 4px 4px -2px #777 }
	.nav.navbar-nav {
		
	}
		.lower-nav .nav.navbar-nav > li:last-child { float: right; }
}

.availability-body {
	display: none;
	width: 480px;
	z-index: 100;
	position: absolute;
	padding: 10px;
	margin: 8px 0 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

	.availability-body table td,
	.availability-body table th {
		padding: 3px 5px 3px 3px !important;
	}

.availability-loading {
	width: 30px;
	margin: 0 auto;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button {
	padding: 0 5px;
}

/*PUNCHOUT*/
div.punchout-banner {
	position: fixed;
	z-index: 110;
	width: 100%;
	text-align: center;
	top: 52px;
}

	div.punchout-banner .punchout-inner {
		color: #333;
		text-align: center;
		background: #facc08;
		display: inline-block;
		padding: 5px 10px;
	}

		div.punchout-banner .punchout-inner a {
			color: #333;
		}