@font-face {
    font-family: Vazir;
    src: url('../fonts/eot/Vazir.eot');
    src: url('../fonts/eot/Vazir.eot?#iefix') format('embedded-opentype'),
         url('../fonts/woff2/Vazir.woff2') format('woff2'),
         url('../fonts/woff/Vazir.woff') format('woff'),
         url('../fonts/ttf/Vazir.ttf') format('truetype');
    font-weight: normal;
  }
  
  @font-face {
    font-family: Vazir;
    src: url('../fonts/eot/Vazir-Bold.eot');
    src: url('../fonts/eot/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/woff2/Vazir-Bold.woff2') format('woff2'),
         url('../fonts/woff/Vazir-Bold.woff') format('woff'),
         url('../fonts/ttf/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
  }
  
  @font-face {
    font-family: Vazir;
    src: url('../fonts/eot/Vazir-Light.eot');
    src: url('../fonts/eot/Vazir-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/woff2/Vazir-Light.woff2') format('woff2'),
         url('../fonts/woff/Vazir-Light.woff') format('woff'),
         url('../fonts/ttf/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
  }
  
  @font-face {
    font-family: Vazir;
    src: url('../fonts/eot/Vazir-Medium.eot');
    src: url('../fonts/eot/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/woff2/Vazir-Medium.woff2') format('woff2'),
         url('../fonts/woff/Vazir-Medium.woff') format('woff'),
         url('../fonts/ttf/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
  }
  
  @font-face {
    font-family: Vazir;
    src: url('../fonts/eot/Vazir-Thin.eot');
    src: url('../fonts/eot/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/woff2/Vazir-Thin.woff2') format('woff2'),
         url('../fonts/woff/Vazir-Thin.woff') format('woff'),
         url('../fonts/ttf/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
  }
  
  *{
	box-sizing:border-box;
	margin:0;
	padding:0;
	direction: rtl;
}
h1,h2,h3,h4,h5,h6,p,input{
	font-family: 'Vazir';
}
.clearfix:before,.clearfix:after{
	content:" ";
	display:table
}
.clearfix:after{
	clear:both
}
.clearfix{
	*zoom:1
}
html{
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden
}
body{
	width:100%;
	height:100%;
	line-height:1.5;
	font-family:'Vazir',lato,sans-serif;
	font-weight:300;
	font-size:16px;
	background:#007a3d
}
ul{
	list-style-type:none
}

.col1{
	width:99%;
	margin:1em auto;
	padding-top:20px;
	padding-right:1%
}
.big,.small{
	float:right;
	margin:0 auto 1%;
	color:#fff;
	font-size:48px;
	text-align:center;
	height:156px;
	font-weight:300;
	overflow:hidden;
	padding:1em;
	cursor:pointer;
	transition:all .3s ease-out;
	opacity:.8
}
.big:hover,.small:hover{
	background:#fff
}
.big{
	width:49%;
	margin-left:1%
}
.small{
	width:24%;
	margin-left:1%
}
.big p{
	transition:all .3s ease-out
}
.small.last{
	margin-left:0
}
.icon-font{
	font-weight:700;
	font-family:'Vazir',bebasneueregular,arial narrow,Arial,sans-serif;
	line-height:72px;
	font-size:72px
}
.big .icon-font{
	float:right
}
a{
	text-decoration:none
}
.rss-thumb{
	background:#ed8c01
}
.rss-thumb:hover{
	color:#ed8c01
}
.tw-thumb{
	background:#c0deed
}
.tw-thumb:hover{
	color:#c0deed
}
.fb-thumb{
	background:#3b5998;
	font-size:48px
}
.fb-thumb:hover{
	color:#3b5998
}
.gplus-thumb{
	background:#ef3a5b
}
.gplus-thumb:hover{
	color:#ef3a5b
}
.shock-thumb{
	background:#04acad;
}
.shock-thumb:hover{
	color:#04acad
}
.mark-thumb{
	background:#85a9c3;
}
.mark-thumb:hover{
	color:#85a9c3
}
.four-thumb{
	background:#8bba30;
}
.four-thumb:hover{
color:#8bba30
}
.back-thumb{
	background:#ef3a5b;
	font-family:'Vazir',bebasneueregular,arial narrow,Arial,sans-serif
}
.back-thumb:hover{
	color:#ef3a5b
}
.home-thumb{
	background:#385e82
}
.home-thumb:hover{
	color:#385e82
}
.opps-thumb{
	background:#2fb1be;
	font-family:'Vazir',bebasneueregular,arial narrow,Arial,sans-serif;
	padding:1.5%;
	cursor:default
}
.opps-thumb:hover{
	color:#2fb1be
}
.opps-thumb p{
	font-size:32px;
	line-height:36px;
}
.opps-thumb-span{
	display:block
}
.opps-thumb:hover p{

}
.back-thumb p{
	font-size:12px
}
.search{
	border:medium;
	border-radius:7px 7px 7px 7px;
	color:#999;
	padding:6px 7px 3px;
	width:220px;
	background:#fff;
	font-family:'Vazir',bebasneueregular,arial narrow,Arial,sans-serif;
	font-size:18px;
	border:1px dashed #ddd
}
.search_form{
	position:relative;
	width:210px;
	margin:0 auto
}
.submit{
	border:medium;
	border-radius:7px 7px 7px 7px;
	color:#979797;
	padding:7px;
	width:160px;
	background:eee
}
#search_button{
	background:url(search.png) no-repeat scroll 0 0 #fff;
	border:medium;
	cursor:pointer;
	display:block;
	height:24px;
	opacity:.3;
	position:absolute;
	left:0;
	top:30px;
	transition:all .3s ease-in-out 0s;
	width:38px
}
@media screen and (min-width:64em){
	.col1{
		margin:0 auto
	}

}
@media screen and (max-width:800px){
	.opps-thumb p{
		line-height:24px;
		font-size:24px
	}

}
@media screen and (max-width:599px){
	.big,.small{
		padding:.4em .2em;
		height:78px;
		font-size:32px
	}
	.opps-thumb p{
		font-size:18px;
		line-height:18px
	}
	.opps-thumb form{
		display:none
	}
	.icon-font{
		font-weight:700;
		font-family:'Vazir',bebasneueregular,arial narrow,Arial,sans-serif;
		line-height:36px;
		font-size:36px
	}

}
@media screen and (max-width:320px){
	.col1{
		width:280px
	}

}