@charset "UTF-8";
#lhc_status_container .status-icon{
	line-height: 16px !important;
}

/***********Default setting************/
a,i,input[type="submit"],.main-menu nav > ul li::before,.search-layer form button,.article-box img, .term-box article img,
.product-box article .product-image::before{   text-decoration: none; -webkit-transition : all 0.2s linear 0s; -moz-transition : all 0.2s linear 0s; -ms-transition : all 0.2s linear 0s; -o-transition : all 0.2s linear 0s; transition : all 0.2s linear 0s}
.vip-box article .vip-image::before{   text-decoration: none; -webkit-transition : all 0.2s linear 0s; -moz-transition : all 0.2s linear 0s; -ms-transition : all 0.2s linear 0s; -o-transition : all 0.2s linear 0s; transition : all 0.2s linear 0s}
a:hover,a:active{text-decoration: none; color: #E82E3B; outline: 0;}
a:visited,a:link{text-decoration: none; outline: 0}
a{color: #7A7979}
ul{margin: 0; padding: 0;list-style-position: inside;}
h1{  font-size: 22px; }
h2{  font-size: 20px; }
h3{  font-size: 18px; }
h1.title, h2.title, h3.title, h4.title, h5.title{   font-size: 18px;  color: #505050;   margin: 0}
.no-padding{ padding: 0 !important}
.border-radius{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
a,span,label,i,p,div{font-weight: normal}
body{background-color: #fff; overflow-x: hidden;}
/***********clearFix************/
.top-menu ul::after, .landing-center form > div::after , .main-menu nav > ul::after,
.search-layer form::after,.statictis-layer .static-box div::after,.article-box > div::after,
.product-box article::after,.term-box article::after{display: block; clear: both; content: ''; visibility: hidden; height: 0; line-height: 0}
.vip-box article::after,.term-box article::after{display: block; clear: both; content: ''; visibility: hidden; height: 0; line-height: 0}
.container-fluid{position: relative;}

audio, video, iframe{
	max-width: 100% !important;
}

.table-style{
	border: 2px #CCC solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
}
.table-style > div:nth-child(2n) {
	background: #FFF;
	padding: 10px;
	margin: 0;
	border-bottom: 1px #999 dashed;
}
.table-style > div:nth-child(2n+1) {
	background: #F0F0F0;
	padding: 10px;
	margin: 0;
	border-bottom: 1px #999 dashed;
}
.table-style > div:last-child {
	border-bottom: none !important;
}

input[type="text"], 
input[type="password"], 
select, 
textarea{
	border: 1px #999 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
	line-height: 30px;
	padding: 2px !important;
	/*width: 250px;*/
	max-width: 100%;
	font-weight: 200;
} 

.table{
	background: #FFF;
}
.my-form-control{
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	margin: 5px 0 !important;
	font-size: 13px !important;
}
.form-group {
	position: relative;
}
.form-group div.stared::before {
	content: "\f621";
	font-family: "Font Awesome 5 Pro";
	width: 5px;
	height: 5px;
	color: #f00;
	font-size: 6px;
	position: absolute;
	top: 12px;
	right: -8px;
	font-weight: bold;
}
.form-group-icon {
  position: relative;
}
.form-group .input-icon {
	background: transparent;
	border: none;
	position: absolute;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: block;
	top: 0px;
	left: 0px;
	text-align: center;
	color: #B3B3B3;
	transition: all 0.3s ease 0s;
	z-index: 2;
}
.form-group.required label::before {
	color: #FF4343;
	content: "*";
	font-size: 20px;
	position: absolute;
	margin-right: -12px;
	top: -7px;
}



/*********margins ********/
.nopadding{
	padding: 0 !important;
}
.nomargin{
	margin: 0 !important;
}
.padding5, .padding-5{
	padding: 5px !important;
}
.padding8, .padding-8{
	padding: 8px !important;
}
.padding10, .padding-10{
	padding: 10px !important;
}
.padding15, .padding-15{
	padding: 15px !important;
}
.padding30, .padding-30{
	padding: 30px !important;
}
.padding-top-0{
	padding-top: 0px !important;
}
.padding-left-0{
	padding-left: 0px !important;
}
.padding-right-0{
	padding-right: 0px !important;
}
.padding-bottom-0{
	padding-bottom: 0px !important;
}
.padding-top-5{
	padding-top: 5px !important;
}
.padding-left-5{
	padding-left: 5px !important;
}
.padding-right-5{
	padding-right: 5px !important;
}
.padding-bottom-5{
	padding-bottom: 5px !important;
}
.padding-top-10{
	padding-top: 10px !important;
}
.padding-left-10{
	padding-left: 10px !important;
}
.padding-right-10{
	padding-right: 10px !important;
}
.padding-bottom-10{
	padding-bottom: 10px !important;
}
.padding-top-15{
	padding-top: 15px !important;
}
.padding-left-15{
	padding-left: 15px !important;
}
.padding-right-15{
	padding-right: 15px !important;
}
.padding-bottom-15{
	padding-bottom: 15px !important;
}
.margin5, .margin-5{
	margin: 5px;
}
.margin10, .margin-10{
	margin: 10px;
}
.margin15, .margin-15{
	margin: 15px;
}
.margin-top-0{
	margin-top: 0px !important;
}
.margin-left-0{
	margin-left: 0px !important;
}
.margin-right-0{
	margin-right: 0px !important;
}
.margin-bottom-0{
	margin-bottom: 0px !important;
}
.margin-top-5{
	margin-top: 5px !important;
}
.margin-left-5{
	margin-left: 5px !important;
}
.margin-right-5{
	margin-right: 5px !important;
}
.margin-bottom-5{
	margin-bottom: 5px !important;
}
.margin-top-3{
	margin-top: 3px !important;
}
.margin-left-3{
	margin-left: 3px !important;
}
.margin-right-3{
	margin-right: 3px !important;
}
.margin-bottom-3{
	margin-bottom: 3px !important;
}
.margin-top-10{
	margin-top: 10px !important;
}
.margin-left-10{
	margin-left: 10px !important;
}
.margin-right-10{
	margin-right: 10px !important;
}
.margin-bottom-10{
	margin-bottom: 10px !important;
}
.margin-top-15{
	margin-top: 15px !important;
}
.margin-left-15{
	margin-left: 15px !important;
}
.margin-right-15{
	margin-right: 15px !important;
}
.margin-bottom-15{
	margin-bottom: 15px !important;
}
.margin-top-20{
	margin-top: 20px !important;
}
.margin-top-25{
	margin-top: 25px !important;
}
.margin-bottom-20{
	margin-bottom: 20px !important;
}
.margin-bottom-25{
	margin-bottom: 25px !important;
}

.no-float{
	float: none !important;
}

.relative{
	position: relative;
}

.maxwidth320{
	max-width: 365px !important;
}

.rtl{
	direction: rtl !important;
}
.ltr{
	direction: ltr !important;
}

.left{
	text-align: left !important;
}
.center{
	text-align: center !important;
}
.right{
	text-align: right !important;
}
.justify{
	text-align: justify !important;
}

@media (min-width: 1200px){
	.pull-right-lg{
		float: right !important;
	}
	.pull-left-lg{
		float: left !important;
	}
}
@media (min-width: 992px) and (max-width: 1200px){
	.pull-right-md{
		float: right !important;
	}
	.pull-left-md{
		float: left !important;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	.pull-right-sm{
		float: right !important;
	}
	.pull-left-sm{
		float: left !important;
	}
}
@media (max-width: 768px){
	.pull-right-xs{
		float: right !important;
	}
	.pull-left-xs{
		float: left !important;
	}
}

.tahoma{
	font-family: tahoma !important;
}

img{
	max-width: 100%;
	font-size: 0px !important;
}

div.round-container{
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	display: inline-block;
}
img.round{
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 1000%;
	height: 30px;
	display: inline;
	vertical-align: baseline;
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.rtl{
	direction: rtl !important;
}
.center{
	text-align: center !important;
}
.ltr{
	direction: ltr !important;
}
.left{
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.tahoma{
	font-family: "Tahoma";
}
.clear{
	clear: both;
}
.circle{
	border-radius: 50%;
}
.modal-register{
	color: red;
	font-size: 12px;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
	display: block;
}
.bordered{
	border: 1px #CCC solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0 10px;
}
.payButton{
	background: green !important;
	color:white !important;
	border: 3px white solid !important;
	font-size: 17px !important;
	padding: 5px 20px !important;
	text-align: center !important;
	display: block !important;
	border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
}
.payButton:hover{
	background: #7BA000 !important;
}
#profile .tabs{
	height: 32px;
	background: #F0F0F0;
	text-align: center;
	border-top: 3px solid #3C3C3C;
}
#profile .tabItem{
	float: right;
	cursor: pointer;
	height: 32px;
	padding: 0 20px;
	border-left: 1px solid #CCC;
	line-height: 28px;
}
#profile .tabItem.active{
	background-color: #CCC;
}
#profile .tabItem:hover{
	background-color: #CCC;
}
#profile .order{
	background-color: #BDF5F5;
	padding: 25px;
	border-bottom: 1px navy solid;
}
#profile .order .details{
	display: none;
	background-color: #FCFCFC;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#subscribe #email{
	direction: rtl;
}
#subscribeForm p{
	font-size: 18px;
	direction: rtl;
}
#subscribeForm #subscribePlaceholder{
	text-align: center !important;
}
#subscribeForm #subscribeQuickRegister{
	padding: 5px;
	width: 265px;
	background: green;
}
#subscribeForm p{
	padding: 5px !important;
	text-align: center !important;
}

#subscribe #placeholder{
	text-align: center !important;
}
#subscribe #quickRegister{
	padding: 5px;
	width: 265px;
	background: green;
}
#subscribe p{
	padding: 5px !important;
	text-align: center !important;
}

#top-login-username span, #top-login-password span{
	background: #F9F9F9;
	font-size: 22px;
	line-height: 15px;
	padding: 5px;
	min-width: 45px;
	border: 1px #DFDFDF solid;
	border-left: none;
}
#top-login-username input, #top-login-password input{
	border: 1px #DFDFDF solid;
}

.transparent{
	background-color: transparent !important;
}
#popup, .popup {
	min-width: 320px;
	max-width: 90%;
	max-height: 100%;
	background-color: #FFF;
	position: fixed;
	left: 50%;
	top: 50%;
	padding: 25px;
	direction: rtl;
	z-index: 3000;
	display: none;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	/* overflow: auto; */
}
#popup .close, .popup .close {
	color: red;
	font-size: 35px;
	opacity: 1 !important;
	-o-opacity: 1 !important;
	-ms-opacity: 1 !important;
	-moz-opacity: 1 !important;
	-webkit-opacity: 1 !important;
}
#popup img, .popup img {
	width: auto !important;
}
#popup .popup-circle, .popup .popup-circle {
	position: absolute;
	top: 60px;
	right: -90px;
}
@media(max-width: 500px){
	#popup .popup-circle, .popup .popup-circle {
		position: absolute;
		top: 60px;
		right: -20px;
		width: 100px !important;
	}
}
@media(max-width: 350px){
	#popup .popup-circle, .popup .popup-circle {
		position: absolute;
		top: 60px;
		right: 20px;
		width: 80px !important;
	}
}
#popup a:hover, .popup a:hover {
	color: red;
}
#popup2, .popup2 {
	min-width: 320px;
	background-color: white;
	position: fixed;
	left: 50%;
	top: 50%;
	padding: 15px;
	border: 1px #dfdfdf solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	direction: rtl;
	z-index: 1000;
	overflow: hidden;
	display: none;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
#popup2 .close, .popup2 .close {
	color: red;
	font-size: 35px;
	opacity: 1 !important;
	-o-opacity: 1 !important;
	-ms-opacity: 1 !important;
	-moz-opacity: 1 !important;
	-webkit-opacity: 1 !important;
}
#popup2 img, .popup2 img {
	width: auto !important;
}
#popup2 a:hover, .popup2 a:hover {
	color: red;
}
#fade{
	display: none;
	background-color:#000;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
