@charset "utf-8";
@font-face {
	font-family: 'yekan';
	src: url('font/yekan.ttf') format('truetype'), url('font/yekan.eot?#') format('eot'), url('font/yekan.woff') format('woff');
	font-style: normal;
	font-weight: normal;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

:before,
:after {
	display: block;
	position: absolute;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

a,
a:link {
	text-decoration: none;
}

li,
ul {
	list-style: none;
}

html,
body {
	width: 100%;
	height: 100%;
	background-color: #f5f5f5;
}

.clearfix {
	clear: both;
}

header#site-header {
	width: 100%;
	height: auto;
	padding: 30px 0px;
	font-family: 'yekan';
	direction: rtl;
}

header#site-header nav {
	float: right;
	padding-top: 20px;
}

header#site-header nav ul {
	float: right;
}

header#site-header nav ul li {
	float: right;
	text-align: center;
	padding: 2.5px 30px;
	border-left: 1px solid #f0f0f0;
	text-align: center;
}

header#site-header nav ul li i {
	color: #034ea2;
	display: block;
	height: 30px;
	width: 30px;
	margin: auto;
	margin-bottom: 5px;
}

header#site-header nav ul li i:before {
	font-size: 25px;
}

header#site-header nav ul li a {
	color: #868686;
}

header#site-header #logo {
	float: left;
	width: 240px;
	height: auto;
	padding-left: 100px;
	background-image: url(load/logo.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	color: #034ea2;
	font-size: 40px;
	direction: ltr;
}

header#site-header #logo b {
	color: #868686;
}

header#site-header #logo h1 {
	color: #868686;
	font-size: 26px;
	font-weight: 100;
	letter-spacing: -2px;
	direction: rtl;
	margin-top: -19px;
}

header#site-header #logo h2 {
	color: #b6b6b6;
	font-weight: 100;
	font-size: 14px;
	direction: rtl;
}

main {
	width: 100%;
	height: auto;
	font-family: 'yekan';
	direction: rtl;
}

main #etelaie {
	background-color: #fff;
	padding: 11px 160px 12px 150px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	color: #3f3f3f;
	border-radius: 3px;
	margin-bottom: 30px;
	background-image: url(load/eltelaie.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #3f3f3f;
	height: 43px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

main #etelaie a {
	position: absolute;
	color: #3f3f3f;
	left: 0;
	top: 0;
	background: #fff;
	padding: 11px;
}

main #banner-ticker {
	background-color: #034ea2;
	color: #fff;
	padding: 50px 0px 25px;
	border-radius: 3px;
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	height: 181px;
}

main #banner-ticker:before {
	width: 122px;
	height: 37px;
	background-image: url(load/ticker.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 35px;
	margin: auto;
}

main #banner-ticker h3 {
	font-size: 75px !important;
	letter-spacing: -2.5px !important;
}

main #slider {
	width: 100%;
	height: auto;
	border-radius: 3px;
	margin-bottom: 30px;
}

main #slider .slick-next {
	width: 36px;
	height: 101px;
	background-image: url(load/arrow.png);
	background-position: center center;
	background-repeat: no-repeat;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -65px;
	opacity: 0.2;
	transition: all 0.3s ease-in-out;
}

main #slider .slick-next:hover {
	opacity: 0.5;
}

main #slider .slick-next:before {
	display: none;
}

main #slider .slick-prev {
	width: 36px;
	height: 101px;
	background-image: url(load/arrow.png);
	background-position: center center;
	background-repeat: no-repeat;
	transform: rotate(180deg);
	top: 0;
	bottom: 0;
	margin: auto;
	left: -65px;
	opacity: 0.2;
	transition: all 0.3s ease-in-out;
}

main #slider .slick-prev:hover {
	opacity: 0.5;
}

main #slider .slick-prev:before {
	display: none;
}

main #slider img {
	border-radius: 3px;
}

