*{
	
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
	src: url('fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),	/* IE6-8 */
		 url('fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),	/* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
	src: url('fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),	/* IE6-8 */
		 url('fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),	/* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/eot/IRANSansWeb(FaNum)_Light.eot');
	src: url('fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),	/* IE6-8 */
		 url('fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),	/* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
	src: url('fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),	/* IE6-8 */
		 url('fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),	/* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/eot/IRANSansWeb(FaNum).eot');
	src: url('fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),	/* IE6-8 */
		 url('fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),	/* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),	/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

@font-face {
	font-family: 'DroidNaskh-Regular';
	src: url('fonts/DroidNaskh-Regular.eot');
	src: url('fonts/DroidNaskh-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/DroidNaskh-Regular.woff') format('woff'),
	url('fonts/DroidNaskh-Regular.ttf') format('truetype'),
	url('fonts/DroidNaskh-Regular.svg#DroidNaskh-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidKufi';
	src: url('fonts/DroidKufi-Bold.eot');
	src: url('fonts/DroidKufi-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/DroidKufi-Bold.woff') format('woff'),
	url('fonts/DroidKufi-Bold.ttf') format('truetype'),
	url('fonts/DroidKufi-Bold.svg#DroidKufi-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BYekan';
	src: url('fonts/BYekan.eot');
	src: url('fonts/BYekan.eot?#iefix') format('embedded-opentype'),
	url('fonts/BYekan.woff') format('woff'),
	url('fonts/BYekan.ttf') format('truetype'),
	url('fonts/BYekan.svg#BYekan') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
		font-family: 'BMitra';
		src: url('fonts/BMitra.eot');
		src: url('fonts/BMitra.eot?#iefix') format('embedded-opentype'),
				 url('fonts/BMitra.woff') format('woff'),
				 url('fonts/BMitra.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'BoldMitra';
		src: url('fonts/BMitraBold.eot');
		src: url('fonts/BMitraBold.eot?#iefix') format('embedded-opentype'),
				 url('fonts/BMitraBold.woff') format('woff'),
				 url('fonts/BMitraBold.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'IRANSans-Light-web';
		src: url('fonts/IRANSans-Light-web.eot');
		src: url('fonts/IRANSans-Light-web.eot?#iefix') format('embedded-opentype'),
				 url('fonts/IRANSans-Light-web.woff') format('woff'),
				 url('fonts/IRANSans-Light-web.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}

.captcha{
	border: 1px solid;
	border-radius: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
	cursor: pointer;
}

hr{
	clear: both;
}

a:hover, a:focus{
	text-decoration: none;
	outline: 0;
}

i{
	vertical-align: middle;
}

a{
	cursor: pointer;
}

a.btn:focus{
	color: #FFF;
}

a.btn-default:focus{
	color: #222;
}

section, footer, header, aside{
	display: block;
}

textarea{
	resize: vertical;
}

video,
audio,
.video-show{
	border: 2px solid;
	box-shadow: 0px 0px 3px 0px black;
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

.div-center{
	margin: 0 auto;
}

label{
	font-weight: normal;
	cursor: pointer;
}

.text-default{
	color: #222 !important;
}

.text-purple{
	color: #8e34c5 !important;
}

.yekan{
	font-family: BYekan;
	line-height: 1.5;
}

a:focus{
	color: inherit;
}

a.text-default:hover,
a.text-default:focus{
	color: #999 !important;
}

a.text-success:hover,
a.text-success:focus{
	color: #2E5C2F !important;
}

a.text-danger:hover,
a.text-danger:focus{
	color: #933231 !important;
}

a.text-purple:hover,
a.text-purple:focus{
	color: #65258b !important;
}

a.text-primary:hover,
a.text-primary:focus{
	color: #336087 !important;
}

a.text-info:hover,
a.text-info:focus{
	color: #29556b !important;
}

a.text-warning:hover,
a.text-warning:focus{
	color: #785e31 !important;
}

.text-left{
	direction: ltr;
}



.label{
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: white;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

.alert:not(.no-sign){
	padding: 10px;
	text-align: justify;
	overflow: hidden;
	padding-right: 100px;
	position: relative;
}

.alert.no-sign{
	padding: 10px;
	border-radius: 2px;
	font-size: 12px;
}

.BYekan{
	font-family: BYekan;
}

[dir="ltr"]{
	direction: ltr;
	font-family: tahoma;
}

.content-item{
	cursor: default;
}

.alert:not(.no-sign):after{
	content: "";
	position: absolute;
	font-family: FontAwesome;
	top: -5px;
	right: 5px;
	font-size: 70px;
	opacity: .3;
}

.alert-warning:not(.no-sign):after{
	content: "";
}

.alert-danger:not(.no-sign):after{
	content: "";
}

.alert-info:not(.no-sign):after{
	content: "";
}

.alert-success:not(.no-sign):after{
	content: "";
}

.alert hr{
	margin-top: 10px;
	margin-bottom: 10px
}

.hr{
	margin: 0;
	margin-bottom: 15px;
}

.noty_message{
	text-align: right !important;
	font-size: 13px !important;
	font-weight: normal !important;
}

.i-am-new,
.i-am-new li{
	z-index: 9999999999999999999999;
}

.fz{
	font-size: 0;
	margin: 0;
	padding: 0;
}

.no-select{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.transition{
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.transition-all,
.transition-all *{
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.row.margin-no{
	margin-left: 0;
	margin-right: 0;
}

.breadcrumb{
	background: none;
}

.c{
	overflow: hidden;
}

input.am-switch,
input.am-label{
	clip: rect(0,0,0,0);
	position: absolute;
	margin: 0;
	font-size: 0;
	min-height: auto;
}

input.am-label:disabled + label:after{
	opacity: .5;
}

input.am-label + label{
	position: relative;
	min-height: 12px;
	min-width: 17px;
}

input.am-label.large + label{
	min-width: 20px;
	min-height: 17px;
}

input.am-label.small + label{
	min-width: 14px;
	min-height: 11px;
}

.label-desc{
	display: inline-block;
	margin: 0;
}

.am-label + label:after,
.am-label + label:before{
	content: " ";
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	font-family: FontAwesome;
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

.am-label.small + label:after,
.am-label.small + label:before{
	font-size: 17px;
}

.am-label.large + label:after,
.am-label.large + label:before{
	font-size: 26px;
}

.am-label + label:after{
	transform: scale(0);
	-webkit-transform: scale(0);
}

.am-label + label:before{
	transform: scale(1);
	-webkit-transform: scale(1);
}

.am-label:checked + label:after{
	transform: scale(1);
	-webkit-transform: scale(1);
}

.am-label:checked + label:before{
	transform: scale(0);
	-webkit-transform: scale(0);
}

.am-label.square[type="checkbox"] + label:after{
	content: "";
	color: #009688;
}

.am-label.square[type="checkbox"] + label:before{
	content: "";
	color: #717171;
}

.am-label[type="radio"] + label:after{
	content: "";
	color: #009688;
}

.am-label[type="radio"] + label:before{
	content: "";
	color: #717171;
}

.am-switch + label{
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	position: relative;
	border-radius: 10px;
	width: 35px;
	height: 13px;
	background: #aeaeae;
	top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.am-switch:checked + label{
	background: #72d486;
}

.am-switch + label:before{
	content: "";
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	position: absolute;
	top: -4px;
	left: -3px;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	background: #8d8d8d;
}

.am-switch:checked + label:before{
	background: #1baf3d;
	left: 17px;
}

.showable{
	display: none;
	list-style-position: inside;
	padding-right: 0px;
}

li.showable{
	list-style-image: url('images/dot-for-textss.png');
}

/*	Confirm	*/

.confirm-main{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900001;
	display: none;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	overflow-y: auto;
	overflow-x: hidden;
	cursor: pointer;
}

.bg4{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 900000;
	background: rgba(0,0,0,.1);
	left: 0;
	display: none;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
}

.confirm{
	position: absolute;
	top: 60px;
	width: 350px;
	left: calc(50% - 175px);
	z-index: 9999999999;
	cursor: auto;
}

.confirm img{
	max-width: 75%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.confirm-body{
	padding: 10px;
	background: WHITE;
	box-shadow: 0px 0px 5px 0px #999;
	z-index: 2;
}

.confirm-footer{
	box-shadow: 0px 0px 5px 0px #999;
	padding: 10px;
	border-top: 1px solid #DDD;
	text-align: left;
	background: WHITE;
}

.confirm-last{
	margin-bottom: 60px;
}

.confirm-footer button{
	color: #245d4b;
	border-radius: 2px;
	background: none;
	border: 0;
	padding: 3px 13px;
	margin-right: 5px;
}

.confirm-footer button.red{
	background: #ff6363 !important;
	color: #FFF !important;
}

.confirm-footer button.purple{
	background: #7c38ec !important;
	color: #FFF !important;
}

.confirm-footer button.blue{
	background: #6365ff !important;
	color: #FFF !important;
}

.confirm-footer button.green{
	background: #33b951 !important;
	color: #FFF !important;
}

.confirm-footer button.yellow{
	background: #cece00 !important;
	color: #fff !important;
}

.pv{
	position: absolute;
	bottom: 6px;
	right: 6px;
	font-size: 20px;
}

#remember{
	top: 3px;
}

.confirm-footer button:hover{
	background: #e7e7e7;
}

.col-mar{
	margin-left: -10px;
	margin-right: -10px;
}

/* ---------------- START ---------------- */

.cir-ripple{
	background: rgba(0, 0, 0, .2);
}

body{
	background: #eceff1;
	font-family: IRANSans;
}

.left-text{
	direction: ltr;
	text-align: left;
}

img{
	max-width: 100%;
	height: auto;
}

.admin-pan{
	position: fixed;
	left: -25px;
	top: 37%;
	background: #ff6060;
	font-size: 26px;
	border-radius: 0px 2px 2px 0px;
	z-index: 99999;
}
.admin-pan:hover{
	left: 0;
}
.admin-pan a{
	color: white;
	display: block;
	padding: 3px 10px;
}

.iconis{
	background: url('images/icons.png') no-repeat;
}

.iconis.label-green-two-step{
	height: 113px;
	background-position: 0px -150px;
	width: 252px;
}

.iconis.label-red{
	background-position: 0 -262px;
	height: 37px;
	width: 197px;
}

.iconis.spof{
	height: 132px;
	position: absolute;
	top: -41px;
	left: 40px;
	width: 40px;
	background-position: -7px -339px;
	z-index: 2;
}

.iconis.coming{
	height: 140px;
	position: absolute;
	top: -41px;
	left: 40px;
	width: 40px;
	background-position: -108px -339px;
	z-index: 2;
}

.iconis.not-exist{
	height: 135px;
	position: absolute;
	top: -41px;
	left: 40px;
	width: 40px;
	background-position: -54px -479px;
	z-index: 2;
}

.iconis.stop-sale{
	height: 145px;
	position: absolute;
	top: -41px;
	left: 40px;
	width: 40px;
	background-position: -7px -479px;
	z-index: 2;
}

.iconis.stop-produc{
	height: 130px;
	position: absolute;
	top: -41px;
	left: 40px;
	width: 40px;
	background-position: -57px -339px;
	z-index: 2;
}

.iconis .txt-rotate{
	transform: rotate(-90deg);
	display: block;
	width: 113px;
	font-size: 20px;
	font-family: BYekan;
	color: #FFF;
	position: absolute;
	top: 60px;
	left: -35px;
}

.iconis.not-exist .txt-rotate{
	top: 80px;
}

.iconis.stop-sale .txt-rotate{
	top: 55px;
}

.iconis.spof .txt-rotate{
	top: 55px;
}

.iconis.coming .txt-rotate{
	top: 85px;
}

.iconis.stop-produc .txt-rotate{
	left: -34px;
}

.inline-block{
	display: inline-block;
}

.clear{
	clear: both;
}

.block{
	display: block;
	width: 100%;
}

.butn{
	white-space: nowrap;
	padding: 10px 15px;
	background: #f7f7f7;
	border: 0;
	color: #222;
	border-radius: 2px;
}

.butn[disabled]{
	opacity: .4;
}

.butn:hover{
	color: #222;
}

.butn.butn-xs{
	padding: 3px 5px;
}

.butn .cir-ripple{
	background: rgba(0, 0, 0, .2);
}

.butn.butn-green{
	background: #1de9b6;
}

.butn.butn-cyan{
	background: #00b8d4;
}

.butn.butn-deep-purple{
	background: #673ab7;
}

.butn.butn-red{
	background: #ff5252;
}

.butn.butn-yellow{
	background: #ffeb3b;
}

.butn.butn-orange{
	background: #ff9800;
}

.butn.butn-blue-grey{
	background: #607d8b;
}

.butn.butn-grey{
	background: #9e9e9e;
}

.butn.butn-blue{
	background: #3f51b5;
}

.butn.butn-blue,
.butn.butn-blue-grey,
.butn.butn-cyan,
.butn.butn-deep-purple,
.butn.butn-orange,
.butn.butn-red{
	color: #FFF;
}

.butn.butn-blue .cir-ripple,
.butn.butn-blue-grey .cir-ripple,
.butn.butn-deep-purple .cir-ripple,
.butn.butn-red .cir-ripple{
	background: rgba(255, 255, 255, .4);
}

.butn.signed{
	padding-right: 55px;
	position: relative;
}

.butn.butn-xs.signed{
	padding-right: 45px;
}

.butn.signed:before{
	position: absolute;
	content: attr(data-sign);
	font-family: FontAwesome;
	font-size: 21px;
	right: 0;
	height: 100%;
	color: #484848;
	top: 0;
	line-height: 40px;
	background: rgba(255, 255, 255, 0.5);
	width: 40px;
	text-align: center;
}

.butn.signed.butn-xs:before{
	font-size: 18px;
	line-height: 28px;
}

.butn.butn-blue.signed:before,
.butn.butn-cyan.signed:before,
.butn.butn-blue-grey.signed:before,
.butn.butn-deep-purple.signed:before,
.butn.butn-red.signed:before{
	color: #FFF;
	background: rgba(0, 0, 0, 0.5);
}

.butn:not(.none-active):active{
	box-shadow: 0px 4px 3px -1px #807777;
	transition: all .3s;
}

.am-tab{
	position: relative;
}

.am-tab .tab-item{
	margin-bottom: 10px;
	cursor: pointer;
	z-index: 2;
}

.tab-item{
	display: inline-block;
	text-align: center;
	padding: 10px;
}

.full-tab[data-length="2"] .tab-item{
	width: calc(100% / 2);
}

.full-tab[data-length="3"] .tab-item{
	width: calc(100% / 3);
}

.full-tab[data-length="4"] .tab-item{
	width: calc(100% / 4);
}

.am-tab .tabs{
	border-bottom: 1px solid #ddd;
	position: relative;
}

.am-tab .cursor{
	height: calc(100% - 10px);
	position: absolute;
	background: #a8a8a81a;
	top: 0;
	border-bottom: 3px solid #f50057;
	z-index: 0;
}

.full-tab .tab-item{
	position: relative;
}

.am-tab .contents{
	padding-top: 15px;
}

.am-tab .contents .content-item{
	width: 100%;
}

/* -------------------------------- HEADER -------------------------------- */

.blur .heading,
.blur .sidebar,
.blur .content{
	-webkit-filter: blur(15px);
	filter: blur(15px);
}

.main > .heading{
	height: 55px;
	position: relative;
	overflow: hidden;
	position: fixed;
	width: 100%;
	z-index: 2;
	left: 0;
	top: 0;
	right: 0;
	z-index: 10;
	box-shadow: 0px 0px 2px 0px #7f7f7f
}

.heading .icons:active,
.heading .cir-ripple{
	background:	rgba(255, 255, 255, .4);
}

.sidebar-control{
	z-index: 2;
}

.heading .background{
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.heading.tmp-primary .background{
	background: #4f21b9;
}

.heading.tmp-single .background{
	background: #00897b;
}

.heading.tmp-search .background{
	background: #e91e63;
}

.heading.tmp-shippng .background{
	background: #ff5722;
}

.heading.tmp-proforma .background{
	background: #00bcd4;
}

.heading.tmp-payment .background{
	background: #ffeb3b;
}

.heading.tmp-profile .background{
	background: #607d8b;
}

.heading.tmp-cart .background{
	background: #9c27b0;
}

.heading.tmp-404 .background{
	background: #f44336;
}

.heading.tmp-callback .background{
	background: #2196f3;
}

.heading.tmp-ticket .background{
	background: #8bc34a;
}

.heading.tmp-single-page .background{
	background: #9e9e9e;
}

.heading.tmp-proforma .icons:active,
.heading.tmp-payment .icons:active,
.heading.tmp-proforma .cir-ripple,
.heading.tmp-payment .cir-ripple{
	background: rgba(0, 0, 0, 0.1);
}

.heading.tmp-payment .icons{
	color: #666
}

.heading .user .tmp-payment.bg{
	background: #FFF;
}

.logo-brand{
	background: rgba(0,0,0,.3);
	width: 240px;
	height: 100%;
	padding: 15px 10px;
}

.logo-brand img{
	width: 120px;
	height: auto;
}

.heading .icon-area{
	padding: 7px;
	height: 200%;
	position: relative;
	top: -50%;
}

.heading .icons{
	height: 100%;
	width: 80px;
	border-radius: 50%;
	cursor: pointer;
	color: #FFF;
	font-size: 21px;
	text-align: center;
	margin-left: -15px;
}

.heading .icons i{
	position: absolute;
	left: 0;
	right: 0;
	top: calc(50% - 12px);
}

.heading .user .bg{
	background: #21b67c;
	height: 35px;
	width: 40px;
	border-radius: 50%;
	position: absolute;
	z-index: -1;
	top: calc(50% - 16px);
	left: calc(50% - 20px);
}

.heading .user .bg.tmp-single{
	background: #6e21b6;
}

.heading .user i{
	font-size: 40px;
	top: calc(50% - 20px);
}

.heading .main-search-area{
	width: calc(100% - 240px * 2 - 100px);
	position: relative;
	height: 100%;
	text-align: left;
}

.heading .main-search-area:before{
	position: absolute;
	color: #fff6;
	content: "";
	font-family: FontAwesome;
	right: 20px;
	top: 13px;
	font-size: 25px;
}

.heading .main-search-area input{
	width: calc(100% - 10px);
	height: calc(100% - 20px);
	position: absolute;
	left: 0;
	top: 10px;
	background: rgba(255, 255, 255, 0.35);
	border: 0px;
	border-radius: 3px;
	color: #FFF;
	padding-right: 50px;
	padding-left: 10px;
	font-size: 17px;
}

[data-query="exist"] + label{
	margin-top: 4px;
}

/* ---------------- MENU ---------------- */



/* ---------------- END MENU ---------------- */


/* -------------------------------- END HEADER -------------------------------- */


.quick-search-box .search-input{
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
}

.quick-search-box .search-input input{
	border: 0px;
	border-bottom: 2px solid #aaaaaa;
	border-radius: 0px;
}

.quick-search-box .search-input input:focus{
	box-shadow: none;
	border-bottom-color: #fe0166;
}

.quick-search-box .quick-search-result{
	text-align: center;
}

.quick-search-box .quick-search-result .body{
	padding: 0;
	text-align: center;
}

.confirm .quick-search-box .quick-search-result .body img{
	width: 100%;
	max-width: 100%;
}

.quick-search-box .quick-search-result .text-default{
	font-size: 11px;
	height: 50px;
}

.quick-search-box .quick-search-result .circular{
	position: static;
}


/* -------------------------------- CONTENT -------------------------------- */



/* ---------------- SIDE ---------------- */

.position-relative{
	position: relative;
}

.sidebar{
	position: fixed;
	right: 0;
	top: 55px;
	width: 240px;
	height: calc(100% - 55px);
	background: #FFF;
	overflow-y: auto;
}

span.thumb{
	position: absolute;
	left: 10px;
	top: 10px;
	background: #fe7777;
	color: #FFF;
	width: 20px;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	font-family: BYekan;
}

span.notif{
	position: absolute;
	left: 40px;
	top: 25px;
	font-family: BYekan;
	font-size: 17px;
	width: 20px;
	line-height: 20px;
	background: red;
	border-radius: 50px;
	z-index: 1;
	color: #fff;
}

.tmp-shippng span.notif,
.tmp-search span.notif{
	background: #961d1d;
}

.sidebar ul.side-items{
	padding: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 0;
	list-style: none;
}

.sidebar ul.side-items li a{
	color: #13917e;
	padding: 10px 20px;
	display: block;
	position: relative;
}

.sidebar ul.side-items li a .cir-ripple,
.sidebar ul.side-items li a:active{
	background: rgba(0, 0, 0, 0.2);
}

.sidebar ul.side-items li.seprator{
	padding: 10px;
	border-top: 1px solid #ddd;
	color: #909090;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: bYekan;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

.sidebar ul.side-items li.seprator:first-of-type{
	border-top: 0;
	margin-top: 0px;
}

.sidebar ul.side-items li a.active{
	background: #f7f9f9;
	color: #e12b2b
}

.side-items li ul{
	padding: 0;
	margin: 0;
}

.categories{
	position: absolute;
	top: 0;
	width: 100%;
	background: #fff;
	height: 100%;
	overflow-y: auto;
	visibility: hidden;
	left: 100%;
	opacity: 0;
}

.categories.cat-open{
	visibility: visible;
	left: 0;
	opacity: 1;
}

.categories ul{
	padding: 0px;
	margin: 0px;
}

.categories ul li ul{
	visibility: hidden;
	left: 100%;
	opacity: 0;
	position: absolute;
	width: 100%;
	background: #fff;
	height: 100%;
	top: 0;
	overflow-y: auto;
}

.categories ul li ul.cat-open{
	visibility: visible;
	left: 0;
	opacity: 1;
	z-index: 2;
}

.categories ul li a{
	color: #13917e;
	padding: 10px 20px;
	display: block;
	position: relative;
}

.categories ul li a.iamged{
	background-image: url('/content/kitchen-stuff.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 62px;
}

/* ---------------- END SIDE ---------------- */


.content{
	padding: 10px;
	padding-top: 65px;
	padding-right: 250px;
}

.sepration{
	clear: both;
	padding: 10px 0;
}


/* ---------------- SLIDER ---------------- */

.main-slider{
}

.main-slider .carousel-cell{
	width: 66%;
	/*margin-right: -10px;*/
	overflow: hidden;
	border-radius: 3px;
}

.main-slider .carousel-cell:before{
	content: none;
}

.main-slider img{
	opacity: .5;
}

.main-slider .is-selected img{
	opacity: 1;
}

/* ---------------- END SLIDER ---------------- */


.photo a{
	display: block;
	box-shadow: 0px 0px 2px 0px #a5a5a5;
}

.photo img{
	width: 100%;
	height: auto;
	border-radius: 3px;
	box-shadow: 0px 0px 2px 0px #a5a5a5;
}


/* ---------------- PANEL ---------------- */

.carousel-cell-image{
	opacity: 0;
}

.carousel-cell-image.flickity-lazyloaded{
	opacity: 1;
}

.am-panel{
	background: #fff;
	box-shadow: 0px 0px 2px 0px #a5a5a5;
	border-radius: 3px;
}

.am-panel .heading{
	padding: 10px;
	color: #666;
}

.am-panel .heading{
	padding: 10px 15px;
	color: #666;
}

.am-panel .heading i{
	font-size: 15px;
	color: #c80000;
}

.am-panel .body{
	padding: 10px 15px;
}

.am-panel .body .contain{
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.am-panel .body .contain.scroll{
	overflow-x: auto;
}

.am-panel .body .item{
	display: inline-block;
	width: 150px;
	margin-left: 10px;
	border: 1px solid #DDD;
	border-radius: 3px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.am-panel .body .item h6{
	padding: 5px;
	height: 60px;
	line-height: 1.5;
	white-space: normal;
}

.am-panel .body .item:last-child{
	margin-left: 0px;
}

.item .item-photo{
	width: 100%;
	height: auto;
}

.item .item-price{
	background: #a5d6a7;
	color: #1b5e20;
	padding: 5px;
}

.phone{
	direction: ltr;
}

.phone input#phone{
	width: calc(100% - 100px);
	border-radius: 0 3px 3px 0 !important;
	border-left-width: 0 !important;
}

.phone input#phonecode{
	width: 100px;
	border-radius: 3px 0 0 3px !important;
	border-left-width: 1px !important;
}

.select2-container--open{
	z-index: 90000000000;
	font-size: 12px;
}


/* ---------------- END PANEL ---------------- */



/* ---------------- OTHER STUFF ---------------- */



/* ---------------- END OTHER STUFF ---------------- */



/* ---------------- SEARCH ENGIN STUFF ---------------- */



/* ---------------- END SEARCH ENGIN STUFF ---------------- */

#search-result{
	margin-left: -5px;
	margin-right: -5px;
}

#search-result .row{
	margin-right: -5px;
	margin-left: -5px;
}

#search-result div[class^="col-"]{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

#search-result .am-panel{
	
}

#search-result .am-panel .body{
	padding: 3px;
}

#search-result .prod-item-title{
	height: 91px;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #c1c1c1;
}

@keyframes placeHolderShimmer{
	0%{
		background-position: -90% 0
	}
	100%{
		background-position: 100% 0
	}
}

.preloader-animate{
		animation-duration: 1s;
		animation-fill-mode: forwards;
		animation-iteration-count: infinite;
		animation-name: placeHolderShimmer;
		animation-timing-function: linear;
		background: #f6f7f8;
		background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
		background-size: 800px 104px;
}

.prod-item-img{
	margin-bottom: 5px;
}

.circular {
	animation: rotate 2s linear infinite;
	transform-origin: center center;
	position: absolute;
	top: calc(50% - 50px);
	left: 0;
	right: 0;
	margin: auto;
}

.path {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

@keyframes color {
	100%,
	0% {
		stroke: #d62d20;
	}
	40% {
		stroke: #0057e7;
	}
	66% {
		stroke: #008744;
	}
	80%,
	90% {
		stroke: #ffa700;
	}
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
	position: static;
	z-index: 1;
}

.parent-price-range{
	position: relative;
}

.price-range{
	height: 5px;
	text-align: left;
	background: #808080;
	top: 3px;
	position: relative;
	width: calc(100% - 15px);
	margin-left: auto;
	margin-right: auto;
}

.price-range .ui-slider-range{
	height: 100%;
	background: #F25C8D;
	position: absolute;
}

.price-range span{
	position: absolute;
	margin-left: -8px;
	width: 15px;
	display: inline-block;
	height: 15px;
	background: #ed145b;
	border-radius: 100%;
	top: -5px;
	z-index: 2;
}

.price-range span:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	height: 100%;
	width: 100%;
	z-index: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.price-range span.ui-state-active:after{
	box-shadow: 0px 0px 0px 4px #feb3cb;
}

.price-range span:first-of-type{
	margin-left: -7px;
}

.search-sidebar{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	position: static;
}

.search-sidebar ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.search-sidebar ul li a{
	padding: 5px;
	display: block;
}

.search-sidebar ul li{
	position: relative;
	padding-right: 5px;
}

.search-sidebar ul li ul{
	padding-right: 10px;
}

.search-sidebar ul li:not(.select2-search):not(.select2-selection__choice):before{
	content: "";
	background: url('css/images/dot-for-textss.png');
	width: 4px;
	height: 6px;
	z-index: 2;
	position: absolute;
	top: 11px;
	right: 0px;
}

.search-sidebar ul li ul{
	font-size: 12px;
}

.search-sidebar .filter-box .filter-header{
	margin-bottom: 10px;
}

.search-sidebar .filter-box label span{
	top: -1px;
}

/* ---------------- SINGLE PRODUCT ---------------- */


.product-photo{
	position: relative;
}

.product-photo .is-selected{
	z-index: 2;
}

.main-info{
	height: 100%;
	position: relative;
}

.product-photo .main-photos img,
.product-photo .main-photos .carousel-cell{
	width: 100%;
}

.product-photo .nav-photos img{
	width: calc(100% - 1px);
}

.product-photo .nav-photos .carousel-cell{
	width: 70px;
	height: auto;
	border: 1px solid #686868;
	margin: 0 3px;
	border-radius: 2px;
	cursor: pointer;
}

.product-photo .nav-photos .carousel-cell.is-nav-selected{
	border-color: #ff5b5b;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
	z-index: 0;
}

#cart-box,
#payment-methods,
#post-send-methods,
#addresses,
#profile-request-result{
	position: relative;
	min-height: 200px;
}

.r-c{
	background: #ffebee;
	font-weight: bold;
	color: #b71c1c;
	font-family: tahoma;
	cursor: pointer;
}

.single-final-price,
.single-off{
	position: relative;
}

.single-final-price span:first-child{
	position: absolute;
	bottom: 22px;
	font-size: 20px;
	color: #FFF;
	right: 55px;
	font-family: bYekan;
}

.single-final-price span:last-child{
	font-size: 15px;
	color: #e0f2f1;
	position: absolute;
	top: 10px;
	right: 0;
	left: 20px;
	text-align: center;
}

.single-off{
	padding: 10px;
	color: #fff;
}

.color-label{
	display: inline-block;
	vertical-align: middle;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	box-shadow: 0px 0px 2px 0px #9a9a9a;
}

.color-label.small{
	height: 15px;
	width: 15px;
}

.color-label.square{
	border-radius: 2px;
}

.label-with-name{
	margin-left: 3px;
	margin-bottom: 7px;
	padding: 5px 10px;
	border-radius: 2px;
	box-shadow: 0px 0px 2px 0px #9a9a9a;
	cursor: pointer;
}

.label-with-name.active{
	background: #e0e0e0;
	box-shadow:	0px 0px 2px 0px #9a9a9a inset;
}

#comments,
#properties{
	cursor: default;
	padding: 5px;
}

#properties .head-property:before{
	content: "-";
}

#properties .head-property.clo:before{
	content: "+";
}

#properties .head-property{
	margin: 30px 0 20px;
	cursor: pointer;
	color: #ff5b5b;
}

#properties .body-property{
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
}

#properties ul{
	padding: 0;
	margin: 0 10px;
	margin-bottom: 10px;
	list-style: none;
}

#properties ul li{
	background: #EEE;
	padding: 10px 20px;
	font-size: 12px;
}

#properties ul li.no,
#properties ul li.yes{
	background-color: #edd7d7
}

#properties ul li.yes{
	background-color: #d7eed7
}

#properties ul li.no span:before,
#properties ul li.yes span:before{
	content: "";
	font-size: 14px;
	font-family: FontAwesome;
	color: #ff6a6a;
	font-size: 11px;
}

#properties ul li.yes span:before{
	content: "";
	font-family: FontAwesome;
	color: #119b1c;
}

#properties ul li:first-child{
	background: #FFF;
	padding: 0;
}

#properties ul li:first-child span{
	display: block;
	padding: 10px 20px;
	background: #d8d8d8;
	width: calc(100% - 10px);
}

#properties ul li.multi:not(:last-child){
	margin-bottom: 1px;
}

.single-product .review-item{
	clear: both;
	overflow: hidden;
	position: relative;
}

.single-product .review{
	position: relative;
	text-align: justify;
}

.single-product .review img{
	display: block;
	margin: 10px auto;
	border: 1px solid #DDD;
	border-radius: 5px;
	padding: 5px;
}

.single-product .review-item-header{
	padding: 10px;
	color: #4794b8;
	font-size: 15px;
	cursor: pointer;
	clear: both;
	position: relative;
	overflow: hidden;
	background: #FFF;
	z-index: 2;
}

.single-product .review-item-header:after{
	content: "-";
	position: absolute;
	right: 0;
	top: 30%;
}

.single-product .review-item-header.clo:after{
	content: "+";
}

.single-product .review-item-body{
	padding: 10px;
	padding-right: 20px;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
}

.single-product .review-item-body:after{
	content: "";
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	right: 0px;
	background: #4794b8;
}

.single-icons{
	color: #6b6b6b;
}

.single-icons i{
	cursor: pointer;
	padding: 4px;
}


/* ---------------- END SINGLE PRODUCT ---------------- */



/* ---------------- PROFILE ---------------- */



/* ---------------- END PROFILE ---------------- */



/* -------------------------------- END CONTENT -------------------------------- */


/* -------------------------------- SELECT3 -------------------------------- */


.select3 select{
	display: none;
}

.select3 .select3--selection{
	border: 1px solid #ddd;
	background: #f0f0f0;
	border-radius: 2px;
	padding: 5px 10px;
	padding-left: 25px;
	position: relative;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	overflow: hidden;
}

.select3 .select3--selection:before{
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	position: absolute;
	content: "";
	font-family: FontAwesome;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	top: -2px;
	left: 4px;
	font-size: 25px;
	color: #aeaeae;
}

.select3 .select3--selection.opened:before{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.select3 .select3--selectbox{
	position: relative;
}

.select3 .select3--items{
	display: none;
	max-height: 200px;
	overflow-y: auto;
	border: 1px solid #DDD;
	position: absolute;
	width: 100%;
	top: calc(100% + 2px);
	z-index: 1;
	box-shadow: 3px 3px 3px 3px #9e9e9e;
}

.select3 .select3--item{
	padding: 5px 10px;
	background: #fff;
	cursor: pointer;
}

.select3 .select3--item:hover{
	background: #f6f6f6;
}

.select3 .select3--item.selected{
	background: #ddd;
	cursor: default;
}

.C,
.proforma .butn-red,
.proforma .table-responsive:not(.selected),
.proforma .selected .table-address tr:first-child td:first-child,
.proforma .selected .table-address td:last-child,
.proforma .selected .send-method td:first-child,
.proforma .table-cart td select,
.proforma .table-cart td:nth-child(2),
.proforma .table-cart tbody tr:not(:last-child) td:last-child,
.proforma .table-cart thead td:last-child{
	display: none;
}

td:first-of-type,
td:first-of-type,
td:first-of-type{
	position: relative;
}

.select-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	text-align: center;
}

.select-box label{
	top: calc(50% - 15px);
}

.shop-steps{
	font-size: 0;
	background: #FFF;
	box-shadow: 0px 0px 3px 1px #DDD;
	margin-bottom: 20px;
	padding: 10px;
}

.shop-steps .step{
	font-size: 13px;
	display: inline-block;
	width: calc(100% / 3);
	text-align: center;
	outline: 7px solid #FFF;
	position: relative;
}

.shop-steps .step:before,
.shop-steps .step:after{
	content: "";
	position: absolute;
	border-top: 3px solid #929292;
	width: 50%;
	right: 0;
	top: calc(50% - 2px);
}

.shop-steps .step:after{
	right: auto;
	left: 0;
	
}

.shop-steps .step.active:before,
.shop-steps .step.active::after{
	border-color: #27e987;
	border-top-style: dashed;
}

.shop-steps .step > span{
	background: #FFF;
	padding: 5px 10px;
	border-radius: 2px;
	border: 3px solid #929292;
	display: inline-block;
	z-index: 1;
	outline: 10px solid #FFF;
	position: relative;
	height: 80px;
	width: 80px;
	border-radius: 50%;
}

.shop-steps .step > span div{
	position: absolute;
	left: 0;
	width: 100%;
	padding-top: calc(50% - 13px);
	padding-bottom: calc(50% - 13px);
}

.shop-steps .step.active > span{
	background: #FFF;
	border-color: #00bfa5;
}

.shop-steps .step.success > span{
	background: #1de9b6;
	border-color: #00bfa5;
}

.shop-steps .step.success > span a:hover{
	color: #FFF !important;
}

.shop-steps .step.success:before,
.shop-steps .step.success::after{
	border-color: #27e987;
}

.buy-steps{
	margin: 40px auto 10px;
}

.buy-steps > .buy-step{
	width: calc(20% - 10px);
	display: inline-block;
	margin: 0 5px;
	background: #ffff8d;
	border: 1px solid #f9a825;
	padding: 15px 5px 10px;
	position: relative;
	border-radius: 3px;
}

.buy-steps > .buy-step:after{
	content: "";
	font-size: 14px;
	font-family: FontAwesome;
	background: #ffff8d;
	border: 1px solid #f9a825;
	position: absolute;
	top: -21px;
	left: calc(50% - 15px);
	margin: 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border-bottom: 0;
	line-height: 26px;
	text-align: center;
}

.buy-steps > .buy-step.active{
	background: #1de9b6;
	border: 1px solid #009688;
}

.buy-steps > .buy-step.active:after{
	content: "";
	border-top-color: #009688;
	border-left-color: #009688;
	border-right-color: #009688;
	background: #1de9b6;
}

.has-child{
}

.table-profile-order .has-child > td{
	overflow: hidden;
	padding: 0;
}

.table-profile-order .has-child td .over-table{
	box-shadow: 0px 0px 5px 0px #999 inset;
	display: none;
	padding: 8px;
}

.m hr{
	margin: 10px 0;
}

.order-detail{
	height: 30px;
	width: 30px;
	border-radius: 100%;
	text-align: center;
	line-height: 30px;
	background: #9e9e9e;
	color: #FFF;
	font-size: 25px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	position: relative;
}

.order-detail:after{
	content: "";
	font-family: FontAwesome;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	position: absolute;
	content: "";
	font-family: FontAwesome;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	left: 0;
	right: 0;
}

.order-detail.open:after{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}


/* -------------------------------- END SELECT3 -------------------------------- */


/* -------------------------------- COMMENTS -------------------------------- */


#comments{
	
}

#comments ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#comments > ul{
	border: 1px solid #EEE;
	margin-top: 10px;
}

#comments ul li{
	background: #EEE;
	padding: 10px 20px;
}

#comments > ul > li hr{
	border-top-color: #cbcbcb
}

#comments .careting{
	position: absolute;
	left: 30px;
	bottom: 12px;
	z-index: 2;
	font-size: 45px;
	color: #EEE;
}

#comments li{
	position: relative;
}

