@font-face{
font-family: fastorder;
src : url('/api/public/font/AvenirLTStd-Roman.otf');
}
*{
	font-family: fastorder;
}
body{font-family: fastorder;}
:focus{outline: none!important}
.right-side-fillter .modal-header{    box-shadow: -10px -1px 6px -3px #000;    border-radius: 0px;}
.right-side-fillter .modal-header .close {
    padding: 0rem!important;
    margin: 0px!important;
}
.pagination-left-icon{    transform: rotate(180deg)!important;}
.fillter-with-icon{    padding-top: 1rem!important;}
.slider-Home:hover .carousel-control-prev, .slider-Home:hover .carousel-control-next{display: flex!important;}
#carouselExampleCaptions .carousel-control-prev, #carouselExampleCaptions .carousel-control-next{
	display: none;
}

.carousel-control-next {
    opacity: 1!important;
    background: #fff;
    height: 30%!important;
    width: 3%!important;
    top: 50%!important;
    transform: translate(0px, -50%);
    border-radius: 5px 0px 0px 5px;
}
.carousel-control-prev {
    opacity: 1!important;
    background: #fff;
    height: 30%!important;
    width: 3%!important;
    top: 50%!important;
    transform: translate(0px, -50%);
    border-radius: 0px 5px 5px 0px;
}
.desk-view .carousel-indicators {
    margin-top: 25px!important;
}