main #emkanat {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	background-image: url(load/emaknat-bg.png), url(load/emkanat2.png);
	background-position: right center, left center;
	background-repeat: no-repeat, no-repeat;
	padding: 100px 0px;
	margin: -90px 0px -60px;
}

main #emkanat img {
	display: block;
	margin: 30px auto 0px;
}

main #emkanat h3 {
	font-size: 20px;
	color: #188ada;
	font-weight: 100;
	text-align: center;
}

main #emkanat span {
	font-size: 17px;
	color: #adadad;
	display: block;
	margin-top: -3px;
	text-align: center;
}

main #emkanat .block-emkanat {
	padding: 7.5px 8.5px;
}

main #emkanat .block-emkanat .emkanat-item {
	background-color: #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	padding: 10px 0px;
	transition: all 0.3s ease-in-out;
}

main #emkanat .block-emkanat .emkanat-item:hover {
	background-color: #fff;
	box-shadow: none;
	border-radius: 3px;
	padding: 10px 0px;
}

main #emkanat .block-emkanat .emkanat-item i {
	float: right;
	width: 70px;
	height: 40px;
	color: #a0b742;
	padding-right: 17px;
	padding-top: 4px;
}

main #emkanat .block-emkanat .emkanat-item i:before {
	font-size: 30px;
}

main #emkanat .block-emkanat .emkanat-item .title {
	color: #5d5d5d;
	font-size: 18px;
	margin-bottom: 2px;
	transition: all 0.3s ease-in-out;
}

main #emkanat .block-emkanat .emkanat-item:hover .title {
	color: #90a635;
}

main #emkanat .block-emkanat .emkanat-item .content {
	color: #adadad;
	font-size: 14px;
	padding-right: 70px;
}

main #panels {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

main #panels .block-panel {
	padding: 0px 15px;
}

main #panels .block-panel .panel-item {
	width: 100%;
	height: auto;
	background-color: #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-in-out;
	position: relative;
	top: 0;
}

main #panels .block-panel .panel-item:hover {
	position: relative;
	top: -5px;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
}

main #panels .block-panel .panel-item .title {
	color: #616161;
	padding-top: 25px;
	margin-bottom: 25px;
}

main #panels .block-panel .panel-item .title i {
	float: right;
	width: 80px;
	height: 80px;
	border-radius: 3px;
	background-color: #b6b6b6;
	margin-top: -10px;
	margin-right: -10px;
	margin-left: 20px;
	color: #fff;
	padding-right: 10px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	background-repeat: no-repeat;
	background-position: center center;
}

main #panels .block-panel .panel-item .title i:before {
	font-size: 55px;
}

main #panels .block-panel .panel-item .title h2 {
	font-size: 30px;
	font-weight: 100;
}

main #panels .block-panel .panel-item .title h2 span {
	color: #a8a8a8;
	font-size: 13px;
}

main #panels > div:nth-child(2) .block-panel .panel-item .title b {
	font-weight: 100;
	color: #188ada;
}

main #panels > div:nth-child(3) .block-panel .panel-item .title b {
	font-weight: 100;
	color: #034ea2;
}

main #panels > div:nth-child(2) .block-panel .panel-item .title i {
	background-color: #188ada;
}

main #panels > div:nth-child(3) .block-panel .panel-item .title i {
	background-color: #034ea2;
}



main #panels > div:nth-child(2) .block-panel .panel-item a {
	background-color: #188ada;
}

main #panels > div:nth-child(3) .block-panel .panel-item a {
	background-color: #034ea2;
}

main #panels .block-panel .panel-item .content {
	padding: 0px 25px 25px;
}

main #panels .block-panel .panel-item .content .row {
	color: #a2a2a2;
	margin: 0px 0px 10px;
}

main #panels .block-panel .panel-item .content .row span {
	color: #4a4a4a;
	float: left;
}

main #panels .block-panel .panel-item .content .row span i {
	width: 15px;
	height: 15px;
	float: left;
}

