@font-face{font-family:'Yekan';src:url('../font/Yekan.ttf') format('truetype'), url('../font/Yekan.eot?#') format('eot'), url('../font/Yekan.woff') format('woff');font-style:normal;font-weight:normal;}
body{
	margin:0;
	direction:rtl;
	text-align:right;
	font-size:15px;
}
*{
	font-family:Yekan ,arial;
}
a{
	text-decoration:none;
	color:#000000;
	box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
    margin: 0;
}
div{
	display:block;
	overflow:hidden;
	box-sizing:border-box;
}
textarea{
	box-sizing:border-box;
	width:90%;
	height:150px;
}
input,select{
	max-width: 150px;
    width: 100%;
	height:30px;
	border:1px solid #cccccc;
	border-radius:3px;
	box-sizing: border-box;
}
input[type="radio"]{
	max-width: 15px;
    width: 15px;
	height:	15px;
	border:none;
	border-radius:0px;
}
input[type="file"]{
	border:none;
}
input[type="submit"]{
	margin: 10px;
    background: #D50000;
    color: #fff;
    font-weight: bold;
}
input[type="checkbox"]{
    height: 15px;
    width: 15px;
}
#header{
	 border-bottom:1px solid #e6e6e6;
	 direction: ltr;
	 overflow:auto;
}
#header .item{
	 padding:15px;
	 display: inline-block;
     float: right;
}
#header .item:hover{
	border-top:2px solid #db2323;
	padding-top:13px;
}
#header .item a:hover{
	color: #db2323;
}
#header .item a{
	 color:#000000;
	 font-weight:bold;
	 text-decoration:none;
}
#header .left_item a{
	 color:#ffffff;
	 font-weight:bold;
	 text-decoration:none;
}
#header .left_item{
	 padding:15px;
	 background-color:#db2323;
	 display: inline-block;
	 text-align: center;
	 box-sizing: border-box;
	 float:left;
}
.simple_button{	
    background: #f1f1f1;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    color: #db2323;
    font-weight: bold;
	margin-bottom: 15px;
}
#content{
	 background-color:#fdfdfd;
}
#content #one_box{
    display: inline-block;
	float:right;
	width:70%;
}
#content #one_box #text{
    max-width:600px;
	width:100%;
	text-align: justify;
	line-height: 23px;
	margin-top:-20px;
    box-sizing: border-box;
	padding:10px;
}
#what{
	font-weight:bold;
	color:#db2323;
}
#content #forget{
    text-decoration: none;
    color: #000000;
    float: right;
}
#content #second_box{
    display: inline-block;	
	float:left;
	width:30%;
}
#content #login{
    background: url('../imgs/outside.png');
    background-repeat: no-repeat;
    background-position: -254px -19.5px;
    width: 280px;
    height: 300px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	max-width:100%;
}
#content #login #signup_button{
	background: url('../imgs/outside.png');
    background-repeat: no-repeat;
    background-position: -0px 0px;
    width: 255px;
    height: 42px;
    float: left;
    margin-top: 13px;
    margin-left: 23px;
}
#content #inside{
	 max-width:980px;
	 width:100%;
	 margin-right:auto;
	 margin-left:auto;
	 overflow:auto;
}
#top-h1{
    background: #d7d7d7;
    color: #000;
    padding: 5px;
}
#top-h1 h1{
    display: inline-block;
}
#content #inside #document{
	margin-top:5px;
	border: 1px solid #f1f1f1;
    border-radius: 5px;
	background: #ffffff;
}
#content #inside #document #title{
    border-bottom: 1px solid #E4E4E4;
    padding: 7px;
    margin: 5px;
    color: #000000;
}
#content #inside #document #body{
	padding:20px;
	box-sizing:border-box;
}
#content #logo_text{
	margin-top:20px;
	font-weight: bold;
    text-align: center;
    color: #CE0000;
    font-size: 50px;
    text-shadow: 2px 3px #DCDCDC;
    margin-bottom: 12px;
}
#content #logo{
	background: url('../imgs/outside.png');
    background-repeat: no-repeat;
    background-position: 0px -69.5px;
    width: 250px;
    height: 233px;
    margin-right: auto;
    margin-left: auto;
}
#login_button{
    width: 65px;
    height: 28px;
    border: none;
    font-family: yekan;
}
#reme{
	padding:2px;float:right
}
table{
	font-weight:bold;
	text-align:left;
	font-size: 14px;
}
td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.home_section{
    background: #f1f1f1;
    padding: 20px;
}
.home_section.reverse{
	background: #ffe1e1;	
}	
.home_section .right_side{
    width: 80%;
    display: inline-table;
    float: right;
    padding: 0px 0px;
}
.home_section .left_side .img-side{
	background: url(../imgs/outside.png);
    background-repeat: no-repeat;
    background-position: -650px 0px;
    width: 150px;
    height: 150px;
    margin-right: auto;
    margin-left: auto;
}
.home_section.reverse .left_side .img-side{
    background-position: -650px -150px;
}
.home_section .left_side{
    width: 20%;
    display: inline-table;
    float: left;
}
.home_section.reverse .right_side{
    float: left !important;
}
.home_section.reverse .left_side{
    float: right !important;
}
.home_section .left_side img{
    width: 100%;
    max-height: 150px;
    width: auto;
}
.home_section h2{
    font-size: 30px;
    margin-bottom: 10px;
    text-align: center;
    color: #ce0000;
}
.button_container{
    width: 100%;
    text-align: center;
}
.button_container a{
    display: inline-block;
    background: #b00000;
    padding: 10px 30px;
    color: white;
    border-radius: 50px;
}
#login-t{
	margin-right: 4px;
	padding-top: 60px;
}
#login input[type="text"],#login input[type="password"],#login input[type="password"]{
	border: 2px solid #C30000;
    border-radius: 5px;
    height: 25px;
}
.footer{
	background-color:#111111;
	overflow:auto;
}
.footer #inside{
	 max-width:980px;
	 width:100%;
	 margin-right:auto;
	 margin-left:auto;
	 overflow:auto;
}
.footer #inside #right{
	 float:right;
}
.footer #inside #right #box{
	 padding: 30px 70px 0px 0px;
	 text-align:center;
	 color:#FF8F8F;
	 font-weight:bold;
	 display:inline-block;
}
.footer #inside #right #box span{
	 padding:10px;
}
.footer #inside #right #box #box_content{
	 border-top:1px solid #585858;
	 text-align:right;
	 color:#fff;
	 padding:10px;
	 margin: 10px;
}