.captcha{
	width: 140px !important;
	text-align: center;
}
.captchaImage{
	vertical-align: middle;
	height: 32px !important;
	border: 1px black solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 1px;
}
.captchaRefresh{
	vertical-align: middle;
	cursor: pointer;
}
/*Gallery*/
.galleryImageDiv{
	position:relative;
	float:right;
	width: 21%;
	margin: 2%;
}
.galleryImage{
	width: 100%;
	opacity:0.8;
}
.galleryImage:hover{
	opacity:1;
}
.galleryImageCaption{
	width:90% !important;
	position:absolute !important;
	bottom:10px !important;
	right:8px !important;
	background-color:#555555 !important;
	color:white !important;
	opacity:0.9 !important;
	padding:5% !important;
	text-align:center !important;
	text-shadow:none !important;
}
.grayscale{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.non-grayscale{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}
.red{
	color: #e41710;
}
.inline{
	display: inline-block;
}
.table-striped{
	border: 1px solid #E0E4E8;
}
.table-striped img{
	width: auto !important;
}
.table-striped.center th, .table-striped.center td{
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}
.table-striped td{
	vertical-align: middle;
}
.table-striped .img{
	width: 120px !important;
	margin: 2px 10px;
}
.textbox{
	width: 30px !important;
	height: 20px !important;
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	text-align: center !important;
}
label p{
	display: inline-block !important;
	margin-left: 50px !important;
}
.more{
	cursor: pointer;
}


/*ResponsiveTable*/
@media screen and (max-width: 500px) { /* smaller than 1020px */
	/* Force table to not be like tables anymore */
	.responsiveTable, .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsiveTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.responsiveTable tr { border: 1px solid #ccc; }
	
	.responsiveTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}
	
	.responsiveTable td::before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
}
.table .fa-plus-square, .table .fa-minus-square{
	font-size: 20px;
	vertical-align: middle;
}

.dont-scale-images img, .dontScaleImages img{
	width: auto;
	height: auto;
}
.help-box {
	background: #d8d8d8;
	border:1px #a2a2a2 solid;
	padding:10px;
	margin: 20px 0;
	direction:rtl;
}
.help-box .img {border:3px solid white; background-color:#F0F0F0;}
.help-box .div {text-align:right; min-height: 200px;}
.help-box .div b{display:block; color: #1A9154; font-size:28px; text-align: right;}
.help-box .div .p {padding: 20px;}
.help-box .div > p {font-size:20px; text-align:justify; padding: 0 20px; font-size:15px;}
.help-box .div .buttons{text-align:center; display: block; margin: 0 auto;}
.help-box .div .buttons img{cursor:pointer;}
.help-box .div .price {width:221px; height:82px; background:url('../images/buy.png') no-repeat; display: inline-block; margin-bottom: 10px; margin-left: 20px;}
.help-box .div .price p {color:white; font-size:17px; padding:0px 2px; text-align: center; line-height:20px;}
.help-box .div .price2 {width:221px; height:82px; background:url('../images/buy2.png') no-repeat; display: inline-block; margin-bottom: 10px;}
.help-box .div .price2 p {color:white; font-size:17px; padding:0px 2px; text-align: center; line-height:20px;}
.help-box .div .price3 {width:221px; height:82px; background:url('../images/buy3.png') no-repeat; display: inline-block; margin-bottom: 10px;}
.help-box .div .price3 p {color:white; font-size:17px; padding:0px 2px; text-align: center; line-height:20px;}
.help-box .div .price4 {width:221px; height:82px; background:url('../images/buy4.png') no-repeat; display: inline-block; margin-bottom: 10px;}
.help-box .div .price4 p {color:white; font-size:17px; padding:0px 2px; text-align: center; line-height:20px;}

.download-box {
	background: #d8d8d8;
	border:1px #a2a2a2 solid;
	position:relative;
	height:auto;
	margin: 20px 0;
}
.download-box .filetype {width: 80px; float: right; margin: 10px;}
.download-box b {display:block;}
.download-box .img {border:3px solid white; background-color:#F0F0F0;}
.download-box .div b{color: #1A9154; font-size:20px; text-align: right;}
.download-box .div > p {font-size:20px; text-align:justify; padding: 0 20px;}
.download-box .div .buttons{text-align:center;}
.download-box .div .buttons img{cursor:pointer;}

.enamad{
	position: fixed;
	left: 0;
	bottom: 10px;
	display: inline-block;
}
.trash{
	font-size: 30px;
}

.user-list{
  list-style: none;
  display: inline-block;
}
.user-list li{
  color: #2A2828;
  padding: 0 10px;
  display: inline-block;
}
.user-list li:last-child{
  border-left: none;
}
.user-list li a{
  color: #2A2828;
  display: inline-block;
}
.user-list li a:hover{
  color: #cb117f;
}
.user-list li i{
  color: #CB117F;
  font-size: 16px;
  vertical-align: sub;
  margin-left: 10px;
}

/****category-hashtag****/
.category-hashtag{
	background-color: #fff;
	border:1px solid #dfdfdf;
	padding: 10px;
	margin-bottom: 33px;
}
body.dark .category-hashtag{
	background: #222;
	border: 1px #333 solid;
}

.category-hashtag header{
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 3px;
	position: relative;
	margin-bottom: 14px
}
body.dark .category-hashtag header{
	border-bottom: 1px solid #333;
}

.category-hashtag header:before{
	background-color: #D60644;
	bottom: -11px;
	color: #fff;
	content: "#";
	display: block;
	font-size: 16px;
	height: 20px;
	line-height: 24px;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	width: 20px;
	right: 44%;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}

.category-hashtag header h3{
	text-align: center;
	font-size: 17px;
	color: #666;
	display: block;
	text-align: center;
	padding: 10px 0;
	margin: 0;
}
.category-hashtag ul{
	list-style: none;
}
.category-hashtag ul li{
	margin-bottom: 7px
}
.category-hashtag ul li a{
	display: block;
	padding: 4px 10px;
	line-height: 22px;
	border:1px solid #dfdfdf;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
body.dark .category-hashtag ul li a{
	border: 1px solid #333;
}


/*** Header Section public Style ***/

.header-section{
	width: 100%;
	position: relative;
}
.vip-header-section{
	min-height: 45px;
	border-right: 4px solid #dfdfdf;
}
body.dark .vip-header-section{
	border-right: 4px solid #333;
}
.vip-header-section h2{
	line-height: 40px !important;
	padding-right: 10px !important;
	font-size: 16px !important;
	text-align: right !important;
	font-weight: normal !important;
}
.header-section span{
	width: 45px;
	height: 30px;
	text-align: center;
	background-color: #FAFAFA;
	display: block;
	margin: 0 auto;
	position: relative;
	bottom: -12px
}
body.dark .header-section span{
	background-color: #111;
}
.header-section h2{
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	color: #27504A;
	display: block;
	text-align: center;
}

/*** Articles ***/

.last-article {
	padding:15px 15px 15px 0;
}
.last-article .header-link-archive{
	background-color: #D60644;
	color: #fff;
	text-align: center;
	padding: 0 15px;
	position: absolute;
	left: 0;
	top: -5px;
	line-height: 32px;
	border:2px solid transparent;
}
.last-article .header-link-archive:hover{
	background-color: #fff;
	color: #9D0B0B;
	border:2px solid #D60644;
}

.article-box{
	margin: 0 0 15px 0;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.article-box img{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	position: relative;
	width: 100%;
}
.article-box:hover img{
  /*filter:sepia(100%);*/
}
.article-box h2{
	background-color: #f6f6f6;
	color: #0d4d8d;
	width: 100%;
	padding: 0 15px;
	margin: 0;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px #CCC solid;
	overflow: hidden;
	font-size: 12px;
	display: block;
}
@media (max-width : 1200px) {
	.article-box h2{
		height: 50px !important;
		display: block !important;
	}
}
.article-box h2 span{
	padding: 0 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
body.dark .article-box h2{
	background-color: #222;
	border-right: 5px solid #333;
	border-left: 1px solid #333;
}
.article-box > div.desc{
	background-color: #f6f6f6;
	padding: 10px 15px 15px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
body.dark .article-box > div.desc{
	background-color: #222;
	border:1px solid #333;
}
.article-box .desc span{
	padding: 0 5px;
	border-radius: 5px;
	font-size: 12px;
	color: #515151;
}
.article-box > div p{
   height: 38px;
   line-height: 19px;
   font-size: 12px;
   text-align: justify;
   color: #000;
   overflow: hidden;
   margin-bottom: 13px
}

.article-box > div .fa-heart-o{
   color: #515151;
   position: relative;
   top: 2px;
   margin-left: 2px
}

.article-box > div a{
   background-color: #0d4d8d;
   color: #fff;
   line-height: 25px;
   padding: 0 5px;
   font-size: 13px;
   border:1px solid transparent;
   text-align: center;
   float: left;
   display: inline-block;
}
.article-box > div a:hover{
   color: #0d4d8d;
   border-color: #0d4d8d;
   background-color: #fff;
}


/*** Last Download ***/

.last-downloads{
	margin: 0;
	padding: 5px 15px 15px 0;
}
.last-downloads .header-section:before{
	border-color: #D2D2D2
}
.last-downloads .header-section span{
	background-color: #FAFAFA;
}
.last-downloads .header-link-archive{
	background-color: #D60644;
	color: #fff;
	text-align: center;
	padding: 0 15px;
	position: absolute;
	left: 0;
	top: -5px;
	line-height: 32px;
	border:2px solid transparent;
}
.last-downloads .header-link-archive:hover{
	background-color: #fff;
	color: #2F78BD;
	border:2px solid #2F78BD;
}
.download-box{
	background: #FFF;
	margin: 0 0 15px 0;
	border: 1px solid #CCC;
	direction: rtl;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.download-box img{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	position: relative;
	width: 100%;
}
.download-box:hover img{
   /*filter:sepia(100%);*/
}
.download-box h2{
	color: #0d4d8d;
	width: 100%;
	margin: 10px 0;
	padding: 0 10px;
	line-height: 20px;
	height: 20px;
	border-right: 3px #0d4d8d solid;
	overflow: hidden;
	font-size: 12px;
	display: block;
	direction: rtl;
}
.download-box h2 span{
	padding: 0 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
body.dark .download-box h2{
	background-color: #222;
	border-right: 5px solid #333;
	border-left: 1px solid #333;
}
.download-box > div.desc{
	padding: 10px 15px 15px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
body.dark .download-box > div.desc{
	background-color: #222;
	border:1px solid #333;
}
.download-box .desc span{
	padding: 0 5px;
	border-radius: 5px;
	font-size: 12px;
	color: #515151;
}
.download-box > div p{
   height: 38px;
   line-height: 19px;
   font-size: 12px;
   text-align: justify;
   color: #000;
   overflow: hidden;
   margin-bottom: 13px
}

.download-box > div .fa-heart-o{
   color: #515151;
   position: relative;
   top: 2px;
   margin-left: 2px
}

.download-box > div a{
   background-color: #0d4d8d;
   color: #fff;
   line-height: 25px;
   padding: 0 5px;
   font-size: 13px;
   border:2px solid transparent;
   text-align: center;
   float: left;
   display: inline-block;
}
.download-box > div a:hover{
   color: #0d4d8d;
   border-color: #0d4d8d;
   background-color: #fff;
}


/*** Last Product ****/

.last-products2{
	background-color: transparent !important;
	padding: 0 !important;
	border: none !important;;
}
.last-products{
	background-color: #FFF;
	padding: 20px 0;
	border-top: 1px #dfdfdf solid;
}
body.dark .last-products{
	background-color: #222;
	padding: 20px 0;
	border-top: 1px #333 solid;
}
.last-products .header-section span{
	background-color: #FFF !important;
}
body.dark .last-products .header-section span{
	background-color: #222 !important;
}
.last-products .header-link-archive{
	background-color: #D60644;
	color: #fff;
	text-align: center;
	padding: 0 15px;
	position: absolute;
	left: 0;
	top: -5px;
	line-height: 32px;
	border:2px solid transparent;
}
.last-products .header-link-archive:hover{
	background-color: #fff;
	color: #D60644;
	border:2px solid #D60644;
}
.product-box article{
	border:1px solid #CCC;
	padding: 1px;
	background-color: #fff;
	margin: 15px 0;
}
.product-box article .product-image{
	width: 100%;
	border-bottom: 1px solid #CCC;
	padding-bottom: 1px;
	position: relative;
	display: inline-block;
}
.product-box article .product-image img{
	width: 100%;
	display: block;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.product-box article .product-image:before{
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	background-color: rgba(0,0,0,0.8);
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	z-index: 1;
	opacity: 0
}
.product-box article:hover .product-image:before{
	opacity: 1
}
.product-box article .product-image i{
	font-size: 45px;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 10;
	padding: 10px 12px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	width: 60px;
	height: 60px;
	opacity: 0;
	display: inline-block;
}

.product-box article:hover .product-image i{
	opacity: 1
}

.product-box article header{
	width: 100%;
	position: relative;
}
.product-box article header span{
	background-color: #fff;
	bottom: -1px;
	display: block;
	height: 35px;
	margin: 0 auto;
	padding-top: 8px;
	position: relative;
	text-align: center;
	width: 40px;
}
.product-box article header span i{
	background-color: #163a5c;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	color: #fff;
	height: 25px;
	padding-top: 5px;
	position: relative;
	width: 25px;
}
.product-box article header h2{
	position: relative;
	color: #0d4d8d;
	display: block;
	font-size: 13px;
	line-height: 30px;
	padding: 0px 20px;
	margin: 0;
	text-align: right;
	height: 30px;
	overflow: hidden;
}
.product-box article header h2 a:hover{
	color: #128F18
}
.product-box article header h2::before{
	content: " ";
	background: #0d4d8d;
	width: 3px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0;
}
.product-box article p{
	font-size: 13px;
	line-height: 22px;
	height: 80px;
	padding: 15px 14px 5px;
	text-align: justify;
	overflow: hidden;
}
.product-box article:hover p{
	cursor: default;
}
.product-box article .price-div{
	position: relative;
	margin: 10px 0;
	padding: 0 15px;
	direction: rtl;
}
.product-box article .price-div::before{
	content: " ";
	background: #419c18;
	width: 3px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0;
}
.product-box article .price {
	padding: 0px;
	line-height: 22px;
	color: #419c18;
	border-right: 0;
	font-size: 15px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.product-box article .add-to-basket-pro {
	padding: 4px 10px;
	color: #fff;
	background-color: #419c18;
	line-height: 20px;
	font-size: 11px;
	border: 2px #419c18 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
}
.product-box article .add-to-basket-pro i {
	vertical-align: middle;
}
.product-box article .add-to-basket-pro:hover {
	color: #419c18;
	background-color: #FFF;
}

/*** Last Vip ****/

.last-vips .header-link-archive{
	background-color: #13132b;
	color: #c6cee1;
	text-align: center;
	padding: 5px 15px;
	line-height: 32px;
	border: 2px solid #cfbfd8;
}
.last-vips .header-link-archive:hover{
	background-color: #fff;
	color: #13132b;
	border:2px solid #13132b;
}
.vip-box span.visits{
	position: absolute;
	top: 10px;
	left: 0;
	color: #FFF;
	background-color: #D60644;
	font-size: 11px;
	padding: 0 5px;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	z-index: 1;
}
.vip-box article{
	position: relative;
	border:1px solid #dfdfdf;
	background-color: #fff;
	margin: 15px 0;
}
body.dark .vip-box article{
	background-color: #111 !important;
	border: 1px #333 solid;
}
.vip-box article .vip-image{
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 1px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
body.dark .vip-box article .vip-image{
	border-bottom: 1px solid #333;
}
.vip-box article .vip-image img{
	width: 100%;
	display: block;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.vip-box article .vip-image:before{
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	background-color: rgba(0,0,0,0.8);
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	z-index: 1;
	opacity: 0
}
.vip-box article:hover .vip-image:before{
	opacity: 1
}
.vip-box article .vip-image i{
	font-size: 34px;
	color: #CFBFD8;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 10;
	padding: 10px;
	border: 2px #CFBFD8 solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #13132B;
	opacity: 0;
	display: inline-block;
}

.vip-box article:hover .vip-image i{
	opacity: 1;
}

.vip-box article header span{
	background-color: #fff;
	bottom: -1px;
	display: block;
	height: 35px;
	margin: 0 auto;
	padding-top: 8px;
	position: relative;
	text-align: center;
	width: 40px;
}
.vip-box article header span i{
	background-color: #163a5c;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	color: #fff;
	height: 25px;
	padding-top: 5px;
	position: relative;
	width: 25px;
}
.vip-box article header h2{
	color: #164f8f;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
	display: block;
	padding: 0 10px;
	margin: 0;
	text-align: right;
	overflow: hidden;
}
body.dark .vip-box article header h2{
	color: #6ab0ff;
}
.vip-box article header h2 a{
	color: #163A5C
}
.vip-box article header h2 a:hover{
	color: #128F18
}
.vip-box article p{
	font-size: 11px;
	line-height: 15px;
	height: 30px;
	padding: 0 10px;
	text-align: justify;
	overflow: hidden;
}
.vip-box article:hover p{
	cursor: default;
}
.vip-box article > label {
	border:1px solid #dfdfdf;
	padding: 4px 12px 5px;
	line-height: 22px;
	color: #199222;
	border-right: 0;
	position: relative;
	right: -1px;
	float: right;
	font-size: 17px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.vip-box article .add-to-basket-pro {
	padding: 4px 10px;
	height: 33px;
	color: #fff;
	background-color: #D60644;
	float: left;
	left: -1px;
	line-height: 22px;
	font-size: 18px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border:1px solid transparent;
	border-left: 0
}

.vip-box article .add-to-basket-pro:hover {
	color: #D60644;
	border-color: #D60644;
	background-color: #fff
}

/*** Last term  ****/
.last-terms{
	background: #DDF2EF;
	border-top: 3px solid #89B2AC;
	border-bottom: 3px solid #89B2AC;
	padding: 25px 0 30px
}
.last-terms.last-terms2{
	background: #F0F0F0;
	border-bottom: 3px solid #89B2AC;
	padding: 25px 0 30px
}
body.dark .last-terms{
	background: url('../images/rocket.png') no-repeat #111;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.last-terms .header-section span{
	height: 25px;
}
body.dark .last-terms .header-section span{
	background-color: #111;
}
.term-box article{
	padding: 1px;
	border:1px solid #dfdfdf;
	background-color: #fff;
	margin: 15px 0;
}
body.dark .term-box article{
	border:1px solid #333;
	background-color: #111;
}
.term-box article img{
	width: 50%;
	float: right;
}
.term-box article:hover img{
	filter:sepia(100%);
}
.term-box article .left-term-box{
	width: 50%;
	float: right;
	border-right: 1px solid #dfdfdf;
}
body.dark .term-box article .left-term-box{
	border-right: 1px solid #333;
}
.term-box article .left-term-box > div{
	padding: 5px 15px 10px

}
.term-box article .left-term-box h2{
	height: 40px;
	overflow: hidden;
	line-height: 25px;
	padding: 7px 5px 5px;
	border-bottom: 1px solid #dfdfdf;
	color: #2F64A8;
	font-size: 14px;
	margin: 0;
	text-align: center;
}
body.dark .term-box article .left-term-box h2{
	color: #6ab0ff;
	border-bottom: 1px solid #333;
}
.term-box article .left-term-box h2 a{
	color: #2F64A8;
}
.term-box article .left-term-box h2 a:hover{
	color: #D60644
}
.term-box article .left-term-box p{
	line-height: 22px;
	height: 70px;
	color: #6D6E6D;
	text-align: justify;
	padding:5px 0;
	overflow: hidden;
}
.term-box article .left-term-box div > a{
	line-height: 30px;
	background-color: #D60644;
	color: #fff;
	width: 100%;
	text-align: center;
	border:2px solid transparent;
	padding: 0 5px;
	display: inline-block;
}

.term-box article .left-term-box div > a:hover{
	background-color: #fff;
	color: #D60644;
	border-color: #D60644
}

.last-terms .header-link-archive{
	background-color: #D60644;
	color: #fff;
	text-align: center;
	padding: 0 15px;
	position: absolute;
	left: 0;
	top: -5px;
	line-height: 32px;
	border:2px solid transparent;
}
.last-terms .header-link-archive:hover{
	background-color: #fff;
	color: #9D0B0B;
	border:2px solid #D60644;
}

/*** Last term2  ****/
.last-terms2{
	background: url('../images/rocket.png') no-repeat #EDEDED;
	background-position: left 50%;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	padding: 25px 0 30px
}
.last-terms2 .header-section span{
	height: 25px;
	background-color: #EDEDED
}
.term-box2 article{
	padding: 1px;
	border:1px solid #dfdfdf;
	background-color: #fff;
	margin: 15px 0;
}
.term-box2 article img{
	width: 37%;
	float: right;
}
.term-box2 article:hover img{
	filter:sepia(100%);
}
.term-box2 article .left-term-box{
	width: 63%;
	float: right;
	border-right: 1px solid #dfdfdf;
}
.term-box2 article .left-term-box > div{
	padding: 5px 15px 10px

}
.term-box2 article .left-term-box h2{
	height: 40px;
	overflow: hidden;
	line-height: 25px;
	padding: 7px 5px 5px;
	border-bottom: 1px solid #dfdfdf;
	color: #5B5B5B;
	font-size: 14px;
	margin: 0;
	text-align: center;
}
.term-box2 article .left-term-box h2 a{
	color: #5B5B5B;
}
.term-box2 article .left-term-box h2 a:hover{
	color: #ff3366
}
.term-box2 article .left-term-box p{
	line-height: 22px;
	height: 70px;
	color: #6D6E6D;
	text-align: justify;
	padding:5px 0;
	overflow: hidden;
}
.term-box2 article .left-term-box div > a{
	line-height: 30px;
	background-color: #ff3366;
	color: #fff;
	width: 100%;
	text-align: center;
	border:2px solid transparent;
	padding: 0 5px;
	display: inline-block;
}

.term-box2 article .left-term-box div > a:hover{
	background-color: #fff;
	color: #ff3366;
	border-color: #ff3366
}

.last-terms2 .header-link-archive{
	background-color: #D60644;
	color: #fff;
	text-align: center;
	padding: 0 15px;
	position: absolute;
	left: 0;
	top: -5px;
	line-height: 32px;
	border:2px solid transparent;
}
.last-terms2 .header-link-archive:hover{
	background-color: #fff;
	color: #9D0B0B;
	border:2px solid #D60644;
}


/*** VIP Section ****/

.vip-section{
	background: white;
	padding-top: 20px;
	padding-bottom: 20px;
}
body.dark .vip-section{
	background: #222;
}
.vip-section .vip-register{
	background: url('../images/vip.png') no-repeat center center;
	border: 1px solid #1E4590;
	padding: 20px;
	margin: 15px 0;
	background-size: cover;
}
.vip-section .vip-register .header-section{
	margin-bottom: 20px;
}
.vip-section .vip-register .header-section span{
	width: 45px;
	height: 20px;
	text-align: center;
	background-color: #FFF8DD;
	display: block;
	margin: 0 auto;
	position: relative;
	bottom: -14px
}
.vip-section .vip-register .header-section h2{
	font-size: 20px;
	font-weight: bold;
	color: #906B00;
	margin: 0;
	display: block;
	text-align: center;
}
.vip-section .vip-register .header-section:before{
	border-bottom: 1px solid #FDD63D
}
.vip-section .vip-register p{
	font-size: 16px;
	color: #896500;
	line-height: 30px;
	text-align: justify;
	padding: 0;
}
.vip-section .vip-register .vip-logo{
	width: 151px;
	height: 124px;
	background:url('../images/vip.png') no-repeat;
	display: block;
	margin: 0 auto;
	position: relative;
}
.vip-section .vip-register .vip-logo:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0%;
	height: 100%;
	background-color: #FFF8DD;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
   
}

.vip-section .vip-register:hover .vip-logo:after {
	width: 120%;
	background-color: rgba(255,255,255,0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.vip-register-link{
	background-color: rgba(0, 0, 0, 0.5);
	color: #c6cee1;
	text-align: center;
	width: 100%;
	line-height: 25px;
	padding: 8px 0;
	margin-top: 255px;
	display: block;
	font-size: 16px;
	border: 2px solid rgba(215, 171, 189, 0.1);
}
.vip-register-link:hover{
	background-color: rgba(255, 255, 255, 0.1);
	color: #FFF;
}


.vip-register2{
	background: url('../images/vip.png') no-repeat center center;
	border: 1px solid #1E4590;
	padding: 20px;
	margin: 15px 0;
	background-size: cover;
}
.vip-register2 .header-section{
	margin-bottom: 20px;
}
.vip-register2 .header-section span{
	width: 45px;
	height: 20px;
	text-align: center;
	background-color: #FFF8DD !important;
	display: block;
	margin: 0 auto;
	position: relative;
	bottom: -14px
}
.vip-register2 .header-section h2{
	font-size: 16px;
	font-weight: bold;
	color: #906B00;
	margin: 0;
	display: block;
	text-align: center;
}
.vip-register2 .header-section:before{
	border-bottom: 1px solid #FDD63D !important;
}
.vip-register2 p{
	font-size: 16px;
	color: #896500;
	line-height: 30px;
	text-align: justify;
	padding: 0;
}
.vip-register2 .vip-logo{
	width: 151px;
	height: 124px;
	background:url('../images/vip.png') no-repeat;
	display: block;
	margin: 0 auto;
	position: relative;
}
.vip-register2 .vip-logo:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0%;
	height: 100%;
	background-color: #FFF8DD;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
   
}

.vip-register2:hover .vip-logo:after {
	width: 120%;
	background-color: rgba(255,255,255,0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.vip-register2-link{
	background-color: #FDD63D;
	color: #896500;
	text-align: center;
	width: 100%;
	line-height: 25px;
	padding: 8px 0;
	display: block;
	font-size: 16px;
	border:2px solid transparent;
}
.vip-register2-link:hover{
	background-color: #fff;
	color: #C28904;
	border-color: #EBAA00
}

/******** Audio ***********/
.audio-box-single{
	width: 500px;
	margin: 0 auto;
	max-width: 100%;
}
.audio-box{
	padding: 9px 0;
	border-bottom: 1px #dfdfdf solid;
}
body.dark .audio-box{
	border-bottom: 1px #333 solid;
}
.audio-box:last-child{
	border-bottom: none;
}
.audio-box .audio-title{
	line-height: 20px;
	height: 40px;
	margin: 0 0 5px 0;
	line-height: 20px;
	font-size: 14px;
	text-align: justify;
	overflow: hidden;
}

/*** QuickRegister ***/
.quick-register-container{
	background: #e9e9e9;
	border: 1px #bebebe solid;
	border-top: 3px #2caadd solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.quick-register{
	position: relative;
	padding: 15px;
	margin: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.quick-register p{
	text-align: justify;
	font-size: 13px;
	line-height: 26px;
}
.quick-register img{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.quick-register h4{
	color: #2caadd;
	display: inline-block;
}
.quick-register .title{
	position: relative;
	height: 30px;
	line-height: 30px;
	background: #2caadd;
	color: #FFF;
	font-size: 12px;
	padding: 0 15px;
	margin-left: 15px;
	border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	-webkit-border-radius: 3px 3px;
	display: inline-block;
}
.quick-register .title::after{
	content: " ";
	position: absolute;
	top: 8px;
	left: -8px;
	margin-right: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 8px 0;
	border-color: transparent #2caadd transparent transparent;
}
.quick-register input[type=text]{
	width: 100%;
	color: #363636 !important;
	background-color: #FFF !important;
	font-size: 12px !important;
	padding: 3px 5px;
	margin-bottom: 10px;
	border: 1px #bebebe solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
}
.quick-register .download-btn{
	width: 100%;
	background: #4a4a4a;
	color: #FFF !important;
	font-size: 13px !important;
	padding: 0 10px;
	border: none;
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	vertical-align: middle;
}
.quick-register .download-btn:hover{
	background: #222;
}
#campaignSubmit{
	position: relative;
	width: 100%;
	background: #2caadd;
	color: #FFF;
	line-height: 35px;
	height: 35px;
	font-size: 13px;
	text-align: center;
	margin: 0;
	border: 1px #1d99cb solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0 5px;
	display: block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#campaignSubmit span{
	width: 36px;
	position: relative;
	color: #FFF;
	line-height: 25px;
	height: 35px;
	font-size: 18px;
	text-align: center;
	border-left: 1px #1d99cb solid;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	float: right;
}
#campaignSubmit:visited, #campaignSubmit:active{
	color: #FFF !important;
}
#campaignSubmit i{
	color: #FFF;
	line-height: 25px;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}
#campaignSubmit:hover{
	background: #1d7da3;
	color: #FFF;
}
#campaignSubmit:hover span{
	border-left: 1px #145d7b solid;
}
#campaignForm::before{
	content: " ";
	background: #bebebe;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

/********** Single ***********/
.box{
	position: relative;
	background: #FFF;
	padding: 0;
	margin-bottom: 16px;
	border: 1px #dfdfdf solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.box .head{
	background: #FAFAFA;
	color: #6a6a6a;
	padding: 0;
	margin: 0;
	border-bottom: 1px #dfdfdf solid;
}
.box .head .title{
	color: #565656;
	display: inline-block;
	float: right;
	margin: 0;
	padding: 4px 15px;
	font-size: 16px;
	line-height: normal !important;
}
.box .head .title i{
	background: #D60644;
	color: #FFF;
	display: inline-block;
	margin-left: 10px;
	padding: 8px;
	font-size: 20px;
	vertical-align: middle;
}
.box .head .more{
	color: #6a6a6a;
	display: inline-block;
	float: left;
	margin: 0;
	font-size: 13px;
}
.box .head .more i{
	color: #8b8b8b;
	display: inline-block;
	padding: 7px;
	font-size: 20px;
	vertical-align: middle;
}
.box .head .more i:hover{
	color: #d31515;
}
.box .head a{
	color: #6a6a6a;
	display: inline-block;
	float: left;
	margin: 0;
	font-size: 13px;
}
.box .head a:hover{
	color: #111;
}
.box .head .braedcrumb-box{
	color: #E82E3B;
	display: inline-block;
	float: right;
	margin: 0;
	padding: 4px 15px;
	font-size: 14px;
	line-height: normal !important;
}
.braedcrumb-box.mobile i:last-child{
	display: none;
}
.box .head a.braedcrumb{
	color: #e2342e;
	display: inline-block;
	float: none !important;
	margin: 0;
	font-size: inherit !important;
	font-weight: 300;
}
.similar-box{
	padding: 10px;
	margin: 10px 0;
	border: 1px #f0f0f0 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.similar-box:hover{
	background: #FAFAFA;
}
.similar-box img{
	width: 100px;
	padding: 1px;
	margin-left: 15px;
	border: 1px #dfdfdf solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
}
.similar-box h3{
	color: #1b88b1;
	font-size: 13px;
	text-align: right;
	margin: 0 0 10px 0;
}
.similar-box p{
	color: #626262;
	line-height: 20px;
	height: 40px;
	font-size: 13px;
	text-align: justify;
	margin: 0;
	overflow: hidden;
}

.summary{
	position: relative;
	box-shadow: 0 0 0px 1px #dfdfdf;
	border-right: 4px #E82E3B solid !important;
}

.summary-title{
	position: relative;
	color: #FFF;
	background: #E82E3B;
	padding: 7px;
	font-size: 11px;
	position: absolute;
	top: 10px;
	right: 0;
	height: 30px;
	line-height: 16px;
}
.summary-desc{
	padding: 40px 15px 15px 15px;
	font-size: 12px;
	line-height: 28px;
	width: 100%;
}
.summary-desc p{
	font-size: 12px;
	text-align: justify;
	margin: 0;
	line-height: inherit;
}

.summary .date{
	color: #5f5f5f;
	font-size: 13px;
	text-align: justify;
	margin: 10px;
	float: left;
}
.summary .date i{
	font-size: 16px;
	color: #afafaf;
	margin-right: 10px;
}

#more p{
	text-align: justify;
	line-height: 25px;
	font-weight: 300;
	margin: 0;
	font-size: 14px;
}
.icon-btn1:hover{
	background: #E8B2BA !important;
	color: #FFF !important;
}
#more p a{
	font-weight: bold;
}

.keywordsDiv{
	position: relative;
	direction:rtl;
}
.keywordsDiv a{
	background: #e3e3e3;
	color: #6c6c6c !important;
	font-size: 13px;
	padding: 3px 10px;
	margin: 3px;
	display:inline-block;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.keywordsDiv a:hover{
	background: #333 !important;
	color: #FFF !important;
}
.keywordsDiv a i {
	font-size: 5px;
	margin-left: 3px;
	vertical-align: middle;
}

.border-title{
	position: relative;
	background: #F9F9F9;
	text-align: center;
	margin-bottom: -6px;
	margin-top: 15px;
	border: 1px #DFDFDF solid;
	padding: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.border-title h3{
	color: #707070;
	text-align: center;
	font-size: 16px;
	margin: 0;
	display: inline-block;
}

.simple-title-gray{
	position: relative;
	width: 100%;
	max-width: 100%;
	text-align: right;
	margin: 15px 0;
	display: inline-block;
}
.simple-title-gray::before{
	content: " ";
	width: 100%;
	height: 2px;
	position: absolute;
	top: 14px;
	left: 0;
	background: #bebebe;
}
.simple-title-gray h2{
	position: relative;
	line-height: 22px;
	color: #6e6e6e;
	background: #FFF;
	padding: 0 15px 0 15px;
	margin: 0 15px 0 0;
	font-size: 15px;
	display: inline-block;
}
.darker .simple-title-gray h2{
	background: #F6F6F6 !important;
}
.simple-title-gray h2::before{
	content: " ";
	position: absolute;
	top: 8px;
	right: 0;
	width: 6px;
	height: 6px;
	background: #bebebe;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
}
.simple-title-gray h2::after{
	content: " ";
	position: absolute;
	top: 8px;
	left: 0;
	width: 6px;
	height: 6px;
	background: #bebebe;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
}
.simple-title-gray .more{
	position: relative;
	background: #0d4d8d;
	color: #FFF;
	padding: 0 10px;
	font-size: 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
}
.simple-title-gray .more:hover{
	background: #083561;
}
.simple-title-gray .more.green{
	background: #419c18;
}
.simple-title-gray .more.green:hover{
	background: #317d0f;
}
.simple-title-gray .more::before{
	content: " ";
	background: #FFF;
	position: absolute;
	right: -10px;
	top: 0;
	width: 10px;
	height: 30px;
}
.darker .simple-title-gray .more::before{
	background: #F6F6F6 !important;
}

@media (max-width: 400px){
	.simple-title-gray{
		text-align: center;
	}
	.simple-title-gray h2{
		margin: 0;
	}
	.simple-title-gray .more{
		float: none;
		display: block;
	}
	.navigation-h{
		display: block;
		width: 100%;
		margin: 10px 0;
	}
}

.simple-title-gray .navigation-h{
	position: relative;
	display: inline-block;
	float: left;
}
.simple-title-gray .more > a{
	background: #FFF;
	color: #6e6e6e;
	padding: 0 10px;
	display: inline-block;
}
.simple-title-gray .navigation-h a:hover{
	background: #6e6e6e !important;
	color: #222;
}


.navigation-h{
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	background: #FFF;
	padding: 0 10px;
}
.darker .navigation-h{
	background: #F6F6F6 !important;
}
.navigation-h a{
	width: 28px;
	height: 28px;
	background: #CCC !important;
	color: #3a3a3a !important;
	font-size: 14px !important;
	text-align: center;
	padding: 8px !important;
	margin: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	vertical-align: middle;
}
.navigation-h a:hover{
	background: #000 !important;
	color: #FFF !important;
}
.navigation-v{
	color: #FFF !important;
	background-color: rgba(255,255,255,0.3);
	font-size: 15px;
	text-align: center;
	padding: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.navigation-v a{
	color: #FFF !important;
	font-size: 15px;
	text-align: center;
	padding: 3px;
	vertical-align: middle;
	display: block;
}

.author{
	position: relative;
	padding: 10px;
	margin: 15px 0;
	text-align: center;
}
.author .author-image{
	border: 1px #e7e7e7 solid;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	padding: 1px;
}
.author .icon{
	position: relative;
	text-align: center;
	display: block;
	border-bottom: 1px #dfdfdf solid;
}
.author .icon span{
	position: relative;
	width: 25px;
	height: 20px;
	text-align: center;
	background-color: #FFF;
	display: block;
	margin: 0 auto;
	position: relative;
	bottom: -9px;
}

.author2{
	position: relative;
	padding: 10px;
	margin: 15px 0;
	text-align: center;
}
.author2 i {
	margin-left: 0;
}
.author2 .author-image{
	border: 1px #e7e7e7 solid;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	padding: 1px;
}
.author2 .icon{
	position: relative;
	font-size: 40px;
	text-align: center;
	display: block;
}
.author2 .icon span{
	position: relative;
	width: 25px;
	height: 20px;
	text-align: center;
	background-color: #FFF;
	display: block;
	margin: 0 auto;
	position: relative;
	bottom: -9px;
}

.product-details{
	position: relative;
	padding: 10px;
	margin: 15px 0;
	text-align: right;
}

.icon-btn1{
	background: #E82E3B;
	width: 220px;
	color: #FFF;
	line-height: 38px;
	height: 40px;
	font-size: 16px;
	text-align: center;
	margin: 5px 10px;
	border: none;
	padding: 0 5px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}
.icon-btn1.smaller{
	font-size: 12px !important;
}
.icon-btn1 .icon{
	width: 36px;
	position: relative;
	color: #FFF;
	line-height: 25px;
	height: 37px;
	font-size: 22px;
	text-align: center;
	border-left: 1px #FFF solid;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	float: right;
}
.icon-btn1:visited, .icon-btn1:active{
	background: #5a005a;
	color: #FFF;
}
.icon-btn1 i{
	color: #FFF;
	line-height: 25px;
	font-size: 22px;
	display: inline-block;
	vertical-align: sub;
	margin-left: 15px;
}
.icon-btn2{
	color: #ff4e00;
	line-height: 28px;
	font-size: 16px;
	text-align: center;
	margin: 10px;
	padding: 0 15px;
	display: inline-block;
	background: white;
	border: 1px #ff4e00 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.icon-btn2 .price-text span{
	font-size: 20px;
}
.icon-btn2:visited, .icon-btn2:active{
	color: #ff4e00;
}
.icon-btn2 .icon{
	width: 36px;
	position: relative;
	color: #707070;
	line-height: 25px;
	height: 38px;
	font-size: 22px;
	text-align: center;
	border-left: 1px #4bb53f solid;
	padding: 2px;
	display: inline-block;
	vertical-align: middle;
	float: right;
}
.icon-btn2 i{
	color: #16781F;
	line-height: 30px;
	font-size: 24px;
	margin-left: 3px;
	display: inline-block;
	vertical-align: middle;
}

.icon-btn3{
	color: #c3c3c3;
	line-height: 28px;
	height: 28px;
	font-size: 16px;
	text-align: center;
	margin: 10px;
	padding: 0 15px;
	display: inline-block;
	text-decoration: line-through;
}
.icon-btn3 .price-text span{
	font-size: 20px;
}
.icon-btn3:visited, .icon-btn3:active{
	color: #5F0000 !important;
}
.icon-btn3 .price-text{
	text-decoration: line-through;
}
.icon-btn3 .icon{
	width: 36px;
	position: relative;
	color: #707070;
	line-height: 25px;
	height: 38px;
	font-size: 22px;
	text-align: center;
	border-left: 1px #b53f3f solid;
	padding: 2px;
	display: inline-block;
	vertical-align: middle;
	float: right;
}
.icon-btn3 i{
	color: #5F0000;
	line-height: 30px;
	font-size: 24px;
	margin-left: 3px;
	display: inline-block;
	vertical-align: middle;
}

.google-btn{
	background: #DD4A40;
	color: #FFF;
	line-height: 35px;
	height: 35px;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0 5px;
	display: inline-block;
}
.google-btn span{
	width: 44px;
	position: relative;
	color: #FFF;
	line-height: 25px;
	height: 35px;
	font-size: 22px;
	text-align: center;
	border-left: 1px #B22D22 solid;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	float: right;
}
.google-btn:visited, .google-btn:active{
	color: #FFF !important;
}
.google-btn i{
	color: #FFF;
	line-height: 25px;
	font-size: 22px;
	display: inline-block;
	vertical-align: middle;
}
.google-btn:hover{
	background: #B22D22;
	color: #FFF;
}

#comment_form{
	margin: 0 0 15px 0;
	padding: 5px;
}
#comments img{
	width: auto;
}
#comments .comment-box{
	position: relative;
	background: #fcfcfc;
	color: #717171;
	font-size: 13px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px #ededed solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
}
#comments .comment-box p{
	color: #717171;
	font-size: 13px !important;
	text-align: justify;
}
.comment_text{
	position: relative;
	clear: both;
	padding: 10px 10px 25px 10px;
	text-align: justify;
}
#comments .comment-box .userImage{
	max-width:40px;
	float: right;
	margin: 0 10px;
	box-shadow: 0px 0px 3px 0px #555;
	-moz-box-shadow: 0px 0px 3px 0px #555;
	-webkit-box-shadow: 0px 0px 3px 0px #555;
}
#comments .comment-box .name{
	background: #c7e9e4;
	color: #D60644;
	font-size: 13px;
	float: right;
	position: relative;
	right: -10px;
	padding: 3px 5px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}
#comments .comment-box .name a{
	color: #FFF;
}
#comments .comment-box .date{
	color: #717171;
	font-size: 16px;
	float: left;
}
#comments .comment-box .date2{
	color: #303030;
	font-size: 13px;
	float: left;
}
#comments .comment-box .vote{
	float: left;
}
#comments .comment-box .upvote, #comments .comment-box .downvote, #comments .comment-box .illegal{
	box-shadow: none !important;
	float: none !important;
	margin: 0px 5px !important;
	cursor: pointer;
}
#comments .answer{
	position: absolute;
	left: -5px;
	bottom: -5px;
	background: #29aa29;
	color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 3px 10px;
	font-size: 13px !important;
	cursor:pointer;
	display: inline-block;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
#comments .answer:hover{
	background: #0e6b0e;
}
#comments .answer-box{
	position: relative;
	background: #f5f5f5;
	color: #717171;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 10px;
	border: 1px #C9C9C9 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
}
#comments .answer-box p{
	color: #717171;
	font-size: 13px;
	text-align: justify;
}
#comments .illegal{
	color: #ff6b1a;
	margin: 5px 0 !important;
	padding: 0px 2px;
	font-size: 15px !important;
	cursor:pointer;
	display: inline-block;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
#comments .illegal i{
	font-size: 27px !important;
}
#comments .illegal:hover{
	color: #d84c00;
}
#comments .downvote{
	background: #FFF;
	color: #CF1C22;
	border: 1px #FFC5C7 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px;
	padding: 0px 2px;
	font-size: 13px !important;
	cursor:pointer;
	display: inline-block;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
#comments .downvote i{
	font-size: 20px !important;
}
#comments .downvote:hover{
	color: #CF1C22;
	border: 1px #CF1C22 solid;
}
#comments .upvote{
	background: #FFF;
	color: #1E7B02;
	border: 1px #A2EC8C solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px;
	padding: 0px 2px;
	font-size: 13px !important;
	cursor:pointer;
	display: inline-block;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
