/* CSS Document */
@font-face { font-family: 'yekan'; src: url('https://ssup.ir/protemp/bayan/bs1/bb_fenamia/font/yekan.woff') format('woff'); }
@font-face { font-family: 'sahel'; src: url('http://ssup.ir/protemp/bayan/bs1/bb_fenamia/font/sahel.woff') format('woff'); }
* {
	box-sizing: border-box;
}
html {
	margin: 0px;
	padding: 0px;
	font-size: 15px;
}
body {
	font-family: "sahel" !important;
	direction: rtl;
	margin: 0px;
	padding: 0px;
	font-size: 0.9rem;
	line-height: 1.8em;
	background-color: #fff;
	color: #333;
	text-align: center;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "yekan";
	font-weight: normal;
	line-height: 1.5em;
	padding: 0px;
	margin: 0px;
}
h1 {
	font-size: 2.5rem;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.75rem;
}
h4 {
	font-size: 1.5rem;
}
h5 {
	font-size: 1.25rem;
}
h6 {
	font-size: 1rem;
}
h7 {
	font-size: 0.9rem;
}
a {
	color: #21679D;
	text-decoration: none;
}
a:hover {
	color: red;
	transition: all ease 0.3s;
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
}
.clearfix {
	clear: both;
}
/*************************************************************
                            POST block
*************************************************************/
.content {
	margin-bottom: 20px;
	text-align: right;
}
.post {
	margin-bottom: 30px;
	border-bottom: 3px solid #ddd;
}
.post-title {
	padding-right: 20px;
	padding-left: 8px;
	font-weight: bold;
	line-height: 1.7em;
	/*border-right: 5px solid #1badc3;*/
}
.post-title:after {
	clear: both;
	display: table;
	content: '';
}
.post-title h2 {
	font-size: 1.1rem;
	display: inline;
	color: #333;
}
.post-title h2:before {
}
.post-title h2 a {
	color: #333;
}
.post-title h2 a:hover {
	color: #1badc3;
}
.post-body {
	padding-right: 15px;
	padding-left: 15px;

}
.post-body a {
	color: #1badc3;
}
.post-body a:hover {
	color: #000;
}
.post-cnt {
	line-height: 2em;
	margin-bottom: 10px;
}
.post-cnt:after {
	content: '';
	display: table;
	clear: both;
}
.post-cnt a {
	color: #1badc3;
}
.post-cnt a:hover {
	color: #000;
}
.post-cnt img {
}
.post-cnt ul {
	margin: 0px;
	padding: 0px;
}
.post-cnt li {
	list-style-type: square;
	margin-bottom: 5px;
	list-style-position: inside;
}
.post-thumb {
	text-align: center;
}
.post-thumb img {
	margin-bottom: 10px;
	-ms-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.post-thumb img:hover {
	-ms-transform: scale(1.04);
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
}
.post-tag {
	margin-bottom: 10px;
}
.post-tag:before {
	font-family: webfont-s;
	font-size: 1rem;
	margin-left: 8px;
	vertical-align: middle;
	display: inline-block;
}
.post-tag a {
	margin-left: 5px;
	color: #1badc3;
}
.post-tag a:hover {
	color: #000;
}
.post-related {
	margin-bottom: 10px;
}
.post-related:before {
	font-family: webfont-s;
	font-size: 1.2rem;
	margin-left: 5px;
	vertical-align: middle;
	display: inline-block;
}
.post-related ul {
}
.post-related li {
	list-style-type: square;
}
.post-related li a {
}
.post-related li a:hover {
}
.post-details {
	margin-bottom: 10px;
	font-family: yekan;
	font-size: 0.8rem;
}
.post-details a {
	color: #000;
}
.post-details a:hover {
	color: #1badc3;
}
.post-details ul {
	margin: 0px;
	padding: 0px;
}
.post-details li {
	list-style-type: none;
	display: inline-block;
	padding: 3px 3px;
}
.post-details li:last-child {
}
.post-details ul:after {
	content: '';
	display: table;
	clear: both;
}
.post-details div {
	margin-left: 15px;
}
.post-details div:before {
	font-family: webfont-r;
	font-size: 1rem;
	margin-left: 5px;
	vertical-align: middle;
	display: inline-block;
}
.post-details .postviews:before {
	font-family: webfont-s;
}
.post-footer {
	font-family: yekan;
	font-size: 0.9rem;
	padding-bottom: 10px;
}
.post-footer a {
	color: #000;
}
.post-footer a:hover {
	color: #1badc3;
}
.post-footer ul {
	margin: 0px;
	padding: 0px;
}
.post-footer ul:after {
	content: '';
	display: table;
	clear: both;
}
.post-footer li {
	list-style-type: none;
	display: inline-block;
	padding: 7px 10px;
}
.post-footer li:last-child {
	margin-left: 0px;
	margin-right: 0px;
	float: left;
}
.post-footer div {
	margin-left: 15px;
}
.post-footer div:before {
	font-family: webfont-s;
	font-size: 1rem;
	margin-left: 5px;
	vertical-align: middle;
	display: inline-block;
}
.post-footer div a:before {
	font-family: webfont-s;
	font-size: 1rem;
	margin-left: 8px;
	vertical-align: middle;
	display: inline-block;
}
.post-footer div a:after {
	font-family: webfont-s;
	font-size: 1rem;
	margin-right: 8px;
	vertical-align: middle;
	display: inline-block;
}
.postdate {
}
.posttime {
}
.postviews {
}
.postauthor {
}
.postprint {
}
.postlike {
}
.postcomment {
}
.postmore {
}
.postmore a {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 4px;
	background-color: #1badc3;
	color: #fff;
}
.postmore a:hover {
	background-color: #000;
	color: #fff;
}
.post-tag:before {
	content: '\f02c';
	color: #21679D;
}
.post-related:before {
	content: '\f360';
}
.postdate:before {
	content: '\f133';
}
.posttime:before {
	content: '\f017';
}
.postviews:before {
	content: '\f06e';
}
.postauthor:before {
	content: '\f007';
}
.postprint:before {
	content: '\f02f';
}
.postcomment a:before {
	content: '\f27a';
}
.postmore a:after {
	content: '\f053';
}
.arch-type {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px;
}
/*************************************************************
                            Pageination
*************************************************************/
.pagenavi {
	padding: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-family: yekan;
	font-size: 1rem;
}
.pagenavi ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.pagenavi ul:after {
	display: table;
	content: '';
	clear: both;
}
.pagenavi li {
	list-style-type: none;
	display: inline-block;
	margin: 0px 5px 5px 5px;
	list-style-position: inside;
}
.pagenavi a {
	display: block;
	background-color: #1badc3;
	color: #fff;
	padding: 5px 10px;
}
.pagenavi a:hover {
	background-color: #666;
	color: #fff;
}
li.prepage a:before, li.nextpage a:after {
	font-family: webfont-s;
	font-size: 1rem;
	vertical-align: middle;
	display: inline-block;
}
li.prepage a:before {
	content: '\f054';
	margin-left: 8px;
}
li.nextpage a:after {
	content: '\f053';
	margin-right: 8px;
}
/*************************************************************
                        MENU BOX
*************************************************************/
.sidebar {
	text-align: right;
	margin-bottom: 20px;
}
.menubox {
	margin-bottom: 20px;
	text-align: right;
}
.menu-title {
	height: 20px;
}
.menu-title h3 {
	color: #666;
	font-weight: bold;
	font-size: 1rem;
	display: inline-block; /*line-height: 1em;
	border-radius: 4px 4px 0px 0px;
	background-color: #f5f5f5;*/;
	padding: 10px 20px 7px 20px;
/*border: 1px solid #ddd;
	border-bottom: 0px;*/margin-bottom: -15px;
	margin-right: 10px;
}
.menu-title h3:before {
	content: '\f108';
	font-family: webfont-s, webfont-r;
	font-size: 1rem;
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	color: #ccc;
}
.menu-title:after {
	display: table;
	content: '';
	clear: both;
}
.menu-body {
	padding: 10px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-top: 3px solid #ddd;
	padding-top: 30px;
}
.menu-body ul {
	margin: 0px;
	padding: 0px;
}
.menu-body li {
	list-style-type: none;
	list-style-position: inside;
	margin-bottom: 2px;
}
.menu-body li span {
	margin-right: 3px;
}
.menu-body li a:before {
	content: '\f104';
	margin-left: 7px;
	vertical-align: middle;
	font-family: webfont-s;
	font-size: 0.8rem;
	display: inline-block;
}
.menu-body li a {
	display: block;
	padding: 3px 3px;
	color: #333;
}
.menu-body li a:hover {
	color: #1badc3;
}
.menu-body a {
	color: #1badc3;
}
.menu-body a:hover {
	color: #000;
}
.menu-body img {
	margin-bottom: 5px;

/*************************************************************
                       zar
*************************************************************/
}
.menu-body_zar {
	padding: 10px;
/*background-color: #fff; border: 1px solid #ddd;
	border-top: 3px solid #ddd;*/;padding-top: 10px;
}
.menu-body_zar ul {
	margin: 0px;
	padding: 0px;
}
.menu-body_zar li {
	list-style-type: none;
	list-style-position: inside;
	margin-bottom: 2px;
	text-align: justify;
}
.menu-body_zar li span {
	margin-right: 1px;
}
.menu-body_zar li a:before {
	content: '';
	margin-left: 7px;
	vertical-align: middle;
	font-family: webfont-s;
	font-size: 0.8rem;
	display: inline-block;
}
.menu-body_zar li a {
	display: block;
	padding: 3px 3px;
	color: #333;
}
.menu-body_zar li a:hover {
	color: #1badc3;
}
.menu-body_zar a {
	color: #1badc3;
}
.menu-body_zar a:hover {
	color: #000;
}
.menu-body_zar img {
	margin-bottom: 5px;
}
/*************************************************************
                        WIDGETS
*************************************************************/
.aboutme {
}
.newposts {
}
.visited {
}
.liked {
}
.cmnted {
}
.lastcmnt {
}
.archive {
}
.dailylink {
}
.searchbox {
}
.etcpages {
}
.blogtools {
}
.ultrabox {
}
.userpanel {
}
.randomp {
}
.autolink {
}
.newspaper {
}
.polls {
}
.calendarbox {
}
.links {
}
.writers {
}
.catbox {
}
.tagbox {
}
.adv {
}
.stats {
}
.wthumb {
}
.wthumb li {
	border-bottom: 1px solid #eee;
	padding: 5px;
}
.wthumb li:last-child {
	border-bottom: none;
}
.wthumb li img {
	float: right;
	margin: 0px 0px 5px 10px;
	width: 30%;
	height: auto;
}
.wthumb li a:before {
	content: none;
}
.wthumb li:after {
	content: "";
	display: table;
	clear: both;
}
.catbox ul li ul {
	margin-right: 15px;
	margin-bottom: 10px;
}
.catbox ul li ul li {
}
.tagbox ul {
	text-align: center;
}
.tagbox li {
	display: inline-block;
	margin: 2px 2px;
}
.tagbox li a {
	display: inline-block;
	padding: 2px 6px;
	background-color: #eee;
	border-radius: 4px;
}
.tagbox li a:hover {
	background-color: #1badc3;
	color: #fff;
}
.tagbox li a:before {
	content: none;
}
.adv li {
}
.adv li a {
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 4px;
}
.adv li:nth-child(odd) a { background-color: #eee; color: #000; }
.adv li:nth-child(even) a { background-color: #f9f9f9; color: #000; }
.adv li:nth-child(odd) a:hover, .adv li:nth-child(even) a:hover { background-color: #2DA9EC; color: #fff; }
.stats li {
	border-bottom: 1px dashed #ccc;
	padding: 5px;
}
.stats li:hover {
	background-color: #f9f9f9;
}
.stats li span {
	background-color: #666;
	color: #fff;
	display: inline-block;
	padding: 3px 4px;
	border-radius: 4px;
	font-size: 0.6rem;
	line-height: 1em;
	float: left;
	margin-right: 5px;
}
.stats li:after {
	display: table;
	content: '';
	clear: both;
}
.links ul li a:before {
	content: '\f104';
}
.writers ul li a:before {
	content: '\f2bd';
	font-family: webfont-r;
}
.catbox ul li a:before {
	content: '\f07b';
}
.catbox ul li ul li a:before {
	content: '\f07c';
	font-family: webfont-r;
}
.adv ul li a:before {
	content: '\f100';
}
.aboutme .menu-title h3:before {
	content: '\f2bd';
}
.newposts .menu-title h3:before {
	content: '\f022';
}
.catbox .menu-title h3:before {
	content: '\f07c';
}
.writers .menu-title h3:before {
	content: '\f0c0';
}
.visited .menu-title h3:before {
	content: '\f14a';
}
.liked .menu-title h3:before {
	content: '\f0a5';
}
.cmnted .menu-title h3:before {
	content: '\f086';
}
.tagbox .menu-title h3:before {
	content: '\f02c';
}
.lastcmnt .menu-title h3:before {
	content: '\f4ad';
}
.archive .menu-title h3:before {
	content: '\f187';
}
.dailylink .menu-title h3:before {
	content: '\f0a1';
}
.links .menu-title h3:before {
	content: '\f0c1';
}
.adv .menu-title h3:before {
	content: '\f1b2';
}
.stats .menu-title h3:before {
	content: '\f080';
}
.searchbox .menu-title h3:before {
	content: '\f002';
}
.etcpages .menu-title h3:before {
	content: '\f03a';
}
.blogtools .menu-title h3:before {
	content: '\f085';
}
.ultrabox .menu-title h3:before {
	content: '\f078';
}
.userpanel .menu-title h3:before {
	content: '\f2c1';
}
.randomp .menu-title h3:before {
	content: '\f074';
}
.autolink .menu-title h3:before {
	content: '\f079';
}
.newspaper .menu-title h3:before {
	content: '\f2b6';
}
.polls .menu-title h3:before {
	content: '\f059';
}
.calendarbox .menu-title h3:before {
	content: '\f073';
}
/*************************************************************
                        Search
*************************************************************/
.blogsearch {
	text-align: center;
}
.blogsearch:after {
	content: '';
	clear: both;
	display: table;
}
.blogsearch form {
}
.blogsearch input[type=text] {
	font-family: Tahoma;
	font-size: 0.8rem;
	height: 25px;
	background: none;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 4px;
	padding: 3px 5px;
	color: #333;
	border: 1px solid #999;
	margin-bottom: 5px;
}
.blogsearch input[type=submit] {
	font-family: Tahoma;
	font-size: 0.8rem;
	height: 25px;
	padding: 3px 10px 5px 10px;
	border: 0px;
	border-radius: 4px;
	color: #000;
	background-color: #ccc;
}
.blogsearch input[type=submit]:hover {
	background-color: #000;
	color: #fff;
}
/*************************************************************
                        Comment block
*************************************************************/
.cmntblock {
	margin-bottom: 15px;
	padding: 10px;
	color: #333;
}
.cmntblock a {
	color: #1badc3;
}
.cmntblock a:hover {
	color: #000;
}
.cmntblock .pagenavi a {
	color: #fff;
}
.cmntblock .pagenavi a:hover {
	color: #fff;
}
.cmntblock form {
	padding: 10px;
}
.cmnt-count {
	margin-bottom: 20px;
	font-family: yekan;
	font-size: 1rem;
	padding: 5px 10px;
}
.cmnt-list {
}
.cmnt-list ul {
	margin: 0px;
	padding: 0px;
}
.cmnt-list li {
	list-style-type: none;
	margin-bottom: 5px;
	padding: 5px;
}
.cmnt-box {
	border: 1px solid #ddd;
	border-radius: 4px;
}
.cmnt-list li:nth-child(odd) .cmnt-box { }
.cmnt-list li:nth-child(even) .cmnt-box { }
.cmnt-title {
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
}
.cmnt-title:after {
	display: table;
	content: '';
	clear: both;
}
.cmnt-user {
	width: 48%;
	float: right;
}
.cmnt-user span {
	display: inline-block;
}
.cmnt-user img {
	vertical-align: middle;
}
img.user-avatar {
	display: inline-block;
	width: 40px;
	height: auto;
	vertical-align: middle;
}
.cmnt-date {
	width: 48%;
	float: left;
	text-align: left;
}
.cmnt-body {
	padding: 5px 10px;
}
.cmnt-text {
	margin-bottom: 10px;
}
.cmnt-reply {
	padding: 10px;
	border: 1px dashed #ddd;
	border-radius: 4px;
}
.cmnt-form {
	border: 1px solid #ddd;
	padding: 10px;
	border-radius: 4px;
}
.cmnt-user:before, .cmnt-date:before, .cmnt-reply:before {
	font-family: webfont-r;
	font-size: 1rem;
	margin-left: 8px;
	vertical-align: middle;
	display: inline-block;
}
.cmnt-user:before {
	content: '\f2bd';
}
.cmnt-date:before {
	content: '\f017';
}
.cmnt-reply:before {
	content: '\f122';
	font-family: webfont-s;
}
.cmntblock label {
	margin-bottom: 10px;
	font-family: yekan;
	margin-left: 20px;
	font-size: 0.8rem;
}
.cmntblock input[type=text] {
	width: 100%;
	margin-bottom: 10px;
	min-height: 30px;
	border: 1px solid #ccc;
	margin-top: 10px;
	font-family: yekan;
	font-size: 0.8rem;
}
.cmntblock input[type=text]:focus, .cmntblock input[type=text]:hover, .cmntblock textarea:focus, .cmntblock textarea:hover {
	border: 1px solid #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
	transition: all ease 0.3s;
}
.cmntblock textarea {
	font-family: yekan;
	font-size: 0.9rem;
	margin-bottom: 10px;
	min-height: 150px;
	margin-top: 10px;
	border: 1px solid #ccc;
	padding: 10px;
}
.cmntblock button[type=submit], .cmntblock input[type=button] {
	border-radius: 4px;
	border: 0px;
	padding: 3px 10px;
	background-color: #1badc3;
	color: #fff;
	font-family: yekan;
	font-size: 0.8rem;
}
.cmntblock input[type=button]:hover, .cmntblock button[type=submit]:hover {
	background-color: #000;
	color: #fff;
	transition: all ease 0.3s;
}
/*************************************************************
                            NAVBAR
*************************************************************/
.navbar {
	padding: 0.5rem 1rem;
	text-align: left; /*zar all added*/
}
.navbar-brand {
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	margin-right: 1rem;
	font-size: 1rem;
	line-height: inherit;
	white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
	text-decoration: none;
}
.navbar-nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0;
	text-align: left; /*zar all added*/
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1rem;
	padding-left: 1rem;
}
.navbar-nav .dropdown-menu {
	position: static;
	float: none;
}
.navbar-text {
	display: inline-block;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.navbar-expand .navbar-nav .nav-link {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}
.navbar-light .navbar-brand {
	color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
	color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
	color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
	color: rgba(0, 0, 0, 0.9);
	background-color: transparent;
}
.navbar-light .navbar-toggler {
	color: rgba(255,255,255);
	border: 0px; /* border-color: rgb(255, 255, 255) zar*/
}
.navbar-light .navbar-text {
	color: rgba(255,255,255);
}
.navbar-light .navbar-text a {
	color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
	color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
	color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
	color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
	color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
	color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
	color: transparent; /*zar fff*/
}
.navbar-dark .navbar-toggler {
	color: rgba(255, 255, 255, 0.5);
	border-color: ; /* zar rgba(255, 255, 255, 0.5)*/
}
.navbar-dark .navbar-text {
	color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
	color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
	color: #fff;
}
.dropdown-menu {
	top: 97%;
	left: 0;
	min-width: 10rem;
	padding: 0rem 0;
	margin: 0.125rem 0 0;
	font-size: 0.9rem;
	color: #000;
	text-align: left;
	list-style: none;
	background-color: rgba(0, 0, 0, 0.3); /*zar_fff*/;
	background-clip: padding-box;
	border: 0px solid rgba(0, 0, 0, 0.15);
/*zar_1px*/border-radius: 0rem;
}
.dropdown-menu-right {
	right: 20 px;
	left: auto;
}
.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.4rem 0.4rem;
	clear: both;
	font-weight: 400;
	color: #fff;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
	color: #fff;
	text-decoration: none;
	background-color: #1badc3;
}
.dropdown-item.active, .dropdown-item:active {
	color: red;
	text-decoration: none;
	background-color: #047282;
}
.dropdown-item.disabled, .dropdown-item:disabled {
	color: #888;
	background-color: transparent;
}
.dropdown-menu.show {
	display: block;
}
.dropdown-header {
	display: block;
	padding: 0.5rem 1.5rem;
	margin-bottom: 0;
	font-size: 0.875rem;
	color: #000;
	white-space: nowrap;
}
.dropdown-item-text {
	display: block;
	padding: 0.25rem 1.5rem;
	color: #000;
}
.navbar-brand h1 {
	font-size: 2rem;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
}
.nav-link {
	font-family: yekan;
	font-size: 0.9rem;
}
.dropdown-menu {
	text-align: left;
	font-family: yekan;
	font-size: 0.9rem;
}
/*************************************************************
                    BLOGS SERVICE 
*************************************************************/
.rate-button-box .rated {
	font-weight: bold;
}
.rate-up, span.rateup {
	color: #2d8d3c;
	display: inline-block;
}
.rate-down, span.ratedn {
	color: #d63434;
	display: inline-block;
}
span.ratedn {
	margin-right: 10px;
}
span.renew:before, span.rateup:before, span.ratedn:before {
	font-family: webfont-s;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 1.2rem;
}
span.ratedn:before {
	content: "\f165";
}
span.rateup:before {
	content: "\f164";
}
.bb-cmntblock {
	background-color: #fff;
	margin-bottom: 15px;
	border-bottom: 2px solid #ddd;
	padding: 10px;
	color: #333;
}
.bayan-cmnt {
}
.bayan-cmnt .cmnt-date {
}
.bayan-cmnt .cmnt-date:before, .bayan-cmnt .cmnt-user:before {
	content: none;
}
.bayan-cmnt .cmnt-date span {
	margin-left: 3px;
}
.bayan-cmnt .cmnt-date a {
	margin-left: 10px;
}
.followBx {
	background: none;
	border-radius: 0px;
	padding: 10px 10px 10px 10;
	font-size: 0.8rem;
}
#followInBx {
	margin: 0 auto;
	max-width: 100%!important;
}
.followersCount {
	float: left;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 5px 8px;
	line-height: 10px;
	border-radius: 10px;
}
.followersTitle {
	padding: 0 4px;
	margin-bottom: 7px;
}
.follower {
	float: none!important;
}
.follower:hover img {
	transform: scale(1.1);
	transition: all ease 0.3s;
}
.followThis {
	display: block;
	padding: 3px 10px 5px;
	margin: 2px;
	background: #1badc3;
	color: #fff !important;
	border-radius: 3px;
	text-align: center;
}
.followBx, .followThis {
	font-family: "yekan";
}
.followThis:hover {
	color: #fff !important; ;
}
.followThis.followed {
	background: #0cb3ce;
}
#followInBx #followersLs .followImg {
	width: 20%;
	height: auto;
	border-radius: 100%!important;
	margin: 5px 1% 5px 1%;
}
a.follower {
	margin: 0px;
	padding: 0px;
}
img.followImg {
	border-radius: 100%!important;
	border: 0px solid #fff;
	box-shadow: 0px 3px 5px #999;
}
#followersLs {
	text-align: center;
	margin: 7px 0 13px;
	clear: both;
}
.hoverTip {
	position: absolute;
	z-index: 3000;
	background: #fafaff;
	border-radius: 5px;
}
.hoverTip .body {
	padding: 5px;
}
.followShow {
	width: 250px;
	background: #fff;
	border: 1px solid #bbb;
	box-shadow: 3px 3px 8px 0 #666;
	color: #333;
	direction: rtl;
	line-height: 18px;
	overflow: hidden;
}
.followShow.dark {
	color: #fff;
	background: #000;
	border-color: #555;
}
.followShow a, #followInBx a {
	text-decoration: none;
}
.followShow .site {
	color: #33a;
}
.followShow .site:hover {
	color: #33F;
}
.followShow.dark .site {
	color: #bbf;
}
.followShow.dark .site:hover {
	color: #ddf;
}
#followInBx.dark {
	color: #fff;
}
.followShow .folDetImg {
	width: 64px;
	height: 64px;
	float: right;
	margin: 5px 5px 10px 10px;
}
.followShow .body {
	position: relative;
	height: 74px;
}
.followShow * {
	box-sizing: content-box;
}
.followShow .followThis {
	width: 136px;
	position: absolute;
	bottom: 8px;
	left: 8px;
	font-size: 14px;
	font-weight: bold;
}
.folDetTxt {
	padding-right: 79px;
}
/*bayan blog search */
.search-box {
	background: rgba(0, 0, 0, 0.06);
	background: #f3f3f3\9;
	border-radius: 2px;
	line-height: 30px;
	height: 30px;
	margin: 10px 5px;
}
.search-box input {
	border: 0;
	outline: 0;
	height: 30px;
	padding: 0;
	display: block;
}
.search-box input.text {
	background: transparent;
	width: 100%;
	float: right;
}
.search-box .submit {
	border-radius: 2px 0 0 2px;
	width: 35px;
	float: left;
	background: #bdc2ca url('http://ssup.ir/protemp/seri7/bb_bristolpress/image/search.png');
}
.search-box .search-wrapper {
	margin: 0 5px 0 40px;
}
.search-box.dark {
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: rgba(0, 0, 0, 0.5);
}
.search-box.dark input.text {
	color: #eee;
}
.search-box.dark .submit {
	background-color: rgba(0, 0, 0, 0.5);
	background-color: #111\9;
}
.search-box.dark .submit:hover, .search-box.dark .submit:focus {
	background-color: rgba(0, 0, 0, 0.7);
	background-color: #000\9;
}
.search-box.black {
	background: rgba(70,70,70,0.3);
	background: #333\9;
}
.search-box.light {
	background: rgba(255,255,255,.7);
	background: #f3f3f3\9;
}
.lastcmnt li a:before {
	content: none;
}
img.cmnt_avatar {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	vertical-align: middle;
	margin-left: 5px;
}
/* arrow */
span.ratedn:before {
	content: "\f063";
}
span.rateup:before {
	content: "\f062";
}
/* Heart outline */
span.rateup:before {
	content: "\f004";
	font-family: webfont-r;
}
/* Heart solid */
span.rateup:before {
	content: "\f004";
	font-family: webfont-s;
}
/* star Solid */
span.rateup:before {
	content: "\f005";
	font-family: webfont-r;
}
/* Star outline */
span.rateup:before {
	content: "\f005";
	font-family: webfont-s;
}
/* hand solid */
span.ratedn:before {
	content: "\f165";
	font-family: webfont-s;
}
span.rateup:before {
	content: "\f164";
	font-family: webfont-s;
}
/* squire */
span.ratedn:before {
	content: "\f146";
}
span.rateup:before {
	content: "\f0fe";
}
/* hand Outline */
span.ratedn:before {
	content: "\f165";
	font-family: webfont-r;
}
span.rateup:before {
	content: "\f164";
	font-family: webfont-r;
}
/*************************************************************
                        Ultra Blocks 
*************************************************************/
.header-bg {
	background-color: #1badc3;
}
.top-one {
	padding-top: 20px;
	padding-bottom: 20px;
}
.site-logo {
}
.site-title {
	color: #fff;
}
.site-title h1 {
	font-size: 1.5rem;
	margin-bottom: 5px;
}
.site-title h3 {
	font-size: 0.9rem;
	font-weight: normal;
	font-family: sahel;
}
.site-title h1 a {
	color: #fff;
}
.site-title h1 a:hover {
	color: #fff;
}
.searching {
	padding-top: 20px;
}
.searching form {
	border-radius: 30px;
/*border: 1px solid #fff;
	display: inline-block;
	padding: 2px 20px 2px 5px;*/white-space: nowrap;
}
.searching form input[type=text] {
	height: 25px;/*30px*/;
	display: inline-block;
	vertical-align: middle;
	background-color: inherit;
	border: 0px;
	color: #fff;
}
.searching form input[type=submit] {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	background-color: inherit;
	background-image: url('http://ssup.ir/protemp/seri7/bb_bristolpress/image/search.png');
	width: 25px;/*30px*/;
	height: 25px;/*30px*/;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
}
.searching form input[type=submit]:hover {
	background-image: url('http://ssup.ir/protemp/seri7/bb_bristolpress/image/search.png');/*search_black.png*/;
	border-radius: 25px;
/*30px*/background-color: #fff;
	transition: all ease 0.3s;
}
.searching form ::placeholder {
	color: #fff;
}
/**
.top-two {
	border-top: 3px solid rgba(255, 255, 255, 0.2);
	border-bottom: 3px solid rgba(255, 255, 255, 0.2);
	**/
}
.main-nav {
}
.main-nav ul {
	padding: 0px;
	margin: 0px;
}
.main-nav li {
}
.main-nav li a.nav-link {
	padding: 5px 10px;
	color: #fff;
	font-family: yekan;
	font-size: 0.8rem;
}
.main-nav li a.nav-link:hover {
}
.social-links {
}
.social-links ul {
	padding: 0px;
	margin: 0px;
}
.social-links li {
}
.social-links li a {
	padding: 5px 10px;
	color: #fff;
	font-size: 1rem;
}
.social-links li a i {
}
.social-links li a:hover {
}
.full-nav-bg {
	background-color: #056f80;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 20px;
}
.fullnav-graybg {
	background-color: rgba(0, 0, 0, 0.3);
}
.full-nav {
}
.full-nav .navbar {
	padding: 0px;
}
.full-nav ul.navbar-nav {
	padding: 0px;
	margin: 0px;
}
.navbar-dark .navbar-toggler {
	border: none; /* 01px solid rgba(255, 255, 255, 0.4) zar */
}
.navbar-dark .navbar-toggler-icon {
}
button span.menu-name {
	font-size: 0.9rem;
	margin-right: 5px;
	color: #fff;
}
.full-nav ul {
}
.full-nav li {
}
.full-nav li a {
}
.full-nav li a:hover {
}
.news-slider {
	margin-bottom: 20px; /*box-shadow: 0px 0px 5px rgb(0, 0, 0, 0.2);
	border-radius: 4px;*/;
	overflow: hidden;
	line-height: 1.7em; /*zar*/
}
.news-slider .item {
	margin-right: 1px;
}
.news-slider .item .photo {
}
.news-slider .item .photo img {
	width: 100%;
	height: auto;
	text-align: center;
}
.news-slider .item .caption {
	text-align: right;
	padding: 15px;
}
.news-slider .item .caption h2 {
	font-family: sahel;
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: justify;
}
.news-slider .item .caption h2 a {
	color: #333;
}
.news-slider .item .caption h2 a:hover {
	color: #1badc3;
}
.news-slider .item .caption p {
	color: #777;
}
.news-slider .item .caption span.cat {
	margin-bottom: 10px;
	font-size: 1rem;
	color: #666;
	display: block;
}
.news-slider .item .caption span.cat:before {
	font-family: webfont-r;
	font-size: 1rem;
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	content: '\f07c';
}
.news-slider .item .caption span.date {
	font-size: 0.8rem;
	color: #999;
}
.news-slider .item .caption span.date:before {
	font-family: webfont-r;
	font-size: 0.95rem;
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	content: '\f017';
}
.news-slider .owl-carousel {
	position: relative;
}
.news-slider .owl-nav {
	position: absolute;
	bottom: 5px;
	left: 5px;
}
.news-slider .owl-nav i {
	height: 30px;
	width: 30px;
	background-color: #1badc3;
	color: #fff;
	border-radius: 100%;
	padding: 0px;
	text-align: center;
}
.news-slider .owl-nav i:before {
	margin: 0px;
}
.news-slider .owl-nav .owl-prev {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
}
.news-slider .owl-nav .owl-next {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
}
.offer-news-block {
	margin-bottom: 10px;
}
.offer-news-title {
	text-align: right;
	margin-bottom: 20px;
	position: relative;
}
.offer-news-title h3 {
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px; /*zar_add_all */;
	padding-left: 10px;
	background-color: #fff;
	z-index: 1;
	font-family: yekan;
	font-weight: bold;
	color: #21679D;
}
.offer-news-title h3:before {
	content: /*'\f111'*/;
	font-family: webfont-s;
	font-size: 1.2rem;
	margin-left: 5px;
	vertical-align: middle;
	display: inline-block;
}
.offer-news-title:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #eee;
	top: 22px;
	z-index: -1;
}
.offer-news-body {
}
.offer-news-item {
	margin-bottom: 20px;
	background-color: #fff; /*#f5f5f5*/;
	border-radius: 0px;
/*4px*/overflow: hidden;
	border-bottom: ; /*3px solid #ddd*/
}
.offer-news-item img {
	border-bottom: 3px solid #1badc3;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}
.offer-news-item h2 {
	font-family: sahel;
	color: #333;
	font-size: 1rem;
	padding: 0px 0px;
/*0px 7px*/text-align: justify;
}
.offer-news-item h2 a {
	color: #333;
}
.offer-news-item h2 a:hover {
	color: #1badc3;
}
.offer-news-item p {
	color: #666;
	font-size: 0.75rem;
	font-family: sahel;
	padding: 5px 7px;
	line-height: 1.5rem;
	text-align: right;
}
.hotlines-block {
	margin-top: -15px; /*zar */;
	margin-bottom: 10px;
}
.hotlines-title {
	text-align: right;
	margin-bottom: 10px;
	position: relative;
}
.hotlines-title h3 {
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 5px;/*zar_add_right*/;
	padding-left: 5px;/*30*/;
	background-color: #fff;
	z-index: 1;
	font-family: yekan;
	font-weight: bold;
	color: #21679D;
}
.hotlines-title h3:before {
	content: /*'\f111'*/;
	font-family: webfont-s;
	font-size: 1rem;
	margin-left: 10px;
	vertical-align: middle;
	display: inline-block;
	color: #e31515;
}
.hotlines-title:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #eee;
	top: 22px;
	z-index: -1;
}
.hotlines-body {
	background-color: #fff; /*#f5f5f5*/;
	padding: 10px;
	/*border-radius: 4px;
	box-shadow: 0px 2px 2px #ccc;*/
}
.hotlines-intro {
	margin-bottom: 10px;
	text-align: justify;
}
.hotlines-intro img {
	margin-bottom: 20px;
	width: 100%;
	height: auto;
	border-radius: 4px;
}
.hotlines-intro h {
	font-size: 1rem;
	font-weight: none;
	text-align: justify;
}
.hotlines-intro h a {
	color: #333;
}
.hotlines-intro h a:hover {
	color: #1badc3;
}
.hotlines-intro p {
	text-align: right;
	font-size: 0.8rem;
	color: #666;
}
.hotlines-list {
	text-align: justify;
	font-size: 14px;
	line-height: 1.7em;
}
.hotlines-list ul {
	padding: 0px;
	margin: 0px;
}
.hotlines-list li {
	list-style-type: none;
}
.hotlines-list li a {
	display: block;
	padding: 7px 0px 7px 10px;
	border-bottom: 1px solid #ccc;
	color: #333;
}
.hotlines-list li:last-child a {
	border-bottom: 0px;
}
.hotlines-list li a:before {
	content: '\f192';
	margin-left: 7px;
	vertical-align: middle;
	font-family: webfont-r;
	font-size: 0.8rem;
	display: inline-block;
}
.hotlines-list li a:hover {
	color: #1badc3;
}
.photocal-reports {
	margin-bottom: 10px;
}
.photocal-reports-title {
	text-align: right;
	margin-bottom: 20px;
	position: relative; /**/
}
.photocal-reports-title h3 {
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 10px; /*zar_add_all */;
	padding-left: 10px;
	background-color: #fff;
	z-index: 1;
	font-family: yekan;
	font-weight: bold;
	color: #21679D;
}
.photocal-reports-title h3:before {
	content: /*'\f111'*/;
	font-family: webfont-s;
	font-size: 1rem;
	margin-left: 10px;
	vertical-align: middle;
	display: inline-block;
	color: #333;
}
.photocal-reports-title:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #fff;/*#eee*/;
	top: 22px;
	z-index: -1;
}
.photocal-reports-body {
	font-size: 1rem;
	font-family: yekan; /* zar*/
}
.phr-item {
	position: relative; /*border: 7px solid #eee;*/;
	margin-bottom: 20px;
}
.phr-item img {
	width: 100%;
	height: auto;
	text-align: justify;
}
.phr-item .caption {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px;
	background-color: rgb(0, 0, 0, 0.8);
	text-align: justify;
}
.phr-item .caption h2 {
	font-size: 1rem;
	text-align: justify;
}
.phr-item .caption h2 a {
	color: #fff;
}
.phr-item .caption h2 a:hover {
	color: #1badc3;
}
.phr-item span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px 12px;
	background-color: rgba(0, 0, 0, 0.5);
}
.phr-item span:before {
	content: '\f008';
	font-family: webfont-s;
	font-size: 1.2rem;
	vertical-align: middle;
	display: inline-block;
	color: red;
}
.editorial-block {
	margin-top: -15px; /*zar */;
	margin-bottom: 15px;
}
.editorial-title {
	text-align: right;
	margin-bottom: 10px;
	position: relative;
}
.editorial-title h3 {
	font-size: 1.2rem;
	display: inline-block;
	padding-left: 10px;
	background-color: #fff;
	z-index: 1;
	font-family: yekan;
	font-weight: bold;
	color: #21679D;
}
.editorial-title h3:before {
	content: ''; /*\f111*/;
	font-family: webfont-s;
	font-size: 1rem;
	margin-left: 5px;
	vertical-align: middle;
	display: inline-block;
	color: #1badc3;
}
.editorial-title:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #eee;
	top: 22px;
	z-index: -1;
}
.editorial-body {
}
.editorial-item {
	margin-bottom: 15px;
	text-align: justify;
	border-radius: 1px;
	border-top: ;
/*4 zar*/ /*3px solid #1badc3*/background-color: #fff; /*#f5f5f5*/;
	overflow: hidden;
	box-shadow: ; /*0px 3px 1px #ddd*/
}
.editorial-item:after {
	display: table;
	content: "";
	clear: both;
}
.editorial-item img {
	float: right;
	margin: 10px 0px 0px 10px;
	width: 30%;
	height: auto;
}
.editorial-item h2 {
	font-size: 0.9rem;
	font-family: sahel;
	color: #6C6C6C;
	margin-top: -3px;
	padding: 5px;
	margin-bottom: 10px;
}
.editorial-item h2 a {
	color: #333;
}
.editorial-item h2 a:hover {
	color: #1badc3;
}
.editorial-item span {
	font-size: 0.8rem;
	color: #999;
}
.editorial-item span:before {
	font-family: webfont-r;
	font-size: 1rem;
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	content: ;/*'\f017'*/
}
.adzbaner-insidebar {
}
.adzbaner-insidebar img {
}
.widget-area {
	padding-top: 10px; /*40*/;
	padding-bottom: 20px;
	background-color: #fff;
}
.widget-box {
	text-align: right;
	margin-bottom: 20px;
	color: #333;
	padding: 7px;
}
.widget-box h3 {
	font-size: 1.2rem;
	margin-bottom: 20px;
	font-family: yekan;
	font-weight: bold;
	color: #333;
}
.widget-box h3:before {
	content: '';/*\f0c9*/;
	font-family: webfont-s;
	font-size: 1.2rem;
	margin-left: 8px;
	vertical-align: middle;
	display: inline-block;
}
.widget-box ul {
	font-size: 0.9rem;
	line-height: 1.8em;
	margin: 0px;
	padding: 0px;
}
.widget-box li {
	list-style-type: none;
	margin-bottom: 5px;
}
.widget-box li:after {
	content: "";
	clear: both;
	display: table;
}
.widget-box li img {
	float: right;
	width: 30%;
	height: auto;
	margin: 0px 0px 5px 10px;
}
.widget-box li h2 {
	font-family: sahel;
	font-size: 0.9rem;
	font-weight: normal;
}
.widget-box li a {
	color: #333;
	text-decoration: none;
}
.widget-box li a:hover {
	color: #01669d;
}
.footer-bg {
	margin-top: -40px;
	padding-bottom: 30px;
	color: #333;
}
.footer-top-row {
	/*border-bottom: 1px solid #333;*/
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.footer-nav {
}
.footer-nav ul {
	padding: 0px;
	margin: 0px;
}
.footer-nav li {
	/*border-left: 1px solid #ccc;*/
	padding: 0px;
}
.footer-nav li:last-child {
	border-left: 0px;
}
.footer-nav li a {
	padding: 3px 15px;
	color: #333;
	font-family: sahel;
	font-size: 0.8rem;
}
.footer-nav li a:hover {
	color: orange;
}
.copyrights {
	font-family: yekan;
}
.copyrights a {
	color: #141414;
}
.copyrights a:hover {
	color: orange;
}
.ssu {
	font-family: yekan;
}
.ssu i {
	margin-right: 5px;
	font-size: 0.7rem;
}
.ssu a {
	color: #fff;
}
.ssu a:hover {
	color: #1badc3;
}
.footer-social {
}
.footer-social ul {
	padding: 0px;
	margin: 0px;
}
.footer-social li {
	margin: 5px;
}
.footer-social li a {
	font-size: 1.5rem;
	height: 50px;
	width: 50px;
	border-radius: 100%;
	text-align: center;
	background-color: #fff;
	color: #000;
	padding: 0px;
	padding-top: 12px;
}
.footer-social li a i {
	display: inline-block;
	vertical-align: middle;
}
.footer-social li a:hover {
	background-color: #1badc3;
	color: #fff;
}
.encopy {
	direction: ltr;
}
/*************************************************************
                        Responsive Query 
*************************************************************/
@media (max-width: 768px) {
html {
	font-size: 16px;
}
.cmnt-user {
	margin-bottom: 10px;
}
.cmnt-user, .cmnt-date {
	width: 100%;
	float: none;
	text-align: right;
}
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
li.dropdown:hover > .dropdown-menu {
	display: block;
}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
/******* استایل لی اوت زر**********/
.nav-tabs .nav-link {
	border: 0px solid transparent;
	border-top-left-radius: 0rem;
	border-top-right-radius: 0rem;
	background-color: transparent; /*zar*/
}
/*zar border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem  */
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-color: ;
}
/*zar border-color: #e9ecef #e9ecef #dee2e6*/
/******* استایل موس**********/
/*[PATH @digikala/supernova-digikala-desktop/static/css/app.css]*/
@charset "UTF-8";
html {
	box-sizing: border-box;
}
*, :after, :before {
	box-sizing: inherit;
}
.c-wiki__container {
	right: -3px;
	padding: 11px;
	top: calc(100% + 12px);
}
.c-wiki__container {
	display: block;
}
.c-wiki__container {
	position: absolute;
	top: calc(100% + 17px);
	right: -10px;
	padding: 11px 11px 21px;
	min-width: 273px;
	max-width: 394px;
	box-shadow: 0 -6px 12px 0 hsla(0,0%,71%,.3);
	background-color: #fff; /*border: 1px solid #b8b8b8;*/;
	z-index: 121;
	display: none;
}
.c-wiki__container.is-right {
	left: -10px;
	right: unset;
}
.c-wiki__container.is-right .c-wiki__arrow {
	left: 14px;
	right: unset;
}
.c-wiki__trigger:hover+.c-wiki__container,.c-wiki__trigger:hover>.c-wiki__container{display:block}
.c-wiki__text {
	line-height: 1.692;
	font-weight: 400;
	letter-spacing: -.3px;
	text-align: justify;
	direction: rtl;
	color: #777;
}
.c-wiki__arrow {
	position: absolute;
	top: -8px;
	right: 16px;
	width: 13.7px;
	height: 13.7px;
	transform: rotate(-135deg);
	background-color: #fff;
	box-shadow: inset -1px -1px 0 0 #b8b8b8;
}
}
.c-wiki__holder {
	position: relative;
	cursor: pointer;
	display: inline-block;
}
.c-wiki__holder:hover .c-wiki__container {
	display: block;
}
.c-wiki__container {
	position: absolute;
	font-size: 14px;
	line-height: 1.6em;
	top: calc(100% + 17px);
	right: -10px;
	padding: 11px 11px 21px;
	min-width: 273px;
	max-width: 394px;
	box-shadow: 0 -6px 12px 0 hsla(0,0%,71%,.3);
	background-color: #fff;
	border: 1px solid #b8b8b8;
	z-index: 121;
	display: none;
}
.c-wiki__container.is-right {
	left: -10px;
	right: unset;
}
.c-wiki__container.is-right .c-wiki__arrow {
	left: 14px;
	right: unset;
}
.c-wiki__trigger:hover + .c-wiki__container, .c-wiki__trigger:hover > .c-wiki__container {
	display: block;
}
.c-wiki__arrow {
	position: absolute;
	top: -8px;
	right: 16px;
	width: 13.7px;
	height: 13.7px;
	transform: rotate(-135deg);
	background-color: #fff;
	box-shadow: inset -1px -1px 0 0 #b8b8b8;
}
/* استایل های خودم*/
/* CSS Document */
/* برای پست شبه آگهی*/
.Agahi_strong_zar {
	color: #21679D;
	font-weight: bold;
}
/*تیک دیپلماسی برای پست*/
.dip_post_zar {
	float: right;
	font-size: 14pt;
	color: orange;
	font-weight: bold;
	line-height: 1.6em;
}
.pull-right {
	margin-left: 5px;
	text-align: right;
	color: red;
	font-size: 22px;
}
.pull-right2 {
	margin-left: 5px;
	text-align: right;
	color: red;
	font-size: 16px;
}
.pull-right3 {
	margin-left: 5px;
	text-align: right;
	color: #ccc;
	font-size: 14px;
}
.pull-right4 {
	float: right;
	padding-top: 6px;
	margin-left: 6px;
	text-align: right;
	color: #00b0f5;
	font-size: 14px;
}
.pull-right5 {
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
	color: #ccc;
	font-size: 14px;
}
.pull-right6 {
	margin-left: 3px;
	text-align: right;
	color: red;
	font-size: 12px;
}
.pull-right7 {
	margin-left: 3px;
	text-align: right;
	color: red;
	font-size: 14px;
}
.pull-right_stat {
	text-align: right;
	color: #333;
	font-size: 16px;
}
.ahover_color_size {
	font-size: 22px;
}
.ahover_color_size a {
	color: #21679D;
}
.ahover_color_size a:hover {
	color: #ffa500;
}
.ahover_color_size2 a {
	color: #21679D;
}
.ahover_color_size2 a:hover {
	color: #ffa500;
}
/*  کدهای لینک باکس*/
.linkbox-block {
	margin-bottom: 20px;
	background-color: #fff; /*border-radius: 4px;
	border: 1px solid #ddd;*/;
	padding: 10px;
}
.linkbox-title {
	font-weight: bold;
}
.linkbox-title a.nav-link {
	font-family: ;
	color: #21679D;
	font-size: 14px;
}
.linkbox-body {
	border: 1px solid #dedede;
	border-top: 0px;
	border-radius: 0px 0px 4px 4px;
}
.linkbox-item {
	text-align: right;
	padding: 10px;
}
.linkbox-item ul {
	padding: 0px;
	margin: 0px;
}
.linkbox-item li {
	list-style-type: none;
	margin-bottom: 5px;
}
.linkbox-item li a {
	display: block;
	padding: 5px 10px;
	border: 1px solid #ededed;
	border-radius: 4px;
	color: #333;
}
.linkbox-item li a:before {
	content: '\f104';
	margin-left: 7px;
	vertical-align: middle;
	font-family: webfont-s;
	font-size: 0.8rem;
	display: inline-block;
}
.linkbox-item li a:hover {
	color: #21679D;
	border: 1px solid #ffa500;
}
/* آغاز کدهای خودم*/
}
.diploma_zar a:before {
	content: none;
/**/
}
.titre1_zar {
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
}
.titre1_zar a {
	color: #333;
	font-size: 14px;
	line-height: 1.2em;
}
.titre1_zar a:hover {
	color: orange;
}
/**/
.titre2_zar {
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	color: #21679D;
	padding-left: 15px;
}
.titre2_zar a {
	color: #21679D;
	line-height: 1.2em;
}
.titre2_zar a:hover {
	color: orange;
}
/**/
.titre3_zar {
	font-family: sahel;
	font-size: 16px;
	font-weight: bold;
	color: green;
	padding-left: 10px;
}
.titre3_zar a {
	color: green;
	font-size: 15px;
	line-height: 1.2em;
}
.titre3_zar a:hover {
	color: orange;
}
/**/
.edameh_m_zar {
	font-family: yekan;
	font-size: 15px;
	font-weight: bold;
	margin-top: -10px;
}
.edameh_m_zar a {
	color: #21679D;
}
.edameh_m_zar a:hover {
	color: orange;
}
/* پوشاننده برای دنبال کنندگان*/
.first_zar {
	z-index: 1;
}
.second_zar {
	z-index: 2;
	background-color: #FFF;
	width: 100%;
	height: 40px;
	margin-top: -40px;
	position: absolute;
}
.third_zar {
	z-index: 3;
	font-weight: bold;
	margin-top: -25px;
	margin-right: -50px;
	position: absolute;
	font-size: 16px;
/*خط بین سطرها*/
}
.stats_zar {
	line-height: 2.5em;
	font-size: 0.9em;
	color: #333;
}
.stats_zar li:before {
	content: '';
}
.stats_zar li {
	border-bottom: 1px dashed #ccc;
	padding: 0px;
}
.stats_zar li:hover {
	background-color: #f9f9f9;
}
.stats_zar li span {
	display: inline-block;
	padding: 1px 1px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.8em;
	float: right;
}
.stats_zar li:after {
	display: table;
	content: '......... ';
	clear: both;
}
/*خط بین سطر ها باکس توییتر*/
}
.stats_zar_twitter {
	line-height: 2.5em;
}
.stats_zar_twitter li:before {
	content: ' '; /*توییتر /*/;
	color: #175d87;
}
.stats_zar_twitter li {
	border-bottom: 1px dashed #ccc;
	padding: 0px;
}
.stats_zar_twitter li:hover {
	background-color: #f9f9f9;
}
.stats_zar_twitter li span {
	display: inline-block;
	padding: 1px 1px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.8em;
	float: right;
	background-color: #fff;
}
.stats_zar_twitter li:after {
	display: table;
	content: '';
	clear: both;
}
/*خط بین سطر ها باکس خبرهای کوتاه*/
.stats_zar_short_news {
	line-height: 2em;
}
.stats_zar_short_news li:before {
	content: '';
	color: ;/*#175d87*/
}
.stats_zar_short_news li {
	border-bottom: 1px dashed #ccc;
	padding: 0px;
}
.stats_zar_short_news li:hover {
	background-color: #f9f9f9;
}
.stats_zar_short_news li span {
	display: inline-block;
	padding: 1px 1px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.8em;
	float: right;
	background-color: #fff;
}
.stats_zar_short_news li:after {
	display: table;
	content: '';
	clear: both;
}
.stats_zar_short_news a {
	text-decoration: none;
}
.stats_zar_short_news a:hover {
	text-decoration: none;
}
/*خط بین سطر ها باکس خبرهای کوتاه2*/
.stats_zar_short_news2 {
	line-height: 2.2em;
}
.stats_zar_short_news2 li:before {
	content: '';
	color: ;/*#175d87*/
}
.stats_zar_short_news2 li {
	border-bottom: 1px dashed #ccc;
	padding: 0px;
	list-style-type: none;
}
.stats_zar_short_news2 li:hover {
	background-color: #f9f9f9;
}
.stats_zar_short_news2 li span {
	display: inline-block;
	padding: 1px 1px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.8em;
	float: right;
	background-color: #fff;
}
.stats_zar_short_news2 li:after {
	display: table;
	content: '';
	clear: both;
}
.stats_zar_short_news2 a {
	text-decoration: none;
}
.stats_zar_short_news2 a:hover {
	text-decoration: none;
}

