/* CSS Document For Products Page - displays products and filters on category page */

@font-face{font-family:'Honeywell Sans';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/HoneywellSansWeb-Book.eot);src:local("Honeywell Sans Book"),local("HoneywellSansWeb-Book"),url(../fonts/HoneywellSansWeb-Book.woff2) format("woff2"),url(../fonts/HoneywellSansWeb-Book.woff) format("woff")}
@font-face{font-family:'Honeywell Sans';font-style:italic;font-display:swap;font-weight:400;src:url(../fonts/HoneywellSansWeb-BookItalic.eot);src:local("Honeywell Sans Book"),local("HoneywellSansWeb-BookItalic"), url(../fonts/HoneywellSansWeb-BookItalic.woff2) format("woff2"),url(../fonts/HoneywellSansWeb-BookItalic.woff) format("woff")}
@font-face{font-family:'Honeywell Sans';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/HoneywellSansWeb-Medium.eot);src:local("Honeywell Sans"),local("HoneywellSansWeb-Medium"),url(../fonts/HoneywellSansWeb-Medium.woff2) format("woff2"),url(../fonts/HoneywellSansWeb-Medium.woff) format("woff")}
@font-face{font-family:'Honeywell Sans';font-style:italic;font-display:swap;font-weight:500;src:local("Honeywell Sans"),local("HoneywellSansWeb-MediumItalic"),url(../fonts/HoneywellSansWeb-MediumItalic.eot) format("embedded-opentype"),url(../fonts/HoneywellSansWeb-MediumItalic.woff2) format("woff2"),url(../fonts/HoneywellSansWeb-MediumItalic.woff) format("woff")}
@font-face{font-family:'Honeywell Sans';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/HoneywellSansWeb-Bold.eot);src:local("Honeywell Sans Bold"),local("HoneywellSansWeb-Bold"),url(../fonts/honeywell-sans-bold/HoneywellSansWeb-Bold.eot) format("embedded-opentype"),url(../fonts/HoneywellSansWeb-Bold.woff2) format("woff2"),url(../fonts/HoneywellSansWeb-Bold.woff) format("woff")}
@font-face{font-family:'Honeywell Sans';font-style:italic;font-display:swap;font-weight:700;src:url(../fonts/HoneywellSansWeb-BoldItalic.eot);src:local("Honeywell Sans Bold Italic"),local("HoneywellSansWeb-BoldItalic"),url(../fonts/HoneywellSansWeb-BoldItalic.eot) format("embedded-opentype"),url(../fonts/HoneywellSansWeb-BoldItalic.woff2) format("woff2"),url(../fonts/HoneywellSansWeb-BoldItalic.woff) format("woff")}
@font-face{font-family:'Honeywell Sans';font-style:normal;font-display:swap;font-weight:800;src:url(../fonts/HoneywellSansWeb-Extrabold.eot);src:local("Honeywell Sans Extra Bold"),local("HoneywellSansWeb-Extrabold"),url(../fonts/HoneywellSansWeb-Extrabold.eot) format("embedded-opentype"),url(../fonts/HoneywellSansWeb-Extrabold.woff2) format("woff2"),url(../fonts/HoneywellSansWeb-Extrabold.woff) format("woff")}
@font-face{font-family:'Honeywell Sans';font-style:italic;font-display:swap;font-weight:800;src:url(../fonts/HoneywellSansWeb-ExtraboldItalic.eot);src:local("Honeywell Sans Extra Bold"),local("HoneywellSansWeb-ExtraboldItalic"),url(../fonts/HoneywellSansWeb-ExtraboldItalic.eot) format("embedded-opentype"),url(../fonts/HoneywellSansWeb-ExtraboldItalic.woff2) format("woff2"),url(../fonts/HoneywellSansWeb-ExtraboldItalic.woff) format("woff")}
@font-face{font-family:'Honeywell Sans';font-style:normal;font-display:swap;font-weight:900;src:url(../fonts/HoneywellSansWeb-Black.eot);src:local("Honeywell Sans Black"),local("HoneywellSansWeb-Black"),url(../fonts/HoneywellSansWeb-Black.eot) format("embedded-opentype"),url(../fonts/HoneywellSansWeb-Black.woff2) format("woff2"),url(../fonts/HoneywellSansWeb-Black.woff) format("woff")}














