@font-face {
	font-family: 'iransans';
	src: url('../fonts/IRANSans.eot?#') format('eot'), /* IE6-8 */
         url('../fonts/IRANSans.woff') format('woff'),
		/* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
         url('../fonts/IRANSans.ttf') format('truetype');
	/* Saf3-5, Chrome4+, FF3.5, Opera 10+ */
}

* {
	
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: iransans;
}

img {
	border: none;
}

body {
	background-color: white;
}

.container {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.container .content {
	width: 735px;
	float: left;
	direction: rtl;
	margin-bottom: 28px;
}

@media ( min-width : 992px) and (max-width: 1224px) {
	.container {
		width: 968px;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
/*	.container {
		width: 745px;
	}
	.container .content {
		width: 745px;
	}*/
		.container {
		width: 100%;
	}
	.container .content {
		width: 745px;
	}
		.menu_resp {
		width: calc(100% + 265px);
		transform: translate3d(0, 0, 0);
		transition-duration: 500ms;
	}
	.menu_resp.move {
		transform: translate3d(-265px, 0, 0);
	}
	.container .content {
		float: left;
		width: calc(100% - 265px);
	}
}

@media ( max-width : 767px) {
	.container {
		width: 100%;
	}
	.menu_resp {
		width: calc(100% + 265px);
		transform: translate3d(0, 0, 0);
		transition-duration: 500ms;
	}
	.menu_resp.move {
		transform: translate3d(-265px, 0, 0);
	}
	.container .content {
		float: left;
		width: calc(100% - 265px);
	}
}

body {
	/*background: url('../../admin/images/site/body.jpg') 0 0 repeat
		transparent;*/
		background-color:white
}

/* header */
#header {
	height: 82px;
	/*background: url('../../admin/images/site/header-br.jpg') 0 0 repeat
		#444444;*/
		background-color: #444444;
}

#header .d1 {
	margin: 0 auto;
	width: 1000px;
	direction: rtl;
}

#header .d1 .reg {
	width: 245px;
	float: right;
	height: 41px;
	margin-top: 22px;
}

#header .d1 .reg a {
	width: 96px;
	float: right;
	height: 40px;
	margin-left: 5px;
	text-decoration: none;
}

#header .d1 .items {
	width: 430px;
	float: right;
	height: 46px;
	padding: 5px;
	margin-top: 23px;
	margin-right: 25px;
}

#header .d1 .items li {
	float: right;
	list-style-type: none;
	margin: 0 0 0 10px;
	background: url('../../admin/images/site/header-li.png') 0 center
		no-repeat transparent;
}

#header .d1 .items li a {
	display: inline-block;
	margin-left: 12px;
	font: 12px 'iransans', tahoma;
	text-decoration: none;
	color: #e6f0f7;
}

#header .d1 .items li.nbr {
	background: none;
}

#header .d1 .items .icon {
	display: none;
}

#header .d1 .logo {
	width: 100px;
	float: left;
	height: 46px;
	padding: 5px;
	margin-top: 12.5px;
}

#header .d1 .logo a {
	text-decoration: none;
}

#header .d1 .panel {
	position: relative;
	width: 195px;
	float: right;
	height: 42px;
	margin-top: 22px;
}

#header .d1 .panel .icon {
	cursor: pointer;
}

#header .d1 .panel .menu {
	z-index: 150;
	display: none;
	border-radius: 5px;
	overflow: hidden;
	width: 200px;
	position: absolute;
	right: 0;
	top: 42px;
	background-color: white;
	box-shadow: 0 0 5px #EEEEEE;
}

#header .d1 .panel .menu a {
	text-decoration: none;
	font: 13px 'iransans', tahoma;
	color: #3b3f42;
	display: block;
	padding: 5px 25px;
}

#header .d1 .panel .menu a:hover {
	background-color: #fafafa;
}

#header .d1 .panel .menu .br {
	background-color: #d8d8d8;
	height: 1px;
}

#header .d1 .panel .menu .red {
	padding: 5px;
	text-align: center;
	font: 14px 'iransans', tahoma;
	color: #f20265;
}

#header .d1 .panel .menu .m {
	padding: 5px;
	text-align: center;
	font: 13px 'iransans', tahoma;
	color: red;
}

#header .d1 .name {
	margin-top: 22px;
	display: inline-block;
	float: right;
	width: auto;
	margin-left: 15px;
}

#header .d1 .name .da1 {
	font: 14px 'iransans', tahoma;
	color: white;
	text-align: center;
}

#header .d1 .name .da2 {
	font: 14px 'iransans', tahoma;
	color: #ecd000;
	text-align: center;
}

.closemenu {
	display: none;
	float: right;
	cursor: pointer;
	margin-left: 5px;
	margin-top: 12px;
	height: 21px;
	width: 32px;
	    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="%23FFFFFF"><rect width="30" height="2" rx="2" /><rect y="13" width="30" height="2" rx="2" /><rect y="26" width="30" height="2" rx="2" /></svg>') no-repeat center;
	    background-size: contain; /* تنظیم سایز پس‌زمینه */
	/*background: url('../../admin/images/site/menu.gif') 0 0 no-repeat
		transparent;*/
}

.closemenu.close {
	height: 21px;
	margin-top: 10px;
	width: 32px;
	background: url('../../admin/images/site/close.png') 0 0 no-repeat
		transparent;
}

.headerfix {
	display: none;
}

@media ( min-width : 992px) and (max-width: 1224px) {
	#header .d1 {
		width: 968px;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	#header .d1 {
		width: 745px;
		background: #EEEEEE;
		
	}
	#header .d1 .items {
		display: none;
	}
		.closemenu {
		display: block;
	}
}


@media ( max-width : 767px) {
	#header .d1 {
		width: 92%;
	}
	#header .d1 .items {
		display: none;
	}
	#header .d1 .name {
		display: none;
	}
	#header {
		position: fixed;
		width: 100%;
		z-index: 100;
	}
	.headerfix {
		display: block;
		height: 85px;
	}
	.closemenu {
		display: block;
	}
	#header .d1 .panel .menu {
		right: 35px;
	}
	#header .d1 .logo {
		float: left;
		margin: 17px auto 5px -10px;
	}
}

@media ( max-width : 385px) {
	#header {
		height: auto;
		min-height: 80px;
		background-image: none;
		padding-top: 5px;
	}
	#header .d1 {
		width: 100%;
	}
	#header .d1 .items {
		display: none;
	}
	#header .d1 .logo {
		float: left;
		margin: -2px auto 5px 0px;
	}
	#header .d1 .panel {
		float: none;
		margin: 12px 12px 5px auto;
		padding-bottom: 5px;
	}
	#header .d1 .name {
		display: none;
	}
	#header .d1 .reg {
		float: none;
		margin: 12px 12px 5px auto;
		padding-bottom: 5px;
	}
	.headerfix {
		display: block;
		height: 90px;
	}
}

/* footer */
#footer {
	font: 13px 'iransans', tahoma;
	border-top: 3px solid #ededed;
	border-bottom: 3px solid #fbfbfb;
	background-color: #fbfbfb;
	margin-bottom: 7px;
}

#footer .d1 {
	margin: 25px auto;
	width: 1000px;
	direction: rtl;
}

#footer .img {
	width: 120px;
	float: right;
	margin-bottom: 5px;
	margin-left: 30px;
	margin-top: 15px;
}

#footer .txt {
	width: 260px;
	float: right;
	margin-bottom: 5px;
	margin-left: 30px;
}

#footer .txt .title {
	color: #e9e9e9;
	font: 12px 'iransans', tahoma;
	margin-bottom: 3px;
	padding-right: 18px;
	font-weight: bold;
	background: url('../../admin/images/site/s1.png') right center no-repeat
		transparent;
		background-size: 10px 10px; /* عرض و ارتفاع مورد نظر را تعیین کنید */

}

#footer .txt .d {
	color: #8798a5;
	font: 13px 'iransans', tahoma;
}

#footer .links {
	width: 130px;
	float: right;
	margin-bottom: 5px;
}

#footer .links .t {
	color: #2e2e2e;
	font: 12px 'iransans', tahoma;
	margin-bottom: 16px;
	padding-right: 20px;
	font-weight: bold;
	background: url('../../admin/images/site/s1.png') right center no-repeat
		transparent;
				background-size: 10px 10px; /* عرض و ارتفاع مورد نظر را تعیین کنید */

}

#footer .links ul li {
	list-style-type: none;
	margin-bottom: 3px;
}

#footer .links ul li a {
	font: 12px 'iransans', tahoma;
	text-decoration: none;
	color: #2e2e2e;
	
}

