@font-face{
	font-family:'Mitra';
	src:url("MitraWeb-Regular/MitraWeb-Regular.eot");
	src:url("MitraWeb-Regular/MitraWeb-Regular.eot?#iefix") format("embedded-opentype"),url("MitraWeb-Regular/MitraWeb-Regular.woff") format("woff"),url("MitraWeb-Regular/MitraWeb-Regular.ttf") format("truetype"),url("MitraWeb-Regular/MitraWeb-Regular.svg#MitraWeb-Regular") format("svg");
	font-style:normal;
	font-weight:normal;
	text-rendering:optimizeLegibility
}
@font-face{
	font-family:'Yekan';
	src:url("YekanWeb-Regular/YekanWeb-Regular.eot");
	src:url("YekanWeb-Regular/YekanWeb-Regular.eot?#iefix") format("embedded-opentype"),url("YekanWeb-Regular/YekanWeb-Regular.woff") format("woff"),url("YekanWeb-Regular/YekanWeb-Regular.ttf") format("truetype"),url("YekanWeb-Regular/YekanWeb-Regular.svg#YekanWeb-Regular") format("svg");
	font-style:normal;
	font-weight:normal;
	text-rendering:optimizeLegibility
}

@font-face{
	font-family:'YekanNumbers';
	src:url("YekanNumbers-Regular/YekanNumbers-Regular.eot");
	src:url("YekanNumbers-Regular/YekanNumbers-Regular.eot?#iefix") format("embedded-opentype"),url("YekanNumbers-Regular/YekanNumbers-Regular.woff") format("woff"),url("YekanNumbers-Regular/YekanNumbers-Regular.ttf") format("truetype"),url("YekanNumbers-Regular/YekanNumbers-Regular.svg#YekanNumbers-Regular") format("svg");
	font-style:normal;
	font-weight:normal;
	text-rendering:optimizeLegibility
}

@font-face {
	font-family: 'koodak';
	src: url('koodak.ttf');
	src: local('koodak'), 
	local('koodak'), 
	url('koodak.ttf') format('truetype');
}
@font-face{
	font-family:'Nassim';
	src:url("Nassim-Book/Nassim-Book.eot");
	src:url("Nassim-Book/Nassim-Book.eot?#iefix") format("embedded-opentype"),url("Nassim-Book/Nassim-Book.woff") format("woff"),url("Nassim-Book/Nassim-Book.ttf") format("truetype"),url("Nassim-Book/Nassim-Book.svg#Nassim-Book") format("svg");
	font-style:normal;
	font-weight:normal;
	text-rendering:optimizeLegibility
}
@font-face{
	font-family:'IRANSansWeb';
	src:url("IRANSansWeb_Light/IRANSansWeb_Light.eot");
	src:url("IRANSansWeb_Light/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"),url("IRANSansWeb_Light/IRANSansWeb_Light.woff") format("woff"),url("IRANSansWeb_Light/IRANSansWeb_Light.ttf") format("truetype");
	font-style:normal;
	font-weight:normal;
	text-rendering:optimizeLegibility
}
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body{
	font-family:'Yekan';
	line-height:1.5;
	background:#E9E9E9;
}
a{
	text-decoration:none;
	color:#666;
}
ul{
	list-style-type:none;
}
#header{
	z-index:1000;
	background:white;
	width:100%;
	height:auto;
	margin-bottom:0px;
	border-bottom:1px solid #eee;
	box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