#comments .upvote i{
	font-size: 20px !important;
}
#comments .upvote:hover{
	color: #1E7B02;
	border: 1px #1E7B02 solid;
}
.upvoteCount, .downvoteCount{
	font-size: 16px;
	padding: 0px 5px;
}

#comments .upvote i, #comments .downvote i, #comments .illegal i{
	vertical-align: middle;
}

.comment-btn{
	background: #068bbd;
	color: #FFF;
	padding: 5px 25px;
	font-size: 13px !important;
	display: inline-block;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.comment-btn:hover{
	background: #00729D;
	color: #FFF;
}
@media (max-width: 768px){
	#comments .comment-box .date{
		font-size: 12px;
	}
	#comments .comment-box .date2{
		font-size: 12px;
	}

	#comments .illegal{
		font-size: 13px !important;
	}
	#comments .illegal i{
		font-size: 17px !important;
	}
	#comments .downvote{
		font-size: 13px !important;
	}
	#comments .downvote i{
		font-size: 13px !important;
	}

	#comments .upvote{
		font-size: 13px !important;
	}
	#comments .upvote i{
		font-size: 13px !important;
	}
	.upvoteCount, .downvoteCount{
		font-size: 12px;
	}
}
/*
.comment-read{
	background: #D6FFD6 !important;
}
.comment-unread{
	background: #5A0000 !important;
}
.comment-illegal{
	background: #FFA6A6 !important;
}
.comment-admin{
	background: #FFFF9E !important;
}
*/
.i-bought{
	background:#FFF !important;
	color: #C506E2;
	margin: 5px;
	padding: 0px 20px;
	float: right;
	border: 1px #C506E2 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}



/****last-comments****/
.last-comments{
	background-color: #fff;
	border:1px solid #dfdfdf;
	padding: 10px;
}
body.dark .last-comments{
	background: #222;
	border: 1px #333 solid;
}

.last-comments header{
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 3px;
	position: relative;
	margin-bottom: 20px
}
body.dark .last-comments header{
	border-bottom: 1px #333 solid;
}

.last-comments header i{
	background-color: #133454;
	bottom: -11px;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 20px;
	line-height: 18px;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	width: 20px;
	right: 44%;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}
body.dark .last-comments header i{
	background-color: #666;
}

.last-comments header h3{
	text-align: center;
	font-size: 18px;
	color: #666;
	display: block;
	text-align: center;
	padding: 10px 0;
	margin: 0;
}
.last-comments .last-comment{
	margin-bottom: 15px;
}
.last-comments .last-comment:last-child{
	margin-bottom: 0;
}
.last-comments .last-comment img{
	background: #FFF;
	border:1px solid #dfdfdf;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-size: 0;
}
body.dark .last-comments .last-comment img{
	background: #111;
	border:1px solid #333;
}
.last-comments .last-comment .dashed{
	border-bottom: 1px dashed #dfdfdf;
	padding-bottom: 8px;
}
body.dark .last-comments .last-comment .dashed{
	border-bottom:1px dashed #333;
}
.last-comments .last-comment .name{
	color: #228e31;
	font-size: 12px;
	text-align: right;
	margin: 0;
	padding: 0;
	float: right;
}
.last-comments .last-comment .date{
	color: #707070;
	font-size: 12px;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
}
.last-comments .last-comment .comment{
	height: 40px;
	line-height: 20px;
	color: #707070;
	font-size: 12px;
	text-align: justify;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


.scores{
	color: #7A7979;
	text-align: center;
	padding: 0 15px;
}
.scores span{
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	background: #E82E3B;
	padding: 2px 6px;
	margin-right: 5px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	vertical-align: middle;
	display: inline-block;
}

.socials{
	direction: ltr;	
}
.socials li{
	display: inline-block;	
}
.socials li i{
	width: 25px;
	height: 25px;
	line-height: 18px;
	background: #FFF;
	color: #696969;
	font-size: 14px;
	padding: 3px;
	margin: 1px;
	text-align: center;
	border: 1px #dfdfdf solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
}
.socials li i:hover{
	color: #FFF;
}

#shareIcons{
	position: relative;
	padding: 5px;
	/*border: 1px #dfdfdf solid;*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
}

.share-p{
	color: #8a8d95;
	font-size: 12px;
	display: inline-block;
}

.hashtag2{
	padding: 15px;
	margin-bottom: 15px;
}
.hashtag2 ul{
	list-style: none;
}
.hashtag2 li{
	color: #757575;
	font-size: 13px;
	line-height: 30px;
}
.hashtag2 i{
	color: #D60644;
	margin-left: 10px;
	font-size: 15px;
}
.sub-box{
	padding: 10px;
	border-bottom: 1px #dfdfdf solid;
}
.sub-box:last-child{
	border-bottom: none;
}
.sub-box h3{
	color: #000;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	line-height: 20px;
	height: 44px;
	overflow: hidden;
	text-align: justify;
	display: block;
}
.sub-box p{
	font-size: 10px;
	height: 60px;
	line-height: 20px;
	overflow: hidden;
	text-align: justify;
}
.square-image{
	width: 100px;
	float: right;
	margin-left: 10px;
	padding: 1px;
	border: 1px #dfdfdf solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.product-details1 {
	min-height: 252px;
	position: relative;
	background: #fff5f7;
	padding: 15px;
	margin: 15px 0;
	text-align: justify;
	font-size: 13px;
	border: 2px #f36 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.product-details1 h3{
	color: #ff3f3f;
	font-size: 16px;
	text-align: right;
	padding: 5px 0;
	margin: 0;
}
.product-details1 p{
	color: #ff7295;
}
.product-details1 .price{
	color: green;
}


.product-details2 {
	min-height: 252px;
	position: relative;
	background: #fff5f7;
	padding: 15px 30px 15px 15px;
	margin: 15px 0;
	text-align: justify;
	font-size: 14px;
	border: 2px #f36 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.product-details2 h3{
	color: #ff3f3f;
	font-size: 16px;
	text-align: right;
	padding: 5px 0;
	margin: 0;
}
.product-details2 p{
	color: #8c0d0d;
}


blockquote{
	position: relative;
	color: #3f3f3f;
	background: #fef3f3;
	font-size: 13px;
	text-align: justify;
	margin: 10px 0;
	padding: 15px;
	border-top: 3px #ff3f3f solid;
	border-right: none;
}
p.success::before{
	content: "\f046";
	position: absolute;
	top: 6px;
	right: 10px;
	color: #238c15;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 19px;
}
p.success{
	position: relative;
	color: #238c15;
	background: #f6fef5;
	font-size: 13px;
	margin: 5px;
	padding: 10px 40px 10px 10px;
	border: 1px #52c874 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
p.success.no-icon{
	padding: 10px !important;
}
p.success.no-icon::before{
	content: "";
}
p.error::before{
	content: "\f071";
	position: absolute;
	top: 6px;
	right: 10px;
	color: #de1c1c;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 19px;
}
p.error{
	position: relative;
	color: #de1c1c;
	background: #fff2f2;
	font-size: 13px;
	margin: 5px;
	padding: 10px 40px 10px 10px;
	border: 1px #F3AAAA solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
p.error.no-icon{
	padding: 10px !important;
}
p.error.no-icon::before{
	content: "";
}
p.info::before{
	content: "\f059";
	position: absolute;
	top: 6px;
	right: 10px;
	color: #29a7d6;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 19px;
}
p.info{
	position: relative;
	color: #29a7d6;
	background: #edfafc;
	font-size: 13px;
	margin: 5px;
	padding: 10px 40px 10px 10px;
	border: 1px #7edceb solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
p.info.no-icon{
	padding: 10px !important;
}
p.info.no-icon::before{
	content: "";
}


.linkedin{
	background: #0072bc !important;
}
.instagram{
	background: #754c24 !important;
}
.google-plus{
	background: #ed1c24 !important;
}
.facebook{
	background: #4C66A4 !important;
}
.youtube{
	background: #9e0b0f !important;
}
.twitter{
	background: #00bff3 !important;
}
.aparat{
	background: #ED145B !important;
}
.telegram{
	background: #2EA6DA !important;
}
.pinterest{
	background: #BD081C !important;
}
.rss{
	background: #FB7629 !important;
}

.linkedin:hover{
	filter: brightness(130%);
	-moz-filter: brightness(130%);
	-webkit-filter: brightness(130%);
	-ms-filter: brightness(130%);
}
.instagram:hover{
	filter: brightness(130%);
	-moz-filter: brightness(130%);
	-webkit-filter: brightness(130%);
	-ms-filter: brightness(130%);
}
.google-plus:hover{
	filter: brightness(130%);
	-moz-filter: brightness(130%);
	-webkit-filter: brightness(130%);
	-ms-filter: brightness(130%);
}
.facebook:hover{
	filter: brightness(130%);
	-moz-filter: brightness(130%);
	-webkit-filter: brightness(130%);
	-ms-filter: brightness(130%);
}
.youtube:hover{
	filter: brightness(130%);
	-moz-filter: brightness(130%);
	-webkit-filter: brightness(130%);
	-ms-filter: brightness(130%);
}
.twitter:hover{
	filter: brightness(130%);
	-moz-filter: brightness(130%);
	-webkit-filter: brightness(130%);
	-ms-filter: brightness(130%);
}
.pinterest:hover{
	filter: brightness(130%);
	-moz-filter: brightness(130%);
	-webkit-filter: brightness(130%);
	-ms-filter: brightness(130%);
}
.rss:hover{
	filter: brightness(130%);
	-moz-filter: brightness(130%);
	-webkit-filter: brightness(130%);
	-ms-filter: brightness(130%);
}

.linkedin-hover:hover, .jssocials-share-logo.fa-linkedin:hover{
	background: #0072bc !important;
}
/*.instagram-hover:hover, .jssocials-share-logo.fa-instagram:hover{
	background: #a17357;
	background: radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 10% 140%, #feda7e, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e42e66 50%, #fa5332 70%, #ffdc80 100%);
}*/
.google-hover:hover, .jssocials-share-logo.fa-google:hover{
	background: #ed1c24 !important;
}
.google-plus-hover:hover, .jssocials-share-logo.fa-google-plus:hover{
	background: #ed1c24 !important;
}
.facebook-hover:hover, .jssocials-share-logo.fa-facebook:hover{
	background: #4C66A4 !important;
}
.youtube-hover:hover, .jssocials-share-logo.fa-youtube:hover{
	background: #9e0b0f !important;
}
.twitter-hover:hover, .jssocials-share-logo.fa-twitter:hover, .jssocials-share-logo.fa-at:hover{
	background: #00bff3 !important;
}
.telegram-hover:hover, .jssocials-share-logo.fa-paper-plane:hover{
	background: #34ACE0 !important;
}
.pinterest-hover:hover, .jssocials-share-logo.fa-pinterest:hover{
	background: #BD081C !important;
}
.telegram-hover:hover, .jssocials-share-logo.fa-telegram:hover{
	background: #2EA6DA !important;
}
.aparat-hover:hover, .jssocials-share-logo.fa-aparat:hover{
	background: #ED145B !important;
}
.rss-hover:hover, .jssocials-share-logo.fa-rss:hover{
	background: #FB7629 !important;
}
.whatsapp-hover:hover, .jssocials-share-logo.fa-whatsapp:hover{
	background: #29A628 !important;
}

/*pagination*/
.pagination-wrapper
{
	background:#FFF;
	border-top: 1px #cecece solid;
}
#pagination
{
	color: #333;
	margin:10px 0px;
	padding:10px;
	text-align:left;
	direction: ltr;
}
#pagination::after{
	display: table;
	content: " ";
	clear:both !important;
}
#pagination p
{
	color: #333;
	display: inline-block;
	margin: 0 10px;
}
#pagination a
{
	color: #E82E3B !important;
	background-color: #FFF;
	font-size: 15px;
	text-align: center;
	padding: 0px 10px;
	margin: 3px;
	border: 1px #E82E3B solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#pagination a:hover{
	color: #FFF !important;
	background-color: #E82E3B;
	border: 1px #E82E3B solid;
}
#pagination .selected
{
	color: #FFF !important;
	background-color: #E82E3B;
	border: 1px #E82E3B solid;
}





#Message{
	display: none;
	background-color:white;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	direction: rtl;
	border: 3px black solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 400px;
	max-width: 100%;
	position: fixed;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	z-index: 10000;
}
body.dark #Message{
	background: #333;
}
#Message p{
	font-size: 17px;
	font-weight: bold;
	padding: 20px;
	text-align: center;
	direction: rtl;
}
.captcha{
	width: 60px;
	text-align: center;
}
.captchaImage{
	vertical-align: middle;
	height: 28px;
	border: 1px black solid;
	margin: 1px;
}
.captchaRefresh{
	vertical-align: middle;
	cursor: pointer;
}
/*Gallery*/
.galleryImageDiv{
	position:relative;
	float:right;
	width: 21%;
	margin: 2%;
}
.galleryImage{
	width: 100%;
	opacity:0.8;
}
.galleryImage:hover{
	opacity:1;
}
.galleryImageCaption{
	width:90% !important;
	position:absolute !important;
	bottom:10px !important;
	right:8px !important;
	background-color:#555555 !important;
	color:white !important;
	opacity:0.9 !important;
	padding:5% !important;
	text-align:center !important;
	text-shadow:none !important;
}

