@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: #658582;
	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: #799996;
}

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

/*******************  Structure  *******************/
.boxmain {padding: 10px; background-color:#D7E1E0;}
.topbar {
	background-color: #EEF2F2;
}

.header {
	background-image: url(../image/header_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 500px;
}

.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:#799996; 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:#799996;
	border-radius:50%;
	padding:10px;
}

.social a:hover {
	color:#799996;
	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 #799996; 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-radius: 6px;
}

.post i {
}

.post a {
}

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

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

.post-title {
	padding: 5px;
	overflow:hidden;
	background-color: #799996;
	border-radius: 6px 6px 0px 0px;
}

.post h2 {
	font-size: 20px;
	padding:5px;
	}

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

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

.post h2 i:before {
	font-size: 30px;
	text-align: center;
	margin-left: 10px;
	margin-right: -10px;
	vertical-align: middle;
	color: #fff;
	padding: 25px 15px;
	background-color:rgba(0,0,0,0.25);
}

.post-body {
	padding: 10px;
	line-height: 1.8em;
	border: 1px solid #ccc;
	border-radius: 0px 0px 6px 6px;
}

.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:10px;
	border-bottom: 1px solid #f0f0f0;
}

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

.post-info i:before {
	vertical-align: middle;
	margin-left: 3px;
	font-size: 14px;
	color: #fff;
	background-color: #799996;
	padding-top: 5px;
	border-radius: 50%;
	display:inline-block;
	width:30px; height:30px;
	text-align:center;
}

.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 #DFDFDF;
	border-right: 5px solid #DFDFDF;
	border-radius:6px;
}

.post-tags i:before {
	vertical-align: middle;
	margin-left: 5px;
	font-size: 16px;
	color: #fff;
	background-color: #799996;
	padding: 5px 7px;
	border-radius: 50%;
}

.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: #799996;
	color: #fff;
}

.post-foot a:hover {
	background-color: #000;
	color: #FFFFFF;
}

/*PAGENAVI*/
.pagenavi {
	margin-bottom: 10px;
	background: #fff;
	padding: 10px;
	text-align: center;
	line-height: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-family: Yekan;
	font-size: 16px;
}
.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: 5px;
}

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

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

/*SIDEBAR*/
.sidebar {
	margin-bottom: 10px;
}

.menu {
	margin-bottom: 10px;
	background: #fff;
	border-radius: 6px;
	
}

.menu-title {
	padding: 5px;
	overflow:hidden;
	background-color: #799996;
	border-radius: 6px 6px 0px 0px;
	}

.menu-body {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 0px 0px 6px 6px;
}

.menu h3 {
	font-size: 16px;
	padding: 5px;
	color:#fff;
	line-height:2em;
	}

.menu h3 i:before {
	font-size: 24px;
	text-align: center;
	margin-right: -10px;
	margin-left: 10px;
	padding: 25px 15px;
	vertical-align:middle;
	background-color:rgba(0,0,0,0.25);
	}

.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;
	border-radius: 4px;
}

.menu li a:link, .menu li a:visited {
	color: #000;
	border: 1px solid #ECECEC;
		}

.menu li a:hover {
	color: #799996;
	border: 1px solid #799996;}

.menu a {
}

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

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

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

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

.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: #799996;
}

/* ETC */

.myslider {
	direction: ltr;
	padding: 10px;
	border: 1px solid #E3E3E3;
	border-bottom: 3px solid #ccc;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	border-radius: 6px;
}
.myslider img {border-radius: 4px;}
.owl-carousel {
	margin: 0;
}

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

.owl-carousel i:before {
	font-size: 20px;
	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.58);
	color: #E0E0E0
}

.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
	background: rgba(0,0,0,0.58);
	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 i:before {
	font-size: 20px;
}
}