@charset "utf-8";
@font-face {
    font-family: 'sahel';
    src: url('//bayanbox.ir/download/6565260237259601785/Sahel-FD.woff') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'sahel';
    src: url('//bayanbox.ir/download/4937696673228667072/Sahel-Bold-FD.woff') format('woff');
    font-weight: bold;
}

@font-face {
    font-family: 'sahel';
    src: url('//bayanbox.ir/download/1474034800726803017/Sahel-Black-FD.woff') format('woff');
    font-weight: 900;
}
::-moz-selection {
    color: #fff;
    background: #67AF78;
}

::selection {
    color: #fff;
    background: #67AF78;
}
/*--body--*/
body a{
	text-decoration: none;
}
body {
	background: #d9dedd url(//bayanbox.ir/view/4610794979453298229/lined-paper-2.png);
	font-family:Sahel;
	font-size: 14px;
	line-height: 1.8em;
}
h1,h2,h3,h4,h5,h6{font-family:inherit;}
/*--wrp--*/
#wrp {
	max-width: 1024px;
	margin: 0 auto;
	width: 96%;
}
/*--header--*/
.header {
	background-image: url(//bayanbox.ir/view/2601338850423430588/background-green-1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 25px 25px;
	line-height: 1.8em;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.header h1 {
	font-weight: 900;
}
.header a {
	color: #fff;
}
/*--menu--*/
#nav {
	background: #67AF78;
}
.menu {
	padding: 5px 6px;
	max-width: 1024px;
	margin: auto;
}
.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}
.menu li:after {
	content: "|";
	color: #599166;
}
.menu li:last-child:after {
	content: "";
}
.menu a{
	padding: 4px 10px;
	margin: 0px 2px;
	color: #fff;
	border-radius: 12px;
}
.menu a:hover{
	color: #bddbc4;
	transition-duration: .3s;
}
/*--all-block--*/
.main-block {
	margin: 30px 0px;
}
.block-post {
	margin-bottom: 10px;
	width: calc(76% - 18px);
	float: right;
		background: #dae2de;
}
/*--post--*/
.post {
	margin:10px 11px 0px 11px;
	border: 1px dashed #b8b09d;
}
.post a{
	color: #33b2ff;
}
.post a:hover {
	color: #ff420f;
	background: #fbde89;
}
.post-image {
	/*! float: left; */
	margin-bottom: 10px;
}
.post-image {
	border: 1px dashed #dedede;
	padding: 3px;
}
.post img{
	max-width:98%;
        height:auto;
        margin-right:1px;
        border:2px solid #ffffff;
        outline:1px solid #ccc;
        padding:5px;
}
.post-title-page {
	background: #67AF78;
	margin-top: 7px;
	
}
.post-title-page h2 {
	margin: 0;
	padding: 2px 8px;
	font-weight: normal;
	font-size: 16px;
}
.post-title-page a{
	color: #fff;
}
.post-title-page a:hover{
	color: #e5f0e8;
}
.post-title {
	background: #67AF78;
	float: left;
	width: 91%;
	margin-top: 5px;
	border-radius: 4px;
}
.post-author-avatar {
	float: right;
	width: 7%;
}
.post-author-avatar img {
	width: 100%;
	height: auto;
	border-radius: 100%;
}
.post-title-right {
	background-image: url(//bayanbox.ir/view/4027949570222337970/title-right3.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 8px 18px;
	height: 16px;
	width: 2%;
	float: right;
	margin-top: 12px;
	margin-right: 0px;
}
.post-title h2 {
	margin: 0;
	padding: 2px 8px;
	font-weight: 900;
	font-size: 16px;
}
.post-title a{
	color: #e5f0e8;
}
.post-title a:hover{
	color: #525653;
}
.post-matn {
	padding: 4px 0px;
	clear: both;
	text-align: justify;
}
.post-matn div{margin-bottom: 5px}
.post-seperator,.post-seperator-post-detail {
	/*! background-image: url(//bayanbox.ir/view/2776999840267475810/post-seperator-5.png); */
	/*! width: 750px; */
	/*! height: 20px; */
	/*! background-position: center center; */
	/*! background-repeat: no-repeat; */
	margin: 0 0 25px;
	border: 2px solid #67af78;
	border-radius: 4px;
}
/*
.post-seperator-post-detail {
	background-image: url(//bayanbox.ir/view/2776999840267475810/post-seperator-5.png);
	width: 750px;
	height: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px 0px 20px 0px;
}*/
/*--post-detail--*/
.post-detail {
	padding: 2px 10px;
	color: #6f6f6f;
	border-radius: 20px;
	text-align: center;
	max-width: 600px;
	clear: both;
	font-size: 13px;
}
.post-detail ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.post-detail li{
	list-style: none;
	padding: 4px 0px;
	margin: 0;
	display: inline-block;
}
.post-detail-right {
}
.post-detail-left {
}
.post-detail li:after {
	content: "|";
	color: #67af78;
	padding: 0px 4px;
}
.post-detail li:last-child:after {
	content: "";
	padding: 0;
}
.post-detail a{
	color: #05a6ff;
}
.post-detail a:hover {
	color: #67AF78;
	transition-duration: .3s;
}
.post-author{
	cursor: default;
}
.post_date {
	cursor: default;
}
.post-tags {
	padding: 5px;
}
.post-tags-title {
	background: #535353;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 4px;
	float: right;
	margin-left: 5px;
}
.seprator-rate {
	color: #e0e0e0;
	margin: 0px 4px;
}
/*--post-comment--*/
.cm-count {
	text-align: center;
	padding: 5px 0px;
	background: #67AF78;
	margin-bottom: 10px;
	border-radius: 4px;
}
.cm-main {
	margin-top: 0;
}
.cm-count a{
	font-size: 19px;
	color: #ddd5d5;
	cursor: default;
	border: 1px dashed #f3f1f1;
}
.cm-body {
	background:#f7fdfd url(http://bayanbox.ir/view/8183506170057604885/back.png);
	overflow: auto;
	margin-bottom: 10px;
	border-bottom: 6px solid #67af78;
	padding-bottom: 10px;
	/*! background: #35d0630f; */
	padding: 10px;
	/*! border-radius: 4px; */
	/*! border: 2px solid #67AF78; */
}
.cm-detail {
	position: relative;
	margin-right: 0px;
	border: 1px dashed #c8c6c6;
}
.cm-av {
	width: 35px;
	border-radius: 100%;
	float: right;
}
.cm-name {
	color: #67AF78;
}
.cm-date {
	color: #858585;
}
.cm-date .cm-date-a {
	color: #adadad;
	cursor: default;
}
.cm-date .cm-date-a:hover {
	color: #adadad;
}
.cm-detail a{
	color: #55ccf7;
}
.cm-detail a:hover{
	color: #ff420f;
	background: #fbde89;
}
.reply-body {
	background: #b8dbc0;
	margin-top: 10px;
}
.reply-av {
	width: 40px;
	max-height: 40px;
	border-radius: 100%;
	float: right;
	color: #145d23;
}
.cm-reply-matn {
	position: relative;
	margin-right: 50px;
}
.comment-link {
	width: 15px;
	height: 15px;
}
/*cm-form*/
.bComForm .sendbutton.hasCheckbox {
	margin-top: 10px;
	text-align: center;
}
.bComForm .sendbutton {
	width: 90%;
	margin-top: 50px;
	float:none;
	margin-right: 5%;
	margin-left:5%;
}
.bComForm .sendbutton:hover {
	cursor: pointer;
	transition-duration: .4s;
}
.item_success {
	background: #FFF6E7;
	border: 1px solid #fee6be;
}

blockquote {
    border-right: 6px solid #becbc8;
    margin: 5px 0px 0px;
    padding: 5px 15px;
    font-style: normal;
    background: transparent;
    border-radius: 4px;
    border-left: 6px solid #becbc8;
    background: #d9dee3
}

blockquote > div {
    margin-bottom: 0 !important;
}
/*--pageination--*/
.pagingation {
	background: #67AF78;
	text-align: center;
	padding: 9px;
	margin-top: -20px;
}
.pagesList {
	display: inline-block;
}
.pagingation a{
	padding: 4px 10px;
	background: #87ba93;
	color: #fff;
	border-radius: 6px;
}
.pagingation a:hover {
	background: #50915f;
	transition-duration: .3;
}
/*--left--*/
.left {
	border: 1px dashed #605252;
	float: left;
	width: 24%;
	color: #89866c;
}
.left a{
	color: #89866c;
}
.archive a.selected {
	color: #89CC97;
}
.title-left {
	/*! margin: 6px 6px 0px 6px; */
	text-align: center;
	background: #67AF78;
	color: #fff;
	padding: 2px 8px;
	cursor: default;
	border-radius: 4px;
	font-weight: 900;
}
.left-back {
	margin-bottom: 10px;
}
.left ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.left li{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ededed;
}
.left li:after {
	border-bottom: 1px solid #f3f3f3;
}
.left li:last-child{
	border-bottom: 0px;
}
.left-input {
	padding: 8px 5px;
}
/*--follow-box--*/
.followBx {
	margin: 10px 8px 5px 8px;
	border-radius: 0px;
}
.followBx {
	margin: 10px 8px 5px 8px;
	border-radius: 0px;
}
.followThis.followed {
	background: #67AF78;
	border-radius: 0px;
}
.followThis {
	background: #67AF78;
	border-radius: 0px;
}
/*stat*/
.stat-back {
    	padding: 5px 4px;
	margin-bottom: 2px;
	border-radius: 4px;
	cursor: default;
}
.stat-value {
	float: left;
	display: inline-block;
}
/*about-me*/
.about-me {
	background:#edf8f8 url(http://bayanbox.ir/view/8183506170057604885/back.png);
	margin-bottom: 10px;
	text-align: center;
	padding-bottom: 10px;
}
.blog-image {
	width: 89%;
	height: auto;
	margin-top: 8px;
	border-radius: 4px;
}
.description-web {
	line-height: 1.6em;
	padding: 10px 10px 0px 10px;
	text-align: right;
}

/*recent-comment*/
.recent-comment {
	background:#e0e1e1 url(http://bayanbox.ir/view/8183506170057604885/back.png);
	direction: ltr;
	margin-bottom: 6px;
	clear: both;
	overflow: hidden;
}
.cm-matnn {
	direction: rtl;
	padding: 2%;
	width: 81.5%;
}
.recent-comment a{
	color: #89866c;
}
.cm-matnn:hover{
	color: #ff420f;
	background: #fbde89;
	cursor: pointer;
}
.recent-comment-av-img {
	float: right;
	width: 11%;
	border-radius: 100%;
}
/*ظ…ط·ط§ظ„ط¨ ظ…ط­ط¨ظˆط¨*/
.rate--post {
	color: #89866c;
	padding: 4px;
	margin-bottom: 2px;
	line-height: 1.4em;
}
.rate--post:hover{
	color: #ff420f;
	background: #fbde89;
}
a.selected .rate--post {
	color: #668577;
}
.category-children {
	margin-right: 10px;
}
/*--tags--*/
.tagss {
	display: inline-block;
}
.tagss a{
	padding: 1px 8px;
	background: #fafafa8f;
	border-right: 2px solid #c1c8c8;
	display: table-cell;
	color: #89866c;
	transition-duration: .3s;
}
.tagss a:hover{
	color: #ff420f;
	background: #fbde89;
}
.tagss a.selected{
	color: #314539;
	background: #94ccb4;
}
/*----fot----*/
.fotter {
	background: #67AF78;
	margin-bottom: 10px;
	padding: 8px;
	clear: both;
	bottom: 0;
	left: 0;
	top: auto;
	direction: ltr;
	border: 1px solid #ebebeb;
	color: #fff;
}
.fotter .erfan{
	transition-duration: .5s;
	color: #d0e6d5;
	text-decoration: none;
}
.fotter .erfan:hover{
	color: #fff;
}
.bayan {
	float: right;
	color: #fff;
}
.bayan a {
	color: #d0e6d5;
}
.bayan a:hover{
	color: #fff;
}

input[type="button"], input[type="text"], input[type="password"], input[type="submit"], button, textarea, select, .inputBox, input.text, a.btn, a.btn:hover, a.btn:visited, .followBx, .followThis {
    font-family: inherit;
}
@media screen and (max-width: 768px) {
.block-post,.left {
	width: 100%;
	float: unset;
}
}
@media screen and (max-width: 476px) {
.post-author-avatar,.post-title-right {
	display: none;
}	
	.post-title {
	float: unset;
	width: 100%;
}
	.bayan {
	 float: unset;
}
    }
img {
    transition: all .4s ease;
}
img:hover {
    transform: scale(1.1);
}
html{scroll-behavior: smooth;}
#scrollToTop {
     width: 64px;
        height: 45px;
        background: #238CE4 url('http://bayanbox.ir/view/7444602683029121626/1-5.png') no-repeat;
        border-radius: 7px;
        box-shadow: 0 0 15px 3px #238CE4;
        opacity: .4;
        position: fixed;
        bottom: 10px;
        right: 10px;
        transition: opacity .4s ease 0s;
}
#scrollToTop:hover {
    transform: scale(1.1);
    box-shadow: 0 0 5px #00AF66;
}
}
img {
    filter: grayscale(0%);
}
img:hover {
    filter: grayscale(100%);
}
img {
    transition: all .4s ease;
}
img:hover {
    transform: scale(1.1);
}
html{scroll-behavior: smooth;}
#scrollToTop {
     width: 64px;
        height: 95px;
        background: #32867e url('http://bayanbox.ir/view/7444602683029121626/1-5.png') no-repeat;
        border-radius: 7px;
        box-shadow: 0 0 15px 3px #238CE4;
        opacity: .4;
        position: fixed;
        bottom: 10px;
        right: 10px;
        transition: opacity .4s ease 0s;
}
#scrollToTop:hover {
    transform: scale(1.1);
    box-shadow: 0 0 5px #00AF66;
}
}
img {
    filter: grayscale(0%);
}
img:hover {
    filter: grayscale(100%);
}