.breadcrumbs {color:#fff; display:flex; justify-content:flex-start; gap: 5px; align-items:center; margin: 0 0 35px 0;}
.breadcrumbs a,
.breadcrumbs span {color:#fff; text-transform:uppercase; text-decoration:none; line-height:1em;}
.breadcrumbs a:hover {text-decoration:underline;}

.categoryInfo { background: transparent linear-gradient(83deg, #353535 0%, #5C6C77 100%) 0% 0% no-repeat padding-box; }
.content .categoryInfo .inner {min-height:auto; padding: 37px 0 50px 0;}
.categoryInfo .categoryInfoContent { display: flex; justify-content: space-between; align-items: center;   }
.categoryInfo .image { width: 20%; }
.categoryInfo .image img {width:100%;}
.categoryInfo .text { width: 75%; padding: 0 0 0 15px; border-left: 2px solid #fff; box-sizing: border-box; }
.categoryInfo .text.noImg {width: 95%;}
	.categoryInfo .text h1,
	.categoryInfo .text h2, 
	.categoryInfo .text h3, 
	.categoryInfo .text h4, 
	.categoryInfo .text p, 
	.categoryInfo .text li, 
	.categoryInfo .text a { color: #fff; }
	.categoryInfo .text h1,
	.categoryInfo .text h2 {font-size: 28px; text-transform:uppercase; line-height:1em; margin: 0 0 15px 0;}
	.categoryInfo .text h4, .categoryInfo .text p { font-size: 14px; }
	.categoryInfo .text p:last-child {margin: 0;}

.categoryInfo .sub-categories-wrapper { margin: 20px 0 0; }
.categoryInfo .sub-category-links-toggle { display: none; }
.categoryInfo .sub-category-link { border: 1px solid #fff; color:#fff; display: inline-block; margin: 0px 10px 5px 0; padding: 5px 10px; text-decoration: none; text-transform: uppercase; font-size: 12px; }
.categoryInfo .sub-category-link:hover { background: #fff; color: #353535; }

	.category-info { padding-left: 15px; }
	.category-info .image { overflow: hidden; }
	.category-info .category-image { max-width: 100%; }
	.category-info .category-title { text-transform: uppercase; margin: 10px 0; }
	.category-info .product-list-controls { overflow: hidden; display:flex; justify-content:space-between; align-items:center; margin: 0 0 8px 0; }
		.category-info .product-list-controls-div {display:flex; justify-content:flex-start; align-items:center;}
		.category-info .product-list-controls-div .productCount { margin:0; font-size:14px; font-weight:600; color:#000; }
		.category-info .product-list-controls .label { font-weight: 700; }
	.category-info .product-list-control { float: left; margin-right: 10px; }
		.category-info .product-list-control .label { font-weight: 700; display: block; }
		.category-info .product-list-control .dropdown-control { font-size: 12px; text-transform: uppercase; color: #000; font-weight: 600; padding: 12px 30px 12px 20px; border: 1px solid rgba(38,36,76,.2); border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; background-image: url("/gfx/arrow-down-16.png"); background-color: #fff; background-repeat: no-repeat; background-position: right 15px center; background-size: 10px; }
	.category-info .sorting-control { float: left; }
		.category-info .sorting-control .sotring-dropdown { margin: 0 5px; padding: 8px; border: none; padding-right: 20px; -webkit-appearance: none; -moz-appearance: none; background-image: url("/gfx/arrow-down-16.png"); background-repeat: no-repeat; background-position: right 5px center; background-size: 10px; border: 1px solid #ddd; border-radius: 4px; }
	.category-info .number-of-products-control { padding: 0; }
		.category-info .number-of-products-control .view-button { display: inline-flex; justify-content: center; align-items: center; gap: 7px; text-transform: uppercase; padding: 11px 20px; border: 1px solid rgba(38,36,76,.2); border-radius: 4px; color: #000; font-size: 12px; font-weight: 600; text-decoration: none; margin: 0 15px 0 0; }
		.category-info .number-of-products-control .view-button:last-child { margin: 0; }
			.category-info .number-of-products-control .view-button.active,
			.category-info .number-of-products-control .view-button:hover { background: #353535; color:#fff; }
				.category-info .number-of-products-control .view-button.active img,
				.category-info .number-of-products-control .view-button:hover img {filter:invert(100%);}

				.category-info .pager { clear: both; text-align: right; font-size: 18px; margin: 10px 0 20px; display:flex; justify-content:space-between; align-items:center; }
					.category-info .pager a { text-decoration: none; margin: 2px 0; display: inline-block; width: 30px; text-align: center; background-color: #fff; color: #353535; vertical-align: middle; padding: 6px 3px 3px; border: 1px solid rgba(38,36,76,.2); border-radius: 4px; }
					.category-info .pager .current,
					.category-info .pager a:hover { background-color: #353535; border-color: #353535; color: #fff; }
		.category-info .pager p { color: #353535; font-weight:600; font-size:14px; margin: 0; }

	.productListWrapper {display:flex; justify-content:space-between; align-items:flex-start; padding: 35px 0;}
	.productListWrapper .leftColumn {width: 24.3%; }
	.productListWrapper .rightColumn {width: 73%;}
		.productListWrapper .rightColumn.hide .filter {display:none;}

		.filterDiv .filterHeader { display: flex; justify-content: space-between; align-items: center; margin: 0 0 25px 0; }
.filterHeader p {display:flex; justify-content:flex-start; align-items:center; gap: 10px; margin: 0; }
	.filterHeader p:first-child { font-size: 14px; font-weight: bold; color: #000;}
	.filterHeader p:last-child a { font-size: 14px; font-weight: 600; text-decoration: underline; color: #353535; display: flex; justify-content: space-between; align-items: center; gap: 10px;}

.filterProperty { border-top: 1px solid #A8A7B7; padding: 25px 0; }
.filterProperty p {color:#000; font-size:14px; margin: 0 0 20px 0;}
.filterProperty .options .option {display:flex; justify-content:space-between; align-items:center; color:#000; margin: 0 0 10px 0;}
	.filterProperty .options .option:last-child { margin: 0; }
	.filterProperty .options .option label { font-size:14px; }
	.filterProperty .options .option div:first-child { display:flex; justify-content:flex-start; align-items:center; gap: 10px; }
	.filterProperty .options .option .productCount { background: #353535; color:#fff; font-size:11px; font-weight:600;padding: 4px 9px; line-height:1em; display:flex; justify-content:center; align-items:center; }

.custom-checkbox { display: inline-flex; align-items: center; cursor: pointer; }
	.custom-checkbox input { display: none; }
	.custom-checkbox .checkmark { width: 15px; height: 15px; background-color: white; border: 1px solid #707070; display: inline-block; position: relative; margin-right: 8px; }
	.custom-checkbox:has(input:checked) .checkmark { background-color: #3CCC76; }

		.custom-checkbox:has(input:checked) .checkmark::after { content: ""; position: absolute; left: 5px; top: 1px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }
#showFilter {display:none;}

@media only screen and (max-width: 1200px) { .category-info { padding: 0; }
	.product-list { margin: 10px 0; }
}

@media only screen and (max-width: 860px) {
	.categoryInfo .text,
	.categoryInfo .image { width: 49%; }
	.categoryInfo .text h1, .categoryInfo .text h2 { font-size: 22px; }
	.categoryInfo .text h4, .categoryInfo .text p { font-size: 12px; }

	#showFilter { display: block; font-weight:bold; display:inline-flex; color:#000; cursor:pointer; justify-content:flex-end; align-items:center; gap: 10px; margin: 10px 0 0 0; border: 1px solid #000; padding: 10px; }
		#showFilter:hover { color: #fff; background: #353535; }
		#showFilter:hover img {filter:invert(100%);}
		.productListWrapper .leftColumn { display: none; }
		.productListWrapper .leftColumn.show { display:block; position: absolute; top: 0; left: 0; background: #fff; width: 70%; z-index: 100; padding: 20px; box-shadow: 10px 10px 10px #00000040; height: 100%; }
	.productListWrapper .rightColumn {width:100%;}
	.productListWrapper .rightColumn.hide .filter {display:block; background:#00000050; z-index:99; position: absolute; top: 0; bottom: 0; right:0; left: 0; height:100%; width:100%;}
	.productListWrapper {padding: 20px 0;}
	.product-list.list-view { margin: 20px 0; }
}

@media only screen and (max-width: 600px) {
	.content .categoryInfo .inner {padding: 20px 0;}
	.categoryInfoContent { flex-wrap: wrap; }
	.categoryInfo .text {margin: 0 0 20px 0;}
	.categoryInfo .text,
	.categoryInfo .image { width: 100%; }
	.category-info .product-list-controls {align-items:flex-end;}
	.category-info .number-of-products-control .view-button { padding: 8px 10px; margin: 0 0 0 5px; } 
	.category-info .product-list-control .dropdown-control{padding: 10px 30px 10px 10px;}
	.productCount {display:none;}
}

@media only screen and (max-width: 480px) {
}