.scoreDiv h4, .shareDiv h4{
	color: #7A7979;
	font-size: 16px;
	margin: 0;
	text-align: center;
}
.scoreDiv {
	text-align: right;
	margin: 0;
	display: inline-block;
}
.rating{
	text-align: center;
	direction: ltr;
}
#rate {
	direction: ltr;
	text-align: center;
	padding: 5px;
}
#rate img {
	width: 20px;
}
.rating p {
}
.share42init{
	direction: ltr;
	vertical-align: middle;
	display: inline-block;
	float: left;
	margin: 10px 0 4px 0;
}
.shareText{
	margin: 16px 0;
	display: inline-block;
}

@media (max-width: 768px){
	.scoreDiv{
		text-align: center !important;
	}
	.scoreDiv span:first-child{
		display: block;
		text-align: center;
	}
	.share-p{
		display: block;
		text-align: center !important;
	}
	#shareIcons{
		display: block;
		text-align: center !important;
	}
}

.grayscale{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.non-grayscale{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}
.messageToAll{
	color:black;
	background-color: #00D2FF;
	direction: rtl;
	font-size: 17px;
}
.messageToAll .main{
	max-width:1020px;
	margin: 0 auto;
	padding: 5px;
}
.messageToAll .main p{
	margin: 0;
}
.messageToAll a{
	color: #FFF !important;
}
.messageToAll *{
	font-size:inherit;
}
.red{
	color: #e41710;
}
.inline{
	display: inline-block;
}

.plainTable{
	width:100%;
	background-color:transparent !important;
	border:none !important;
}
.plainTable tr{
	background-color: #FFF !important;
}
.plainTable th{
	background-color:#F6F8F8;
	border: 1px solid #E0E4E8;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	color:black;
	padding:5px;
}
.plainTable th:last-child{
	border-left: none;
}
.plainTable td{
	border-left: 1px solid #E0E4E8;
	font-size: 18px;
	padding:5px;
}
.plainTable td:last-child{
	border-left: none;
}
.plainTable span{
	font-size: 18px;
	margin: 0 10px;
}
.plainTable img{
	cursor:pointer;
	vertical-align: middle;
}
.textbox{
	width: 30px !important;
	height: 20px !important;
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	text-align: center !important;
}
label p{
	display: inline-block !important;
	margin-left: 50px !important;
}
.testDescription a{
	cursor: pointer;
}
.testDescription .description{
	background-color: rgb(237, 255, 166);
	border-radius: 5px;
	display: none;
}
.more{
	cursor: pointer;
}
.main-btn{
	background:#E82E3B;
	color:white !important;
	padding: 7px 20px;
	display:inline-block;
	text-align:center;
	border: 1px #E82E3B solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.main-btn:hover{
	color: #E82E3B !important;
	background:#FFF !important;
	border: 1px #E82E3B solid !important;
}
.main-btn.active{
	background:green;
}
.main-btn.active:hover{
	color: green !important;
	background:#FFF !important;
	border: 2px green solid !important;
}
.main-btn.paid{
	background:green;
}
.main-btn.paid:hover{
	color: green !important;
	background:#FFF !important;
	border: 2px green solid !important;
}
.main-btn.notpaid{
	background:#D60644;
}
.main-btn.notpaid:hover{
	color: #D60644 !important;
	background:#FFF !important;
	border: 2px #D60644 solid !important;
}



.user-profile-sidebar {
  -webkit-border-radius: 5px;
  border-radius: 5px;
	margin: 0 15px;
  padding: 20px 0;
  background: #4d4d4d;
  color: #fff;
  margin-bottom: 30px;
}
.active-profile{
  background: #404040 !important;
}
.user-profile-sidebar .user-profile-avatar {
  padding: 0 20px;
  margin-bottom: 20px;
}
.user-profile-sidebar .user-profile-avatar img {
  max-width: 120px;
  margin-bottom: 15px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.user-profile-sidebar .user-profile-avatar h5 {
  color: #fff !important;
  margin-bottom: 0;
  font-size: 16px !important;
}
.user-profile-sidebar .user-profile-avatar p {
  font-size: 10px !important;
  color: white !important;
	text-align: center !important;
}
.user-profile-sidebar .user-profile-nav > li {
  border-bottom: 1px solid #404040 !important;
  list-style: none !important;
}
.user-profile-sidebar .user-profile-nav > li:first-child {
  border-top: 1px solid #404040 !important;
}
.user-profile-sidebar .user-profile-nav > li.active > a {
  background: #ed8323 !important;
  color: #fff !important;
  cursor: default;
}
.user-profile-sidebar .user-profile-nav > li.active > a:hover {
  background: #ed8323 !important;
  color: #fff !important;
}
.user-profile-sidebar .user-profile-nav > li.active > a:hover > i {
  color: #fff !important;
}
.user-profile-sidebar .user-profile-nav > li > a {
  padding: 10px 20px !important;
  color: #d9d9d9 !important;
  display: block !important;
  font-size: 13px !important;
}
.user-profile-sidebar .user-profile-nav > li > a:hover {
  color: #fff !important;
  background: #404040 !important;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.user-profile-sidebar .user-profile-nav > li > a:hover > i {
  color: #ed8323 !important;
}
.user-profile-sidebar .user-profile-nav > li > a > i {
  margin-right: 7px;
  display: inline-block;
  width: 20px;
  text-align: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.user-profile-statictics > li {
  margin-right: 20px;
  text-align: center;
  padding: 20px;
  border: 1px solid #e6e6e6 !important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 153px;
}
.user-profile-statictics > li:last-child {
  margin-right: 0;
}
.user-profile-statictics > li .user-profile-statictics-icon {
  font-size: 70px;
  display: inline-block;
  margin-bottom: 10px;
  color: #8c8c8c;
}
.user-profile-statictics > li h5 {
  font-size: 30px;
  margin-bottom: 0;
  line-height: 1em;
  margin-bottom: 3px;
  color: #ed8323;
}
.user-profile-statictics > li p {
  margin-bottom: 0;
  line-height: 1em;
  font-size: 13px;
}


.spinner-clock {
  width: 150px;
  height: 150px;
  border: 4px solid #CCC;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  margin: 0 auto 20px auto;
}
.spinner-clock:before {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #CCC;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: '';
  margin: -6px 0 0 -6px;
  z-index: 1;
}
.spinner-clock .spinner-clock-hour,
.spinner-clock .spinner-clock-minute {
  -webkit-animation-name: spinner;
  -moz-animation-name: spinner;
  -o-animation-name: spinner;
  -ms-animation-name: spinner;
  animation-name: spinner;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
  width: 4px;
  background: #CCC;
  margin-left: -2px;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  position: absolute;
  left: 50%;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.spinner-clock .spinner-clock-minute {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  top: 15px;
  height: 56px;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.spinner-clock .spinner-clock-hour {
  -webkit-animation-duration: 12s;
  -moz-animation-duration: 12s;
  -o-animation-duration: 12s;
  -ms-animation-duration: 12s;
  animation-duration: 12s;
  top: 31px;
  height: 40px;
}
.spinner-clock.spinner-clock-slow .spinner-clock-minute {
  -webkit-animation-duration: 3px;
  -moz-animation-duration: 3px;
  -o-animation-duration: 3px;
  -ms-animation-duration: 3px;
  animation-duration: 3px;
}
.spinner-clock.spinner-clock-slow .spinner-clock-hour {
  -webkit-animation-duration: 36s;
  -moz-animation-duration: 36s;
  -o-animation-duration: 36s;
  -ms-animation-duration: 36s;
  animation-duration: 36s;
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.btn-special{
	background: #E82E3B;
	color: #fff;
}
.btn-special:hover, .btn-special:active, .btn-special:focus{
	background: #E82E3B;
	color: #fff;
}

/* features box */
.features-box {
	border: 1px #DFDFDF solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 15px 0;
}
.features-box .head {
	position: relative;
	background: #F9F9F9;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.features-box .head.collapsable{
	cursor: pointer;
}
.features-box .head.collapsable i{
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 20px;
	opacity: 0.8;
	-o-opacity: 0.8;
	-ms-opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	cursor: pointer;
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.features-box .head.collapsable.collapsed i{
	transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	top: 13px;
}
.features-box .head.collapsable:hover i{
	opacity: 1;
	-o-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
}
.features-box .head h3{
	font-size: 16px;
	padding: 12px;
	margin: 0;
	border-bottom: 1px #DFDFDF solid;
}
.features-box .body {
	background: #FFF;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	padding: 10px;
	max-height: 200px;
	overflow: auto;
}
.features-box .body ul{
	list-style: none;
	padding-right: 10px;
}
.features-box .body li{
	font-size: 13px;
	line-height: 25px;
}
.features-box .body li a {
	font-weight: 300;
}
.features-box .body li.active > a{
	color: green;
	font-weight: bold;
}
.features-box .body > ul > li{
	font-size: 16px !important;
}
.features-box .color{
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	position: relative;
	width: 16px;
	height: 16px;
	border: 1px rgba(0, 0, 0, 0.2) solid;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	margin: 0 0 0 5px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}
.features-box .color::after{
	content: " ";
	position: absolute;
	left: -7px;
	top: 6px;
	width: 20px;
	height: 20px;
	background: rgba(255, 255, 255, 0.3);
	display: inline-block;
	transform: rotate(25deg);
	-o-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-webkit-transform: rotate(25deg);
}
.tr-check{
	background: #cdf3cd;
}
.tr-cross{
	background: #f3cdcd;
}
.f-check{
	color: green;
	font-size: 20px;
}
.f-cross{
	color: red;
	font-size: 20px;
}
.featureTable{
	margin: 0 auto 30px;
	background: #fafafa;
}
.featureTable p{
	margin: 0;
}
.featureHeading{
	color: #8a8d95;
	font-size: 15px;
}
.featureTitle{
	color: #484646;
	font-size: 15px;
}
.featureChoice{
	color: #8a8d95;
	font-size: 13px;
}
.feature-group-title {
	color: #444;
	font-size: 15px;
	margin-bottom: 10px;
}
.feature-group-title i {
	color: #E82E3B;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 20px;
}
.nouislider-input{
	width: 106px;
	line-height: 25px !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	text-align: center;
}
@media (max-width:1200px) and (min-width: 992px){
	.nouislider-input{
		width: 100%;
	}
}

/* added by mehran*/
#single .desc-box p
{
line-height:2em;
}


@media screen and (max-width : 500px) {
	#pagination p {
    display: block;
    text-align: center;
	}
	#pagination a{
		font-size: 13px;
		padding: 0px 7px;
		margin: 2px;
	}
}


/* Next POST */
.previous-post{
	position: fixed;
	height: 80px;
	top: 50%;
	left: 0;
	background: rgba(0,0,0,0.2);
	color: #fff;
	margin-top: -55px;
	padding: 10px;
	z-index: 501;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
}
.next-post{
	position: fixed;
	height: 80px;
	top: 50%;
	right: 0;
	background: rgba(0,0,0,0.2);
	color: #fff;
	margin-top: -55px;
	padding: 10px;
	z-index: 501;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}
.previous-post .entry-info, .next-post .entry-info {
	height: 60px;
	width: 0;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
.previous-post:hover, .next-post:hover {
	background: #333;
}
.previous-post:hover .entry-info, .next-post:hover .entry-info {
	width: 250px;
}
.previous-post .entry-title, .next-post .entry-title {
	width: 150px;
	height: 60px;
	line-height: 19px;
	text-align: justify;
	padding: 0 5px;
	font-size: 13px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}
.previous-post:hover .entry-title, .next-post:hover .entry-title {
	color: #CCC;
}
.previous-post i, .next-post i {
	width:10px;
	line-height: 60px;
	color: #FFF;
	display: inline-block;
	vertical-align: middle;
}
.previous-post img, .next-post img {
	width: 90px;
	border: 2px #111 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	vertical-align: middle;
}

.topic-box{
	background: white;
	padding: 10px;
	border: 1px #dfdfdf solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
}
.topic-box h2{
	color: #666;
	font-size: 15px;
	text-align: right;
	display: inline-block;
	margin: 0;
}
.topic-box h2:hover{
	color: #999;
}
.sub-topic-box{
	background: #FCFCFC;
	padding: 10px;
	border: 1px #dfdfdf solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 15px;
}

.topic-box .more{
	background: #D60644;
	color:white !important;
	padding: 3px 10px;
	margin: 5px;
	display:inline-block;
	text-align:center;
	font-size: 13px;
	border: 2px #D60644 solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: left;
}
.topic-box .more:hover{
	background: #FFF;
	color: #D60644 !important;
}
.topic-box .num{
	background: #F0F0F0;
	padding: 3px 10px;
	margin: 5px;
	display:inline-block;
	text-align:center;
	font-size: 13px;
	border: 1px #dfdfdf solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: left;
}

.circle-container {
	position: relative;
	width: 50px;
	height: 50px;
	border: 1px #dfdfdf solid;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	display: inline-block;
}
.circle-container .circle-image {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 1000%;
	height: 50px;
	display: inline;
	vertical-align: baseline;
	transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.post-box{
	background: white;
	padding: 0;
	border: 2px #B8EBBB solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
	overflow: hidden;
}
.post-box .circle-container{
	float: right;
}
.post-box .circle-container{
	border: 2px #B8EBBB solid;
}
.post-box.question .circle-container{
	border: 2px #FBB solid;
}
.post-box.question{
	border-color: #FBB !important;
}
.post-box.question .top{
	background-color: #FFF4F4 !important;
	border-bottom: 3px #FBB solid !important;
}
.post-box.question .postDiv{
	background-color: #FFF;
}
.post-box .top{
	background-color: #E3FFE4;
	padding: 5px;
	font-size: 14px;
	border-bottom: 3px #B8EBBB solid;
}
.post-box .top .profile-name{
	display: inline-block;
	color: #EB3C13 !important;
	font-size: 14px;
	font-weight: normal;
	padding-right: 10px;
}
.post-box .top .reg-date{
	display: inline-block;
	color: #888;
	font-size: 12px;
	padding-right: 10px;
}
.post-box .top .posts-num{
	display: inline-block;
	color: #888;
	font-size: 12px;
}
.post-box .vote{
	text-align: left;
}
.post-box .illegal{
	color: #ff6b1a;
	margin: 5px 0 !important;
	padding: 0px 2px;
	font-size: 14px !important;
	cursor:pointer;
	display: inline-block;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.post-box .illegal i{
	font-size: 23px !important;
}
.post-box .illegal:hover{
	color: #d84c00;
}
.post-box .downvote{
	color: #CF1C22;
	border: 2px #CF1C22 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px;
	padding: 0px 2px;
	font-size: 13px !important;
	cursor:pointer;
	display: inline-block;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.post-box .downvote i{
	font-size: 16px !important;
}
.post-box .downvote:hover{
	color: #73060A;
	border: 2px #73060A solid;
}
.post-box .upvote{
	color: #1E7B02;
	border: 2px #1E7B02 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px;
	padding: 0px 2px;
	font-size: 13px !important;
	cursor:pointer;
	display: inline-block;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.post-box .upvote i{
	font-size: 16px !important;
}
.post-box .upvote:hover{
	color: #0F3F00;
	border: 2px #0F3F00 solid;
}
.post-box .upvoteCount, .post-box .downvoteCount{
	font-size: 13px;
	padding: 0px 5px;
}

.post-box .upvote i, .post-box .downvote i, .post-box .illegal i{
	vertical-align: middle;
}

.post-box .postDiv{
	background-color: #FFF;
	padding: 5px;
	font-size: 14px;
}
.post-box .quote{
	background-color: #F0F0F0;
	padding: 5px;
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.post-box .quoteButton{
	color: white !important;
	background-color: #003A00;
	margin: 5px;
	padding: 0 20px;
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.post-box .editButton{
	color: white !important;
	background-color: red;
	margin: 5px;
	padding: 0 20px;
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}



.user-ticket{
  background: #FFF;
  border: 1px #696969 solid;
  border-radius: 5px;
  margin-bottom: 20px;
}
.user-ticket .row{
  border-radius: 5px;
  padding: 15px;
  margin: 0px;
}
.user-ticket .row:first-child{
  background: #EBEBEB;
  border-bottom: 1px #696969 solid;
}
.admin-ticket{
  background: #F2F7FF;
  border: 1px #005BEC solid;
  border-radius: 5px;
  margin-bottom: 20px;
}
.admin-ticket .row{
  border-radius: 5px;
  padding: 15px;
  margin: 0px;
}
.admin-ticket .row:first-child{
  background: #CFE6FF;
  border-bottom: 1px #005BEC solid;
}









.etabs2 {
	margin: 0;
	padding: 0;
	font-size: 0;
}
.etabs2 li{
  color: #8a8d95;
  font-size: 17px;
  padding: 5px 10px;
  margin: 0;
	border-bottom: 2px #f7f8fa solid;
  border-left: 1px #eff0f2 solid;
  display: inline-block;
  list-style: none;
}
.etabs2 li a{
  color: #8a8d95;
  font-size: 17px;
}
.etabs2 li.active{
  color: #E82E3B;
	border-bottom: 2px #E82E3B solid;
}
.etabs2 li:hover{
  color: #E82E3B;
	border-bottom: 2px #E82E3B solid;
}
.etabs2 li.active a, .etabs2 li:hover a{
  color: #E82E3B;
}

@media (max-width: 500px) {
	.etabs2 li{
	  color: #000;
	  font-size: 19px;
	  background: #FAFAFA;
	  border-left: 1px #dfdfdf solid;
	  border-right: 1px #dfdfdf solid;
	  border-top: 1px #dfdfdf solid;
	  border-radius: 0;
	  -moz-border-radius: 0;
	  -webkit-border-radius: 0;
	  padding: 5px 10px;
	  margin: 0;
	  display: block;
	}
}

.tab2 {
}

.tab2 a {
    font-size: 14px;
    line-height: 2em;
    display: block;
    padding: 0 10px;
    outline: none;
}

.tab2 a:hover {
    text-decoration: underline;
}

.tab2 a.active {
    font-weight: bold;
}

.panel-container2 {

}


/* Styles for alternate tabActiveClass */

.tab2.selected-tab {
    background: #fff;
    padding-top: 6px;
    position: relative;
    top: 1px;
    border-color: #666;
}

.tab2 a.selected-tab {
    font-weight: bold;
}
/* Styles for Tabs on Side */
#tab-side-container2 {
  height: 200px;
  position: relative;
  background: #FFF;
  border: 1px #FFF solid;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 10px 0 40px 0;
  overflow: hidden;
  box-shadow: 0 0 0px 1px #d9d9d9;
  font-size: 0;
}
#tab-side-container2 a{
  color: #d60644;
}
#tab-side-container2 .tab-img{
  width: 35%;
  display: inline-block;
  float: left;
  text-align: left;
}
#tab-side-container2 img{
  height: 200px;
}
#tab-side-container2 .title{
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  padding: 10px;
  z-index: 5;
}
#tab-side-container2 .tab-content{
  width: 65%;
  padding: 10px 0;
  display: inline-block;
  float: right;
  height: 200px;
  overflow: hidden;
}
#tab-side-container2 .tab-content h2{
  color: #535353;
  font-size: 16px;
  margin: 0;
}
#tab-side-container2 .tab-content p{
  color: #535353;
  height: 100px;
  line-height: 25px;
  font-size: 12px;
  margin: 0;
  overflow: hidden;
}
#tab-side-container2 .tab-button{
  color: #FFF;
  background: #595959;
  font-size: 13px;
  padding: 2px 20px;
  margin: 10px;
  border: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  float: left;
}

#tab-side-container2 ul {
  width: 30%;
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px #d2d2d2 solid;
  float: right;
  display: inline-block;
}
#tab-side-container2 ul li {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  border-bottom: 1px #d2d2d2 solid;
}
#tab-side-container2 ul li:last-child {
  border-bottom: none;
}