/*خط بین سطر ها باکس خبرهای کوتاه3*/
.stats_zar_short_news3 {
	line-height: 2em;
	font-size: 15px;
}
.stats_zar_short_news3 li:before {
	content: '️☑';
	color: green;
	padding-left: 5px;

}
.stats_zar_short_news3 li {
	list-style-type: none;	
	border-bottom: 1px dashed #ccc;
	margin-right: -5px;

}
.stats_zar_short_news3 li:hover {
	background-color: #f9f9f9;
}
.stats_zar_short_news3 a {
	text-decoration: none;
}
.stats_zar_short_news3 a:hover {
	text-decoration: none;
}

/*خط بین سطر ها باکس خبرهای کوتاه3*/
.stats_zar_short_news4 {
	line-height: 2.2em;
	font-size: 15px;
}
.stats_zar_short_news4 li:before {
	content: '️⚠️️';
	font-size: 13px;	
	padding-left: 5px;
}
.stats_zar_short_news4 li {
	list-style-type: none;	
	border-bottom: 1px dashed #ccc;
	margin-right: -10px;
}
.stats_zar_short_news4 li:hover {
	background-color: #f9f9f9;
}
.stats_zar_short_news4 a {
	text-decoration: none;
}
.stats_zar_short_news4 a:hover {
	text-decoration: none;
}
/*خط بین سطرها*/
.stats_zar {
	margin-right: 0px;
}
.stats_zar li:before {
	content: ' ';
	list-style-type: '»';
}
.li_line_zar li {
	border-bottom: 1px dashed #bfbfbf;
}
.stats_zar li:hover {
	background-color: #f2f2f2;
}
.stats_zar li span {
	display: inline-block;
	border-radius: 4px;
	font-size: 16px;
	background-color: #fff;
}
.stats_zar li:after {
	display: table;
	content: '';
	clear: both;
}
/**/
.ul_biz_bo_zar {
	margin-right: -22px;
	margin-top: -10px;
	line-height: 1.2em;
	list-style-type: none;
}
/* کادر مشکی دور منوهای سفید*/
.nav-item_zar {
	text-shadow: 1px 1px 1px black, 0 0 4px black, 0 0 1px darkblue;
}
/**/
.zar_search {
	font-size: 13px;
	color: #fff;
}
.zar_search a {
	color: #fff;
}
.zar_search a:hover {
	color: red;
}
/*---*/
.zar1 {
	color: #333;
	font-family: sahel;
	font-size: 14px;
	text-align: justify;
	padding-right: 17px;
	padding-left: 17px;
	padding-top: 10px;
	line-height: 1.8em;
}
.zar1 a {
	color: #333;
	font-size: 14px;
	text-decoration: none;
	line-height: 2em;
}
.zar1 a:hover {
	color: #21679D;
	text-decoration: none;
}
/**/
.zar2 {
	color: #70440f;
	font-size: 14px;
	text-align: left;
	padding-left: 7px;	
}
.zar2 a {
	color: orange;
	line-height: 1.5em;
}
.zar2 a:hover {
	color: red;
}
/**/
.zar3 {
	color: #333;
	font-size: 14px;
	text-align: right;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 20px;
}
.zar3 a {
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
}
.zar3 a:hover {
	color: #21679D;
}
/**/
.zar4 {
	color: #333;
	font-size: 12px;
	font-style:italic;
	text-align: justify;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 15px;
	line-height: 1.7em;
}
.zar4 a {
	color: #333;
	font-size: 12px;
}
.zar4 a:hover {
	color: #21679D;
}	
/**/
.zar5 {
	font-family: yekan;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.8em;
}
.zar5 a {
	color: #21679D;
	font-size: 14px;
	text-decoration: none;
	line-height: 2em;
}
.zar5 a:hover {
	color: red;
	text-decoration: none;
}
/**/
.zar6 {
	font-family: yekan;
	font-weight: bold;
}
.zar6 a {
	color: #21679D;
	text-decoration: none;
}
.zar6 a:hover {
	color: red;
	text-decoration: none;
}	
/**/
.zar7 {
	font-family: sahel;
}
.zar7 a {
	color: #333;
	text-decoration: none;
}
.zar7 a:hover {
	color: green;
	text-decoration: none;
}	