#footer .links .d, #footer .links .d span {
	font: 13px 'iransans', tahoma;
	color: #2e2e2e;
}

#footer .links .d {
	border-bottom: 1px solid #d9d9d9;
	padding:1px;
	max-width: 84%;
}

#footer .links .d.dn {
	border-bottom: none;
}

#footer .links .d span {
	color: #2e2e2e;
	font-size: 12px;
}

.footer_btm {
	padding-bottom: 15px;
	width: 100%;
}

.footer_btm .d1 {
	width: 1000px;
	margin: 0 auto;
}

.footer_btm .a {
	text-align: right;
	width: 300px;
	float: right;
	font: 11px 'iransans', tahoma;
	color: #8798a5;
}

.footer_btm .b {
	text-align: center;
	width: 350px;
	margin: 0 25px;
	float: right;
	font: 13px 'iransans', tahoma;
	color: #8798a5;
}

.footer_btm .b a {
	text-decoration: none;
	font: 13px 'iransans', tahoma;
	color: #8798a5;
}

.footer_btm .c {
	text-align: left;
	width: 300px;
	float: right;
	font: 11px 'iransans', tahoma;
	color: #8798a5;
}

.footer_js {
	text-align: center;
}

@media ( min-width : 992px) and (max-width: 1224px) {
	#footer .d1, .footer_btm .d1 {
		width: 968px;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	#footer .d1, .footer_btm .d1 {
		width: 745px;
	}
}

@media ( max-width : 767px) {
	#footer .d1, .footer_btm .d1 {
		width: 92%;
	}
	#footer .img {
		float: none;
		margin: 0 auto 5px auto;
		display: none;
	}
	#footer .links {
		width: 110px;
	}
	#footer .links.st {
		display: none;
	}
	#footer .box {
		width: 330px;
		margin: 5px auto;
	}
	#footer .txt {
		width: 100%;
		float: none;
		margin: 0 auto 5px auto;
		display: none;
	}
	.footer_btm .a {
		width: 100%;
		float: none;
		margin: 0 auto 5px auto;
		text-align: center;
	}
	.footer_btm .b {
		width: 100%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.footer_btm .c {
		width: 100%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
}

@media ( max-width : 350px) {
	#footer .box {
		width: 100%;
	}
	#footer .links {
		float: none;
		margin: 0 auto 10px auto;
	}
}
/* adv */
.adv_right .adv {
	text-align: center;
	padding: 5px 0;
	width: 100%;
	overflow: hidden;
}

.adv_header {
	padding-bottom: 0px;
	clear: both;
	width: 100%;
	margin: 0 auto 5px auto;
	text-align: center;
	/* border:1px solid #D8D6D7; box-shadow:0 0 5px #E3E3E3; */
}

.adv_header .adv {
	display: inline-block;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0 10px;
}

.adv_footer {
	padding-bottom: 4px;
	clear: both;
	width: 998px;
	margin: 0 auto;
	text-align: center; /* box-shadow:0 0 5px #E3E3E3; */
}

.adv_footer .adv {
	display: inline-block;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0 10px;
}

.adv_center {
	clear: both;
	width: 100%;
	text-align: center;
	margin: 5px auto;
	overflow: hidden;
	border-bottom: 0px solid #D8D6D7;
	border-top: 1px solid #D8D6D7;
	padding-top: 5px; /* box-shadow:0 0 5px #E3E3E3; */
}

.adv_center .adv {
	display: inline-block;
	text-align: center;
	padding: 0 0 5px 0;
	margin: 0;
}

.adv_center .adv img {
	border: 0px solid #D8D6D7;
}

@media ( min-width : 992px) and (max-width: 1224px) {
	.adv_footer {
		width: 968px;
	}
	.adv_center .adv {
		width: 96%;
	}
	.adv_center .adv img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.adv_footer .adv img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.adv_header .adv img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.adv_footer {
		width: 745px;
	}
	.adv_center .adv {
		width: 96%;
	}
	.adv_center .adv img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.adv_footer .adv img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.adv_header .adv img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
}

@media ( max-width : 767px) {
	.adv_footer {
		width: 96%;
	}
	.adv_center .adv {
		width: 96%;
	}
	.adv_center .adv img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.adv_footer .adv img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.adv_header .adv img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
}

@media ( max-width : 600px) {
	.adv_header .adv, .adv_center .adv, .adv_footer .adv {
		width: 96%;
		height: auto;
		margin: 0 auto;
		float: none;
	}
	.adv_header .adv img {
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		float: none;
	}
	.adv_footer .adv img {
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		float: none;
	}
	.adv_center .adv img {
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		float: none;
	}
}

#js_addto .ajax_load {
	height: 16px;
	text-align: center;
	background: url('../../admin/images/update.gif') center center no-repeat
		transparent;
}







.ajax_load_trace {
	height: 26px;
	text-align: center;
}

/* right */
#right {
	height: auto;
	width: 262px;
	float: right;
	background-color: #ffffff;
	border-left: 0px solid #e5e5e5;
}

#right .d1 {
	width: 222px;
	margin: 0 auto;
	direction: rtl;
	overflow: hidden;
}

#right .d1 .search {
	height: 44px;
	border: 0px solid #d9d9d9;
	border-radius: 7px;
	background-color: white;
	margin: 25px 0px;
	margin-left:17px;
	overflow: hidden;
}

#right .d1 .search .i {
	display: block;
	width: 179px;
	float: right;
	padding: 12px 12px;
	font: 12px 'iransans', tahoma;
	border: none;
	background-color: #f2f2f2;
	color: #8a97a0;
}

#right .d1 .search .s {
	cursor: pointer;
	display: block;
	width: 24px;
	height: 31px;
	float: right;
	padding: 0;
	border: none;
	background: url('../../admin/images/site/search.png') center center
		no-repeat transparent;
}

#right .d1 .adv {
	padding-bottom: 5px;
}

#right .d1 .br1 {
	margin-top: 5px;
	height: 1px;
	background-color: #e8ebed;
}

#right .d1 .links {
	padding: 30px 0 25px 0;
}

#right .d1 .links .linkul li {
	list-style-type: none;
	margin-bottom: 5px;
	background: url('../../admin/images/site/right-arrow.png') right center
		no-repeat transparent;
}

#right .d1 .links .linkul li a {
	font: 13px 'iransans', tahoma;
	text-decoration: none;
	color: #8a97a0;
	display: inline-block;
	margin-right: 17px;
}

#right .d1 .menu {
	padding: 20px 0;
}

#right .d1 .menu .m {
	list-style-type: none;
	margin-bottom: 10px;
}

#right .d1 .menu .m img {
	display: block;
	height: 13px;
	width: 13px;
	float: right;
	margin-left: 4px;
	margin-top: 4px;
}

#right .d1 .menu .m .a {
	font: 13px 'iransans', tahoma;
	text-decoration: none;
	color: #445864;
}

#right .d1 .menu .m .a .s1 {
	font: 13px 'iransans', tahoma;
	color: #445864;
	display: inline-block;
	float: right;
	margin-left: 5px;
}

#right .d1 .menu .m .a .s2 {
	font: 13px 'iransans', tahoma;
	color: red;
}

#right .d1 .menu .m .sub {
	margin-top: 5px;
}

#right .d1 .menu .m .sub li {
	list-style-type: none;
	margin-bottom: 3px;
	margin-right: 2px;
}

#right .d1 .menu .m .sub li a {
	font: 11px 'tahoma', tahoma;
	text-decoration: none;
	color: #4f616d;
}

.right_js {
	padding: 5px 0;
	text-align: center;
}

@media ( min-width : 992px) and (max-width: 1224px) {
	#right {
		width: 230px;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	#right {
		width: 262px;
		float: left;
	/*	margin: 0 auto;
		clear: both;*/
	}
}

@media ( max-width : 767px) {
	#right {
		
		width: 262px;
		float: left;
		
	}
}
/* show_prod*/
.show_prod .sec1 {
	width: 350px;
	float: right;
	margin-left: 50px;
}

.show_prod .sec2 {
	width: 260px;
	float: right;
}

.show_prod .col_name {
	color: #6d7f8b;
	font: 13px 'iransans', tahoma;
	width: 60px;
	float: right;
	padding: 2px 0;
}

.show_prod .col_info {
	text-align: left;
	color: #b5bec4;
	font: 13px 'iransans', tahoma;
	width: 180px;
	margin-right: 20px;
	float: right;
	padding: 3px 0;
}

.show_prod .descbr {
	height: 1px;
	background-color: #e2e4e5;
	margin: 3px auto;
	clear: both;
}

