@font-face {
	font-family: 'Yekan';
	src: url('/font/Yekan.eot?#') format('eot'), url('/font/Yekan.woff') format('woff'), url('/font/Yekan.ttf') format('truetype'), url('/font/Yekan.svg') format('svg');
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	margin: 0px;
	padding: 0px;
}

body {
	font-family: 'Yekan',Tahoma;
	font-size: '14px', 12px;
	font-weight: normal;
	line-height: '2em', 1.5em;
	text-align: right;
	margin: 0;
	color: #000;
	background-color: #EFF5F7;
	direction: rtl;
}
body i {line-height: 1.5em;}
h1, h2, h3, h4, h5, h6 {
	font-family: Yekan;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 2em
}

img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

a {
	text-decoration: none;
}

a:link, a:visited {
	color: #62c4d7;
}

a:hover {
	color: #000000;
	transition: all ease 0.5s;
	text-decoration: none;
}

/*******************  Structure  *******************/
.topbar {
	background-color: #fff;
}

.header {
	background-image: url(/img/header_bg.png);
	background-position: top center;
	background-repeat: repeat;
	background-attachment: scroll;
	height: 300px;
	margin-bottom: 20px;
}

.site-logo {
}

.site-title {
	text-align: center;
	padding-top: 100px;
}

.site-title a {
	color: #000;
}

.site-title h1, .site-title h3 {
}

.site-title h1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5em;
	margin-left: 10px;
	margin-bottom: 20px;
}

.site-title h3 {
	color: #000;
}


/*NAVI*/
.navi {
	padding: 10px;
	margin-bottom: 5px;
	font-family: Yekan;
	font-size: 14px;
}

.navi a {
	display: inline-block;
	margin-left: 10px;
	padding: 5px 10px;
	border-radius: 4px;
}

.navi a:link, .navi a:visited {
	background-color: none;
	color: #000;
}

.navi a:hover {
	background-color: #000;
	color: #fff;
}

.navbar-default .navbar-toggle {
	border-color: #dddddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #dddddd;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #888888;
}

#homeactive { background-color:#62c4d7; color:#fff;}

/*SOCIAL*/
.social {
	padding: 20px 0px 5px 0px;
	margin-bottom: 10px;
	text-align: center;
}

.social a {
	display: inline-block;
	margin: 5px;
}

.social a:link, .social a:visited {
	color:#FFFFFF;
	background-color:#62c4d7;
	border-radius:50%;
	padding:10px;
}

