@font-face{

	font-family: fastorder;
	src : url('/api/public/font/AvenirLTStd-Roman.otf');
}

*{font-family: fastorder}

body{font-family: fastorder!important;}
.modal {
    z-index: 2!important;}



		/*User icon clicking*/
		.modal.left .modal-dialog,
		.modal.right .modal-dialog{
		    -webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		    -o-transform: translate3d(0%, 0, 0);
		    transform: translate3d(0%, 0, 0);
		}

		/* Left & Right */

		.modal.left .modal-dialog,
		.modal.right .modal-dialog {
		    position: fixed;
		    margin: auto;
		    width: 500px;
		    max-width: 100%;
		    height: 100%;
		}

		.modal.left .modal-content,
		.modal.right .modal-content {
		    height: 100%;
		    overflow-y: auto;
		}

		.modal.left .modal-body,
		.modal.right .modal-body {
		    padding: 15px 15px 80px;
		}

		.modal.left.fade .modal-dialog {
		    left: -500px;
		    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		    transition: opacity 0.3s linear, left 0.3s ease-out;
		}

		.modal.left.fade.show .modal-dialog {
		    left: 0;
		}

		.modal.right.fade .modal-dialog {
		    right: -500px;
		    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		    transition: opacity 0.3s linear, right 0.3s ease-out;
		}

		.modal.right.fade.show .modal-dialog {
		    right: 0;
		}

		.modal.left .modal-content,
		.modal.right .modal-content,
		.modal.top .modal-content {
		    border-radius: 0;
		    border: none;
		}

		.modal.left .modal-dialog.modal-sm,
		.modal.right .modal-dialog.modal-sm {
		    width: 300px;
		}

		.modal.left .modal-dialog.modal-lg,
		.modal.right .modal-dialog.modal-lg {
		    width: 800px;
		}

		.modal.left .modal-dialog.modal-xl,
		.modal.right .modal-dialog.modal-xl {
		    width: 1140px;
		}

		#left_modal .nab-header {
		    width: 100%;
		    padding: 0px 0rem 0px 0rem;
		}

		#left_modal{padding-top: 0px!important}
#my_market_mobile_menu, #my_market_computer_menu{    display: contents;}
.login-icon:hover .user-sub{display: none!important;}
.listotheraccount li span .option{display: none;}
.listotheraccount li span.three .option{display: block!important;}

#carouselExampleIndicators .carousel-indicators{z-index: 0!important;}
/*user icon after login*/
#otheraccount{    padding: 0px;}
#otheraccount:hover{background: transparent!important}
.user-sub{padding: 0px}
.user-sub li{    color: #686868;}
.user-sub li a{color: #686868 !important}
.top-right-side .login-icon.active .user-sub{display: none;}
.listotheraccount{    display: flex;
					  padding: 0px!important;}
.listotheraccount img{    margin-right: .5rem;    width: 20px!important;
						  height: 20px;
						  border-radius: 50%;}
.listotheraccount .media-body p{margin-bottom: 0px!important}
.listotheraccount ul{list-style: none;padding: 0px;margin: 0px;width: 100%!important;}
#otheraccount-remove{position: absolute;}
#otheraccount-remove .card-body{    padding: 0px!important;}
#otheraccount-remove .card-body ul li{    padding: 5px 20px!important;}
.listotheraccount ul li{padding: 10px 30px!important;}
.otheraccount-image .fa-users{    color: #22a7de;margin-right: 1rem}
.user-sub .change{    background-color: #f3f5f7;}
.otheraccount-image .right-arowimg{transform: translate(-50%, -50%) rotate(180deg)!important;
								   transition: .3s ease;
								   position: absolute;
								   top: 50%;
								   right: 55%;
								   width: 25px!important;}
.list-profile li i{color: #22A7DE}
.collapsed .right-arowimg{transform: translate(-50%, -50%) rotate(0deg)!important;}
.otheraccount-image {position: relative;}

#deleteother-ac .modal-footer{    justify-content: space-between!important;}
#deleteother-ac .modal-header .close {
	padding: 0px;
	margin: 0px;
}

#deleteother-ac .media-body .modal-title{text-align: center;}
#deleteother-ac  .modal-body h5 {font-size: 14px;
								 text-align: center;}
#deleteother-ac .modal-footer .btn-secondary{background: transparent!important;
											 color: #007bff!important;
											 border: 1px solid #007bff!important;}
#deleteother-ac .modal-footer .btn-primary{background: #FF0000!important;}
#deleteother-ac .modal-footer .btn-primary:focus{outline: none!important}

#deleteother-ac .modal-body{    padding: 30px 0px; }

/*user icon after login Close*/



header{background-color: #fff!important;position: relative;}
.sitelogo img {
	width: 100%;
}
.spacer2020{height: 40px}
#Search #myInput {
	transition: .3s ease;
}
#Search input {
	border-radius: 4px;
}
#Search input {
	padding: 0px 50px;
}
#search {
	position: absolute;
	width: 24px;
	height: 24px;
	left: 12.49px;
	top: 10px;
	overflow: visible;
}
#Filter {
	position: absolute;
	width: 18.835px;
	height: 12.556px;
	left: 95%!important;
	top: 1em!important;
	cursor: pointer;
}
.user-sub {
	overflow: visible;
	list-style: none;
	border: 1px solid #f8f8f8;
	position: absolute;
	top: 42px;
	/* right: 36px; */
	z-index: 99999999;
	box-shadow: 2px 5px 17px -4px #aeaeae;
	background-color: #fff;
	width: 250px;
	border-radius: 10px;
	transition: 1s;
}
.border-edge-arrow {
	margin-top: -17px;
	float: left;
	margin-right: 0px;
	font-size: 25px;
	color: #fff;
}
.user-sub li {
	width: 100%;
	padding: 10px 20px;
	border-bottom: 0.5px solid #ebf0f3;
}
.user:hover .user-sub{padding: 0px;
					  display: flex;
					  justify-content: start;
					  flex-direction: column;
					  align-items: start;}
#bellicon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	top: 8px;
	position: relative;
}
#cd-cart-trigger {
	right: 0;
}
.cart-counting {
	font-family: fastorder;
	transform: translate(-35%, -50%);
	top: 20%;
	left: 50%!important;
	color: #22A7DE;
}
a {
	color: #686868 !important;
	text-decoration: none !important;
}

#Search {
	position: relative!important;
	width: 100%!important;
	height: 42px;
	left: 0px!important;
	top: 0px!important;
	overflow: visible;
	padding-left: 0px!important;
	padding-top: 0px!important;
	border:none!important;
	box-shadow: none!important;
}
.sitelogo img{width: 100%}
#Search input{    width: 100%;
				  height: 100%;
				  border: 1px solid lightgrey;}
.top-right-side{margin: auto;}
.top-right-side .col-md-4{margin: auto;}
.top-right-side .user{margin: 0px;padding:0px;list-style: none;}
.top-right-side-row{margin: auto;}
#cart,#bellicon{width: 24px;
				height: 24px;
				display: flex;
				position: relative;
				justify-content: center;
				align-items: baseline;}
.user{display: flex;
	  position: relative;
	  justify-content: center;
	  align-items: baseline;cursor: pointer;transition: 0.5s ease}
#Logo_rm {
	position: relative;
	width: 182px;
	height: 39px;
	left: 0px!important;}
.list-menu ul{margin: 0px;padding: 0px;list-style: none;}
.list-menu ul li{float: left;    padding: 1em 0.5rem;}
.list-menu{    display: flex;
			   position: relative;
			   justify-content: center;
			   align-items: center;}
header{padding:30px 0px 0px;box-shadow: 0px 1px 6px 0px #00000036;    position: relative;
	   z-index: 1;}
#Search input{padding: 0px 50px}

.slider-Home .carousel-indicators li {width: 82px}
.slider-Home .carousel-indicators{top: 100%}
.section-heading h1{white-space: nowrap;
					text-align: left;
					font-family: fastorder;
					font-style: normal;
					font-weight: normal;
					font-size: 28px;
					color: rgba(104,104,104,1);padding: 50px 0px 5px;cursor: pointer;}
.Sections{background-color: #f2f2f2}
.Trazado_71_da {
	overflow: visible;
	position: relative;
	width: 10.957px;
	height: 17.745px;
	left: 130%;
	top: -36px;
	float: left;
	transform: matrix(1,0,0,1,0,0);
	transition: 0.5s ease;
	cursor: pointer;
}
.section-heading:hover .Trazado_71_da{left: 120%}
.user-sub{          overflow: visible;
					list-style: none;
					border: 1px solid #f8f8f8;
					position: absolute;
					top: 35px;
					/* right: 36px; */
					z-index: 99999999;
					box-shadow: 2px 5px 17px -4px #aeaeae;
					background-color: #fff;
					width: 250px;
					border-radius: 10px;
					transition: 1s;
}
.user-sub li:hover {
	background-color: #f3f5f7;
}
.user-sub li {
	width: 100%;
	padding: 10px 20px;
	border-bottom: 0.5px solid #ebf0f3;
}
.user-sub{display: none;}
.top-right-side-row .col-md-4:hover .user-sub{display: block;transition: 1s}
.user-sub li a span{padding-left: 10px}
.butt{    border-top: 1px solid #d1d1d1;
		  padding: 10px;
}
.user-sub li a i{width: 34px;
				 text-align: center;
				 font-size: 21px;}
.header-menu{background-color: #fff}
.container {
	max-width: 1290px!important;
}
.top-right-side {
	padding-left: 2rem!important;
}
.top-right-side {
	margin: auto;
}
.top-right-side-row {
	margin: auto;
}
.top-right-side .user {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.user {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: baseline;
	cursor: pointer;
	transition: 0.5s ease;
}
.user li img {
	border-radius: 50%;
	box-shadow: 0px 0px 3px 0px #464040bf;
}
.list-menu {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
}
.list-menu ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 1rem;
	overflow: hidden;
}
.list-menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.list-menu ul li:hover , .list-menu ul .active {
	border-bottom: 4px solid #22A7DE;
	    padding-bottom: 0px!important;
}
.list-menu ul .active a{color: #22A7DE!important}
#Search #myInput:focus {
	outline: none;
	font-size: .9em;
}
.list-menu ul li {
	transition: 0.2s;
	cursor: pointer;
}
@media only screen and (min-width: 1200px){
	.list-menu ul li {
		padding: 1rem 1em 0px;
		height: 2.8rem!important;
		float: left;
	}
}
@media only screen and (min-width: 768px){
	#RadeemModal .modal-dialog{top: 0px!important;transform: translate(-10%, 0px)!important;}
	.mobile-menue-section {
		display: none;
	}
	.mobilelogo{display: none}
	.list-menu ul {
		padding-bottom: 1rem;
		overflow: hidden;
	}

}

@media only screen and (max-width: 768px){
	/*member ship card corrction popup*/

	/*member ship card corrction popup close*/
	/*footer bottom*/

	.footer-bottom .col-md-3{padding: 0px!important}
	.top-right-side {
		width: 100%!important;
	}
	.top-right-side .top-right-side-row {
		width: 96%!important;
	}
	.top-right-side-row {
		position: absolute;
		top: -90px;
	}
	#bellicon {
		display: none!important;
	}
	.cart-icon-parent {
		position: absolute!important;
		left: 0px!important;
		top: 0px;
	}
	.cart-counting {
		position: absolute;
		right: 10%;
		top: -10%!important;
		font-size: 14px;
		left: 50%!important;
		transform: translate(-30%, 0%)!important;
	}
	.cart-counting span {
		font-weight: 600;
		color: #53bae5;
		font-size: .7em;
	}
	.mobile-menue-section {
		background-color: #fff;
		padding: 0px 10px!important;
	}
	.computer-veiw {
		display: none!important;
	}
	.Mobile-menue ul li {
		padding: 0.5rem!important;
	}
	header {
		padding: 10px;
	}
	.user-sub {
		top: 50px;
	}
	.border-edge-arrow{
		margin-right: 90%;}
	#cd-cart-trigger a {
		height: 45px!important;
	}
	.user {
		width: 100%;
		left: -50%;
		position: absolute!important;
		transform: translate(0%, 0%);
		z-index: 2;
	}
	#Filter {
		left: 90%!important;
	}
	.mobilelogo {
		display: block;
	}
	header {

		padding: 10px 0px 0px;
	}
	header .container{padding: 0px!important}
	header .container .row{    padding: 0px 1px!important;
							   margin: 0px auto;
							   justify-content: center;}
	#Search{
		height: 30px!important;}
	#search {
		position: absolute;
		width: 24px;
		height: 24px;
		left: 12.49px;
		top: .2em;
		overflow: visible;
	}
	#Filter{    top: .5em!important;}
	.sitelogo {
		text-align: center;
		padding-bottom: 15px;
	}
	.mobilelogo img {
		width: 8%!important;
	}
	.desktop-logo {
		display: none;
	}
	header .col-md-7 {
		padding: 0px 15px;
	}
}