.pad-15{padding:15px;}
.cat-button:disabled {pointer-events:none;background: #ddd;border: 1px solid #999;}
.cat-button {font-size: 1em;min-width: 150px;background: #4B96E1;border: 1px solid #4B96E1;color: #fff;padding: .4em 1em;border-radius: 6px;font-weight: bold;font-family: arial;}	
.cat-button:hover {background: #f2f2f2;border: 1px solid #4B96E1;color: #4B96E1;}
.customsidenav1 {width: 20%;float: left;}
.customproducts1 {width: 80%;float: left;}
.sidenav{padding-right: 25px;}
.sidenav .sidenavheaders {padding: 5px 5px 5px 10px;margin: 10px 0px;background: #e4e4e4;text-decoration: none;text-transform: uppercase;color: #000;border: 1px solid #cccccc;cursor: pointer;}
.sidenav .sidenavheaderscat {font-weight: bold;font-size: 14px;cursor: auto;}
.sidenav .collapse-open {font-weight:bold;font-size:14px;}
.sidenav .collapse-close {font-size:14px;}
.sidenav .collapse-open::after {content: "";float:right;padding:10px;background:url('../img/minus.gif') center center no-repeat;}
.sidenav .collapse-close::after {content: "";float:right;padding:10px;background:url('../img/plus.gif') center center no-repeat;}
.sidenavsections{margin-bottom: 15px;max-height: 300px;overflow-y: auto;}
.sidenavsections::-webkit-scrollbar {width: 5px !important;}
.sidenavsections::-webkit-scrollbar-track {background: #e9edf4;}
.sidenavsections::-webkit-scrollbar-thumb {background: #aeb4be;}
.sidenavsections::-webkit-scrollbar-thumb:hover {background: #4b566b;}
.sidenavsections ul{list-style: none;margin: 0px;padding: 0px;}
.sidenavsections ul li{margin: 0px 0px 3px 0px;padding: 0px;}
.sidenavsections ul li:hover{background: rgb(0 0 0 / 10%);}
.sidenavsections label{display: block;position: relative;line-height: 20px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0;padding: 5px 0px 5px 28px !important;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#spnClearFilter{display: block;padding: 10px 0 0;font-size: 14px;line-height: 20px;}
#spnClearFilter:hover{text-decoration: underline;}
#spnClearFilter::before{content: "X";font-size: 11px;line-height: 20px;font-weight: bold;margin: 0 5px 0 10px;color: #f44336;}
/* Hide the browser's default checkbox */
.filter-label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom checkbox */
.filter-checkmark {position: absolute;left: 0;height: 20px;width: 20px;background-color: #eee;border: 1px solid #ccc;}
/* On mouse-over, add a grey background color */
.filter-label:hover input ~ .filter-checkmark {background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.filter-label input:checked ~ .filter-checkmark {background-color: #007BC2;}
/* Create the checkmark/indicator (hidden when not checked) */
.filter-checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.filter-label input:checked ~ .filter-checkmark:after {display: block;}
/* Style the checkmark/indicator */
.filter-label .filter-checkmark:after {left: 7px;top: 4px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.slideprice-dol{font-size: 14px;position: absolute;line-height: 25px;padding-left: 4px;font-family: arial;}
.slideprice-dash{margin: 0 5px;font-size: 18px;line-height: 13px;}
#slidePrice{margin:0 5px 15px;}
#txtFilterPriceMin,#txtFilterPriceMax{width: 50px;height: 25px;padding: 2px 2px 2px 12px;margin: 0px;border: 1px solid #aeaeae;border-radius: 3px;font-size: 13px;line-height: 13px;font-family: arial;}
.sidenav input[type="button"] {font-size: 13px;line-height: 13px;background: #007BC2;border: 1px solid #007BC2;color: #fff;border-radius: 6px;font-weight: bold;font-family: arial;padding: 3px;height: 25px;}	
.sidenav input[type="button"]:hover {border: 1px solid #007BC2 !important;background: #fff;color: #007BC2;}	
.inputbox {
    margin: 0px;
    padding: 5px;
    color: #30373B;
    font-family: "Brandon",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 1em;
    border: 1px solid #000;
    border-radius: 3px;
    background-color: #FFF;
    transition: border-color 0.1s ease 0s;
    max-width: 100%;
}
.inputbox:focus{
	color:#000;
	border:1px solid #00baff !important
}
.category-desc{
	width: 100%;
	padding: 10px 0px;
	font-size: 100%;
}
.category-desc-b{
	width: 100%;
	max-width: 1300px;
	margin: 5px auto 35px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.category-desc-b h4{
	font-size: 16px;
    line-height: 20px;
	font-weight: bold;
    margin: 20px 0 0;
    padding: 5px 0;
}
.category-desc-header{
	text-align: center;
    border-top: 1px solid #eee;
    padding: 25px 0 0;
    margin: 20px auto;
}
.category-desc-header p{
	border-bottom: 2px solid #007BC2;
    display: inline-block;
	font-size: 20px;
    font-weight: bold;
    line-height: 24px;
	padding: 5px 15px;
}
.p-category-row-top{
	margin:0px 0px;
	width:100%;
}
.p-category-row{
	margin:0px 0px;
	width:100%;
	float:left;
}
.category-page-count{
	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
	display: flex;
    flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
	padding: 15px 15px 25px;
}
.products-flex{
	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
	display: flex;
    flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
}
.category-container{
	width: 50%;
	float: left;
	margin: 0px 0px 40px;
	flex-grow: 0;
    flex-basis: 50%;
    display: flex;
    flex-wrap: wrap;	
}	
.category-product-image{
	float: left;
	width: 35%;
	text-align: center;
	flex-basis: 35%; /*  filter: drop-shadow(1px 1px 1px #00000099); */
}
.category-product-image img{
	display: block;
	margin: auto;
}
.category-product-text{
	float: left;
	width: 65%;
	flex-basis: 65%;
}
.category-product-text > div a{font-weight:600;-webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;color:#373f50;font-size: 15px;    margin-bottom: 10px;}
.category-product-text a:hover{text-decoration:none;color:#e10003;}
.avail-review{
	font-size: 13px;
	line-height: 18px;
    padding: 1px 5px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;    margin: 7px 0;
}
.starqueue{
	margin-left:0px;
	line-height: 18px;
	text-decoration: none;
}
.starqueue:hover,.starqueue:focus{
	text-decoration: none !important;
}
.starqueue img{
	vertical-align: top;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 1px;
}	
.category-product-text .add2cart, .cat-card-desc a:focus{background:#0A4166;}


.category-product-text .add2cart, .cat-card-desc a{/*
	font-size: 12px;
    border: 1px solid #ccc;
    padding: 2px 5px;
    border-radius: 4px;
    letter-spacing: .5px;
	display: inline-block;
	transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out; */

color: #fff;
    background-color: #007BC2;
    border-color: #007BC2;
    text-transform: uppercase;
    box-shadow: none;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.71rem 1.9rem;
    font-size: 14px;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out;
    line-height: 15px;width:auto;max-width:250px;    display: inline-block;
}
.category-product-text .add2cart:active, .cat-card-desc a:active, .category-product-text .add2cart:focus, .cat-card-desc a:focus{background-color: #0A4166;}



.category-product-text .add2cart:hover, .cat-card-desc a:hover {
    background: #00629B;
	color: #fff;
    border: 1px solid #00629B;
	text-decoration: none;
}
  
.hr-separatorcat{
   	display: none;
    border: 0;
    border-bottom: 1px solid #e3e9ef;
    float: left;
    width: 100%;
	flex-basis: 100%;
	padding: 0px;
	margin: 30px 0px;
}
.nav-button{
	display:none;
	margin: auto;
}
.nav-button-div{
	display:none;
}
.sidr{
	display:block;
	margin-bottom:25px;
	white-space: nowrap;
    overflow: hidden;
}
.category-sortby{
	width: 35%;
	flex-basis: 35%;
	text-align: right;
}
.top-page-count{
	width: 65%;
	flex-basis: 65%;	
}
.bottom-page-count{
	background-color: #eee;
	min-height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	margin: 0px 0px 25px;
	border-radius: 10px;
	border: solid 1px;
}
.no-products {
	margin: 30px 0;
    font-size: 16px;
    font-weight: bold;
}
.no-products span{
	display: block;
    border: 1px solid;
    color: #e04167;
    background-color: #fef0f4;
    border-color: #fcd3dd;
    border-radius: 0.4375rem;
    padding: 20px 15px;
}

.no-products a{
    display: block;
    margin: 25px 0;
    padding: 10px;
    max-width: 240px;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    background: #007BC2;
    border: 1px solid #007BC2;
	border-radius: 5px;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out;
}
.no-products a:hover{
	color: #fff;
	background-color: #fb0002;
    border: 1px solid #fb0002;
	text-decoration: none;
}
/*For no products found dialog box buttons*/
.ui-dialog .ui-dialog-buttonpane button {
    margin: 10px !Important;
    background: #4B96E1 !Important;
	white-space: inherit !Important;
	color: #FFF !Important;
	font-size: 18px !Important;
    border: 0px !Important;	
	padding: 5px 10px;
    border-radius: 5px;
} 
.ui-dialog .ui-widget-header {
    border: 1px solid #aaa;
    background: #F2F2F2;
	font-size: 16px;
    color: #4B96E1;
    font-weight: bold;
}
.ui-dialog .ui-widget-header {
    border: 1px solid #aaa;
    background: #F2F2F2;
    color: #4B96E1;
    font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}
.cat-card{
	padding: 15px;
	margin: 30px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
	border: 1px solid #eee;
}
.cat-card h4{
	display: inline-block;
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 15px;
    padding: 10px 0 5px;
    border-bottom: 2px solid #007BC2;
}
.cat-card-image{
	width: 30%;
}
.cat-card-image img{
	margin: auto;
	display: block;
}
.cat-card-image iframe{
	box-shadow: 0px 0px 10px 5px #929292;
    width: 100%;
    max-width: 560px;
    height: 200px;
    margin: auto;
    display: block;
}
.cat-card-desc{
	width: 70%;
	padding: 0 5px 0 25px;
}
.cat-card-desc p{
	font-size: 15px;
	line-height: 20px;
	margin: 0 0 20px;
}
.cat-card .cat-card-desc a{
	padding: 10px 15px;
    font-size: 16px;
}
@media (max-width: 991px){
	.products-flex {
    display: block;
	}
	.category-container{
		width: 50%;
		margin: 0px;
		flex-basis: 100%;    margin-bottom: 20px;
	}	
	.hr-separatorcat{
		 
	}	
	.category-sortby{
		width: 100%;
		flex-basis: 100%;
		text-align: left;
		margin: 20px 0 0;
	}
}
@media (max-width: 768px){
	.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:230px;overflow-x:none;overflow-y:auto;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}
	.customsidenav1 {
		width: 100%;		
	}
	.customproducts1 {
		width: 100%;		
	}	
	.filter{
		margin-left: 5px;	
	}
	.p-category-row{
		max-width: 768px;
	}
	.category-product-image{
		width:30%;
		flex-basis: 30%;
	}
	.category-product-text{
		width:70%;
		flex-basis: 70%;
		padding: 0 0 0 5px;
	}
	.top-category-hide {
		display: none;
	}
	.mobile-hide {
		display: none;
	}
	.nav-button {
		display:block;
	}
	.nav-button-div{
		display:block;
		padding: 0px 15px 25px;
	}
	.category-sortby {
		 margin: 0px;
	}
	.view-all-items {
		display: block;
		width: 100%;
		margin: 10px 0px;
	}
	.cat-card-image{
		width: 100%;
		margin-bottom: 20px;
	}
	.cat-card-desc{
	width: 100%;
	padding: 0;
	}
	.cat-card-image iframe{
		height: 315px;
	}
}
@media(max-width:480px){
	.p-category-row{
		max-width: 480px;
		width:100%;
	}
	.category-product-image{
		width:100%;
		flex-basis: 100%;
	}
	.category-product-text{
		width:100%;
		flex-basis: 100%;
		padding: 0 15px;
		text-align:center;
	}
	
.category-product-text div a{-webkit-line-clamp:4;line-clamp:4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;}


.price-box{padding:0 5px;}
.old-price{    font-size: 1.3rem;}
.product-price{    font-size: 1.5rem;}


}