@font-face {
	font-family: 'customfont';
	src: url('../fonts/iransans.eot');
	src: url('../fonts/iransans.eot?#iefix') format("eot"), url('../fonts/iransans.woff') format("woff"), url('../fonts/iransans.ttf') format("truetype");
	font-style: normal;
	font-display:swap;
}
@font-face{font-family:fontello;src:url('../fonts/fontello.eot?23694510');src:url('../fonts/fontello.eot?23694510#iefix') format('embedded-opentype'),url('../fonts/fontello.woff2?23694510') format('woff2'),url('../fonts/fontello.woff?23694510') format('woff'),url('../fonts/fontello.ttf?23694510') format('truetype'),url('../fonts/fontello.svg?23694510#fontello') format('svg');font-weight:400;font-style:normal;font-display:swap}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-calendar:before{content:'\e800'}.icon-plus:before{content:'\e801'}.icon-left-open-mini:before{content:'\e802'}.icon-down-open-mini:before{content:'\e803'}.icon-right-open-mini:before{content:'\e804'}.icon-book-open:before{content:'\e805'}.icon-left:before{content:'\e806'}.icon-right:before{content:'\e807'}.icon-down:before{content:'\e808'}.icon-info-circled:before{content:'\e809'}.icon-user-male:before{content:'\f062'}.icon-mail-alt:before{content:'\f0e0'}.icon-sitemap:before{content:'\f0e8'}.icon-rss-squared:before{content:'\f143'}.icon-bank:before{content:'\f19c'}

input[type='text']:focus,
input[type='email']:focus,
textarea:focus,
.input:focus {
	border-color: #9cc5e2;
	background-color: #edf9ff
}

input[type='submit'].red,
button.red {
	background: #e74c3c;
	color: #fff;
}

input[type='submit'].blue,
button.blue {
	background: #3498db;
	border-color: #3498db;
	color: #fff;
}

input[type='submit'].blue:active,
button.blue:active {
	background: #2980b9;
}

input[type='submit'].green,
button.green {
	background: #6fb16e;
	color: #fff;
}

input[type='submit'].green:active,
button.green:active {
	background: #27ae60;
}

input[type='radio'],
input[type='checkbox'] {
	vertical-align: middle
}

input.ltr,
.en {
	font-family: verdana
}

.hachure {
	background: url(../images/hachure.png);
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee
}

#sidebar li a:before, #sidebar li span:before {
  position: relative;
  content: '\e802';
  display: inline-block;
  font-family: 'fontello';
  color: #444;
  float: right;
  font-size: 17px;
  margin-left: 11px;
  top: 0;
}
#sidebar li a:hover, #sidebar li span:hover {
	color: #000;
	padding-right: 16px
}
.footer .right {
	margin-top: 11px;
}
.footer .left {
	font-family: verdana;
	direction: ltr;
	text-align: left;
	font-size: 12px
}

.footer a {
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: 0;
	line-height: 13px;
	display: inline-block
}

.news-category a {
  color: #FFF;
}

#newsletter {
	font-size: 13px
}

#newsletter label {
	margin-bottom: 8px;
	display: block
}

.error-msg {
	background: #ff576a;
	color: #fff;
	padding: 5px 8px;
	display: block;
	text-align: center;
	border-radius: 7px;
	margin: 10px 0;
}

#vote {
	margin: 0 0 8px;
	transition: .3s
}

#vote .en {
	font-size: 12px
}

#vote label {
	display: block;
	margin: 2px 0
}

#vote button,
#newsletter button {
	margin: 12px auto 0;
	display: block
}

.vote-bar {
	width: 100%;
	height: 8px;
	background: #f0f0f0;
	margin-bottom: 4px;
	position: relative
}

.vote-pos {
	position: absolute;
	left: 0;
	top: 0;
	height: 8px;
	background: #666
}

.vote-opinion {
	color: #999
}

.vote-opinion:nth-child(1) .vote-pos {
	background: #4caf50
}

.vote-opinion:nth-child(2) .vote-pos {
	background: #00bcd4
}

.vote-opinion:nth-child(3) .vote-pos {
	background: #ff9800
}

.vote-opinion:nth-child(4) .vote-pos {
	background: #f44336
}

.vote-opinion:nth-child(5) .vote-pos {
	background: #e91e63
}

.vote-opinion:nth-child(6) .vote-pos {
	background: #9c27b0
}

.add-comment {
	margin-bottom: 10px
}

.add-comment form label {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 7px 0
}

.add-comment .form-row {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 7px 0
}

.add-comment form span {
	width: 20%;
	display: inline-block;
	float: right;
	padding-top: 4px
}

.add-comment input[type='text'],
.add-comment input[type='email'],
.add-comment input[type='file'] {
	width: 40%;
	float: right;
	margin-left: 6px
}

.add-comment textarea {
	width: 70%;
	float: right
}

