@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;
}

.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: 14px;}
	.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;
}
.store-details-product .media-left {    margin-right: 0.5rem !important;}
.store-details-product .brand-logo-details img {
    width: 25px;
    height: 25px;}
.mobileview .carousel-item img{    height: 192px;}
.main-fillter-section .right-body {padding: 10px 5px!important;}
	.right-side-body .product-11 {
	    margin-bottom: 1rem!important;
	    width: 50%!important;
	    padding: 5px 5px;
	    margin: 0px;
	}
.product-size-custome {    padding: 10px 10px 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) {
.mobileview{display: none;}
}
/*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: 10px 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: 13px;
		    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}
.main-fillter-section{    margin-top: 3rem;}
.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}
.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}
.list-kk{list-style: none;padding: 0px;list-style: none;}
.list-kk .media-body select{width: 7rem;
    height: 2rem;box-shadow: 0px 1px 3px #00000029;border-radius: 4px;    border: none;
    padding: 0px 5px;}
.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;}

#price-fillter .modal-body .wrapper{    padding: 4rem 0px;}

#price-fillter .modal-footer{padding: 0px!important}
#price-fillter .modal-footer button{padding: 1rem;width: 100%;background: transparent;border: none;cursor: pointer;color: #38b0e1}
#price-fillter{padding-right: 0px!important;}
#price-fillter .modal-dialog{    margin: 0px 0px 0px auto;}
#price-fillter .modal-content{    height: 100vh;border-radius: 0px;    border: none;}
#price-fillter .modal-body{    display: flex;
    justify-content: center;
    align-items: center;}
.headign-price-range h2{text-align: center;font-size: 1.5rem;}
		/*popup css close*/

.input-type-amount{    display: flex;
    justify-content: space-between;}

.input-type-amount .form-group{    display: flex;
    justify-content: space-between;
    width: 100%;}

