@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;700&display=swap');
body {
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 1rem;
    line-height: 1;
	-webkit-font-smoothing: antialiased;
}
body,ul,li,p {
	margin: 0; 
	padding: 0;
}
h1,h2,h3,h4,h5,h6,.btn,.nav a,p-count,p-price,.tab,.tabs,.oswald {
    font-family: 'Oswald', sans-serif;
}
h1,h2,h3,h4,h5,h6 { 
    margin-top: 0;
    line-height: 1.1;
	font-weight: 400;
}
h1 {
    font-size: 2.5rem;
	font-size: clamp(1.8rem, -0.875rem + 8.333vw, 2.5rem);
}
h2 {
    font-size: 2.2rem;
	margin-bottom: 3rem;
	/* font-size: clamp(1.4rem, -0.875rem + 8.333vw, 1.7rem); */
    /* font-size: clamp(1.5rem, -0.875rem + 8.333vw, 2.2rem); */
}
h3 {
    font-size: 1.3rem;
}
.footer h3 {
    font-size: 1rem;
}
h4 {
    font-size: 1rem;
}
.subdesc {
    font-size: 1.2rem;
    margin: 0 auto;
}
.subdesc b {
    font-weight: 800;
    color: #111;
}
.bg-light .subdesc {
    max-width: 600px;
    /* text-align: center; */
}
.bg-dark .subdesc {
    line-height: 2em;
}
.bg-light .subdesc b{
    color: #111;
}
.bg-dark .subdesc b{
    color: #fff;
}
ul {
	list-style: none;
}
.ul-sm {
    font-size: 14px;
}
.ul-sm li,
.description li{
    margin-bottom: 0.5em;
    list-style: disc;
    margin-left: 20px;
}

.description ul {
    margin-bottom: 1.5em;
} 

::marker{
	color:#28a745;
}
.bg-green ::marker,
.bg-blue ::marker{
	color:inherit;
}
a,a:link,a:visited,a:hover,a:active {
	text-decoration: none;
}
a {
    color: #28a745;
	font-weight: 500;
}
p {
    margin: 0 0 1.2rem 0;
	line-height: 1.5;
	color: #444;
}

.bg-blue {
    background-color: #0094df;
}
.bg-orange {
    background-color: #f80;
}
.bg-green {
    background-color: #28a745;
}
.bg-dark {
    background-color: #151515;
}
.bg-white {
    background-color: #fff;
}
.bg-light {
    background-color: #f5f5f5;
}
.bg-yellow {
    background: lightgoldenrodyellow;
}
.bg-lightyellow {
    background-color: lightyellow;
}

.bg-blue p,
.bg-orange p,
.bg-green p,
.bg-dark p,
.bg-light p,
.bg-yellow p,
.bg-lightyellow p{
	color: inherit;
}
header{
	color: white;
}
img,ps-group,g-col,.m-filters,p-fg a,.fg a,p-price,.thumb ig-group {
    display: block;
}
section{
	display: -webkit-flex;
	display: flex;
	border-bottom: solid 1px #ddd;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.small,
small,
.titledesc p{
    font-size: 80%;
    font-weight: 400;
}
.subtitle {
    font-weight: 600;
    font-size: 1.1rem;
    margin-top: 15px;
}
.text-center {
    text-align: center!important;
}
.text-left {
    text-align: left!important;
}
.text-right {
    text-align: right!important;
}
.flex-vertical-middle{
	align-items: center;
    display: inherit;
}
.caps{
	text-transform: uppercase;
}
.text-12 * {
    font-size: 12px !important;
}
.display-1 {
    font-weight: bold;
    line-height: 1;
    letter-spacing: -3px;
    /* font-size: clamp(4rem, -0.875rem + 9vw, 9rem); */
    font-size: clamp(3rem, -0.875rem + 7vw, 4rem);
}
.display-2 {
    font-size: 5.5rem;
    /* font-weight: 300; */
    line-height: 1.2;
    letter-spacing: -3px;
    margin-bottom: 0px;
}
.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -2px;
}
.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-5 {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1;
    margin: 20px 0px 10px 0px;
}
.display-6 {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2;
}

/*Buttons*/
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
	outline: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
	cursor: pointer;
}
.btn-blue{
	background: #0094df;
    color: white !important;
	border: inherit !important;
}
.btn-blue-outline{
	border: #0094df solid 1px;;
    color: #0094df;
}
.btn-grey{
	background: #ccc;
    color: #333 !important;
	border: inherit !important;
}
.btn-orange{
	background: #f80;
    color: white !important;
}
.btn-orange-outline {
    color: #f80;
    border-color: #f80;
}
.btn-red{
	background: #dc3545;
    color: white;
}
.btn-red-outline {
    color: #dc3545;
    border-color: #dc3545;
}
.btn-green{
	background: #28a745;
    color: white !important;
}
.btn-greenx{
	background: #296437;
    color: white !important;
    letter-spacing: 0px;
    font-weight: 600;
    /* text-transform: uppercase; */
    font-family: inherit;
    margin-top: 10px;
}
.btn-greenx:hover{
    background: #314d38;
}
.btn-green-outline {
    color: #28a745 !important;
    border-color: #28a745;
}
.btn-dark{
	background: #333;
    color: white;
}
.btn-dark-outline {
    color: #333;
    border-color: #333;
}
.btn-light{
	background: #eee;
    color: #333 !important;
}
.btn-light-outline {
    color: #eee;
    border-color: #eee;
}
.btn-xs {
    padding: 0.25rem 0.5rem;
    font-size: 12px !important;
    line-height: 1;
    text-transform: uppercase;
}
.btn-group-sm>.btn,
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: .8rem !important;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.btn-link {
    font-size: 12px !important;
    color: #28a745;
}
.disabled.btn {
    background: #eee;
}
.disabled.btn, a.disabled {
    color: #777;
    cursor: initial;
}