.show_prod .down {
	text-decoration: none;
	width: 100%;
	padding: 18px 0;
	display: block;
	background-color: #7c9bef;
	color: white;
	font: 13px 'iransans', tahoma;
	text-align: center;
	border-radius: 7px;
	margin-top: 10px;
}

.show_prod .limit {
	text-decoration: none;
	width: 100%;
	padding: 18px 0;
	display: block;
	background-color: red;
	color: white;
	font: 13px 'iransans', tahoma;
	text-align: center;
	border-radius: 7px;
	margin-top: 10px;
}

.show_prod .login {
	text-decoration: none;
	width: 100%;
	padding: 18px 0;
	display: block;
	background-color: #ec9418;
	color: white;
	font: 13px 'iransans', tahoma;
	text-align: center;
	border-radius: 7px;
	margin-top: 10px;
}

.show_prod .dlfile {
	text-decoration: none;
	width: 100%;
	padding: 18px 0;
	display: block;
	background-color: #2bc48a;
	color: white;
	font: 13px 'iransans', tahoma;
	text-align: center;
	border-radius: 7px;
	margin-top: 10px;
}

.show_prod .buyplan {
	text-decoration: none;
	width: 100%;
	padding: 18px 0;
	display: block;
	background-color: #ec9418;
	color: white;
	font: 13px 'iransans', tahoma;
	text-align: center;
	border-radius: 7px;
	margin-top: 10px;
}

.show_prod .back {
	text-decoration: none;
	width: 100%;
	padding: 10px 0;
	display: block;
	background-color: #b2bfc1;
	color: white;
	font: 13px 'iransans', tahoma;
	text-align: center;
	border-radius: 5px;
	margin-top: 10px;
}

.show_prod .view {
	margin-top: 10px;
	color: #6d7f8b;
	font: 12px 'iransans', tahoma;
	padding-right: 27px;
	width: 70px;
	float: right;
	height: 22px;
	padding-top:1px;
	background: url('../../admin/images/site/status.svg') right 6px top 3px no-repeat
		transparent;
			background-size: 20px 16px; /* تغییر اندازه تصویر به 70px در 22px */

}

.show_prod .group {
	color: #6d7f8b;
	font: 12px 'iransans', tahoma;
	width: auto;
	max-width: 150px;
	margin-left: 5px;
	display: inline-block;
	float: right;
	height: 22px;
	padding-top:9px;
}

.show_prod .group img {
	height: 11px;
	width: 11px;
	margin-top: 6px;
	margin-left: 5px;
	margin-bottom: -3px;
}

.action_links {
	text-align: center;
	padding: 15px 0 5px 0;
}

.action_links div {
	display: inline-block;
	margin: 0 10px;
	width: 18px;
	height: 18px;
}

.desc_prod {
	color: #6d7f8b;
	font: 13px 'iransans', tahoma;
	padding: 3px 0;
	text-align: justify;
}

@media ( max-width : 767px) {
	.show_prod .sec1 {
		width: 350px;
		float: none;
		margin: 0 auto;
	}
	.show_prod .sec2 {
		width: 350px;
		float: none;
		margin: 0 auto;
	}
	.show_prod .col_info {
		width: 270px;
	}
}

@media ( max-width : 410px) {
	.show_prod .sec1 {
		width: 250px;
		float: none;
		margin: 0 auto;
	}
	.show_prod .sec1 img {
		width: 100%;
		height: auto;
	}
	.show_prod .sec2 {
		width: 250px;
		float: none;
		margin: 0 auto;
	}
	.show_prod .col_info {
		width: 170px;
	}
}

/* comments */
.com_form {
	overflow: hidden;
	width: 100%;
	padding: 5px 0 0 0;
	margin: 0 auto;
	color: #99a3ad;
	font: 14px 'iransans', tahoma;
}

.com_form .lb1 {
	font: 12px 'iransans', tahoma;
	width: 100%;
	padding: 5px 0;
	display: block;
}

.com_form textarea {
	font: 12px/20px 'iransans', tahoma;
	background-color: white;
	width: 98%;
	width: calc(100% - 12px);
	padding: 5px;
	height: 100px;
	border: 1px solid #dadee1;
	margin: 0 auto 5px auto;
	border-radius: 7px;
}

.com_form .d1 {
	width: 38.5%;
	float: right;
	margin-left: 1%;
}

.com_form .d1 label {
	font: 12px 'iransans', tahoma;
	width: 100%;
	padding: 5px 0;
	display: block;
}

.com_form .d1 input {
	font: 12px 'iransans', tahoma;
	height: 24px;
	float: right;
	width: 98%;
	width: calc(100% - 12px);
	direction: rtl;
	background-color: white;
	border: 1px solid #dadee1;
	padding: 8px 5px;
	border-radius: 7px;
}

.com_form .d2 {
	width: 39%;
	float: right;
	margin-left: 1%;
}

.com_form .d2 label {
	font: 12px 'iransans', tahoma;
	width: 100%;
	padding: 5px 0;
	display: block;
}

.com_form .d2 input {
	font: 12px 'iransans', tahoma;
	height: 24px;
	float: right;
	width: 98%;
	width: calc(100% - 12px);
	direction: ltr;
	background-color: white;
	border: 1px solid #dadee1;
	padding: 8px 5px;
	border-radius: 7px;
}

.com_form .d3 {
	width: 18%;
	float: right;
}

.com_form .d3 .submit {
	cursor: pointer;
	width: 137px;
	height: 45px;
	float: right;
	border: none;
	margin: 0;
	padding-top: 30px;
}

.js_coms {
	overflow: hidden;
}

.ajax_msg {
	padding: 5px;
	text-align: center;
	overflow: hidden;
}

.com_box {
	width: 99%;
	font: 14px 'iransans', arial;
	margin: 0 auto 15px auto;
}

.com_box .n {
	width: 97%;
	margin: 0 auto 5px auto;
	color: #ab7e15;
	font: 12px 'iransans', arial;
}

.com_box .t {
	width: 95%;
	margin: 0px auto;
	color: #586572;
	font: 13px 'iransans', arial;
	background-color: #f7f7f7; border-radius: 5px; padding: 20px; border: 0px solid #ccc;text-align: justify;
}

.rep {
	width: 99%;
	background-color: white;
	font: 14px 'iransans', tahoma;
	color: #ca9300;
	margin: 0 auto 15px auto;
}

.rep div {
	width: 97%;
	margin: 0 auto;
	padding: 4px 0;
	font: 13px 'iransans', tahoma;
	color: #586572;
	text-align: justify;
}

.coms_div {
	overflow: hidden;
}

@media ( max-width : 760px) {
	.prods_filter .com .d1 {
		margin-bottom: 0;
		margin-top: 3px;
	}
	.com_form .d1 {
		width: 100%;
		float: none;
		margin: 0 auto 10px auto;
		clear: both;
	}
	.com_form .d1 input {
		margin-bottom: 7px;
	}
	.com_form .d2 {
		width: 100%;
		float: none;
		margin: 0 auto 10px auto;
		clear: both;
	}
	.com_form .d3 {
		width: 100%;
		float: none;
		margin: 0 auto 10px auto;
		clear: both;
	}
	.com_form .d3 .submit {
		float: none;
		padding-top: 20px;
	}
	.rep div, .com_box .n, .com_box .t {
		width: 95%;
	}
}

/* news_list */
.c_list {
	margin: 5px auto;
	max-width: 750px;
	width: auto;
}

.c_list li {
	height: 110px;
	list-style-type: none;
	margin: 0 auto 5px auto;
	overflow: hidden;
	border-bottom: 1px dotted #DADBDF;
	padding-bottom: 5px
}

.c_list li .img2 {
	width: 100px;
	height: 100px;
	margin: 3px 3px 3px 17px;
	float: right;
	/* box-shadow: 0 0 21px #e0e0e0;
	border: 0px solid white;
	border-radius: 8px; */
}

.c_list li .p1 {
	margin-right: 5px;
	margin-top: 5px;
	height: 25px;
	width: 520px;
	overflow: hidden;
}

.c_list li .p1 a {
	font: 13px 'iransans', tahoma;
	color: #1876d7;
	text-decoration: none;
	font-weight: bold;
}

.c_list li .p2 {
	margin-right: 5px;
	margin-bottom: 5px;
	height: 50px;
	width: 520px;
	overflow: hidden;
	font: 13px 'iransans', tahoma;
	color:#253239;
}

.c_list li .date {
	width: 200px;
	overflow: hidden;
	font: 14px 'iransans', tahoma;
	float: right;
}

.c_list li .com {
	width: 100px;
	overflow: hidden;
	font: 12px 'iransans', tahoma;
	float: right;
}