main #panels .block-panel .panel-item .content .row span i:before {
	font-size: 15px;
}

main #panels .block-panel .panel-item .content .row span i.flaticon-checked21 {
	color: #27bb3f;
}

main #panels .block-panel .panel-item .content .row span i.flaticon-delete85 {
	color: #034ea2;
}

main #panels .block-panel .panel-item .content a {
	display: block;
	background-color: #b6b6b6;
	padding: 15px;
	font-size: 23px;
	color: #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .1);
	text-align: center;
	border-radius: 3px;
	margin-top: 20px;
	transition: all 0.3s ease-in-out;
}

main #panels .block-panel .panel-item .content a:hover {
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .1), inset 0px 0px 0px 100px rgba(0, 0, 0, 0.1);
}

main #warning {
	width: 100%;
	height: auto;
	background-color: #f9f9f9;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .1);
	border-radius: 3px;
	padding: 15px 25px;
	line-height: 40px;
	color: #828282;
	margin-bottom: 30px;
	transition: all 0.3s ease-in-out;
}

main #warning:hover {
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .05);
}

main #warning .row {
	margin: 0;
}

main #warning .row i {
	float: right;
	margin-left: 20px;
	height: 15px;
	width: 15px;
	color: #ff9000;
}

main #warning .row i:before {
	font-size: 15px;
}

main #blog {
	width: 100%;
	height: auto;
	background-color: #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	padding: 10px;
	margin-bottom: 30px;
}

main #blog > .title {
	color: #034ea2;
	font-size: 23px;
	padding: 15px 25px 10px;
}

main #blog > .title a {
	color: #505050;
	font-size: 14px;
	margin-right: 10px;
}

main #blog > .content {
	padding: 5px;
	margin: 0;
}

main #blog > .content .slick-dots {
	width: 150px;
	left: 10px;
	top: -30px;
	height: 20px;
}

main #blog > .content .slick-dots li {
	width: auto;
	margin: auto;
}

main #blog > .content .slick-dots button {
	width: 12px;
	height: 7px;
	background-color: #dddddd;
	margin: 0px 4px;
	padding: 0;
}

main #blog > .content .slick-dots li.slick-active button {
	width: 18px;
	height: 11px;
	background-color: #f34d4e;
	position: relative;
	top: -2px;
}

main #blog > .content .slick-dots button:before {
	display: none;
}

main #blog > .content .block-blog {
	padding: 0px 16px;
}

main #blog > .content .block-blog .post {
	padding-bottom: 20px;
}

main #blog .content .block-blog .post .pic {
	width: 100%;
	height: auto;
	position: relative;
}

main #blog .content .block-blog .post .pic img {
	width: 100%;
	height: auto;
}

main #blog .content .block-blog .post .pic .hover {
	position: absolute;
	height: 100%;
	top: 0;
	width: 100%;
	transition: all 0.5s ease-in-out;
}

main #blog .content .block-blog .post:hover .pic .hover {
	box-shadow: 0px 0px 0px 250px rgba(0, 0, 0, 0.3) inset;
}

main #blog .content .block-blog .post .pic .hover a {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 130px;
	height: 35px;
	background-color: rgba(4, 4, 4, 0.6);
	border-radius: 3px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	padding: 6px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

main #blog .content .block-blog .post:hover .pic .hover a {
	opacity: 1;
}

main #blog .content .block-blog .post .title {
	color: #d93637;
	font-size: 20px;
	margin: 15px 0px;
	transition: all 0.3s ease-in-out;
}

main #blog .content .block-blog .post:hover .title {
	color: #111;
}

main #blog .content .block-blog .post .content {
	color: #979696;
	font-size: 15px;
	text-align: justify;
	line-height: 28px;
}

main #blog .content .block-blog .post .info {
	border: 1px solid #f3f3f3;
	border-radius: 3px;
	padding: 5px 20px 5px 5px;
	margin-top: 10px;
	float: right;
}