.manifestlink:before {
    display: inline-block;
    width: 16px;
	height: 16px;
    margin-right: 3px;
    vertical-align: text-top;
}
.manifestlink:before {
    content: url("imgs/48px/chevronright-w.svg");
}

/*Borders*/
.border-0 {
    border: none !important;
}
.border {
    border: 1px solid #ddd !important;
}
.border-top {
    border-top: 1px solid #ddd !important;
}
.border-bottom { 
    border-bottom: 1px solid #ddd !important;
}
.border-right {
    border-right: 1px solid #ddd !important;
}
.border-left {
    border-left: 1px solid #ddd !important;
}

.border-inherit {
    border-color: inherit !important;
}
.border-radius-1{
	border-radius: 0.5rem;
}
.border-radius-2{
	border-radius: 1rem;
}
.border-radius-3{
	border-radius: 1.5rem;
}
.border-radius-4{
	border-radius: 2rem;
}

.sticky {
    position: sticky;
    top: 0;
    z-index: 10;
}
/*Navs*/
nav{
	display: flex;
    align-items: center;
    justify-content: space-between;
    /* flex-wrap: wrap; */
    gap: 25px;

}
nav.menu {
    margin-left: auto;
}
.menu a {
    color: #444;
    letter-spacing: -0.3px;
}
/* Hamburger menu styles */
.hamburger-menu {
    display: flex; /* Use flex to align hamburger lines */
    flex-direction: column; /* Stack the lines vertically */
    justify-content: center; /* Center the lines in the hamburger menu */
    align-items: center; /* Align the lines centrally */
    width: 20px; /* Width of the hamburger menu */
    height: 20px; /* Height of the hamburger menu, adjust as needed */
    cursor: pointer; /* Changes the cursor to a pointer when hovering over the hamburger icon */
    padding: 0; /* Reset padding if necessary */
    margin-left: auto; /* Push the hamburger menu to the right */
}

.hamburger-menu span {
    display: block;
    width: 100%; /* Make span full width of the parent */
    height: 2px; /* Height of each line in the hamburger menu */
    background-color: #333; /* Color of the hamburger icon */
    margin: 2px 0; /* Space between lines */
    transition: 0.4s;
}

/* Dropdown Menu */
.dropdown-menu {
    display: none; /* Initially hidden */
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-top: 200px;
    width: 80%;
}

.dropdown-menu a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-menu a:hover {
    background-color: #f1f1f1;
}

.flex-s {
    justify-content: flex-start;
}
.flex-e {
    justify-content: flex-end;
}
nav .btn {
    margin: 0.2rem;
    font-size: 14px;
    letter-spacing: .5px;
}
header nav .btn {
    color: white;
    margin: 0;
}
btn-group,
.btn-group,
nav .menu{
    display: inherit;
    flex-wrap: wrap;
}
nav .menu.open {
    flex-direction: column;
    width: 100%;
	display: flex !important;
    align-items: center;
}
.nav-search {
    padding: 0.4rem;
    border: none;
    align-self: center;
}

/*Dropdowns*/
.dropdown-content {
	display: none;
	position: absolute;
	right:0;
	z-index: 2;
	width:auto;
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.5);
}
.dropdown .btn:has(+ .show) {
    background: #333;
    border-radius: inherit;
}
.dropdown.show {
    background: #333;
}
.dropdown.show .dropdown-content,
.show{
    display: block;
}
.dropdown-content ul {
    margin-bottom: 1.5rem
}
.dropdown-content h4 {
    margin: 0;
}
.dropdown-content a:not(.btn) {
    display: block;
	padding: 5px 3px;
    border-radius: 3px;
    line-height: 1 !important;
}
.dropdown-content a:not(.btn):hover {
    background-color: black;
}
.dropdown>a:after {
    content: url(imgs/48px/arrowdown.svg);
    display: inline-block;
    width: 10px;
    vertical-align: text-top;
    margin-left: 3px;
}

/*Info Graphic*/
ig-group{
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(250px, 1fr));
    gap: 1.5em;
}
ig-item ul:not(.tabs) { 
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(300px, 1fr));
    gap: 1em 2em;
}
.thumb ig-item ul { 
    grid-template-columns: repeat( auto-fill, minmax(250px, 1fr));
}
ig-item li:not(.tabs li) {
	grid-template-columns: 2fr auto auto;
    display: grid;
    column-gap: 0.5em;
    font-size: 12px;
    border-top: 1px solid #eee;
    line-height: 1; 
    word-break: break-word;
}
ig-item nav {
    flex-wrap: nowrap;
    margin-bottom: 5px;
}
ig-item nav h4 {
    margin: 0;
}
g-l {
    height: 2px;
    background: #f60;
    grid-column: span 3;
}

.thumb ig-group {
}
.thumb ig-group nav {
    /*display: none;*/
}
.thumb ig-group ig-item li{
	/*font-size: 10px;*/
}

/*Color swatches*/
ps-group {
	line-height: 1;
    text-align: center;
}
ps-group ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}
ps-group ul li {
	font-size: 12px;
    min-width: 50px;
    max-width: 100px;
    width: 100px;
	cursor: pointer;
}
ps-group ul li div {
    aspect-ratio: 1/1;
	border-radius: 5px;
}

