@font-face {
    font-family: 'BYekan';
    src: url('../fonts/BYekan.eot') format('eot'), url('../fonts/BYekan.ttf') format('ttf'), url('../fonts/BYekan.woff') format('woff');
}

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

@font-face {
    font-family: 'orbit';
    src: url('../fonts/BYekan.eot') format('eot'), url('../fonts/BYekan.ttf') format('ttf'), url('../fonts/orbit.woff2') format('woff');
}

@font-face {
    font-family: 'fsan';
    src: url('../fonts/iransans.eot');
    src: url('../fonts/iransans.eot') format('embedded-opentype'), url('../fonts/iransans.woff') format('woff'), url('../fonts/iransans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'wedding';
    src: url('../fonts/Satisfy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'linearicons';
    src: url('../fonts/Linearicons-Free.eot');
    src: url('../fonts/Linearicons-Free.eot') format('embedded-opentype'), url('../fonts/Linearicons-Free.woff') format('woff'), url('../fonts/Linearicons-Free.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sansbold';
    src: url('../fonts/IRANSansBold.eot') format('embedded-opentype'), url('../fonts/IRANSansBold.woff') format('woff'), url('../fonts/IRANSansBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
a ,a:hover, a:active, a:focus{
   outline: 0;
}

/*************/
.main_content{
	width: 100%;
	float: right;
}
.moduletable{
	width: 100%;
	float: right;
}
img{
	max-width: 100%; 
}
body{
	direction:rtl;
	text-align: right;
    font-family: fsan, arial !important;
    font-size: 14px !important;
    background: #fff;
    color: #181522 !important; 
}
.lnr {
    font-family: Linearicons-Free !important;
}
video::-webkit-media-controls-overlay-play-button {
  display: none;
}

/*********************************** tags *************************/
/* جدید برای تک مطلب 98-08-16 */

.only-content.item-page .tags.inline li {
    font-size: 12px !important;
    padding: 4px 15px !important;
    border: 1px solid #c4c4c5 !important;
    border-radius: 25px !important;
    background: #fff;
    margin: 0 0 10px 4px;
    float: right;
    list-style: none;
}
.only-content.item-page .tags.inline li:hover {
    background: purple;
}
.only-content.item-page .tags.inline li a:hover {
    color: white;
}
.only-content.item-page .contenttags span.tags {
    display: none;
}
.only-content.item-page ul.tags.inline {
    margin: 0 !important;
}
    ul.tags.inline , span.tags {
    float: right;
		display: inline-block;
}
.itemtags {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #83868a;
    display: inline-block;
    font-size: 12px;
    line-height: 23px;
    margin: 5px 0 0 5px;
    padding: 0 10px;
    transition: all 0.2s ease-in-out 0s;
}
.tags.inline li a {
    font-weight: 700;
	text-decoration: none !important;
	color: #727272;
}
.contenttags {
    padding: 8px 0 33px 0;
    float: right;
    width: 100%;
}
ul.tags.inline {
    margin: -6px 7px 0 0;
    padding: 0;
    float: right;
}
.tag-category h2 {
    font-size: 17px;
    margin-top: 0;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.tag-category {
    background: #fff;
    padding: 10px;
    float: right;
    box-shadow: 1px 1px 3px #ccc;
}
.category.list-striped li {
    padding: 11px;
}
.category.list-striped {
    margin: 0;
    padding: 0;
}
.tag-category .form-inline li h3 {
    font-size: 17px !important;
    margin: 0;
}
.tag-category ul li {
    border: 1px solid #ccc;
}
/*********************************** tags *************************/

/*********************************** نقل قول در مطلب *************************/

/* نقل قول */
.articleBody blockquote:before {
color:
rgba(0,0,0,.05);
content: '\f10e';
font-family: fontawesome;
font-size: 130px !important;
line-height: 0.8;
position: absolute;
transform: rotate(15deg);
z-index: -1;
}
/*********************************** نقل قول در مطلب بسته *************************/


/*********************************** برای وب لینک *************************/

.page-header.item-title {
    border: 1px solid #ccc;
    margin: 13px auto !important;
    padding: 10px;
    border-radius: 16px;
    font-size: 13px;
    width: 250px;
    text-align: center;
    float: none !important;
}
.page-header.item-title a {
    display: block;
}
.weblink-category li {
    width: 270px;
    margin: 10px auto;
    border: 1px solid #ccc;
    padding: 10px !important;
    border-radius: 20px;
    text-align: center;
}
.weblink-category h2 {
    text-align: center;
    margin: 12px 0 32px 0;
    font-size: 21px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.weblink-category .list-striped li {
    list-style-type: none;
}
/*********************************** برای وب لینک *************************/


/*********************************** تنظیم ویدیو در موبایل *************************/
.articleBody video {
    max-width: 100%;
    height: auto;
	object-fit: cover;
}
@media (max-width:786px){
    
.articleBody video {
    max-width: 100%;
 height: auto;
} 
}
/*********************************** تنظیم ویدیو در موبایل *************************/


/*********************************** عنوان و تاریخ در مطالب *************************/
.page-header {
    width: 100%;
    float: right;
    display: table;
    margin-top: 0;
}
.page-header .article_date{
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    color: #888;
    text-align: left;
}
.page-header h1{
    display: table-cell !important;
    color: #000;
    margin: 0;
    line-height: 28px;
    font-size: 20px;
    padding:  10px 0 !important;
    float: none !important;
} 
/*********************************** عنوان و تاریخ در مطالب *************************/
 

/*********************************** لیست های اعداد *************************/


.content ol {
    list-style: none;
}

.content ol li {
    counter-increment: my-awesome-counter;
    margin-bottom: 7px;
    line-height: 30px;
}

.content ol li:before {
    content: counter(my-awesome-counter) ". ";
    color: #6f6f6f;
    background: #d6d6d694;
    border-radius: 50%;
    padding: 0 0 3px 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 6px;
    text-align: center;
}

/*********************************** کامپوننت تماس با ما مانی *************************/


/* comment */

#comments-footer {
    display: none;
}

.Table {
    display: table;
    width: 100%;
    text-align: center;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: none !important;
}
.table-bordered {
    border: none !important;
}


/* بخش نظردهی هر مطلب ستاره ها نظرات */

.content_rating {
    float: right;
    margin-left: 7px;
    display: none;
}

.content_vote .button {
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
    border: oldlace;
    padding: 3px 7px 3px 8px;
    border-radius: 3px;
    color: white;
}

.richsnippetsvote {
    display: none;
}

label.unseen.element-invisible {
    float: right;
}

.item-page select {
    width: 59px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    height: 28px;
    padding-top: 0px;
    float: right;
    margin-left: 5px;
    margin-right: 6px;
    margin-top: -1px;
    margin-bottom: 0;
}

.full {
    padding: 20px;
}

/******************************************************************************************
								jcomment
******************************************************************************************/

#jc {
    background: none !important;
    padding: 0 !important;
}

#comments-inline-edit #comments-form p,
#comments-inline-edit #comments-form #comments-form-buttons,
#comments-inline-edit #comments-form-error {
    font-family: fsan !important;
}

#jc .alert-warning {
    font-family: fsan !important;
    text-align: center;
    margin: 10px 0;
    padding: 15px;
}

#jc #comments h4 {
    margin: 0px 0 10px;
}

#jc #comments,
.mani_comment_form {
    border: solid 1px #eee;
    border-radius: 2px;
    margin: 0 0 15px;
}

#jc #comments h4,
#comments h4,
#jc .mani_comment_form h4 {
    background: #eee;
    border-radius: 2px 2px 0 0;
    padding: 15px;
    margin: 0;
    color: #333;
    position: relative;
    font-weight: normal;
    text-align: right;
}

#jc #comments h4 a,
#comments h4 a {
    background: none !important;
    position: absolute;
    left: 15px;
}