#header #head-top{
	width:100%;
	display:table;
	border-bottom:1px solid #bbb;
}
#logo-holder{
	width:27%;
	float:left;
	padding:14px 0px 0px 3%;
	padding-right:0px;
}
#logo-holder #logo{
	font-weight:bold;
	font-size:22px;
	color:#078fe5;
}
#menubar-holder{
	width:73%;
	float:right;
	height:auto;
	min-height:70px;
}
#menubar-button-holder{
	display:none;
	width:40%;
	height:auto;
	float:right;
	text-align:right;
	direction:rtl;
	padding:15px;
}
#menubar-button{
	border:0px solid #bbb;
	border-radius: 4px;
	padding:3px;
	display:table;
	cursor:pointer;
	text-align:center;
}
#menubar-button img{
	width:32px;
	height:32px;
}
#menubar-holder ul{
	list-style-type:none;
}
#menubar-holder ul li{
	float:right;
	margin:10px 10px 0px;
}
#menubar-holder ul li a{
	padding:20px 2px;
	display:table;
	text-align:center;
	color:#555;
	font-weight:bold;
	font-size:14px;
	font-family:'Yekan';
}
#menubar-holder ul li a.logout-btn{
	float:right;
	padding:8px 12px;
	padding-right:40px;
	margin:10px 0px;
	border-radius:2px;
	font-weight: normal;
	background-image: url('../images/logout2.png');
	background-repeat: no-repeat;
	background-size:20px 20px;
	background-position:90% 50%;
	border:1px solid transparent;
	color:rgb(244, 83, 66);
}
#menubar-holder ul li a.logout-btn:hover{
	border:1px solid #ccc;
	background-color:#F7F7F7;
	box-shadow:0px 1px 1px rgba(100,100,100,.2);
}
#menubar-holder ul li a.btn1{
	float:right;
	background:linear-gradient(rgb(220,220,220),1%,rgb(10,186,32),98%,rgb(23,200,32));
	padding:8px 15px;
	margin:10px 0px;
	border:1px solid rgb(48,175,10);
	border-radius:3px;
	color:#eee;
	text-shadow:0px 1px 1px #888;
	box-shadow:0px 1px 1px rgba(0,0,0,0.2);
}
#menubar-holder ul li a.btn1:hover{
	box-shadow:0px 2px 1px rgba(0,0,0,0.2);
}
#menubar-holder ul li a.btn2{
	float:right;
	background:#eaeaea;
	background:linear-gradient(#fff,2%,#eaeaea,98%,#ddd);
	padding:8px 10px;
	margin:10px 0px;
	border:1px solid #bbb;
	border-radius:3px;
	color:#666;
	text-shadow:0px 1px 1px #999;
	text-shadow:0px 1px 1px #fff;
	box-shadow:0px 1px 1px rgba(0,0,0,0.1);
}
#menubar-holder ul li a.btn2:hover{
	box-shadow:0px 1px 1px rgba(0,0,0,0.2);
}
#menubar-holder ul li a.split{
	cursor:default;
	color:#aaa;
}
#menubar-holder ul li a.link:hover{
	border-bottom:3px solid #078fe5;
}
#menubar-holder ul li a.active{
	border-bottom:4px solid #078fe5;
	border-bottom:3px solid #078fe5;
	color:rgb(3,98,175);

}
#head-search{
	display:table;
	padding:0px;
	width:100%;
	height:350px;
	background-color:#078fe5;
	background-color:rgb(1,92,228);
	background-color: #287ab9;
	background-image:linear-gradient(to right, rgba(24,38,66,0.8), rgba(30,92,139,0.75), rgba(40,122,185,0.2)),url('../images/bg.png');
	box-shadow:inset 0px 2px 2px rgba(0,0,0,0.1);
	background-blend-mode: multiply;
	background-attachment: fixed;
	min-height: 300px;
	/*overflow: hidden;*/
	/*display: flex;
	align-items: center;*/

}
#search-field{
	width:70%;
	max-width:950px;
	height:40px;
	outline:0px solid red;
	margin:150px auto 0px;
}

#search-field-keywords{
	width:45%;
	float:left;
	height:100%;
	position:relative;
}
#search-field-keywords input{
	width:100%;
	height:100%;
	text-align:right;
	padding-right:30px;
	border:none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background-image:url('../images/s.png');
	background-size:21px 21px;
	background-position: right 7px center;
	background-repeat: no-repeat;
	font-family:Yekan;
}
.search-result{
	position:absolute;
	width:100%;
	height:100px;
	background:#fff;
	height:auto;
	z-index:1000;
	text-align:right;
	font-size:15px;
	display:none;
}
.search-result-item{
	width:100%;
	height:40px;
	color:#222;
	padding:10px 20px;
	cursor:pointer;
	font-size:14px;
}


#search-field-location{
	width:40%;
	float:left;
	height:100%;
	position:relative;
}
#search-field-location input{
	width:100%;
	height:100%;
	text-align:right;
	padding-right:30px;
	border:none;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	background-image:url('../images/s_l.png');
	background-size:20px 20px;
	background-position: right 7px center;
	background-repeat: no-repeat;
	font-family:Yekan;
}


#search-field-button{
	width:15%;
	float:left;
	height:100%;
}
#search-field-button input{
	width:100%;
	height:100%;
	border:none;
	background:#85CE3F;
	color:white;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	font-weight:bold;
	font-family:Yekan;
}
#head-site-describe{
	width:90%;
	max-width:1300px;
	margin:30px auto 40px;
	display:table;
	clear:both;
}
#page{
	background:#E9E9E9;
	display:table;
	width:100%;
	min-height:600px;
	margin-bottom:50px;
}
.breadcrumb-item{
	float:right;
	padding-right:20px;
	outline:0px solid red;
	display:table;
	background-image:url('../images/breadcrumb.png');
	background-size:8px 8px;
	background-position: 100% 60%;
	margin-right:15px;
	background-repeat:no-repeat;
	outline:0px solid red;
}
.breadcrumb-item a:hover{
	color:rgb(3,98,175);
}
.breadcrumb-item:first-child{
	background-image:none;
	padding:0px 5px;
}
.inner-box{
	display:table;
	width:100%;
	height:auto;
	padding:0.5em;
	border-radius:3px;
	background:#f4f4f4;
	background:white;
	box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}