/* تیک فیلم */
}
.tik_dip_film a:before {
	content: "فیلم /  ";
	font-size: 14px;
	color: orange;
	right: 0;
	position: relative;
	transition: right 0.3s;
	padding-left: 2px;
}
/* تیک توییتر */
}
.tik_twitter a:before {
	content: "توییتر /  ";
	font-size: 14px;
	color: orange;
	right: 0;
	position: relative;
	transition: right 0.3s;
	padding-left: 2px;
}
.tik_twitter li {
	list-style-type: none;
}
.tik_twitter a {
	text-decoration: none;
}
.tik_twitter a:hover {
	text-decoration: none;
}
/* تیک دیپلماسی */
.tik_dip a:before {
	content: " دیپلماسی ";
	font-size: 14px;
	color: orange;
	right: 0;
	position: relative;
	transition: right 0.3s;
	padding-left: 2px;
}
/* تیک قرمز */
.tik_mos_red {
	float: right;
	color: red;
	padding-left: 3px;
	padding-top: 11px;
	font-size: 14px;
}
/* تیک سبز */
.tik_mos_green {
	float: right;
	color: green;
	padding-left: 5px;
	padding-top: 3px;
	font-size: 14px;
}
/* تیک خاکستری*/
.tik_mos_gray {
	float: right;
	color: #979b97;
	padding-left: 5px;
	padding-top: 7px;
	font-size: 11px;
}
/* تیک قرمز*/
.tik_mos_red_s {
	float: right;
	color: red;
	padding-left: 5px;
	padding-top: 7px;
	font-size: 11px;
}
/* تیک خاکستری2 پایین تر*/
.tik_mos_gray2 {
	float: right;
	color: #979b97;
	padding-left: 5px;
	padding-top: 12px;
	font-size: 11px;
}

