@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto.ttf");
    font-display: swap;
}
.shop_page.grid {

	padding: 0;

	margin: 30px auto 20px;

	min-width: 280px;

	position: relative;

}



.shop_page_filter_container {

	margin-top: 30px;

}
.shopFilterItem h4:hover{
	color:#379fe8!important;
	text-decoration: none!important;
}
.shopFilterItem p:hover{
	color:#379fe8!important;
	text-decoration: none!important;
}


.shop_page_filter_container>.back {

	color: gray;

	background-color: whitesmoke;

	display: none;

	padding: 10px 10px;

	margin: 0 auto 15px;

	border-radius: 35px;

	max-width: 135px;

	text-align: center;

	font-weight: bold;

	text-decoration: none;

}



.shop_page_filter {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-justify-content: flex-start;

	justify-content: flex-start;

	-webkit-align-items: flex-start;

	align-items: flex-start;

	list-style: none;

	width: 100%;

	overflow: hidden;

}



.shop_page_filter>li {

	-webkit-box-flex: 1;

	-moz-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	overflow: hidden;

	text-align: center;

	min-width: 100%;

	max-width: 100%;

}



.shop_page_filter>li>h2 {

	position: relative;

	z-index: 10;

	display: inline-block;

	text-align: center;

	color: #2671af;

	font-size: 35px;

	margin: 10px 0;

	font-family: 'Roboto';

	font-weight: bold;

	line-height: 1.0;

}



.shop_page_filter>li>h2 i {

    position: absolute;

    left: 100%;

    top: -10px;

    width: 70px;

    height: 70px;

    background-size: 100% auto;

}



.shop_page_filter>li>span {

	display: block;

	color: #9E9E9E;

	font-size: 14px;

	text-align: center;

	margin-bottom: 5px;

}



.shop_page_filter>li>ul {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	position: relative;

	z-index: 15;

	-webkit-justify-content: center;

	justify-content: center;

	max-width: 930px;

	margin: 0 auto;

	flex-wrap: wrap; -webkit-flex-wrap: wrap;

	list-style: none;

}



.shop_page_filter>li>ul>li {

	-webkit-box-flex: 1;

	-moz-box-flex: 1;

	-webkit-flex: 1 1 auto;

	-ms-flex: 1;

	flex: 1;

    min-width: 150px;

    max-width: 155px;

	padding: 15px 10px;

}



.shop_page_filter>li>ul>li>a {

	display: block;

	text-align: center;

	color: #9E9E9E;

	text-decoration: none;

	position: relative;

}



.shop_page_filter>li>ul>li>a:hover  {

	color: #379fe8!important;

}

.shop_page_filter>li>ul>li>a.active {

	color: #76BF42;

	position: relative;

}

.shop_page_filter>li>ul>li>a.active:hover {

	color: #5E9935;

}

.shop_page_filter>li>ul>li>a> .shop_page_filter_title,
.shop_page_filter>li>ul>li>a>h2 {

	margin: 7px 0 6px;

	font-weight: bold;

	font-size: 15px;

}



.shop_page_filter>li>ul>li>a>p {

	font-weight: bold;

	font-size: 12px;

}



.shop_page_filter>li>ul>li>a:hover:before {

	background-color: #1369a6;

}

.shop_page_filter>li>ul>li>a.active:before {

	background-color: #76BF42;

}

.shop_page_filter>li>ul>li>a.active:hover:before {

	background-color: #5E9935;

}

.shop_page_filter>li>ul>li>a:before {

	content: "";

	position: absolute;

	left: 50%;

	top: 0;

	z-index: -1;

	border: 4px solid #fff;

	background-color: #379fe8;

	-webkit-box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, .25);

	-moz-box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, .25);

	box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, .25);

	display: block;

	margin: 0 -53px;

	width: 106px;

	border-radius: 10px;

	height: 106px;

}



.shop_page_filter>li>ul>li>a>i {

	margin: 0 auto;

	-webkit-filter: brightness(0) invert(1);

	filter: brightness(0) invert(1);

	display: inline-block;

	width: 106px;

	height: 106px;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: 70px auto;

}



.shop_page_subfilter {

	list-style: none;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	margin: 0 0 -1px 0;

	position: relative;

	z-index: 10;

}



.shop_page_subfilter>li {

	margin: 0 3px 0 0;

}



.shop_page_subfilter>li>a {

	display: inline-block;

	height: 40px;

	padding: 0 15px;

	line-height: 40px;

	background-color: #2671af;

	color: white;

	text-decoration: none;

	border-top-left-radius: 4px;

	border-top-right-radius: 4px;

	border: 1px solid #2671af;

}



.shop_page_subfilter>li>a.active {

	background-color: white;

	color: #2671af;

	cursor: default;

	border-bottom: 1px solid white;

}



.shop_page_products {

	margin: 20px 10px;

	border: 1px solid #2671af;

	padding: 10px;

	list-style: none;

	color: #333;

}



.shop_page_products>li:hover {

	border-color: #379fe8;

}