.form-error {
	display: inline-block;
	width: 100%;
	color: red;
	padding: 4px 20% 0 0;
	font-size: 13px
}

.comment {
	position: relative;
	margin-bottom: 30px;
  padding: 30px;
  background: #FFF;
  overflow-wrap: break-word;
  overflow: hidden;
  box-shadow: 0 0 6px 6px rgba(195,195,195,.12);
}

.comment .avatar {
	width: 90px;
	text-align: center;
	top: 10px;
	right: 10px;
	position: absolute
}

.comment .avatar i {
	display: block;
	font-size: 37px;
  width: 50px;
  height: 50px;
  padding-top: 30px;
  margin: 0 auto;
}

.comment .content .right,
.comment .content .left {
	color: #4c4c4c;
  font-size: 13px;
}

.comment .content .left {
  font-size: 12px;
}

.comment p {
  font-size: 14px;
  margin-top: 12px;
}

.comment .content .right span {
	display: inline-block;
	border-bottom: 1px solid #2980b9;
	color: #17547b;
	padding-bottom: 5px;
	margin-bottom: -4px
}

.comment .content .clear {
	border-bottom: 1px solid #ddd;
	padding: 0 0 3px;
	margin-bottom: 5px
}

.comment .content {
	margin-right: 90px;
	position: relative
}

#alert-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	z-index: 1000000
}

#alert-box {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 480px;
	height: 300px;
	margin: -150px 0 0 -240px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	z-index: 1000001;
	padding: 30px 0 0;
	text-align: center
}

#alert-box i {
	font-size: 60px;
	color: #ff6e6e;
	width: 80px;
	height: 70px;
	padding-top: 16px;
	text-align: center;
	display: block;
	margin: 0 auto 15px;
	border-radius: 50%;
}

#alert-box i:before {
  margin: 0;
}

#alert-title {
	font-size: 30px;
	display: block;
	margin-bottom: 20px
}

#alert-msg {
	font-size: 18px;
	display: block
}

#alert-btn {
	font-size: 15px;
	background: #f44336;
	color: #fff;
	display: inline-block;
	padding: 0 16px;
  height: 36px;
  line-height: 36px;
	margin-top: 25px;
	border-radius: 0.42rem;
	cursor: pointer
}

.messages {
	margin-bottom: 15px;
	background: #fff;
	border-radius: 8px;
	padding: 30px;
	box-shadow: 0 0 6px 6px rgba(195,195,195,.12);
}

.messages h3 {
	display: block;
	font-size: 16px;
	margin-bottom: 8px;
}

.messages h3 i {
  font-size: 12px;
}

.messages.warning h3 {
	color: #f39c12
}

.messages.error h3 {
	color: #e74c3c
}

.messages.success h3 {
	color: #2ecc71
}

.messages.notice h3 {
	color: #3498db
}

.table {
	margin-top: 20px;
}

.table thead {
	color: #fff
}

.table thead th {
	background: #fbfbfb;
  color: #666;
}

.table thead th span {
	display: inline-block;
	background: #718ca7;
	padding: 0 5px;
	margin: 0 2px;
	border-radius: 3px;
	font-family: tahoma
}

.table thead th:first-child {
	text-align: right;
}

.table tbody tr td:first-child {
	text-align: right
}

.table td.en {
	font-family: tahoma
}

.table td {
	font-size: 13px;
}

.table td,
.table th {
	padding: 8px;
	text-align: center;
}

.table tr:hover td {
	background: #fbfbfb
}

.important {
	font-family: verdana;
	font-size: 13px;
	font-weight: 700;
	font-style: normal;
	vertical-align: middle;
	display: inline-block;
	color: #e74c3c
}

.resume {
  position: relative;
  margin-top: 20px;
  min-height: 120px;
}

.resume-item {
  margin-bottom: 3px;
}

.resume .avatar {
  position: absolute;
  top: 5px;
  right: 0;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  font-size: 50px;
  background: #f9f9f9;
  color: #888;
}

.resume .avatar img {
  width: 120px;
  height: 120px;
  object-fit: cover;
}

.resume .context {
  padding-right: 150px;
}

.load-bar {
    display: none;
    width: 0;
    height: 3px;
    background: #18b48d;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 0 5px 5px 0;
    box-shadow: 0 4px 10px #18b48d59;
    transition: .3s;
}

#pagination {
	font-size: 13px;
	margin: 6px auto;
	width: 100%;
	border: 0;
	text-align: center
}

#pagination span {
	background: #fff;
	display: inline-block;
	border: 1px solid #f5f5f5;
	padding: 6px 10px;
	margin: 0 2px;
	color: #adadad;
	font-weight: bold
}

#pagination a span {
	color: #2174af;
	font-weight: normal
}

#pagination a span:hover {
	background: #2174af;
	color: #fff;
	border-color: #2174af
}