.thumb ps-group ul {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 5px;
	flex-wrap: nowrap;
}
.thumb ps-group p {
    margin-bottom: 0px;
}
.thumb ps-group ul li {
	font-size: 10px;
	width: 50px;
}

/*Collapse Wrap*/
.collapse-wrap > h4 {
    margin-bottom: 0;
}
.collapse-wrap h4 a {
    /*background: #eee;*/
    display: block;
    padding: 1rem 0;
	color: initial;
}
.hide{
	display: none;
}

/*framework*/
.container, .container-fluid{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
aside,main{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

g-row {
    display: grid;
    gap: 2rem;
	grid-template-columns: 1fr;
}

/*Filters*/
.filters h4 {
}
p-fg h4, main>nav {
    border-bottom: solid 1px #eee;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
p-fg ul,.fg ul {
    margin-bottom: 1.5em;
    font-size: 13px;
    line-height: 1.4;
    color: #000 !important;
}
p-fg a,.fg a {
    color: initial;
}
p-count {
	line-height: 1;
    white-space: pre-wrap;
	display: inline-block;
}
.m-filters{
    background: white;
    position: fixed;
    z-index: 2;
    top: 0;
    overflow: auto;
	padding-top: 60px;
	height: 100%;
}
.m-filters nav {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    color: white;
    border-bottom: solid 1px #eee;
    width: 100%;
    padding: 0 15px;
}
.m-filters li {
    display: inline-flex;
    padding: 4px 7px;
    margin-bottom: 5px;
    border-radius: 30px;
    background: #f5f5f5;
}
p-fg li.active {
    background: mediumseagreen;
    color: white;
}

/*Forms*/
.label, .lable {
    font-size: 10px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.form-control {
    border: solid #ddd 1px;
    border-radius: 0.25rem;
    width: 100%;
    padding: 0.5rem 0.375rem;
	outline: none;
	font-family: inherit;
}

/*Thumb Grid*/
p-thumbgrid,.thumb-grid{
	display: grid;
    grid-template-columns: repeat( auto-fill, minmax(195px, 1fr));
    gap: 1em;
}
.thumb {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
	font-size: 12px;
    line-height: 1.2;
}
.thumb ps-group,
.thumb ig-group {
    display: none;
}
.thumb-img {
	aspect-ratio: 16/9;
    background: #0293dc10;	
}
.thumb-img img {
    object-fit: cover;
    aspect-ratio: 16/9;
    width: 100%;
}
.thumb-body {
    flex: 1 1 auto;
}
.thumb-body>* {
    margin-bottom: 0.5rem; 
}
.thumb-body p {
}

.gridlines .thumb {
    border-bottom: 1px #f5f5f5 solid;
    border-right: 1px #f5f5f5 solid;
    padding: 1rem !important;
    margin: 0 !important;
}
p-thumbgrid .thumb,
.gridwell .thumb {
    padding: .5rem !important;
	border-radius: 0.25rem;
	border: solid #f5f5f5 1px;
}
p-thumbgrid .thumb-img,
.gridwell .thumb-img {
    margin: -.5rem -.5rem 1rem -.5rem !important;
}
.gridlines .thumb-img {
	margin: -0.5rem -0.5rem 1rem -0.5rem !important;
}
.gridrow {
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
	padding: 10px 0;
}
.gridrow .thumb {
    min-width: 195px;
}

/*Thumblist*/
p-thumbgrid.thumblist {
    grid-template-columns: 1fr;
}
p-thumbgrid.thumblist h3 {
     font-size: 1.2rem;
}
p-thumbgrid.thumblist .thumb {
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr) minmax(150px, 3fr) minmax(250px, 1fr));
    display: grid;
    gap: 2em 1em;
    border: none;
    border-bottom: solid #f5f5f5 1px !important;
}
p-thumbgrid.thumblist .thumb-img,
p-thumbgrid.thumblist.gridwell .thumb-img {
    margin: 0 !important;
}
p-thumbgrid.thumblist .ribbons {
    width: max-content;
}
.thumblist .thumb ps-group,
.thumblist .thumb ig-group {
    display: block;
}

/*Ribbons*/
.ribbons {
	position: absolute;
	top: -6px;
    display: flex;
    gap: 0.2rem;
	left: 4px;
}
.ribbons li {
	color: white;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    height: 22px;
    width: 60px;
    position: relative;
    z-index: 1;
    display: inline-grid;
    font-weight: 500;
    font-size: 8px;
    font-kerning: none;
    align-items: center;
	padding: 0 2px;
}
.ribbons li:before {
    border-top: 10px solid;
    border-top-color: inherit;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    content: "";
    position: absolute;
    bottom: -10px;
    z-index: -1;
}
.ribbons .r-mao{
	background: #ff6600;
	border: #ff6600;
}
.ribbons .r-nl{
	background: #9800df;
	border: #9800df;
}
.ribbons .r-os,
.ribbons .r-vd,
.ribbons .r-slos{
	background: #c2223d;
	border: #c2223d;
}
.ribbons .r-na,
.ribbons .r-nas{
	background: #0094df;
	border: #0094df;
}
.ribbons .r-pr{
	background: #4ba014;
	border: #4ba014;
}
.ribbons .r-lu,
.ribbons .r-nlg{
	background: #eedc00;
	border: #eedc00;
	color: #000;
}
.ribbons .r-cso,
.ribbons .r-so {
	background: #444444;
	border: #444444;
}
.ribbons .r-f{
	background: #ec008c;
	border: #ec008c;
}
.On:not(.Some)>.r-os,
.Offer>.r-mao,
.Loads>.r-nl,
.Arrival>.r-na,
.Reduced>.r-pr,
.Updated>.r-lu,
.Some>.r-slos,
.Sold>.r-cso,
.Sold>.r-so,
.Featured>.r-f,
.Arrivals>.r-nas,
.Discount>.r-vd,
.Listing:not(.Updated)>.r-nlg{
    display: inline-grid;
}
/**/

.feat-sum {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
	gap: 0.25rem;
}
.feat-sum>li:first-child {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.feat-sum>li:before {
    display: inline-block;
    width: 16px;
	height: 16px;
    margin-right: 3px;
    vertical-align: text-top;
}

.feat-sum .Load:before {
    content: url("imgs/48px/load.svg");
}
.feat-sum .ltl:before {
    content: url("imgs/48px/ltl.svg");
}
.feat-sum .Case:before {
    content: url("imgs/48px/case.svg");
}
.feat-sum .Bin:before {
    content: url("imgs/48px/bin.svg");
}
.feat-sum .Pallet:before {
    content: url("imgs/48px/pallet.svg");
}
.feat-sum .Manifested:before {
    content: url("imgs/48px/manifested.svg");
}
.feat-sum .Unmanifested:before {
    content: url("imgs/48px/unmanifested.svg");
}
.feat-sum .Partially:before {
    content: url("imgs/48px/partmanifested.svg");
}
.feat-sum .Master:before {
    content: url("imgs/48px/mastercase.svg");
}
.feat-sum .Overstock:before {
    content: url("imgs/48px/newoverstock.svg");
}
.feat-sum .Shelf:before {
    content: url("imgs/48px/shelfpulls.svg");
}
.feat-sum .Irregulars:before {
    content: url("imgs/48px/irregulars.svg");
}
.feat-sum .Returns:before {
    content: url("imgs/48px/customerreturns.svg");
}

/**/

.price-det .btn{
	width: 100%;
    margin-top: 0.3rem;
}
.price-det a {
    color: inherit;
}
.feat-sum, .price-det {
    color: #555;
}
p-price {
    font-size: 1.2rem;
	color: #000;
}
p-price sup {
    font-size: .7rem;
}
.p-slashed{
    color: red;
    text-decoration: line-through double #ff000040;
}

.price-det .btn-orange {
    display: none;
}
.price-det .Offer .btn-orange {
    display: block;
}
.btns {
    display: flex;
    gap: 0.2rem;
}
.btns .btn-sm {
    font-size: .75rem !important;
}
.btns .btn {
    width: 100%;
}

/*Detail Page*/
.det-pg .price-det li:not(:first-child) {
    border-bottom: solid 1px #eee;
    padding: 0.5rem;
}
.det-pg .feat-sum,
.det-pg .price-det {
	font-size: 14px;
}
.det-pg .feat-sum,
.thumblist .feat-sum {
	border-bottom: solid 1px #eee;
    gap: 1rem;
    padding-bottom: 1rem;
    display: flex;
	flex-wrap: wrap;
}
.det-pg .feat-sum>li,
.thumblist .feat-sum>li{
    display: flex;
    font-size: 12px;
    height: 100%;
    align-items: center;
	margin: 0;
	position: relative;
	font-family: inherit;
    text-transform: initial;
}
.det-pg .feat-sum>li>span {
    height: 16px;
    width: 16px;
    margin-right: 5px;
}
.det-pg p-price{
	text-align: center;
    font-size: 2.5rem;
}
.det-pg p-price sup {
    font-size: 1.4rem;
}
.det-pg .ribbons {
    position: relative;
    top: 0;
    display: flex;
    gap: 3px;
	float: right;
}
.thumblist h4 span {
    font-size: 12px;
    font-family: system-ui;
    margin-left: 0.5rem;
    color: #555;
}

/*Sizing*/
.w-100 {
    width: 100%!important;
}
.w-50 {
    width: 50%!important;
}
.w-40 {
    width: 40%!important;
}
.w-25 {
    width: 25%!important;
}
.w-content {
    width: initial !important;
}

.max-100 {
    max-width: 100px;
    margin: auto;
    width: 100%;
}
.max-150 {
    max-width: 150px;
    margin: auto;
    width: 100%;
}
.max-200 {
    max-width: 200px;
    margin: auto;
    width: 100%;
}
.max-600 {
    max-width: 600px !important;
    margin: auto;
}

/*Spacing*/
.p-0{
	padding: 0 !important;
}
.p-1,
.t-1 td{
    padding: 0.25rem !important;
}
.m-0{
	margin: 0 !important;
}
.m-auto{
	margin: auto;
}
.mr-auto, .mx-auto {
    margin-right: auto!important;
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.pt-0, .py-0 {
    padding-top: 0!important;
}
.pb-0, .py-0 {
    padding-bottom: 0!important;
}
.pt-1, .py-1 {
    padding-top: 0.25rem!important;
}
.pb-1, .py-1 {
    padding-bottom: 0.25rem!important;
}
.p-2{
	padding: .5rem!important;
}
.pt-2, .py-2 {
    padding-top: 0.5rem!important;
}
.pb-2, .py-2 {
    padding-bottom: 0.5rem!important;
}
.p-3{
	padding: 1rem;
}
.pt-3, .py-3 {
    padding-top: 1rem!important;
}
.pb-3, .py-3 {
    padding-bottom: 1rem!important;
}
.p-4{
	padding: 1.5rem;
}
.pt-4, .py-4 {
    padding-top: 1.5rem!important;
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem!important;
}
.p-5{
	padding: 3rem;
} 
.pt-5, .py-5 {
    padding-top: 3rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 3rem!important;
}
.pr-0, .px-0 {
    padding-right: 0!important;
}
.pl-0, .px-0 {
    padding-left: 0!important;
}
.pr-1, .px-1 {
    padding-right: 0.25rem!important;
}
.pl-1, .px-1 {
    padding-left: 0.25rem!important;
}
.pr-2, .px-2 {
    padding-right: 0.5rem!important;
}
.pl-2, .px-2 {
    padding-left: 0.5rem!important;
}
.pr-3, .px-3 {
    padding-right: 1rem!important;
}
.pl-3, .px-3 {
    padding-left: 1rem!important;
}
.pr-4, .px-4 {
    padding-right: 1.5rem!important;
}
.pl-4, .px-4 {
    padding-left: 1.5rem!important;
}
.pr-5, .px-5 {
    padding-right: 3rem!important;
}
.pl-5, .px-5 {
    padding-left: 3rem!important;
}
.mt-0, .my-0 {
    margin-top: 0!important;
}
.mb-0, .my-0 {
    margin-bottom: 0!important;
}
.mt-1, .my-1 {
    margin-top: 0.25rem!important;
}
.mb-1, .my-1 {
    margin-bottom: 0.25rem!important;
}
.mt-2, .my-2 {
    margin-top: 0.5rem!important;
}
.mb-2, .my-2 {
    margin-bottom: 0.5rem!important;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.mt-4, .my-4 {
    margin-top: 1.5rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.mt-5, .my-5 {
    margin-top: 3rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 3rem!important;
}
.mr-0, .mx-0 {
    margin-right: 0!important;
}
.ml-0, .mx-0 {
    margin-left: 0!important;
}
.mr-1, .mx-1 {
    margin-right: 0.25rem!important;
}
.ml-1, .mx-1 {
    margin-left: 0.25rem!important;
}
.mr-2, .mx-2 {
    margin-right: 0.5rem!important;
}
.ml-2, .mx-2 {
    margin-left: 0.5rem!important;
}
.mr-3, .mx-3 {
    margin-right: 1rem!important;
}
.ml-3, .mx-3 {
    margin-left: 1rem!important;
}
.mr-4, .mx-4 {
    margin-right: 1.5rem!important;
}
.ml-4, .mx-4 {
    margin-left: 1.5rem!important;
}
.mr-5, .mx-5 {
    margin-right: 3rem!important;
}
.ml-5, .mx-5 {
    margin-left: 3rem!important;
}

/*Align*/
.t-c{
	text-align: center;
}
.t-r{
	text-align: right;
}
.t-l{
	text-align: left;
}
.nowrap {
    white-space: nowrap;
}
.va-center {
    align-items: center;
    display: inline-flex;
}
/*Position*/
.p-absolute {
    position: absolute !important;
}
.p-relative {
    position: relative !important;
}

/*Display*/
.d-flex{
	display: flex;
}
.d-inline-flex{
	display: inline-flex;
}

/*BGs*/
.bg-blue {
    background-color: #0094df;
}
.bg-orange {
    background-color: #f80;
}
.bg-green {
    background-color: #28a745;
}
.bg-dark {
    background-color: #333;
}
.bg-white {
    background-color: #fff;
}
.bg-light {
    background-color: #f5f5f5;
}
.bg-yellow {
    background: lightgoldenrodyellow;
}
.bg-lightyellow {
    background-color: lightyellow;
}
.bg-transbb,
.bg-transbb td {
    background: transparent !important;
    border-bottom: solid 1px #ddd !important;
	font-family: inherit !important;
}
.cartbg {
    background-image: url(imgs/48px/cart.svg?1);
    background-repeat: no-repeat;
    background-size: 16px;
	background-position: 7px 13px;
}

/*Text Color*/
.text-muted{
	opacity: .7;
}
.text-white{
	color: #fff !important;
}
.text-green{
	color: #28a745!important;
}
.text-red{
	color: #dc3545 !important;
}
.text-orange{
	color: #f70 !important;
}

/*Borders*/
.br-dash {
    border: 2px dashed #00000020;
}

/*Quotes*/
.qb{
	padding: 20px;
	background-color: rgba(243, 224, 255, 0.20);
	border-left: solid 4px #eee;
	margin-bottom: 20px;
}
.qb p{
	font-style: italic;
	line-height: 1.8;
	margin-bottom: initial;
}

/*Product Galleries*/
p-gallrow {
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
}
gall-item { 
    position: relative;
    margin: 1px;
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
    transition: all 0.2s;
}
gall-item img {
    height: 169px;
}
gall-item p {
    background: #ffff0050;
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 5px;
    line-height: 1;
}
.p-gallgrid {
    flex-wrap: wrap;
    justify-content: center;
}

/*Scrollbars*/
.thumb ps-group ul::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar,
p-gallrow::-webkit-scrollbar,
.gridrow::-webkit-scrollbar{
  height: 10px;
}
.thumb ps-group ul::-webkit-scrollbar-thumb,
.thumb ps-group ul::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-track,
p-gallrow::-webkit-scrollbar-thumb,
p-gallrow::-webkit-scrollbar-track,
.gridrow::-webkit-scrollbar-thumb,
.gridrow::-webkit-scrollbar-track {
  border-radius: 92px;
}
.thumb ps-group ul::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb,
p-gallrow::-webkit-scrollbar-thumb,
.gridrow::-webkit-scrollbar-thumb {
  background: #0293dc;
}
.thumb ps-group ul::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track,
p-gallrow::-webkit-scrollbar-track,
.gridrow::-webkit-scrollbar-track{
  background: #eee;
}

/*Images*/
.img-full{
	-ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
	vertical-align: middle;
    border-style: none;
}
.no-images {
    background-size: cover;
}

/*Tables*/
.table-responsive {
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
}
table {
    font-size: 12px;
    text-wrap: balance;
    line-height: 1;
}
table td,table th {
    text-align: center;
    padding: 5px;
    border-top: 1px solid #eee;
}
thead th {
    background: #0094df;
    color: white;
    font-weight: normal !important;
}
table .btn {
	font-size: 10px !important;
    text-transform: uppercase;
    text-wrap: nowrap;
    letter-spacing: .5px;
    padding: 0.25rem;
}
table tr:nth-child(odd) {
    background-color: #f9f9f9;
}
table tr:nth-child(even) {
    background-color: #fff;
}
.img-table {
    height: 40px;
    width: 40px;
    object-fit: cover;
}
/*Table Subtotal*/
.table-subtotal tr {
	background: transparent !important;
}
.table-subtotal td {
	border: solid #eee 1px;
	background: white;
	padding: .5rem;
}
.table-subtotal td:last-child {
	text-align: revert;
	font-family: oswald;
	width: 33%;
}
.table-subtotal td {
	text-align: right;
}
.table-subtotal {
	font-size: .9rem;
	border-collapse: collapse;
}
.table-subtotal tr:last-child td {
	background: transparent;
}

/**/
.first-col-33 td:first-child {
    width: 33% !important;
}
.first-col-33 td:not(:first-child) {
    width: unset !important;
}
/**/

/*Footer*/
footer{
	color: white; 
}
footer h4,
.dropdown-content h4{
    text-transform: uppercase;
    letter-spacing: 1px;
}
footer li a,
.dropdown-content.bg-dark li a,
.dropdown-content.bg-dark p{
    color: #ccc;
    font-size: 14px;
    line-height: 1.5;
}
footer g-row g-col {
    margin-bottom: 2rem;
}

/*Modals*/
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding: 5% 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5);
}
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 95%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5),0 6px 20px 0 rgba(0,0,0,0.5);
}
.modal-header {
	background-color: #0094df;
	color: white;
}
.modal-header,.modal-body,.modal-footer{
	padding: 1rem;
}
.modal-footer {
	border-top:solid #ddd 1px;
}
.modal-open {
	overflow: hidden;
}
.close {
	color: white;
	float: right;
	font-size: 25px;
	font-weight: bold;
	line-height: .5;
	padding: 1rem;
	margin-top: -1rem;
	margin-right: -1rem;
}
.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.btn-icon{
	font-size: 32px !important;
	line-height: 20px;
}
.g-message{
	grid-column-end: -1;
	grid-column-start: 1;
	padding: 1rem 0.5rem;
	margin: -0.5rem;
	border-bottom-right-radius: inherit;
	border-bottom-left-radius: inherit;
	border-top: solid 1px #ddd;
	font-size: 80%;
	font-weight: 500;
	display: grid;
}

/*Shopping Cart*/
.scrow {
	font-size: 14px;
	background: #fff;
	padding: .5rem;
	border-radius: .25rem;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	margin-bottom: 1rem;
	box-shadow: 0 6px 6px 0 rgba(0,0,0,0.1);
}
.scrow span {
	display: block;
	font-size: 8px;
	text-transform: uppercase;
	color: #999;
}
.scrow g-col {
	text-align: center;
}
.scrow g-col {
    font-family: 'Oswald';
}
.scrow g-col span,
.g-message,
small {
    font-family: system-ui !important;
}
.span3to2{
	grid-area: auto/span 3;
}
.span2to1{
	grid-area: auto/span 2;
}
.shipping-method label {
    margin: 0;
    display: block;
    padding: .5rem 0;
}
.shipping-method label input {
    float: left;
}
.shipping-method label .DeliveryTime {
    display: block;
}
.shipping-method label p {
	margin: 0 0 0 1.5rem;
}

/*LG*/
/*.lg-outer .lg-thumb-outer{
	max-height: 80px !important;
}
.lg-thumb-item {
    height: initial !important;
    width: initial !important;
    margin: 0 !important;
}*/
.lg-thumb-item:not(.active) {
    border-color: transparent !important;
    opacity:.5;
}

/* Container adjustments for mobile view */
.container.show-sm {
    display: flex; /* Use flexbox to lay out children in a row */
    align-items: center; /* Align items vertically in the center */
    justify-content: space-between; /* Space the logo and the menu apart */
    padding-right: 15px; /* Adjust padding to ensure content is not sticking to the edges */
    padding-left: 15px;
}

/*Media Queries*/
@media screen and (max-width: 575px){
    .stats {
        flex-direction: column; /* Stack the div elements vertically */
        gap: 20px; /* Reduce the gap size */
    }
   
    /* Hide the menu on small screens */
.menu {
    display: none;
}

.hide-sm,
	aside{
		display: none;
	}	
	.hamburger-menu {
        display: block;
    }
    .show-sm {
		/* /*commented because it was adding margin at the bottom */
		display: block;
	}
	.collapse-wrap .show-sm {
		display: block;
	}
	p-thumbgrid.thumblist .thumb-img {
		grid-area: 1/span 2;
	}
	p-thumbgrid.thumblist .thumb-body {
		grid-area: 3/span 2 !important;
	}
	p-thumbgrid.thumblist .thumb-footer {
		grid-area: 2/span 2;
	}
}
@media screen and (min-width: 576px){
	.container{
		max-width: 540px;
	}
	.container-50{
		max-width: 50% !important;
	}
	.show-sm{
		display: none !important;
	}
	aside{
		max-width: 230px
	}	
	.g-1-1 {
		grid-template-columns: 1fr 1fr;
	}
	.g-1-1-1 {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.g-1-1-1-1 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.g-2-1 {
		grid-template-columns: 2fr 1fr;
	}
	.g-1-2 {
		grid-template-columns: 1fr 2fr;
	}
	.g-3-1 {
		grid-template-columns: 3fr 1fr;
	}
	.g-1-3 {
		grid-template-columns: 1fr 3fr;
	}
	.g-250-full {
		grid-template-columns: 250px 1fr;
	}
	.g-full-250 {
		grid-template-columns: 1fr 250px;
	}
	.scrow {
		grid-template-columns: repeat(8, 1fr) !important;
	}
	.span3to2 {
		grid-area: auto/span 7 !important;
	}
}
@media screen and (max-width: 768px){
	p-thumbgrid.thumblist .thumb {
		grid-template-columns: repeat(auto-fit, minmax(100px, 2fr) minmax(150px, 3fr) minmax(250px, 1fr));
	}
	p-thumbgrid.thumblist .thumb-body {
		grid-area: 2/span 2;
	}
	.g-1-1-1-1-1 {
		/*grid-template-columns: 1fr 1fr;*/
	}
	
}
@media screen and (min-width: 768px){
	.container{
		max-width: 720px;
	}
	.g-1-1-1-1-1 {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
	.arrow-box-right:after {
		left: 100% !important;
		top: 50% !important;
		border: solid transparent;
		content: "";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-left-color: #f5f5f5 !important;
		border-width: 30px;
		margin-top: -30px;
		border-top-color: transparent !important;
    	margin-left: initial !important;
	}
}
@media screen and (min-width: 992px){
	.container{
		max-width: 960px;
	}
	.scrow {
		grid-template-columns: repeat(10, 1fr) !important;
	}
	.span3to2{
		grid-area: auto/span 2 !important;
	}
	.span2to1{
		grid-area: auto/span 1 !important;
	}
}
@media screen and (max-width: 992px){
	.hide-md{
		display: none !important;
	}
	.show-md {
		display: inline-block !important;
	}
	.dropdown-content {
		position: relative;text-align: left;
	}
	.dropdown {
		text-align: center;
		/*width: 100%;*/
	}
	main p-thumbgrid.thumblist .thumb-body {
		grid-area: 2/span 2;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
	header .bg-blue .btn {
		letter-spacing: normal;
		padding: 0.375rem 0.5rem;
	}
}
@media screen and (min-width: 1200px){
	.container{
		max-width: 1140px;
	}
}
@media screen and (min-width: 1600px){
	.container{
		max-width: 1400px;
    	width: 1400px;
	}
}

/* Style for the tabs */
nav.tabs {
    justify-content: center;
    border-bottom: solid 1px #ddd;
    margin-bottom: 1rem;
}
.tab {
	font-size: 14px;
    cursor: pointer;
    padding: 10px;
	color: #333;
}
.thumb .tab {
    font-size: 12px !important;
}
.tab.active {
	background-color: white;
	border-bottom-color: white !important;
	margin-bottom: -1px;
	border: solid 1px #ddd;
}
/* Hide the content of all tabs by default */
.tab-content {
    display: none;
}
/* Show active tab content */
.active-tab-content {
    display: block;
}

/* Style Bordered for tab content */
.tab-container .tab-content {
	padding: 0.5rem 1.5rem 1.5rem;
	border: 1px solid #ddd;
	background: white;
}
.tab-container .tabs {
    justify-content: start;
    border-bottom: 0;
    margin-bottom: 0;
}
/* Style Bordered, Show active tab content */
.tab-container .tab-content.active {
	display: block;
}

/**/

.h1-center {
    text-align:center;
    margin: 0 auto
}
.display-none {
    display:none;
}

.loading-items-text {
    text-align: center;
    font-size: 32px;
    margin-top: 50px;
}

.thumbgrid-loading {
    position:fixed;
    left: 50%;
    top: 50%;
    margin: -32px auto 0 auto;
}

.newbutton {
    color: #0094df;
    margin-bottom: 7px;
    display: inline-block;
    border-radius: 6px;
    padding: 10px 40px;
    border: solid 2px #0094df;
    font-family: 'Oswald';
}

.newbutton:hover {
    background: #0094df;
    color: #fff;
}

#suggestion-menu {
    position: absolute; 
    background: white; 
    z-index: 999; 
    width: 100%;
    box-shadow: 0px 5px 10px 0px #00000040;
}

.suggested-item {
    display:block;
    font-size: 12px;
    cursor: pointer;
    padding: 10px;
}

.suggested-item, .suggested-item:visited, .suggested-item:hover, .suggested-item:active {
  color: inherit;
}

#searchForm {
	display: none !important;
    /*position: relative;*/
}

.suggested-item:hover {
    background-color: #0094df;
}

#general-search-suggestions {
	position: absolute;
	background: white;
	z-index: 999;
	width: 100%;
	box-shadow: 0px 5px 10px 0px #00000040;
	color: black;
}

.logo-container-nav {
    display:flex;
    flex-flow: row nowrap;
}

.general-search-container {
    position:relative;
}

.thumbgrid-row {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(195px, 1fr));
    gap: 1em;
}

.btn svg {
    padding-top: 7px;
    margin-top: -1px;
}

.awesome-list {
	/* Create a new instance of a counter called "my-awesome-list" and set the counter to 0. */
	counter-reset: my-awesome-list;
	display: flex;
	padding-left: 3.4em;
	vertical-align: middle;
	position: relative;
    flex-direction: row;
    flex-wrap: wrap;
}

.awesome-list-item {
	 /* Increment the "my-awesome-list" counter for every list item. */
	counter-increment: my-awesome-list;
	margin: 0.6em 0;
	position: relative;
	width: 100%;
}

.awesome-list-item::before {
	/* Display the counter and set the list style for the list. */
    content: counter(my-awesome-list, decimal-leading-zero);
    background: #FFF;
    border: 8px solid #2C3E50;
    border-radius: 50%;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 2.1em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 2.6em;
    z-index: 2;
}

/* Everything else is just basic styling. */


.list-intro {
	background: #2C3E50;
	color: #FFF;
	box-sizing: border-box;
	display: inline-block;
	padding: 2em 4em 2em 2em;
	width: 100px;
	height: 100%;
	vertical-align: middle;
}

.list-intro > h1 {
	font-size: 1.4em;
}

.awesome-list-item > span {
	background: #8E44AD;
	border-radius: 4px;
	color: #FFF;
	display: inline-block;
	position: relative;
	line-height: 2em;
	margin: 0 0 0 -2em;
	padding: 1.2em 2em 1.2em 3em;
	vertical-align: middle;
}

.awesome-list-item > span::after {
	background: transparent;
	content: "";
	position: absolute;
	top: 24%;
	right: 2%;
	width: 50%;
	height: 50%;
	max-width: 300px;
	z-index: -1;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
	transform: rotate(3deg);
}

.awesome-list-item:nth-child(2)::before {
	background: #8E44AD;
	/* border-color: #2C3E50; */
    border-color: #ffffff;
	box-shadow: 0 0 0 4px #8E44AD;
}

.awesome-list-item:nth-child(2) > span {
	background: #8E44AD;
}

.awesome-list-item:nth-child(3)::before {
	background: #2980B9;
	/* border-color: #2C3E50; */
    border-color: #ffffff;
	box-shadow: 0 0 0 4px #2980B9;
}

.awesome-list-item:nth-child(3) > span {
	background: #2980B9;
}

.awesome-list-item:nth-child(4)::before {
	background: #27AE60;
	/* border-color: #2C3E50; */
    border-color: #ffffff;
	box-shadow: 0 0 0 4px #27AE60;
}

.awesome-list-item:nth-child(4) > span {
	background: #27AE60;
}

.awesome-list-item:nth-child(5)::before {
	background: #16A085;
	/* border-color: #2C3E50; */
    border-color: #ffffff;
	box-shadow: 0 0 0 4px #16A085;
}
.awesome-list-item:nth-child(5) > span {
	background: #16A085;
}

.awesome-list-item:nth-child(6)::before {
	background: #a81241;
	/* border-color: #2C3E50; */
    border-color: #ffffff;
	box-shadow: 0 0 0 4px #a81241;
}
.awesome-list-item:nth-child(6) > span {
	background: #a81241;
}
.d-none {
    display: none;
}
.d-block {
    display: block;
}

/*Arrow Boxes*/

.arrow-box-right {
    position: relative;
}
.arrow-box-right:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #f5f5f5;
	border-width: 30px;
	margin-left: -30px;
}