.social a:hover {
	color:#62c4d7;
	background-color:#fff;
	border-radius:50%;
	padding:10px;
}
.social i:before { vertical-align:middle; text-align:center; font-size: 20px;}
div.social-box { padding:5px; border-radius:50px; border: 1px solid #62c4d7; display:inline-block;}
div.social-message { display:block; color:#fff; margin-bottom: 20px; font-family:Yekan; font-size: 16px;}
/*POST*/
.mainposts {
	margin-bottom: 20px;
}

.post {
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #62c4d7;
}

.post i {
}

.post a {
}

.post a:link, .post a:visited {
	color: #62c4d7;
}

.post a:hover {
	color: #000000;
}

.post-title {
	padding: 5px;
	border-bottom: 1px solid #62c4d7;
	overflow:hidden;
}
.post-title:after { 
	content: '';
	display:block;
	position:absolute;
	height:3px; 
	width: 50%; 
	background-color:#62c4d7;
	margin-top: 4px;
	}
.post h2 {
	font-size: 20px;
	padding:5px;
	}

.post h2 a:link, .post h2 a:visited {
	color: #000000;
}

.post h2 a:hover {
	color: #000000;
}

.post h2 i:before {
	font-size: 32px;
	text-align: center;
	margin-left: 5px;
	vertical-align: middle;
	color: #62c4d7;
	margin-right: -10px;
	padding: 10px;
}

.post-body {
	padding: 10px;
	line-height: 1.8em;
}

.post-cnt {
	margin-bottom: 10px;
}

.post-cnt a {
}

.post-cnt img {
	max-width: 100%;
	height: auto;
}

.post-cnt a:link, .post-cnt a:visited {
}

.post-cnt a:hover {
}

.post-info {
	margin-bottom: 10px;
	padding-bottom:5px;
	border-bottom: 1px solid #62c4d7;
}

.post-info span {
	margin-left: 15px;
	}

.post-info i:before {
	vertical-align: middle;
	margin-left: 3px;
	font-size: 12px;
	color: #fff;
	background-color:#62c4d7;
	padding: 5px;
	border-radius: 4px;
}

.post-info a {
}

.post-info a:link, .post-info a:visited {
}

.post-info a:hover {
}

.post-tags {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #62c4d7;
	border-radius:6px;
}

.post-tags i:before {
	vertical-align: middle;
	margin-left: 5px;
	font-size: 16px;
	background-color:#62c4d7;
	color:#fff;
	padding: 5px;
	border-radius: 4px;
}

.post-tags a {
}

.post-tags a:link, .post-tags a:visited {
}

.post-tags a:hover {
}

.post-foot {
	text-align: left;
	font-family: Yekan;
	font-size: 14px;
}

.post-foot i:before {
	vertical-align: middle;
	margin-left: 10px;
	font-size: 20px;
}

.post-foot a {
	display: inline-block;
	padding: 10px 10px;
	border-radius: 4px;
	margin: 0px 5px;
}

.post-foot a:link, .post-foot a:visited {
	background-color: #62c4d7;
	color: #fff;
	border-bottom: 3px solid #064b69;
}

.post-foot a:hover {
	background-color: #000;
	color: #FFFFFF;
	border-bottom: 3px solid #000;
}

/*PAGENAVI*/
.pagenavi {
	margin-bottom: 10px;
	background: #fff;
	padding: 10px;
	text-align: center;
	line-height: 10px;
	font-family: Yekan;
	font-size: 16px;
	border: 1px solid #62c4d7;
}
.pagenavi i:before { vertical-align:middle; margin-left: 5px; margin-right: 5px;}
.pagenavi a {
	margin: 0px 5px;
	display: inline-block;
	padding: 13px 10px;
	border-radius: 4px;
}

.pagenavi a:link, .pagenavi a:visited {
	color: #FFFFFF;
	background-color: #62c4d7;	
}

.pagenavi a:hover {
	color: #fff;
	background-color: #000;
	}

/*SIDEBAR*/
.sidebar {
	margin-bottom: 10px;
}
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.menu {
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #62c4d7;

}

.menu-title {
	padding: 5px;
	border-bottom: 1px solid #62c4d7;
	overflow:hidden;
	}
.menu-title:after { 
	content: '';
	display:block;
	position:absolute;
	height:3px; 
	width: 50%; 
	background-color:#62c4d7;
	margin-top: 4px;
	}
.menu-body {
	padding: 10px;
}

.menu h3 {
	font-size: 16px;
	padding: 5px;
	}

.menu h3 i:before {
	font-size: 24px;
	text-align: center;
	margin-right: -10px;
	margin-left: 5px;
	padding: 10px;
	vertical-align:middle;
	color:#62c4d7;
	}

.menu ul {
	margin: 0px;
	padding: 0px;
}

.menu li {
	list-style-position: inside;
	list-style-type: none;
	margin-bottom: 5px;
}

.menu li:hover {
}

.menu li ul {
	margin-right: 20px;
}

.menu li a:before {
	content: '\e257';
	font-family: Glyphicons Halflings;
	margin-left: 5px;
	margin-right: 0px;
	vertical-align: middle;
	font-size: 9px;
}

.menu li a {
	display: block;
	padding: 7px;
	margin-bottom: 5px;
}

.menu li a:link, .menu li a:visited {
	color: #000;
	border-bottom: 1px dashed #F0F0F0;
}

.menu li a:hover {
	color: #62c4d7;
	border-bottom: 1px solid #F0F0F0;
}

.menu a {
}

.menu a:link, .menu a:visited {
	color: #62c4d7;
}

.menu a:hover {
	color: #000;
}

.menu img {
	margin-bottom: 5px;
}

/*FOOTER*/
.btmbar {
	background-color: #222;
}

.copyrights {
	text-align: center;
	padding: 7px;
	color: #fff;
	margin-bottom:10px;
}

.copyrights a {
	color: #fff;
}

.copyrights a:link, .copyrights a:visited {
}

.copyrights a:hover {
}

.designer {
	text-align: center;
	padding: 7px;
	color: #fff;
	margin-bottom: 40px;
}

.designer a {
	
}

.designer a:link, .designer a:visited {
	color: #fff;
}

.designer a:hover {
	color: #62c4d7;
}

/* ETC */
.myslider {
	direction: ltr;
	padding: 10px;
	border: 1px solid #62c4d7;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}

.owl-carousel {
	margin: 0;
}

.owl-carousel .owl-nav [class*=owl-] {
	background: rgba(0, 0, 0, 0.5);
	color: rgba(255, 255, 255, 0.9);
	border-radius: 0;
	text-align: center;
	}
.owl-carousel .owl-nav [class*=owl-] i:before {font-size: 20px; padding:10px; line-height:1.5em; vertical-align:middle;}

.owl-carousel .owl-prev, .owl-carousel .owl-next {
	position: absolute;
	top: 40%;
	margin: auto !important;
}

.owl-carousel .owl-prev {
	left: 15px;
}

.owl-carousel .owl-next {
	right: 15px;
}

.owl-carousel .owl-dots {
	/* display: none !important; */
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
	background: rgba(0,0,0,0.50);
	color: #E0E0E0
}

.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
	background: rgba(0,0,0,0.50);
	color: #ffffff
}

/* Responsive */
@media (max-width: 768px) {

.navi {
	text-align: right;
	border-bottom: 1px solid #ccc;
}

.navi a {
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.social {
	text-align: center;
}

.social i.flaticon:before {
	font-size: 30px !important;
}

.social a {
	margin: 0px 5px;
}

.site-title {
	text-align: center;
	margin-bottom: 10px;
}

.post-foot {
	text-align: center;
}

.post-foot a {
	margin: 0px 5px 0px 5px;
}

.owl-carousel .owl-nav [class*=owl-] i:before {font-size: 10px; padding:10px; line-height:1.5em; vertical-align:middle;}

}







.post-foot a:link, .post-foot a:visited {color: #000;}
.post-foot a:hover { color: #fff;}
.post-tags a:link, .post-tags a:visited {color: #666;}
.post-tags a:hover { color: #000;}
.post-tags a { margin-left: 5px;}
/*
آدرس عکس هدر مورد نظر خود را جايزگين آدرس عکس زير نماييد
*/

.header { height: auto; background-image: none; background-color: #fff; border-bottom: 1px solid #62c4d7; border-top: 1px solid #62c4d7; }
.site-title {text-align: right; padding-top: 20px; padding-bottom: 20px; }
.shopbox .menu-body {text-align: center;}
.shopbox .menu-body h2 { font-size: 13px;}
.shopbox .menu-body a { color: #444;}
.shopbox .menu-body a:hover {color: #62c4d7}

table, pre, select, input, textarea { font-size: 100%; }
input, textarea, select { font-family: Tahoma; font-size: 8pt; }
img, fieldset { border: 0; }
form, fieldset { margin: 0; padding: 0; }
.poll-vote { margin: 5px 0; padding: 0; }
.poll-vote li { list-style: none; color: #333; }
.poll-answer { margin: 12px 0 5px 0 }
.poll-result-box { width: 100%; height: 20px; border: 1px solid #D1D1D1; background-color: white; }
.poll-result-vote-percent {padding-top: 3px; height: 17px; background-color:#C9C9C9;text-align: center }
.message { padding: 5px 0; font-weight: normal; color: red; }
.sharing { padding: 10px 0; }
.sharing a { background: url("http://www.blogsky.com/images/template/blue/sharing.gif") no-repeat scroll 0 0 transparent; display: block; float: right; height: 16px; margin-left: 10px; width: 16px; }
#calendar { color: #194685; text-align: center; width: 100%; }
#calendar table td { text-align: center; padding: 3px; }
#calendar .week-days { color: #194685; background-color: #e7e7e7; }
#calendar .day-off { color: #777; font-size: 7pt; }
#calendar .day-on a { color: #f50; text-decoration: none; font-size: 7pt; }
#calendar .day-on a:hover { color: #f50; text-decoration: underline; }
#comments { padding-top: 20px; }
#comments .title { margin-bottom: 20px; font-weight: bold; direction: rtl; text-align: center; }
#comment-form { margin-top: 30px; }
#comment-form .message { padding: 10px 0; color: Red; font-size: 9pt; font-weight: bold; text-align: center; }
.comment { padding-bottom: 5px; margin-bottom: 15px; text-align: right; direction: rtl; border-bottom: 1px solid #B3B9C3; }
.comment .name { margin-bottom: 3px; font-weight: bold; color: #4182b8; }
.comment .datetime { margin-bottom: 5px; color: #777; }
.comment .text { margin-bottom: 10px; text-align: justify; line-height: 1.5em; }
.comment .web { text-align: left; direction: ltr; float: left; }
.comment .rate { float: right; color: #777; position: relative; }
.comment .rate .plus { cursor: pointer; margin-right: 2px; }
.comment .rate .minus { cursor: pointer; margin-right: 4px; }
.comment .rate .message { padding: 5px; background-color: white; border: 1px solid #B3B9C3; position: absolute; display: none; white-space: nowrap; opacity: 0.9; color: red; top: -5px; right: 30px; }
.comment .message { padding: 10px 0; text-align: center; color: red; }
.comment .reply { margin: 5px 0; padding: 5px; border-right: 5px solid #d1d1d1; line-height: 1.5em; text-align: justify; background-color: #f4f4f4; }
.bs-validation-summary-errors { background-color: #FFEEEE; border: 1px solid red; color: red; margin-bottom: 10px; padding: 5px 20px 5px 5px; }
.bs-validation-summary-errors li { padding: 1px 0; }
#contact-box, #form-box { direction: rtl; border: 0; margin: auto; }
#contact-box th, #form-box th { text-align: right; width: 100px; font-weight: normal; }
#contact-box td, #form-box td { text-align: right; width: 315px; }
#contact-box input[type=text], #form-box input[type=text] { font-size: 10pt; padding: 3px; width: 280px; border: 1px solid #AFAFAF; }
#contact-box textarea, #form-box textarea { font-size: 10pt; padding: 3px; width: 354px; height: 160px; border: 1px solid #AFAFAF; }
.bs-input-validation-error { background-color: #FFEEEE; }
#smiley-box { position: absolute; display: none; background-color: #fff; z-index: 10; left: 0; border: 1px solid #999; width: 155px; padding: 2px; }
#smiley-box img { cursor: pointer; margin: 2px; }
#gravatar-help { direction: rtl; padding: 10px 0; text-align: center; }
.gravatar { float: left; }
.html { direction: ltr; text-align: left; }
.bs-ltr { direction: ltr; text-align: left; }
#bs-input-search { width: 100px }
.bs-captcha-box { margin: 5px 0; text-align: center; }
.bs-captcha-image { vertical-align: bottom; }
.bs-captcha-refresh { background: url("http://www.blogsky.com/images/template/blue/reload.gif") no-repeat; cursor: pointer; display: inline-block; height: 22px; width: 22px; vertical-align: bottom; border: 1px solid #afafaf; }
.bs-captcha-code { color: #000000; direction: ltr; font-family: verdana !important; font-size: 14pt !important; font-weight: bold; padding: 2px !important; text-align: left; text-transform: uppercase; width: 85px !important; height: 20px; letter-spacing: 3px; }
#contact-box .bs-captcha-code { width: 110px !important; }
@media (max-width: 768px)
{
	#contact-box th, #form-box th { width: 100%; display:block;}
#contact-box td, #form-box td { width: 100%; display:block;}
#contact-box input[type=text], #form-box input[type=text] { width: 100%; display:block;}
#contact-box textarea, #form-box textarea { width: 100%; display:block;}
#smiley-box { width: 200px; }
}

.tazhib{ background:url('http://www.iranhafez.com/img/tazhib.png') no-repeat;width:520px;height:307px;margin:auto;margin-top:290px;position:relative;}
.ketab{ background:url('http://www.iranhafez.com/img/ketab.png')no-repeat;width:164px;height:265px;position:absolute;bottom:190px;left:171px;z-index:20;}
.light{ background:url('http://www.iranhafez.com/img/light2.png')no-repeat;width:310px;height:294px;position:absolute;bottom:179px;left:120px;z-index:15;display:none;}


.in-en{background:#ffffff;border:1px solid #c4c4c4;text-align:left;direction:ltr;height:28px;padding:1px 4px;font-size:14px;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color:#333333;font-family:arial}
.in-fa{background:#ffffff;border:1px solid #c4c4c4;text-align:right !important;direction:rtl;height:28px;padding:1px 4px;font-size:14px;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color:#333333;font-family:sans,tahoma !important}