#jc #comments h4 a .lnr:before,
#comments h4 a .lnr:before {
    color: #666 !important;
}

#comments .refresh {
    background: none !important;
}

.mani_comment_form .form-group {
    margin: 0 !important;
}

.mani_comment_form form {
    margin: 0 !important;
    padding: 15px;
}

.mani_comment_form label,
#comments label{
	width: 150px;
}
.mani_comment_form input[type="text"],
#comments input[type="text"] {
    border: solid 1px #ddd !important;
    border-radius: 2px; 
    box-shadow: none !important;
	height: 32px;	
	margin-bottom: 10px;
}

.mani_comment_form textarea,
#comments textarea {
    border: solid 1px #ddd !important;
    border-radius: 2px;
    resize: none;
    box-shadow: none !important;
}

#comments-form input.checkbox {
    display: inline-block;
}

#comments-form-buttons {
    margin: 0 !important;
}

#comments-form-send,
#comments-form-cancel {
    float: left;
    margin-right: 10px;
}

.mani_comment_form #comments-form-send a.btn,
#comments #comments-form-send a.btn {
    border-radius: 2px;
    color: #fff;
    padding: 10px 30px;
    position: relative;
    display: inline-block;
    background: #2196F3;
    font-size: 13px;
    border: none !important;
}