.footer #inside #left{
	 float:left;
	 text-align:left;
	 
}
.footer #logo{
    background: url('../imgs/outside.png');
    background-repeat: no-repeat;
    background-position: -560px 0px;
    width: 80px;
    height: 62px;
    margin-top: 20px;
	margin-right:auto;
	margin-left:auto;
}
.footer #logo_text{
    font-weight:bold;
	color:#585858;
	font-size:12px;
	text-align:center;
}
.footer #line{
	width:100%;
	background-color:#111111;
	height:2px;
	border-top:4px solid #000000; 
	border-bottom:4px solid #000000; 
	margin-top: 20px;
}
#socials{
	text-align:center;
	padding:10px;
}
#socials a{
	opacity: 0.5;
    filter: alpha(opacity=50);
}
#socials a:hover{
	opacity: 1;
    filter: alpha(opacity=100);
}
#socials #facebook{
	background: url('../imgs/outside.png');
    background-repeat: no-repeat;
    background-position: -64px -43px;
    width: 23px;
    height: 28px;
    border: none;
	display:inline-block;
}
#socials #twitter{
	background: url('../imgs/outside.png');
    background-repeat: no-repeat;
    background-position: -89px -43px;
    width: 23px;
    height: 28px;
    border: none;
	display:inline-block;
}
#socials #googleplus{
	background: url('../imgs/outside.png');
    background-repeat: no-repeat;
    background-position: -115px -43px;
    width: 23px;
    height: 28px;
    border: none;
	display:inline-block;
} 
#socials #linkedin{
	background: url('../imgs/outside.png');
    background-repeat: no-repeat;
	background-position: -140px -43px;
    width: 23px;
    height: 28px;
    border: none;
	display:inline-block;
} 
form{
	display: inline-block;
	max-width: 100%;
}
#signup_form{
	display:block;
}
.linepanel{
	height: 1px;
    background: #F1F1F1;
    margin: 10px 0px 10px 0px;
}
#stepslinks{
    padding: 12px;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
}
.itemicon{
	display:inline-block;
	overflow: initial;
}
#ontabsignup{
	background-color: #E9E9E9;
	padding:5px;
	border-radius:3px;
}
.onnedtab{
	text-decoration: none;
    color: #D50000;
}
#page_browse_mg_left{width:78%;float:left;}
#page_browse_mg_right{width:20%;float:right;}
#searchbu{position:fixed;width:100%;padding:5px;color:white;background-color:#000000;text-align:center;top: 35px;left: 0px;}
#searchbu{display:none;}
input[type="text"]{height: 30px;width:auto}
@media only screen and (max-width : 640px){
#stepslinks{display:none;}
#page_browse_mg_right{width:100%;float:none;}
#page_browse_mg_left{width:100%;float:none;}
#searchbu{position:fixed;width:100%;padding:5px;color:white;background-color:#000000;text-align:center;display:block;z-index: 1000;}
}
#signup_form label{
    color: #310000;
    font-weight: bold;
}
.full_field{
	width: 100%;
    padding: 3px 3px;
    border-bottom: 1px solid #f1f1f1;
}
.field_label{
	font-weight:bold;
	padding:2px;
	font-size:15px;
	min-width:150px;
	float:right;
}
.guide{
margin-top:5px;
color:red;
}
.guidebold{
background-color: red;
color: #ffffff;
padding: 1px 5px;
display: inline-block;
overflow: initial;
}
.full_field{
	width: 100%;
    padding: 3px 3px;
    border-bottom: 1px solid #f1f1f1;
}
.field_label{
	font-weight:bold;
	padding:2px;
	font-size:15px;
	width:40%;
	float:right;
}
.field_box{
	width:60%;
}
#signup_form input,#signup_form select{
	max-width: 150px;
        width: 100%;
	height:30px;
	border:1px solid #cccccc;
	border-radius:3px;
	background-color:white;
}
#signup_form input[type=radio]{
        width: auto;
	height:auto;
}
#signup_form textarea{
	max-width: 150px;
    width: 100%;
	border:1px solid #cccccc;
	border-radius:3px;
    height: 90px;
}
#signup_form .warning{
	font-weight: bold;
    font-size: 13px;
    padding: 2px 12px;
    color: white;
    background: red;
    margin: 5px;
    border-radius: 5px;
}
.list-group{
	overflow: hidden;
}
#signup_form input[type="submit"]{
	margin: 10px;
    background: #D50000;
    color: #fff;
    font-weight: bold;
}
#signup_form input[type="checkbox"]{
    height: 15px;
    width: 15px;
}
#checkbox_table td{
	text-align:right;
}
.alert{text-align: center;
    margin-top: 5px;
    padding: 5px;
    background: #FF6B6B;
    color: #fff;
    border: 1px solid #DB2323;
}
.blog_posts{
	border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    display: block;
    list-style-type: none;
    overflow: hidden;
    margin-top: 5px;
    padding: 0;
    width: 100%;
}
.blog_posts .title{
	margin-bottom:5px;
}
.blog_posts li .more-button{
	bottom: 0;
	width: 96%;
	position: absolute;
	right: 0;
	text-align: center;
	left:5px;
}
.blog_posts li{
    width: 33.33%;
    padding: 1%;
    /* border-radius: 3px; */
    height: 250px;
    position: relative;
    float: right;
    border-right: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}