.input-type-amount input{    width: 45%!important;}
		.irs {
		    position: relative; display: block;
		    -webkit-touch-callout: none;
		    -webkit-user-select: none;
		     -khtml-user-select: none;
		       -moz-user-select: none;
		        -ms-user-select: none;
		            user-select: none;
		}
		    .irs-line {
		        position: relative; display: block;
		        overflow: hidden;
		        outline: none !important;
		    }
		        .irs-line-left, .irs-line-mid, .irs-line-right {
		            position: absolute; display: block;
		            top: 0;
		        }
		        .irs-line-left {
		            left: 0; width: 11%;
		        }
		        .irs-line-mid {
		            left: 9%; width: 82%;
		        }
		        .irs-line-right {
		            right: 0; width: 11%;
		        }

		    .irs-bar {
		        position: absolute; display: block;
		        left: 0; width: 0;
		    }
		        .irs-bar-edge {
		            position: absolute; display: block;
		            top: 0; left: 0;
		        }

		    .irs-shadow {
		        position: absolute; display: none;
		        left: 0; width: 0;
		    }

		    .irs-slider {
		        position: absolute; display: block;
		        cursor: default;
		        z-index: 1;
		    }
		        .irs-slider.single {

		        }
		        .irs-slider.from {

		        }
		        .irs-slider.to {

		        }
		        .irs-slider.type_last {
		            z-index: 2;
		        }

		    .irs-min {
		        position: absolute; display: block;
		        left: 0;
		        cursor: default;
		    }
		    .irs-max {
		        position: absolute; display: block;
		        right: 0;
		        cursor: default;
		    }

		    .irs-from, .irs-to, .irs-single {
		        position: absolute; display: block;
		        top: 0; left: 0;
		        cursor: default;
		        white-space: nowrap;
		    }

		.irs-grid {
		    position: absolute; display: none;
		    bottom: 0; left: 0;
		    width: 100%; height: 20px;
		}
		.irs-with-grid .irs-grid {
		    display: block;
		}
		    .irs-grid-pol {
		        position: absolute;
		        top: 0; left: 0;
		        width: 1px; height: 8px;
		        background: #000;
		    }
		    .irs-grid-pol.small {
		        height: 4px;
		    }
		    .irs-grid-text {
		        position: absolute;
		        bottom: 0; left: 0;
		        white-space: nowrap;
		        text-align: center;
		        font-size: 9px; line-height: 9px;
		        padding: 0 3px;
		        color: #000;
		    }

		.irs-disable-mask {
		    position: absolute; display: block;
		    top: 0; left: -1%;
		    width: 102%; height: 100%;
		    cursor: default;
		    background: rgba(0,0,0,0.0);
		    z-index: 2;
		}
		.lt-ie9 .irs-disable-mask {
		    background: #000;
		    filter: alpha(opacity=0);
		    cursor: not-allowed;
		}

		.irs-disabled {
		    opacity: 0.4;
		}


		.irs-hidden-input {
		    position: absolute !important;
		    display: block !important;
		    top: 0 !important;
		    left: 0 !important;
		    width: 0 !important;
		    height: 0 !important;
		    font-size: 0 !important;
		    line-height: 0 !important;
		    padding: 0 !important;
		    margin: 0 !important;
		    outline: none !important;
		    z-index: -9999 !important;
		    background: none !important;
		    border-style: solid !important;
		    border-color: transparent !important;
		}


		/* Ion.RangeSlider, Simple Skin
		// css version 2.0.3
		// © Denis Ineshin, 2014    https://github.com/IonDen
		// © guybowden, 2014        https://github.com/guybowden
		// ===================================================================================================================*/

		/* =====================================================================================================================
		// Skin details */

		.irs {
		    height: 55px;
		}
		.irs-with-grid {
		    height: 75px;
		}
		.irs-line {
		    height: 0px; top: 33px;
		    background: #EEE;
		    background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */
		    border: 1px solid #CCC;
		    border-radius: 16px;
		    -moz-border-radius: 16px;
		}
		    .irs-line-left {
		        height: 8px;
		    }
		    .irs-line-mid {
		        height: 8px;
		    }
		    .irs-line-right {
		        height: 8px;
		    }

		.irs-bar {
		    height: 4px; top: 33px;
		    border-top: 1px solid #428bca;
		    border-bottom: 1px solid #428bca;
		    background: #007AFF;
		}
		    .irs-bar-edge {
		        height: 10px; top: 33px;
		        width: 14px;
		        border: 1px solid #428bca;
		        border-right: 0;
		        background: #428bca;
		        background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
		        border-radius: 16px 0 0 16px;
		        -moz-border-radius: 16px 0 0 16px;
		    }

		.irs-shadow {
		    height: 2px; top: 38px;
		    background: #000;
		    opacity: 0.3;
		    border-radius: 5px;
		    -moz-border-radius: 5px;
		}
		.lt-ie9 .irs-shadow {
		    filter: alpha(opacity=30);
		}

		.irs-slider {
		    top: 25px;
		    width: 27px; height: 27px;
		    border: 1px solid #AAA;
		    background: #DDD;
		    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */
		    border-radius: 27px;
		    -moz-border-radius: 27px;
		    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
		    cursor: pointer;
		}

		.irs-slider.state_hover, .irs-slider:hover {
		    background: #FFF;
		}

		.irs-min, .irs-max {
		    color: #333;
		    font-size: 12px; line-height: 1.333;
		    text-shadow: none;
		    top: 0;
		    padding: 1px 5px;
		    background: rgba(0,0,0,0.1);
		    border-radius: 3px;
		    -moz-border-radius: 3px;
		}

		.lt-ie9 .irs-min, .lt-ie9 .irs-max {
		    background: #ccc;
		}

		.irs-from, .irs-to, .irs-single {
			color: grey;
	 font-size: 14px;
	 line-height: 1.333;
	 text-shadow: none;
	 padding: 10px 5px;
	 background: #ffffff;
	 border-radius: 3px;
	 margin-top: -2rem;
	 box-shadow: 0px 1px 5px 0px #00000045;
		}
		.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
		    background: #999;
		}

		.irs-grid {
		    height: 27px;
		}
		.irs-grid-pol {
		    opacity: 0.5;
		    background: #428bca;
		}
		.irs-grid-pol.small {
		    background: #999;
		}

		.irs-grid-text {
		    bottom: 5px;
		    color: #99a4ac;
		}

		.irs-disabled {
		}
		.store-details-product .brand-logo-details img
		{
			width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #e8e8e8;
    box-shadow: 0px 0px 4px -3px #000000a1;
		}

.store-details-product .media .media-left{margin: auto;}
.store-details-product .media .media-body{margin: auto;}
.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;}



/*range slider u[dated code ]*/