.mani_comment_form #comments-form-send a.btn .lnr:before,
#comments #comments-form-send a.btn .lnr:before {
    color: #fff !important;
    position: relative;
    top: 2px;
    font-size: 15px !important;
}

.mani_comment_form #comments-form-send a.btn:hover,
#comments #comments-form-send a.btn:hover {
    background: #2196F3 !important;
    color: #fff !important;
}

#comments-form-cancel a.btn {
    border-radius: 2px;
    color: #fff;
    padding: 10px 30px;
    position: relative;
    display: inline-block;
    background: #2196F3;
    font-size: 13px;
    border: none !important;
}

#comments-form-cancel a.btn .lnr {
    margin-left: 5px;
}

#comments-form-cancel a.btn .lnr:before {
    color: #fff !important;
    position: relative;
    top: 2px;
    font-size: 15px !important;
}

#comments-form-cancel a.btn:hover {
    background: #2196F3 !important;
    color: #fff !important;
}

.comments-form-subscribe {
    margin-bottom: 10px;
}

#jc label {
    font-size: 12px !important;
}

.comments-form-subscribe [type="checkbox"]:not(:checked),
.comments-form-subscribe [type="checkbox"]:checked {
    display: none !important;
}

.comments-form-subscribe [type="checkbox"]:not(:checked)+label,
.comments-form-subscribe [type="checkbox"]:checked+label {
    position: relative;
    padding-right: 1.95em;
    cursor: pointer;
}

.comments-form-subscribe [type="checkbox"]:not(:checked)+label::before,
.comments-form-subscribe [type="checkbox"]:checked+label::before {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #b1b1b1;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    content: "";
    height: 1.25em;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.25em;
}

.comments-form-subscribe [type="checkbox"]:not(:checked)+label:after,
.comments-form-subscribe [type="checkbox"]:checked+label:after {
    color: #09ad7e;
    content: "✔";
    font-size: 1.3em;
    line-height: 0.8;
    position: absolute;
    right: 0.1em;
    top: 0.2em;
    transition: all 0.2s ease 0s;
}