main #blog .content .block-blog .post .info span {
	font-family: tahoma;
	font-size: 11px;
	color: #979696;
	margin-left: 20px;
}

footer#site-footer {
	font-family: 'yekan';
	direction: rtl;
	padding: 0px 15px;
}

footer#site-footer #footer-top {
	width: 100%;
	height: auto;
	background-color: #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	padding: 30px 15px 20px;
}

footer#site-footer #footer-top img {
	display: block;
	margin: auto;
}

footer#site-footer #footer-top .block-footer {
	padding: 0px 15px;
}

footer#site-footer #footer-top .block-footer .title {
	color: #188ada;
	font-size: 20px;
	padding-bottom: 10px;
}

footer#site-footer #footer-top .block-footer .content ul li {
	padding: 5px 0px;
	font-size: 13px;
	line-height: 22px;
}

footer#site-footer #footer-top .block-footer .content ul li a {
	color: #a2a2a2;
	transition: all 0.3s ease-in-out;
}

footer#site-footer #footer-top .block-footer .content ul li:hover a {
	color: #333;
}

footer#site-footer #footer-top .emkanat {
	padding-left: 10px;
}

footer#site-footer #footer-top .emkanat .title {
	color: #6d6d6d;
	font-size: 19px;
	margin-bottom: 10px;
}

footer#site-footer #footer-top .emkanat .content {
	background-color: #034ea2;
	font-size: 17px;
	color: #fff;
	padding: 20px;
	border-radius: 3px;
	text-align: center;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
}

footer#site-footer #footer-top .emkanat .content .slick-next {
	width: 9px;
	height: 16px;
	background-image: url(load/arrow-footer.png);
	background-repeat: no-repeat;
	background-position: center center;
	right: 20px;
	top: 5px;
	bottom: 0;
	margin: auto;
}

footer#site-footer #footer-top .emkanat .content .slick-next:before {
	display: none;
}

footer#site-footer #footer-top .emkanat .content .slick-prev {
	width: 9px;
	height: 16px;
	background-image: url(load/arrow-footer.png);
	background-repeat: no-repeat;
	background-position: center center;
	transform: rotate(180deg);
	left: 20px;
	top: 5px;
	bottom: 0;
	margin: auto;
}

footer#site-footer #footer-top .emkanat .content .slick-prev:before {
	display: none;
}

footer#site-footer #footer-top #khabarname {
	width: 100%;
	height: auto;
	padding-left: 20px;
}

footer#site-footer #footer-top #khabarname .title {
	color: #aeaeae;
	font-size: 14px;
	margin-bottom: 10px;
}

footer#site-footer #footer-top #khabarname .title span {
	color: #034ea2;
	font-size: 17px;
	margin-left: 5px;
}

footer#site-footer #footer-top #khabarname form {}

footer#site-footer #footer-top #khabarname input[type="text"] {
	width: 100%;
	height: auto;
	background-color: #f6f6f6;
	padding: 11px 15px;
	font-size: 15px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
	color: #909090;
	border-radius: 3px;
}

footer#site-footer #footer-top #khabarname button {
	float: left;
	background-color: #fff;
	color: #1b81c9;
	padding: 4px 13px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	border: none;
	font-family: 'yekan';
	font-size: 15px;
	margin-left: 8px;
	position: relative;
	margin-top: -39px;
	border-radius: 3px;
	transition: all 0.5s ease-in-out;
}

footer#site-footer #footer-top #khabarname button:hover {
	box-shadow: none;
}

footer#site-footer #footer-top #social {
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-left: 10px;
}

footer#site-footer #footer-top #social a {
	padding: 5px 15px;
	border-left: 1px solid #f0f0f0;
	float: left;
}

footer#site-footer #footer-top #social a i {
	width: 20px;
	height: 20px;
	display: block;
	transition: all 0.3s ease-in-out;
}

footer#site-footer #footer-top #social a:first-child {
	border-left: none;
}

footer#site-footer #footer-top #social a:hover i {
	color: #555 !important;
}