.blog_posts .post-title{
	display: block;
	position: absolute;
	top: 140px;
	z-index: 1;
	color: #1478D0;
}
.blog_posts .post-text{
	position: absolute;
	top: 165px;
	font-size: smaller;
	color: #797979;
}
.blog_posts .image{
	position: absolute;
	height: 130px;
	top: 0;
	width: 100%;
	right: 0;
	left: 0;
}
.blog_posts .image img{
	width: 100%;
	position: absolute;
	top: 0;
}
.post .date{
	padding:5px;
	font-size:smaller;
	text-align:left;
	float:left;
	height:24px;
}
.post .categories{
	padding:5px;
	font-size:smaller;
	text-align:right;
	float:right;
	height:24px;
}
.post .categories span{
	color:#9f9e9e;
	float:right;
}
.post .categories a{
	color:#1478D0;
	margin:0 5px;
}
.post .image{
	text-align:center;
}
.box{
	border-radius:3px;
	width:100%;
	padding:5px;
	margin:5px 0px;
	border: 1px solid #f1f1f1;
}
.box .share_with{
	list-style-type: none;
    width: 100%;
    display: inline-block;
}
.box .tags{
	list-style-type: none;
    width: 100%;
    display: inline-block;
}
.box .tags li{
	color: #c4c4c4;
    float: right;
    font-size: 12px;
    border-left: 1px solid;
    padding: 3px;
}
.box .tags li:last-child{
	border-left: none;
}
.share_with li{
	float:right;
    color: white;
    padding: 5px;
    font-family: 'iranyekan';
}
.share_with li a{
	color:white;
}
.share_with li.shareLabel{
	border:none;
	color:black;
}
.share_with li.telegram{
	background-color:#46a0ee;
}
.share_with li.twitter{
	background-color:#3788ce;
}
.share_with li.facebook{
	background-color:#335594;
}
.share_with li.linkedIn{
	background-color:#0077b5;
}
.share_with li.pinterest{
	background-color:#ba0606;
}
.share_with li.whatsapp{
	background-color:#0f9806;
}
.share_with li.email{
	background-color:#4b4b4b;
}
.box .post_content{
	font-size:16px;
	padding:15px;
	text-align: justify;
}
.box .post_content *{
	line-height:30px !important;
}
.box .post_content p{
	padding-right:20px;
}
.box .post_content h1,.box .post_content h2,.box .post_content h3,.box .post_content h4,.box .post_content h5,.box .post_content h6{
	margin: 10px 0px;
}
.box .post_content ol,.box .post_content ul {
    padding-right: 50px;
    padding-bottom: 10px;
}
.box .title{
    border-bottom: 1px solid #c1c1c1;
    padding: 5px 10px;
    margin-bottom: 5px;
	margin:5px 0px;
}
@media only screen and (max-width: 890px) {
.home_section .right_side,.home_section .left_side{
	width:100% !important;
}
#content #login{
    background: none;
}
#content #login #signup_button{
	float:none;
	margin-right:0px;
	margin-left:0px;
}
}
@media only screen and (max-width: 400px) {
.field_label{
	font-weight:bold;
	padding:2px;
	font-size:15px;
	width:100%;
	float:right;
}
.field_box{
	width:100%;
}
}
@media only screen and (max-width: 740px) {
#content #one_box #text{
	max-width:100%;
}
#content #logo{
    background: url('../imgs/outside.png');
    background-repeat: no-repeat;
    background-position: -552px -60px;
    width: 75px;
    height: 53px;
    margin-right: auto;
    margin-left: auto;
}
#content #one_box,#content #second_box,.footer #inside #left #box,.footer #inside #left,.footer #inside #right,.footer #inside #right #box{
	width:100%;	
	display:block;
	float:none;
}
.footer #inside #right #box{
padding: 20px 0px 10px 0px;
}
#header #header_terms_button,#header #header_signup_button{
	display:none;
}
#content #logo_text{
	margin-top:10px;
    font-size: 20px;
}
#header .left_item{
	 width:100%;
	 display: inline-block;
}
#content #login{
	width:100%;
}
}