footer{background: #fff}
.footer-bottom {
	padding: 0px 0px;

}
.follow-us{margin: auto;}
.custim-2-icon ul li a{color: #38b0e1 !important;}
.custim-2-icon ul li{width: 30px;
					 height: 30px;
					 text-align: center;
					 background: #fff;
					 border-radius: 50%;
					 margin: 0px 5px;
					 line-height: 30px;}
.custim-2-icon ul{padding: 0px;
				  margin: 0px;
				  list-style: none;
				  display: flex;
				  align-items: center;
				  justify-content: flex-end;
				  height: 100%;}


.follow-us .social-icon{float: right;}
.follow-us .social-icon ul li a{color: #fff!important}
.cpyright{background: #22A7DE;}
.cpyright .right-bbo{    font-size: 13px;
						 padding: 15px 0px;    text-align: left!important;
						 color: #fff;}
.About-bb{text-align: center;}
.About-bb ul{list-style: none;padding: 0px;margin: 0px}
.About-bb ul li{    display: inline-block;
					padding: 10px 10px 10px 11px;}
.footer-col12{text-align: center;
			  margin: 1rem 0px;}
.social-icon ul{list-style: none;padding: 0px;margin: 0px}
.social-icon ul li{    display: inline-block;
					   padding: 10px 10px 10px 11px;}

.download-ss h5{text-align: center;
				margin-bottom: 1.5rem}
.Download-link img{    width: 160px;
					   height: 100%;cursor: pointer; }
.paly-storeii{    display: flex;
				  width: 30%;
				  max-width: 30%;
				  margin: auto;}

.sdd{    margin: 30px 0px;}
.paly-storeii{    display: flex;
				  justify-content: center;    margin-bottom: 2rem;}
.paly-storeii{}
/*
footer{background: #fff}
.footer-bottom {
	padding: 40px 0px;

}
.footer-bottom h4 {
	font-size: 20px!important;
}
.footer-bottom .col-md-3 ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.footer-bottom .col-md-3 ul li {
	padding: 12px 0px;
}
.footer-bottom h4, .footer-bottom h5 {
	font-weight: bolder;
}
.social-icon {
	padding: 20px 0px;
}
.footer-col4 .social-icon ul {
	width: 100%;
	overflow: hidden;display: flex;
	justify-content: start;
	align-items: center;
}
.footer-col4 .social-icon ul li {
	transition: 0.5s ease;
	cursor: pointer;
	float: left;
	padding: 5px!important;
	text-align: center;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	background-color: #38B0E1;
	margin-right: 10px;
}
.footer-col4 .social-icon ul li a{color: #fff!important;font-size: 1.5rem;}
.Download-link {
	padding: 10px 0px;
}
.Download-link img {
	width: 60%;
}
.cpyright {
	background: #22A7DE0F;
	padding: 10px 0px;
}
.cpyright span {
	color: #686868;
}
*/



#Search #myInput{transition: .3s ease}
#Search #myInput:focus{outline: none;font-size: .9em;}

.login-icon-r{box-shadow: none!important}
#language-select{
	width: 100%;
	position: absolute;
	right: 1pc;
	top: 3rem;
	z-index: 9;
	padding: 0px 0px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0px 0px 9px -10px;
}
.language-search:focus{outline: none}
.language-search{    border: 1px solid lightgray;
					 border-radius: 5px;
					 transition: .5s ease;
					 padding: 5px 10px;
					 text-align: center;
}
#language-select .card-body{height: auto!important;}
.language-list li{cursor: pointer;float: left;
				  width: 50%;
				  text-align: center;
				  height: 3rem;
				  line-height: inherit;transition: .5s ease}
.language-list li:hover{background: lightgrey}
.language-list{    margin-top: 1rem;
				   border-top: 1px solid #ebebeb;}

.language-select input{border: 1px solid lightgrey}
.login-icon{cursor: pointer;transition: .4s ease}
.login-icon:hover .user-sub0menu{display: flex!important;
								 justify-content: start;
								 align-items: start;
								 flex-direction: column;}
.login-icon:hover .user-sub0menu .caret-uo-icon{width: auto!important;}
.login-icon:hover .user-sub0menu li {width: 100%}

.user-sub0menu li button{cursor: pointer;}
.rightside-icon-list{cursor: pointer;}
.user-sub0menu li button:focus{outline: none}
.login-icon:hover .user-sub0menu{display: block;}
.top-right-side .rightside-icon-list {
	display: flex;
	justify-content: space-between;align-items: center;
}
.caret-uo-icon{ margin-top: -21%;
				font-size: 2rem;
				color: #fff;}
.user-sub0menu{overflow: visible!important;}
.login-icon .user-image-top-header{
	width: 35px;
	height: 35px;border: 1px solid lightgrey;
	border-radius: 50%;
}


.language-icon{
	border-right: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
}
.language-icon .collapsed .downarrow-language .fa-angle-down{transform: rotate(180deg);}
.language-icon a:focus{outline: none}
.language-icon a{     padding: 0px 10px;}
.downarrow-language{padding-left: .5rem;}
#cd-cart-trigger {
	right: 0;
	top: 0rem!important;
}
.language-select-one{
	padding: 0px!important;
	border-radius: 50%!important;
	font-size: 10px!important;
	line-height: 30px!important;
	width: 30px;
	height: 30px;
	background: transparent!important;
	border: 2px solid grey!important;
	color: grey!important;
}
.rightside-icon-list{margin-bottom: 0px!important}
.member-s-fillter .modal-body .category-fillters{list-style: none;padding: 0px}
.pal-ced .modal-body .category-fillters{list-style: none;padding: 0px}
.Friends-list-friends .sear-list-address li label img{height: 60px;width: 60px;border-radius: 50%;box-shadow: 0px 0px 4px -1px #0009;}
.categorey-modal-lg .modal-body .category-fillters{padding: 0px;margin: 0px;list-style: none;}
button:focus{outline: none!important}
#Card-fillter-inner .modal-body .sear-icon-address{border: none}
#Card-fillter-inner .modal-body .cards-list-00 ul{list-style: none;padding: 0px;list-style: none;}
.store-s-fillter .modal-body .category-fillters{padding: 0px;margin: 0px;list-style: none}
.Apply-button-fillter{border: none!important}
.Prefrences-s-fillter .modal-body .category-fillters{padding: 0px;margin: 0px;list-style: none}
@media only screen and (min-width: 768px){
	.footer-top{display: none}

	.Prefrences-s-fillter .modal-dialog,.store-s-fillter .modal-dialog,.categorey-modal-lg .modal-dialog,.member-s-fillter .modal-dialog,#fillter-location .modal-dialog ,#exampleModal-friends .modal-dialog, #exampleModal-map .modal-dialog, .range-modal-lg .modal-dialog,.pal-ced .modal-dialog{    max-width: 500px!important;}


	.top-right-side{
		padding-left: .5rem!important;
		padding-right: .5rem!important;}
}


@media only screen and (max-width: 768px){
	.footer-top ul{
		list-style: none;
		padding: 0px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0px;
		position: fixed;
		    z-index: 2;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		overflow: hidden;
		background: white;
		padding: 0px;
		box-sizing: border-box;
		box-shadow: 0px 0px 12px -6px #0000008a;
	}
	.footer-top{display: none;}
	.klk{    display: block!important;
			 transition: 1s ease-out;
	}

	.footer-top ul  {     animation: .8s ease-in-out bottom-test;}
	.footer-top ul li{text-align: center;
					  position: relative;
					  width: 100%;
					  padding: 1rem 0px .5em;
					  background: white;font-size: 14px;}
	.footer-top ul li .fa{font-size: 20px!important}
	.caret-uo-icon {
		margin-top: -21%;
		font-size: 2rem;
		color: #fff;
		position: absolute;
		z-index: 3;
		left: 0%;
	}
	.login-icon:hover .user-sub0menu {
		right: 50%;
		transform: translateX(0%);
	}
	.top-right-side{    position: absolute!important;
						padding: 0px!important;
						top: 14%;}
	.Mobile-menue ul li a {
		font-size: 14px!important;
	}
	.footer-top ul .active ,.footer-top ul .active a{color: rgba(34,167,222,1)!important;}
	.chat-icon-s,.bell-icon-s{display: none}
	.language-icon{display: none!important;
				   position: absolute;
				   right: 2rem;}
	#language-select{right: 0px;
					 top: 2.5rem;    padding: 0px 0px;

					 ;
					 width: 14rem;}

	.sitelogo {
		text-align: center;
		padding-bottom: 10px!important;
	}

	.user-sub0menu{    left: 0em;}
	#cd-cart-trigger {
		right: 0rem;
		top: 0!important;
	}
	.list-menu{    left: 0rem!important;padding: 0px 10px;}
	.mobile-menue-section{    padding: 0px 0px!important;}
	.top-right-side{padding: 0px;
					width: 95%!important;}
	.cart-counting{    transform: translate(-50%, -4px)!important;
					   position: absolute;
					   right: 0%;
					   top: 0%!important;}

}

.Fill_3_ri{    position: absolute;
			   top: 0px;}

.rightside-icon-list,.user-sub0menu{list-style: none;margin: 0px; padding: 0px 5px;}
.user-sub0menu {
	display: none;
	overflow: auto;
	z-index: 1;
	background: #fff;
	top: 2.2rem;
	margin: 0px;
	padding: 20px 0px;
	text-align: center;
	position: absolute;
	width: 14em;
	filter: drop-shadow( 0px 1px 5px #00000029);
	border-radius: 0.2em;
}
.consumer-login-btn button {
	background: #22A7DE;
	color: #fff;
	width: 80%;
	height: 2.5em;
	border-radius: 5px;
	margin-top: 1.2em;
	border: none;
}

.consumer-sign-up-btn button {
	border: 1px solid #22a7de!important;
	background: transparent!important;
	color: #22a7de!important;
	width: 80%;
	height: 2.5em;
	border-radius: 5px;
	margin-top: 1.2em;
}
.language-list{padding: 0px;margin: 0px; list-style: none;}

.cart-icon {
	height: 34px!important;
	width: 34px!important;
	line-height: 24px;position: relative;
}
#cd-cart-trigger {
	right: 0;
	top: 0rem!important;
}

#cd-cart-trigger img{    width: 100%;}
.cart-counting {
	transform: translate(-35%, -50%);
	top: 20%;
	left: 50%!important;
}

@media only screen and (min-width: 992px){
	.cart-counting {
		position: absolute;}
}


.cart-icon-parent{padding: 0px!important}
.user-sub li a img{    width: 34px;
					   height: 34px;
					   border-radius: 50%;
					   box-shadow: 0px 0px 3px 0px #7c7c7c;}
.user-sub li:last-child{border-bottom: 0px!important}


.bg-grey{background-color: #F2F2F2!important}
.bg-white{background-color: #fff!important}
.bread-crumb .breadcrumb{background: transparent!important;margin-bottom: 0px!important;
						 font-size: 1em;}
.bread-crumb ol{margin-bottom: 0px!important;    padding: 1rem 0px;}
.bread-crumb .container{padding: 0px!important}
.margin-tb{    margin: 1rem 0px;}

.Trazado_1 {
	overflow: visible;
	position: absolute;
	width: 17.281px;
	height: 17.281px;
	left: 3.097px;
	top: 3.096px;
	transform: matrix(1,0,0,1,0,0);
}
#Trazado_1 {
	fill: rgb(104 104 104);
}

#Fill_3_ri{fill: rgb(104 104 104);}


/*Header popup css */

.fillter-modal-lg{overflow: hidden!important;}

.fillter-modal-lg .modal-body {    height:auto;
								   overflow-y: auto;    padding: 0rem 1rem 0px!important  ;}

.fillter-modal-lg .modal-dialog{    display: flex;
									justify-content: center;
									align-items: center;
									height: 100vh;    max-width: 500px;margin: auto auto;}
.fillter-modal-lg .modal-body .list-fillter {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.fillter-modal-lg .list-fillter li {
	border-bottom: 1px solid lightgrey;
	padding: 10px 0px;
}
.fillter-modal-lg .list-fillter li a{width: 100%;text-align: left;padding: 0px!important}
.modal-open{overflow-y: hidden!important;padding-right: 0px!important}
.cards-list-00 ul li .col-md-12{padding: 0px!important}
.fillter-modal-lg .list-fillter li .col-md-12{padding: 0px!important}
.fillter-modal-lg .modal-body .list-fillter h4 {
	margin-bottom: 0px;
	font-size: 1.1em;
}
.location-text-2 {
	font-size: 0.8em;
	color: grey;
}
.fillter-modal-lg .modal-footer {
	position: relative;
}
.reset-button-fillter, .Apply-button-fillter {
	padding: 7px;
	border-radius: 5px;
	cursor: pointer;
}
.reset-button-fillter {
	width: 100%;
	background-color: transparent!important;
	border: 1px solid #007bff!important;
	color: #007bff!important;
}
.Apply-button-fillter {
	width: 100%;
	background-color: #007bff!important;
	text-align: center;
	color: #fff;
}
.fillter-modal-lg{overflow: hidden!important;}

.Friends-list-friends{    height: 100%;
						  overflow-y: auto;}
.Addrss-list{height: 96%;
			 overflow-y: auto;}

.map-main-boady{ height: 40vh;}

#exampleModal-map .map0add0s{padding: 0px!important}
#exampleModal-map .modal-footer .col-md-12{padding: 0px!important}
#exampleModal-map .loate-view-m{padding: 0px 2em!important;}
#exampleModal-map .modal-body form{margin-bottom: 10px;}

.Friends-list-friends .sear-list-address li .media .media-left{
	width: 15%
}
.fillter-modal-lg .list-fillter li:last-child{border-bottom: 0px!important}


list-group-item {
	user-select: none;
}

.list-group input[type="checkbox"] {
	display: none;
}

.list-group input[type="checkbox"] + .list-group-item {
	cursor: pointer;
}


input[type="checkbox"]:checked + label {
	opacity: 1!important;
}
#exampleModal-friends .sear-list-address .active label{    background: transparent;}
.Friends-list-friends ul li input[type="checkbox"] + label {
	display: inline-block;
	width: 100%!important;
	height: auto!important;
	vertical-align: middle;
	border: none!important;
}

.Friends-list-friends .sear-list-address li {padding: 0px 30px!important;}

.Friends-list-friends .sear-list-address li .list-group-item{padding: 10px 0px;
}
.Friends-list-friends .sear-list-address li .media{    padding: 10px 0px;
    border-bottom: 1px solid #f2f2f2;}
.Friends-list-friends{padding: 0px 0px!important}

.footer-padding-issue{padding: 1rem!important}
#exampleModal-map{overflow: hidden;}
.cards-list-00{height: 50vh;overflow-y: auto;  }

.category-fillters{margin: 0px!important}

#Filter {
	position: absolute;
	width: 18.835px;
	height: 12.556px;
	left: 95%;
	top: 1em;
}

#Filter-final{    position: absolute;
				  top: 1em;
				  right: 2em;}
.modal-content {
	padding-top: 0px!important;
	height: auto;
	overflow-y: auto;
}
#fillter-location{padding-top: 0px!important;    backdrop-filter: blur(1px);}

.fillter-modal-lg{padding-top: 0px!important}
.fillter-modal-lg .modal-header #title-2{position: relative;
										 left: 50%;
										 transform: translate(-50%,50%);}
.fillter-modal-lg .modal-header .close{    margin: 0px;
										   font-size: 1.8rem;color: #007bff;position: relative;z-index: 2}
.fillter-modal-lg .modal-body .list-fillter{list-style: none;padding: 0px;margin: 0px}
.fillter-modal-lg .modal-body .list-fillter a{text-decoration: none;color: #000}
.fillter-modal-lg .modal-body .list-fillter h4{margin-bottom: 0px;font-size: 1.1em}
.location-text-2{font-size: 0.8em;color: grey}
.reset-button-fillter{width: 100%;background-color: transparent!important;border: 1px solid #007bff!important;color: #007bff!important}
.Apply-button-fillter{width: 100%;background-color:#007bff!important;text-align: center;color: #fff}
.fillter-location-modal-lg{margin: 0px;
						   padding: 0px;}
.fillter-location-modal-lg .modal-body{    padding: 50px 10px;}
.fillter-location-modal-lg .modal-dialog{margin: 0px;
										 width: 100%;}
.location-headign-test{position: absolute!important;left: 0px}
.a-f-m-list{border-radius:20px;list-style:none;margin: 20px 0px; padding:0px;background-color: #ebebeb;
}

.a-f-m-list li{cursor: pointer;border-bottom: 1px solid #bcbcbc;padding: 10px 0px}
.a-f-m-list li .media{
	padding: 0px 20px;
}
.a-f-m-list li .media h4{font-size: 1em}
.border-bottom-none{border-bottom: none!important}
#exampleModal-address{padding-top: 0px!important}
#exampleModal-address .sear-icon-address{   position: absolute;
											left: 10px;
											top: 7px;}
#exampleModal-address .sear-icon-ass{padding-left: 10%;background: #7676801F 0% 0% no-repeat padding-box;
    border-radius: 10px;}

.sear-list-address li{cursor: pointer;padding: 10px 0px; border-bottom: 1px solid lightgrey}
.sear-list-address{margin: 0px}
.sear-list-address li .col-md-12 p{margin-bottom: 0px; letter-spacing: 0px;
color: #686868; font-size: 12px}
.sear-list-address li .media-body h4{font-size: 16px;
    margin: 0px;
    color: #000;}

.sear-list-address{padding-top: 10px}
#exampleModal-friends{padding-top: 0px!important}
.mg-auto-middle{margin: auto 0px;}
.Qr-icon-address{    position: absolute;
					 right: 0px;
					 top: 50%;
					 transform: translate(-50%, -50%);    background: transparent;color: #007bff}
.Qr-icon-address:focus{outline: none;}
#exampleModal-map{padding-top: 0px!important}
.map-map{height: 100%;width: 100%}
.maps-section{padding: 0px!important;height: 60vh!important;overflow-y: auto;}
.loate-view-m{background-color: #007bff;color: #fff;    height: 20vh;
			  margin: auto;}
.loate-view-m .media{
	position: relative;
	top: 50%;
	transform: translate(10px, -50%);

}
.range-modal-lg {padding-top: 0px!important}

.range {
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0px!important;
	border-top-left-radius: 0px
}

.range input {
	width: 100%;
	position: absolute;
	top: 2px;
	left: 0px;
	height: 0;
	-webkit-appearance: none;
}
.range input::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 18px;
	height: 18px;
	margin: -8px 0 0;
	border-radius: 50%;
	background: #37adbf;
	cursor: pointer;
	border: 0 !important;
}
.range input::-moz-range-thumb {
	width: 18px;
	height: 18px;
	margin: -8px 0 0;
	border-radius: 50%;
	background: #37adbf;
	cursor: pointer;
	border: 0 !important;
}
.range input::-ms-thumb {
	width: 18px;
	height: 18px;
	margin: -8px 0 0;
	border-radius: 50%;
	background: #37adbf;
	cursor: pointer;
	border: 0 !important;
}
.range input::-webkit-slider-runnable-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: #b2b2b2;
}
.range input::-moz-range-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: #b2b2b2;
}
.range input::-ms-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: #b2b2b2;
}
.range input:focus {
	background: none;
	outline: none;
}
.range input::-ms-track {
	width: 100%;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

.range-labels {
	margin: 18px 0px 0;
	padding: 0;
	list-style: none;
}
.range-labels li {
	position: relative;
	float: left;
	width: 20%;
	text-align: center;
	color: #b2b2b2;
	font-size: 14px;
	cursor: pointer;
	padding-top: 30px;
}

.range-labels .active {
	color: #37adbf;
}
.range-labels .selected::before {
	background: #37adbf;
}
.range-labels .active.selected::before {
	display: none;
}
.mr-b-0{margin-bottom: 0px!important}
.range-header .fa-caret-down{position: relative;left: 50%;transform: translate(-50%,-0%);}
.range-title{padding: 30px 0px}
.range-modal-lg .modal-dialog{margin-bottom: 0px}
.range-modal-lg .modal-body{
	height: 50vh;
	padding: 0px 0px!important;
	display: flex;
	justify-content: center;
	align-items: center;
}
.range-apply{    width: 80%;
				 height: 40px;
				 padding: 0px;
				 text-align: center;
				 position: relative;
				 top: 35px;background-color: #007bff;color: #fff;border-radius: 5px}


.category-fillters li .checkbox-icon{    position: absolute;
										 right: 10%;}
.category-fillters li {
	padding: 15px 15px!important;}
.media-body .checkbox-parent{height: 100%;
							 width: 100%;cursor: pointer;}
.diffrent-menus{background-color: #f1f1f1;border-radius: 5px}
.diffrent-menus .media{    padding: 0px 20px;}
.categorey-modal-lg,.Prefrences-s-fillter{padding-top: 0px!important}
.categorey-modal-lg .modal-body{padding-top: 5%!important}
.pal-ced {padding-top: 0px!important}
.member-s-fillter{padding-top: 0px!important}
.gery-bor-round{background-color: lightgrey;list-style: none;padding:0px;margin: 0px;border-radius: 5px}
.gery-bor-round li{padding:20px 0px;}
.border-top-grey{border-top: 1px solid white}
.category-fillters li{padding:0px 10px;}
.spacer-lk{height: 50px}
#Card-fillter-inner{padding-top:0px!important}
#Card-fillter-inner .input-group-btn{    position: absolute;
										 left: 0px;
										 top: 50%;
										 transform: translate(10px, -50%);}
#Card-fillter-inner .sear-icon-ass{    background: #efefef;padding-left: 10%}
#Card-fillter-inner li .media img{width: 50%}
#Card-fillter-inner li .media .media-body{position: relative;left: -15%;margin: auto;}
#Card-fillter-inner li {border-bottom: 1px solid lightgrey;padding:10px;}

#Card-acquired-fillter-inner{padding-top:0px!important}
#Card-acquired-fillter-inner .input-group-btn{    position: absolute;
												  left: 0px;
												  top: 50%;
												  transform: translate(10px, -50%);}
#Card-acquired-fillter-inner .sear-icon-ass{    background: #efefef;padding-left: 10%}
#Card-acquired-fillter-inner li .media img{width: 50%}
#Card-acquired-fillter-inner li .media .media-body{position: relative;left: -15%;margin: auto;}
#Card-acquired-fillter-inner li {border-bottom: 1px solid lightgrey;padding:10px;}

.store-s-fillter{padding-top: 0px!important}
.spacer-50px{height: 50px}
.fillter-modal-lg .modal-footer{position: relative;}
.reset-button-fillter,.Apply-button-fillter{padding: 7px;
											border-radius: 5px;
											cursor: pointer;}
.fillter-modal-lg .modal-dialog{    margin: 0px auto!important;}
#Filter{cursor: pointer;}
.a-f-m-list li:last-child{border-bottom: 0px!important}
.items-header-padding{padding: 10px;}
.H-100vh{height: 100vh!important}
#largeModal2 .popup-brand-image{    padding: 15px!important;}
.modal{width: 100%;
	   height: 100%;    background-color: rgba(0,0,0,0.4);}

.fillter-modal-lg .modal-header{    padding: 0px 1rem!important;}
#fillter-location .modal-header{padding: 5px 1rem!important;}
#fillter-location .modal-header .media p{margin-bottom: 0px!important}
#fillter-location .modal-header .media-right{margin: auto;}
#exampleModal-address .sear-icon-ass {
	padding-left: 10%;
	background-color: #efefef;
}
#exampleModal-address .sear-icon-address {
	position: absolute;
	left: 10px;
	top: 7px;
}
.sear-list-address {
	padding-top: 10px;margin: 0px;list-style: none;    padding: 1rem 0px;
}
#exampleModal-address .modal-content .modal-body form .input-group .input-group-btn .sear-icon-address{border: none!important}
.sear-list-address li {
	cursor: pointer;
	padding: 10px 30px;
	border-bottom: none;
}
.mg-auto-middle {
	margin: auto 0px;
}
.sear-list-address li .media-body h4 {
	font-size: 1em;
}
.sear-list-address li .col-md-12 p {
	margin-bottom: 0px;
}
#exampleModal-address .modal-content .modal-body form{      position: relative;}
#exampleModal-address .modal-content .modal-body form .input-group .input-group-btn{position: absolute;
																					z-index: 2;
																					left: 88%;
																					top: -4px;}

#fillter-location .modal-lg{    max-width: 500px;}
/*header Popup css Close*/
#notification .modal-dialog{margin: 0px 0px auto auto!important;height: 100%}
#notification .modal-content{height: 100%;border-radius: 0px!important}
#notification{padding-right: 0px!important;}

#notification .modal-body{padding: 0px!important}
#notification .notification-body{padding: 0px!important}
#notification .modal-body ul{list-style: none;padding: 0px;margin: 0px}
#notification .modal-body ul li:hover{background: #22A7DE0F}
#notification .modal-body ul li{padding: 10px 20px;border-bottom: 1px solid lightgray;cursor: pointer;transition: .5s ease}
#notification .modal-body ul li .notification-user-profile img{height: 34px;width: 34px;border-radius: 50%;box-shadow: 0px 0px 5px -2px #00000073;}
#notification .modal-body .media-body .col-md-12 h4{font-size: 16px;
    margin-bottom: 0px;
    letter-spacing: 0.05em;}
#notification .modal-body .media-body .col-md-12 p{margin-bottom: 0rem!important;
    font-size: 12px;
    color: #848484;
    margin-top: .1rem;
    word-spacing: .3em;}

	#notification .modal-body	.notification-time span{font-size: 14px;
    color: #686868;}


#massage .modal-dialog{margin: 0px 0px auto auto!important;height: 100%}
#massage .modal-content{height: 100%;border-radius: 0px!important}
#massage .modal-body{padding: 0px!important}
#massage .notification-body{padding: 0px!important}
#massage .modal-body ul{list-style: none;padding: 0px;margin: 0px}
#massage .modal-body ul li{padding: 10px 20px;border-bottom: 1px solid lightgray;cursor: pointer;}
#massage .modal-body ul li .notification-user-profile img{height: 34px;width: 34px;border-radius: 50%;box-shadow: 0px 0px 5px -2px #00000073;}
#massage .modal-body .media-body .col-md-12 h4{font-size: 20px;
											   margin-bottom: 0px;}
#massage .modal-body .media-body .col-md-12 p{    margin-bottom: 0rem!important;    font-size: 14px;
												  color: #848484;}

#massage .notification-body .profile-image-chats img{width: 50px;height: 50px;box-shadow: 0px 0px 5px -1px #00000094;
													 border-radius: 50%;    margin-right: 1em;}
#massage .notification-body .media-body h6{margin-bottom: 0px!important}
#massage .notification-body .media-body p{margin-bottom: 0px!important}
#massage{padding-top: 0px!important}


.massage-badge{position: absolute;
			   top: 0px;
			   left: 50%;
			   transform: translateY(-50%);
			   background-color: #7fcceb!important;}
.chat-icon-s, .bell-icon-s{position: relative;}

.notification-badge{     box-shadow: 1px 1px 2px -1px #bababa;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateY(-50%);
    background-color: #22A7DE!important;
    border-radius: 10px!important;
    height: 20px;
    min-width: 20px;
    justify-content: center;
    align-items: center;
    display: flex!important;
    padding: 8px!important;
    font-size: 10px!important;
}

.mobile-bellicon{position: relative;}

.mobile-bellicon .notification-badge  {position: absolute;
									   top: 26%;
									   left: 51%;
									   transform: translateY(-50%);
									   background-color: #7fcceb!important;
									   border-radius: 50%!important;}
.mobile-massage{position: relative;}
.mobile-massage .notification-badge  {position: absolute;
									  top: 26%;
									  left: 51%;
									  transform: translateY(-50%);
									  background-color: #7fcceb!important;
									  border-radius: 50%!important;}
@keyframes bottom-test {
	0%{
		opacity: 0;
		bottom: -70px;
	}

	100%{
		opacity: 100;
		bottom: 0px;

	}
}


#massage{padding-right: 0px!important}

#massage .modal-content{border:none;    animation: .8s ease-out right-left;}
.modal.fade .modal-dialog{    transform: translate(0, 0%)!important;}

@keyframes right-left {
	0%{
		right: -100%;
	}
	100%{
		right: 0%;
	}
}

/* Preloader */
#massage #preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	/* change if the mask should have another color then white */
	z-index: 99999999999;
	/* makes sure it stays on top */
}
#massage  #status {
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(https://dev6.fastorder.com/api/public/images/website-images/loder.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 150px;
	width: 150px;
	transform: translate(-50%, -50%);
}

.sear-list-address li.active {    background: #007bff24;}
.cards-list-00 .active {background: #007bff24;}
.sear-icon-address{background: transparent;border: none}
@media only screen and (max-width: 768px) {
	.cards-list-00 {
		height: 65vh;}
	.cards-list-00 .membership_card {padding: 0px!important;margin: 0px}
	#Card-fillter-inner .modal-body .membership_card{padding: 0px!important;margin: 0px}
	#Card-fillter-inner .modal-body .membership_card li .col-md-12{padding: 0px!important }
	#Card-fillter-inner .modal-dialog {height: 100%;margin: 0px}
	#Card-fillter-inner  .modal-content{height: 100%;border-radius: 0px;border: none}
	.fillter-modal-lg .modal-content , #Card-acquired-fillter-inner .modal-content {    margin: 0px!important;
																						height: 100%;
																						border: none;
																						border-radius: 0px;}
	.sear-icon-address{background: transparent;border: none}
	#Card-fillter-inner .modal-footer .col-md-6, #Card-acquired-fillter-inner .modal-footer .col-md-6, .Prefrences-s-fillter .modal-footer .col-md-6 ,.store-s-fillter .modal-footer .col-md-6 ,#fillter-location .modal-footer .col-md-6, .categorey-modal-lg  .modal-footer .col-md-6 , .pal-ced  .modal-footer .col-md-6, .member-s-fillter .modal-footer .col-md-6 {width: 50%;    padding: 0px 10px;}
	#Card-acquired-fillter-inner .modal-dialog , .Prefrences-s-fillter .modal-dialog ,.store-s-fillter .modal-dialog  ,#fillter-location .modal-dialog , .categorey-modal-lg .modal-dialog, .pal-ced .modal-dialog, .member-s-fillter .modal-dialog{margin: auto auto 0px;
																																																		height: 100%;
																																																		align-items: flex-end;}
	.Prefrences-s-fillter ,.store-s-fillter,#fillter-location , .categorey-modal-lg, .pal-ced , .member-s-fillter{overflow-y: hidden!important;}
	.Prefrences-s-fillter .modal-dialog .modal-content , .store-s-fillter .modal-dialog .modal-content,#fillter-location .modal-dialog .modal-content, .categorey-modal-lg .modal-dialog .modal-content , .pal-ced .modal-dialog .modal-content, .member-s-fillter .modal-dialog .modal-content {border-radius: 20px 20px 0px 0px;
																																																		border: none; animation: bottom-to-top 1s ease }

	@keyframes bottom-to-top {
		0%{
			bottom: -100%;
		}
		100%{
			bottom: 0%;
		}
	}
	.Friends-list-friends {
		height: 65vh;
		overflow-y: auto;
	}
	.range-modal-lg .modal-dialog{height: 100%;margin: 0px}
	.range-modal-lg .modal-dialog .modal-content {height: 100%;
												  border: none;
												  border-radius: 0px;}
	#exampleModal-map .modal-footer .col-md-6{width: 50%}
	#exampleModal-map .modal-dialog{    height: 100%;
										margin: 0px;}
	#exampleModal-map .modal-dialog .modal-content  {height: 100%;
													 border: none;
													 border-radius: 0px;}
	.Addrss-list{  height: 65vh;
				   overflow-y: auto;}
	#exampleModal-address .modal-dialog .modal-content{    height: 100%;border: None;border-radius: 0px}
	#exampleModal-address .modal-dialog{height: 100%;margin: 0px!important}
	#exampleModal-friends{overflow-y: hidden!important;}
	#exampleModal-friends .modal-footer{padding: 10px 0px!important}
	#exampleModal-address .modal-footer .col-md-12,#exampleModal-friends .modal-footer .col-md-12{padding: 0px!important}
	#exampleModal-address .modal-footer .col-md-12 .col-md-6 ,#exampleModal-friends .modal-footer .col-md-12 .col-md-6{width: 50%!important;}
	#exampleModal-friends .modal-dialog{    height: 100%;margin: 0px}
	#exampleModal-friends .modal-dialog .Friends-list-friends .sear-list-address li .media .media-left {
		width: 15%;
		padding-left: 10px;
	}
	#exampleModal-friends .modal-dialog .Friends-list-friends .sear-list-address li .media .media-body h4{margin-bottom: 0px!important}
	.Friends-list-friends .sear-list-address li label img {
		height: 100%!important;
		width: 100%!important;}
	#exampleModal-friends .modal-dialog {    height: 100%;
											 border: none;
											 border-radius: 0px;}
	#exampleModal-friends .modal-dialog .modal-content{    height: 100%;border: None;border-radius: 0px}
	#exampleModal-address .modal-footer{
		padding: 10px!important;}
	.About-bb{padding: 0px!important}
	.sdd {
		margin: 15px 0px!important;
	}
	.About-bb ul li {
		display: initial;
		padding: 10px 10px 10px 11px;
		font-size: 11px;
	}
	.Download-link img {
		width: 100px;}
	.download-ss h5 {
		text-align: center;
		margin-bottom: .8rem;
		font-size: 16px;
	}
	.cpyright .right-bbo{text-align: center!important}
	.custim-2-icon ul{justify-content: center;    padding-bottom: 1em!important;}
	.paly-storeii{margin-bottom: 1rem;    width: 80%;
				  max-width: 100%;}
	footer{margin-top: 20px;    padding-bottom: 4rem;}
}
.user-populeft-list .list-profile{    padding-left: 0px!important;}
@media only screen and (max-width: 768px) {
	#left_modal .user-populeft .media-body h1 .color-grey-text span{font-size: 12px}
	.wallet-btn-kl ul{padding: 0px;margin: 0px}
	.user-populeft .media-body{margin: auto}
	.user-populeft .media{padding: 10px 0px!important;}
	.user-populeft{    padding: 10px 0px!important;border-color: #f2f2f2!important}
	.user-populeft-list{    margin-top: 4rem;}
	.Following-btns .user-profilre-popup .media-left {
		padding-right: 0px!important;
	}
	.Following-btns .user-profilre-popup li {
		padding: 0px 0px!important;
	}
	#left_modal .Following-btns{   top: 80px!important; position: fixed;
								   left: 0px;
								   border-bottom: 1px solid #f2f2f2;padding: 0px 10px!important; }
	.user-photo{    margin-bottom: 0px;}
	.otheraccount-image .right-arowimg{    right: 25%;}
	.list-profile li {
		padding: 20px 0px!important;
	}
	.list-profile{       padding-top: 0px;
						 padding-left: 10px;}


	#left_modal .modal-body {
		padding: 5px 0px 0px!important;
		margin: 0px 0px!important;width: 100%;}
	.first-user-slide {
		padding: 0px!important;
		height: 100%;
	}
	#left_modal .my-carousel-item{padding: 0px 0px!important;}
	.user-photo img{padding: 0px}
}