footer#site-footer #footer-top #social a i.social-facebook {
	color: #2880b8;
}

footer#site-footer #footer-top #social a i.social-twitter {
	color: #26c9ff;
}

footer#site-footer #footer-top #social a i.social-gplus {
	color: #f24344;
}

footer#site-footer #footer-top #social a i.social-cloob {
	color: #5bbb47;
}

footer#site-footer #footer-top #social a i.social-instagram {
	color: #a16bdf;
}

footer#site-footer #footer-top #social a i.social-aparat {
	color: #ed145b;
}

footer#site-footer #footer-top #social a i:before {
	font-size: 20px;
}

footer#site-footer #copy {
	padding: 25px 0px;
	direction: ltr;
	color: #a6a6a6;
	line-height: 23px;
	font-family: tahoma;
	font-size: 13px;
}

footer#site-footer #copy img {
	float: left;
	margin: 3px 15px;
}

footer#site-footer #copy span {
	direction: rtl;
	color: #aeaeae;
	float: right;
	font-family: 'yekan';
	padding-top: 5px;
}

footer#site-footer #copy b {
	color: #828282;
	font-weight: 100;
}

footer#site-footer #copy a {
	color: #064681;
}

main #posts {
	width: 100%;
	height: auto;
}

main #posts .block-post {
	padding: 0px 3px 12px;
}

main #posts .block-post .post {
	background-color: #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	padding: 20px;
	border-radius: 3px;
	transition: all 0.3s ease-in-out;
}

main #posts .block-post .post:hover {
	box-shadow: none;
}

main #posts .block-post .post img {
	width: 100%;
	height: auto;
	border-radius: 3px;
}

main #posts .block-post .post .title {
	color: #d93637;
	font-size: 19px;
	padding: 10px 0px;
	margin-top: 5px;
	transition: all 0.3s ease-in-out;
}

main #posts .block-post .post:hover .title {
	color: #1d1d1d;
}

main #posts .block-post .post .content {
	color: #979696;
	font-size: 14px;
	line-height: 25px;
	padding: 5px 0px;
	margin-bottom: 5px;
}

main #posts .block-post .post .info {
	border: 1px solid #f3f3f3;
	color: #979696;
	font-size: 11px;
	font-family: tahoma;
	border-radius: 3px;
	padding: 5px 0px;
}

main #posts .block-post .post .info span {
	padding-right: 20px;
}

main #pagenavi {
	color: #000;
	font-size: 19px;
	padding: 20px 0px 25px;
}

main #pagenavi a {
	color: #000;
	transition: all 0.3s ease-in-out;
}

main #pagenavi a.prev {
	float: right;
}

main #pagenavi a.next {
	float: left;
}

main #pagenavi a:hover {
	color: #034ea2;
}

main #sidebar {
	width: 100%;
	height: auto;
	padding: 0px 8px;
}

main #sidebar .block-sidebar {
	background-color: #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 3px;
}

main #sidebar .block-sidebar .title {
	font-size: 20px;
	color: #034ea2;
	margin-bottom: 10px;
}

main #sidebar .block-sidebar .title i {
	float: right;
	height: 20px;
	width: 20px;
	margin-left: 10px;
	color: #034ea2;
}

main #sidebar .block-sidebar ul li {
	padding: 5px 0px;
	color: #5b5b5b;
	padding-right: 15px;
	position: relative;
	font-size: 13px;
}

main #sidebar .block-sidebar ul li a {
	color: #5b5b5b;
	transition: all 0.3s ease-in-out;
}

main #sidebar .block-sidebar ul li:hover a {
	color: #034ea2;
}

main #sidebar .block-sidebar ul li:before {
	float: right;
	width: 8px;
	font-size: 8px;
	transform: rotate(180deg);
	height: 15px;
	color: #4d4d4d;
	font-family: "flaticon";
	content: "\e001";
	right: 0;
	top: 6px;
	transition: all 0.3s ease-in-out;
}