@media ( min-width : 1024px) and (max-width: 1200px) {
	.c_list {
		width: 700px;
		float: none;
		margin: 0 auto;
	}
	.c_list li {
		width: 700px;
		height: auto;
		min-height: 115px;
	}
	.c_list li .p1 {
		width: 560px;
	}
	.c_list li .p2 {
		width: 560px;
		height: 60px;
	}
}

@media ( min-width : 768px) and (max-width: 1023px) {
	.c_list {
		width: 520px;
		float: none;
		margin: 0 auto;
	}
	.c_list li {
		width: 520px;
		height: auto;
		min-height: 110px;
	}
	.c_list li .p1 {
		width: 370px;
		margin-right: 5px;
	}
	.c_list li .p2 {
		width: 370px;
		margin-right: 5px;
		height: auto;
	}
	.c_list li .img2 {
		margin-left: 15px;
	}
}

@media ( max-width : 767px) {
	.c_list {
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	.c_list li {
		width: 90%;
		height: auto;
		min-height: 110px;
	}
	.c_list li .p1 {
		width: 90%;
		margin-right: 5px;
		height: auto;
		min-height: 25px;
	}
	.c_list li .p2 {
		width: 90%;
		margin-right: 5px;
		height: auto;
		min-height: 25px;
		margin-bottom: 10px;
	}
	.c_list li .img2 {
		margin-left: 15px;
	}
	.c_list li .date {
		margin-bottom: 5px;
		margin-right: 5px;
	}
	.c_list li .com {
		margin-bottom: 5px;
		margin-right: 5px;
	}
}

@media ( max-width : 180px) {
	.c_list li .img2 {
		width: 90%;
		max-width: 120px;
		height: auto;
		float: none;
		margin: 0 auto;
	}
}

.content_read {
	color: #737373;
}

.html_forms1 {
	color: #737373;
}

.html_forms1 .d1 {
	width: 30%;
	float: right;
	font-weight: bold;
}

.html_forms1 .d2 {
	width: 30%;
	float: right;
	text-align: center;
	font-weight: bold;
}

.html_forms1 .d3 {
	width: 40%;
	font: bold 13px 'iransans', tahoma;
}

.html_forms1 .d1 span, .html_forms1 .d2 span, .html_forms1 .d3 span {
	font: 13px 'iransans', tahoma;
}

.html_forms1.pt10 {
	padding: 10px 0 13px 0;
}

.html_forms1 .similar {
	margin-top: 10px;
}

.html_forms1 .similar h4 {
	font: bold 13px 'iransans', tahoma;
	color: black;
	margin-bottom: 10px;
}

.html_forms1 .similar li {
	margin-bottom: 10px;
	margin-right: 50px;
	color: #6d7f8b;
}

.html_forms1 .similar li a {
	font: 13px 'iransans', tahoma;
	text-decoration: none;
	color: #6d7f8b;
}

.html_forms .similar .w4 {
	
}

.paper_img1 {
	width: auto;
	max-width: 300px;
	height: auto;
	max-height: 200px;
	display: block;
	margin: 2px 10px 10px 2px;
	float: left;
}

@media ( min-width : 768px) and (max-width: 1024px) {
	.content_bg {
		width: 98%;
		margin: 0 auto;
	}
}

@media ( min-width : 501px) and (max-width: 767px) {
	.content_bg {
		width: 96.5%;
		margin: 0 auto;
	}
	.html_forms1 .d3 {
		width: 100%;
		margin: 0 auto;
	}
}

@media ( max-width : 500px) {
	.paper_img1 {
		width: auto;
		max-width: 75%;
		height: auto;
		max-height: 200px;
		display: block;
		margin: 5px auto;
		float: none;
	}
	.paper_img1 img {
		width: 100%;
		height: auto;
		display: block;
		margin: 5px auto;
		float: none;
	}
	.content_bg {
		width: 97%;
		margin: 0 auto;
	}
	.html_forms1 .d3 {
		width: 100%;
		margin: 0 auto;
	}
}

/* video */
.iframe_br {
	text-align: center;
	margin: 5px auto;
}

.iframe_br iframe {
	border: 1px solid black;
}

@media ( max-width : 800px) {
	.iframe_br {
		width: auto;
		max-width: 75%;
		margin: 5px auto;
		height: auto;
		max-height: 250px;
		display: block;
		margin: 5px auto;
		float: none;
	}
	.iframe_br iframe {
		width: 100%;
		height: auto;
		display: block;
		margin: 5px auto;
		float: none;
	}
}

/* CONTACT US */
.map_contact {
	background-color: #EEEEEE;
	overflow: hidden;
	position: relative;
	height: 400px;
	width: 410px;
	text-align: center;
	direction: rtl;
	margin: 0 auto;
	border-radius: 5px;
}

.contact_us {
	width: 410px;
	margin: 15px auto;
}

.contact_us label {
	font: 13px 'iransans', tahoma;
	color: #6d7f8b;
	float: right;
	width: 130px;
	padding: 5px;
	margin-top: 5px;
}

.contact_us .contact_lab {
	font: 13px 'iransans', tahoma;
	color: #6d7f8b;
	float: right;
	width: 130px;
	padding: 5px;
	margin-top: 5px;
	font-size: 12px;
}

.contact_us .contact_in {
	font: 13px 'iransans', tahoma;
	color: #6d7f8b;
	float: right;
	width: 190px;
	padding: 5px;
	margin-top: 5px;
	font-size: 12px;
}

.contact_us .contact_in1 {
	direction: ltr;
	font: 13px 'iransans', tahoma;
	color: #6d7f8b;
	float: right;
	width: 190px;
	padding: 5px;
	margin-top: 5px;
	font-size: 12px;
}

.contact_us .contact_in2 {
	font: 13px 'iransans', tahoma;
	color: #6d7f8b;
	float: right;
	width: 250px;
	padding: 5px;
	margin-top: 5px;
	font-size: 12px;
}

.contact_us .cont_f1 {
	font: 13px 'iransans', tahoma;
	color: #6d7f8b;
	padding: 5px;
	margin: 5px 0;
	cursor: pointer;
}

.contact_msg1 {
	background-color: #fed5e3;
	border: 2px solid #f40755;
	color: #000000;
	padding: 5px 0;
	width: 410px;
	margin: 5px auto;
}

.cont_us_show {
	width: 500px;
	margin: 10px auto;
	text-align: justify;
}

.contact_us .contact_selw {
	width: 202px;
}

.contact_us .btn {
	width: 200px;
}

.contactw4 {
	width: 96%;
	margin: 5px auto;
}

.contact_us label.respptop {
	padding-top: 40px;
}

.contact_us .btn {
	margin-top: 20px;
}

.contact_us textarea.contact_in {
	width: 189px;
	height: 100px;
}

.cont_us_show {
	width: 500px;
	margin: 10px auto;
}

.contact_us.desform {
	margin: 0;
	float: right;
}

@media ( max-width : 650px) {
	.contact_us {
		width: 97%;
	}
	.contact_msg1 {
		width: 96%;
	}
	.contact_us label {
		width: 83%;
		display: block;
		float: none;
		clear: both;
		margin: 1.5px auto;
	}
	.contact_us .contact_lab {
		width: 80%;
		display: block;
		float: none;
		clear: both;
		margin: 1.5px auto;
	}
	.contact_us .contact_in {
		width: 80%;
		display: block;
		float: none;
		clear: both;
		margin: 1.5px auto;
	}
	.contact_us .contact_in1 {
		width: 80%;
		display: block;
		float: none;
		clear: both;
		margin: 1.5px auto;
	}
	.contact_us .contact_in2 {
		width: 80%;
		display: block;
		float: none;
		clear: both;
		margin: 1.5px auto;
	}
	.contact_us .contact_sel {
		width: 83%;
		display: block;
		float: none;
		clear: both;
		margin: 1.5px auto;
	}
	.contact_us .ltar {
		padding-top: 0;
	}
	.contact_us .contact_lab {
		display: none;
	}
	.contact_us .contact_selw {
		width: 83%;
	}
	.contact_us .btn {
		width: 83%;
		display: block;
		float: none;
		clear: both;
		margin: 15px auto;
	}
	.contact_us label.respptop {
		padding-top: 0;
	}
	.contact_us textarea.contact_in {
		width: 80%;
		float: none;
		clear: both;
		margin: 1.5px auto;
	}
	.cont_us_show {
		width: 97%;
		max-width: 500px;
	}
}

@media ( max-width : 500px) {
	.map_contact {
		width: 300px;
		height: 300px;
		margin: 5px auto;
	}
}

@media ( max-width : 400px) {
	.map_contact {
		width: 150px;
		height: 150px;
		margin: 5px auto;
	}
}

@media ( max-width : 200px) {
	.map_contact {
		width: 80px;
		height: 80px;
		margin: 5px auto;
	}
}

@media ( max-width : 767px) {
	.contact_us.desform {
		margin: 0 auto;
		float: none;
	}
}

/* ask_list */
.js_get {
	width: 85%;
	margin: 0 auto;
}

.ask_info {
	width: 85%;
	margin: 10px auto 0 auto;
	display: none;
}

.js_get span {
	float: right;
	margin-left: 5px;
	display: inline-block;
	font-size: 12px;
text-align: justify;	
}

.span_a {
	cursor: pointer;
	color: blue;
	font: 14px 'yekan', tahoma;
}

/* register */
.register_form {
	width: 450px;
	margin: 5px auto 0 auto;
}

.register_form1 {
	width: 400px;
	margin: 0 auto;
}

.register_form .lab {
	width: 140px;
	padding: 5px;
	margin-top: 5px;
	float: right;
}

.register_form .i {
	width: 190px;
	padding: 5px;
	margin-top: 5px;
	float: right;
}

.register_form .ii {
	width: 190px;
	padding: 5px;
	margin-top: 5px;
	float: right;
}

.register_form .iii {
	width: 190px;
	padding: 5px 0;
	float: right;
}

.register_form .contact_lab {
	font: 12px tahoma;
	float: right;
	width: 140px;
	padding: 5px;
	margin-top: 5px;
	font-size: 12px;
}

.register_form .contact_in {
	font: 12px tahoma;
	float: right;
	width: 190px;
	padding: 5px;
	margin-top: 5px;
	font-size: 12px;
}

@media ( max-width : 550px) {
	.register_form {
		width: 90%;
		margin: 0 auto;
	}
	.register_form1 {
		width: 96%;
		margin: 0 auto;
	}
	.register_form .lab {
		width: 93%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.register_form .i {
		width: 90%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.register_form .ii {
		width: 90%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.register_form .iii {
		width: 90%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.register_form .btnresp {
		width: 100%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.register_form .contact_lab {
		width: 80%;
		display: block;
		float: none;
		clear: both;
		margin: 1.5px auto;
	}
	.register_form .contact_in {
		width: 80%;
		display: block;
		float: none;
		clear: both;
		margin: 1.5px auto;
	}
	.register_form .respn {
		display: none;
	}
}

/* adv_pay */
.adv_pay {
	width: 520px;
	margin: 5px auto;
}

.adv_pay .sec1 {
	width: 500px;
	margin: 5px auto;
}

.adv_pay .sec2 {
	width: 250px;
	float: right;
	margin-right: 10px;
}

.adv_pay .sec3 {
	width: 200px;
	float: right;
	text-align: center;
	margin-bottom: 30px;
}

.adv_pay .lab {
	width: 100px;
	float: right;
	font-weight: bold;
	color: #676767;
	margin-right: 10px;
}

.adv_pay .i {
	width: 250px;
	float: right;
}

.adv_pay .br {
	height: 5px;
	margin-top: 5px;
	clear: both;
	width: 200px;
	border-bottom: 1px dotted #d5d9dc;
}

.adv_pay .t {
	padding-top: 5px;
	font-weight: bold;
	float: right;
	width: 100px;
	color: #676767;
}

.adv_pay .t1 {
	padding-top: 5px;
	float: right;
	width: 150px;
	color: #676767;
}

.adv_pay .paybtn3 {
	width: 180px;
}

.adv_pay .linkads {
	text-decoration: none;
	color: #676767;
	font: 14px 'yekan', tahoma;
}

@media ( max-width :700px) {
	.adv_pay {
		width: 96%;
		margin: 5px auto;
	}
	.adv_pay .sec1 {
		width: 90%;
		float: none;
		margin: 5px auto;
	}
	.adv_pay .sec2 {
		width: 90%;
		float: none;
		margin: 5px auto;
	}
	.adv_pay .sec3 {
		width: 90%;
		float: none;
		margin: 5px auto;
		text-align: center;
	}
	.adv_pay .lab {
		width: 100%;
		float: none;
		margin: 5px auto;
		font-weight: bold;
	}
	.adv_pay .i {
		width: 100%;
		float: none;
		margin: 5px auto;
		line-height: 20px;
	}
	.adv_pay .br {
		width: 100%;
		border-bottom: 1px dotted #d5d9dc;
	}
	.adv_pay .t {
		width: 100%;
		float: none;
		margin: 5px auto 10px auto;
		padding-top: 0;
		font-weight: bold;
	}
	.adv_pay .t1 {
		width: 100%;
		float: none;
		margin: 5px auto;
		padding-top: 0;
	}
	.adv_pay .paybtn3 {
		width: 90%;
		margin: 0 auto;
	}
}

/* login_forms */
.login_forms {
	width: 300px;
	margin: 5px auto 0 auto;
}

.login_forms1 {
	width: 200px;
	margin: 0 auto;
}

.login_forms .lab {
	width: 190px;
	padding: 5px 0;
	float: right;
}

.login_forms .i {
	width: 190px;
	padding: 5px;
	float: right;
}

.login_forms .ii {
	width: 190px;
	padding: 5px;
	float: right;
}

.login_forms .btn {
	width: 201px;
}

.login_forms .btn2 {
	width: 120px;
}

.login_formsp5 {
	padding: 5px;
}

.login_forms .txtreg3, .login_forms .txtreg3 a {
	font: 10px 'iransans', tahoma;
}

@media ( max-width : 400px) {
	.login_forms {
		width: 90%;
		margin: 0 auto;
	}
	.login_forms1 {
		width: 96%;
		margin: 0 auto;
	}
	.login_forms .lab {
		width: 90%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.login_forms .i {
		width: 90%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.login_forms .ii {
		width: 90%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.login_forms .btn {
		width: 96%;
		float: none;
		margin: 10px auto 0 auto;
		display: block;
		padding: 0;
	}
	.login_forms .btnresp {
		width: 96%;
		float: none;
		margin: 10px auto 0 auto;
		display: block;
		border-radius:7px;
		padding:14px;
	}
	.login_forms .btnresp1 {
		width: 95%;
		float: none;
		margin: 20px auto 0 auto;
		display: block;
		padding:14px;
		margin-bottom: -20px;
	}
	.login_forms .respn {
		display: none;
	}
}

/* edit_form */
.edit_form {
	width: 450px;
	margin: 5px auto 0 auto;
}

.edit_form1 {
	width: 400px;
	margin: 0 auto;
}

.edit_form .lab {
	width: 140px;
	padding: 5px;
	margin-top: 5px;
	float: right;
}

.edit_form .i {
	width: 190px;
	padding: 5px;
	margin-top: 5px;
	float: right;
}

.edit_form .ii {
	width: 190px;
	padding: 5px;
	margin-top: 5px;
	float: right;
}

.edit_form .is {
	width: 202px;
	padding: 5px;
	margin-top: 5px;
	float: right;
	    height: 41px;
}

@media ( max-width : 550px) {
	.edit_form {
		width: 90%;
		margin: 0 auto;
	}
	.edit_form1 {
		width: 96%;
		margin: 0 auto;
	}
	.edit_form .lab {
		width: 90%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.edit_form .i {
		width: 90%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.edit_form .ii {
		width: 90%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.edit_form .is {
		width: 93%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.edit_form .btnresp {
		width: 100%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.edit_form .respn {
		display: none;
	}
}

/* category_list */
.category_list {
	width: 648px;
	margin: 5px auto;
	direction: rtl;
}

.category_list li {
	overflow: hidden;
	width: 206px;
	height: 225px;
	margin: 5px;
	float: left;
	list-style-type: none;
	position: relative;
	border: solid 0px;
	    border-radius: 5px;
   /* box-shadow: 1px 1px 9px 1px rgb(0 0 0 / 0.12);*/
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 0.09);
	transition: box-shadow 0.3s ease; /* افزودن ترانزیشن */


	background: white;
}


.category_list li div {
	opacity: 0.0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	top: -210px;
	width: 146px;
	padding: 30px;
	height: 90px;
	color: white;
	font: 11px 'iransans', tahoma;
	background-color: #839fed;
	text-align: center;
}


.category_list li a {
	text-decoration: none;
}

.category_list li .p1 {
	color: #253239;
	font: 10px 'iransans', tahoma;
	height: 38px;
	overflow: hidden;
	padding-left: 15px;
    padding-right: 15px;
	font-weight: bold;
}

.category_list li .p2 {
	color: #949da3;
	font: 9px 'iransans', tahoma;
	font-weight: bold;
}

.category_list li .p2 img {
	display: block;
	float: right;
	margin-left: 7px;
	margin-top: 2px;
	    padding-right: 14px;
		    width: 12px;
    height: 12px;
}

 .category_title {
	color: #677782;
	font: 12px 'iransans', tahoma;
	font-weight: bold;
margin-bottom: 3px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 0px solid #dadee1;
    padding-right: 32px;
    background: url(../../admin/images/site/s1.png) right 12px top 22px no-repeat transparent;
}


@media (min-width: 320px) and (max-width: 330px) {

 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107%;
	margin-right:-6px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:3px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:148px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 9px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
@media (min-width: 331px) and (max-width: 340px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.7%;
	margin-right:-6px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:3px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:153px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 9px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
@media (min-width: 341px) and (max-width: 350px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.7%;
	margin-right:-6px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:3px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:157px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 9px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
@media (min-width: 351px) and (max-width: 360px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107%;
	margin-right:-7px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:3px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:160px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 9px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
@media (min-width: 361px) and (max-width: 370px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107%;
	margin-right:-7px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:4px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:163px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 9px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
 @media (min-width: 371px) and (max-width: 380px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107%;
	margin-right:-8px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:5px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:166px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 9px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
  @media (min-width: 381px) and (max-width: 390px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107%;
	margin-right:-8px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:5px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:170px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 9px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
   @media (min-width: 391px) and (max-width: 400px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107%;
	margin-right:-8px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:5px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:172px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 9px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
    @media (min-width: 401px) and (max-width: 410px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.4%;
	margin-right:-9px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:5px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:180px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
     @media (min-width: 411px) and (max-width: 415px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.5%;
	margin-right:-10px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:5px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:182px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
      @media (min-width: 416px) and (max-width: 420px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.5%;
	margin-right:-10px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:5px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:183px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
       @media (min-width: 421px) and (max-width: 430px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.4%;
	margin-right:-10px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:5px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:183px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
        @media (min-width: 431px) and (max-width: 440px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.4%;
	margin-right:-11px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:5px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:188px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
         @media (min-width: 441px) and (max-width: 450px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.5%;
	margin-right:-11px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:5px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:194px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
          @media (min-width: 451px) and (max-width: 460px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.5%;
	margin-right:-11px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.5%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:197px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
           @media (min-width: 461px) and (max-width: 470px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.3%;
	margin-right:-11px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.8%;
    margin-bottom:4px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:202px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
            @media (min-width: 471px) and (max-width: 480px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.1%;
	margin-right:-11px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.8%;
    margin-bottom:4px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:205px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
             @media (min-width: 481px) and (max-width: 490px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.3%;
	margin-right:-12px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.8%;
    margin-bottom:5px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:210px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
              @media (min-width: 491px) and (max-width: 500px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.3%;
	margin-right:-12px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.8%;
    margin-bottom:5px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:213px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
               @media (min-width: 501px) and (max-width: 510px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.0%;
	margin-right:-12px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.8%;
    margin-bottom:5px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:215px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                @media (min-width: 511px) and (max-width: 520px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.4%;
	margin-right:-12px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.8%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:217px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                 @media (min-width: 521px) and (max-width: 530px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.6%;
	margin-right:-12px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.8%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:220px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 11px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
 @media (min-width: 531px) and (max-width: 540px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.6%;
	margin-right:-12px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.8%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:225px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 11px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
  @media (min-width: 541px) and (max-width: 550px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.6%;
	margin-right:-12px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.8%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:230px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 11px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
   @media (min-width: 551px) and (max-width: 560px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.2%;
	margin-right:-12px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.8%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:233px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 11px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
    @media (min-width: 561px) and (max-width: 570px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.2%;
	margin-right:-12px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.8%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:236px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 11px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
     @media (min-width: 571px) and (max-width: 580px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106%;
	margin-right:-12px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 48.8%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:238px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 11px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
      @media (min-width: 581px) and (max-width: 590px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.2%;
	margin-right:-15px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:171px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
       @media (min-width: 591px) and (max-width: 600px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.2%;
	margin-right:-15px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:171px
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
        @media (min-width: 601px) and (max-width: 610px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.2%;
	margin-right:-15px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:176px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
         @media (min-width: 611px) and (max-width: 620px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.8%;
	margin-right:-15px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:180px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
          @media (min-width: 621px) and (max-width: 630px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.8%;
	margin-right:-15px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:183px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
           @media (min-width: 631px) and (max-width: 640px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.5%;
	margin-right:-15px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:185px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
            @media (min-width: 641px) and (max-width: 650px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.6%;
	margin-right:-15px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:186px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
             @media (min-width: 651px) and (max-width: 660px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.6%;
	margin-right:-15px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:188px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
              @media (min-width: 661px) and (max-width: 670px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.3%;
	margin-right:-15px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:6px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:190px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
               @media (min-width: 671px) and (max-width: 680px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.3%;
	margin-right:-15px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:7px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:194px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                @media (min-width: 681px) and (max-width: 700px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.1%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:7px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:199px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                 @media (min-width: 701px) and (max-width: 710px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 107.1%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:7px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:200px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                  @media (min-width: 711px) and (max-width: 720px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.9%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:7px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:203px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                  @media (min-width: 721px) and (max-width: 730px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.6%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:203px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                   @media (min-width: 731px) and (max-width: 740px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.6%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:208px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                    @media (min-width: 741px) and (max-width: 750px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.6%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:210px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                     @media (min-width: 751px) and (max-width: 770px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.4%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:213px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                      @media (min-width: 771px) and (max-width: 780px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.4%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:216px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                       @media (min-width: 781px) and (max-width: 790px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.4%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:217px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                        @media (min-width: 791px) and (max-width: 800px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.1%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:221px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                         @media (min-width: 801px) and (max-width: 810px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.1%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:221px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                          @media (min-width: 811px) and (max-width: 820px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.1%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:224px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                           @media (min-width: 821px) and (max-width: 830px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.1%;
	margin-right:-18px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:224px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                            @media (min-width: 831px) and (max-width: 850px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 106.1%;
	margin-right:-19px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:223px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                             @media (min-width: 851px) and (max-width: 870px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 110.1%;
	margin-right:-34px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:230px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
                              @media (min-width: 871px) and (max-width: 900px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 114.1%;
	margin-right:-50px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:237px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
 @media (min-width: 901px) and (max-width: 930px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 114.1%;
	margin-right:-50px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:8px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:237px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
  @media (min-width: 931px) and (max-width: 991px) {
 .category_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 114.1%;
	margin-right:-50px;
	flex-direction: row-reverse;
  }
   .category_list li {
    width: 32%;
    margin-bottom:9px;
    box-sizing: border-box;
    padding: 0px; 
    margin-right:-3px;
    height:237px;
  }
  .category_list li img {
    width: 101%;
    height: auto;
  }

 .category_list li .p1 {
    font-size: 7px;
    text-align: right;
    padding-left:35px;
	    height:2px
  }
   .category_list li .p2 {
    font-size: 10px;
    text-align: right;
    padding-left:35px;
	color:#677782;
   }
 }
//وقتی موس روی باکس ها میره یه سایه ایجاد میشه
ul.category_list li {
    position: relative;
    transition: box-shadow 0.3s ease;
}

ul.category_list li:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* fqa */
.span_a {
	color: #444;
	font: 14px 'iransans', tahoma;
	text-decoration: none;
}

/* buylist */
.buylist .dw {
	padding: 1%;
	width: 48%;
	float: right;
}

@media ( max-width : 767px) {
	.buylist .dw {
		width: 100%;
		float: none;
		margin: 0 auto 5px auto;
	}
}
/* ipanel */
.cadr1 {
  margin: 4px;
    text-align: center;
   border-style: solid;
   border-width: 0px;
   background-color: #f7f7f7;
   border-color:#ededed;
   border-radius:7px;
	width: 100%;
	height: 240px;
	margin-bottom: 25px;
	float:right;
}
.s801s {
width: auto;
   text-align: center;

max-width: 735px;
}
.ipanel h3 {
	font: 14px 'iransans', tahoma;
}

.ipanel li {
	list-style-type: none;
}

.ipanel li a {
	text-decoration: none;
	color: #677782;
	font: 13px 'iransans', tahoma;
}

.buy_plan_w {
	width: 656px;
	margin: 0 auto;
}

.buytxt {
	color: #6d7f8b;
	font: 14px 'iransans', tahoma;
}

.buy_day {
	overflow: hidden;
/*	cursor: pointer;*/
	margin: -45px 0;
	border: 0px solid #d4e0e6;
	width: 210px;
	height: 390px;
	float: right;
	background: url('../../admin/images/site/day-a.png') center center
		no-repeat transparent;
}

.buy_month {

	overflow: hidden;
	/*cursor: pointer;*/
	border: 0px solid #d4e0e6;
	width: 210px;
	height: 390px;
	float: right;
	margin: -45px 8px;
	background: url('../../admin/images/site/month-a.png') center center
		no-repeat transparent;
}

.buy_year {
	overflow: hidden;
/*	cursor: pointer;*/
	margin: -45px 0;
	border: 0px solid #d4e0e6;
	width: 210px;
	height: 390px;
	float: right;
	background: url('../../admin/images/site/year-a.png') center center
		no-repeat transparent;
}

.js_buy_plan p {
	font: 20px 'iransans', tahoma;
	color: #8b93b8;
	text-align: center;
	padding-top: 153px;
	padding-left: 50px;
}

.bankver {
	overflow: hidden;
	margin: 25px auto;
	width: 350px;
	/*height: 400px;*/
		height: auto;

	background: url('../../admin/images/site/bankverify.jpg') center 0
		no-repeat transparent;
}

.bankver .upgrade {
	font: 17px 'iransans', tahoma;
	color: #0d4052;
	margin-top: 215px;
	text-align: center;
}

.bankver .verifycode {
	font: 14px 'iransans', tahoma;
	color: #747d82;
	margin-top: 5px;
	text-align: center;
}

.bankver .back {
	text-decoration: none;
	width: 100%;
	padding: 18px 0;
	display: block;
	background-color: #546466;
	color: white;
	font: 13px 'iransans', tahoma;
	text-align: center;
	border-radius: 5px;
	margin-top: 10px;
	width: 80%;
	margin: 10px auto;
	display: block;
}

@media ( max-width : 767px) {
	.buy_plan_w {
		width: 464px;
	}
	.bankver {
		width: auto;
		max-width: 350px;
	}
}

@media ( max-width : 520px) {
	.buy_plan_w {
		width: 120px;
	}
	.buy_day, .buy_month, .buy_year {
		margin: -45px;
	}
}


/* class */
.dir_l {
	direction: ltr;
}

.dir_r {
	direction: rtl;
}

.dir_lang {
	direction: rtl;
}

.algin_l {
	text-align: left;
}

.algin_r {
	text-align: right;
}

.algin_c {
	text-align: center;
}

.algin_j {
	text-align: justify;
}

.algin_lang {
	text-align: right;
}

.no_content {
	padding: 5px;
	text-align: center;
	font: 13px 'iransans', tahoma;
}

.clear_both {
	clear: both;
}

.l_float {
	float: left;
}

.r_float {
	float: right;
}

.float_lang {
	float: right;
}

.html_w1 {
	width: 50px;
}

.html_w2 {
	width: 100px;
}

.html_w3 {
	width: 150px;
}

.html_w4 {
	width: 200px;
}

.html_w5 {
	width: 250px;
}

.html_w6 {
	width: 300px;
}

.html_w7 {
	width: 350px;
}

.html_w8 {
	width: 400px;
}

.html_w9 {
	width: 450px;
}

.html_w10 {
	width: 500px;
}

.html_w11 {
	width: 550px;
}

.html_w12 {
	width: 600px;
}

.html_w13 {
	width: 650px;
}

.html_w14 {
	width: 700px;
}

.html_w15 {
	width: 750px;
}

.html_w16 {
	width: 800px;
}

.html_w1p5 {
	width: 40px;
	padding: 5px;
}

.html_w2p5 {
	width: 90px;
	padding: 5px;
}

.html_w3p5 {
	width: 140px;
	padding: 5px;
}

.html_w4p5 {
	width: 190px;
	padding: 5px;
}

.html_w5p5 {
	width: 240px;
	padding: 5px;
}

.html_w6p5 {
	width: 290px;
	padding: 5px;
}

.html_w7p5 {
	width: 340px;
	padding: 5px;
}

.html_w8p5 {
	width: 390px;
	padding: 5px;
}

.html_w9p5 {
	width: 440px;
	padding: 5px;
}

.html_w10p5 {
	width: 490px;
	padding: 5px;
}

.html_w11p5 {
	width: 540px;
	padding: 5px;
}

.html_w12p5 {
	width: 590px;
	padding: 5px;
}

.html_w13p5 {
	width: 640px;
	padding: 5px;
}

.html_w14p5 {
	width: 690px;
	padding: 5px;
}

.html_w15p5 {
	width: 740px;
	padding: 5px;
}

.html_w16p5 {
	width: 790px;
	padding: 5px;
}

.html_w4sp5 {
	width: 202px;
	padding: 5px;
}

.html_h0 {
	height: 0;
}

.field_w1 {
	width: 130px;
	padding: 3px;
}

.field_w2 {
	width: 180px;
	padding: 3px;
}

.field_w3 {
	width: 220px;
	padding: 3px;
}

.field_w4 {
	width: 280px;
	padding: 3px;
}

.taexarea1 {
	height: 100px;
}

.s80 {
	width: 80%;
	margin: 0 auto;
	max-width: 735px;
}

.s90 {
	width: 90%;
	margin: 0 auto;
	max-width: 735px;
}

.ha1 {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #dadee1;
	margin-right: 1px;
	color: #657682;
	font: 12px 'iransans', tahoma;
	padding-top: 15px;
	    font-weight: bold;
}
.ha12 {
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 8px;
    color: #657682;
    font-size: 12px;
    padding-right: 13px;
}
}


.img16 {
	width: 16px;
	height: 16px;
}

.img50 {
	width: 50px;
	height: 50px;
}

.img100 {
	width: 100px;
	height: 100px;
}

.img140 {
	width: 140px;
	height: 140px;
}

.img150 {
	width: 150px;
	height: 150px;
}

.f_bot1 {
	width: 50px;
	padding: 5px;
	margin: 5px 0;
	cursor: pointer;
}

.f_bot3 {
	width: 150px;
	padding: 5px;
	margin: 5px 0;
	cursor: pointer;
}

.f_bot5 {
	width: 250px;
	padding: 5px;
	margin: 5px 0;
	cursor: pointer;
}

.clear_h0 {
	clear: both;
	height: 0;
}

.clear_h1 {
	clear: both;
	height: 1px;
}

.clear_h5 {
	clear: both;
	height: 5px;
}

.clear_h10 {
	clear: both;
	height: 10px;
}

.clear_h20 {
	clear: both;
	height: 20px;
}

.html_center {
	margin: 0 auto;
}

.display_n {
	display: none;
}

.pos_rel {
	position: relative;
}

.field_s0 {
	
}

.field_s1 {
	
}

.div_s1 {
	background-color: #e1e1e1;
	margin-top: 5px;
}

.div_s2 {
	background-color: #0000FF;
	margin-top: 5px;
}

.font_w {
	font-weight: bold;
}

.overflow_auto {
	overflow: auto;
}

.overflow_hidden {
	overflow: hidden;
}

.line_20 {
	line-height: 20px;
}

.c_red2 {
	color: rgb(255, 255, 255);
	padding:5px;
	border-radius: 15px;
	background-color: #ff3737;
	padding: 5px 14px;
	font-size: 10px;
	margin: 3px;
}
.c_red {
	color: rgb(255, 0, 0);

}

.hw150 {
	height: 150px;
	width: 150px;
}

.mgl5 {
	margin-left: 5px;
}

.mgr10 {
	margin-right: 10px;
}

.mg {
	margin: 25px;
}

.mgtop5 {
	margin-top: 5px;
}

.mg25 {
	margin: 25px;
}

.mg_l10 {
	margin-left: 10px;
}

.mgtop10 {
	margin-top: 10px;
}

.hei5 {
	height: 5px;
}

.form_c1 {
	border-radius: 5px;
}

.form_c2 {
	border-radius: 5px;
}

.form_c1 a, .form_c2 a {
	text-decoration: none;
	color: #646e91;
}

.phpMSG1, .phpmsgblue {
	max-width: 600px;
	background-color: #C3D2E5;
	border: 1px solid #84A7DB;
	color: #000000;
	font: 14px 'iransans', tahoma;
	margin: 10px auto;
	padding: 5px 5px 5px 0;
	width: 90%;
	border-radius: 10px;
}

.phpmsgred {
	max-width: 600px;
	background-color: #fdeecb;
	border: 1px solid #fdeecb;
	color: #000000;
	font: 12px 'iransans', tahoma;
	margin: 10px auto;
	padding: 13px 10px 15px 0;
	width: 98%;
	border-radius: 7px;
}

.phpmsggreen {
	max-width: 600px;
	background-color: #fdeecb;
	border: 1px solid #fdeecb;
	color: #000000;
	font: 12px 'iransans', tahoma;
	margin: 10px auto;
	padding: 13px 10px 15px 0;
	width: 98%;
	border-radius: 7px;
}

.hr {
	margin: 5px auto;
	clear: both;
	height: 0;
	border: 0;
	border-bottom: 1px dotted #999;
}

.font_12 {
	font: 12px tahoma;
}

.font_12 ul {
	margin: 10px 33px;
}

.font_w {
	font-weight: bold;
}

.no_item {
	padding: 5px;
	text-align: center;
}

.a_blue {
	font: 14px 'yekan', tahoma;
	color: blue;
	text-decoration: none;
}

.a_black {
	font: 14px 'yekan', tahoma;
	color: black;
	text-decoration: none;
}

.pos_rel {
	position: relative;
	clear: both;
}

.pos_rel .jcarousel-next, .pos_rel .jcarousel-prev {
	top: 110px;
}

.inner_inputs input[type="text"], .inner_inputs input[type="password"],
	.inner_inputs select, .inner_inputs textarea {
	border: 1px solid #d8dbe6;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	font: 13px 'iransans', tahoma;
	height:27px;
}

.inner_inputs label {
	font: 13px 'iransans', tahoma;
	direction: rtl;
}

input[readonly="readonly"], input[disabled="disabled"] {
	background-color: #f1f1f1;
	color: black;
}

.btn {
	background-color: #7c9bef;
	border: 1px solid #7c9bef;
	color: white;
	cursor: pointer;
	font: 14px 'iransans', tahoma;
	padding: 10px 0;
	text-align: center;
	border-radius: 3px;
	transition: all 500ms;
}

.btn1 {
	background-color: #7c9bef;
	border: 1px solid #7c9bef;
	color: white;
	cursor: pointer;
	font: 14px 'iransans', tahoma;
	padding: 14px 0;
	text-align: center;
	width: 200px;
	border-radius: 7px;
	transition: all 500ms;
}

.btn2 {
	background-color: #7c9bef;
	border: 1px solid #7c9bef;
	color: white;
	cursor: pointer;
	font: 14px 'iransans', tahoma;
	padding: 14px 0;
	text-align: center;
	width: 201px;
	border-radius: 7px;
	transition: all 500ms;
}

.btn3 {
	background-color: #7c9bef;
	border: 1px solid #7c9bef;
	color: white;
	cursor: pointer;
	font: 14px 'iransans', tahoma;
	padding: 10px 0;
	text-align: center;
	width: 190px;
	border-radius: 3px;
	transition: all 500ms;
}

.btn:hover, .btn1:hover, .btn2:hover, .btn3:hover {
	background-color: #666666;
	border: 1px solid #666666;
}

.btn2.p5yekan {
	padding: 5px 0;
	font: 14px 'yekan', tahoma;
}

.btwreg {
	width: 80px;
}

.ap5 {
	text-decoration: none;
	padding: 5px;
}

.ajaxerr_red {
	font: 13px iransans;
	color: red;
}

.ajaxerr_blue {
	font: 13px iransans;
	color: blue;
}

.ajaxerr_green {
	font: 13px iransans;
	color: green;
}

/* START NEW STYLE */

/* ERRORS */
#err404 {
	direction: rtl;
	border: 1px inset #CCC;
	width: 150px;
	width: 500px;
	margin: 50px auto;
}

#err404 hr {
	height: 0;
	border: none;
	border-bottom: 1px dotted #999;
}

#err404 a {
	color: #0055bb;
	text-decoration: none;
}

/* ABOUT US */
.webinfo_titile {
	margin: 10px 0;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	background-color: #FFFFFF;
}

/* NAV LINKS  */
.paging {
	font: 12px tahoma;
	overflow: auto;
	margin: 5px auto;
	width: 100%;
	text-align: center;
	direction: ltr;
	height: auto;
	min-height: 30px;
}

.paging a {
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin: 2px;
	padding: 5px 7px;
	background-color: white;
	border: 1px solid #f2f2f2;
	color: #929fa7;
	border-radius: 5px;
}

.paging span {
	font-weight: bold;
	display: inline-block;
	margin: 2px;
	padding: 5px 7px;
	border-radius: 5px;
	background-color: #7c9bef;
	color: white;
	border: 1px solid #7c9bef;
}

/* STYLE */
.sprit img {
	border: none;
	width: auto;
	max-width: 100%;
	height: auto;
}

.sprit a {
	color: blue;
	text-decoration: none;
}

.sprit a:hover {
	color: red;
}

.sprit p, .sprit div {
	margin-bottom: 10px;
}

.sprit ul, .sprit ol {
	margin-right: 50px;
}

.sprit ul li, .sprit ol li {
	margin-bottom: 10px;
}

.sprit table {
	border-collapse: collapse;
	margin: auto;
}

.sprit h1, .sprit h2, .sprit h3, .sprit h4, .sprit h5, .sprit h6 {
	margin: 15px 0;
}

.sprit h1 {
	font-size: 18px;
	font-weight: bold;
}

.sprit h2 {
	font-size: 17px;
	font-weight: bold;
}

.sprit h3 {
	font-size: 14px;
}

.sprit h4 {
	font-size: 12px;
}

.sprit h5 {
	font-size: 10px;
}

.sprit h6 {
	font-size: 9px;
}

.sprit div, .sprit p, .sprit span, .sprit a, .sprit em, .sprit td,
	.sprit th, .sprit strong, .sprit li {
	font-family: 'iransans', tahoma;
	font-size: 12px;
	color: #444749;
	margin-top:10px;
	    line-height: 1.85;
}

.mg_top {
	margin-top: 60px;
	margin-right: 55px;
	color: #6b749d;
	font-size: 19px;
}

.mg_top2 {
	margin-top: 34px;
	margin-right: 55px;
	color: #6b749d;
	font-size: 12px;
}

.buy_plan_btn {
	margin-top: 5px;
	margin-right: 47px;
	color: #7093d3;
	cursor: pointer;
	    background-color: #7c9bef;
    color: white;
    border-radius: 29px;
    padding: 3px 30px;
    text-align: center;
    transition: background-color 0.3s ease;
	font-size: 11px;
	display: table;
}
.buy_plan_btn:hover {
    background-color: #6c8de7;

}
.buy_plan_btn2 {
	margin-top: 92px;
	margin-right: 46px;
	color: #f98c0b;
	cursor: pointer;
	    background-color: #f98c0b;
    color: white;
    border-radius: 29px;
    padding: 3px 30px;
    text-align: center;
    transition: background-color 0.3s ease;
	font-size: 11px;
	display: table;
}
.buy_plan_btn2:hover {
    background-color: #f9810b;
}

.buy_plan_btn3 {
	margin-top: 92px;
	margin-right: 46px;
	color: #38b3b4;
	cursor: pointer;
	    background-color: #38b3b4;
    color: white;
    border-radius: 29px;
    padding: 3px 30px;
    text-align: center;
    transition: background-color 0.3s ease;
	font-size: 11px;
	display: table;
}
.buy_plan_btn3:hover {
    background-color: #31a5a6;
}
/*	
}

.buy_plan_btn2 {
    margin-top: 89px;
    margin-right: 70px;
    font-weight: bold;
    color: #7093d3;
    cursor: pointer;
}*/

#buy_plan_id {

	color: rgba(0, 0, 0, 0.73);
	cursor: default;
	display: block;
	line-height: 22px;
	padding: 2px 10px 2px 16px;
	position: relative;
	text-align: right;
	text-shadow: none;
	width: 90%;
	z-index: 1;
	outline: none;
	overflow: hidden;
	margin-right: 33px;
}
div.text-danger {

    display: block;
    color: #f00 !important;
    position: relative !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    cursor: pointer;
    position: relative !important;
    top: -220px !important;

}

.special {
    position: absolute; 
    width: 32px;
    height: 32px;
    top: 13px;
    left: 20px;
    background:   url('../../admin/images/flag.png') 0 0 no-repeat
		transparent;
}

.text-yellow {
    color: #d6912c;
}
.border {
    border: solid 1px #cccccc;
    border-radius: 5px;
}
.p-3 {
    padding: 1rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.btn:hover, .btn1:hover, .btn2:hover, .btn3:hover {
    background-color: #6c8de7;
    border: 1px solid #6c8de7;
}
.btn {
    background-color: #7c9bef;
    border: 1px solid #7c9bef;
    color: white;
    cursor: pointer;
    font: 13px 'iransans', tahoma;
    padding: 14px 0;
    text-align: center;
    border-radius: 7px;
    transition: all 500ms;
	    margin-top: 16px;
		    margin-bottom: -23px;
}
.p-2 {
    padding: .5rem !important;
}
.text-center {
    text-align: center;
}