.shop_page_products>li {

	border: 1px solid #d7d9d8;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-align-items: center;

	align-items: center;

	flex-wrap: wrap; -webkit-flex-wrap: wrap;

	padding: 10px;

	-webkit-justify-content: center;

	justify-content: center;

	margin-bottom: 10px;

}



.shop_page_products>li.bestseller {

	background-color: #e5f1ff;

	border: 2px solid #2671af;

}



.shop_page_products>li.bestseller .price>span {

	color: #dc3545 !important;

}



.shop_page_products>li:last-of-type {

	margin-bottom: 0px;

}



.shop_page_products>li>* {

	-webkit-box-flex: 1;

	-moz-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

}



.shop_page_products>li>.image {

	position: relative;

	overflow: hidden;

	min-width: 140px;

	background-color: white;

	max-width: 160px;

	margin: 0 15px 0 0;

	padding: 5px;

	border: 1px solid #d7d9d8;

}



.shop_page_products>li>.image>.free {

	position: absolute;

	right: 0px;

	left: 0px;

	bottom: 0px;

	text-align: center;

	display: block;

	padding: 7px 3px;

	width: 100%;

	color: white;

	font-weight: bold;

	font-size: 14px;

	background-color: #379fe8;

	text-align: center;

}



.shop_page_products>li>.image>.sale {

	position: absolute;

	right: 0px;

	left: 0px;

	top: 0px;

	z-index: 20;

	margin-left: 37.5%;

	margin-top: 5%;

	text-align: center;

	display: block;

	padding: 5px 0;

	width: 100%;

	color: white;

	font-weight: bold;

	font-size: 14px;

	background-color: #f5751e;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

@media all and (min-width: 768px) {
	.shop_page_products>li>.image>.sale.small-sale {
		margin-left: 34.5%;
		font-size: 10px;
		margin-top: 9%;
	}
}

.shop_page_products>li>.main {

	min-width: 180px;

	max-width: 100%;

}



.shop_page_products>li>.main .title:first-child {

	margin: 0;

}



.shop_page_products>li>.main .title>a {

	font-family: 'Roboto';

	font-weight: bold;

	font-size: 16px;

	line-height: 1.0;

	text-decoration: none;

	color: #379fe8;

}



.shop_page_products>li>.main .rating,

.shop_page_products>li>.main .reviews {

	display: inline-block;

	vertical-align: middle;

	margin-bottom: 7px;

	font-size: 14px;

}



.shop_page_products>li>.main .rating {

	height: 18px;

	background-size: auto 200%;

	background-position: bottom left;

	background-repeat: repeat-x;

	width: 90px;

	text-align: left;

}



.shop_page_products>li>.main .rating>span {

	display: inline-block;

	height: 18px;

	background-size: auto 200%;

	background-position: top left;

	background-repeat: repeat-x;

}



.shop_page_products>li>.main .title {

	margin-bottom: 15px;

	margin-top: 5px;

}



.shop_page_products>li>.main .choice {

	margin: 5px 0 10px;

	background-color: #ffc107;

	font-size: 12px;

	font-family: 'Roboto';

	line-height: 1.0;

	padding: 7px 5px 2px;

	border-radius: 5px;

	display: block;

	text-align: center;

	max-width: 160px;

	color: #000;

}



.shop_page_products>li>.main .title>a:hover {
	color: #76bf42!important;
}



.shop_page_products>li>.coverage {

	text-align: center;

	max-width: 100px;

	min-width: 60px;

	margin: 0 7px 0;

	font-size: 13px;

}



.shop_page_products>li>.by-use {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	list-style: none;

	flex-wrap: wrap; -webkit-flex-wrap: wrap;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-align-items: center;

	align-items: center;

	margin: 0 7px;

	max-width: 100px;

	min-width: 50px;

}



.shop_page_products>li>.by-use>li {

	margin: 2px;

}



.shop_page_products>li>.by-use>li i {

	display: block;

	width: 17px;

	height: 17px;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center;

}



.shop_page_products>li>.providers {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	list-style: none;

	flex-wrap: wrap; -webkit-flex-wrap: wrap;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-align-items: center;

	align-items: center;

	margin: 0 7px 0;

	max-width: 170px;

	min-width: 170px;

}



.shop_page_products>li>.providers>li {

	margin: 2px;

	border: 1px solid #d7d9d8;

}



.shop_page_products>li>.providers>li img {

	display: block;

	width: 35px;

	height: 35px;
	object-fit: contain;

}



.shop_page_products>li>.application {

	max-width: 100px;

	min-width: 70px;

	text-align: center;

	font-size: 13px;

	margin: 0 20px 0 0;

}



.shop_page_products>li>.application .band {

	margin: 0 0 7px;

}



.shop_page_products>li>.application .band span {

	padding: 7px 10px;

	color: white;

	display: block;

	font-size: 11px;

	font-weight: bold;

	border-radius: 8px;

}



.shop_page_products>li>.price_nd_link {

	min-width: 140px;

	max-width: 195px;

	padding: 0 5px;

	text-align: center;

}



.shop_page_products>li>.price_nd_link .price>span,

.shop_page_products>li>.price_nd_link .price>del {

	display: block;

	text-align: center;

	font-weight: bold;

	text-decoration: underline;

	color: #144395;

	font-size: 20px;

}



.shop_page_products>li>.price_nd_link .price del {

	text-decoration: underline line-through;

}



.shop_page_products>li>.price_nd_link .price strong {

	display: block;

	font-style: italic;

	font-size: 13px;

	margin: 7px 0 -3px;

}



.shop_page_products>li>.price_nd_link .price del {

	opacity: 0.5;

	margin-bottom: 5px;

	font-size: 18px;

}



.shop_page_products>li>.price_nd_link .link a {

	background-color: #76bf42;

	color: #fff;

	margin: 15px auto 0;

	text-decoration: none;

	padding: 12px;

	max-width: 200px;

	text-align: center;

	width: 100%;

	display: block;

	-webkit-box-shadow: 0 0 10px 0 rgba(117, 190, 65, .8);

	-moz-box-shadow: 0 0 10px 0 rgba(117, 190, 65, .8);

	box-shadow: 0 0 10px 0 rgba(117, 190, 65, .8);
	white-space: nowrap;
}



.shop_page_products>li>.price_nd_link .link a:hover {

	background-color: #5e9a34;
	color:white!important;

}



.shop_page_loading {

	display: block;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	z-index: 100;

	width: 100%;

	height: 100%;

	text-align: center;

	padding: 50px 0 90px;

	background-color: rgba(255, 255, 255, 0.5);

}



.shop_page_loading i {

	position: -webkit-sticky;

	position: sticky;

	top: 30%;

	font-size: 55px;

	color: #379fe8;

}



.shop_page_filter_back_button {

	display: inline-block;

	padding: 5px 10px;
	
	font-size: 15px;

	color: rgb(158, 158, 158);

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

}



.shop_page_filter_back_button::before {

	font-family: "Font Awesome 6 Free";

	font-weight: 900;

	content: "\f100";

	padding-right: 5px;

}
.shop_page_filter_back_button:hover {
	
	color: rgb(158, 158, 158)!important;

}



/* 
.shop_page_filter_back_button.active {

	visibility: visible;

} */



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

	.shop_page_products {

		display: -webkit-box;

		display: -moz-box;

		display: -ms-flexbox;

		display: -webkit-flex;

		display: flex;

		-webkit-align-items: stretch;

		align-items: stretch;

		flex-wrap: wrap; -webkit-flex-wrap: wrap;

		-webkit-justify-content: flex-start;

		justify-content: flex-start;

	}

	.shop_page_products>li {

		-webkit-box-flex: 1;

		-moz-box-flex: 1;

		-webkit-flex: 1;

		-ms-flex: 1;

		flex: 1;

		text-align: center;

		display: block;

		margin: 0.5%;

		position: relative;

		padding-bottom: 135px;

		min-width: 280px;

		max-width: 49%;

	}

	.shop_page_products>li>.image {

		min-width: 120px;

		max-width: 420px;

		margin: 0 auto;

		padding: 5px;

		border: 1px solid #d7d9d8;

	}

	.shop_page_products>li>.image>.sale {

		margin-left: 40%;

		margin-top: 6%;

	}

	.shop_page_products>li>.main .choice {

		display: block;

		margin: 5px auto 10px;

		max-width: 160px;

	}

	.shop_page_products>li>.image img {

		max-height: 300px;

	}

	.shop_page_products>li>.main {

		min-width: 180px;

		max-width: 100%;

		margin: 10px 0;

	}

	.shop_page_products>li>.coverage {

		max-width: 100%;

	}

	.shop_page_products>li>.by-use,

	.shop_page_products>li>.providers,

	.shop_page_products>li>.application {

		margin: 10px 0;

		max-width: 100%;

	}

	.shop_page_products>li>.price_nd_link {

		max-width: 100%;

		position: absolute;

		left: 5px;

		right: 5px;

		bottom: 10px;

	}

	.shop_page_products>li>.application .band {

		margin: 0 auto 10px;

		max-width: 110px;

	}

	.shop_page_products>li>.price_nd_link .link a {

		max-width: 100%;

	}

	.shop_page_products>li:last-of-type {

		margin-bottom: 5px !important;

	}

}



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

	.shop_page_filter>li>ul>li {

		min-width: 140px;

		max-width: 145px;

	}

	.shop_page_filter>li>h2 i {

		display: none;

	}

	.shop_page_products {

		padding: 5px 10px;

	}

	.shop_page_products>li {

		padding-bottom: 10px;

		min-width: 100%;

		max-width: 100%;

		margin: 5px 0;

	}

	.shop_page_products>li>.price_nd_link {

		margin-top: 20px;

		max-width: 100%;

		position: relative;

		left: 0;

		right: 0;

		bottom: 0;

	}

	.shop_page_filter>li>ul {

		max-width: 500px;

		margin: 0 auto;

	}

}