#tab-side-container2 ul li a {
  position: relative;
  color: #4b4b4b;
  display: block;
  padding: 0 7px;
  font-size: 12px;
  text-align: right;
  height: 39px;
  line-height: 39px;
  overflow: hidden;
}

#tab-side-container2 ul li a:hover {
  color: #FFF;
  background: #999;
}
#tab-side-container2 ul li a.active {
  color: #FFF;
  background: #595959;
}
#tab-side-container2 ul li.active::after {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 20px 0;
  border-color: transparent #595959 transparent transparent;
  z-index: 1;
}

#tab-side-container2 ul li.selected-tab {
    background: #fff;
    position: relative;
    left: 1px;
    border-style: solid;
    border-width: 1px 0;
}

#tab-side-container2 ul li:first-child.selected-tab {
    border-top: none;
}

#tab-side-container2 ul li a.selected-tab {
    font-weight: bold;
    text-decoration: none;
}
.border{
  padding: 13px 20px;
  border-left: 1px #dfdfdf solid;
	border-right: 1px #dfdfdf solid;
}









#gallerySlider{
	position: relative;
	padding: 10px 40px;
	/* background: #F9F9F9; */
	margin-top: 10px;
	/* border: 1px #DFDFDF solid; */
	/* border-radius: 3px; */
	/* -moz-border-radius: 3px; */
	/* -webkit-border-radius: 3px; */
}
#gallerySlider.mobile{
	padding: 0px !important;
	margin-top: 0px !important;
}
.owl-nav{
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 30px;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: -1;
}
.owl-nav.disabled{
  display: none;
}
.owl-next{
  width: 30px;
  height: 30px;
  position: absolute;
  right: 5px;
  top: 0;
  color: #8a8d95;
  /* background: #FFF; */
  /* border: 1px #CCC solid; */
  /* border-radius: 30px; */
  /* -moz-border-radius: 30px; */
  /* -webkit-border-radius: 30px; */
  text-align: center;
	font-size: 23px;
	cursor: pointer;
}
.owl-prev{
  width: 30px;
  height: 30px;
  position: absolute;
  left: 5px;
  top: 0;
  color: #8a8d95;
  /* background: #FFF; */
  /* border: 1px #CCC solid; */
  /* border-radius: 30px; */
  /* -moz-border-radius: 30px; */
  /* -webkit-border-radius: 30px; */
  text-align: center;
	font-size: 23px;
	cursor: pointer;
}
.owl-next:hover, .owl-prev:hover {
  /* background: #F0F0F0; */
}
.owl-dots{
	text-align: center;
}
.owl-dot{
	background: #d1d1d1;
	width: 6px;
	height: 6px;
	margin: 3px;
	border-radius: 20px;
	display: inline-block;
}
.owl-dot:nth-child(n+11) {
	display: none !important;
}
.owl-dot.active{
	background: #333;
}
.cloudzoom-gallery{
	padding: 1px;
	border: 1px #dfdfdf solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}

.suggest-placeholder{
  width: 100%;
  max-height: 400px;
  position: absolute;
  top: 94%;
  right: 0;
  background: #FFF;
  padding: 0 10px;
  z-index: 10;
  display: none;
  overflow-y: scroll;
}
.suggest-placeholder1{
	width: 100%;
	max-height: 400px;
	position: absolute;
	top: 94%;
	right: 0;
	background: #FFF;
	padding: 0 10px;
	z-index: 10;
	display: none;
	overflow-y: scroll;
}
@media (max-width: 768px){
	.suggest-placeholder{
	  max-height: 270px;
	}
}
.suggest-placeholder .group{
  color: #CCC;
  display: block;
}
.suggest-placeholder ul{
  padding: 0;
  margin: 0;
}
.suggest-placeholder li{
  background: #FAFAFA;
  color: #000;
  list-style: none;
  padding: 5px;
  margin: 5px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: block;
}
.suggest-placeholder li:hover{
  background: #F0F0F0;
}
.suggest-placeholder li > a{
  color:#000;
  display: block;
}
.suggest-placeholder li img{
  width: 70px;
  border: 1px #999 solid;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-left: 5px;
  float: right;
  display: block;
}
@media (max-width: 768px){
	.suggest-placeholder1{
		max-height: 270px;
	}
}
.suggest-placeholder1 .group{
	color: #CCC;
	display: block;
}
.suggest-placeholder1 ul{
	padding: 0;
	margin: 0;
}
.suggest-placeholder1 li{
	background: #FAFAFA;
	color: #000;
	list-style: none;
	padding: 5px;
	margin: 5px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
}
.suggest-placeholder1 li:hover{
	background: #F0F0F0;
}
.suggest-placeholder1 li > a{
	color:#000;
	display: block;
}
.suggest-placeholder1 li img{
	width: 70px;
	border: 1px #999 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 5px;
	float: right;
	display: block;
}

.product-title{
	margin: 10px 0;
	font-size: 18px;
	line-height: 25px;
	color: #484646;
	font-weight: 500;
}
.product-metatitle{
	margin: 10px 0;
	font-size: 13px;
	line-height: 25px;
	color: #484646;
}
.product-uid {
	margin: 10px 0;
	font-size: 14px;
	line-height: 25px;
	color: #484646;
	font-weight: 300;
}
.product-title.mobile{
	margin: 10px 0;
	font-size: 17px;
	line-height: 25px;
	color: #484646;
	text-align: center;
}
.product-metatitle.mobile{
	margin: 0;
	font-size: 12px;
	line-height: 25px;
	color: #484646;
	text-align: center;
}
.product_quantity{
	width: 100px;
	font-size: 20px;
	height: 35px;
}
.colorBox{
	/* margin: 5px 0;
	padding: 0 5px 40px 5px;
	max-height: 170px;
	overflow: auto; */
	padding-left: 40px;
}
.colorBox .selectable_variation {
	position: relative;
	background: #FCFCFC;
	border: 1px #CCC solid;
	line-height: 30px;
	padding: 2px;
	margin: 5px;
	display: inline-block;
	cursor: pointer;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.colorBox .selectable_variation.active{
	/* background: #CAED83; */
	border: 2px #D60644 solid;
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.colorBox .selectable_variation.disabled{

}
.colorBox .selectable_variation.disabled::before{
	content: " ";
	width: 55px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: red;
	z-index: 1;
	transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
}
.colorBox .selectable_variation.disabled::after{
	content: " ";
	width: 55px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: red;
	z-index: 1;
	transform: translate(-50%, -50%) rotate(-45deg);
	-o-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
}
.colorBox .selectable_variation span {
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	position: relative;
	width: 40px;
	height: 40px;
	line-height: 30px;
	/* border: 1px rgba(0, 0, 0, 0.2) solid; */
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}
.colorBox .selectable_variation span.noshade{
	border: none;
}
.colorBox .selectable_variation span.noshade::after{
	content: "";
	display: none;
}
.colorBox .selectable_variation:hover{
	background: #FFF;
	border-color: #D60644;
}
.sizeBox{
	margin: 5px 0;
	padding: 0 5px;
	max-height: 170px;
	overflow: auto;
}
.sizeBox .selectable_variation {
	position: relative;
	background: #FCFCFC;
	border: 1px #CCC solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height: 16px;
	padding: 8px 5px 5px 5px;
	margin: 5px;
	display: inline-block;
	cursor: pointer;
}
.sizeBox .selectable_variation.active{
	/* background: #CAED83; */
	border: 2px #D60644 solid;
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.sizeBox .selectable_variation.disabled{

}
.sizeBox .selectable_variation.disabled::before{
	content: " ";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: red;
	z-index: 1;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.sizeBox .selectable_variation span {
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	position: relative;
	line-height: 30px;
	/* border: 1px rgba(0, 0, 0, 0.2) solid; */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}
.sizeBox .selectable_variation.active span::before{
	content: "\f00c";
	position: absolute;
	top: 0;
	left: 5px;
	text-shadow: 0 0 1px white;
	font-size: 18px;
	color: #000;
	display:inline-block;
	font-family:FontAwesome;
	z-index: 10;
	text-rendering:auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.sizeBox .selectable_variation span.noshade{
	border: none;
}
.sizeBox .selectable_variation span.noshade::after{
	content: "";
	display: none;
}
.sizeBox .selectable_variation:hover{
	background: #FFF;
	border-color: #D60644;
}
/*
.selectable_variation span::after{
	content: " ";
	position: absolute;
	left: -11px;
	top: 14px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.3);
	display: inline-block;
	transform: rotate(25deg);
	-o-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-webkit-transform: rotate(25deg);
}
*/
#addToBasketForm{
	position: relative;
}
#addToBasketLoading{
	position: absolute;
	top: -3%;
	left: 0;
	width: 102%;
	height: 106%;
	background: url('/images/ajax-loader.gif') no-repeat center center rgba(255, 255, 255, 0);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 5;
	display: none;
}
.zoom-image{
	cursor: pointer;
}



.compare-box{
	background: #FAFAFA;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px #CCC solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.compare-box select{
	width: 100%;
	margin: 10px 0;
	display: block;
}
.compare-box .span-title{
	color: #333;
	text-align: center;
	display: block;
}
.remove-compare{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 3px 6px;
	color: #FFF;
	background: #FF6767;
	border: 1px #B70000 solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	z-index: 10;
}

.sticky.stick {
	background: rgba(255, 255, 255, 0.8);
	border-bottom: 1px #dfdfdf solid;
	position:fixed;
	top:0;
	padding: 15px 0;
	z-index:100;
	width: 98% !important;
}
.sticky.stick .remove-compare{
	display: none;
}
.sticky.stick .span-title{
	display: none;
}
.sticky.stick .overflow-hidden{
	width: 40% !important;
	height: auto !important;
	margin: 0 auto;
}
.sticky.stick .product h2{
	padding: 0;
	font-size: 12px;
}
.sticky.stick .product h2 a{
	font-size: 12px;
	line-height: 20px;
	height: 60px;
}
.sticky.stick select{
	margin: 5px 0;
}
.sticky.stick .price{
	margin-top: 5px;
}
.sticky.stick .old-price{
	margin-top: 5px;
}

.compare-table{
  border: 1px #DFDFDF solid;
}
.compare-table .row {
	padding: 10px 0;
}
.compare-table .row .row {
	background: transparent !important;
	border: none !important;
}
.compare-table .row:nth-child(even){
  background-color: #FAFAFA;
  border-top: 1px #DFDFDF solid;
}
.compare-table .row:nth-child(odd){
  background-color: #FFF;
  border-top: 1px #DFDFDF solid;
}
.compare-table .featureTitle {
  line-height: 25px;
  font-size: 16px;
  color: #D60644;
  text-align: center;
}
.compare-table .productTitle {
  line-height: 20px;
	font-size: 11px;
	color: #E72375;
	text-align: center;
}
.compare-table p {
  line-height: 25px;
  margin: 0;
}
.compare-table h3 {
	padding: 10px 15px;
	margin: 0;
	background: #E5E5E5;
	border-top: 3px #D60644 solid;
	border-bottom: 1px #CCC solid;
}

table .fa-trash{
	font-size: 27px;
	color: #c93636;
}
table .fa-trash:hover{
	color: #7b1414;
}

.collapsable-container{
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.collapsable-container .collapsable{
	position: relative;
	background: #FFF;
	margin: 15px 0;
	box-shadow: 0 0 2px 1px #CCC;
	-moz-box-shadow: 0 0 2px 1px #CCC;
	-webkit-box-shadow: 0 0 2px 1px #CCC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
}
.collapsable-container .collapsable:hover .head, .collapsable-container .collapsable.active .head{
	background: #F0F0F0;
}
.collapsable-container .collapsable:first-child{
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}
.collapsable-container .collapsable > .head > h3{
  color: #333;
  font-size: 15px;
  text-align: right;
  padding: 14px 40px 14px 10px;
  margin: 0;
  cursor: pointer;
}
.collapsable-container .collapsable > .head span.far{
	color: green;
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  opacity: 0.8;
  -o-opacity: 0.8;
  -ms-opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  cursor: pointer;
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.collapsable-container .collapsable > .head:hover span.far{
  opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}
.collapsable-container .collapsable > .body{
  background: #FFF;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  padding: 10px 20px;
  display: none;
}
.collapsable-container .collapsable.active > .body{
  display: block;
}
.collapsable-container .collapsable.active > .head span.far::before{
  content: "\f14a";
}

.basket-steps{
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.basket-steps .step{
	position: relative;
	background: #FFF;
	margin: 0;
	box-shadow: 0 0 2px 0px #999;
	-moz-box-shadow: 0 0 2px 0px #999;
	-webkit-box-shadow: 0 0 2px 0px #999;
	overflow: hidden;
}
.basket-steps .step:first-child{
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.basket-steps .step:last-child{
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.basket-steps .step > .head{
  background: #FAFAFA;
}
.basket-steps .step > .head > h3{
  color: #F268A4;
  font-size: 18px;
  text-align: right;
  padding: 10px;
  margin: 0;
	display: inline-block;
}
.basket-steps .step > .head > .step-number{
	width: 45px;
	height: 45px;
	color: #F268A4;
	font-size: 20px;
	text-align: center;
	border: 2px #F268A4 solid;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	padding: 11px;
	margin: 10px;
	display: inline-block;
	vertical-align: middle;
}
.basket-steps .step > .body{
  background: #FFF;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  padding: 20px;
  display: none;
}
.basket-steps .step.active > .body{
  display: block;
}
.basket-steps .step.active > .head{
  background: #ffe9f3;
}
.basket-steps .step.success > .head{
  background: #d7ffb8;
}
.basket-steps .step.success > .head > h3{
  color: #3DA83B;
}
.basket-steps .step.success > .head > .step-number{
  color: #3DA83B;
	border: 2px #3DA83B solid;
}