main #sidebar .block-sidebar ul li:hover:before {
	color: #034ea2;
}

main #sidebar .block-sidebar ul li .info {
	font-size: 11px;
	font-family: tahoma;
	color: #979696;
	padding-top: 5px;
	margin-bottom: 10px;
}

#single {
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 30px;
	border-radius: 3px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
}

#single #brudcamp {
	width: 100%;
	height: auto;
	color: #5b5b5b;
}

#single #brudcamp a {
	color: #5b5b5b;
	padding-left: 25px;
	position: relative;
}

#single #brudcamp a:before {
	width: 7px;
	height: 7px;
	font-size: 7px;
	position: absolute;
	left: 8px;
	top: 11px;
	content: "\e001";
	font-family: "flaticon";
	color: #5b5b5b;
	transform: rotate(180deg);
}

#single #brudcamp span {
	color: #5b5b5b;
}

#single > .title {
	width: 100%;
	height: auto;
	color: #034ea2;
	font-size: 25px;
	margin-bottom: 25px;
	margin-top: 5px;
}

#single > .title i {
	float: right;
	width: 16px;
	height: 16px;
	color: #034ea2;
	margin-left: 15px;
}

#single > .title i:before {
	font-size: 18px;
	padding-top: 4px;
}

#single > .title .info {
	float: left;
	border: 1px solid #f3f3f3;
	border-radius: 3px;
	color: #979696;
	font-family: tahoma;
	font-size: 11px;
	padding: 5px 20px 5px 0px;
}

#single > .title .info span {
	padding-left: 20px;
}

#single > .content {
	font-size: 15px;
	color: #4c4c4c;
	line-height: 28px;
}

#single .content h4 {
	font-weight: 100;
	color: #034ea2;
	font-size: 24px;
	margin-bottom: 15px;
}

#single .content img {
	display: block;
	margin: auto;
}

#single .content p {
	margin-bottom: 20px;
}

#single .faq {
	margin: 20px 0px;
}

#single .faq .item {
	margin-bottom: 15px;
}

#single .faq .item .title {
	color: #2ea915;
	font-size: 17px;
	margin-bottom: 10px;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

#single .faq .item.faq-active .title {
	color: #797979;
}

#single .faq .item .title i {
	float: right;
	width: 13px;
	height: 13px;
	background-color: #b2b2b2;
	margin-left: 15px;
	margin-top: 7px;
	margin-right: 10px;
	position: relative;
}

#single .faq .item.faq-active .title i:before {
	opacity: 0;
}

#single .faq .item .title i:before {
	width: 1px;
	height: 9px;
	background-color: #fff;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.3s ease-in-out;
}

#single .faq .item .title i:after {
	height: 1px;
	width: 9px;
	background-color: #fff;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#single .faq .item .content {
	background-color: #797979;
	color: #fff;
	font-size: 15px;
	line-height: 25px;
	border-radius: 3px;
	height: 0px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

#single .faq .item.faq-active .content {
	height: auto;
	padding: 5px;
}

#single form input[type="text"],
#comment form input[type="text"] {
	background-color: #f5f5f5;
	border-radius: 3px;
	border: none;
	color: #4c4c4c;
	padding: 7px 15px;
	font-size: 14px;
	width: 100%;
	margin-bottom: 15px;
}

#single form textarea,
#comment form textarea {
	background-color: #f5f5f5;
	border-radius: 3px;
	border: none;
	color: #4c4c4c;
	padding: 7px 15px;
	font-size: 14px;
	width: 100%;
	margin-bottom: 15px;
	min-height: 150px;
}

#comment form button,
#single form button {
	float: left;
	background-color: #2ea915;
	font-size: 15px;
	color: #fff;
	font-family: 'yekan';
	border-radius: 3px;
	border: none;
	box-shadow: 0px 2px 0px 0px #20740f;
	padding: 8px 25px;
}