.inner-box:empty{
	display:none;
}
.col-100{
	outline:0px solid red;
	float:right;
	width:100%;
}
.col-100-margined{
	outline:0px solid red;
	width:100%;
	padding:7px;
	float:right;
}
.col-90{
	outline:0px solid red;
	margin:0px auto;
	width:90%;
}
.col-90-margined{
	outline:0px solid red;
	width:87%;
	margin:0.5em 1.5%;
	float:right;
}
.col-80{
	outline:0px solid pink;
	margin:0px auto;
	width:80%;
}
.col-80-margined{
	outline:0px solid red;
	width:77%;
	margin:0.5em 1.5%;
}
.col-70{
	outline:0px solid red;
	width:70%;
}
.col-70-margined{
	outline:0px solid red;
	width:66.666%;
	/*margin:0.5em 1.5%;*/
	padding:7px;
}
.col-30{
	outline:0px solid red;
	float:left;
	/*width:31.2%
	margin:0px 1% 0.5em;*/
}
.col-30-margined{
	outline:0px solid red;
	width:33.3333%;
	/*margin:0.5em 0px;*/
	padding:7px;
	float:left;
	display:inline-block;
}
.col-25{
	width:25%;
	float:left;
}
.col-25-margined{
	width:25%;
	float:left;
	padding:7px;
	display:inline-block;
}
.col-20{
	width:20%;
	float:right;
}
.col-20-margined{
	width:20%;
	float:left;
	padding:7px;
	display:inline-block;
}
.col-215{
	float:left;
	width:18.5%;
	margin:1.5%;
}
.col-14{
	float:left;
	width:11%;
	margin:1.5%;
}