/**/
.mar-right-z {
	padding: -10px;
	margin: -10px;
}
.justify {
	text-align: justify;
}
/**/
.barta_titel {
	font-family: yekan;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: -10px;
	text-align: right;
	padding-right: 60px;
}
.barta_titel a {
	color: #21679D;
}
.barta_titel a:hover {
	color: orange;
}
/*هدایت به بالا*/
.gotop {
	cursor: pointer;
	/*display: none;*/
	background: #555555 url() no-repeat center center;
/*http://www.safaryabi.com/safar/wp-content/themes/theme/files/top.png*/width: 45px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 15;
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	height: 45px;
}
/*رنگ نارنجی هدایت به بالا*/
.ahover_color_size_orang {
	font-size: 30px;
	line-height: 1.7em;
	padding: 20x;
}
.ahover_color_size_orang a {
	color: orange; /*#555555*/
}
.ahover_color_size_orang a:hover {
	color: red;
}
/*تبلیغ سازمان های فعال بین المللی*/
.tabligh {
	border: 5px solid #fff;
	padding: 0px;
	border-radius: 10px 10px 10px 10px;
	Border-radius: 10px;
	margin-bottom: 10px;
	box-shadow: 0 3px 9px #a8a8a8, inset 0 0 9px white;
	display: inline-block;
	position: relative;
	height: 299px;
	width: 100%;
	background: url("https://bayanbox.ir/view/2241659689516602934/Jameatol-mostafa-mashhad-935x324.jpg") left top;
}
.tabligh h1 {
	text-align: right;
	font-size: 14px;
	margin-top: 250px;
	padding: 5px;
	line-height: 1.5em;
	text-shadow: -1px 1px 5px black;
	/*background-image: linear-gradient(to right, #00809D , #00809D);
	border-radius: 0px 0px 10px 10px;*/
}
.tabligh a {
	color: #333;
}
.tabligh a:hover {
	color: orange;
}
/*تبلیغ دوم*/
.tabligh2 {
	border: 5px solid #fff;
	padding: 10px;
	Border-radius: 20px;
	margin-bottom: 10px;
	box-shadow: 0 3px 9px #a8a8a8, inset 0 0 9px white;
	display: inline-block;
	position: relative;
	height: 324px;
	width: 100%;
	background: url("https://mashhad.miu.ac.ir/wp-content/uploads/2023/03/Header-logo.png") left center;
	/*background-position: 0px 0px; -- https://bayanbox.ir/view/2241659689516602934/Jameatol-mostafa-mashhad-935x324.jpg  https://bayanbox.ir/view/5127334158284049346/Daneshgahe-ferdowsi-900x362.jpg*/
}
.tabligh2 h1 {
	text-align: right;
	font-size: 14px;
	margin-right: -10px;
	margin-top: 320px;
	padding: 7px;
	line-height: 1.5em; /*text-shadow: -1px 1px 5px black;*/;
	background-image: linear-gradient(to right, transparent , #faedcc);
	border-radius: 0px 10px 10px 10px;
}
.tabligh2 a {
	color: #660500;
}
.tabligh2 a:hover {
	color: #333;
}
/*تبلیغ سوم - تحسین فرهیخت*/
.tabligh3 {
	border: 5px solid #fff;
	padding: 10px;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 10px;
	box-shadow: 0 3px 9px #a8a8a8, inset 0 0 9px white;
	display: inline-block;
	position: relative;
	height: 249px;
	width: 100%;
	background: url("https://bayanbox.ir/view/4111550313211554773/Aeinnameh-khedmat-razavi-mashhad.jpg") left center;
	/*background-position: 0px 0px;*/
}
.tabligh3 h1 {
	text-align: right;
	font-size: 14px;
	margin-top: 196px;
	margin-right: -10px;
	margin-left: -10px;
	padding: 7px;
	line-height: 1.5em;
	background-image: linear-gradient(to right, #00809D , #00809D);
	border-radius: 0px 0px 10px 10px;
}
.tabligh3 a {
	color: #fff;
}
.tabligh3 a:hover {
	color: orange;
}
/*تبلیغ چهار - تحسین فرهیخت*/
.tabligh4 {
	border: 5px solid #fff;
	padding: 10px;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 10px;
	box-shadow: 0 3px 9px #a8a8a8, inset 0 0 9px white;
	display: inline-block;
	position: relative;
	height: 360px;
	width: 100%;
	background: url("https://bayanbox.ir/view/5331149403888864231/Mantagheh-aazade-sarakhs-mashhad-900-360.jpg") left center;
	/*background-position: 0px 0px; --- http://194.5.178.54/assets/images/BN/01.jpg --- https://bayanbox.ir/view/2550341957161717525/Eftetahe-zaersara-mirjaveh-aqr-mashhad-900x294.jpg*/
}
.tabligh4 h1 {
	text-align: right;
	font-size: 15px;
	margin-top: 303px;
	margin-right: -10px;
	margin-left: -10px;
	padding: 7px;
	line-height: 1.5em;
	background-image: linear-gradient(to right, yellow , #0fff0f);
	border-radius: 0px 0px 10px 10px;
}
.tabligh4 a {
	color: #000;
}
.tabligh4 a:hover {
	color: orange;
}
/*باکس خاکستری فوتر*/
.footer-bg_zar {
	background: radial-gradient(circle at 0%, #ededed, 30%, #fff 20%);
}
/*ahover_color_zar_title*/
.ahover_color_zar_title {
	font-family: yekan;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-align: right;
	padding-right: 3px;
}
/*ahover_color_zar2*/
.ahover_color_zar2 {
	text-align: right;
}
.ahover_color_zar2 a {
	padding-left: 8px;
	color: #333;
}
.ahover_color_size2 a:hover {
	color: orange;
}
/* لینک و رنگ استاندارد*/
.ahover_color_zar3 {
	font-family: yekan;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.ahover_color_zar3 a {
	color: #2438ff;
}
.ahover_color_zar3 a:hover {
	color: orange;
}
/*برای لینک ارجاع به سند در بکگراند پشت عکس*/
.ahover_color_zar4 a {
	color: #fff;
	background-color: #96036f;
	padding-right: 8px;
	padding-left: 8px;
}
.ahover_color_zar4 a:hover {
	color: red;
}
.ahover_color_zar4 {
	font-family: yekan;
	float: right;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
	/*background-color: orange;*/
}
/*بکگراند رنگ*/
.footer-bg_zar_box {
	background-image: linear-gradient(#e6e6e6 , #fff);
}
.bg_zar_box2 {
	background-image: linear-gradient(#fff , #e6e6e6);		

	/*background: linear-gradient(to right bottom, #f2f2f2, #fff );
	box-shadow: inset 10px 0px 10px 0px rgba(0,0,0,0.3);*/
}
/*عکس مقامات لب گرد*/
.img_gu_day_zar_maghamat {
	width: 30%;
	border: 1px solid #CCCCCC;
	padding: 4px;
	border-radius: 20px 20px 20px 20px;
}
/*عکس در قاب دایره*/
.img_gu_day_zar {
	float: center;
	width: 70%;
	margin-bottom: 10px;
	margin-top: 10px;	
	border: 2px solid #CCCCCC;
	padding: 4px;
	border-radius: 400px 400px 400px 400px;
}
/*عکس در قاب دایره میهمان فرهیخت*/
.img_gu_day_zar1 {
	float: center;
	max-width: 55%;
	padding-bottom: 5px;
	margin-top: 10px;	
	border: 2px solid #CCCCCC;
	padding: 4px;
	border-radius: 400px 400px 400px 400px;
}
/*عکس در قاب دایره میهمان فرهیخت*/
.img_gu_day_zar3 {
	float: center;
	max-width: 70%;
	padding-bottom: 5px;
	margin-top: 10px;	
	border: 2px solid #CCCCCC;
	padding: 4px;
	border-radius: 400px 400px 400px 400px;
}
/*بکگراند لب گرد انیمشن شمارش معکوس*/
.img_gu_day_zar2 {
	max-width: 265px;
	height: 90px;
	background-position: top left;
	background-color: #000;
	position: relative;
	border: 2px solid transparent;
	border-radius: 20px 20px 20px 20px;
	background-clip: padding-box;
	padding: 10px;
	box-shadow: 0 3px 9px #a8a8a8, inset 0 0 9px white;
}
/* باکس لب گرد*/
.box_ger_zar {
	border: 4px solid transparent;
	border-radius: 15px 15px 15px 15px;
	padding: 10px;
	box-shadow: 0 3px 9px #a8a8a8, inset 0 0 9px white;
}
/* باکس لب گرد*/
.box_ger_zar_buket {
	border: 4px solid transparent;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 3px 9px #e3e3e3, inset 0 0 9px white;
}
/*آرم امام رضا ع در فوتر*/
.FooterAstanLogo {
	background: url(https://news.razavi.ir/modules/custom/aqr_basic/lib/footer/images/footer-logo.png) no-repeat center;
	height: 150px;
}
/* عکس لب گرد*/
.pic_ger_zar {
	border: 4px solid transparent;
	border-radius: 25px 25px 25px 25px;
	padding: 5px;
	border: 1px solid #ccc;
}
/* عکس لب گرد*/
.pic_ger_negar_zar {
	border: 4px solid transparent;
	border-radius: 0px 25px 0px 25px;
	padding: 5px;
	border: 1px solid #ccc;
}
/* عکس لب گرد بزرگ*/
.pic_ger_negar_zar_big {
	border: 4px solid transparent;
	border-radius: 0px 35px 0px 35px;
	padding: 7px;
	border: 1px solid #ccc;
}
/* عکس لب گرد متوسط*/
.pic_ger_zar_med {
	border: 2px solid transparent;
	border-radius: 15px 0px 0px 15px;
	padding: 5px;
	border: 1px solid #ccc;
}
/* بعد از حذف فتوآلبوم بزرگ اول سایت/
/*باکس های آبی هدر */
.header-bg_zar2 {
	background: repeating-linear-gradient(45deg, #005203, #016b02 20px);
	box-shadow: inset 0px 100px 100px 20px rgba(0,0,0,0.4);
	border-bottom: 4px solid orange;
	max-width: 100%;
	min-height: 150px;
}
/*باکس های آبی هدر 
.header-bg_zar2 {
	background: repeating-linear-gradient(45deg, #00198f, #012ea7 20px, #0202bb 12px, #0101d5 20px);
	box-shadow: inset 0px 100px 100px 20px rgba(0,0,0,0.4);
	border-bottom: 4px solid orange;
	max-width: 100%;
	min-height: 150px;
}*/
/* مربع دایره های رنگی*/
.lozi_color_left {
	position: absolute;
	top: 30px;
	left: 25px;
	width: 280px;
	height: 45px;
	border-radius: 20px;
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(49,207,171,0.5)), to(#053c01));
	background-image: linear-gradient( -90deg , rgba(49,207,171,0.5) 0%, #00b324 100%);/*00109e*/;
	mix-blend-mode: multiply;
}
.lozi_color_right {
	position: absolute;
	top: 0px;
	right: 20px;
	width: 130px;
	height: 130px;
	border-radius: 20px;
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(49,207,171,0.5)), to(#021901));
	background-image: linear-gradient( -90deg , rgba(49,207,171,0.5) 0%, #01320b 40%);/*00109e*/;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.dayereh_color {
	position: absolute;
	top: -10px;
	right: 190px;
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 100px;
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(49,207,171,0.5)), to(#053c01));
	background-image: linear-gradient( -90deg , rgba(49,207,171,0.5) 0%, #00b324 100%);/*00109e*/;
	mix-blend-mode: multiply;
}
/*---------------- آغاز کدهای اسلایدر نقاش آثار------------*/
.header_negash {
	position: absolute;
	z-index: 999;
	width: 96%;/*97.5 zar*/
	top: 10px;
	right: 5px;
	color: #000;
}
/*- برای کمرنگ کردن عکس تبلت و موبایل فوتر-*/
.img_alpha_zar {
	opacity: 0.3;
}
/* move-hands اولین اسلایدر کارزار*/
@keyframes animatedHands {
    100% {
        background-position: 0 0
    }

    0% {
        background-position: -1350px 0px;
    }
}

.move-hands {
	width: 100%;
	height: 600px; /* عکس متحرک*/;
	background: url('https://bayanbox.ir/view/8357915243635030653/Bani-adam-parcham-keshvarha-1570x194-farhikhtt-ir.png') repeat-x fixed;
	background-position: 0 323px;/* بلامصرف*/
	border-radius: 0px;
	display: block;
	position: absolute;
	-webkit-transition: 1000ms all ease;
	-o-transition: 1000ms all ease;
	transition: 1000ms all ease;
	animation: animatedHands 80s linear infinite;
	-moz-animation: animatedHands 80s linear infinite;
	-webkit-animation: animatedHands 80s linear infinite;
	-ms-animation: animatedHands 80s linear infinite;
	-o-animation: animatedHands 80s linear infinite;
	-webkit-transition: 1000ms all ease;
	-o-transition: 1000ms all ease;
	transition: 1000ms all ease;
}

/******* - اسلاید ذوم کارزار ********/

@keyframes animatedHands2 {
    100% {
        background-position: 0 0px;
    }
    0% {
        background-position: -1360px 0px;
    }
}
@-moz-keyframes animatedHands2 {
    100% {
        background-position: 0 0px;
    }
    0% {
        background-position: -1360px 0px;
    }
}
@-webkit-keyframes animatedHands2 {
    100% {
        background-position: 0 0px;
    }
    0% {
        background-position: -1360px 0px;
    }
}
@-ms-keyframes animatedHands2 {
    100% {
        background-position: 0 0px;
    }
    0% {
        background-position: -1360px 0px;
    }
}
@-o-keyframes animatedHands2 {
    100% {
        background-position: 0 0px;
    }
    0% {
        background-position: -1360px 0px;
    }
}

.move-hands2 {
	width: 100%;
	height: 600px; /* عکس متحرک*/;
	background: url('https://bayanbox.ir/view/8357915243635030653/Bani-adam-parcham-keshvarha-1570x194-farhikhtt-ir.png') repeat-x fixed;
	background-position: 0 323px;/* بلامصرف*/
	border-radius: 0px;
	display: block;
	position: absolute;
	-webkit-transition: 1000ms all ease;
	-o-transition: 1000ms all ease;
	transition: 1000ms all ease;
	animation: animatedHands2 50s linear infinite;
	-moz-animation: animatedHands2 50s linear infinite;
	-webkit-animation: animatedHands2 50s linear infinite;
	-ms-animation: animatedHands2 50s linear infinite;
	-o-animation: animatedHands2 50s linear infinite;
	-webkit-transition: 1000ms all ease;
	-o-transition: 1000ms all ease;
	transition: 1000ms all ease;
}

/* move-hands3 سومین اسلایدر کارزار*/
@keyframes animatedHands3 {
    100% {
        background-position: 0 0
    }

    0% {
        background-position: -1600px 0px;
    }
}

.move-hands {
	width: 100%;
	height: 600px; /* عکس متحرک*/;
	background: url('https://bayanbox.ir/view/8357915243635030653/Bani-adam-parcham-keshvarha-1570x194-farhikhtt-ir.png') repeat-x fixed;
	background-position: 0 323px;/* بلامصرف*/
	border-radius: 0px;
	display: block;
	position: absolute;
	-webkit-transition: 1000ms all ease;
	-o-transition: 1000ms all ease;
	transition: 1000ms all ease;
	animation: animatedHands3 80s linear infinite;
	-moz-animation: animatedHands3 80s linear infinite;
	-webkit-animation: animatedHands3 80s linear infinite;
	-ms-animation: animatedHands3 80s linear infinite;
	-o-animation: animatedHands3 80s linear infinite;
	-webkit-transition: 1000ms all ease;
	-o-transition: 1000ms all ease;
	transition: 1000ms all ease;
}

/*  ادامه ی کدها */
.text-info {
	font-size: 10pt;
}
.newintroholder {
	width: 100%;
	height: 600px;/* عکس ثابت کف کارزار*/;
	background: url('') repeat-x fixed;
	border-radius: 0px;
	display: block;
	position: relative;
	overflow: hidden;
}
.newintro {
	width: 100%;
	height: 600px;
	display: block;
	position: absolute;
}
.introcircle {
	border-radius: 50%;
	position: absolute;
	z-index: 0;
	filter: blur(5px);
	-webkit-transition: 1000ms all ease;
	-o-transition: 1000ms all ease;
	transition: 1000ms all ease;
	padding-top: 13px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 1.2em;
	color: #333;
	font-size: 9pt;
}
.newintroholder:hover .introcircle {
	filter: blur(0px);
}
.newintroholder:hover .move-hands {
	filter: blur(3px);
}

.intro-stat {
	display: block;
	width: 93%;
	height: 600px;
	
	/*border: 1px solid;
	border-color: #a0e8fe;*/
	border-radius: 50%;
	margin: 0px auto 0;
	padding-top: 15px;
}
.newintro h1 {
	font-size: 15pt;
	font-weight: bold;
	padding-bottom: 6px;
	margin-top: 3px;
	line-height: 1.2em;
	text-shadow: 2px 2px 2px black, 0 0 4px black, 0 0 2px darkblue;
	color: #7DFF00;
}
.newintro h2 {
	font-size: 11pt;
	font-weight: bold;
	padding: 12px;
	margin-top: -17px;
	margin-bottom: -5px;
	line-height: 1.8em;
	text-shadow: 2px 2px 2px black, 0 0 2px black, 0 0 1px darkblue;
	color: #FFF;
}
.newintro h3 {
	font-family: sahel;
	font-size: 12pt;
	padding: 20px;
	margin-top: -20px;
	line-height: 1.5em;
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 2px black, 0 0 2px black, 0 0 1px darkblue;
}
.newintro h4 {
	color: white;
	font-size: 12pt;
	font-weight: normal;
	padding: 10;
	margin-top: -18px;
	line-height: 1.5em;
	text-shadow: 2px 2px 2px black, 0 0 4px black, 0 0 2px darkblue;
}
.introcta {
	width: 100%;
}
.introcta {
	display: block;
	float: left;
	width: 158px;
	background-color: #25a69b;
	border-radius: 5px;
	color: white;
	text-align: center;
	padding: 10px;
	margin-right: 30px;
	margin-top: 30px;
}
.introcta .cta-about {
	display: block;
	float: left;
	width: 157px;
	background-color: #d8d8d8;
	border-radius: 5px;
	color: #555;
	text-align: center;
	padding: 10px;
	margin-top: 30px;
}
.intro-certs img {
	border: 0;
	margin-top: 30px;
	height: 50px;
	margin-left: 20px;
	filter: grayscale();
	-webkit-transition: 1000ms all ease;
	-o-transition: 1000ms all ease;
	transition: 1000ms all ease;
}
.intro-certs:hover img {
	filter: unset;
}
.intro-certs img:hover {
	height: 60px;
	margin-top: 20px;
}
/*  اضافات زر*/
/*bayan blog search */
.search-box_zar {
	background: transparent;
	height: 20px;
	margin: 10px 5px;
}
.search-box_zar input {
	border: 0;
	outline: 0;
	height: 20px;
	padding: 0;
	display: block;
	background: transparent;
	font-size: 14px;
	color: #333; /* برای رنگ نمایش تکست جستجو*/
}
.search-box_zar input.text {
	background: transparent;
	width: 20%;
	float: right;
}
.search-box_zar .submit {
	border-radius: 2px 0 0 2px;
	width: 35px;
	float: left;
	background: #333 url('http://ssup.ir/protemp/seri7/bb_bristolpress/image/search.png');/*http://ssup.ir/protemp/seri7/bb_bristolpress/image/search.png روشن*/
}
.search-box_zar .search-wrapper {
	margin: 0 5px 0 40px;
}
.search-box_zar.dark {
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: rgba(0, 0, 0, 0.5);
}
.search-box_zar.dark input.text {
	color: #fff;
}
.search-box_zar.dark .submit {
	background-color: rgba(0, 0, 0, 0.5);
	background-color: #111\9;
}
.search-box_zar.dark .submit:hover, .search-box_zar.dark .submit:focus {
	background-color: rgba(0, 0, 0, 0.7);
	background-color: #000\9;
}
.search-box_zar.black {
	background: rgba(70,70,70,0.3);
	background: #333\9;
}
.search-box_zar.light {
	background: rgba(255,255,255,.7);
	background: #f3f3f3\9;
}
/*  button دکمه رنگی */
.button_zar {
	background-color: orange;
	color: #333;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	text-align: center;
	transition: 0.4s;
	border-radius: 10px;
}
/**/
.box_zar {
	font-size: 14px;
	color: #333;
	line-height: 1.8em;
	text-align: justify;
}
.box_zar a {
	color: #21679D;
	text-decoration: none;
}
.box_zar a:hover {
	color: #333;
	transition: all ease 0.3s;
	text-decoration: none;
}
/**/
.box_zar_left {
	font-size: 12px;
	line-height: 1.6em;
	/*text-align: left;  !important;
	direction: rtl;	*/
}
.box_zar_left a {
	color: #21679D;
	text-decoration: none;
}
.box_zar_left a:hover {
	color: orange;
	text-decoration: none;
}
/* برای بوکت*/
.box_zar_buket {
	font-size: 0.9rem;
	line-height: 1.8em;
	padding-top: 10px;
}
.box_zar_buket a {
	color: #333;
	text-decoration: none;
}
.box_zar_buket a:hover {
	color: #21679D;
	transition: all ease 0.3s;
	text-decoration: none;
}
/**/
.titre4_zar {
	font-weight: bold;
	line-height: 1.6em;
	margin-left: -8px;
	margin-right: -8px;
}
.titre4_zar a {
	color: #333;
	text-decoration: none;
}
.titre4_zar a:hover {
	color: orange;
	text-decoration: none;
}
/**/
.titre5_zar {
	font-family: sahel;
	line-height: 1.6em;
	text-align: justify;
	color: #333;
}
.titre5_zar a {
	font-size: 14px;
	color: #333;
}
.titre5_zar a:hover {
	color: orange;
	text-decoration: none;
}
/**/
.date_zar {
	font-size: 14px;
	font-family: sahel;
}
.date_zar a {
	color: #333;
	text-decoration: none;
}
.date_zar a:hover {
	color: orange;
	text-decoration: none;
}
/**/
blockquote {
	background: #efefef;
	border-right: 10px solid orange;
	border-radius: 10px;
	margin: 1.5em 10px;
	padding: 1em 10px;
	quotes: "❞" "❝" "❞" "❞";
	font-style: normal;
	text-align: justify;
}
blockquote:before {
	color: #cccccc;
	font-size: 3.0rem;
	line-height: 0.6;
}
blockquote:before {
	content: open-quote;
	vertical-align: top;
}
/* کد نقل بلاگ برای پیام پس از ارسال نظر*/
.item_success::after {
	content: 'ضمناً از این که با ارسال نظرات خود، خادمان رویکرد بین المللی شهر رضوی را یاری می فرمایید، پیشاپیش سپاسگزاریم';
	color: #333;
	display: block; /*چون می خوایم بیفته توی خط بعد، این کد رو قرار دادیم. اگه می خواید در ادامه متن اصلی باشه این قسمت رو حذف کنید*/;
	padding-top: 10px;
}
/* کد متن توضیح زیر عکس*/
.figcaption_zar {
	text-align: right;
	font-size: 14px;
	color: gray;
	line-height: 1.3em;
	padding-top: 7px;
	padding-right: 40px;
	padding-bottom: 30px;
}
.figcaption_zar:before {
    content: "\f14a";
    font-family: webfont-s;	
    color: #fff;
    font-size: 14px;
    padding: 4px 6px;
    background-color: #fbd606e0;
    float: right;
    margin-right: -30px;
}

/*برای تیتر اخبار تقویم فرهیخت*/
.titre6_zar {
	line-height: 1.6em;
}
.titre6_zar li {
	padding-right: 0px;
}
.titre6_zar a {
	font-size: 14px;
	color: #333;
	text-decoration: none;
}
.titre6_zar a:hover {
	color: orange;
	text-decoration: none;
}
/* برای عکس تقویم فرهیخت*/
.img_gu_day_zar_taghvim {
	width: 30%;
	border: 0px solid #CCCCCC;
	padding: 4px;
	border-radius: 20px 20px 20px 20px;
}
/*تقویم فرهیخت*/
.stats_zar_tagh {
	font-family: "Arial black";
}
.stats_zar_tagh a {
	color: #333;
}
.stats_zar_tagh a:hover {
	color: #858585;
}
.stats_zar_tagh li:before {
	position: absolute;
	content: '\f073';
	font-family: webfont-s;
	font-size: 16px;
	padding: 6px 6px;
	margin-right: -70px;
	color: #fff;
	background: #ec0000;
}
.stats_zar_tagh li {
	border-bottom: 1px dashed #ccc;
	padding: 5px;
	color: #aeaead;
	font-size: 18px;
	font-weight: bold;
}
.stats_zar_tagh li:hover {
	background-color: #f9f9f9;
}
.stats_zar_tagh li span {
	display: inline-block;
	padding: 1px 1px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.8em;
	float: right;
	background-color: #fff;
}
.stats_zar_tagh li:after {
	display: table;
	content: ' ';
	clear: both;
}
/**/
/*موانع فرهیخت*/
.stats_zar_mava {
	font-family: "Arial black";
}
.stats_zar_mava a {
	line-height: 1.8em;
}
.stats_zar_mava a:hover {
	color: #858585;
}
.stats_zar_mava li {
	border-bottom: 1px dashed #ccc;
	padding: 5px;
	color: #fff;
}
.stats_zar_mava li:hover {
	background-color: #f9f9f9;
}
.stats_zar_mava li:before {
	position: absolute;
	content: '\f128';
	font-family: webfont-s;
	font-size: 34px;
	padding: 10px 10px;
	margin-right: -40px;
	color: orange;
}
/*عکس در قاب دایره موانع*/
.img_gu_day_zar_mava {
	float: center;
	width: 100%;
	margin-bottom: 0px;
	border: 2px solid #CCCCCC;
	padding: 4px;
	border-radius: 400px 400px 400px 400px;
}
/*اضافات برای نگارخانه و کارگاه فرهیخت از قالب تک ستونی موقتی*/
/*اضافات زر قالب بوکس مارک حرکت خودکار پست ها با فلش راست و چپ*/
.popular-post-slideshow {
	margin-bottom: 10px;
}
.pps-title {
	margin-bottom: 30px;
	text-align: right;
	position: relative;
}
.pps-title h3 {
	font-size: 1.1rem;
	color: #fff;
}
.pps-title h3 span {
	display: inline-block;
	padding: 5px 15px;
	background-color: #24a57f;
	border-left: 20px solid #fff;
}
.pps-title h3:after {
	display: block;
	content: "";
	height: 2px;
	background-color: #24a57f;
	margin-top: -20px;
}
.pps-body {
	padding-bottom: 30px;
}
.pps-item {
}
.pps-item img {
	margin-bottom: 10px;
}
.pps-item h2 {
	font-size: 1rem;
}
.pps-item a {
	color: #333;
}
.pps-item a:hover {
	color: #000;
}
/*نوار عکس متحرک تبلیغ - کارزار دوم*/
@keyframes animatedBackground {
    100% {
        background-position: 0 0px;
    }
    0% {
        background-position: -1350px 0px;
    }
}
@-moz-keyframes animatedBackground {
    100% {
        background-position: 0 0px;
    }
    0% {
        background-position: -1350px 0px;
    }
}
@-webkit-keyframes animatedBackground {
    100% {
        background-position: 0 0px;
    }
    0% {
        background-position: -1350px 0px;
    }
}
@-ms-keyframes animatedBackground {
    100% {
        background-position: 0 0px;
    }
    0% {
        background-position: -1600px 0px;
    }
}
@-o-keyframes animatedBackground {
    100% {
        background-position: 0 0px;
    }
    0% {
        background-position: -900px 0px;
    }
}
.mediabar {
	background: url(https://rozup.ir/view/3906106/Haram-mashhad_900x600.jpg) repeat-x;
	
/*https://bayanbox.ir/view/5210059232992043928/Mara-Gera-ferdowsi-aramgah-mashhad-1350x670-new2.jpg
	https://bayanbox.ir/view/5381312289759938100/Mara-Gera-ferdowsi-aramgah-mashhad-1350x670.jpg
https://rozup.ir/view/3920526/Dorough_eskaan_zaer_mashhad_1600x600.jpg
	https://rozup.ir/view/3906106/Haram-mashhad_900x600.jpg
	https://bayanbox.ir/view/6377639791730898457/Shamdani-haram-khodam-mashhad-1701x600.jpg
	https://bayanbox.ir/view/5196457475092601095/Vela-emam-reza-as-1350x600.jpg
	https://s9.picofile.com/file/8337232784/01_Moharram_1900x960.jpg
	https://s8.picofile.com/file/8339807984/01_4_diplomasi_1600x880.jpg
	//bayanbox.ir/view/690846588152544851/Mara-ferdowsi-mashhad-1350x680.jpg
	مانع اسکرول شدن متن میشه
	height: 600px;
وجودش با اینکه باعث اسکرول میشه و خوبه ولی تیک میزنه	
	
*/
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	padding-right: 0px;
	padding-left: 0px;
}
.followbox, .mediabar {
	width: 100%;
}
.move-to-right {
	-webkit-animation: animatedBackground 80s linear infinite;
	animation: animatedBackground 80s linear infinite;
}
/***** این درسته ولی برای پشت عکس تیک می زنه هرچند برای نوار عکسی عالیه******/


@-webkit-keyframes animatedBackground {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -1600px 0
    }
}
/*****/

/* بکگراند پشت عکس ثابت با تکست متحرک از قالب بوکت باکس */
.blog-last-news-cbg {
	padding-top: 70px;
	padding-bottom: 40px;
	box-shadow: inset 0px 0px 30px 30px rgba(0,0,0,0.3);
}
/*کتیبه حسینی -  کارزار*/
@-webkit-keyframes animatedBackgroundZar {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 2560px 0
    }
}
/* اگه fixed باشه میره تو بکگراند پشت عکس*/
.mediabarZar {
	width: 100%;
	height: 70px; /* عکس متحرک کتیبه حسینی*/;
	background: url('https://kashoob.com/static/images/d198688000a7f93d4fee.webp') repeat-x;
	/*https://www.aparat.com/public/public/images/etc/category/501_pattern.jpg*/
	background-attachment: inherit;
	margin-top: -25px;
}
.move-to-rightZar {
	-webkit-animation: animatedBackgroundZar 80s linear infinite;
	animation: animatedBackgroundZar 80s linear infinite;
}
/* پخش زنده تکیه فرهیخت */
.iframe_zar {
	border: 4px solid transparent;
	border-radius: 25px 25px 25px 25px;
	padding: 5px;
	border: 1px solid #ccc;
	width: 90%;
	height: 215px;
	margin-bottom: 15px;
}
/*فاصله هر باکس با پایین*/
.botto_20 {
	margin-bottom: 20px;
	padding-bottom: 20px;
}
/*تیک یا نوشته چشمک زن*/
.blinking_zar {
	font-weight: bold;
	font-family: yekan;
	font-size: 14px;
	text-align: center;
	margin-bottom: -5px;
	animation: blinkingText 3s infinite; /* زمان خودش 0.8*/
}
@keyframes blinkingText{
    0%{     color: red;    }
    50%{    color: transparent; }
    100%{   color: red;    }
}
/**/
.editorial-body_zar {
	padding-bottom: 15px;
}
.editorial-item_zar {
	margin-bottom: 0px;
	text-align: justify;
	overflow: hidden;
	padding-right: 7px;
	padding-left: 7px;
}
.editorial-item_zar:after {
	display: table;
	content: "";
	clear: both;
}
.editorial-item_zar img {
	float: right;
	margin: 10px 0px 0px 10px;
	width: 30%;
	height: auto;
}
.editorial-item_zar h2 {
	font-size: 0.9rem;
	font-family: sahel;
	color: #6C6C6C;
	margin-top: -3px;
	padding: 5px;
	margin-bottom: 0px;
}
.editorial-item_zar h2 a {
	color: #333;
}
.editorial-item_zar h2 a:hover {
	color: #1badc3;
}
.editorial-item_zar span {
	font-size: 0.8rem;
	color: #999;
}
.editorial-item_zar span:before {
	font-family: webfont-r;
	font-size: 1rem;
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	content: ;/*'\f017'*/
}
/**/
.editorial-item_zar2 {
	margin-bottom: -5px;
	text-align: justify;
	overflow: hidden;
	padding-right: 13px;
	padding-left: 13px;
}
.editorial-item_zar2:after {
	display: table;
	content: "";
	clear: both;
}
.editorial-item_zar2 h2 {
	font-size: 0.9rem;
	font-family: sahel;
	color: #6C6C6C;
	margin-top: -3px;
	padding: 5px;
}
.editorial-item_zar2 h2 a {
	color: #333;
}
.editorial-item_zar2 h2 a:hover {
	color: #1badc3;
}
.editorial-item_zar2 span {
	font-size: 0.8rem;
	color: #999;
}
.editorial-item_zar2 span:before {
	font-family: webfont-r;
	font-size: 1rem;
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	content: ;/*'\f017'*/
}
/* تا اینجا کدهای لازم تک ستونی و دو ستونی اوکی هست*/
/* شروع کدهای آسمان*/
.navzarbar {
	align-items: stretch;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-align: stretch;
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.navzarbar .navzarbar-section {
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	-ms-flex: 1 0 0;
	flex: 1 0 0;
	-ms-flex-align: center;
}
.navzarbar .navzarbar-section:not(:first-child):last-child {
  -ms-flex-pack: end;
  justify-content: flex-end;	
}
.navzarbar .navzarbar-center {
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-ms-flex-align: center;
}
.navzarbar .navzarbar-brand {
	font-size: 0.9rem;
	text-decoration: none;
}
/* آسمانم*/
navzar {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
	background: #7435aa;
}
.navzar-item {
	padding: 10px 5px; /* فاصله بین منوها - 30 فاصله راست و چپ*/
}
.navzar-item:hover {
	text-decoration: none;
}
.navzarbar-right .navzar-item {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
/* آسمانم*/
html.pushbar_locked {
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
}
.pushbar_locked .pushbar_main_content.pushbar_blur {
	filter: blur(15px);
}
.pushbar_overlay {
	z-index: -999;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	will-change: opacity;
	transition: opacity 0.5s ease;
	opacity: 0;
	background: #3c3442;
}
html.pushbar_locked .pushbar_overlay {
	opacity: 0.8;
	z-index: 999;
}
[mimr-pushbar-id] {
	z-index: 1000;
	position: fixed;
	overflow-y: auto;
	will-change: transform;
	transition: transform 0.5s ease;
	background: #fff;
}
[mimr-pushbar-direction=left][mimr-pushbar-id], [mimr-pushbar-direction=right][mimr-pushbar-id] {
	top: 0; /*width: 75%;
  max-width: 70%;/*100 بود برای تو دستکتاپ*/;
	height: 100%;
}
[mimr-pushbar-direction=bottom][mimr-pushbar-id], [mimr-pushbar-direction=top][mimr-pushbar-id] {
	left: 0;
	width: 100%;
	min-height: 150px;
}
[mimr-pushbar-direction=left][mimr-pushbar-id] {
	left: 0;
	transform: translateZ(0) translateX(-100%);
}
[mimr-pushbar-direction=right][mimr-pushbar-id] {
	right: 0;
	transform: translateZ(0) translateX(100%);
}
[mimr-pushbar-direction=top][mimr-pushbar-id] {
	top: 0;
	transform: translateZ(0) translateY(-100%);
}
[mimr-pushbar-direction=bottom][mimr-pushbar-id] {
	bottom: 0;
	transform: translateZ(0) translateY(100%);
}
[mimr-pushbar-id].opened {
	display: block;
	transform: translateX(0) translateY(0);
}
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
	-webkit-animation-name: hvr-push;
	animation-name: hvr-push;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
/*  پایان کدهای لازم آسمانم*/
.header_zar {
	/*float: right;*/
	height: 30px;
	padding-top: 10px;
}
.logo_zar {
	padding-right: 10px;
	width: 30px;
}
.title_zar {
	font-size: 12px;
}
.navar_khabari {
	width: 100%;
	line-height: 1.6em;
	text-align: center;
	font-size: 14px;
	padding-bottom: 20px;
	padding-right: -8px;
	padding-left: -8px;
}
/*بکگراند بوکت*/
.bg_bouket_zar {
	Border-radius: 15px;
	height: 50%;
	width: 100%;
	background-image: linear-gradient(to top, transparent , #faedcc);
}
/* برای بوکت بالا*/
.zar_bou {
	padding: 0px;
	margin-right: 5px;
}
/**/
/* منوهای بالا*/
.tik_menu_top a:before {
	content: "❋ ";
	font-size: 14px;
	color: orange;
	right: 0;
	position: relative;
	transition: right 0.3s;
	padding-left: 2px;
	margin-right: -20px;
}
.tik_menu_top li {
	list-style-type: none;
}
.tik_menu_top a {
	text-decoration: none;
}
.tik_menu_top a:hover {
	text-decoration: none;
}
/*خط بین سطر منوهای بالا*/
.stats_menu_top {
	line-height: 1.5em;
	margin-right: -20px;
}
.stats_menu_top li:before {
	content: ' ';
	color: #175d87;
}
.stats_menu_top li {
	border-bottom: 1px dashed #ccc;
	padding: 0px;
}
.stats_menu_top li:hover {
	background-color: #f9f9f9;
}
.stats_menu_top li span {
	display: inline-block;
	padding: 1px 1px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.8em;
	float: right;
	background-color: #fff;
}
.stats_menu_top li:after {
	display: table;
	content: '';
	clear: both;
}
/* کدهای لوتوس مگ*/
.cat-block {
	text-align: right;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.cat-body {
}
.cat-list {
}
.cat-list div.cat-list-item:first-child {
	display: none;
}
.cat-list-item {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #eee;
}
.cat-list-item span {
	color: #333;
	font-size: 0.8rem;
}
.cat-list-item span:before {
	font-family: webfont-r;
	font-size: 0.8rem;
	margin-left: 3px;
	vertical-align: middle;
	display: inline-block;
	content: '\f017';
}
.cat-list-item img {
	float: right;
	width: 30%;
	height: auto;
	margin: 0px 0px 5px 10px;
}
.cat-list-item h2 {
	font-size: 0.9rem;
}
.cat-list-item a {
	color: #333;
}
.cat-list-item a:hover {
	color: #000;
}
.cat-list-item:after {
	display: table;
	clear: both;
	content: "";
}
/* سوتیتر وسط متن*/

.soutitr_parent {
    padding: 15px 8px !important;
    background: #f9f9f9;
    border: 1px solid #ececec;
    border-radius: 20px;
    float: none;
    margin: 10px auto;
    display: block;
}
.docDivsoutitr3 {
    background: url(https://rozup.ir/view/3868535/eslimi_40x65.png) right center no-repeat;
    padding-right: 40px;
}
.docDivsoutitr2 {
    background: url(https://rozup.ir/view/3868535/eslimi_40x65.png) left center no-repeat;
    padding-left: 40px !important;
}
aside.docDivsoutitr1 {
    font-size: 15px;
    font-weight: bold;
    color: #0575cd;
    text-align: justify;
}
/* باکس متن خبرگزاری رضوی*/
#doczar {
    background: #f9f9f9;
    color: #0575cd;
    padding: 15px;
    text-align: right ;
    /*line-height: 28px;*/
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0px 5px;
    border: 1px solid #ececec;
    border-radius: 10px;
}
/* باکس متن کوچکتر و تو پرانتز*/
#doczar_smal {
    font-style: italic;	
    padding: 10px;
    text-align: justify;
    font-size: 14px;
    margin: 10px 40px 5px 40px;
    border: 1px solid #ececec;
    border-radius: 10px;
}
/* تقویم فرهیخت*/
.taghvim_f {
    	padding-right: 40px;
}
/* شروع استایل های اسلایدشو تیک تاک وب*/

.fnc {
  /* you can add color names and their values here
  and then simply add classes like .m--blend-$colorName to .fnc-slide 
  to apply specific color for mask blend mode */
}
.fnc-slider {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  height: 100vh;
}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
  box-sizing: border-box;
}
.fnc-slider__slides {
  position: relative;
  height: 100%;
  -webkit-transition: -webkit-transform 1s 0.66667s;
  transition: -webkit-transform 1s 0.66667s;
  transition: transform 1s 0.66667s;
  transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
}
.fnc-slider .m--blend-dark .fnc-slide__inner {
  background-color: #8a8a8a;
}
.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
  background-color: #575757;
}
.fnc-slider .m--navbg-dark {
  background-color: #575757;
}
.fnc-slider .m--blend-green .fnc-slide__inner {
  background-color: #000;
}
.fnc-slider .m--blend-green .fnc-slide__mask-inner {
  background-color: #42605E;
}
.fnc-slider .m--navbg-green {
  background-color: #42605E;
}
.fnc-slider .m--blend-red .fnc-slide__inner {
  background-color: #ea2329;
}
.fnc-slider .m--blend-red .fnc-slide__mask-inner {
  background-color: #990e13;
}
.fnc-slider .m--navbg-red {
  background-color: #990e13;
}
.fnc-slider .m--blend-blue .fnc-slide__inner {
  background-color: #59aecb;
}
.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
  background-color: #2D7791;
}
.fnc-slider .m--navbg-blue {
  background-color: #2D7791;
}
.fnc-slide {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide.m--before-sliding {
  z-index: 2 !important;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.fnc-slide.m--active-slide {
  z-index: 1;
  -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__inner {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center top;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
  background-blend-mode: luminosity;
}
.m--before-sliding .fnc-slide__inner {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.m--active-slide .fnc-slide__inner {
  -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__mask {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  right: 60%;
  top: 15%;
  width: 50.25vh;
  height: 67vh;
  margin-right: -90px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask {
  -webkit-transform: rotate(-10deg) translate3d(200px, 0, 0);
          transform: rotate(-10deg) translate3d(200px, 0, 0);
  opacity: 0;
}
.m--active-slide .fnc-slide__mask {
  -webkit-transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s;
  transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.m--previous-slide .fnc-slide__mask {
  -webkit-transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s;
  transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  -webkit-transform: rotate(10deg) translate3d(-200px, 0, 0);
          transform: rotate(10deg) translate3d(-200px, 0, 0);
  opacity: 0;
}
.fnc-slide__mask-inner {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  margin-left: -50vw;
  margin-top: -50vh;
  background-size: cover;
  background-position: center center;
  background-blend-mode: luminosity;
  -webkit-transform-origin: 50% 16.5vh;
          transform-origin: 50% 16.5vh;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask-inner {
  -webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
          transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}
.m--active-slide .fnc-slide__mask-inner {
  -webkit-transition: -webkit-transform 0.7s 1.22222s;
  transition: -webkit-transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s, -webkit-transform 0.7s 1.22222s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.m--previous-slide .fnc-slide__mask-inner {
  -webkit-transition: -webkit-transform 0.7s 0.33333s;
  transition: -webkit-transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s, -webkit-transform 0.7s 0.33333s;
  -webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
          transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}
.fnc-slide__content {
  z-index: 2;
  position: absolute;
  left: 40%;
  top: 40%;
}
.fnc-slide__heading {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.fnc-slide__heading-line {
  overflow: hidden;
  position: relative;
  padding-right: 20px;
  font-size: 100px;
  color: #fff;
  word-spacing: 10px;
}
.fnc-slide__heading-line:nth-child(2) {
  padding-left: 30px;
}
.m--before-sliding .fnc-slide__heading-line {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.m--active-slide .fnc-slide__heading-line {
  -webkit-transition: -webkit-transform 1.5s 1s;
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line {
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.fnc-slide__heading-line span {
  display: block;
}
.m--before-sliding .fnc-slide__heading-line span {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.m--active-slide .fnc-slide__heading-line span {
  -webkit-transition: -webkit-transform 1.5s 1s;
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line span {
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.fnc-slide__action-btn {
  position: relative;
  margin-left: 200px;
  padding: 5px 15px;
  font-size: 20px;
  line-height: 1;
  color: transparent;
  border: none;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  text-align: center;
  outline: none;
}
.fnc-slide__action-btn span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  line-height: 30px;
  color: #fff;
}
.fnc-slide__action-btn span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-top: none;
  border-bottom: none;
}
.fnc-slide__action-btn span:after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 30px;
  background: #1F2833;
  opacity: 0;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: translateY(100%) rotateX(-90deg);
          transform: translateY(100%) rotateX(-90deg);
  -webkit-transition: opacity 0.15s 0.15s;
  transition: opacity 0.15s 0.15s;
}
.fnc-slide__action-btn:hover span {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.fnc-slide__action-btn:hover span:after {
  opacity: 1;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.fnc-nav {
  z-index: 5;
  position: absolute;
  right: 0;
  bottom: 0;
}
.fnc-nav__bgs {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg.m--nav-bg-before {
  z-index: 2 !important;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.fnc-nav__bg.m--active-nav-bg {
  z-index: 1;
  -webkit-transition: -webkit-transform 1s 0.66667s;
  transition: -webkit-transform 1s 0.66667s;
  transition: transform 1s 0.66667s;
  transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.fnc-nav__controls {
  font-size: 0;
}
.fnc-nav__control {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 30px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.fnc-nav__control.m--active-control {
  background: #1F2833;
}
.fnc-nav__control-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.m--prev-control .fnc-nav__control-progress {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s !important;
  transition: -webkit-transform 0.5s !important;
  transition: transform 0.5s !important;
  transition: transform 0.5s, -webkit-transform 0.5s !important;
}
.m--reset-progress .fnc-nav__control-progress {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0s 0s !important;
  transition: -webkit-transform 0s 0s !important;
  transition: transform 0s 0s !important;
  transition: transform 0s 0s, -webkit-transform 0s 0s !important;
}
.m--autosliding-blocked .fnc-nav__control-progress {
  -webkit-transition: all 0s 0s !important;
  transition: all 0s 0s !important;
  -webkit-transform: scaleX(0) !important;
          transform: scaleX(0) !important;
}

/* NOT PART OF COMMON SLIDER STYLES */
body {
  margin: 0;
}

.demo-cont {
  overflow: hidden;
  position: relative;
  height: 100vh;
  -webkit-perspective: 1500px;
          perspective: 1500px;
  background: #000;
}
.demo-cont__credits {
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  padding: 20px 10px 30px;
  background: #303030;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-45deg);
          transform: translate3d(100%, 0, 0) rotateY(-45deg);
  will-change: transform;
}
.credits-active .demo-cont__credits {
  -webkit-transition: -webkit-transform 0.7s 0.23333s;
  transition: -webkit-transform 0.7s 0.23333s;
  transition: transform 0.7s 0.23333s;
  transition: transform 0.7s 0.23333s, -webkit-transform 0.7s 0.23333s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.demo-cont__credits *, .demo-cont__credits *:before, .demo-cont__credits *:after {
  box-sizing: border-box;
}
.demo-cont__credits-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.demo-cont__credits-close:before, .demo-cont__credits-close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #fff;
}
.demo-cont__credits-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.demo-cont__credits-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.demo-cont__credits-heading {
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 20px;
}
.demo-cont__credits-img {
  display: block;
  width: 60%;
  margin: 0 auto 30px;
  border-radius: 10px;
}
.demo-cont__credits-name {
  margin-bottom: 20px;
  font-size: 30px;
}
.demo-cont__credits-link {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  color: #fff;
}
.demo-cont__credits-blend {
  font-size: 30px;
  margin-bottom: 10px;
}

.example-slider {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}
.credits-active .example-slider {
  -webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
          transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
}
.example-slider .fnc-slide-3 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}
.example-slider .fnc-slide-4 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.example-slider .fnc-slide__heading,
.example-slider .fnc-slide__action-btn,
.example-slider .fnc-nav__control {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/* COLORFUL SWITCH STYLES 
   ORIGINAL DEMO - https://codepen.io/suez/pen/WQjwOb */
.colorful-switch {
  position: relative;
  width: 180px;
  height: 77.14286px;
  margin: 0 auto;
  border-radius: 32.14286px;
  background: #cfcfcf;
}
.colorful-switch:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: -5px;
  top: -5px;
  width: 190px;
  height: 87.14286px;
  border-radius: 37.14286px;
  background: #314239;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.colorful-switch:hover:before {
  background: #4C735F;
}
.colorful-switch__checkbox {
  z-index: -10;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.colorful-switch__label {
  z-index: 1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32.14286px;
  cursor: pointer;
}
.colorful-switch__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 540px;
  height: 100%;
  background: -webkit-linear-gradient(left, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
  background: linear-gradient(90deg, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(-360px, 0, 0);
          transform: translate3d(-360px, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__dot {
  position: absolute;
  left: 131.14286px;
  top: 50%;
  width: 5.14286px;
  height: 5.14286px;
  margin-left: -2.57143px;
  margin-top: -2.57143px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__dot {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__on {
  position: absolute;
  left: 104.14286px;
  top: 22.5px;
  width: 19.28571px;
  height: 36px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__on__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28), -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: rotate(45deg) scale(0) translateZ(0);
          transform: rotate(45deg) scale(0) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on__inner {
  -webkit-transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61), -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(45deg) scale(1) translateZ(0);
          transform: rotate(45deg) scale(1) translateZ(0);
}
.colorful-switch__on__inner:before, .colorful-switch__on__inner:after {
  content: "";
  position: absolute;
  border-radius: 2.57143px;
  background: #fff;
}
.colorful-switch__on__inner:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6.14286px;
}
.colorful-switch__on__inner:after {
  right: 0;
  top: 0;
  width: 6.14286px;
  height: 100%;
}
.colorful-switch__off {
  position: absolute;
  left: 131.14286px;
  top: 50%;
  width: 41.14286px;
  height: 41.14286px;
  margin-left: -20.57143px;
  margin-top: -20.57143px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__off:before, .colorful-switch__off:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 5.14286px;
  margin-top: -2.57143px;
  border-radius: 2.57143px;
  background: #fff;
  -webkit-transition: -webkit-transform 0.25s 0.25s;
  transition: -webkit-transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before, .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(1) translateZ(0);
          transform: rotate(45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(0) translateZ(0);
          transform: rotate(45deg) scaleX(0) translateZ(0);
}
.colorful-switch__off:after {
  -webkit-transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
          transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(-45deg) scaleX(1) translateZ(0);
          transform: rotate(-45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transform: rotate(-45deg) scaleX(0) translateZ(0);
          transform: rotate(-45deg) scaleX(0) translateZ(0);
}
.videoShowBox{width: 100%; height: 100%;}

/* پایان استایل های اسلایدشو تیک تاک وب*/