.carousel-indicators li{cursor: pointer;;background-color: #bcbcbc!important}
.carousel-indicators .active{background-color: #22a7de!important}

#price-fillter .modal-header .close{padding: 0rem!important;
margin: 0px!important;}
/*mobile view css*/
@media only screen and (max-width: 768px) {
	.shop-title{font-size: 10px;margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    top: 4px;}
	.second-headign-fillter .showfillter .list-style{display: block!important;}
	.second-headign-fillter .custome-lp .list-style{display: none;transition: .5s ease}
	.second-headign-fillter ul .fillter-headign {
    padding: 1.2rem 0px 0px!important;
}
.icon-wishlist {
    cursor: pointer;
    width: 15px!important;
    height: 15px!important;
    opacity: 1;
    background: url(/api/public/images/website-images/downloa.svg);
    background-repeat: no-repeat!important;
}
.store-details-product .media-left {    margin-right: 0.3rem !important;}
.store-details-product .brand-logo-details img {
	width: 20px;
height: 20px;
border: 1px solid #dedede;
border-radius: 50%;    object-fit: contain;
}
.mobileview .carousel-item img{    height: 192px;}
.main-fillter-section .right-body {padding: 0px 5px!important;}
	.right-side-body .product-11 {
	    margin-bottom: 1rem!important;
	    width: 50%!important;
	       padding: 0px 5px!important;
	    margin: 0px;
	}
.product-size-custome {        padding: 0px 0px 5px!important;}
	.list-kk .media-body select {
    width: 5rem!important;
    height: auto!important;
    box-shadow: 0px 1px 3px #00000029;
    border-radius: 4px;
    border: none;
    padding: 10px 5px!important;
}
.list-kk li .media {margin-right: 0.5rem !important;}
.right-body .right-header .list-kk {
    padding: 15px 0px 15px!important;
}
.right-header ul {
    display: flex;
    justify-content: center!important;
    flex-direction: row;
}
.right-body .col-md-12{padding: 0px!important}
	.right-side-fillter .modal-dialog {
    max-width: 100%!important;
}
.right-side-fillter .modal-content{border: none!important;}
.desk-view{display: none;}

}
/*mobile view css close*/

/*computer view css*/
@media only screen and (min-width: 768px) {
	.right-side-body .product-11{    max-width: 33.33%;
    flex: 0 0 33.33%;}
.mobileview{display: none;}
.More-optional{
    width: 75%!important;}
}
/*computer view css*/

/*common css*/
.mg-auto{margin: auto!important;}
.no-padding{padding: 0px!important}
.list-style{margin: 0px;padding: 0px;overflow: auto;list-style: none;}
.bg-grey{background: #f2f2f2}
.bg-white{background: #fff!important}
.color-grey{color: #686868}
/*common css close*/

.right-header ul{display: flex;
    justify-content: flex-end;
    flex-direction: row;}


		.product-size-custome{    border-radius: 5px;
		    box-shadow: 0px 0px 5px -2px #000000a3;padding: 0px 0px}

				.icon-wishlist {
				    cursor: pointer;
				    width: 22px;
				    height: 21px;
				    opacity: 1;
				    background: url(/api/public/images/website-images/downloa.svg);
				    background-repeat: no-repeat;
				}
				.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');
				    background-repeat: no-repeat;
				}

				@keyframes test {
				    0%   {transform: scale(1);}
				    25%  {transform: scale(.5);}
				    50%  {transform: scale(1.2);}
				    100% {transform: scale(1);}
				}
		.product-size-custome .product-discription .product-subtitle{    font-size: 11px;
		    color: grey;}
					.product-size-custome .star-q-r{display: flex!important;justify-content: start!important;
		    align-items: center!important;    margin-bottom: 0rem;}
				.product-size-custome .star-q-r .quantity a{font-size: 12px}
			.product-size-custome .star-q-r .review-number a{font-size: 12px;}
			.product-size-custome  .reviw-star-image{    width: 24px;}
			.product-size-custome .main-price{font-size: 1.5rem;
		}
		.product-size-custome .header-imgage img{width: 100%}

		.right-side-body .product-11{margin-bottom: 1rem;    padding: 0px 8px;}
.main-fillter-section{    margin-top: 1rem;margin-bottom: 1rem}
.right-side-fillter-tab {    padding: 1rem 0px!important;height: 100%!important;     box-shadow: 0px 1px 3px #00000033;border-radius: 4px}
.right-side-fillter-tab .heading-fillter-s h1{font-size: 1.5rem;    margin-bottom: 0px;}
.right-side-fillter-tab .heading-fillter-s{    border-bottom: 1px solid #f2f2f2;
    padding: 0px 1rem;}
.right-side-fillter-tab .heading-fillter-s p{margin-bottom: 0px}
.right-side-fillter-tab  .second-headign-fillter{    padding: 1.4rem 1rem;}
.fillter-dd ul  li{padding: 10px 0px;border-bottom: 1px solid lightgray;cursor: pointer;}
.fillter-dd .media-left{    margin-right: .5rem;
    color: darkgrey;}
.right-side-fillter-tab  .second-headign-fillter{    padding: 0rem 1rem;}
.fillter-dd ul  li .media-body h4{margin-bottom: 0px!important;font-size: 20px}


.right-body .right-header .list-kk{    padding: 0px 20px 10px;}
.right-body .right-header .list-kk .media-left{margin-right: 1rem!important}
.list-kk{list-style: none;padding: 0px;list-style: none;}
.list-kk .media-body select{width: 100%;
    height: 2rem;box-shadow: 0px 1px 3px #00000029;border-radius: 4px;    border: none;
    padding: 0px 5px;border-right: 5px solid transparent;font-size: 12px;
    color: #646464;}
.footer-right-bb .pagination{justify-content: center;margin-top: 2rem}
.footer-right-bb .pagination li{margin: 0px 10px}
.footer-right-bb .pagination li a{background: transparent;border: none}
.footer-right-bb .pagination .active a{    background: #38b0e1;
    color: #fff!important;
    border: none;border-radius: 5px;}


		/*popup css*/
.right-side-fillter{padding-right: 0px!important}
.right-side-fillter .modal-dialog{    margin: 0px 0px 0px auto;}

.right.modal.fade .modal-dialog{-webkit-transform: translate(25%, 0%)!important;
    transform: translate(0%, -0%)!important;}
.right-side-fillter .modal-content{    height: 100vh;    border-radius: 0px;}
.brand-kl{list-style: none;padding: 0px;margin: 0px;}
.brand-kl li{width: 33.33%;float: left;text-align: center;    margin: 10px 0px;cursor: pointer;
}
.brand-kl li img{width: 90px;height: 90px;box-shadow: 0px 1px 3px #00000033;
border-radius: 4px;
}

.right-side-fillter .modal-dialog {  max-width: 30%;}

.right-side-fillter .modal-footer{padding: 0rem;}

.right-side-fillter .modal-footer button{width: 100%;
    height: 100%;
    border: none;
    padding: 1rem;
    background: none;
    color: #38b0e1;cursor: pointer;transition: .5s;}

.right-side-fillter .modal-footer button:hover{color: #fff; background: #3baddd;}

		/*popup css close*/

.store-details-product .media .media-left{margin: auto;    margin-right: .2rem!important;}
.store-details-product .media .media-body{margin: auto;    font-size: 11px;}
.store-details-product .media .media-right{margin: auto;}

.second-headign-fillter ul {list-style: none;padding: 0px;margin: 0px;}
.second-headign-fillter ul .fillter-headign{    padding: 1.5rem 0px 15px;}

.brand-kl li {position: relative;}
.brand-kl li .checked-img{position: absolute;
    width: 20px;
    height: 20px;
    right: 0px;
    top: 0px;display: none;}
.brand-kl .select .checked-img{display: block;}
		.brand-kl li .checked-img img{width: 100%!important;
    height: 100%!important;box-shadow: none!important}

.right-side-fillter .modal-body{height: 90vh;overflow-y: auto;}
.load-more-button{border: none;
    padding: 5px 15px;
    background: #3bb1e1;
    color: #ffffff;
    border-radius: 4px;
    margin: 10px 0px;}


.clear-both{clear: both}
.load-more-button.disable	{background: #80d0f1!important;}

.list-kk li{
	margin-left: 2rem;
}

.product-size-custome .col-md-12{
	padding: 0px!important
}


.product-size-custome .store-details-product{
	padding: 5px 10px!important;
}

		.white-btn{background: #fff}
		.blue-btn{background: #0090FF!important}
		.brown-btn{background: #6D3700!important}
.product-size-custome{transition: .5s ease;cursor: pointer;}
.product-size-custome:hover{box-shadow: 1px 3px 10px #00000066;}
.product-size-custome .header-imgage{position: relative;}
.More-optional{ position: absolute!important;
    bottom: 0px;
    width: 55%!important;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 15px;
    font-size: 12px;
    padding: 5px 10px 5px 10px;}
	.More-optional .meida-right{    margin-right: -8px;}
.More-optional button{height: 18px;
    width: 18px;
    border-radius: 50%;
    border: none;
    margin-right: -15px;
    margin-left: 4px;
		border: 1px solid #adadad;
	}
.color-icon-circel{    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-40%);}

		.More-optional .media{    justify-content: space-between;}

.product-size-custome:hover .More-optional{display: none;}
.product-size-custome:hover .size-on-hover{display: block;}
	.size-on-hover{display: none;}
	.size-on-hover{  transition: .5s ease;  position: absolute!important;
    bottom: 0px;
    left: 0px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: #FFFFFFCF;padding: 10px 0px;text-align: center;}
.size-on-hover-btns{text-align: center; }

.size-on-hover-title{letter-spacing: 0.17px;
color: #686868;font-size: 10px;    margin-bottom: .5rem;}
.size-on-hover-btns button{   cursor: pointer; background: #fff;
    width: 40px;
    height: 20px;
		line-height: 18px;
		border: 1px solid #d2d2d2;
	font-size: 12px;
	margin: 0px 3px;}
.size-on-hover-btns button.active{    background: #e2e2e2;}
.price-sale-cut{
	font-size:17px;
	color:rgba(104,104,104,1);
	text-decoration:line-through;
}
@media only screen and (max-width: 768px) {
	.More-optional{ width: 80%!important;
    box-shadow: 0px 0px 3px -1px #00000080;    font-size: 10px;}
		.size-on-hover-title{font-size: 9px;}
		.size-on-hover{
			    padding: 10px 0px!important;
		}
		.right-side-body.list-product .More-optional {
    width: 35%!important;
}
		.right-side-body{    padding: 0px 0px;}
		.product-size-custome .product-titile{font-size: small}
		.product-size-custome .product-discription .product-subtitle {
    font-size: 9px;}
		.product-size-custome .main-price {
    font-size: 1.1rem;
}

.price-sale-cut{
	font-size:15px;
	color:rgba(104,104,104,1);
	text-decoration:line-through;
}
}


.fastOrder-fillter ul{padding: 0px;list-style: none;margin: 0px}
.fastOrder-fillter ul li{
	padding: 8px 0px;
    border-bottom: 1px solid #e2e2e2;
		cursor: pointer;
}

.fastOrder-fillter ul li .icon {transition: .5s ease}

.fastOrder-fillter ul .rotate-icon .icon {    transform: rotate(90deg);}
.fastOrder-fillter ul .rotate-icon.collapsed .icon{	    transform: rotate(0deg);}

.inner-heading-left-side h3{
	font-size: 18px;
margin-bottom: 15px;
margin-top: 15px;
font-weight: 600;
}
.fillter-with-icon{padding: 1rem 0px 0px!important}
.fillter-with-icon .meida-body h3{    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 600;}
.fillter-with-icon .meida-body{    margin: auto 0px;}

.Barnd-search-bar-main{padding: 0px!important}
.Barnd-search-bar-main .Barnd-search-bar label{width: 100%;margin-bottom: 0px;position: relative;cursor: pointer;}
.Barnd-search-bar-main .Barnd-search-bar label input{width: 100%;    border: 1px solid lightgrey;
    padding: 3px 2rem;
    border-radius: 5px;
    margin: 1rem 0px;}
.Barnd-search-bar-main .Barnd-search-bar label img{    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);}

		.Barnd-search-bar-main{    height: 25rem;
    overflow: auto;}
		.brand-list li{cursor: pointer;}
		.color-select label{width: 100%;margin-bottom: 0px!important}

		.color-select li .media-left{    margin: auto 0.5rem auto 0px;}
		.color-select li .media-left .round-color-btn{height: 30px;
    width: 30px;
    border-radius: 50%;}

		.color-select li .media-body{    margin: auto;}
	.color-select li 	.meida-right{    margin: auto;}

	.color-select li{padding-bottom: 0px!important;}
	.black-btn{background: #000}
	.select-all-btn{background: #F2FAFD 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 3px #00000029; cursor: pointer;
border-radius: 2px;border: none}

.color-select{    height: 25rem;
overflow: auto;}

#size .size-select{padding: 0px!important;}

.size-select li {    width: 33.33%;float: left;}
.size-select li button{    width: 90%;
    font-size: 12px;
    height: 45px;
    cursor: pointer;
		border-radius: 2px;
		border:1px solid #8D8D8D;
		    background: transparent;transition: .5s ease;
	}
	.size-select li button:hover, 	.size-select .active button {border-color: #22A7DE}
	overflow: auto;
.material-select label{width: 100%; cursor: pointer;}
li label{cursor: pointer;}

.style-list{    height: 25rem;
overflow: auto;}

.mobile-main-menu .mobile-Fillter-menu ul{    margin: 0px;
    padding: 0px;
    overflow: hidden;
    list-style: none;    display: flex;
    justify-content: space-between;}
.mobile-main-menu .mobile-Fillter-menu ul li img{       width: 18px;}

.mobile-main-menu{    background: #fff;}
.mobile-main-menu .mobile-Fillter-menu ul li {padding: 10px 10px;cursor: pointer;}

.mobile-main-menu .mobile-Fillter-menu ul li .media-left{    margin-right: .5rem;}
.mobile-main-menu .mobile-Fillter-menu ul li {color: #22A7DE}
.mobile-Fillter-menu{    padding: 0px!important;}

.icon-changer .icon-one{display: none;}
.icon-changer.second .icon-two{display: none;}
.icon-changer.second .icon-one{display: inline-block;}

.icon-changer.second {}

.right-side-body.list-product .product-11{    width: 100%!important;}

.right-side-body.list-product .More-optional{    width: 41%!important;}
#mobile-size{overflow: auto;}
@media only screen and (max-width: 768px) {
.hide-on-mobile{display: none;}
section nav ol{margin: 0px!important;font-size: 12px;    padding: 10px 15px!important;}
.main-fillter-section {
    margin-top: 0rem;
}
.right-side-fillter-tab{padding: 0px!important}
.right-header{display: none;}
.right-side-fillter-tab{background: transparent!important;
    border: none;
    margin: 10px 0px;box-shadow: none}
		.mobile-main-menu .mobile-Fillter-menu ul li{    font-size: 14px;}
		.right-side-fillter-tab .heading-fillter-s h1 {
    font-size: 20px;
    margin-bottom: 0px;
}
.right-side-body.list-product .product-size-custome .header-imgage img {
    width: 100%;
    height: 250px;
    object-fit: contain;
}
}


.right-side-fillter-tab{background: #fff}
#mobile-fillter .modal-dialog{
	margin: 0px!important;
padding: 0px;
height: 100%;
}

#mobile-fillter .modal-dialog .modal-content{border: none;border-radius: 0px;     animation: .5s ease-in-out left-slide ;height: 100%}

#mobile-fillter .modal-header .close-btn{padding: 0px!important;margin: 0px!important;    background: transparent;
    border: none;
    font-size: 18px;}
#mobile-fillter .modal-header .media-body{text-align: center;}
#mobile-fillter .modal-header .media-left{margin-right: 1rem}
#mobile-fillter .modal-header{    height: 8vh;
    line-height: 1.2rem;
    padding: 0px 15px;}
#mobile-fillter .modal-header .media{width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}

		#mobile-fillter .modal-body{padding: 0px;overflow-y: auto;}


.modal.fade .modal-dialog{
transform: translate(0, 0%)!important;
}

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

100%{
	left: 0%;
}
}


@media only screen and (min-width: 768px) {
	.no-p-body-m{padding: 0px!important}
	.mobile-main-menu{display: none;}
	nav ol{margin-bottom: 0px!important;
}
}


.collapse.show{overflow: auto;}

nav ol{padding-left: 0px!important}


/*display option on mobile popup*/
#display-show-popup .modal-dialog{margin: 0px;
    height: 100%;}

		#display-show-popup .modal-dialog .modal-content{
			border: none;    height: 100%;border-radius: 0;
			    animation: .5s ease-in-out left-slide;
		}

 #display-show-popup .form-check-mobile-icon-popup{padding: 0px;margin:0px;list-style: none;}
 #display-show-popup .form-check-mobile-icon-popup li{     padding: 10px 30px;
    border-bottom: 1px solid #e4e4e4;}

#display-show-popup .modal-header .close-btn {background: transparent;border: none}

#display-show-popup .modal-header .media-body .modal-title {text-align: center;}
#display-show-popup .modal-header .media{width: 100%!important}


#SortBy-show-popup .modal-dialog{margin: 0px;
    height: 100%;}
		#SortBy-show-popup .modal-dialog .modal-content{
			border: none;    height: 100%;border-radius: 0;
					animation: .5s ease-in-out left-slide;
		}
		 #SortBy-show-popup .form-check-mobile-icon-popup{padding: 0px;margin:0px;list-style: none;}

		 #SortBy-show-popup .form-check-mobile-icon-popup li{     padding: 10px 30px;
		    border-bottom: 1px solid #e4e4e4;}

		#SortBy-show-popup .modal-header .close-btn {background: transparent;border: none}

		#SortBy-show-popup .modal-header .media-body .modal-title {text-align: center;}
		#SortBy-show-popup .modal-header .media{width: 100%!important}

.brand-logo-details img{width: 28px;
    height: 28px;
    border-radius: 50%;
    box-shadow: 0px 0px 6px -2px #00000094;}
		.product-size-custome .header-imgage img {
    height: 250px;
    object-fit: contain;
}
@media only screen and (max-width: 768px){
	.product-size-custome .padding{
	    padding: 0px 10px 0px !important;
	}

}
@media only screen and (min-width: 768px){
	.product-size-custome .padding{
	    padding: 10px 10px 0px !important;
	}
	.store-details-product .media .media-left {
	    margin: auto;
	    margin-right: 1rem!important;
	}
}

.jQWCP-wWidget.jQWCP-block {
	position: relative;
	border-color: transparent!important;
	    box-shadow: none!important;
	    background: transparent;
}

.jQWCP-wWheel{width: 100%!important;
    height: 100%!important;
    margin-right: 0px!important;}
.jQWCP-wVal.jQWCP-slider-wrapper, .jQWCP-wPreview{display: none!important;}
.jQWCP-wWidget.jQWCP-block{padding: 0px;
    height: 260px;
    width: 260px;

    margin: auto;
    align-items: center;    display: flex!important;    justify-content: center;}
.color-preview-box{  line-height: 60px;
    text-align: center;  border-radius: 4px;
    height: 60px;
    border: 1px solid #f2f2f2;
    width: 100%;background-color:#f2f2f2;}
		.col-md-12.color-result{padding: 0px!important}

		.jQWCP-wWheelCursor {
			width: 15px!important;
		    height: 15px!important;    visibility: hidden;}
	.jQWCP-wWheelCursor::before{content: '\f1db';
    font-family: FontAwesome;
    font-style: normal;
    visibility: initial;
    font-weight: normal;
    position: absolute;
    color: #fff;
		top: 50%;  text-shadow: 0 0 4px #0000006b, 0 0 0px #00000000, 0 0 0px #00000000;
transform: translate(-50%, -50%);
left: 50%;}
				.col-md-12.color-select{    margin-top: 20px;}

.rangesldier{width: 100%;	   background: #f4f4f4;
    height: 2px;}

.rangesldier::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

.rangesldier:hover {
  opacity: 1;
}

.rangesldier::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #fff;
	box-shadow:0px 0px 5px -2px #000000a3;
  cursor: pointer;
	border-radius: 50%;

}

.rangesldier::-moz-rangesldier-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}
.range-slider-static{margin-top: 15px;}
.col-md-12.color-select{padding: 0px}

.color-preview-text{opacity: 0.3;}

.product-size-custome .reviw-star-image img{    width: 100%;
    height: 100%;}


.More-option{position: absolute;
    bottom: 40px;
    z-index: 1;
    width: 100%;
    overflow: visible;
    display: flex;
    justify-content: center;}
	.More-option .more-option-buttons{ display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    background: #fff;
    padding: 0px 5px;
    border-radius: 40px;
    border: 1px solid;}
		.color-icon-button{display: flex;
    align-items: center;
    justify-content: center;}

		.color-icon-button button{height: 18px;
    width: 18px;
    border-radius: 50%;
    border: none;
    margin-right: -10px;
    margin-left: 4px;
    border: 1px solid #adadad;}
		.more-option{    padding-left: 20px;}
		.more-option span{font-size: 12px;
    color: #000;}
.product-size-custome:hover .More-option{display: none;}