.height-120{
	height: 120px;
}
.product-box{
	box-shadow: 0px 0px 10px #0000002e;
}

.search-field .form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #D8001C2e;
	outline: 0;
	box-shadow: 0 0 0 2px #D8001C2e;
}

.product{
	border:1px solid #ececec;
	height: 240px;
}
.product:hover{
	box-shadow: 0px 0px 10px #0000002e;
	border: 1px solid #FFF;
}
.product-title{
	color: #585858;
	font-size: 14px;
	font-weight: bold;
	height:40px;
}
.product-quantity{
	color: #585858;
	font-size: 15px;
}
.add-cart{
	color: #D8001C;
	border:1px solid #D8001C;
	border-radius: 20px;
	font-size: 11px;
	padding: 5px;
}
.add-cart:hover{
	background-color:#D8001C; 
	color: #FFF;
}
.total-items{
	color: #D8001C;
	font-weight: bold;
}

.checkout i{
	display: none;
}
.checkout:hover i{
	display: inline-flex;
}
.desktop-hide{
	display: none;
}
@media (max-width: 991px){
	.text-right{
		text-align: left !important;
	}
	.mtmin32{
		margin-top: 0px !important;
	}
	.product{
		border: none;
		border-bottom: 1px solid #b1a9a9;
		height: auto;
	}
	.product:hover{
		border: none;
		border-bottom: 1px solid #b1a9a9;
	}
	.product-title{
		height: auto;
	}
	.desktop-hide{
		display: block;
	}
	.mobile-right{
		text-align: right !important;
	}
}


sup {
	top: -.3em;
}

.check-out-btn, .check-out-btn:hover{
	color: #D8001C;
	border:1px solid #FFF;
	background-color: #FFF;
	border-radius: 4px;
	z-index: 2;
}


.checkout-btn{
	color: #D8001C;
	border:1px solid #FFF;
	background-color: #FFF;
	border-radius: 20px;
	z-index: 2;
}
.checkout-btn:hover{
	color: #D8001C;
}

.btn-filter{
	background-color: #FFF;
	border-radius: 50%;
	padding:10px 15px;
}
.mtmin32{
	margin-top: -32px;
}

.filter-dropdown{
	left: 0px !important;
	top: 10px !important;
	box-shadow: 0px 0px 14px #00000029;
	border:none;
	width: 100%;
	transform: translate3d(0px,60px, 0px) !important;
	max-height: 500px;
	overflow-y: scroll;
	padding: 0px;
}
#filt-drp .sticky-top{
	top:445px !important;
}
.mobile-filter-dropdown{
	border:none;
	width: 100%;
	max-height: 400px;
	overflow: scroll;
}
.dropdown-menu-arrow {
	top: -25px;
	left: 11%;
	width: 0;
	height: 0;
	position: relative;
}
.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-width: 25px 20px;
	border-style: solid;
	border-color: transparent;
	z-index: 1001;
}
.dropdown-menu-arrow:after {
	bottom: -18px;
	right: -8px;
	border-bottom-color: #fff;
}
.dropdown-menu-arrow:before {
	bottom: -17px;
	right: -8px;
	border-bottom-color: rgba(0,0,0,.15);
}
.hr-filter{
	border: 1px solid #a2a2a2;
}

.filter-keywords{
	border-radius: 3px;
	color:#a2a2a2;
	font-size: 12px;
	box-shadow: 0px 0px 6px #00000029;
}
.filter-keywords:hover{
	border:1px solid #656262;
	border-radius: 3px;
	color:#FFF;
	font-size: 12px;
}
.added-cart{
	color: #00D85C;
	border:1px solid #00D85C;
	border-radius: 20px;
	font-size: 11px;
	padding: 5px;
}
.added-cart:hover{
	background-color:#00D85C; 
	color: #FFF;
}



.modal-header{
	padding: 0.3rem 1rem;
	border-bottom: none;
}
.discount{
	border-radius: 50%;
	padding: 5px 7px;
	background-color: #D8001C;
	width: 50px;
	font-size: 12px;
	color: #FFF;
}
.like-product{
	color: #D8001C;
	font-size: 30px !important;
}
.like-product:hover{
	color: #D8001C;
	font-size: 30px !important;
}