#comments ul ul{
	background: #FFF;
	border-bottom: 1px solid #999;
}

#comments ul ul:last-of-type{
	border-bottom: 0;
}

#comments ul ul li{
	background: #FFF;
}

#comments .comment-user{
	font-family: BYekan;
	margin: 0;
}

#comments .reply-greeting{
	margin: 10px -20px -10px;
	padding: 10px 20px;
	background: #FFF;
}

#comments .comment-header{
	margin: -10px -20px 10px;
	background: #bcbcbc;
	padding: 5px 10px;
}

#comments .comment-header i{
	font-size: 15px;
}

#comments .response-area{
	margin-top: 10px;
	transition: none;
	-webkit-transition: none;
	display: none;
}

.do-filter{
	position: fixed;
	background: #c7cc70;
	width: 100%;
	right: 0;
	top: 55px;
	padding: 20px;
	color: #FFF;
	text-align: center;
	display: none;
	z-index: 3;
	box-shadow: 0px 0px 4px 0px #9b9b9b;
	cursor: pointer;
}

.closer .close{
	display: none;
}


/* -------------------------------- END COMMENTS -------------------------------- */



/* -------------------------------- RESPONSIVATION -------------------------------- */

@media screen and (max-width: 1100px){



}

@media screen and (max-width: 1010px){



}