.comments-form-subscribe [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.comments-form-subscribe [type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

.comments-form-subscribe [type="checkbox"]:disabled:not(:checked)+label:before,
.comments-form-subscribe [type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.comments-form-subscribe [type="checkbox"]:disabled:checked+label:after {
    color: #999;
}

.comments-form-subscribe [type="checkbox"]:disabled+label {
    color: #aaa;
}

.comments-form-subscribe [type="checkbox"]:checked:focus+label:before,
.comments-form-subscribe [type="checkbox"]:not(:checked):focus+label:before {
    border: 2px dotted blue;
}

.comments-list {
    padding: 15px;
}

.comment-item {
    background: #fff;
    border: solid 1px #e7e7e7;
    margin-bottom: 15px;
}

.comment_header {
    background: #e7e7e7;
    background: -moz-linear-gradient(#e7e7e7, #f8f8f8);
    background: -webkit-gradient(#e7e7e7, #f8f8f8);
    background: -webkit-linear-gradient(#e7e7e7, #f8f8f8);
    background: -o-linear-gradient(#e7e7e7, #f8f8f8);
    background: -ms-linear-gradient(#e7e7e7, #f8f8f8);
    background: linear-gradient(#e7e7e7, #f8f8f8);
    padding: 15px;
    border-radius: 2px;
    position: relative;
    font-size: 13px;
    border-bottom: solid 1px #e9e9e9;
    width: 100%;
    float: right;
}

.comment_header::after {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    bottom: -8px;
    right: 17px;
    content: "";
    z-index: 2;
}

.comment_header::before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e9e9e9;
    position: absolute;
    bottom: -10px;
    right: 15px;
    content: "";
    z-index: 1;
}

.comment-author {
    color: #2196F3 !important;
    margin-left: 5px !important;
}

.comment-body {
    width: 100%;
    float: right;
    margin: 0 !important;
}

#comments .comment-date {
    background: none !important;
    padding-right: 0 !important;
}

#comments .comment-date .lnr {
    display: inline-block;
    font-size: 18px;
    margin-left: 5px;
}

#comments .comment-date .lnr:before {
    color: #aaa !important;
}

.comment-text {
    position: relative;
    display: inline-block;
}

.comment-box {
    width: 100%;
    float: right !important;
}

.comments-buttons {
    width: 100%;
    float: right !important;
    padding: 15px !important;
    height: auto !important;
    border-top: solid 1px #eee;
}

.comments-buttons a {
    display: inline-block;
    float: right;
    font-size: 13px;
    margin-left: 15px;
}

#comments .toolbar {
    width: 100%;
    float: right;
    margin: 0;
    padding: 15px;
    border-top: solid 1px #eee;
}

#comments .toolbar a,
#comments .toolbar a:hover {
    background: none !important;
    width: auto;
    height: auto;
    margin-left: 10px;
}

#comments .toolbar a span:before {
    color: #666 !important;
}

.comments-list .comments-list {
    margin-right: 20px !important;
    background: #f7f7f7;
    margin-bottom: 15px;
    border-radius: 2px;
}

.comments-list .comments-list .comment-item {
    margin-bottom: 0 !important;
    margin-top: 15px;
}

.comments-list .comments-list .comment-item:first-child {
    margin-top: 0;
}

#comments-list-footer {
    margin: 0 !important;
    text-align: left;
    padding: 15px;
    border-top: solid 1px #eee;
}

#comments-list-footer a {
    display: inline-block;
    margin-right: 10px;
}

#comments-list-footer #comments-subscription {
    background: #fb6648 !important;
    color: #fff;
    padding: 8px 15px;
    border-radius: 2px;
}

#comments-list-footer a.refresh {
    background: #2196F3 !important;
    color: #fff;
    padding: 8px 15px;
    border-radius: 2px;
}

#comments-list-footer a:hover {
    color: #fff !important;
}

#comments-form-message {
    background-image: none !important;
    padding: 8px !important;
    margin: 10px 0 !important;
}

#comments-inline-edit {
    margin: 0 15px 15px !important;
    background: #ccc !important;
    padding: 15px !important;
    border-radius: 2px !important;
}

#comments-inline-edit form {
    margin: 0 !important;
}


/******************************************************************************************
							end jcomment
******************************************************************************************/

/* my style content */

.number {
    padding: 9px 0 0 0;
    border: 1px solid #e6e6e6;
    border-radius: 171px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    margin: 0 0 0 6px;
    background: #fff;
    font-size: 18px;
}


/* Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
     blockquote {
    padding: 50px 24px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #6d6d6d !important;
         text-align: justify;
}
    .articleBody p {
    text-align: justify;
    padding: 0 10px;
}
    .extravote {
    margin: -23px 0 15px 0;
    float: left;
}
.page-header {
    margin: 0px 0 20px;
}

/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) and (max-width: 767.98px) {
    .only-content.item-page {
        width: 100%;
    }

    blockquote {
    padding: 50px 24px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #6d6d6d !important;
        text-align: justify;
}
     .moduletable h3 {
    text-align: center;
    font-weight: bold;
    margin: 0 auto 0 auto !important;
    color: #b751a8;
    font-size: 20px !important;
}
    .articleBody p {
    text-align: justify;
}
    .extravote {
    margin: -23px 0 15px 0;
    float: left;
}
.page-header {
    margin: 0px 0 20px;
}
    
}


/* Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) and (max-width: 991.98px) {
    .only-content.item-page {
        width: 100%;
    }
    .only-content.item-page {
    width: 70%;
    margin: 0 auto;
    float: none;
}
      
/*    برای چند ستونه خود جی سی ای jce در مطلب*/
    blockquote {
    padding: 50px 150px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #6d6d6d !important;
}
    .extravote {
    margin: -65px 0 0 0;
    float: left;
}
}


/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) and (max-width: 1199.98px) {
    .manisoft_content {
        padding-top: 56px;
    }

      
/*    برای چند ستونه خود جی سی ای jce در مطلب*/
    blockquote {
    padding: 50px 150px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #6d6d6d !important;
}
    .extravote {
    margin: -65px 0 0 0;
    float: left;
}
}


/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {

      
/*    برای چند ستونه خود جی سی ای jce در مطلب*/
    blockquote {
    padding: 50px 150px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #6d6d6d !important;
}
    .extravote {
    margin: -65px 0 0 0;
    float: left;
}
}

@media screen and (min-width: 1400px) {
    .container {
        width: 1200px;
    }
      
/*    برای چند ستونه خود جی سی ای jce در مطلب*/
    blockquote {
    padding: 50px 150px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #6d6d6d !important;
}
    .extravote {
    margin: -65px 0 0 0;
    float: left;
}
}

@media screen and (min-width: 1600px) {
    .container {
        width: 1300px;
    }

    blockquote {
    padding: 50px 150px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #6d6d6d !important;
}
    .extravote {
    margin: -65px 0 0 0;
    float: left;
}
}

@media screen and (min-width: 1900px) {
    .container {
        width: 1600px;
    }

    
/*    برای چند ستونه خود جی سی ای jce در مطلب*/
    blockquote {
    padding: 50px 150px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #6d6d6d !important;
}
    .extravote {
    margin: -65px 0 0 0;
    float: left;
}
}





#comments a,
#comments .comment-body { 
    word-break: break-all;
}

.article_subheader{
	width: 100%;
	float: right;
	margin-bottom: 15px;
}
.article_subheader .contenttags{
	float: right;
	width: auto !important;
	padding: 0 !important;
}
.article_subheader .extravote{
	float: left;
	margin: 0 !important;
}
.article_subheader .extravote .extravote-info{
	display: none;
}
.article_subheader form {
    margin: 0 0 0 10px;
    float: left;
}
.article_subheader form label{
	display: none;
}
.article_subheader form select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: none;
	color:#888;
	cursor: pointer;
	font-size: 12px;
	height: 28px;
	line-height: normal;
	margin: 0 10px 0 5px;
	padding: 0 5px 0 16px;
	position: relative;
	width: 76px;
	background:#fff url(../images/select-option.png) no-repeat !important; 
	background-position: 5px center !important;
	background-size: 12px !important;
	max-width: 100%;
}

@media only screen and (max-width: 1100px) { 
	
	.article_subheader .contenttags{
		width: 100% !important;
		margin: 0 0 10px !important;
	}
	.article_subheader form,
	.article_subheader .extravote{
		float: right;
		margin: 0 !important;
	}
}