.row{
	width:100%;
}
.col-x{
	float:right;
	width:97%;
	margin:1.5%;
}
.col-m{
	float:right;
	width:47%;
	margin:1.5%;
}
.col-s{
	float:right;
	width:22%;
	margin:1.5%;
}
.col-head-iconed{
	padding:10px 40px 0px 0px;
}
.col-head{
	
}
.col-content-iconed{
	padding:10px 40px 0px 0px;
}
.col-content{
	
}
.rtl{
	direction:rtl;
}
.ltr{
	direction:ltr;
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
.font-12{
	font-size:12px;
}
.font-24{
	font-size:24px;
}
.bold{
	font-weight:bold;
}
.icon-2{
	background-image:url('../icon/4.ico');
	background-size:20px 20px;
	background-position:96% 8px;
	direction: rtl;
	background-repeat: no-repeat;
}
.fan-message{
	margin:0.5em auto;
	width:100%;
	padding:12px 50px 12px 12px;
	border-radius:2px;
	cursor:pointer;
}
.fan-message.normal{
}
.fan-message.success{
	border:2px solid rgba(183, 184, 232 , .9);
	background:rgba(155, 157, 247  , .5);
	background-image:url('../images/message-success.png');
	background-repeat: no-repeat;
	background-position: 99% 4px;
	background-size:33px 33px;
	color:#555;
}
.fan-message.fail{
	border:2px solid rgba(183, 184, 232 , .9);
	background:rgba(247, 32, 32, .5);
	background-image:url('../images/message-fail.png');
	background-repeat: no-repeat;
	background-position: 99% 4px;
	background-size:33px 33px;
	color:#555;
}
.preloader{
	position:absolute;
	display:none;
	color:red;
	outline:0px solid red;
	left:55%;
	bottom:5px;
	height:25px;
	width:25px;
	background-image:url("../images/loading.gif");
	background-repeat: no-repeat;
	background-size:25px 25px;
	background-position:100% 100%;

}
ul.link-list li{
	padding:5px 0px;
}
ul.link-list li a{
	color:#444;	
}
#user-menu-list{
	padding:0px;
}
#user-menu-list ul li{
	outline:0px solid red;
	border-bottom:1px solid rgba(100,100,100,0.1);
	padding:8px;
	font-size:14px;
	color:#555;
	cursor:pointer;
}
#user-menu-list ul li:hover{
	color:#000;
}
#user-menu-list ul li.active{
	color:#111;
	font-weight:bold;
	font-size:15px;
}
#user-menu-drawer-wrap{
	display:none;
	position:absolute;
	top:30px;
	right:0px;
	z-index: 1000;
}
#user-menu-drawer-button{
	width:50px;
	height:40px;
	background:url('../images/settings-icon.png') no-repeat;
	background-position:8px 3px;
	background-size:35px 35px;
	background-color:rgba(155, 157, 247 , .5);
	outline:0px solid red;
	display:none;
	cursor:pointer;
}
#user-menu-list-drawer{
	/*display:none;*/
	background-color:rgb(3,98,175);
	background-color:rgba(183, 184, 232 , .9);
	color:#333;
	position:absolute;
	width:200px;
	height:auto;
	right:0px;
	top:40px;
	outline:0px solid red;
}
#user-menu-list-drawer ul li{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:8px;
	font-size:14px;
	cursor:pointer;
	text-align:center;
	outline:0px solid red;
}
#footer{
	margin:0px 0px 0px;
	width:100%;
	min-height:100px;
	height:auto;
	display:table;
	background:rgb(3,98,175);
	background:#1f56af;
	background:#006CB1;
	background:#555;
	border-top:5px solid #0081d1;
}
#footer-links{
	display:table;
	padding-bottom:20px;
}
#footer-links div a{
	color:white;
	display:block;
	padding-top:10px;
	margin-bottom:8px;
}
#footer-links div a:hover{
	color:#0081d1;
}
#back-to-top{
	width:100%;
	height:50px;
	font-size:15px;
	font-family:'Yekan';
	background:#2662c1;
	background:#0081d1;
	text-align:center;
	padding-top:10px;
	color:white;
	cursor: pointer;
	display:none;
}
#back-to-top:hover{
	background:#4875ba;
}
.btn-1{
	float:right;
	background:linear-gradient(rgb(220,220,220),1%,rgb(10,186,32),98%,rgb(23,200,32));
	padding:8px 15px;
	margin:10px 0px;
	border:1px solid rgb(48,175,10);
	border-radius:3px;
	width:100%;
	text-align:center;
	color:#eee;
	text-shadow:0px 1px 1px #888;
	box-shadow:0px 1px 1px rgba(0,0,0,0.2);
}
@keyframes animate-drawer {
    0% {background-color:white;}
    50% {background-color: red;}
    100% {background-color: white;}
}
@media ( min-width : 800px ){
	#menubar-holder{
		display:block;
	}
}
@media ( max-width: 1200px ){
	#head-site-describe{
		width:90%;
	}
	#search-field{
		width:90%;
	}
}
@media ( max-width : 1000px ){
	
	.col-80{
		width:90%;
		margin:0px auto;
	}
}
@media ( max-width : 800px ){
	.col-90{
		width:98%;
	}
	.col-80{
		width:90%;
		margin:0px auto;
	}
	.col-80-margined{
		width:90%;
	}
	.col-70-margined{
		width:100%;
	}
	.col-70{
		width:90%;
	}
	.col-s{
		width:47%;
		text-align:center;
	}
	.col-25-margined{
		width:50%;
	}
	.col-20{
		width:100%;
	}
	.col-m{
		width:97%;
	}
	.col-215,.col-14{
		width:96.4%;
	}
	.hidden-m{
		display:none;
	}
	#head-search{
		height:300px;
	}
	#search-field{
		margin-top:80px;
		width:90%;
	}
	#search-field input{
		border-radius:5px;
	}
	#search-field-keywords{
		width:100%;
		margin-bottom:10px;
	}

	#search-field-location{
		background:blue;
		width:100%;
		margin-bottom:10px;

	}
	#search-field-button{
		width:100%;
		border-radius: 5px;

	}
	#logo-holder{
		width:60%;
	}
	#menubar-holder{
		display:none;
		margin:0 auto;
		width:100%;
		padding-left:3%;
		padding-right:3%;
	}
	#menubar-holder ul li{
		width:100%;
		margin:0 auto;
	}
	#menubar-holder ul li a{
		width:100%;
		margin:0;
	}
	#menubar-holder ul li a.btn1,#menubar-holder ul li a.btn2{
		width:100%;
		margin-left:0px;
		margin-right:0px;
	}
	#menubar-holder ul li a.split{
		display:none;
	}
	#menubar-button-holder{
		display:block;
	}
	#user-menu-drawer-wrap{
		display:block;
	}
	#user-menu-drawer-button{
		display:block;
		animation-name:animate-drawer;
		animation-duration:2s;
		animation-iteration-count: 4;
	}
	#user-menu-list-drawer{
		display:block;
	}

}
@media ( max-width : 480px ){

	#head-search{
		/*height:auto;
		background-image:url('../images/0.jpg');*/
	}
	#search-field-1{
		margin-top:80px;
		margin-bottom:70px;
		font-size:14px;
		width:80%;
	}
	#search-field-1 input{
		font-size:14px;
		width:85%;
	}
	.col-30-margined{
		width:100%;
	}
	.col-25-margined{
		width:100%;
	}
	.col-80{
		width:95%;
	}
	.col-80-margined{
		width:100%;
	}
	.col-90{
		width:100%;
		padding:0px;
		margin:0px auto;
	}
	.col-s{
		width:97%;
		text-align:center;
	}
	.preloader{
		bottom:10px;
		left:90%;
	}
}