@media screen and (max-width: 992px){

.sidebar{
	left: 100%;
	right: auto;
	z-index: 9;
	box-shadow: 0px 0px 4px 0px #7f7f7f;
	z-index: 900001;
}

.content{
	padding-right: 10px;
}

.heading .icons{
	height: 68%;
	width: 65px;
	font-size: 19px;
	top: 16%;
	margin-left: -25px;
}

.heading .icons.pull-right{
	margin-right: -20px;
}

.heading .icons i{
	top: calc(50% - 10px);
}

.heading .user{
	margin-left: -20px;
}

.heading .user i{
	font-size: 30px;
	top: calc(50% - 16px);
}

.heading .user .bg{
	height: 26px;
	width: 28px;
	left: calc(50% - 14px);
	top: calc(50% - 13px);
}

.heading .hidden{
	display: block !important;
	visibility: visible !important;
}

.logo-brand{
	width: auto;
	background: none;
	position: absolute;
	right: 30px;
}

.logo-brand img{
	width: 80px;
}

.search-sidebar{
	position: fixed;
	top: 95px;
	left: 0;
	height: calc(100% - 95px);
	overflow-y: auto;
	padding-top: 10px;
	background: #fff;
	z-index: 3;
	visibility: hidden;
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.search-sidebar.opendeded{
	visibility: visible;
	opacity: 1;
}

.closer{
	position: fixed;
	top: 55px;
	width: 100%;
	left: 0px;
	text-align: right;
	z-index: 4;
}

.closer .close{
	position: absolute;
	background: #fff;
	opacity: 1 !important;
	top: 0;
	padding: 10px;
	left: 0;
	right: 0;
	text-align: center;
	color: #818181;
	box-shadow: 0px 0px 4px 0px #9b9b9b;
}

.closer .close:hover{
	color: #c3c3c3;
}

.closer.opendeded,
.closer.opendeded .close{
	display: block;
}

.content.search-content .do-filter{
	display: block;
}

.content.search-content{
	padding-top: 125px;
}

}

@media screen and (max-width: 850px){

}

@media screen and (max-width: 768px){

#search-result .prod-item-title{
	height: 61px;
}

.heading .icons{
	height: 68%;
	width: 65px;
	font-size: 15px;
	top: 16%;
	margin-left: -25px;
}

.heading .user{
	margin-left: -17px;
}

#properties ul li:first-child span{
	width: 100%;
}

}

@media screen and (max-width: 670px){

}

@media screen and (max-width: 550px){

.confirm{
	width: 90%;
	left: 5%;
}

}
/* -------------------------------- END RESPONSIVATION -------------------------------- */