.arrow_box, .arrow_box2 {
    padding: 40px 50px 20px 50px;
    border-radius: 10px;
    margin-top: 60px;
    max-width: 600px;
}
.arrow_box2 {
    position: relative;
    background: #dceadc;
    border: 6px solid #f5f5f5;
}

.arrow_box {
	position: relative;
	background: #e0e0e0;
	border: 6px solid #f5f5f5;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(224, 224, 224, 0);
	border-top-color: #e0e0e0;
	border-width: 25px;
	margin-left: -25px;
}
.arrow_box:before {
	border-color: rgba(245, 245, 245, 0);
	border-top-color: #f5f5f5;
	border-width: 33px;
	margin-left: -33px;
}

.green-bullet {
    list-style-type: none; /* Remove default list-style */
    padding-left: 0; /* Remove default padding */
}

.green-bullet li {
    background: url(imgs/gc2.png) no-repeat left center;
    padding-left: 38px;
    text-indent: 0px;
    /*line-height: 30px;*/
    margin-bottom: 20px;
	line-height: 1.5;
    background-position-y: 0.5rem;
}
.email {
    max-width: 600px;
    display: flex;
    margin: auto;
	flex-direction: column;
    gap: 1rem;
}
.email g-row {
    gap: inherit !important;
}
.email input,
.email textarea,
.email select {
    padding: 0 2%;
    border: solid 1px #ddd;
    border-radius: 5px;
    /*font-size: 16px;*/
    line-height: 36px;
}
.email label {
    margin-bottom: 0.5rem !important;
	font-family: 'Oswald', sans-serif;
}
.email label,
.email label small {
    display: block;
}
.email select {
    height: 36px;
}