.share-product{
	color: #00000038;
	font-size: 30px !important;
}
.share-product:hover{
	color: #D8001C;
	font-size: 30px !important;
}
.qty-option option{
	color: #D8001C;
}
.qty-option {
	color: #D8001C;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	padding-left: 50px;
	height: 45px;
	border: none;
	box-shadow: 0px 0px 6px #00000038;
	cursor: pointer;
}
.qty-option + i.fa {
	float: right;
	margin-top: -33px;
	margin-right: 2px;
	pointer-events: none;
	background-color: #fff;
	padding-right: 5px;
	color: #DFDFDF;
}
.qty-count{
	border: none;
	box-shadow: 0px 0px 6px #00000038;
	height: 45px;
	color: #D8001C;
	width: 70%;
}
.lg-add-cart{
	color: #D8001C;
	border: 1px solid #D8001C;
}
.lg-add-cart:hover{
	background-color: #D8001C;
	border: 1px solid #D8001C;
	color: #FFF;
}
@media (max-width: 991px){
	.mobile-flex{
		display: flex;
		flex-wrap: wrap;
	}
	.green-add-cart{
		background-color: #00D85C;
		color: #FFF;
		width: 100%;
		font-size: 20px;
		font-weight: bold;
	}
	.orange-add-cart{
		background-color: #ff7600;
		color: #FFF;
		width: 100%;
		font-size: 20px;
		font-weight: bold;
	}
	.mtmin23{
		margin-top: -23px;
	}
	.height-120{
		height: 80px;
	}
	.mobilehp.pl-3{
		padding-left: 3px !important;
	}
	.mobilehp.pl-4{
		padding-left: 12px !important;
	}
	.desktop-padding.my-3{
		margin-top: 5px!important;
		margin-bottom: 5px!important;
	}
	.check-out-btn, .check-out-btn:hover{
		color: #D8001C;
		border:1px solid #FFF;
		background-color: #FFF;
		border-radius: 4px;
		z-index: 2;
		margin-top: 5px;
	}
	.filter-dropdown{		
		max-height: 500px;
	}
}
.mob-filter{
	border: 1px solid #D8001C;
	color: #D8001C;
	padding: 4px 8px;
}

.btn-done{
	border: 1px solid #D8001C;
	color: #D8001C;
}
.btn-done:hover{
	border: 1px solid #D8001C;
	background-color: #D8001C;
	color: #FFF;
}
.green-add-cart{
	background-color: #479e3f;
	color: #FFF;
}
.green-add-cart:hover{
	background-color: #479e3f;
	color: #FFF;
}
.orange-add-cart{
	background-color: #ff7600;
	color: #FFF;
}
.orange-add-cart:hover{
	background-color: #ff7600;
	color: #FFF;
}

.carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #ccc;
	/*background-color: #D8001C;*/
}
.overlay {
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 1050;
	top: 0;
	left: 0;
	background-color: #d4d4d4e6;
}

.overlay-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.red-btn{
	border: 1px solid #D8001C;
	color: #D8001C;
	padding: 4px 8px;
	border-radius: 4px;
}
.red-btn:hover{
	border: 1px solid #D8001C;
	color: #FFF;
	background-color: #D8001C;
	padding: 4px 8px;
	border-radius: 4px;
}
.zindex{
	z-index: 2;
}
.cursor{
	cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}


.qty-label {
	position:absolute;
	z-index:1;
	height:40px;
	line-height:40px;
	pointer-events:none;
	text-indent:10px;
	font-weight:bold;
	font-size:15px;
	padding-top: 3px;
}


.filter-button label input {
	position:absolute;
	display: none;
	cursor: pointer;
}

.filter-button input:checked + span {
	border-radius: 3px;
	color:#FFF;
	font-size: 14px;
	border:1px solid #656262;
}
.btn-outline-secondary{
	border-color: #d1d4d6;
}

.bg-green.btn-outline-secondary,.bg-green.btn-outline-secondary:hover{
	background-color: #00D85C;
	border-radius: 2px;
	color: #fff;
	border-color: #00D85C;
}
.bg-red.btn-outline-secondary,.bg-red.btn-outline-secondary:hover{
	/* background-color: #D8001C; */
	color: #fff;
	border-radius: 2px;
	/* border-color: #D8001C; */
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle{
	color: #fff;
	background-color: transparent;
	border-color: #d1d4d6;

}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
	box-shadow: none;
}
.h45{
	height: 45px;
}
.w150{
	width: 150px;
}
.mobpad-0{
	padding: 0px 10px;
}
.liking{
	color: #D8001C;
}

.hr{
	border:1px solid;
}

.my-order{
	box-shadow: 0px 0px 10px #0000002e;
	/* border-left: 5px solid #D8001C; */
	border-radius: 5px;
}

.filter-dropdown .custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #d93d2b;
	background-color: #d93d2b;
}
.mobile-filter-dropdown .custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #d93d2b;
	background-color: #d93d2b;
}

.slidecontainer {
	width: 100%;
}

.slider {
	-webkit-appearance: none;
	width: 100%;
	height: 15px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

.slider:hover {
	opacity: 1;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #4CAF50;
	cursor: pointer;
}

.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #4CAF50;
	cursor: pointer;
}


/*26-06-2020*/

.btn-newfilter{
	background-color: #FFF;
	border-color: #f9f9f9;
}

.slidecontainer .mr-5{
	margin-right: 5px !important;
}

.done-right{
	text-align: right!important;
}

.mt-30{
	margin-top: -30px;
}
input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;
}