
	
	
	:root {
	
	--yellow_1 : #fde8a5;     
	--yellow_2 : #ffd401;     
	--yellow_3 : #caac03;     
	--yellow_4 : #8a7401;     
	--yellow_5 : #483c00;     
		
	 
	--green_1 : #a2fdd2;     
	--green_2 : #01ffc3;     
	--green_3 : #00b89e;     
	--green_4 : #009280;  
	--green_5 : #024b42  ;
	
	
	--purple_1 : #e293ff;     
	--purple_2 : #b800fe;     
	--purple_3 : #9200ac;     
	--purple_4 : #7d0197;  
	--purple_5 : #560065;  
	
	
	--blue_1 : #9cbdff;     
	--blue_2 : #75a4fe;     
	--blue_3 : #006fff;     
	--blue_4 : #004298;  
	--blue_5 : #002e66;  
	
	
	--gray_0 : #fdfdfd;
	--gray_1 : #fcfcfc;
	--gray_2 : #f2f2f2 ;
	--gray_3 : #ebebeb ;
	--gray_4 : #dedede ;
	--gray_5 : #d1d1d1 ;
	--gray_6 : #c4c4c4 ;
	--gray_7 : #b0b0b0 ;
	--gray_8 : #969696 ;
	--gray_9 : #7a7a7a ;
	--gray_10 : #545454 ;
	--gray_11 : #383838 ;
	--navbar_background_color:#ffd782;
	--gray_navbar:#ffd782;
	
	--sidemenuborders: #f2f2f2;
	
	--navbar_height:65px;
	
	
	
	
	
	
	}
	
	
	
	
	
	
	html{
	font-size:13px;
	}
	body{
	
	font-family:"IranSans","Yekan",tahoma;
	background-color: #f9f9f9;
	
	
	}
	
	main{
	
	margin-top:0px;
	
	}
	p{
	   
	}
	
	.text_purple_1{ color:var(--purple_1); }
	.text_purple_2{ color:var(--purple_2); }
	.text_purple_3{ color:var(--purple_3); }
	.text_purple_4{ color:var(--purple_4); }
	.text_purple_5{ color:var(--purple_5); }
	
	.text_orange_1{ color:var(--orange_1); }
	.text_orange_2{ color:var(--orange_2); }
	.text_orange_3{ color:var(--orange_3); }
	.text_orange_4{ color:var(--orange_4); }
	.text_orange_5{ color:var(--orange_5); }
	.text_orange_6{ color:var(--orange_6); }
	.text_orange_7{ color:var(--orange_7); }
	.text_blue_1{ color:var(--blue_1); }
	.text_blue_2{ color:var(--blue_2); }
	.text_blue_3{ color:var(--blue_3); }
	.text_blue_4{ color:var(--blue_4); }
	.text_blue_5{ color:var(--blue_5); }
	
	.text_dark_purple_1{ color:var(--dark_purple_1); }
	.text_dark_purple_2{ color:var(--dark_purple_2); }
	.text_dark_purple_3{ color:var(--dark_purple_3); }
	.text_dark_purple_4{ color:var(--dark_purple_4); }
	.text_dark_purple_5{ color:var(--dark_purple_5); }
	.text_dark_purple_6{ color:var(--dark_purple_6); }
	.text_dark_purple_7{ color:var(--dark_purple_7); }
	.text_gray_0{ color:var(--gray_0); }
	.text_gray_1{ color:var(--gray_1); }
	.text_gray_2{ color:var(--gray_2); }
	.text_gray_3{ color:var(--gray_3); }
	.text_gray_4{ color:var(--gray_4); }
	.text_gray_5{ color:var(--gray_5); }
	.text_gray_6{ color:var(--gray_6); }
	.text_gray_7{ color:var(--gray_7); }
	.text_gray_8{ color:var(--gray_8); }
	.text_gray_9{ color:var(--gray_9); }
	.text_gray_10{ color:var(--gray_10); }
	.text_gray_11{ color:var(--gray_11); } 
	
	.text_yellow_1{
	color:var(--yellow_1);
	}
	.text_yellow_2{
	color:var(--yellow_2);
	}
	.text_yellow_3{
	color:var(--yellow_3);
	}
	.text_yellow_4{
	color:var(--yellow_4);
	}
	
	.text_black{
	color:#000;
	}
	
	.text_green_1{
	color:var(--green_1);
	}
	.text_green_2{
	color:var(--green_2);
	}
	.text_green_3{
	color:var(--green_2);
	}
	.text_green_4{
	color:var(--green_4);
	}
	
	
	.text-size-small{
	  font-size:0.8rem;
	}
	
	.card{
		box-shadow:0px 0px 8px #d6d6d6;
		border:none;
	}
	
	
	a:hover{
	text-decoration: none !important;
	}
	
	.fa.fa-solided{
	
	  color: rgba(0, 0, 0, 0.0) !important;
	text-shadow:0px 0px 1px #000;
	
	}
	
	.modal-header{
	border-bottom:none;
	padding:7px 6px 7px 6px !important;
	}
	
	.bootbox-close-button{
	
	font-size:2rem !important;
	}
	.bootbox-close-button:hover{
	color:var(--dark_purple_3);
	}
	
	
	.modal-header h5{
	font-size:1rem !important;
	color:var(--gray_9);
	}
	
	
	.BlurAdd{
	
	filter: blur(5px);
	-webkit-filter: blur(5px);
	}
	
	
	.help-block{
	font-size:0.8rem;
	margin-top:12px;
	margin-bottom:12px;
	color:var(--gray_10);
	}
	
	.ltr_form{
	direction:ltr;
	text-align:left;
	}
	
	.ltr_form::-webKit-input-placeholder { /* WebKit browsers */
	direction:rtl;
	text-align:right;
	}
	.ltr_form:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	direction:rtl;
	text-align:right;
	}
	.ltr_form::-moz-placeholder { /* Mozilla Firefox 19+ but I'm not sure about working */
	direction:rtl;
	text-align:right;
	}
	.ltr_form:-ms-input-placeholder { /* Internet Explorer 10+ */
	direction:rtl;
	text-align:right;
	}
	
	
	
	textarea{
	resize:none;
	}
	
	.input_mobile {
	
	font-size:1.6rem;
	font-weight: bold;
	color:var(--gray_9);
	text-align:center;
	letter-spacing: 8px;
	}
	.input_code_verify{
	font-size:1.8rem;
	font-weight: bold;
	color:var(--gray_9);
	text-align:center;
	letter-spacing: 15px;
	
	}
	
	
	.input_code_verify::placeholder {
	text-align: center; 
	}
	
	
	
	/* or, for legacy browsers */
	
	.input_code_verify::-webkit-input-placeholder {
	text-align: center;
	}
	
	.input_code_verify:-moz-placeholder { /* Firefox 18- */
	text-align: center;  
	}
	
	.input_code_verify::-moz-placeholder {  /* Firefox 19+ */
	text-align: center;  
	}
	
	.input_code_verify:-ms-input-placeholder {  
	text-align: center; 
	}
	
	
	
	
	
	.input_mobile::placeholder {
	text-align: center; 
	}
	
	/* or, for legacy browsers */
	
	.input_mobile::-webkit-input-placeholder {
	text-align: center;
	}
	
	.input_mobile:-moz-placeholder { /* Firefox 18- */
	text-align: center;  
	}
	
	.input_mobile::-moz-placeholder {  /* Firefox 19+ */
	text-align: center;  
	}
	
	.input_mobile:-ms-input-placeholder {  
	text-align: center; 
	}
	
	
	
	
	@media screen and (max-width:500px){
		
	.input_mobile {
			font-size:1.4rem !important;
		}
	.LoginRegButtonSpan {
			display:none;
		}
	}
	
	
	
	
	
	.form-control:focus,
	.form-control:active{
	outline:none !important;
	box-shadow: none;
	border-color:#b0b4b8;
	}
	
	
	#MainPageLoader{
	
	position:fixed;
	width:100%;
	height:100%;
	z-index:15000;
	background:rgba(0,0,0,0.1);
	
	}
	.SpinerLoader {
	width: 100px;
	height: 100px;
	display: grid;
	border:8px solid #0000;
	border-radius: 50%;
	border-color:#fcc66c #0000;
	animation: s6 1s infinite linear;
	position:fixed;
	top:calc(50% - 50px);
	left:calc(50% - 50px);
	z-index:15001;
	}
	.SpinerLoader::before,
	.SpinerLoader::after {    
	content:"";
	grid-area: 1/1;
	margin:4px;
	border:inherit;
	border-radius: 50%;
	}
	.SpinerLoader::before {
	border-color:#722E85 #0000;
	animation:inherit; 
	animation-duration: .5s;
	animation-direction: reverse;
	}
	.SpinerLoader::after {
	margin:16px;
	}
	
	@keyframes s6 { 
	100%{transform: rotate(1turn)}
	}
	
	
	
	
	
	.toper-nav{
	
	display: block;
	
	height:35px;
	background-color: #000;
	
	
	clear:both;
	}
	
	.toper-nav::after{
	
	display:block;
	content:"";
	clear:both;
	}
	
	.toper-nav a{
	
	display:inline-block;
	color:#fff;
	font-family:"IranSans";
	margin-right:18px;
	margin-top:4px;
	
	}
	
	.toper-nav  a  i{
	color:#fff;
	
	display:inline-block;
	font-size:1.6rem;
	
	
	}
	
	.toper-nav .toper-nav-right{
	margin-right:18px;
	float:right;
	
	}
	.toper-nav .toper-nav-right:last-child{
	  margin-right:0px;
	
	  
	  }
	.toper-nav .toper-nav-right > a{
	display: inline-block;
	vertical-align: middle;
	line-height:30px;
	  }
	  .toper-nav .toper-nav-right i{
		display: inline-block;
		vertical-align: middle;
		font-size:1.1rem;
		  }
		
	.toper-nav .toper-nav-left{
	margin-left:18px;
	float:left;
	display:flex;
	align-items: center;
	justify-content: center;
	}
	
	.navbar-main-ul-left i.fa{
	  background-color: #502c04;
	  color: transparent;
	  text-shadow: 1px 1px 1px rgba(243, 164, 46, 0.6);
	  -webkit-background-clip: text;
	  -moz-background-clip: text;
	   background-clip: text;
	  
	
	 


	}
	
	#CartIconHeader{
	
	
	}
	
	.nr_textarea{
	  resize:none;
	}
	
	
	.IsRequire::after{
	content:" *";
	color:#ff253a;
	font-size:0.8rem;
	
	}
	
	.zhupin-navbar{
	display:block;
	box-sizing: border-box;
	height:var(--navbar_height);
	background-color: var(--navbar_background_color);
	position:relative;
	padding:0px;
	margin:0px;
	clear:both;
	border-bottom:solid 1px var(--gray_2);
	box-shadow: 2px 0px 6px #999;
	}
	.zhupin-navbar::after{
	display:block;
	content:"";
	clear:both;
	
	}
	.zhupin-navbar .navbar-logo {
	margin-right:20px;
	display:flex;
	align-items: center;
	justify-content: center;
	height:var(--navbar_height);
	float:right;
	width:100px;
	}
	
	
	.zhupin-navbar .navbar-bar{
	margin-right:20px;
	display:inline-block;
	height:var(--navbar_height);
	line-height:var(--navbar_height);
	float:left;
	margin-left:25px;
	color:var(--gray_11);
	font-size:1rem;
	display:inline-block;
	}
	
	
	
	
	
	
	
	
	.zhupin-navbar .navbar-logo img {
	
	max-height:inherit !important;
	}
	
	
	
	
	
	
	.zhupin-navbar .navbar-main-ul-left{
	
	display:block;
	list-style-type:none;
	padding:0px !important;
	margin:0px 10px 0px 25px !important;
	height:var(--navbar_height);
	float:left;
	box-sizing: border-box;
	
	
	}
	
	
	.zhupin-navbar .navbar-main-ul-left > li {
	
	display:inline-block ;
	height:var(--navbar_height);
	text-align:center;
	margin:0px !important;
	
	box-sizing: border-box;
	float:left;
	line-height:var(--navbar_height);
	height:var(--navbar_height);
	position:relative;
	}
	.zhupin-navbar .navbar-main-ul-left > li > .navbar-main-ul-left-a {
	display:inline-block !important;
	color:rgb(49, 49, 49);
	
	
	
	margin-left:30px;
	
	
	
	}
	.zhupin-navbar .navbar-main-ul-left > li > .navbar-main-ul-left-a i {
	display:inline-block !important;
	font-size:1.9rem;
	vertical-align:middle;
	}
	
	
	.zhupin-navbar .navbar-main-ul-left > li > .navbar-main-ul-left-a:hover {
	
	color:var(--orange_1);  
	}
	
	.zhupin-navbar .navbar-main-ul{
	display:block;
	list-style-type:none;
	padding:0px !important;
	margin:0px 20px 0px 0px !important;
	height:var(--navbar_height);
	float:right;
	box-sizing: border-box;
	
	
	
	}
	.zhupin-navbar .navbar-main-ul::after{
	display:block;
	content:"";
	clear:both;
	}
	.zhupin-navbar .navbar-main-ul > li.navbar-main-item{
	display:inline-block ;
	height:var(--navbar_height);
	text-align:center;
	margin:0px !important;
	padding:0px !important;
	box-sizing: border-box;
	float:right;
	position:relative;
	
	border-left:solid 1px #fcdaa7;


	}
	
	.zhupin-navbar .navbar-main-ul > li.navbar-main-item::after{
display:inline-block;
height:var(--navbar_height);
width:1px;
border-right:solid 1px rgb(233, 176, 112);
content:"";
position:absolute;
left:0px;
top:0px;
	}
	
	
	.zhupin-navbar .navbar-main-ul > li.navbar-main-item > a{
	display:inline-block !important;
	color:var(--gray_9);
	
	line-height:1.8rem;
	font-size:1rem;
	margin:0px;
	width:100%;
	box-sizing: border-box;
	font-family:"IranSans";
	padding-right:20px;
	padding-left:20px;
	border-top:solid 6px var(--navbar_background_color);
	

	
	background-color: #502c04;
	color: transparent;
	text-shadow: 1px 1px 2px rgba(243, 164, 46, 0.6);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	 background-clip: text;
	
	
	
	
	
	
	}
	
	.zhupin-navbar .navbar-main-ul > li.navbar-main-item > a > span{
	
	}
	
	
	
	
	
	
	
	.zhupin-navbar .navbar-main-ul > li.navbar-main-item > a:hover{
	border-top:solid 6px #633407;
	
	
	}
	
	.zhupin-navbar .navbar-main-ul > li.navbar-main-item.has-submenu > a::after{
	
	display:inline-block;
	content: "\f107";
	font-family: "FontAwesome";
	font-size:0.6em;
	margin-right:3px;
	}
	
	
	
	.zhupin-navbar .navbar-main-ul > li.navbar-main-item > a > i{
	display:block;
	vertical-align: middle;
	font-size:2em;
	margin-top:9px;
	color:var(--purple_6);
	
	}
	.zhupin-navbar .navbar-main-ul > li.navbar-main-item > a:hover > i{
	color:var(--orange_3);
	}
	
	
	.zhupin-navbar .navbar-sub-ul{
	border-right:solid 1px var(--gray_2);
	border-left:solid 1px var(--gray_2);
	border-bottom:solid 1px var(--gray_2);
	border-top:solid 1px var(--gray_navbar);
	display:none;
	z-index:10000;
	padding:0px;
	margin:0px;
	position:absolute;
	top:calc(100% - 1px);
	right:0;
	min-width:200px;
	min-height:50x;
	background:var(--gray_navbar);
	}
	
	.zhupin-navbar .navbar-sub-ul .navbar-sub-item{
	position:relative;
	display:block;
	padding:0px;
	margin:0px;
	
	
	}
	
	
	.zhupin-navbar .navbar-sub-ul .navbar-sub-item.has-submenu > a::after{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	left:11px;
	display:inline-block;
	content: "\f104";
	font-family: "FontAwesome";
	font-size:0.8em;
	margin-right:3px;
color: #502c04;
	}
	
	
	
	
	
	
	
	
	
	.zhupin-navbar .navbar-sub-ul .navbar-sub-item > a{
	
	display:block;
	border-bottom:solid 1px var(--gray_2);
	color:var(--gray_8);
	text-shadow: -1px -1px  #fff,-1px -1px  var(--gray_4);
	padding-right:8px;
	padding-left:8px;
	
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.9rem;
	margin:0px;
	width:100%;
	box-sizing: border-box;
	text-align:right;
	
	
	background-color: #502c04;
	color: transparent;
	text-shadow: 1px 1px 2px rgba(243, 164, 46, 0.6);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	 background-clip: text;
	

	}
	.zhupin-navbar .navbar-sub-ul .navbar-sub-item:last-child > a{
	
	border-bottom:none;
	}
	
	.zhupin-navbar .navbar-sub-ul .navbar-sub-item > a:hover{
	color:var(--gray_11);
	}
	
	.zhupin-navbar .navbar-sub-ul .navbar-sub-item > a > i{
	display:inline-block;
	vertical-align: middle;
	font-size:1.3em;
	margin-left:4px;
	color:var(--purple_6);
	}
	.zhupin-navbar .navbar-sub-ul .navbar-sub-item > a:hover > i{
	color:var(--orange_3);
	}
	
	
	.zhupin-navbar .navbar-sub-ul .navbar-sub-ul  {
	border-top:solid 1px var(--gray_2);
	border-bottom:solid 1px var(--gray_2);
	border-left:solid 1px var(--gray_2);
	border-right:solid 1px var(--gray_navbar);
	
	
	
	padding:0px;
	margin:0px;
	position:absolute;
	top:0;
	right:calc(100% - 1px);
	min-width:200px;
	min-height:50x;
	background:var(--gray_navbar);
	display:none;
	
	}
	
	
	@media screen and (min-width:100px)  and (max-width:500px){
	
	.form-control::-webKit-input-placeholder { /* WebKit browsers */
	font-size:0.9rem;
	
	}
	.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size:0.9rem;
	
	}
	.form-control::-moz-placeholder { /* Mozilla Firefox 19+ but I'm not sure about working */
	font-size:0.9rem;
	
	}
	.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-size:0.9rem;
	
	}
	
	.SpinerLoader {
	width: 50px;
	height: 50px;
	display: grid;
	border:4px solid #0000;
	border-radius: 50%;
	border-color:#FCC66C #0000;
	animation: s6 1s infinite linear;
	position:fixed;
	top:calc(50% - 12.5px);
	left:calc(50% - 12.5px);
	}
	.SpinerLoader::before,
	.SpinerLoader::after {    
	content:"";
	grid-area: 1/1;
	margin:2px;
	border:inherit;
	border-radius: 50%;
	}
	.SpinerLoader::before {
	border-color:#722E85 #0000;
	animation:inherit; 
	animation-duration: .5s;
	animation-direction: reverse;
	}
	.SpinerLoader::after {
	margin:8px;
	}
	
	@keyframes s6 { 
	100% { transform: rotate(1turn) }
	}
	
	
	
	
	
	
	.toper-nav .toper-nav-right{
	
	margin-right:3px;
	}
	.toper-nav a{
	margin-right:8px;
	}
	
	.search_section #search_input{
	
	width:85%;
	}
	.search_section #stype{
	
	width:0%;
	}
	.search_section #search_button{
	
	width:15%;
	}
	
	
	}
	
	.search_section #search_input{
	
	width:85%;
	}

	.search_section #search_button{
	
	width:15%;
	}
	
	

	/************************************************************************960*******************************/
	.SideMenuMobileLogo{
	
	display:flex;
	box-sizing: border-box;
	padding:13px;
	border-bottom:solid 1px var(--gray_4);
	background-color: var(--blue_7);
	}
	.SideMenuMobileLogo > img{
	float:none;
	display:inline-block !important;
	}
	
	
	
	@media screen and (max-width:1140px){
	
	body{
	margin-bottom:40px;
	}
	
	
	.zhupin-navbar .navbar-logo {
	max-width:50%;
	margin-right:12px;
	width:200px;
	
	}
	.zhupin-navbar .zhupin-navbar-wrap{
	display:block;
	}
	
	
	.zhupin-navbar .navbar-main-ul{
	float:none !important;
	position:fixed;
	right:-100%;
	
	top:0px;
	height:100%;
	overflow-y:auto ;
	background:#fff;
	margin:0px !important;
	
	z-index:10000;
	border-left:solid 1px var(--sidemenuborders)
	}
	
	.zhupin-navbar .navbar-main-ul li{
	display:block !important;
	float:none !important;
	text-align:right !important;
	height:auto !important;
	
	border-bottom:solid 1px var(--sidemenuborders);
	}
	
	
	.zhupin-navbar .navbar-sub-ul  {
	border:none;
	display:block;
	
	padding:0px;
	margin:0px;
	position:relative !important;
	
	top:0;
	float:none !important;
	
	background:var(--gray_1);
	}
	.zhupin-navbar .navbar-sub-ul li{
	float:none !important;
	
	}
	.zhupin-navbar .navbar-sub-ul li a{
	position:relative !important;
	height:40px !important;
	line-height: 40px !important;
	}
	.zhupin-navbar .navbar-main-ul > li.navbar-main-item > a {
	
	position:relative !important;
	height:60px !important;
	
	
	}
	.zhupin-navbar .navbar-sub-ul .navbar-sub-item > a{
	
	position:relative !important;
	height:40px !important;
	line-height: 20px !important;
	}
	
	
	
	
	
	
	.zhupin-navbar .navbar-sub-ul .navbar-sub-ul  {
	border:none;
	display:block;
	background-color: inherit;
	padding:0px;
	margin:0px;
	position:relative !important;
	top:0 !important;
	float:none !important;
	right:0;
	
	
	
	}
	
	
	.zhupin-navbar .navbar-main-ul li:last-child{
	
	border-bottom:none !important;
	}
	
	.zhupin-navbar .navbar-sub-ul .navbar-sub-item > a{
	border-bottom:none !important;
	margin-right:5px;
	}
	
	.zhupin-navbar .navbar-sub-ul .navbar-sub-item > a::before{
	display:inline-block;
	content:"\f100";
	font-size:0.4rem;
	font-family:"FontAwesome";
	color:var(--gray_6);
	}
	
	.zhupin-navbar .navbar-sub-ul .navbar-sub-ul  a{
	margin-right:10px;
	}
	
	.zhupin-navbar .navbar-main-ul > li.navbar-main-item > a > i {
	  display: inline-block;
	  vertical-align: middle;
	
	  margin-top: 0px;
	
	}
	
	
	
	.NavbarUserLinks > span{
	font-size:0.8rem;
	}
	}
	
	
	
	@media screen and (min-width:100px)  and (max-width:320px){
	  .zhupin-navbar .navbar-main-ul{
	  
	  width:calc(90% - 30px);
	  }
	  
	  }
	  @media screen and (min-width:320px)  and (max-width:400px){
	  .zhupin-navbar .navbar-main-ul{
	  
	  width:calc(100% - 31px);
	  }
	  
	  }
	  
	  @media screen and (min-width:401px) and (max-width:1140px)  {
	  .zhupin-navbar .navbar-main-ul{
	  
	  width:calc(280px - 30px);
	  }
	  .zhupin-navbar .navbar-main-ul > li.navbar-main-item > a > i{
		  display:inline-block;
		margin-top:0px;
	  }
	  .zhupin-navbar .navbar-main-ul > li.navbar-main-item > a > span{
		  display:inline-block;
		  vertical-align:middle;
		  margin-right:9px;
	  }
	  
	  
	  }
	
	
	
	.FooterNavbarMobile{
	box-sizing: border-box;
	width:100%;
	height:40px;
	background-color: var(--gray_navbar);
	position:fixed;
	bottom:0;
	left:0;
	border-top:solid 1px var(--gray_4);
	display:none;
	z-index:999999;
	}
	.SideMenuHandle{
	display:none;
	z-index:10000;
	padding:0px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	border:solid 1px var(--sidemenuborders);
	border-right:none;
	background-color:var(--gray_navbar);
	height:52px;
	width:24px;
	box-sizing: border-box;
	text-align:center;
	position:fixed;
	right:-1px;
	top:50%;
	transform:translateY(-50%);
	}
	.SideMenuHandle > i{
	font-size:1rem;
	color:var(--gray_9);
	display:inline-block;
	
	transform:translateY(100%);
	
	
	
	}
	
	@media screen and (max-width:1140px){
	
	
	.SideMenuHandle{
	display:block;
	
	}
	
	
	
	
	.zhupin-navbar .navbar-main-ul-left{
	
	margin:0px 8px 0px 0px !important
	}
	
	.zhupin-navbar .navbar-main-ul-left > li > .navbar-main-ul-left-a {
	margin-left:20px;
	}
	
	
	.FooterNavbarMobile{
	display:block;
	
	}
	.FooterNavbarMobile > ul{
	
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	list-style-type:none;
	padding:0px;
	margin:0px;
	
	
	}
	
	.FooterNavbarMobile > ul > li{
	text-align: center;
	width:100%;
	
	}
	.FooterNavbarMobile > ul > li > a{
	display:block;
	
	font-size:1.7rem;
	line-height:2.8rem;
	
	color: var(--gray_8);
	
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	
	
	
	}
	
	.NavBarShoppingCartLi{
	display:none !important ;
	}
	
	}
	
	
	/***********************/
	
	
	
	.button.button-dark {
	text-shadow:0px 0px 2px #fff;
	background-color:#000;
	border-radius:5px;
	border:1px solid #000;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:1rem;
	line-height:1rem;
	font-weight:bold;
	padding:8px 24px;
	text-decoration:none;
	
	}
	
	
	.button.button-yellow {
	text-shadow:0px 0px 2px #fff;
	background-color:#fdd302;
	border-radius:5px;
	border:1px solid #f0d10a;
	display:inline-block;
	cursor:pointer;
	color:#111;
	font-size:1rem;
	line-height:1rem;
	font-weight:bold;
	padding:8px 24px;
	text-decoration:none;
	
	}
	.button.button-yellow-light {
	  background-color:rgb(253, 211, 2,0.6);
	}
	
	
	
	
	.button i{
	font-size:1.3rem;
	display:inline-block;
	vertical-align:middle;
	margin-left:2px;
	}
	.button.button-green {
	
	background-color:#70c08c;
	border-radius:5px;
	border:1px solid #3c8f54;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:1rem;
	line-height:1rem;
	font-weight:bold;
	padding:8px 24px;
	text-decoration:none;
	
	}
	
	.button.button-green-light {
	  background-color:rgb(112, 192, 140,0.6);
	}
	
	
	.button.button-purple {
	
	background-color:var(--purple_3);
	border-radius:5px;
	border:1px solid var(--purple_4);
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:1rem;
	line-height:1rem;
	font-weight:bold;
	padding:8px 24px;
	text-decoration:none;
	}
	
	
	.button.button-purple-light {
	  background-color:rgb(146, 0, 172,0.6);
	}
	
	
	
	
	
	.button.button-orange {
	text-shadow:0px 0px 2px #fff;
	background-color:#faddac;
	border-radius:5px;
	border:1px solid #faca78;
	display:inline-block;
	cursor:pointer;
	color:#966005;
	font-size:1rem;
	line-height:1rem;
	font-weight:bold;
	padding:8px 24px;
	text-decoration:none;
	}
	
	
	
	
	
	.button-blue {
	
	background-color:#cae3fc;
	border-radius:5px;
	border:1px solid #a4d0fc;
	display:inline-block;
	cursor:pointer;
	color:#6f8ead;
	font-size:1rem;
	line-height:1rem;
	font-weight:bold;
	padding:8px 24px;
	text-decoration:none;
	}
	
	
	
	
	.button-grey {
	
	background-color:#ededed;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-size:1rem;
	line-height:1rem;
	font-weight:bold;
	padding:8px 24px;
	text-decoration:none;
	}
	.button-grey:hover {
	   color:#777777; 
	}
	
	
	.button > i{
		display:inline-block;
		margin-left:5px;
	
	 
	}
	
	
	
	
	.button:disabled{
	cursor:not-allowed;
	opacity:0.6;
	}
	.btn:disabled{
	opacity:0.6;
	}
	/************************/
	
	.first_section{
	position:relative;
	background-image: url('../imgs/first_section_bg_2.png');	
	background-repeat: repeat;
	background-position: top right;
	background-size:cover;
	padding:5px 20px 10px 20px;
	
	}
	.first_section{
	
	background-color: #002e66;
	}
	
	
	.first_section .first_section_desc{
	text-align:center;
	line-height:3rem;
	font-size:1.2rem;
	display:block;
	margin-top:10px;
	
	color:var(--gray_11);
	z-index:5;
	font-weight:bold;
	text-shadow: 0px 0px 3px rgb(182, 182, 182);
	}
	.first_section .first_section_desc a{
	color:var(--green_4);
	}
	
	
	.first_section .first_section_bottom{
	position:absolute;
	bottom:0px;
	right:0;
	height:30%;
	width:100%;
	box-sizing: border-box;
	background-image: url('../imgs/first_section_b_bg.png');	
	background-repeat: repeat-x;
	background-position: bottom right;
	background-size:30%;
	z-index:0;
	}
	
	
	
	
	
	.first_section p{
	display:block;
	color:#707070;
	
	
	}
	.first_section h1.home_h1{
	display:block;
	color:var(--blue_4);
	font-weight:bold;
	font-size:3rem;
	line-height:4rem;
	font-family: "IranSans";
	text-shadow: 1px 1px 1px rgb(255, 255, 255);
	margin:0px 0px 18px 0px;
	padding:0px;
	}
	.first_section p.home_p1{
	  display:block;
	  color:var(--blue_2);
	  font-weight:normal;
	  font-size:0.9rem;
	
	  text-shadow: 0px 0px 0px rgb(95, 95, 95);
	  }
	
	
	
	  .first_section .home_first_text{
		display:block;
	  text-align:justify;
		color:var(--gray_11);
		font-weight:normal;
		font-size:0.9rem;
		line-height:1.8rem;
		text-shadow: 0px 0px 0px rgb(255, 255, 255);
		margin:0px 0px 30px 0px;
	  }
	
	@media screen and (max-width:500px){
	.first_section h1.home_h1{
	font-size:2rem ;
	}
	
	.first_section p{
	font-size:0.8rem;
	}
	.first_section .first_section_desc{
	font-size:1rem;
	line-height:2rem;
	}
	}
	
	.ForceBlock{
	  display:block !important;
	}
	.ForceInlineBlock{
	  display:inline-block !important;
	}
	
	.search_section{
	
	clear:both;
	margin-top:10px;
	padding:0px !important;
	margin-bottom:35px !important;
	}
	.search_section::after{
	display:block;
	content:"";
	
	clear:both;
	
	}
	.search_section #search_input:focus,
	.search_section #stype:focus{
	
	outline:none;
	}
	.search_section #search_input{
	
	
	height:50px;
	border-top-right-radius:11px;
	border-bottom-right-radius:11px;
	border:solid 1px var(--gray_6);
	padding-right:10px;
	font-size:1.7rem;
	margin:0px;
	float:right;
	}
	
	.search_section #stype{
	float:right;
	
	height:50px;
	border:solid 1px var(--gray_6);
	border-right:none;
	font-size:1.3rem;
	margin:0px;
	}
	
	.search_section button{
	border-top-right-radius:0px !important;
	border-bottom-right-radius:0px !important;
	float:right;
	padding:0px !important;
	height:50px;
	border:solid 1px var(--gray_6);
	border-right:none;
	font-size:1.7rem;
	margin:0px;
	}
	@media screen and (max-width:960px){
	.search_section button small{
	
	display:none;
	}
	.search_section #stype{
	
	
	
	font-size:0.8rem;
	
	}	
	}
	
	.section_head.section_head_hi::before {
	
	  display:inline-block;
	  vertical-align: middle;
	  color:var(--blue_5);
	  margin-left:3px;
	
	  padding:5px;
	  text-shadow:none;
	  font-size:1.5rem;
	  content:"";
	  font-family: "FontAwesome";
	  font-style:normal;
	  font-weight:300;  
	  text-shadow: 0px 0px 0px var(--blue_5);
	  }
	  .section_head.section_head_hi.section_head_pen::before{
		content:"\f040";
		
		  }
	
	  .section_head.section_head_hi.section_head_ibag::before{
	content:"\f07a";
	
	  }
	  .section_head.section_head_hi.section_head_icomment::before{
		content:"\f086";
		
		  }
		  .section_head.section_head_hi.section_head_ibasket::before{
			content:"\f07a";
			
			  }
	.section_head{
	
	font-size: 1.4rem;
	
	
	color:var(--blue_5);
	margin-top:1px;
	margin-bottom:5px;
	font-weight:normal;
	text-shadow: 0px 0px 1px var(--blue_5);
	}
	
	
	
	
	
	.single_product_main{
	
	position:relative;
	
	border-radius:8px;
	box-shadow: 0px 0px 4px #999;
	background:#fff;
	margin-bottom:20px;
	}
	.single_product_main .single_product_image{
	display:block;
	
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	position:relative;
	
	}
	.single_product_main .single_product_image img{
	display:inline-block;
	width:100%;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	
	}
	.single_product_main .single_product_title{
	
	padding:6px 10px 6px 10px;
	display:block;
	text-align:center;
	font-size:1.4rem;
	font-weight:normal;
	color:var(--gray_11);
	width:100%;
	margin:0px;border-top:solid 1px var(--gray_2);
	margin-top:2px;
	
	}
	
	
	
	.single_product_main .single_product_cat{
	text-align:center;
	margin-right:8px;
	margin-left:8px;
	margin-top:6px;
	margin-bottom:5px;
	font-size:0.8rem;
	color:var(--green_4);
	
	}
	.single_product_main .single_product_cat a{
	
	color:var(--green_4);
	
	}
	
	.single_product_main .single_product_btns{
	text-align:center;
	margin-right:3px;
	margin-left:3px;
	padding-bottom:12px;
	
	}
	
	.single_product_main .single_product_price{
	text-align:center;
	margin-right:8px;
	margin-left:8px;
	padding-bottom:12px;
	font-size:1.6rem;
	font-weight:bold;
	color:#004299;
	
	}
	.single_product_main .single_product_hasoff s{
	font-size:0.8em;
	}
	
	
	.single_product_hasoff{
	position:absolute;
	top:4px;
	left:4px;
	background:rgba(10, 212, 61, 0.8);
	color:#fff;
	padding:6px;
	text-align:center;
	border-radius: 5px;
	z-index:3;
	}
	
	
	
	.single_product_ribbon {
	  width: 150px;
	  height: 150px;
	  overflow: hidden;
	  position: absolute;
	  z-index:3;
		top: -4px;
	  left: -4px;
	  opacity:0.8;
	}
	.single_product_ribbon::before,
	.single_product_ribbon::after {
	  position: absolute;
	  z-index: -1;
	  content: '';
	  display: block;
	  border: 2px solid #660209;
		border-top-color: transparent;
	  border-left-color: transparent;
	
	}
	.single_product_ribbon::before {
	  top: 0;
	  right: 30px;
	}
	.single_product_ribbon::after {
	  bottom: 30px;
	  left: 0px;
	}
	
	.single_product_ribbon span {
	  position: absolute;
	  display: block;
	  width: 225px;
	  box-sizing: border-box;
	  padding: 3px 6px 2px 6px;
	  background-color: #a3030e;
	  box-shadow: 0 5px 10px rgba(0,0,0,.1);
	  color: #fff;
	  height:26px;
	  text-shadow: 0 1px 1px rgba(0,0,0,.2);
	  text-transform: uppercase;
	  text-align: center;
		right: -10px;
	  top: 40px;
	  font-size:0.9em;
	  transform: rotate(-45deg);
	}
	
	
	
	
	
	
	
	
	
	
	ul.MemberLinksPopUp{
	
	list-style-type: none;
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	display:block;
	}
	
	ul.MemberLinksPopUp > li{
	display:flex;
	align-items: center;
	padding:9px 12px 9px 10px;
	border-bottom:solid 1px var(--gray_3);
	}
	
	ul.MemberLinksPopUp > li > a{
	display:block;
	color:var(--gray_10);
	width:100%;
	font-size:1.2rem;
	font-family: "IranSans";
	}
	ul.MemberLinksPopUp > li > a:hover{
	color:var(--dark_purple_1);
	}
	ul.MemberLinksPopUp > li > a > i{
	display:inline-block;
	vertical-align: middle;
	font-size:130%;
	font-weight:300;
	text-shadow:none;
	color:var(--dark_purple_6);
	width:30px;
	}
	
	
	
	.product_page{
		
		
	}
	
	
	.product_page h1{
	 
	}
	
	.product_page_category_tree{
		
	   direction:rtl;
	   text-align:right;
		margin-right:30px;
	}
	
	.product_page_category_tree > a{
	 color:var(--gray_7);   
	 font-size:0.8rem;   
	 display:inline-block;
	 vertical-align: middle;
	}
	.product_page_category_tree > a:hover{
		color:var(--gray_9);
	}
	.product_page_category_tree > i{
	 color:var(--gray_6);   
	 font-size:0.8rem;   
	 display:inline-block;
	 vertical-align: middle;
	 margin-right:3px;
	 margin-left:3px;
	}
	
	.product_page .product-page-price{
	
		text-align:center;
	}
	
	.product_page_publish_date{
	
	position:absolute;
	z-index:20;
	color:var(--gray_8);
	font-size:0.9rem;
	direction:ltr;
	text-align:left;
	left:9px;
	top:9px;
	}
	
	
	
	.product_page .card-img-top{
		border-top-right-radius: 6px;
		border-top-left-radius: 6px;
	}
	
	
	 .product-page-vlb{
		
	   margin-top:2px; 
	  margin-bottom:20px;   
	}
	
	 .product-page-vlb table{
		
	width:100%;
	
	}
	.product-page-vlb table td{
	   width:50%;
	   box-sizing: border-box;
	   text-align:center;
	font-size:1rem;
	padding-right:20px;
	  padding-top:4px;
	  padding-bottom:4px;
	}
	.product-page-vlb table td:last-child{
	  
	
	
	}
	
	.product-page-vlb table tr{
		border-bottom:solid 1px var(--gray_3);
	   
	}
	.product-page-vlb table tr:first-child{
		border-top:none;
	   
	}
	.product-page-vlb table tr:last-child{
		border-bottom:none;
	   
	}
	.product-page-vlb table tr.product-page-views{
	  color:var(--green_3);  
	}
	.product-page-vlb table tr.product-page-likes{
	  color:var(--blue_3);  
	}
	.product-page-vlb table tr.product-page-buys{
	  color:var(--purple_3);  
	}
	.product_page .product-page-price-slash{
	 color:#ff253a;
	  text-decoration: line-through;
	  font-size:1rem;
	  margin-bottom:0px;
	}
	
	.product_page .product-page-price-orig{
	
	color:var(--blue_4);
	 font-weight:bold;
	  font-size:2.1rem;
	  text-shadow:0px 0px 8px var(--blue_2);
	}
	.product_page .product-page-tags{
		
		border-top:solid 1px var(--gray_4);
		margin-top:20px;
		margin-bottom:20px;
		padding-top:10px;
		
	}
	.product_page .product-page-tags h6{
	 color:var(--gray_10);   
		 font-size:0.9rem;
		 margin-right:6px;
	}
	
	.tag-ribon{
		
	   display:inline-block;
	   margin:6px;
	   padding:6px 10px 6px 10px;
	   font-size:0.9rem;
	}
	
	.add-to-basket-fixed{
		position:fixed;
		bottom:40px;
		width:100%;
		left:0;
		z-index:999;
		display:none !important;
		border-radius:0px !important;
		font-size:1.3rem !important;
		opacity:0.9;
		text-shadow:1px 1px 0px #000;
	}
	
	
	@media screen and (max-width:960px){
	  .add-to-basket-fixed{
	   display:block !important;  
	  }
	}
	
	
	.breadcrumbs{
		
		box-sizing: border-box;
		padding:0px;
		margin:12px 10px 12px 8px;
		color:var(--gray_9);
		text-shadow:1px 1px 0px #fff;
	}
	
	.breadcrumbs > a{
		
	   
		color:var(--gray_9);
		
	}
	.breadcrumbs > a:hover{
	   color:var(--gray_11);   
	}
	
	.breadcrumbs  i{
		
	 display:inline-block;
	 vertical-align: top;
	 font-size:1.2rem;
		
	}
	
	.breadcrumbs{
		
	}
	.breadcrumbs .breadcramps_sep{
		font-size:0.8rem;
		vertical-align: middle; 
	}
	
	.home-service{
		box-sizing: border-box;
		border-radius: 10px;
		background:#fff;
		box-shadow:0px 0px 7px #d6d6d6;
		text-align: center;
		padding:8px;
		margin-top:26px;
	
	
	
	
	
	
	
	}
	
	
	
	.home-service strong , .home-service p, .home-service i{
	color:var(--blue_5);
	}		
		.home-service p{
	 display:block;
	 font-size:0.9rem;
	text-align:center;
	   
	}
	.home-service strong{
	 display:inline-block;
	 font-size:1.3rem;
	
	
	 margin-bottom:6px;
	   
	}
	.home-service i{
	display:block;
	 font-size:4rem; 
	
	  margin-bottom:20px;
	  margin-top:20px;
	
	
	
	}
	
	
	
	.product-total-input{
		font-weight: bold;
		text-shadow:0px 0px 3px var(--blue_2);
		font-size:1.2rem;
	}
	
	.CartIcon{
		display:inline-block;
		position:relative;
		
	}
	.CartIcon > b{
		width:20px;
		height:20px;
		display:inline-block;
		background-color:var(--yellow_2);
		color:#000;
		position:absolute;
		top:9px;
		left:-15px;
		border-radius:100%;
		line-height:1.4rem;
		font-size:0.7rem;
		border:solid 1px var(--yellow_4);
	}
	
	.FooterNavbarMobile .CartIcon > b{
		top:0px;
		left:calc(50% - 15px);
		transform:translateX(-50%);
	}
	
	.cart-table{
		text-align:center;
	}
	.cart-table .input-group{
	   
	}
	
	.carttotalamount{
		font-size:2rem;
		color:var(--green_4);
		font-weight:bold;
		text-shadow:0px 0px 8px var(--green_4)
		
	}
	
	.heading-line > span{
display:block;
margin-top:4px;
font-size:70%;
	}
	
	.heading-line{
	  display:block;
	  min-height:85px;
	padding:0px;
	margin:8px 20px 8px 10px;
	font-size:1.4rem;
	text-shadow:0px 0px 1px var(--blue_5);
	color:var(--blue_5);
	border-right:solid 2px var(--blue_5);
	padding-right:50px;
	padding-top:12px;
	background-image: url('../imgs/headlne-logo.png');
	background-repeat: no-repeat;
	background-position: calc(100% - 6px) 12px;
	background-size: 40px 40px;
	
	line-height:1.5rem;
	}
	

	.heading-line.heading-line-nb{
	  border-right:none;
	  
	  }
	
	  .border-blue-right{
		border-right:solid 2px var(--blue_5);
	
	  }
	  
	  .border-blue-left{
		border-left:solid 2px var(--blue_5);
	
	  }
	  .heading-line.heading-line-nm{
	   margin:0px;
		
		}
	.defuse-container-fluid {
	margin-left:-15px;
	margin-right:-15px;
	}
	.home-statics-counter{
	
	  margin-top:50px;
	  margin-bottom:50px;
	  padding-top:10px;
	  padding-bottom:50px;
	  background: linear-gradient(180deg,var(--blue_5) , rgba(255,255,255,0) );
	
	}
	
	.home-statics-counter-sec{
	  font-size:1.4rem;
	  font-weight:bold;
	  
	}
	
	.home-statics-counter-sec span{
	  font-size:5.5rem;
	  font-family: "IranSans";
	  font-weight:bold;
	  display:block;
	  text-align:center;
	  color:var(--yellow_1);
	text-shadow: 0px 0px 2px #ffffff;
	}
	
	.home-statics-counter-sec b{
	  font-size:1.7rem;
	  font-weight:bold;
	  display:block;
	  text-align:center;
	  color:var(--blue_5);
	  text-shadow: 0px 0px 1px #fff;
	}
	
	@media screen and (max-width:960px){
	  .home-statics-counter-sec span{
		font-size:2.6rem;
	  }
	  .home-statics-counter-sec b{
		font-size:1rem;
	  }
	  .home-statics-counter-sec{
	margin-bottom:40px;
	  }
	
	}
	
	.home-left-right-text{
	  margin-bottom:100px;
	}
	.home-left-right-text .img{
	  border-top-right-radius:100px;
	  border-top-left-radius:10px;
	  border-bottom-right-radius:10px;
	  border-bottom-left-radius:100px;
	  opacity:0.7;
	  display:inline-block;
	  box-shadow: 6px 6px 8px #555 , -5px -5px #fff ;
	}
	.home-left-right-text .img.br4l{
	  border-top-left-radius:100px;
	  border-top-right-radius:10px;
	  border-bottom-left-radius:10px;
	  border-bottom-right-radius:100px;
	 transition: all ;
	  display:inline-block;
	  box-shadow: -5px -5px 8px #555 , 6px 6px #fff ;
	}
	.home-left-right-text .img:hover{
	  opacity:1;
	}
	.home-left-right-text h9{
	font-size:2rem;
	line-height:3rem;
	margin-bottom:20px;
	font-family:"IranSans" !important;
	font-weight:bold;
	color:var(--blue_1);
	}
	.home-left-right-text p{
	text-align: justify;
	line-height:2rem;
	font-size:1.1rem;
	color:var(--gray_8);
	padding:20px;
	border-radius: 14px;
	background-image: linear-gradient(to bottom, rgba(255,255,255,1) , rgba(255,255,255,0) );
	}
	
	.single_comment{
	position:relative;
	box-sizing: border-box;
	border-radius: 8px;
	border:solid 1px var(--gray_5);
	background-color:var(--gray_1) ;
	margin:10px;
	
	}
	
	.single_comment .single_comment_header{
	
	  margin:8px;
	}
	
	
	.single_comment .single_comment_header > img{
	display:inline-block;
	vertical-align: middle;
	border-radius: 100%;
	}
	.single_comment .single_comment_header::after{
	  display:block;
	  height:0px;
	  content:"";
	  clear:both;
	}
	
	.single_comment .single_comment_header > span{
	 color:var(--gray_11);
	 font-weight:bold;
	  }
	
	  .single_comment .single_comment_header > div{
	   direction:ltr;
	   text-align:left;
	   float:left;
	   font-size:0.8rem;
	   color:var(--gray_7);
		 }
	
	
	  .single_comment .comment_message_text{
	padding:15px;
	color:var(--gray_11);
	  }
	.single_comment .single_comment_qb{
	
	margin:8px;
	
	}
	  .single_comment .comment_message_text codes{
		display:block;
	direction:ltr;
	text-align:left;
	font-family:"Serif";
	font-size:0.9rem;
	padding:8px;
	border:dashed 1px var(--blue_3);
	color : var(--blue_5);
	background:#cfe5ff;
	border-radius: 8px;
		  }
	
	
	
	  .show_in_scroll{
	opacity:0.0;
	
	
	  }
	
	
	.spinner_on_seg_div{
	  display:block;
	  position:absolute;
	  height:100%;
	  width:100%;
	  background-color: rgba(0,0,0,0.5);
	  z-index:99998;
	  top:-5px;
	  left:0px;
	}
	  .spinner_on_seg {
		width: 56px;
		height: 56px;
		display: grid;
		animation: spinner-plncf9 4s infinite;
		position:absolute;
		top:calc(50% - 56px);
		left:calc(50% - 56px);
		z-index:99999;
	 }
	 
	 .spinner_on_seg::before,
	 .spinner_on_seg::after {
		content: "";
		grid-area: 1/1;
		border: 9px solid;
		border-radius: 50%;
		border-color: #474bff #474bff #0000 #0000;
		mix-blend-mode: darken;
		animation: spinner-plncf9 1s infinite linear;
	 }
	 
	 .spinner_on_seg::after {
		border-color: #0000 #0000 #dbdcef #dbdcef;
		animation-direction: reverse;
	 }
	 
	 @keyframes spinner-plncf9 {
		100% {
		   transform: rotate(1turn);
		}
	 }
	
	
	 .hidden-me{
	  display:none !important;
	 }
	
	 .category_page{
	  min-height:300px;
	 }
	
	
	
	
	
	.modal-dialog{
	
	}
	
	
	
	
	.tagstyle{
	
	  display:inline-block;
	  margin:4px 0px 4px 20px;
	  background-color: var(--blue_4);
	  color:#fff;
	  font-weight:normal;
	  text-align:center;
	  height:26px;
	  line-height:25px;
	  position:relative;
	  padding-right:6px;
	  padding-left:4px;
	  border-top-right-radius: 3px;
	  border-bottom-right-radius: 3px;
	  text-shadow:0px 0px 2px #000;
	}
	.tagstyle::after{
	display:inline-block;
	content:"";
	position:absolute;
	top:0px;
	left:-13px;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 13px solid var(--blue_4);
	border-bottom: 13px solid transparent;
	
	}
	
	.tagstyle:hover {
	  background-color: var(--blue_5);
	  color:#fff;
	}
	.tagstyle:hover:after {
	  border-right: 13px solid var(--blue_5);
	}
	
	
	#zhupin_bests_home__{
	
	  margin-top:30px;
	  margin-bottom:30px;
	  background-image:url('../imgs/home_best_sec.jpg') ;
	  background-repeat: no-repeat;
	  background-position: center center;
	  background-size: cover;
	}
	
	.customers_comments_section_div{
	
	
	}
	.customer_comment_main{
	  position:relative;
	box-sizing: border-box;
	height:auto;
	background:#fff;
	margin:5px 0px 5px 0px;
	padding:10px;
	border-radius: 9px;
	box-shadow: 0px 0px 4px rgb(179, 178, 178);
	}
	.customer_comment_img_b{
	  text-align:center;
	  border:solid 1px transparent;
	}
	.customer_comment_main img.body_img{
	display:inline-block;
	vertical-align: middle;
	width:64px !important;
	height:64px !important;
	border-radius: 100%;
	position:absolute;
	top:4px;
	left:50%;
	transform: translateX(-50%);
	
	
	}
	
	.customer_comment_main b{
	  display:block !important;
	  vertical-align: middle;
	font-size:0.8rem;
	color:#333;
	margin-top:60px;
	  }
	  .customer_comment_main .customers_comments_message p{
	height:120px;
	overflow-y: auto;
	
	  }
	  .customer_comment_main .customers_comments_message{
		position:relative;
	margin-top:12px;
	
	  }
	  .customer_comment_main .customers_comments_message small{
	display:block;
	margin:0px 0px 6px 3px;
	direction:ltr;
	text-align:left;
	font-size:0.8rem;
	  }
	  .customer_comment_main .customers_comments_message {
		position: relative;
		background: #fff;
		border: 1px solid rgb(207, 207, 207);
		padding:12px;
		color:#666;
		border-radius: 7px;
		background-color: #f9f9f9;
	
	
	  }
	  .customer_comment_main .customers_comments_message:after, .customer_comment_main .customers_comments_message:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: "";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	  }
	  
	  .customer_comment_main .customers_comments_message:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #f9f9f9;
		border-width: 8px;
		margin-left: -8px;
	  }
	  .customer_comment_main .customers_comments_message:before {
		border-color: rgba(153, 153, 153, 0);
		border-bottom-color: #cfcfcf;
		border-width: 9px;
		margin-left: -9px;
	  }
	
	
	  .footer{
	margin-top:50px;
	box-shadow: 0px -2px 9px #011936;
		padding:8px;
		background-color:#011936;
		color:#fff;
		box-sizing: border-box;
	  }
	  .footer img{
	display:inline-block;
	vertical-align: middle;
	
	  }
	  .footer [class*=col-]{
	text-align:center;
		align-items: center;
		justify-content: center;
		display: flex;
	
	  }
	
	
	  .code-style{
	display:block;
	direction: ltr;
	text-align: left;
	box-sizing: border-box;
	background:#f7f7f7;
	color:#333;
	padding:12px 12px 12px 45px;
	font-family:  'Lucida Sans', 'Lucida Sans Regular';
	font-size:14px;
	position:relative;
	  }
	
	  .code-style::after{
	   
		
	  }
	
	  blockquote::before{
	position:absolute;
	top:6px;
	left:6px;
	font-size:40px;
	color:#666;
	content:"\f10d";
	font-family: "FontAwesome";
	display:inline-block;
	
	  }
	
	
	  blockquote{
	display:block;
	padding:6px;
		margin:25px;
		background-color: #ccc;
		border-left:solid 5px #999;
		border-right:solid 5px #999;
		position:relative;
		font-style: italic;
	  }
	
	
	  .top-nav-icons{
		display:inline-block;
		background-repeat: no-repeat;
		width:25px;
		height:25px;
		background-size: cover;
		opacity:0.8;
		filter: grayscale(0);
	  }
	  .top-nav-icons:hover{
	opacity:1;
	filter: grayscale(100%);
	  }
	
	  @media screen and (max-width:800px){
		.top-nav-icons{
	
		  width:20px;
		  height:20px;
	
		}
	
	  }
	
	
	  .top-nav-icons.top-nav-icons-instagram{
	  background-image: url('../imgs/top-nav-instagram.png');
	
	  }
	  .top-nav-icons.top-nav-icons-telegram{
		background-image: url('../imgs/top-nav-telegram.png');
	  
		}
	
		.top-nav-icons.top-nav-icons-whatsapp{
		  background-image: url('../imgs/top-nav-whatsapp.png');
		
		  }
	
		  .top-nav-icons.top-nav-icons-robika{
			background-image: url('../imgs/top-nav-robika.png');
		  
			}
	
	
	.image-inline-block-middle{
	
	  display:inline-block !important;
	  vertical-align: middle !important;
	
	
	}
	
	.owl-carousel .owl-item{
	
	  padding-top:5px;
	  padding-bottom:5px;
	}
	
	.form-control[type="text"],
	.form-control[type="email"],
	.form-control[type="number"],
	.form-control[type="mobile"],
	.form-control[type="url"],
	.form-control[type=""],
	select.form-control
	{
		
		
		font-weight:bold;
		
	}
	textarea.form-control
	{
		
		resize:none;
	  min-height:130px;
		font-weight:bold;
	
	}
	
	
	  .card-tools{
	  position:absolute;
		top:5px;
		left:5px;
		color:#999;
	  }
	  .card-tools >a ,  .card-tools > button{
		  color:#999;
		text-decoration:none;
		outline:none !important;
	  }
	  .card-tools > button::focus ,  .card-tools > button::active{
		  outline:none !important;
	  }
	  .card-header {
	   background:#fff !important; 
		
	  }
	
	.post-page-text h2{
	
	  font-size:1.3rem;
	
	}
	
	.post-page-text h3{
	
	  font-size:1.2rem;
	
	}
	
	.tag-ribon{
	white-space:normal !important;
	 line-height:1.5rem;
	}
	
	.post-text-notics{
	border:dashed 1px #c5c5c5;
	  border-radius:6px;
	  box-sizing:border-box;
	  padding:8px;
	  margin:15px 2px 15px 2px;
		background:#f7f7f7;
	}
	.post-text-notics span{
	  display:block;
	  margin-bottom:12px;
	  font-weight:bold;
	  color:#911f1f;
	
	}
	.post-text-notics h2{
	 font-size:1.2rem;
	  font-weight:bold;
	  text-shadow:0px 0px 3px #999;
	  color:#444;
	  line-height:2.8rem;
	  padding-right:20px;
		vertical-align:middle;
	}
	.post-text-notics h2::before{
	  
	  vertical-align:middle;
	  display:inline-block;
	  width:16px;
	  margin-left:4px;
	  text-align:center;
	  font-size:1.2rem;
	  content:"\2611";
	  
	}

	.slider_images{
		position:relative;
		width:100%;
		box-sizing: border-box;
		padding:0px;
		margin:0px;
	}

.slider_images .slider-item-container{
	position:relative;
	width:100%;
	height:390px;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
display:none;
}

.slider_images .slider-item-container > h3{

	position:absolute;
	background:rgba(0,0,0,0.6);
	padding:7px !important;
	border-radius:8px;
	right:35px;
	top:45px;
	font-size:3rem;

	color:#fff;
	text-shadow: 0px 0px 3px #000;


}


.slider_images .slider-item-container > p{
	background:rgba(0,0,0,0.6);
	padding:7px !important;
	border-radius:8px;
	position:absolute;
  text-align: justify;
	right:35px;
	bottom:30px;
	font-size:1.2rem;
	color:#fff;
	text-shadow: 0px 0px 3px #000;
padding:20px;

}


.single_product_off_dead{
position:absolute;
bottom:4px;
left:50%;
transform: translateX(-50%);
color:rgb(29, 177, 36);
background-color: rgba(255,255,255,0.8);
padding:3px;
border-radius: 4px;
font-weight:bold;
width:60%;
text-align:center;
text-shadow: -1px -1px 0px #000;
}

.single_product_off_dead small{
display:inline-block;
margin-right:2px;
margin-left:2px;
	font-size:0.5rem;
}