@font-face{

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

*{font-family: fastorder}

.search-page body{font-family: fastorder!important;height: 100% ;   background: #f2f2f2;}

html{height: 100%}
.container {
    max-width: 1290px!important;
}

.search-page header {
    background: #fff;
    padding: 2rem 0px 0px;
      box-shadow: 0px 1px 3px #00000029;
}

/*header.search setting*/
.search-page header .col-md-8 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-8.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(-30%, -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: 0px 6px 10px -3px #0000004f;
}
.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;
}

#search{position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);}

		header .col-md-8 .top-list-menu{display: flex;
    margin: 0px;
    padding: 0px;
    list-style: none;
    justify-content: space-around;;}
header .col-md-8 .top-list-menu li{    padding: 10px 0px;}
#Search input{  padding: 10px 2rem;
    border: 1px solid lightgray;
    border-radius: 4px;}
#Search input:focus{outline: none}
button:focus{outline: none!important}
header .col-md-8 .top-list-menu li a{color: #686868}
header .col-md-8 .top-list-menu .active a{color: #22A7DE;border-bottom: 3px solid;
    padding-bottom: 3px;}
	.show-search-fillter{padding: 0px!important}
.mg-auto{margin: auto;}
header .col-md-2{cursor: pointer;}
header .col-md-2 .media-body{color: #22A7DE}


.layout-change-btn{text-align: right;}
.layout-change-btn ul{    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: flex-end;align-items: center;}

		.layout-change-btn ul li{margin-left: 1rem;}
.search-result p{margin-bottom: 0px}
.top-layout-second{padding: 1rem 0px;}
.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-section .col-md-12.product{transition: .5s ease;background: #fff;    border-radius: 6px;
    border: 1px solid #f2f2f2;box-shadow: 0px 1px 3px #00000033;cursor: pointer;padding: 0px!important}

.product-section .col-product{     width: calc(20% - 10px);
    margin: 10px 5px;}

	.product-title h4{font-size: 20px;    text-align: center;}
.product-image{    height: 190px;    margin-bottom: 10px;}
.product-image img{height: 100%;width: 100%;    object-fit: contain;}
.product-section .col-product .col-md-12 .media-body h4{    font-size: 20px;
    color: grey;}

.layout-change-btn ul .active a{background: #cfcfcf;
    padding: 5px;
    border-radius: 4px;}

.layout-2 .col-product {
    width: calc(100% - 10px);
    margin: 10px 5px;
    transition: none!important;
}
.layout-2 .col-md-12.product{
	overflow: auto;
}
.layout-2 .product-image {
    height: 149px;
}
.layout-2  .product-image{    width: 20%;    float: left;}
.layout-2 .product-title{width: 50%;
    float: left;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);}
		.layout-2 .price-book{
    width: 30%;
    position: absolute;
    float: right;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);}
	.layout-2	.product-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
		@media only screen and (max-width: 768px){
			.layout-2 .col-product .col-md-12 .media-body h4{    font-size: 20px!important;}
			.layout-change-btn ul li {
    margin-left: 0rem;
		    margin-right: .5em;
}
.layout-change-btn{   justify-content: flex-end!important;   margin: 0px 0px 0px;    width: 50%;
    float: left;}
		.search-result{    width: 50%;
    margin: auto 0px;}
		.search-result p {
    margin-bottom: 0px;
    font-size: 12px;
}
.vertical-line{    margin: 0px 8px 0px 8px!important;}
.product-section{padding: 0px 10px!important;}
.layout-2 .product-image{margin-bottom: 0px!important}
.layout-2 .price-book .media .media-right {
    margin: auto;
    margin-right: 0rem!important;
}
.filler-main-show .filler-button-section{    width: 100%!important;
    overflow: hidden;
    background: #fff;
    position: fixed;
    top: 0px;
    z-index: 99999;
    height: 100%;}
		.mobile-view-overflow-hidden{overflow-y: hidden!important;}
.filler-main-show .main-body-on-searh {
    padding: 0px!important;
}
.layout-change-btn .filler-button button .media-body span{    font-size: 14px;}
		header .col-md-8 .top-list-menu{overflow-x: scroll;    justify-content: flex-start;}
				header .col-md-8 .top-list-menu li{  margin-right: 5rem;}
				.search-page header{    padding: 10px 0px 0px;height: auto!important;
    position: sticky!important;
    top: 0px;}
				.show-search-fillter {
		    padding: 0px 15px!important;
		}
		.product-section .col-product {
		    width: calc(50% - 10px)!important;}
				.product-image {
		    height: 150px;
		}
		.layout-2 .col-product{
    width: calc(100% - 10px)!important;}
		.layout-2 .product-title{width: 60%;
    float: left;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    right: 0px;}
		.layout-2 .product-image {
    width: 40%;
    float: left;
}
		.layout-2 .product-title h4 {text-align: left;}
		.layout-2 .price-book {
    width: 60%;
    position: absolute;
    float: right;
    right: 0px;
        top: 70%;
    transform: translate(0px);
    padding-left: 0px;
}
.layout-2 .col-product{    margin: 5px 5px;}
.layout-2 .product-image {
    height: 100px;
}

		}
.product-section .col-md-12.product:hover{box-shadow: 0px 3px 10px #00000066;}
.layout-change-btn ul li a{opacity: .5}
.layout-change-btn ul .active a, .layout-change-btn ul li:hover a{opacity: 1}

.layout-2 .col-product .col-md-12 .media-body h4{    font-size: 35px;margin-bottom: 0px}
.layout-2  .price-book .media .media-right{    margin: auto;
    margin-right: 2rem;}
	.result-icon{  margin: 0rem auto;
    text-align: center;
    height: 28em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;}
		.result-icon h1 {    font-size: 20px;}

.layout-change-btn{display: flex;
    justify-content: flex-end;}

		.fill-buttons{background: transparent;
    padding: 0px 0px;
    border-radius: 6px;
    margin-left: 1rem;
    border: 1px solid #22a7de;
    width: 30%;
    font-size: 12px;}
		.fill-buttons button{    font-size: 14px;border: none;
    background: transparent;
    text-align: center;
    width: 50%;
    float: left;    height: 100%;
    padding: 5px;
    text-align: center;cursor: pointer;}
.fill-buttons .active{background: #22a7de;
    color: #fff;}
.fill-buttons{width: 60%}
.no-fillter-btn-right .fill-buttons{display: none;}
.search-fillter-list a {color: inherit!important;}


/*New css update*/

.vertical-line{    height: 100%;
    width: 1px;
    background: #cfcfcf;
    margin: 0px 0px 0px 1rem;
    border-radius: 70px;}

		.filler-button button{border: none;background: transparent;transition: .5s ease;cursor: pointer;color:#22a7de}

		.filler-button button:hover{    background: #cfcfcf;border-radius: 4px;color:#22a7de }
		.filler-main-show .filler-button{    background: #cfcfcf;
    border-radius: 4px;}

				.filler-main-show .search-body-start{      display: flex;
    flex: 1;
    width: 100%;
    justify-content: center;
    margin: auto;
    padding: 0px 0px;}
						.filler-main-show .filler-button-section{width: 45%;
    overflow: hidden;  background: #fff}
							.filler-main-show 	.product-section .col-product {
    width: calc(33.33% - 12px);
    margin: 10px 6px;
}
.filler-main-show .layout-2 .col-product{width: calc(100% - 10px)!important;}
.filler-main-show .filler-main-show{padding: 0px 10px;}
.filler-main-show  .main-body-on-searh{    padding: 0px 1rem 0px 3rem;}


.search-page header{position: relative;z-index: 5}
			.filler-main-show .filler-button-section .fillter-popop{height: 100%}
			.filler-main-show .filler-button-section  .filler-popop-header{      height: 10%;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0px 15px;
		background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0.5px 0px #00000029;}
			.filler-main-show .filler-button-section  .filler-popop-header .media{width: 100%}
			.filler-main-show  .filler-popop-body{    height: 80%;
    overflow-y: auto;padding:0px 10px }
.filler-main-show .filler-button-section .filler-popop-footer{height: 10%;display: flex;align-items: center;border-top: 1px solid #cecece}
.filler-main-show .filler-button-section .filler-popop-footer .col-md-12 button{background: transparent;border: none;cursor: pointer;}
.filler-main-show .filler-button-section .filler-popop-footer .col-md-12 .reset-button{height: 45px;
border: 2px solid #22A7DE;
border-radius: 6px;width: 30%;color: #22A7DE;margin-right: 15px}
.filler-main-show .filler-button-section .filler-popop-footer .col-md-12 .Apply-button{    width: 70%;
    color: #fff;
    height: 45px;
    background: #22A7DE 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 6px;}
		.filler-main-show .filler-button-section .filler-popop-footer .col-md-12 {    display: flex;
    justify-content: space-between;}
.layout-change-btn ul li{cursor: pointer;}

.filler-popop-body ul{list-style: none;padding: 0px;margin: 0px}
.filler-popop-body ul li .col-md-12{padding: 0px!important}
.filler-popop-body ul li a{list-style: none;color: initial;text-decoration: none;}
.filler-li-list li label .media .filler-check {    margin-right: 10px;}

.filler-list-popop .filler-main-parent-li {padding: 10px 0px;border-bottom: 1px solid #f2f2f2!important;position: relative;	}
.filler-list-popop li{border-bottom: none!important}
.filler-list-popop li .select-div{    position: absolute;
    top: 0px;
    right: 0px;}
.inner-fillter-mainlists{padding-top: 1rem}

.filler-li-list li .fill-ter-div{
	cursor: pointer;
	display: flex;
	width: 100%;cursor: pointer;padding: 0px 0px;border-bottom: none;margin-bottom: 0px
}
 .arow-tite-icon  img{transition: .5s ease}
.filler-list-popop li .active .arow-tite-icon  img{transform: rotate(90deg);}
.select-div .fillter-selelct-all-check{    background: transparent;
    border: none;color: #22A7DE;cursor: pointer;font-size: 14px;
    letter-spacing: 0px;}
		.inner-fillter-mainlists{    max-height: 28rem;
    overflow-y: auto;}
				.filler-li-list li label{padding: 10px 0px 10px;margin: 0px;width: 100%;cursor: pointer;}
.filler-li-list li{padding: 0px!important}
				.searh-fill-main label{margin-bottom: 0px;width: 100%;position: relative;margin-top: 1.2rem}
								.searh-fill-main label input{width: 100%;background: #7676801F;border: none;border-radius: 4px;height: 35px;    padding-left: 2.5rem;}
									.searh-fill-main label input:focus{outline: none}
											.searh-fill-main label .searh-bar-btn{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
											.show-user-prefrence{
												position: absolute;
    right: 10px;
    top: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #00000024;
    border-radius: 4px;
    width: 171px;
    height: 40px;
    display: flex;
    z-index: 1;
    align-items: center;
    padding: 10px;
	}
	.option .title{    font-size: 17px;letter-spacing: 0px;
color: #000000;}
		.show-user-prefrence .user-pp .media-body  h4{font-size: 14px;
    color: #686868;
    margin-bottom: 0px;letter-spacing: 0px;}
		.three-dout-item{position: relative;}

		.filler-li-list li .fill-ter-div{position: relative;}
		.show-user-prefrence{display: none;}
		.show-fill .show-user-prefrence{display: block!important;}
		.headign-list h4{margin: 0px;
    font-size: 17px;
    font-weight: bold;
    color: #000}

.Show-prefrence-on-filler .fillter-popop{display: none;}
html,body{height: 100%}
.search-page header{    height: 20vh;}
.filler-main-show .search-body-start{height: 100vh}
.main-body-on-searh{    height: 100%;
    overflow-y: auto;}

		/*Userprefrence css*/
		.user-preference-screen{height: 100%;background: #fff}
		.user-preference-screen .user-prefrence-header{       padding-left: 10px;
    padding-right: 10px; height: 10%;
			background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 0.5px 0px #00000029;    position: relative;
    z-index: 1;}
		.user-preference-screen .user-prefrence-header .media{    height: 100%;
    align-items: center;}
				.user-preference-screen .user-prefrence-header .media .media-body h4{margin-bottom: 0px;text-align: center;letter-spacing: 0.42px;
color: #000000;font-size: 18px;}
				.user-preference-screen .user-prefrence-body{    height: 80%;
    background: #fff;}
						.user-preference-screen  .user-prefrence-footer{height: 10%;
    display: flex;
    justify-content: center;
    align-items: center;background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px -0.5px 0px #0000003B;position: relative;z-index: 1	}
		/* Hide scrollbar for Chrome, Safari and Opera */
		.main-body-on-searh::-webkit-scrollbar {
		  display: none;
		}

		/* Hide scrollbar for IE, Edge and Firefox */
			.main-body-on-searh{
		  -ms-overflow-style: none;  /* IE and Edge */
		  scrollbar-width: none;  /* Firefox */
		}

				/* Hide scrollbar for Chrome, Safari and Opera */
				body::-webkit-scrollbar {
				  display: none;
				}

				/* Hide scrollbar for IE, Edge and Firefox */
				body{
				  -ms-overflow-style: none;  /* IE and Edge */
				  scrollbar-width: none;  /* Firefox */
				}
					header .center-searh-bar{    max-width: 60.666667%;}
					/*scroll bar css */

					.filler-main-show .filler-popop-body::-webkit-scrollbar
					{
							width: 5px;
							border-radius: 50%;
					}
					.filler-main-show .filler-popop-body::-webkit-scrollbar-thumb{
							background:linear-gradient(rgb(99 198 237), rgb(99 198 237));
							border-radius: 10%;
					}

							.inner-fillter-mainlists::-webkit-scrollbar
							{
									width: 5px;
									border-radius: 50%;
							}
							.inner-fillter-mainlists::-webkit-scrollbar-thumb{
								background: linear-gradient(rgb(144 144 144), rgb(123 123 123));
border-radius: 10px;
							}

/*new Search bar*/

#myInput{width: 100%}

#Price-filler .wrapper .range-slider label{width: 100%;position: relative;}
.price-range-slider-labels{    display: flex;
    justify-content: space-between;
    align-items: center;}
		.price-range-slider-labels span::before {    content: '';
    position: absolute;
    height: 18px;
    width: 2px;
    background: #cccccc;
    top: -18px;}

#Price-filler .wrapper{margin-top: 1rem}

.filler-button-section{display: none;}
.filler-li-list label .media .media-body{    font-size: 14px;
    letter-spacing: 0px;
    color: #000000;
    line-height: 1.2em;}

.product-section .col-product{transition: .5s ease width}
.filler-main-show .filler-button-section{display: block!important;transition: .5s ease;animation: .5s fade linear}

@keyframes fade {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
/*Price-range*/


.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: 20px;
		    width: 27px; height: 27px;
				background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 8px #00000026;
border: 0.5px solid #0000000A;
		    border-radius: 27px;
		    -moz-border-radius: 27px;

		    cursor: pointer;
		}

		.irs-slider.state_hover, .irs-slider:hover {
			background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow:0px 4px 5px #2c2c2c40;
border: 0.5px solid #0000000A;
		}

		.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::after, .irs-to::after, .irs-single::after{    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%) rotate(
45deg
);
    box-shadow: 5px 5px 7px #00000029;
    border-radius: 1px;}
		.irs-from, .irs-to, .irs-single {
			color: #686868;
	 font-size: 14px;
	 line-height: 1.333;
	 text-shadow: none;
	 padding: 10px 5px;
	 background: #FFFFFF 0% 0% no-repeat padding-box;
	 box-shadow: 0px 3px 8px #00000029;
	 border-radius: 3px;
	 margin-top: -2rem;

		}
		.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 {
		}


.price-fillerbody{    padding: 1rem 15px;}



/*RANGE */

.user-prefrence-body .Range-section{padding: 0px!important}
.user-prefrence-body .Range-section ul{padding: 0px;margin: 0px;list-style: none;}
.user-prefrence-body .Range-section ul li .no-padding{padding: 0px!im}




/*RANGE */



.prefrence-list-popup .popup-range {
position: relative;
width: 100%;
height: 2px;
}

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

.prefrence-list-popup .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;
}

.prefrence-list-popup   .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;
}

.prefrence-list-popup .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;
}


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

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

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

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

.prefrence-list-popup .popup-range input:focus {
background: none;
outline: none;
}

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



.popup-range-labels {
margin: 0px 0px!important;
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
}
.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 .No{text-align: center;
padding-right: 0rem;}
	.Range-section ul .Neutral{text-align: center;}
		.Range-section ul .Yes {    text-align: center;
padding-left: 0rem;}
			.Range-section ul .Extremely-yes{text-align: right;}

.popup-range-labels .active {
color: #000;
padding-bottom: 12.5px!important;
padding-top: 25px!important;
	font-size: 12px;
}

.popup-range-labels .selected::before {
background: #37adbf;
}

.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}

.prefrence-list-popup .modal-body .amount-specific{padding: 0px;
display: flex;
justify-content: space-between;}

	.prefrence-list-popup .modal-body .amount-specific  h4{margin-bottom: 0px;font-size: 16px;color: #686868}

		.prefrence-list-popup .modal-body .top-head-image-title{padding: 2rem 0px 2rem;}
		.prefrence-list-popup .modal-body .defination-popup-body{max-width: 100%;
margin: auto;}
		.prefrence-list-popup .modal-body .defination-popup-body .top-head-image-title .media .media-body h4 {    font-size: 18px;
padding-left: .4em;
margin: 0px;}
.prefrence-list-popup .top-head-image-title .media .media-left .image-div{position: relative;}
.prefrence-list-popup .top-head-image-title .media .media-left .image-div .icon-change-img{position: absolute;
top: 0px;
right: -10px;
width: 20px;
height: 20px;}
	.prefrence-list-popup .top-head-image-title .media .media-left .image-div .product-image-popup{box-shadow: 0px 1px 3px #00000033;height: 50px; width: 50px; border-radius: 50%;position: relative;object-fit: contain;}
	.Nothing-bottom-section{padding: 0px!important}
	.Nothing-bottom-section .text h4{font-size: 14px;
color: #686868;}
.prefrence-filler-image-and-name{      padding: 2rem 0px 1rem 0px;}
		.prefrence-list-popup .modal-body {padding: 0px!important}
		.prefrence-filler-image-and-name .media-left .product-image-div{position: relative}
			.prefrence-filler-image-and-name .media-left .product-image-div .main-image{   overflow: hidden; box-shadow: 0px 1px 3px #00000033;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
    object-fit: contain;}
			.prefrence-filler-image-and-name .media-left .product-image-div .main-image img{height: 100%;
    width: 100%;
    object-fit: contain;}

				.prefrence-filler-image-and-name .media-left .product-image-div .icon-image-change{position: absolute;right: 0px;top: 0px;    transform: translate(10px, -5px);}
							.prefrence-filler-image-and-name .media-body h4{margin-bottom: 0px;letter-spacing: 0.18px;font-size: 15px}
.filler-notes{padding: 2rem 0px 0px }
.product-image-div  .icon-image-change img{display: none;}
.product-image-div.yes  .icon-image-change .yes-icon{display: block!important;}
.product-image-div.Extremely-No-icon  .icon-image-change   .Extremely-no-icon{display: block!important;}
.product-image-div.No  .icon-image-change   .no-icon{display: block!important;}
.product-image-div.Extremely-yes .icon-image-change   .Extremely-Yes-icon{display: block!important;}

.filler-notes p{display: none;    margin-bottom: 0px;color: #686868;
    font-size: 14px;
    letter-spacing: -0.09px;}
.filler-notes.Neutral .Neutral{display: block!important;}
.filler-notes.Extremely-No-icon .Extremely-No{display: block!important;}
.filler-notes.No .No{display: block!important;}
.filler-notes.yes .yes{display: block!important;}
.filler-notes.Extremely-yes .Extremely-yes{display: block!important;}
.user-prefrence-footer .done-btn{width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}
		.user-prefrence-footer .done-btn button{background: #22A7DE 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 6px;
opacity: 1;height: 45px;width: 70%;border: none;color: #fff}

@media only screen and (max-width: 768px){
	header .center-searh-bar {
    max-width: 100%;
}
}

/*search page css*/

.inner-fillter-mainlists .filler-li-list .filler-header-headign h5{margin-bottom: .5rem;margin-top: .5rem;letter-spacing: 0px;
color: #000000;font-size: 16px}
.inner-fillter-mainlists .filler-li-list li label .media-body p{margin-bottom: 0px;font-size: 12px;
    letter-spacing: 0.5px;}
    .inner-fillter-mainlists .filler-li-list li label .media-body .color-grey{color: #686868}
    .headign-option-fashion   .inner-fillter-mainlists .filler-li-list li label{padding: 5px 0px 5px;}
    .color-filler-fashion .filler-li-list li label input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    width: 15px;
height: 15px;
margin: 9px auto 0px auto!important;}

    .color-filler-fashion .filler-li-list li .color-div{    width: 25px;
    height: 25px;
    border-radius: 50%;
    box-shadow: 0px 0px 3px -1px #00000096;}
        .color-filler-fashion  .filler-li-list label .media .media-body span{font-size: 14px;color: #000}
              .color-filler-fashion   .filler-li-list li label {
    padding: 5px 5px 5px;
}
  .color-div.Black{background: #000}
  .color-div.White{background: #fff}
  .color-div.Blue{background: #0090ff}
    .color-div.Grey{background: #8D8D8D}
      .color-div.Green{background: #00A30B}
        .color-div.red{background: #FF0000}
          .color-div.Multi{background: linear-gradient(to top,#00c700 0%, #7400e4 31%, #008199 35%, #0772bc 50%, #eb0077 100%);}
            .color-div.Yellow{background: #FFF700}
              .color-div.Brown{background: #6D3700}
                .color-div.Beige{background: #FFDE70}
              .main-image .user-p-color {width: 100%;
    height: 100%;background: linear-gradient(to top,#00c700 0%, #7400e4 31%, #008199 35%, #0772bc 50%, #eb0077 100%); }