/*wallet*/
#left_modal .modal-footer-fixed {
	border: none;
	bottom: 0px;
	position: fixed;
	left: 0px;
	width: 100%;
	display: flex;
	justify-content: space-around;
}

#left_modal  .header-profile{    flex-direction: column!important;    border-bottom: none!important;padding: 0px!important}
.left-user-slide-main .nab-header .media{padding: 2em 0px 10px;}
.left-user-slide-main{height: 100%!important  ;}
.wallet .modal-body{width: 100%;}
#left_modal .nab-header{    border-bottom: 1px solid lightgrey;}
#left_modal .modal-body{
	padding: 15px 15px 0px!important;    z-index: 2;
}
.first-user-slide{padding: 0px!important;height: 100%}
.first-user-slide .wallet {height: 100%!important}
.user-populeft{    border-bottom: 1px solid lightgrey;}
#left_modal .owl-carousel.owl-drag .owl-item{padding: 10px}
.wallet .owl-stage-outer{height: 100%}
.wallet .owl-dots{background: #22a7de21;
				  padding: 3px 15px;display: flex;border-radius: 14.5px;
				  justify-content: center;
				  position: fixed;
				  bottom: 10px;
				  left: 50%;
				  transform: translateX(-50%);}
.wallet .owl-dots button{height: 10px;
						 width: 10px;
						 border-radius: 50%;
						 background: #A1A1A1;    margin: 5px;transition: .2s cubic-bezier(0.09, 0.51, 0.71, 0.33);}

.wallet .owl-dots .active{background: #283A90!important;width: 12px!important;height: 12px!important}

.col-QR-COD,.col-BULP{display: inline-block;}
.modal-footer .pull-right {float: right;}
.user-populeft .user-photo img{width: 70px;
							   height: 70px;
							   box-shadow: 0px 2px 5px -2px #0006;
							   border-radius: 50%;
							   object-fit: cover;}

.user-populeft  .media-body h1{font-size: 23px;
							   margin-bottom: 0px;padding-top: .5em;}
.user-populeft  .media-body p{margin-bottom: 0px}
.Following-btns .user-profilre-popup li{padding: 1rem 0px;}
.Following-btns .user-profilre-popup li .media-left{margin-right: .5rem;font-weight: bolder;}
.list-profile li {
	padding: 20px 0px;
}
.list-profile li .media-body span{color: #000}

.first-slide-left-wallet .Heading-wallet{border-bottom: 1px solid lightgrey;
										 padding: 0em 0px 10px;
										 text-align: center;}
.first-slide-left-wallet  .main-heading-arow{    text-align: center;
												 padding: 1em 0px 0px;}
.first-slide-left-wallet  .main-heading-Amount-total h1{font-size: 4rem;
														color: grey;text-align: center;padding: 10px 0px; }
.first-slide-left-wallet  .main-heading-Amount-total{    border-bottom: 1px solid #22a7de;
														 width: 80%;
														 margin: auto;}
.wallet-btn-kl{padding: 10px 0px;    margin-top: .5em;}
.wallet-btn-kl ul{
	display: flex;
	justify-content: space-around;
}
.wallet-btn-kl li{text-align: center;transition: .5s ease}
.wallet-btn-kl .icon-button-walllet img{    padding: 10px;}
.wallet-btn-kl .icon-button-walllet{    height: 50px;
										width: 50px;border-radius: 50%;background: transparent linear-gradient(180deg, #22A7DE 0%, #283A90 100%) 0% 0% no-repeat padding-box;}
/*wallet close*/
.aligned::after {
	content: "\201D";
}
.aligned::before {
	content: "\201C";
	position: relative;
	left: -.5%;
}

.requestcard{padding: 15px 10px;
			 border-radius: 15px;
			 margin: 1em auto;
			 box-shadow: 1px 2px 7px -3px #000;background: transparent linear-gradient(180deg, #22A7DE 0%, #283A90 100%) 0% 0% no-repeat padding-box;color: #e9e9e9;}
.requestcard .paynow{display: flex;
					 justify-content: space-between;align-items: center;}
.paynow .left-image img{width: 40px;
						height: 40px;
						border-radius: 50%;}
.requestcard .second-hed p{    margin-bottom: 0px;
							   font-size: 12px;
							   letter-spacing: .1em;}
.requestcard .second-hed{    display: flex;
							 justify-content: space-between;    align-items: center;    width: 80%;
							 margin: auto;
							 padding: 1em 0px;}
.requestcard .second-hed h3{margin-bottom: 0px;font-size: 18px;}
.requestcard .aligned{font-size: 20px;
					  text-align: center;}
.requestcard .time{margin-bottom: 0pc;
				   text-align: right;}
.right-image button{    background: transparent;
						border: 1px solid #fff;
						color: #fff;
						border-radius: 5px;
						padding: 2px 10px;
						cursor: pointer;
						font-size: 14px;}
:focus{outline: none}

.wallet-bottom-lk .media-left{margin-right: 1rem;
							  margin-top: auto;
							  margin-bottom: auto;}
.wallet-bottom-lk .media-left img{width: 20px}
.badge-wallet{    background: red;
				  height: 25px;
				  width: 25px;
				  border-radius: 50%;
				  position: absolute;
				  text-align: center;
				  color: #fff;
				  line-height: 25px;}

.wallet-bottom-lk ul{overflow: hidden;
					 padding-right: 15rem;margin: 0px}

@media only screen and (max-width: 768px) {
	.user-populeft .media-body h1 {
    font-size: 18px;
	}
	.user-populeft .user-photo img{    width: 55px;
    height: 55px;}
	#left_modal .modal-body {
		padding: 5px 5px 0px!important;
		margin: 0px 10px;
		z-index: 2;
	}
	#left_modal .owl-carousel.owl-drag .owl-item {
		padding: 0px!important;
	}
	#left_modal .my-carousel-item {margin: 0px 5px;    padding: 0px 5px;}

	.requestcard{    padding: 10px 10px!important;}
	.requestcard .second-hed p {
		margin-bottom: 0px;
		font-size: 10px!important;
		letter-spacing: .1em;
	}
	.requestcard .second-hed h3 {
		margin-bottom: 0px;
		font-size: 15px!important;
	}
	.requestcard .time{    font-size: 10px;}
	.requestcard .second-hed{    width: 100%!important;}
	.requestcard .aligned {
		font-size: 12px;}
	.first-slide-left-wallet .main-heading-Amount-total h1 {
		font-size: 3rem;}
	.wallet-btn-kl .icon-button-walllet {
		width: 40px;
		height: 40px;}
	.wallet-btn-kl li span{    font-size: 15px;}
	.wallet-bottom-lk ul{    padding-right: 3rem!important;}
	.wallet-bottom-lk .media-body{margin: auto;}

	.badge-wallet {
		background: red;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		text-align: center;
		line-height: 20px;
		color: #fff;
		font-size: 12px;
	}
}
/*Wallet css close*/



/*CART CSS*/
#cd-cart-trigger a{    height: 45px!important;}
.cart-counting{
	left: 50%!important;
}
#cd-cart{    overflow-x: hidden!important;}


/*mobile cart css */
@media only screen and (max-width: 768px) {
#largeModal2 .modal-dialog{    top:0%!important;}
#largeModal2{padding-top: 0px!important}
.c-r-popup{padding-left: 15%!important;}
#largeModal2 .modal-header {
	padding: 10px 10px 5px!important;}
.Area-count-after-click h4 {
	font-size: 16px!important;
}
#largeModal2 .modal-body{padding: 10px 0px;}
.list-menu-popup li .col-md-6{width: 50%!important;font-size: 14px}

.brand-name-after-click h4 {
	font-size: 15px!important;}
.done-btn span {
	font-size: 15px!important;
	color: #25a8de;
	position: absolute;
	right: 10%;
}
.header-title-popup{    width: 60%!important;    margin: auto 0px;}

.popup-brand-image {
	max-width: 25%!important;}
#largeModal2 .modal-header .close{background: transparent!important;}
.cart-down-arrow{    top: -15px!important;    padding: 7px 15px 0px !important;}
#cd-cart .cd-item-remove{right: -5px!important;width: 10px;
						 height: 10px;}
.cat-item-price span{
	font-size: 12px!important;}
.cat-item-details h6{font-size: 11px!important;}
.cat-item-details h5{margin-bottom: 4px!important}
.image-div-test{width: 100%!important}
#cd-cart .cat-item-details{width: 40%!important;    padding: 0px 10px!important;}
#cd-cart .cat-item-price{width: 25%!important;}
#cd-cart .checkbox-icon{width: 10%!important;}
#cd-cart .brand-image{    width: 20%!important;margin: auto;}
.fitst-row{width: 70%!important;}
.loate-icon{width: 30%!important}
#cd-cart .cd-cart-items li{    padding: 10px 5px;}
#cd-cart{    width: 80%!important;    padding-top: 0px;}

#cd-cart.speed-in{left: 0!important;}
#cd-cart {
	left: -100%!important;
	font-weight: 600;
	color: #000;font-weight: normal;}
.cart-counting span {font-weight: 600;
    color: #22a7de;
    font-size: 12px;}
}
/*mobile cart css close*/

.icon-wishlist {
	cursor: pointer;
	width: 22px;
	height: 21px;
	opacity: 1;
	background:url('/api/public/images/website-images/downloa.svg');
	background-repeat: no-repeat;
}
.in-wishlist {
	cursor: pointer;
	width: 22px;
	height: 21px;
	opacity: 1;
	animation-name: test;
	animation-duration: 1000ms;
	background:url('/api/public/images/website-images/download.svg')!important;
	background-repeat: no-repeat;
}

@keyframes test {
	0%   {transform: scale(1);}
	25%  {transform: scale(.5);}
	50%  {transform: scale(1.2);}
	100% {transform: scale(1);}
}

/* Modal Content */
.bookmark-side-content{margin: auto;}
.product-cc .Heading{    background-color: #f7f7f7;padding: 10px;
						 font-size: 15px;}
/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.bookmark-button .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 90%;
	height: 100vh;
	overflow: scroll;
}
#myBtn{background-color: transparent!important;cursor: pointer;}
.bookmark-header,.bookmark-product-body{border-bottom: 1px solid #eaeaea;}
.bookmark-product-body img{width: 100%!important}
.bookmark-product-body{padding:15px 0px;cursor: pointer;}
.pr-0{padding-right: 0px!important}
.bookmark-header{padding-top: 20px;}
.link-page-book-mark{    text-decoration: none;
						 color: #686868;}
.link-page-book-mark:hover{    text-decoration: none;
							   color: #686868;}

.Wish-button-cart{border:none;}
.wish-cart-button-tex:focus
{box-shadow: none!important;padding:0px;}
.fitst-row{padding:0px!important;}
.wish-cart-button-tex{padding:0px!important;}
.fitst-row p{margin-bottom: 0px!important}
.section-bottom-arrow{position: absolute;right: 0px}

.brand-image{padding-right: 0px!important}
.brand-image img,.popup-brand-image img{border-radius: 20%;box-shadow: 0px 1px 5px 0px #0000006b;}
.cat-item-details h5{    font-size: 16px!important;}
.cat-item-details h6{font-size: 14px}
.cat-item-price {padding: 0px!important;margin: auto;color:#25a8de }
.checkbox-icon{margin: auto;}
.checkout-btn{background-image: linear-gradient(to right, #22A3DB 0%, #2478BC 51%, #283B91 100%)!important}
.spacer-cart{height: 20px}
.fitst-row h5{font-size: 16px;}
.cart-down-arrow{position: absolute;
				 right: -20px;
				 top: -5px;
				 font-size: 16px;}

/*header.search setting*/
header .col-md-7 label{    width: 100%;
    position: relative;
    margin-bottom: 0px;}
		#Filter-icon{    position: absolute;
    right: 0px;
    z-index: 22;
    top: 50%;
    transform: translate(-50%, -50%);}

		.search-fillter-list {border: 1px solid #f2f2f2;
    position: absolute!important;
    z-index: 11;
    background: #ffff;
    top: 100%;
    left: 0px;
    border-radius: 0px 0px 6px 6px;    overflow: hidden;padding: 0px!important}
		.search-fillter-list ul {    margin: 0px;
    padding: 0px;}

		.search-fillter-list ul li{padding: 7px 10px;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;transition: .5s ease}
		.col-md-7.show-search-fillter #Search input {
    border-radius: 4px 4px 0px 0px!important;
}
	.search-fillter-list ul li:hover{background: #f2f2f2	}

	.search-fillter-cancel-btn{position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(-20%, -50%);}

			.search-fillter-cancel-btn{display: none;}
			.search-fillter-list{display: none;}
			.show-search-fillter .search-fillter-cancel-btn {display: block;}
			.show-search-fillter	.search-fillter-list{display: block;box-shadow: 5px 8px 10px -9px #000000b8;}
.show-search-fillter #Filter-icon {display: none;}
.search-fillter-cancel-btn button{color: #22A7DE;background: transparent;cursor:pointer; border: none}

.search-fillter-list ul .headign{background: #22A7DE0F;padding: 10px;}

.search-fillter-list ul .headign h4{
	color: #686868;
    font-size: 16px;
    margin-bottom: 0px;
}

/*terms page*/

.aliceblue.tremspage{    background: #f2f2f2!important;}
.content-mainp{   background: #fff;
    margin: 1rem;
    padding: 2rem;
    box-shadow: 0px 2px 10px -2px #00000054;
    border-radius: 6px;}

	.content-mainp	h2{font-size: 24px;
    font-weight: 700;
    margin-bottom:0rem;}

	.content-mainp	p {
    margin-top: 0;
    margin-bottom: .8rem;
    font-size: 14px;
    line-height: 1.8em;
    text-align: justify;text-transform: lowercase; color: #686868;
}
.content-mainp b, .content-mainp strong{    font-weight: bolder;
    color: #000!important;}
.content-mainp a{color: #22A7DE!important}
.content-mainp h3{    font-size: 20px;}

.content-mainp h4{    font-size: 18px;}

@media only screen and (max-width: 768px) {
	.loate-icon{    font-size: 10px;
    text-align: center;}
		.loate-icon img{    width: 40px;
    height: 40px;
    object-fit: contain;
    color: #23a5dc;}
	#RadeemModal .close{right: 15px!important;
											top: 10px!important;}
	#loyalityModal .modal-dialog,#RadeemModal .modal-dialog,#Financial-sponser-Modal .modal-dialog {transform: translate(0%, 0px)!important;}

	.Reedem-vocher-2{padding: 10px 0px 10px}
	.main-menu-section-2 .more-dotes-menu .col-md-8 a{padding-left: 15px;}
	.Voucher-tab{padding-top: 60px}
	.Reedem-vocher-2{transition: 0.2s ease;border-bottom: 1px solid #007bff;width: 100%;
									 text-align: center;}

	.Reedem-btn{
			background-image: linear-gradient(to right, #22A3DB 0%, #2478BC 51%, #283B91 100%)!important;
			color: #fff;
			width: 100%;
			padding: 10px 10px;
			position: relative;
			top: 3em;
	}
	.Reedem-vocher-2:focus{outline: none!important;font-size: 18px}
	.Reedem-v-heading{padding: 20px 0px;color: grey}
	#RadeemModal .modal-dialog{top: 0px!important}
	.Voucher-tab h2{text-align: center;font-size: 20px}
	.Redeem-card-list li{padding:10px 10px;}
	#exTab1 .nav-pills{    padding: 15px 0px 10px;
												 border-bottom: 1px solid #c9c9c9;}
	#exTab1 .nav-pills li{width: 50%;text-align: center;}
	.pick-from .col-md-8{width: 60%!important}
	.Change-address{width: 40%!important;font-size: 14px;
									margin: auto 0px;}
	.details-d h5 {font-size: 14px!important;}
	.details-d{width: 70%!important;padding-right: 0px!important;font-size: smaller;}
	.pick-cancel{width: 0%!important}
	.pick-list .icon-c{width: 10%!important}
	.pick-list .col-md-11 {width: 90%!important}
	#pickupModal .modal-dialog{transform: translate(0px, 0px)!important;}

	#itemsModal .modal-dialog {transform: translate(0px, 0px)!important;}
	.list-popup-product .col-md-3{width: 20%!important}
	.list-popup-product .col-md-8{width: 70%!important}
	.prefrences-image{width: 20%!important}
	.prefrences-content{width: 80%!important}
	.items-price{width: 10%!important}
	.items-popup-p-quantity select {
			border: 1px solid #c5c5c5;
			width: 100px!important;
			height: 40px;
			border-radius: 5px;
			position: relative;
			left: 10%!important;}
	.items-popup-p-discription h4 {font-size: 20px!important;}
	.list-popup-product .col-md-1{width: 10%!important;}
	/*Mobile repalce corde*/


	#largeModal2{padding-top: 0px!important}
	.c-r-popup{padding-left: 15%!important;}
	#largeModal2 .modal-header {
			padding: 10px 10px 5px!important;}
	.Area-count-after-click h4 {
			font-size: 16px!important;
	}
	#largeModal2 .modal-body{padding: 10px 0px;}
	.list-menu-popup li .col-md-6{width: 50%!important;font-size: 14px}

	.brand-name-after-click h4 {
			font-size: 15px!important;}
	.done-btn span {
			font-size: 15px!important;
			color: #25a8de;
			position: absolute;
			right: 5%;
	}
	.header-title-popup{    width: 60%!important;    margin: auto 0px;}

	.popup-brand-image {
			max-width: 25%!important;}
	#largeModal2 .modal-header .close{background: transparent!important;}
	.cart-down-arrow{    top: -10px!important;    padding: 7px 15px 0px !important;}
	.cd-item-remove{display: none;}
	#cd-cart .cd-item-remove{right: -5px!important;width: 10px;
													 height: 10px;}
	.cat-item-price span{
			font-size: 14px;}
	.cat-item-details h6{font-size: 11px!important;margin-bottom: 0px;    color: #686868;}
	.cat-item-details h5{margin-bottom: 4px!important;font-size: 12px!important;font-weight: bold;}
	.image-div-test{width: 100%!important}
	#cd-cart .cat-item-details{width: 45%!important;    padding: 0px 10px!important;margin: auto;}
	#cd-cart .cat-item-price{width: 28%!important;    margin: auto 0px 0px;}
	#cd-cart .checkbox-icon{    width: 5%!important;
    padding: 0px!important;
    overflow: hidden;}
	#cd-cart .brand-image{ width: 15%!important;
    margin: auto;
    padding-left: 0px;}
	.fitst-row{width: 70%!important;}
	.loate-icon{width: 30%!important}
		#cd-cart .cd-cart-items li{    padding: 10px 0px;}
	#cd-cart{    width: 80%!important;    padding-top: 0px;}

	#cd-cart.speed-in{left: 0!important;}
	#cd-cart {
			left: -100%!important;
			font-weight: 600;
			color: #000;font-weight: normal;}
	.cart-counting span {font-weight: 600;
											 color: #53bae5;}
	.mobileview #carouselExampleIndicators ol{z-index: 0!important;}
	.member-card-rr .title{
			font-size: 12px!important;
			text-align: center;
	}
	#largeModal2{padding-left: 0px!important}
	/*header*/
	#largeModal2 .modal-body{    height: 30em;}
	  #largeModal2 .modal-dialog{    top:0%!important;     padding-top: 8em;height: 100%}
		.after-click-section .modal-content{   height: 100%; border-radius: 10px 10px 0px 0px;}
		#largeModal2 .modal-header{padding: 0px 0px 0px 0px!important;
		}
	.cookies-page {
    padding: 10px 0px!important;
}
	.content-mainp p, #us ,	.content-mainp .p, .content-mainp a{font-size: small;}
	.content-mainp {
    margin: 10px 0rem;
    padding: 0rem!important;}
		.test-containt{    padding: 10px;}
		.content-mainp h2 {
    font-size: 20px;}
		.content-mainp h3 {
    font-size: 18px;
}
.no-padding-mobile{padding: 0px!important}
}

.cookies-page{    padding: 10px;}
.cookies-page li{    font-size: small;margin-bottom: .8rem;line-height: 1.8em;text-align: justify;}
.modal {
	z-index: 99999!important;}
	/*
.modal-backdrop{z-index: 1!important;}*/
.popup-brand-image-2 img{    width: 50px;    width: 50px;
    height: 50px;
    border-radius: 6px;}
		#largeModal2 .modal-header .media-left{margin: auto 1rem auto auto;}
		#largeModal2 .modal-header .media-right	.done-btn{margin: 0px!important}

		/*cart popup*/

		/*Me popup*/
	@media only screen and (min-width: 768px) {
		#Read-only .modal-dialog{    margin-bottom: 0px;bottom: 0px!important;
		                             transform: translate(-10%, 0px)!important;}
		#alert-purchse .modal-dialog,#Future-time .modal-dialog,#alert-purchse-2 .modal-dialog,#Future-time-date .modal-dialog{transform: translateX(-10%)!important;}
		#purchase-time .modal-dialog  {
		    transform: translateX(-10%)!important;}
		#Wrapping-items .modal-dialog{  transform: translate(-10%, 0px)!important;}
		#loyalityModal .modal-dialog{transform: translate(-10%, 0px)!important;}
	#pickupModal .modal-dialog,#itemsModal .modal-dialog{transform: translate(-10%, 0px)!important;}
	}


		#pickupModal .modal-dialog,#itemsModal .modal-dialog{left: 0px;
		                                                     top: 0px!important}
		#itemsModal .modal-body ul li{    border-bottom: 1px solid #d5d5d5;
		                                  padding: 10px 0px;
		}
		.Change-address{color: #25a8de;}
		.pick-cancel{    text-align: right;
		                 padding-right: 30px!important;color: #25a8de;}
		.map-demo{    width: 100%;
		              height: auto;}
		.details-d h5{font-size: 20px}
		.icon-blue{color: #25a8de}
		#pickupModal .close{
		    position: absolute!important;
		    right: 5%;
		    top: 10px;
		    background-color: transparent!important;
		}
		#itemsModal .close,#loyalityModal .close{position: absolute!important;
		                                         right: 5%;
		                                         top: 10px;
		                                         background-color: transparent!important;}

		#itemsModal .modal-content,.modal-content {
		    padding-top: 0px!important;
		    height: auto;
		    overflow-y: auto;
		}
		#loyalityModal li{padding:20px 0px 20px 20px!important;border-bottom: 1px solid #f2f2f2}

		#loyalityModal .modal-dialog {
		    top: 0%!important;
		    left: 0px!important;

		}
		.Reedem-vocher-2{padding: 10px 0px 10px}
		.Voucher-tab{padding-top: 60px}
		.Reedem-vocher-2{transition: 0.2s ease;border-bottom: 1px solid #007bff;width: 100%;
		                 text-align: center;}
		#RadeemModal .close{position: absolute;
		                    right: 0px;
		                    top: 0px;margin-right: 0px}
		.Reedem-btn{
		    background-image: linear-gradient(to right, #22A3DB 0%, #2478BC 51%, #283B91 100%)!important;
		    color: #fff;
		    width: 100%;
		    padding: 10px 10px;
		    position: relative;
		    top: 3em;
		}
		.Reedem-vocher-2:focus{outline: none!important;font-size: 18px}
		.Reedem-v-heading{padding: 20px 0px;color: grey}

		.Voucher-tab h2{text-align: center;font-size: 20px}
		.Redeem-card-list li{padding:10px 10px;}
		#exTab1 .nav-pills{    padding: 15px 0px 10px;
		                       border-bottom: 1px solid #c9c9c9;}
		#exTab1 .nav-pills li{width: 50%;text-align: center;}

		#Financial-sponser-Modal .modal-dialog{    transform: translate(-10%, 0px);
		                                           top: 0px;}

		#Financial-sponser-Modal .close{position: absolute; right: 10px; top: 10px;margin: 0px; padding: 0px;}
		#itemsModal{overflow-y: hidden;}
		/*cart popup  close*/
		.wish-cart-button-tex{color: #22A7DE!important;    font-size: 12px!important;}
		.fitst-row h6 {
    font-size: 11px;
    letter-spacing: 0.08em;
}
.fitst-row h5 {
    font-size: 13px!important;
    font-weight: bold;
		margin-bottom: 0px!important;
}



/*alert*/
.alerts-show{
	    padding-top: 50px;
}
.alerts-show .alert-main{
	background: #fff;
padding: 15px 20px;
border-radius: 4px;
    box-shadow: 1px 2px 7px -2px #0000009e;
    position: relative;
    z-index: 0;
		    margin: 1rem 0px;
}
.alerts-show .alert-main .media-right button:hover .overly-hover {height: 100%;
    width: 100%;
    background: #0000001c;
    position: absolute;
    left: 0px;
    top: 0px;
}
.alerts-show .alert-main .media-right button .text-main{    position: relative;
    z-index: 2;}
.alerts-show .alert-main .media-right button{
	position: relative;
	height: 40px;
    width: 120px;
    background: #22A7DE;
    color: #fff;
    border-radius: 4px;
		cursor: pointer;
		transition: .5s ease;
}
.alerts-show .alert-main .media-left .icon-info{
	height: 25px;
    width: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    border: 2px solid red;
    color: red;
    border-radius: 50%;
    justify-content: center;
	}
	.icon-media-l{padding-right: 20px}
	.alerts-show .alert-main .media-left .pipe{height: 35px;
    background: #d3cfcf;
    width: 1px;
    margin-right: 15px;}
	.alerts-show .alert-main .media-body{    font-size: 14px;
    color: #000;
    word-spacing: 0.09em;}
	footer{    box-shadow: 0px 3px 11px -1px #00000096;}
	#Wrapping-items .modal-body {
	    text-align: center}


	#brand-km .modal-dialog{transform: translate(-10%, 0px);}
	#brand-km .modal-content{background: transparent;}
	#brand-km .brand-km-alert-button{width: 50%;background: #E7E7E7;
	                                 padding: 0px;
	                                 margin: 0px;    border-radius: 10px;}
	#brand-km .brand-km-alert-button li:last-child{border-bottom: 0px!important}
	#brand-km .brand-km-alert-button li{border-bottom: 1px solid lightgrey;padding: 10px 20px}
	#Wrapping-items{    padding-right: 0px!important;overflow-y: hidden;}

	.create-your{background-color: #f2f2f2!important }
	@media only screen and (max-width: 768px) {
		#purchase-time .modal-content{border: none;border-radius: 0px}
		#purchase-time .modal-content .modal-header{border-radius: 0px!important}
#Wrapping-items .modal-content{border-radius: 0px;
    border: none;}
		.alerts-show {
    padding-top: 15px;
}
#Wrapping-items .modal-content .modal-header{padding: 15px 0px;border-radius: 0px}
#Wrapping-items .modal-content .modal-header .media-body h5{margin-bottom: 0px}
.alerts-show .alert-main .media-right button {
    position: relative;
    height: 30px;
    width: 75px;
    font-size: 12px;}
		.alerts-show .alert-main .media-right {margin: auto;}
		.icon-media-l {
    padding-right: 10px;
}
.alerts-show .alert-main .media-left .pipe{margin-right: 10px;}
.alerts-show .alert-main .media-body {
    font-size: 10px;}
		.alerts-show .alert-main{
			    padding: 10px 10px;
		}
	}

	body.overflow-hidden{overflow: hidden!important;}
/*header cancel button*/
	@media only screen and (max-width: 768px) {
		#cd-cart .slide-user{    height: 100%;    height: 100%;}
		#cd-cart .slide-user h2:first-child	{    height: 10%;
    margin: 0px;
    display: flex;
    align-items: center;    justify-content: center;}


		#cd-cart .cd-cart-items{max-height: 70%;
    height: auto;
    margin: 0px;
    overflow-y: auto;
    overflow-x: hidden;}

		.Store-brand-slider-main .item .image-checkbox ul li span p{    font-size: 12px;
    color: #686868;}
.search-fillter-cancel-btn{transform: translate(-10%, -50%);}
.search-fillter-cancel-btn button{font-size: 12px;}
.popup-brand-image-2 img{    width: 55px;
    height: 55px;border-radius: 12px;
    padding: 8px;
    object-fit: contain;}
		#itemsModal .modal-content{border-radius: 0px!important;
    border: none!important;}
		#itemsModal .modal-header{    border-radius: 0px;}
		#itemsModal .close{margin: 0px;}
		.list-popup-product .col-md-8{padding: 0px;}
		#itemsModal .modal-body{padding: 0px 10px;}
		#itemsModal	.items-price{    width: 30%!important;
    padding: 0px;
}
#pickupModal .modal-content{    border-radius: 0px;
    border: none;}
		#pickupModal .modal-content .modal-header, 	#loyalityModal  .modal-content .modal-header{border-radius: 0px;}
				#pickupModal .modal-content .modal-header .done-btn, 	#loyalityModal .modal-content .modal-header .done-btn{margin: 0px;}
			#pickupModal	.pick-from{padding: 0px;}
			#pickupModal .Change-address{font-size: 12px;text-align: right;}
			#pickupModal .pick-list .icon-c{text-align: center;
    padding: 0px;
    display: flex;    align-items: center;}
				#pickupModal .pick-list .col-md-11 p{margin-bottom: 0px}
				#pickupModal .modal-body{padding: 0px!important}
				#pickupModal .modal-body .pick-list li{padding: 10px 10px;}
				#pickupModal .modal-body .pick-list li p,  #pickupModal .modal-body .pick-list li h6{margin-bottom: 0px}
				#loyalityModal .modal-content{border-radius: 0px;border: none}
				#loyalityModal li {
    padding: 10px 0px 10px 0px!important;}
		#loyalityModal li img{height: 50px;
    object-fit: contain;
    margin-right: 1rem;width: 73px}
			#loyalityModal .modal-header .done-btn 	{padding: 0px!important;}
			#RadeemModal .modal-content{border-radius: 0px;border: none!important}
			.Redeem-card-list ul{margin-top: 1rem;}
			#Financial-sponser-Modal .modal-content{border: none;
    border-radius: 0px;}
		#Financial-sponser-Modal .modal-content .modal-header{border-radius: 0px;}
		#Financial-sponser-Modal .modal-content .modal-header .media{padding: 0px;}
			#Financial-sponser-Modal .modal-body{padding: 10px 0px!important}
				#Financial-sponser-Modal .modal-body .container {padding: 0px!important}
					#Financial-sponser-Modal .modal-body .container .row .f-s-text{    padding: 0px;}
					#largeModal2 .modal-content .modal-header{border-radius: 0px;}
					#largeModal2 .modal-content{border: none;}
					#alert-purchse{}
}


