@charset "utf-8";
/* CSS Document */

html, body, div, input, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
@font-face {
	font-family: 'isans';
	src: url('fonts/IRANSans-Bold.eot?#') format('eot'),  /* IE6–8 */ url('fonts/IRANSans-Bold.woff2') format('woff2'),  /* Chrome36+, Opera24+*/ url('fonts/IRANSans-Bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	font-weight: bold;
}
@font-face {
	font-family: 'isans';
	src: url('fonts/IRANSANSExpanded.eot?#') format('eot'),  /* IE6–8 */ url('fonts/IRANSANSExpanded.woff2') format('woff2'),  /* Chrome36+, Opera24+*/ url('fonts/IRANSANSExpanded.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	font-weight: normal;
}
body {
	direction: rtl;
	font: 12px isans
}
.container {
	width: 980px;
	margin: 0 auto

}


.slider2 {
 margin:10px;   
    

}
.topmenu {
	background: #2a2a2a;
	width: 100%;
	color: #fff;
	
}
.topmenu li {
	list-style: none
}
.topmenu ul li {
	text-align: center;
}
.topmenu ul li a {
	color: #fff;
	text-decoration: none;
	padding: 10px;
	display: block;
	text-align: center;
	font-family: isans;
}
.topmenu ul li a:hover {
	color: #f1c40f
}
.clear {
	clear: both
}
.logoarea {
	margin: 25px 30px;
	float: right;
	width: 300px
}
.logoarea img {
	width: 70px;
	height: 70px;
	float: right;
	margin: 0 0 0 10px

}
.logoarea h1 {
	font: bold 16px isans;
}
.logoarea h2 {
	font: 14px isans;
	color: #1381da;
	margin: 0 54px
}
.bannerhead {
	width: 468px;
	height: 60px;
	margin: 25px 100px  25px 5px;
}

.socialicons {
	float: left;
	margin: 5px 0
}
.socialicons a {
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
	display: block;
	font-size: 18px;
	border-radius: 3px
}
.fbicon a:hover {
	background: #3b5998
}
.twicon a:hover {
	background: #00aced
}
.pnicon a:hover {
	background: #cb2027
}
.mainmenus { box-shadow:0 3px 0 0px #cccccc ; width:100% }
.mainmenus ul { list-style:none}
.mainmenus ul li { float:right ; position:relative }
.mainmenus ul li a { text-decoration:none ; color:#000 ; font:bold 18px isans ; padding:5px 10px ; display:block}
.mainmenus ul li:hover a { color:#e74d39 ; box-shadow:0 3px 0 0 #e74d39}
.mainmenus ul li ul  {display:none ; position:absolute ; background:#e74d39 ; width:140px ; z-index:1 }
.mainmenus ul li ul li { float:none}
.mainmenus ul li ul li a { color:#fff !important ; opacity:0.5 ; box-shadow:none !important}
.mainmenus ul li ul li a:hover { opacity:1}
.mainmenus ul li:hover ul {display:block}
.searcharea { float:left ; box-shadow:0 3px 0 0 #818181 ; padding:7px 0px 8px 0}
.searcharea input[type=text] {font:16px isans}
.searcharea input[type=text]::-webkit-input-placeholder  { color:#ccc }
.searcharea input[type=submit] { background:url('images/search.jpg'); width:22px ; height:22px ; cursor:pointer ; margin: 5px 0 0 3px;
float: left; } 
.tilearea { margin:20px 0 0 0}
.tileb { width:693px ; height:236px ; float:right ; position:relative}
.tiles { width:270px ; height:110px ; float:right ; margin:0 15px 16px 0 ; position:relative}
.tileb h3 , .tiles h3{bottom:25px ; right:25px ; position:absolute ; font:18px isans ; color:#fff ; background:rgba(0,0,0,0.4) ; padding:5px 15px ; text-decoration:none ; }
.mainarea { width:950px ; float:right ; margin:20px 0 0 0}
.sidearea { width:270px ; float:left; margin:20px 0 0 0}
.titlezone { box-shadow:inset 0 -10px 0 0 #e74d39}
.titlezone h3 { color:#fff ; background:#e74d39 ; font:bold 18px isans ; padding:5px 10px ; float:right } 

.maintext p {font:14px isans ; text-align:justify ;  line-height: 28px; margin: 12px 0 0 1px;
    }
  .maintext h2 {font:14px isans ; text-align:justify ;  line-height: 28px; margin: 12px 0 0 1px;
    }  
 
.postbox2 h2 { font:bold 18px isans}
.postbox2 p { font:14px isans ; color:#1381da; text-align:center ; width:528px ;      overflow: hidden;
    line-height: 48px;
    margin: 0 180px;}
    
.postbox3 h2 { font:bold 18px isans  ; color:#ff5605; margin: 0 60px; }
.postbox3 p { font:14px isans ; color:#ff5605; text-align:justify ; width:528px ; float:right ;     overflow: hidden;
    line-height: 24px;
    margin: 90px 0 0 1px;}
    
    
    .postbox4 h2 { font:bold 18px isans  ; color:#000000; margin: 0 10px; }
.postbox4 p { font:14px isans ; color:#000000; text-align:justify ; width:528px ; float:right ;     overflow: hidden;
    line-height: 24px;
    margin: 90px 0 0 1px;}
    
.postbox { margin:15px 0 ;}
.postbox img { float:right ; margin:0 0 0 15px ; border-radius:3px}
.postbox h2 { font:bold 18px isans}
.postmetas , .postmetas a  { color:#ccc ; text-decoration:none}
.postmetas i { margin: 0 5px 0 0}
.postbox p { font:14px isans ; text-align:justify ; width:528px ; height:87px;  float:left ;     overflow: hidden;
    line-height: 28px;
    margin: 12px 0 0 1px;}
.postbox a ,.sliderbox a  {text-decoration:none ; color:#000}
.owl-carousel { direction:ltr}
.sliderbox { margin:10px ; direction:rtl ; width:100px}
.sliderbox img { border-radius:3px }
.sliderbox h3 { font:14px isans}
.titleside { box-shadow:inset 0 -10px 0 0 #2c3e50}
.titleside h3 { color:#fff ; background:#2c3e50 ; font:bold 18px isans ; padding:5px 10px ;} 
.widgetbox { margin:0 0 10px 0}
.widgetcontent { padding:15px 0 ; text-align:justify}
.snewsletter i { font-size:80px ; color:#7f8c8d ; display:block ; text-align:center ; margin:10px 0}
.widgetcontent input[type=email] { background:#e3e6e8 ; width:100% ; direction:ltr ; font:14px isans ; padding:5px 0 ; border-radius:3px ; transition:all 0.3s}
.widgetcontent input[type=email]:focus { box-shadow:0 0 2px 0px #888888 ; background:#fff}
.widgetcontent input[type=submit] { background:#e74c3c ; color:#fff ; font:14px isans ; padding:5px 0 ; text-align:center ; width:270px ; margin:10px 0 0 0 ; border-radius:3px ; cursor:pointer  ; transition:all 0.3s} 
.widgetcontent input[type=submit]:hover { background:#2c3e50}







.picnews { margin:5px 0;}
.picnews img { float:right; margin:0 0 5px 5px}
.picnews h4 { font:bold 14px isans;}
.picnews a { color:#000 ; text-decoration:none}
.widgetcontent ul {list-style:none}
.widgetcontent ul li:before { content:"⚫" ; color:#bdc3c7}
.widgetcontent ul li:hover:before { color:#e74d39}
.widgetcontent ul li a { color:#000 ; text-decoration:none ; font:bold 16px isans}
.footerarea { background:#EFEFEF ; font:12px isans ; color:#808487 ; text-align:center ; padding:15px 0 ;}
.footerarea ul { list-style:none ; margin:auto ; width:415px ;}
.footerarea ul li { float:right}
.footerarea ul li a { font:12px isans ; color:#808487 ;  text-decoration:none ; padding:5px 10px ; display:block ; margin:5px 10px }
.footerarea ul li:hover a { box-shadow:0 1px 0 0 #fff} 
.singlecontent { text-align:justify ; padding:10px 0 ; line-height:25px}

.relatedcontent ul {list-style:none}
.relatedcontent ul li { float:right ; width:330px; margin:0 0 0 15px}
.relatedcontent ul li:before { content:"⚫" ; color:#bdc3c7}
.relatedcontent ul li:hover:before { color:#e74d39}
.relatedcontent ul li a { color:#000 ; text-decoration:none ; font:bold 16px isans}
.commentbox { margin:10px 0 ; box-shadow:0 0 0 1px #ccc ; border-radius:3px ;padding:10px ; font-size:14px ; text-align:justify }
.commentbox img { float:right ; margin:0 0 0 5px}
a.reply-link { text-decoration:none ; color:#000 ; background:#ecf0f1 ; border-radius:3px ; padding:0 10px }
a.reply-link:hover { background:#525252 ; color:#fff}
.commentforms input , .commentforms textarea { background:#e3e6e8 ; width:50%  ; font:14px isans ; padding:5px 0 ; border-radius:3px ; transition:all 0.3s ; margin:3px 0}
.commentforms textarea { width:100% ; height:100px ; outline:none ; border:none}
.commentforms input[type=submit] { background:#e74c3c ; color:#fff ; font:14px isans ; padding:5px 0 ; text-align:center ; width:270px ; margin:10px 0 0 0 ; border-radius:3px ; cursor:pointer  ; transition:all 0.3s} 

.tbl table,th,td {

border: 1px solid black;
border-left: 1px solid #fff;
border-right: 0;
padding: 8px 10px 8px;
background-color: #f2f2f2;
font-family: isans;
font-size: 12px;
}
.tbl table {

border-collapse: collapse;
width: 100%;

}

















.madar { width:200px ; height:200px ; background:red ; margin:100px ; position:relative}
.farzand { width:50px ; height:50px ; background:blue ; top:50px ; right:50px ; position:absolute}