#single form button:hover,
#comment form button:hover {
	position: relative;
	top: 2px;
	box-shadow: none;
}

#comment {
	width: 100%;
	height: auto;
	background-color: #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	padding: 20px;
	margin-bottom: 20px;
}

#comment > .title {
	color: #45a510;
	font-size: 25px;
	padding: 0px 10px 10px;
}

#comment > .content {
	width: 100%;
	height: auto;
}

#comment > .content ul {
	padding: 5px;
}

#comment > .content ul li .comment {
	width: 100%;
	height: auto;
	background-color: #f8f8f8;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .1);
	color: #4c4c4c;
	margin-bottom: 15px;
	border-radius: 3px;
	padding: 25px 10px 43px;
}

#comment > .content ul li .comment .title {
	color: #4c4c4c;
	font-size: 14px;
	margin-bottom: 10px;
	padding-left: 5px;
}

#comment > .content ul li .comment .title .dislike {
	background-color: #034ea2;
	float: left;
	border-radius: 3px;
	margin-right: 5px;
	padding: 3px 5px;
	color: #fff;
}

#comment > .content ul li .comment .title .like {
	background-color: #44a510;
	float: left;
	border-radius: 3px;
	margin-right: 5px;
	padding: 3px 5px;
	color: #fff;
}

#comment > .content ul li .comment .title time {
	margin-right: 15px;
}

#comment > .content ul li .comment p {
	width: 100%;
	height: auto;
	font-size: 15px;
	line-height: 27px;
}

#comment > .content ul li .comment .reply {
	float: left;
	background-color: #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	color: #4c4c4c;
	font-size: 15px;
	padding: 5px;
	border-radius: 3px;
}

#comment > .content ul li ul {
	padding-right: 60px;
}

#comment > .content ul li ul li .comment {
	background-color: #f7fff2;
	color: #344a26;
}

#page404 {
	font-family: 'yekan';
	direction: rtl;
	width: 100%;
	height: 100%;
	position: fixed;
	background-image: url(assets/images/404.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

#page404 .content {
	background-color: rgba(255, 255, 255, 0.9);
	position: absolute;
	height: 553px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#page404 .content #top {
	background-color: #fefefe;
	width: 100%;
	height: auto;
	color: #454545;
	font-size: 27px;
	letter-spacing: -1px;
	text-align: center;
	padding: 41px 0px 30px;
}

#page404 .content #top img {
	display: block;
	margin: auto auto 5px;
}

#page404 nav {
	width: 100%;
	height: auto;
	padding: 25px 30px;
}

#page404 nav ul {
	float: right;
	margin-top: 20px;
}

#page404 nav ul li {
	float: right;
	text-align: center;
	padding: 2.5px 30px;
	border-left: 1px solid #f0f0f0;
	text-align: center;
}

#page404 nav ul li i {
	color: #034ea2;
	display: block;
	height: 30px;
	width: 30px;
	margin: auto;
	margin-bottom: 5px;
}

#page404 nav ul li i:before {
	font-size: 25px;
}

#page404 nav ul li a {
	color: #868686;
}

#page404 #logo {
	float: left;
	width: 240px;
	height: auto;
	padding-left: 100px;
	background-image: url(load/logo.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	color: #034ea2;
	font-size: 40px;
	direction: ltr;
}

#page404 #logo b {
	color: #868686;
}

#page404 #logo h1 {
	color: #868686;
	font-size: 26px;
	font-weight: 100;
	letter-spacing: -2px;
	direction: rtl;
	margin-top: -19px;
}

#page404 #logo h2 {
	color: #b6b6b6;
	font-weight: 100;
	font-size: 14px;
	direction: rtl;
}

#page404 .content #bottom {
	color: #3e3e3e;
	padding: 25px 30px;
	background-color: #fff;
}

#page404 .content #bottom span {
	float: left;
	font-family: tahoma;
	font-size: 11px;
	color: #a6a6a6;
	direction: ltr;
}