/*purchase time*/


#purchase-time .modal-content{overflow: hidden;}
#purchase-time .purchase-time-body{border-bottom: 1px solid lightgrey;}
#purchase-time .purchase-time-body ul{margin: 0px;padding: 0px}



#alert-purchse .modal-dialog .modal-content,#alert-purchse-2 .modal-dialog .modal-content{background: transparent;border: none}
#date-time-ss{    width: 100%;
                  box-shadow: 0px 0px 2px 0px #00000091;
                  height: 50px;}
#Future-time-date .purchase-time-body .send-btn{text-align: center;height: 30px;    width: 100%;}
#Future-time-date .purchase-time-body .send-btn button{width: 70%;
                                                       background: #22A7DE;
                                                       color: #fff;
                                                       height: 40px;
                                                       border-radius: 5px;
                                                       margin-top: 30px;
}

#Future-time  .purchase-time-body{padding: 0px!important}
#Future-time .modal-content .modal-body {padding:0px!important;}
#Future-time  .purchase-time-body ul li{padding:10px 20px;border-bottom: 1px solid lightgrey;}
#Future-time  .purchase-time-body ul li p{margin-bottom: 0px!important}

@media only screen and (max-width: 768px) {
	#Share-cart .modal-dialog{ transform: translate(0%, 0px)!important;margin: 0px!important;}
	#Share-cart .modal-body{ padding: 30px 10px;}
	.contact-share-name-icon .col-md-12{padding: 0px!important}
	.arrow-body-item li {
				padding: 10px 15px!important;
	}
	.copy-barcode .text {font-size: 0.8em;}

	#Read-only .modal-dialog{    transform: translate(0%, 0px);}
#largeModal2 .Cart-profile-slid .list-menu-popup{padding: 0px!important}

	.cart-down-arrow{right: -15px!important;}
	.list-menu-popup .arrow-body-item li .col-md-12{padding: 0px!important}
	.list-menu-popup li .col-md-6 {padding: 0px;}
	.top-note-header .modal-body .media .media-left{    margin: auto;}
	.top-note-header .modal-body .media .media-body .note-details h5{       margin-bottom: 0px;
    padding: 10px 0px;
    font-size: 14px;}
		#Share-cart .modal-header{padding: 12px 0px;}
	#Share-cart .modal-body{padding: 15px 10px 15px;}
	.Store-brand-slider-main .item	.image-checkbox-checked .fa-check{display: block!important; animation: zoom .5s ease }
@keyframes zoom {
0%{
	transform: scale(0.1);
}
100%{
	transform: scale(1);
}
	}
	.Store-brand-slider-main .item .image-checkbox	.fa-check{display: none;}
	.Store-brand-slider-main .item .image-checkbox	.fa-check	{position: absolute;
    top: 0px;
    right: 20px;
    background: #63c6ed;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    padding: 5px;
    color: #fff;transition: 1s ease; }
	#slide-brand-selecet .col-md-12{padding: 0px!important}
		#slide-brand-selecet .owl-stage{    width: 100%;}
		#slide-brand-selecet .item .col-md-12{padding: 0px!important}
		.Store-brand-slider-main .item .image-checkbox .img-responsive{width: 55px!important;
    height: 55px;}
	.cart-down-arrow {
    right: -15px;}
#pickupModal .pick-from .row .col-md-8, #pickupModal .pick-from .row .Change-address{padding: 0px!important}
    #purchase-time .modal-dialog, #alert-purchse .modal-dialog, #Future-time .modal-dialog, #alert-purchse-2 .modal-dialog, #Future-time-date .modal-dialog {
        transform: translateX(0%);
    }
	}
		.alert-check{    border: 0px solid #efefef;
		                 border-radius: 20px;overflow: hidden;}
		#Read-only button:focus{outline: none!important;}
		.alert-check-cancel{margin-top: 10px;}
		.alert-check-cancel button{    border-radius: 5px;background: #fff}
		.alert-readonly button:last-child{border-bottom: none!important;}
		/*new page popup css close*/
		.padding-custom{padding: 30px 0px 0px}
		.create-your{padding: 20px 0px}
		.box-border-view{box-shadow: 0px 0px 11px -7px #000;}
		.padding-none{padding: 0px!important}
		.create-your{height: auto;}
		.arrow-body-item li{padding: 15px 0px;border-bottom: 1px solid lightgrey}

		.list-total-tets{display: flex;
		                 justify-content: flex-end;}
		.share .owl-nav.disabled{display: none!important;}


		input[type="checkbox"][id^="myCheckbox"] {
		    display: none;
		}

		.share label {
		    border: 1px solid #fff;
		    display: block;
		    position: relative;
		    margin: 10px;
		    cursor: pointer;
		}
		.share label:before {
		    background-color: white;
		    color: white;
		    content: " ";
		    display: block;
		    border-radius: 50%;
		    border: 1px solid grey;
		    position: absolute;
		    top: -5px;
		    left: -5px;
		    width: 25px;
		    height: 25px;
		    text-align: center;
		    line-height: 28px;
		    transition-duration: 0.4s;
		    transform: scale(0);
		}
		.share label img {

		    transition-duration: 0.2s;
		    transform-origin: 50% 50%;
		}
		.share:checked + label {
		    border-color: #ddd;
		}

		.share:checked + label:before {
		    content: "✓";
		    background-color: grey;
		    transform: scale(1);
		}
		.share:checked + label img {
		    transform: scale(0.9);
		    /* box-shadow: 0 0 5px #333; */
		    z-index: -1;
		}
		.share .my-carousel-item li{list-style: none;padding: 0px;margin:0px;}
		#Share-cart{padding-top: 0px!important}
		#Share-cart .modal-dialog{    margin-bottom: 0px;bottom: 0px!important;
		                              transform: translate(-10%, 0px)!important;}
		#Share-cart .modal-content{    height: 100%;}
		.contact-share-name-icon{border-bottom: 1px solid lightgrey;border-top: 1px solid lightgrey}
		.copy-barcode{display: flex;justify-content: space-between;}
		.copy-barcode .main-copy{width: 15%;}
		.copy-barcode{padding: 10px 0px; border-bottom: 1px solid lightgrey}
		#Read-only{padding-top: 0px!important}

		#Read-only .modal-content{background: transparent!important;border: none}
		.alert-readonly{padding: 0px!important}
		.alert-readonly button{width: 100%;padding: 10px 0px;
		                       border-bottom: 1px solid #cccccc;}

													 #cd-shadow-layer{z-index: 3;}

	.Store-brand-slider-main .item input[type="checkbox"]{visibility: hidden;display: none;}
		.Store-brand-slider-main .item ul{   margin-top: 10px; margin-bottom: 0px;}
		.Store-brand-slider-main .item ul li h5{font-size: 14px;
    font-weight: bold;
    letter-spacing: .09em}
		.Store-brand-slider-main .item .image-checkbox p{font-size: 18px;}

				.Store-brand-slider-main .item .nopad label{margin-bottom: 0px}
				#brand-km .modal-body, 	#brand-km .modal-body .col-md-12{padding: 0px}
				.Store-brand-slider-main .item	.image-checkbox-checked .fa-check{display: block!important; animation: zoom .5s ease }
			@keyframes zoom {
			0%{
				transform: scale(0.1);
			}
			100%{
				transform: scale(1);
			}
				}
				.Store-brand-slider-main .item .image-checkbox	.fa-check{display: none;}
				.Store-brand-slider-main .item .image-checkbox	.fa-check	{position: absolute;
					top: 0px;
					right: 20px;
					background: #63c6ed;
					border-radius: 50%;
					height: 25px;
					width: 25px;
					padding: 5px;
					color: #fff;transition: 1s ease; }

					.cart-store-profile, .brand-km-alert-button li, .Store-brand-slider-main{cursor: pointer;}
					.Store-brand-slider-main .item{cursor: pointer;}
					button{cursor: pointer;}
					/*financial sponser design css*/

					#Financial-sponser-Modal .modal-body ul li .media-body .heading h1{   font-size: 16px;
							font-weight: bold;margin-bottom: 0px}
					#Financial-sponser-Modal .modal-body ul li .media-body .discription p{font-size: 12px;
							color: #686868;
							margin-bottom: 5px;}
					#Financial-sponser-Modal .modal-body ul li{cursor: pointer;padding: 10px 0px;}
					#Financial-sponser-Modal .modal-body .head-top-list ul li .media-body .col-md-12, #Financial-sponser-Modal .modal-body .bottom-top-list ul li .media {    padding: 0px!important;}
					#Financial-sponser-Modal .modal-body ul li .media-body .price a{    color: #22a7de!important;}
					#Financial-sponser-Modal .modal-body ul li .media-body{border-bottom: 1px solid #efefef;}
						#Financial-sponser-Modal .modal-body .bottom-top-list li .media-left{display: inline-block;    width: 9%;
    float: left;}
			#Financial-sponser-Modal .modal-body .bottom-top-list li .media{border-bottom: 1px solid #efefef;}
				#Financial-sponser-Modal .modal-body .bottom-top-list li .media .col-md-12{padding: 0px!important}
		#Financial-sponser-Modal .modal-body .bottom-top-list li .media-left img{box-shadow: 0px 1px 3px #00000033;border-radius: 50%;
    height: 42px;
    width: 42px;}

		#Financial-sponser-Modal .modal-footer p{    margin: 10px 0px;
    font-size: 12px;}
				#Financial-sponser-Modal .modal-footer p a{color: #22a7de!important}
					/*financial sponser design css*/

					#Share-cart .modal-header{background: #f0f0f0;}
					#Share-cart .modal-content{overflow: hidden;}

						#largeModal2 .modal-body::-webkit-scrollbar {
					  display: none;
					}

					#RadeemModal #exTab1 .Redeem-card-list ul{margin-top: 1rem;}

					/* Rounded sliders */
					.slider.round {
					    border-radius: 34px;
					}

					.slider.round:before {
					    border-radius: 50%;
					}


					.header-title-popup{margin: auto 0px;}

					.done-btn span{
					    font-size: 18px;color: #25a8de;}

					.pop-up-modal-image{position: relative;
					                    display: flex;
					                    justify-content: center;
					                    align-items: center;}
					.pop-up-modal-image img{border-radius: 50%;width: 15%}
					.store-heading{    font-size: 18px;}
					.Area-count-after-click h4{font-size: 20px;}
					.brand-name-after-click h4{    font-size: 22px;    padding-top: 10px;}
					#largeModal2 .modal-content::-webkit-scrollbar {
					    display: none;
					}

					/* */
					.after-click-section.modal{padding-top: 0px!important}
					.after-click-section .modal-body{overflow-y:scroll;}

					@media (min-width: 992px){
					    .modal-lg {
					        max-width: 40%!important;}
					    .c-r-popup{    padding-left: 15%!important;}
							.list-menu ul li{
					        padding: 1rem 0.6em;}


									    #largeModal2 .modal-header .close{right: 18%;}

									    .popup-brand-image{    padding: 5px;}
					}

					.header-title-popup h1 {    font-size: 14px!important;
					    margin-bottom: 0px;}
					.header-title-popup h3 {
					    font-size: 13px;
					}

					.brand-name-after-click h4 {
					    font-size: 12px;}
					.popup-brand-image{    padding: 0px!important;}
					.after-click-section{overflow: hidden!important;}

					#cd-cart{    overflow-x: hidden!important;}
					/* popup*/
					#myModal {
					    display: none; /* Hidden by default */
					    position: fixed; /* Stay in place */
					    z-index: 1; /* Sit on top */
					    left: 0;
					    top: 0;
					    width: 100%; /* Full width */
					    height: 100%; /* Full height */
					    overflow: auto; /* Enable scroll if needed */
					    background-color: rgb(0,0,0); /* Fallback color */
					    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
					}

					/* Modal Content/Box */
					#myModal .modal-content {
					    background-color: #fefefe;
					    margin: 0px auto; /* 15% from the top and centered */
					    border: 1px solid #888;
					    width: 100%; /* Could be more or less, depending on screen size */
					}

					/* The Close Button */
					.close-item .close {
					    color: #aaa;
					    float: right;
					    font-size: 28px;
					    font-weight: bold;
					}

					.close-item .close:hover,
					.close-item .close:focus {
					    color: black;
					    text-decoration: none;
					    cursor: pointer;
					}
					#myModal{padding-top: 0px!important;}


					#largeModal .modal-header .close{margin: auto 0px!important;background-color:#a3a3a3;height: 40px;
					                                 width: 40px;border-radius: 50%;    position: relative;}
					.after-click-section .modal-header .x-icon{color: #fff;    position: absolute;
					                                           top: 50%;
					                                           left: 50%;
					                                           transform: translate(-50%,-50%);}
					.after-click-section .modal-header{background-color: #F5F5F5;border-radius: 20px 20px 0px 0px;}


					.Wish-button-cart{border:none;}
					.wish-cart-button-tex:focus
					{box-shadow: none!important;padding:0px;}
					.fitst-row{padding:0px!important;}
					.wish-cart-button-tex{padding:0px!important;}
					.fitst-row p{margin-bottom: 0px!important}
					.section-bottom-arrow{position: absolute;right: 0px}

					.brand-image{padding-right: 0px!important}
					.brand-image img,.popup-brand-image img{border-radius: 20%;box-shadow: 0px 1px 5px 0px #0000006b;}
					.cat-item-details h5{    font-size: 16px;}
					.cat-item-details h6{font-size: 14px}
					.cat-item-price {padding: 0px!important;margin: auto;color:#25a8de }
					.checkbox-icon{margin: auto;}
					.checkout-btn{background-image: linear-gradient(to right, #22A3DB 0%, #2478BC 51%, #283B91 100%)!important}
					.spacer-cart{height: 20px}
					.fitst-row h5{font-size: 16px;}
					.fitst-row h6{}
					.cart-down-arrow{position: absolute;
					                 right: -20px;
					                 top: -5px;
					                 font-size: 16px;}

					/*imp css cart popup */

					.modal-backdrop{    z-index: 1!important;}
					.slider-Home .carousel-indicators{z-index: 0!important;}
					.cart-down-arrow:focus{box-shadow: none!important}


					.switch {
					    position: relative;
					    display: inline-block;
					    width: 60px;
					    height: 34px;
					}

					.switch input {
					    opacity: 0;
					    width: 0;
					    height: 0;
					}

					.slider {
					    position: absolute;
					    cursor: pointer;
					    top: 0;
					    left: 0;
					    right: 0;
					    bottom: 0;
					    background-color: #ccc;
					    -webkit-transition: .4s;
					    transition: .4s;
					}

					.slider:before {
					    position: absolute;
					    content: "";
					    height: 26px;
					    width: 26px;
					    left: 4px;
					    bottom: 4px;
					    background-color: white;
					    -webkit-transition: .4s;
					    transition: .4s;
					}

					input:checked + .slider {
					    background-color: #2196F3;
					}

					input:focus + .slider {
					    box-shadow: 0 0 1px #2196F3;
					}

					input:checked + .slider:before {
					    -webkit-transform: translateX(26px);
					    -ms-transform: translateX(26px);
					    transform: translateX(26px);
					}

					/*scroll bar css */

					::-webkit-scrollbar
					{
					    width: 5px;
					    border-radius: 50%;
					}
					::-webkit-scrollbar-thumb{
					    background:linear-gradient(rgb(99 198 237), rgb(99 198 237));
					    border-radius: 10%;
					}
					/*scroll bar css */
.Following-btns .user-profilre-popup{display: flex;}
.Following-btns .user-profilre-popup li{width: 50%;	}

  #left_modal .modal-dialog .modal-content{    overflow: hidden;}
	#left_modal .modal-dialog .modal-content .modal-body{height: 90vh}

	.user-populeft-list {height: 100vh!important;
		overflow-x: hidden;
	    overflow-y: auto;}

			.user-populeft-list .list-profile{	overflow-y: scroll;
    height: 65vh;
    overflow-x: hidden;}
		.Following-btns .user-profilre-popup{    margin-bottom: 0px;}

		#notification {    padding: 0px!important;}
		#notification .modal-content{border: none}

		#notification .modal-content .modal-header .col-md-12{    padding: 0px!important;}

			#notification .modal-content .modal-header .close {
    padding: 0px;
    margin: 0px;
}
#notification .modal-content .modal-header{height: 10%;}
#notification .modal-body{    height: 90%;
    overflow: auto;}

		/*header-user-hover section*/
	.top-right-side .login-icon {position: relative;}
		.top-right-side .login-icon .user-image-title{display: flex;}
			.top-right-side .login-icon  .name-and-blance h1{font-size: 14px;
    margin-bottom: 0px;
    color: #686868;}
			.top-right-side .login-icon  .name-and-blance 	{padding-left: .5em;}


					.top-right-side .login-icon .User-hover{position: absolute;
    display: flex;    flex-direction: column;
    background: #fff;
    z-index: 777;
    top: 130%;
		box-shadow: 2px 2px 8px #00000066;
	border-radius: 4px;

    right: 0px;width: 530px;      padding: 15px 0rem 0px;}
			.top-right-side .login-icon .User-hover .left-menu,		.top-right-side .login-icon .User-hover .right-menu{    width: 50%;padding: 0px}
			.User-hover .manu-div .bottom-hover .header-hover-head{padding: 15px 15px 10px;}

			.top-right-side .login-icon .User-hover .bottom-hover{display: flex;}
				.top-right-side .login-icon .User-hover  .following-followe-div{display: flex;}

	.top-right-side .login-icon .User-hover	.top-hover-header-section	.media-left img{width: 45px;
	height: 45px;
	object-fit: cover;}

		.top-right-side .login-icon .User-hover	.top-hover-header-section	.media-body .name-and-user h4{    font-size: 16px;
    margin: 0px;
    color: #000;
    font-weight: bold;
    text-transform: capitalize;}
		.top-right-side .login-icon .User-hover	.top-hover-header-section	.media-body .name-and-user p {font-size: 12px;letter-spacing: 0.8px;
color: #686868;margin: 0px}

	.top-right-side .login-icon .User-hover	.top-hover-header-section	.media-body .following-followe-div{    position: absolute;
    bottom: 5px;
    width: 70%;
    display: flex;	}
		.top-right-side .login-icon .User-hover .bottom-hover{margin-top: 00px; }
		.User-hover .top-hover-header-section{    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 30px;}
		.margin-right-custom{    margin-right: 3rem;}
		.bottom-hover .left-menu, .bottom-hover .right-menu{padding: 15px;
  }

		.bottom-hover .left-menu{  border-right: 1px solid #e3e3e3;}
		.header-hover-head h4{font-size: 18px;
    font-weight: bolder;
    margin: 0px;
    color: #000;}
			.bottom-hover ul li {padding: 10px 15px!important;transition: .5s ease}
				.bottom-hover ul li:hover{background: #f2f2f2}
				.bottom-hover ul li .media-body{margin: auto;}
				.bottom-hover ul li .media-body p{margin-bottom: 0px;letter-spacing: 0.8px;
color: #000000;font-size: 14px;}
					.bottom-hover .custom-height-css{height: 60px;}
					.bottom-hover .custom-height-css.account-list .media{height: 100%;
    align-items: center;}

		.top-hover-header-section .media-right button{
			background: transparent;
    border: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #22a7de;
    font-size: 20px; transition: .5s ease;cursor: pointer;}
			.top-hover-header-section .media-right button:hover{background: #efefef;}
@media (min-width: 768px){
	.search-bar-top-section{max-width: 50%!important	;}
	header .top-right-side{    flex: 0 0 33%!important;
    max-width: 33%!important;}
		.login-icon .user-image-title .name-and-blance p{ font-size: 14px;
    margin: 0px;
    letter-spacing: 0.2px;
    color: #000000;}
}

.top-right-side .login-icon .User-hover::before{
	border: solid;
	content: "";
	height: 19px;
	width: 19px;
	background: white;
	position: absolute;
	top: -9px;
	right: 20%;
	z-index: -1;
	transform: rotate(
45deg
);
	border-color: #e2e2e2 #ff000000 #ff000000 #e2e2e2;
}
}


		/*header-user-hover section close*/

		.tooltip > .tooltip-inner {
  background-color: dodgerblue;
  text-shadow: 0 1px 1px #000;
  font-weight: normal;
}
.User-hover.show .manu-div{display: none;}
.add-account-main-div .account-header .media .media-body h1{margin: 0px;font-size: 20px;font-weight: bolder;}
.account-header{border-bottom: 1px solid #F2F2F2;
    padding: 1rem 15px;}
		.add-account-main-div .account-header .media .media-left .fa-arrow-left{font-size: 24px;
    color: #22a7de;}
		.account-list ul li .media .media-left img{width: 43px;height: 43px;border-radius: 50%;object-fit: contain;}
		.account-list ul li .media .media-left {margin-right: 1rem}

				.account-list ul li .media .media-body h1{margin: 0px;
    font-size: 18px;
    color: #000;
    font-weight: bolder;}
					.account-list ul li .media .media-body p {margin: 0px;color: #686868;font-size: 12px;letter-spacing: 0.8px;}
	.account-list ul li {padding: 15px 15px;transition: .5s ease;}
		.account-list ul li:hover{    background: #f2f2f2;}
	.other-account-footer .media .media-body h1{font-size: 16px;
    letter-spacing: 0.8px;margin-bottom: 0px}
	.other-account-footer .media .media-left img{    width: 33px;
    height: 33px;}
			.other-account-footer .media .media-left{margin-right: 1rem}
				.other-account-footer{    padding: .8rem 0px;
    border-top: 1px solid #f2f2f2;}
		.account-list{padding: 0px!important}
.add-account-main-div{display: none;}

.User-hover.show .add-account-main-div{display: block!important;}
.rightside-icon-list .login-icon .User-hover{display: none;}
.login-icon.show .User-hover{display: block!important;}
.login-icon:hover .User-hover{display: block!important;}
@media only screen and (max-width: 768px){
	.top-right-side .login-icon .name-and-blance h1{ont-size: 14px;
		margin-bottom: 0px;
		color: #000;
		font-weight: bolder;}
		.show-search-fillter .search-fillter-list::after{content: '';position: absolute;width: 30px;height: 30px;background: red}
	.bottom-hover ul li .media-body p{font-size: 12px;}
.top-right-side .login-icon .User-hover{
	    width: 340px;right: auto;    left: 0px;
			top: 120%;
}
.margin-right-custom {
    margin-right: 1rem;
}
.login-icon .user-image-title p{display: none;}
.top-right-side .login-icon .name-and-blance{margin: auto;}
.top-right-side .login-icon .User-hover::before{top: -9px;
    right: 90%;}
}
.main-filter-popup .modal-dialog{box-shadow: -5px 0px 6px #00000029;}
/*main fillter css */

@media (min-width: 768px){

.main-filter-popup{ background-color: #62626273!important;  padding-right: 0px!important;}
.main-filter-popup .modal-dialog{    height: 100%;
    margin: 0px 0px 0px auto!important;
    border: none;}

		.main-filter-popup .modal-dialog .modal-content{height: 100%;
    border: none;
    border-radius: 0px;}

			.main-filter-popup .modal-dialog .modal-content .modal-header{height: auto;background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: -5px 0px 6px #00000029;}
}
	.main-filter-popup .modal-dialog .modal-header .col-md-12{padding: 0px!important;height: 100%}
	.main-filter-popup .modal-dialog .modal-header .col-md-12 .media{height: 100%}
		.main-filter-popup .modal-dialog .modal-header .col-md-12 .media .media-body h5{text-align: center;
    font-weight: bolder;
    font-size: 20px;}
			.main-filter-popup .modal-dialog .modal-footer{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px -3px 6px #0000003B;}
#Filter-icon{cursor: pointer;}
.fillter-modal-lg .modal-dialog .modal-content .modal-body{    padding: 1rem 30px!important;}

.fillter-modal-lg .modal-dialog .modal-content .modal-body .list-fillter li a .media .media-right img{transform: rotate(90deg);transition: .5s ease}
.fillter-modal-lg .modal-dialog .modal-content .modal-body .list-fillter li a .active .media-right img {transform: rotate(270deg);}


.address-friend-map-list ul{background: #E4E4E449;border-radius: 12px;    padding: 5px 15px;}
.address-friend-map-list ul li{cursor: pointer;color: #686868;font-size: 14px;letter-spacing: 0.27px;
}

@keyframes show-filler {
0%{
	opacity: 0;
	height: 0px;
	overflow: hidden;
}

100%{
	height: auto;
	overflow: hidden;
	opacity: 1;
}
}

#exampleModal-address .modal-body .input-group label{width: 100%;margin: 0px}
#exampleModal-address .modal-body .input-group label input{width: 100%}
#exampleModal-address .modal-body .input-group label img{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}

#exampleModal-address .modal-body{    padding: 1rem 0rem!important;}
#exampleModal-address .modal-body .input-group {    width: 85%;
    margin: auto;}
#exampleModal-address{overflow-y: hidden!important;}
#exampleModal-address .modal-content{overflow-y: hidden!important;}

#exampleModal-address .modal-body .Addrss-list{padding: 0px!important}
#exampleModal-friends .modal-body .top-header-ss-bar label{width: 100%;position: relative;}
#exampleModal-friends .modal-body .top-header-ss-bar label input{width: 100%;background: #7676801F 0% 0% no-repeat padding-box;
border-radius: 10px; padding-left: 2.5rem;
    padding-right: 3rem;
}

#exampleModal-friends .modal-body .top-header-ss-bar label .qur{position: absolute; right: 10px;    top: 50%;
    transform: translateY(-50%);}
	#exampleModal-friends .modal-body .top-header-ss-bar label .sear-img-icon	{position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);}
			#exampleModal-friends .modal-body {height: 90%;    padding: 1rem 0rem;}
				#exampleModal-friends .modal-body .Friends-list-friends ul li  .image-friend img{    width: 52px;
    height: 52px;
    border-radius: 50%;box-shadow: 0px 1px 3px #00000033;}
						#exampleModal-friends .modal-content{overflow-y: hidden!important;}
									#exampleModal-friends .modal-body .top-header-ss-bar{    width: 85%;
    margin: auto;}
/*main fillter map */
#exampleModal-map-filler {padding: 0px;	}
#exampleModal-map-filler .modal-content{overflow-y: hidden!important;}
#exampleModal-map-filler .modal-content .modal-body{ overflow-y: auto;padding: 1rem 1rem;}

#exampleModal-map-filler .modal-content .modal-body .input-group label{position: relative;width: 90%;
    margin:1rem auto;}
#exampleModal-map-filler .modal-content .modal-body .input-group label input{width: 100%;     padding-left: 10%;
    background: #7676801F 0% 0% no-repeat padding-box;
    border-radius: 10px;}
#exampleModal-map-filler .modal-content .modal-body .input-group label img{position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);	}
		#exampleModal-map-filler .modal-content .modal-body .map-section .map{padding: 0px 10px;}
				#exampleModal-map-filler .modal-content .modal-body .map-section .map img{height: 370px;object-fit: cover;
    width: 100%;position: relative;}
				#exampleModal-map-filler .modal-content .modal-body .map-section .tag{position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);}
								#exampleModal-map-filler .modal-content .modal-footer .col-md-12 button{ width: 248px;
height: 45px;; background: #22A7DE 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 6px;
    margin: auto;}

													#exampleModal-map-filler .modal-content .modal-footer .col-md-12{text-align: center;}



													      /*RANGE */



													   #fillter-Range .fillter-popup-range {
													    position: relative;
													    width: 100%;
													    height: 2px;
													    }

													    #fillter-Range .fillter-popup-range input {
													    width: 100%;
													    position: absolute;
													    top: 2px;
													    height: 0;
													    -webkit-appearance: none;
													    }

													    #fillter-Range .fillter-popup-range input::-webkit-slider-thumb {
													      -webkit-appearance: none;
													      width: 30px;
													  height: 30px;background: #FFFFFF 0% 0% no-repeat padding-box;
													  box-shadow: 0px 3px 8px #00000026;
													  border: 0.5px solid #0000000A;
													  margin: -17px 0 -17px 0px;

													      border-radius: 50%;
													      background: #fff;
													      cursor: pointer;
													      border: 0 !important;
													    }

													 #fillter-Range .fillter-popup-range input::-moz-range-thumb {
													    width: 34px;
													  height: 34px;background: #FFFFFF 0% 0% no-repeat padding-box;
													  box-shadow: 0px 3px 8px #00000026;
													  border: 0.5px solid #0000000A;
													  margin: -17px 0 -17px 0px;

													      border-radius: 50%;
													      background: #fff;
													      cursor: pointer;
													      border: 0 !important;
													    }

													    #fillter-Range .fillter-popup-range input::-ms-thumb {
													      width: 34px;
													    height: 34px;background: #FFFFFF 0% 0% no-repeat padding-box;
													  box-shadow: 0px 3px 8px #00000026;
													  border: 0.5px solid #0000000A;
													     margin: -17px 0 -17px 0px;
													     border-radius: 50%;
													     background: #fff;
													     cursor: pointer;
													     border: 0 !important;
													    }


													    #fillter-Range .fillter-popup-range input::-webkit-slider-runnable-track {
													      width: 100%;
													      height: 2px;
													      cursor: pointer;
													      background: transparent;
													    }

													  #fillter-Range .fillter-popup-range input::-moz-range-track {
													     width: 100%;
													     height: 2px;
													     cursor: pointer;
													     background: transparent;
													    }

										#fillter-Range .fillter-popup-range input::-ms-track {
													     width: 100%;
													     height: 2px;
													     cursor: pointer;
													     background: transparent;
													    }

													    .fillter-popup-range {
													      background: linear-gradient(to right, #007AFF 0%, #007AFF 50%, #283a90 50%, #283a90 100%);
													  }

													    #fillter-Range .fillter-popup-range input:focus {
													      background: none;
													      outline: none;
													    }

													   #fillter-Range .fillter-popup-range input::-ms-track {
													      width: 100%;
													      cursor: pointer;
													      background: transparent;
													      border-color: transparent;
													      color: transparent;
													    }



													    .fillter-popup-range-labels {
													    margin: 0px 0px!important;
													    padding: 0;
													    list-style: none;
													    display: flex;
													      justify-content: space-between;
													    }
													    .fillter-popup-range-labels li {
													      position: relative;
													      float: left;
													      width: auto;
													      text-align: initial;
													      color: #686868;
													      font-size: 12px;
													      cursor: pointer;padding-top: 15px!important;padding-bottom: 20px!important;transition: .5s ease;
													      width: 20%;
													      height: 60px;
													    }

													    .Range-section ul .500m{text-align: center;
													      padding-right: 0rem;}
													        .Range-section ul .Town{text-align: center;}
													          .Range-section ul .City  {    text-align: center;
													      padding-left: 0rem;}
													            .Range-section ul .Country{text-align: right;}
.Range-section ul .Planet{text-align: right;}
													    .fillter-popup-range-labels .active {
													      color: #000;
													      padding-bottom: 12.5px!important;
													    padding-top: 25px!important;
													        font-size: 13px;
													    }
													    .fillter-popup-range-labels.selected::before {
													      background: #37adbf;
													    }

													    .fillter-popup-range-labels .active.selected::before {
													      display: none;
													    }
													    .Range-section{padding: 2rem 0px 3rem!important;}
													    .Range-section ul{list-style: none;padding: 0px;margin: 0px}
															#fillter-Range .Range-section {padding: 5px 0px 1.5rem 0px!important;}

															/*range close*/

																/*Categorey*/
																#fillter-Categories .category-firt-list li{border-bottom: none!important;    padding: 0px 0rem 1rem!important;}
																	#fillter-Categories  .list-category {background: #E4E4E449;
    border-radius: 12px;}
			#fillter-Categories  .list-category li .media .media-body p{font-size: 14px;
    color: #686868;
    margin-bottom: 0px}
			#fillter-Categories  .list-category li .media .media-body{margin: auto;}
			#fillter-Categories  .list-category li .media {  padding: 0px 15px 0px 10px;}
					#fillter-Categories  ul li label, #fillter-Categories .list-category li{cursor: pointer;}
								#fillter-Categories  .category-firt-list{    margin-top: 1rem;}
							#fillter-Places .fillter-after-click{	padding: 15px 0rem;}
							#fillter-Places .fillter-after-click .Places-fillter-list li{border-bottom: 0px!important;cursor: pointer;}
								#fillter-Places .fillter-after-click .Places-fillter-list li label{cursor: pointer;}
				 .Memberships-fillter-list{    padding: 0px 1.5rem	;}
				  .Memberships-fillter-list li{cursor: pointer;}
				 .list-Memberships li .media .media-body p{margin-bottom: 0px}
				 	 .list-Memberships {    background: #E4E4E449;
    border-radius: 12px;
    padding: 5px 15px;}
		 .list-Memberships li{cursor: pointer;	}


																/*Categorey close*/

																/*member ship card css*/
																#cards-that-i-accquired{padding-top: 0px}

																		#cards-that-i-accquired .modal-content{overflow-y: hidden;}
																			#cards-that-i-accquired .modal-content .modal-body{overflow-y: auto;}

																			#cards-that-i-accquired .modal-body .top-header-ss-bar label{width: 100%;margin: auto;position: relative;}
																						#cards-that-i-accquired .modal-body .top-header-ss-bar label input{    width: 100%;
    background: #7676801F 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding-left: 2.5rem;
    padding-right: 3rem;}
#cards-that-i-accquired .modal-body .top-header-ss-bar label .sear-img-icon{position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);}
			#cards-that-i-accquired .modal-body .top-header-ss-bar{    width: 95%;
    margin: auto;}
				#cards-that-i-accquired .modal-body .membercards-list ul{    margin-top: 2rem;}

					#cards-that-i-accquired .modal-body .membercards-list ul .image-member img{width: 60px;height: 40px;border-radius: 6px;}
						#cards-that-i-accquired .modal-body .membercards-list ul li{padding: 15px 0px;border-bottom: 1px solid #f2f2f2;cursor: pointer;}
						#cards-that-i-accquired .modal-body .membercards-list ul li .name-card h4{margin: 0px;font-size: 16px;color: #000000}
																/*memeber ship card close*/
																#fillter-StoreBY .store-by-list li{border-bottom: none!important;cursor: pointer;}
																	#fillter-StoreBY .store-by-list li label{cursor: pointer;}
																	#fillter-Preferences .Preferences-by-list li{border-bottom: none!important;cursor: pointer;}
																		#fillter-Preferences .Preferences-by-list li label{cursor: pointer;}
																.fillter-after-click ul li label		{font-size: 14px;cursor: pointer;
    color: #686868;
    letter-spacing: 0.4px;}
		.fillter-after-click ul li .media .media-body {margin-bottom: 0px;
    font-size: 14px;
    color: #686868;
    letter-spacing: 0.4px;
}

.fillter-modal-lg .modal-footer .bottombtn{display: flex;
    justify-content: space-between;}

		.fillter-modal-lg .modal-footer .bottombtn .reset-btn {    width: 30%;}
.fillter-modal-lg .modal-footer .bottombtn .apply-btn{    width: 60%;}
.fillter-modal-lg .modal-footer .bottombtn button{height: 45px}
	/*main fillter css close*/
#exampleModal-address .modal-dialog, #exampleModal-friends .modal-dialog, #exampleModal-map-filler .modal-dialog, #cards-that-i-accquired .modal-dialog {transition: none!important;}
.cart-counting {
    transform: translate(-35%, -50%);
    top: 20%;
    left: 50%!important;
}

.search-fillter-list li .media{width: 100%}
.search-fillter-list li .media a{width: 100%}

.book-mark-btn:hover a{color: #22A7DE!important}
.login-icon.show .user-image-top-header{    border-color: #00197f;border-width: 2px;}


.owl-carousel{    z-index: 0;}