/* ------------------------------------------------------------------------------------------ */
/* -------------------------------           FETRAT           ------------------------------- */
/* -------------------------       CORE  Cascading StyleSheet       ------------------------- */
/* -------------------------------        Version  0.8        ------------------------------- */
/* ------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------ */
/*                                           RESET                                            */
/* ------------------------------------------------------------------------------------------ */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: medium none !important;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: medium none !important;
}

a, 
a:hover, 
a:active, 
a:focus {
	text-decoration: none;
	outline: medium none !important;
}

/* ------------------------------------------------------------------------------------------ */
/*                                           GENERAL                                          */
/* ------------------------------------------------------------------------------------------ */
@font-face {
	font-family: "fetrat0";
	src: url(../../font/Yekan.eot);
	src: url(../../font/Yekan.eot?#iefix) format("embedded-opentype"), url(../../font/Yekan.woff) format("woff"), url(../../font/Yekan.ttf) format("truetype"), url(../../font/Yekan.svg#BYekan) format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "fetrat";
	src: url('../../font/iran_sans.eot');
	src: url('../../font/iran_sans.eot?#iefix') format('embedded-opentype'),url('../../font/iran_sans.woff') format('woff'),url('../../font/iran_sans.ttf') format('truetype'),url('../../font/iran_sans.svg#iran_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	background: none repeat scroll 0 0 #fff;
	font-family: "fetrat", arial;
	color: #000;
	overflow-x: hidden;
	font-size:16px
}
 button, input, select, textarea{
	font-family: "fetrat", sans;
 }
/* ------------------------------------------------------------------------------------------ */
/*                                    BOOTSTRAP  CUSTOMIZE                                    */
/* ------------------------------------------------------------------------------------------ */

/* ===========       GENERAL      =========== */

/* ===========    COLUMN FLOAT    =========== */
.col-xs-1,  .col-sm-1,  .col-md-1,  .col-lg-1, 
.col-xs-2,  .col-sm-2,  .col-md-2,  .col-lg-2, 
.col-xs-3,  .col-sm-3,  .col-md-3,  .col-lg-3, 
.col-xs-4,  .col-sm-4,  .col-md-4,  .col-lg-4, 
.col-xs-5,  .col-sm-5,  .col-md-5,  .col-lg-5, 
.col-xs-6,  .col-sm-6,  .col-md-6,  .col-lg-6, 
.col-xs-7,  .col-sm-7,  .col-md-7,  .col-lg-7, 
.col-xs-8,  .col-sm-8,  .col-md-8,  .col-lg-8, 
.col-xs-9,  .col-sm-9,  .col-md-9,  .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	float: right;
	text-align: right;
}

/* ===========   COLUMN  OFFSET   =========== */
.col-xs-offset-12 { margin-left: 0; margin-right: 100%; }
.col-xs-offset-11 { margin-left: 0; margin-right: 91.66666667%; }
.col-xs-offset-10 { margin-left: 0; margin-right: 83.33333333%; }
.col-xs-offset-9  { margin-left: 0; margin-right: 75%; }
.col-xs-offset-8  { margin-left: 0; margin-right: 66.66666667%; }
.col-xs-offset-7  { margin-left: 0; margin-right: 58.33333333%; }
.col-xs-offset-6  { margin-left: 0; margin-right: 50%; }
.col-xs-offset-5  { margin-left: 0; margin-right: 41.66666667%; }
.col-xs-offset-4  { margin-left: 0; margin-right: 33.33333333%; }
.col-xs-offset-3  { margin-left: 0; margin-right: 25%; }
.col-xs-offset-2  { margin-left: 0; margin-right: 16.66666667%; }
.col-xs-offset-1  { margin-left: 0; margin-right: 8.33333333%; }
.col-xs-offset-0  { margin-left: 0; margin-right: 0; }





/* ------------------------------------------------------------------------------------------ */
/*                                           TOOLS                                            */
/* ------------------------------------------------------------------------------------------ */

/* CLEAR */
.clear {
	clear:    both !important;
	float:    none !important;
	height:      0 !important;
	margin:      0 !important;
	padding:     0 !important;
	line-height: 0 !important;
	font-size:   0 !important;
}

/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #5ac8a5;
  color: white;
}
/*
hvr-rectangle-out این افکت‌ها قبلا گذاشته شده بود ولی باید با افکت بالایی عوض بشه
hvr-bounce-to-right
*/
/* ------------------------------------------------------------------------------------------ */
/*                                           HEADER                                           */
/* ------------------------------------------------------------------------------------------ */

/* ===========       GENERAL      =========== */
.head {
	position: relative;
	height: 450px;
}
@media (max-width: 767px) {
	.head {
		margin-left: -30px;
	}
}
.circle{border-radius:50%}

/* ===========      SUB HEAD      =========== */
.subHead {
	position: fixed	;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	margin: 0;
	background: none repeat scroll 0 0 rgba(60,100,60,0.7);
		background: -moz-linear-gradient(left, rgba(60,100,60,0.7) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(60,100,60,0.7) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(60,100,60,0.7) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='3a3C643C', endColorstr='#7a000000',GradientType=1 ); /* IE6-9 */	
	z-index: 99;
}
@media (max-width: 767px) {
	.subHead {
		position: static;
		height: 80px;
		background: none repeat scroll 0 0 rgba(51, 51, 51, 0.7);
	}
}

/* LOGO */
.logo {
	padding-top: 5px;
	padding-bottom: 5px;
	direction: rtl;
	position:absolute;
	right:0;
	z-index:1000
}

@media (max-width: 510px) {
	.logo {
		padding-top: 14px;
	}
	.logo-big {
		display: none;
	}
	.logo-min {
		display: block;
	}
}
@media (min-width: 511px){
	.logo-big {
		display: block;
	}
	.logo-min {
		display: none;
	}
}
@media (min-width: 511px) and (max-width: 767px) {
	.logo {
		padding-top: 14px;
	}
}
@media (min-width: 768px) and (max-width: 815px) {
	.logo {
		padding-top: 5px;
	}
}
@media (min-width: 816px){
}

/* USER */
.user {
	padding-top: 15px;
	padding-bottom: 15px;
}
.user > .forms {
	cursor: pointer;
	display: block;
	float:left;
	margin-left: 15px;
	position: static;
	top: 15px;
}
.user > .forms:first-child {
	margin-left:0
}
.user_2 > .forms {
	z-index: 1;
	margin-left: -15px
}
.user i::before{
	padding-left:3px;
	font-size: 18px;
}
.user > .forms > fieldset {
	position: relative;
	float: right;
}
.user > .form-fade > fieldset:nth-child(1),
.user > .form-fade > fieldset:nth-child(2) {
	display: none;
}
.user > .forms > fieldset > i {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border-left:  1px solid #a3a3a3;
	border-right: 1px solid #a3a3a3;
	text-align: center;
	line-height: 50px;
	color: #aaa;
}
.user > .forms > fieldset > a > i {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 47px;
	color: #000;
}
.user > .forms > fieldset > a > i:before {
	font-size:32px;
	transition:all 1s
}
.user > .forms > fieldset > a:hover > i:before {
	color:#fff;
	transition:all .25s
}
#glyphicon-user-id{
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border-left:  1px solid #a3a3a3;
	border-right: 1px solid #a3a3a3;
	text-align: center;
	line-height: 50px;
	color: #aaa;
	margin-left:50px;
}
.user fieldset > input[type="password"] {margin: 0 0 0 50px;}
.user > .forms > fieldset > input[type="text"], 
.user > .forms > fieldset > input[type="password"] {
	display: block;
	width: 185px;
	height: 50px;
	padding: 0 60px 0 10px;
	background: none repeat scroll 0 0 #fff;
	border: medium none;
	font: 20px/50px "fetrat";
	color: #aaa;
	text-align:right;
}
.user > .forms > fieldset > input[type="text"]::-moz-placeholder, 
.user > .forms > fieldset > input[type="password"]::-moz-placeholder {
	font-family: fetrat;
	color: #777;
}
.user > .forms > fieldset > input[type="text"]:-ms-input-placeholder, 
.user > .forms > fieldset > input[type="password"]:-ms-input-placeholder {
	font-family: fetrat;
	color: #777;
}
.user > .forms > fieldset > input[type="text"]::-webkit-input-placeholder, 
.user > .forms > fieldset > input[type="password"]::-webkit-input-placeholder {
	font-family: fetrat;
	color: #777;
}
.user > .forms > fieldset > button{
	display: block;
	width: 90px;
	height: 50px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
	border: medium none;
	outline: medium none;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #aaa;
	direction:rtl
}
.user > .forms > fieldset > button:before {
	background: none repeat scroll 0 0 #5ac8a5;
}

.user > .forms > fieldset > button:hover,
.user > .forms > fieldset > button:focus{
	color: #fff;
	background: none repeat scroll 0 0 #5ac8a5
}
#logout,#myFetrat, #SubHead_myFetrat{transition:all .7s}
.user_mobile button i:before,
#logout i:before,#myFetrat i:before, #SubHead_myFetrat i:before{vertical-align:middle}
#logout{width:71px}
#myFetrat, #SubHead_myFetrat{width:135px}
#logout:hover{width:101px;transition:all .2s; background-color:rgba(255, 119, 119, 0.4)}
#myFetrat:hover, #SubHead_myFetrat:hover{width:185px;transition:all .2s; background-color:rgba(119, 154, 255, 0.4)}
#logout{margin-left:1px; border-top-right-radius:25px; border-bottom-right-radius:25px}
#myFetrat, #SubHead_myFetrat{margin-left:5px; border-top-left-radius:25px; border-bottom-left-radius:25px}

.user .user-button,
h5.user_mobile,
h5.login_mobile,
h5.register_mobile{
	border-radius:50%;
	width:50px!important
}
.menu_mobile > h5.register_mobile{
	margin-left:0;
}
.user_mobile button{direction:rtl}

.user a .fa-sign-in,
.user a .fa-user-plus{
	font-size: 27px;
	line-height: 45px;
	background: rgb(90, 200, 165) none repeat scroll 0px 0px;
	color: rgb(255, 255, 255);
	border-left: medium none;
}
#btnlogin{
	width: 50px;
	margin-top: -50px;
	background-color: #000;
	cursor: pointer;
	z-index: 1;
}
#btnlogin:hover{background-color:rgb(90, 200, 165)}
/* MENU MOBILE */
@media (min-width: 768px){
	.menu_mobile {padding-left:0}
}
.menu_mobile > h6 {
	background: none repeat scroll 0 0 #000;
	cursor:pointer;
	direction: rtl;
	float: left;
	height: 80px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 80px;
}
.menu_mobile > h6 > ins {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 15px 15px;
	border-color: transparent transparent #8d8d8d transparent;
	line-height: 0px;
	_border-color: #000 #000 #8d8d8d #000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000');
}
.menu_mobile > h6:hover > ins {
	border-color: transparent transparent #5ac8a5 transparent;
}
.menu_mobile > h6 > a {
	line-height: 80px;
	font-size: 30px;
	color: #8d8d8d;
}
.menu_mobile > h6:hover > a {
	color: #5ac8a5;
}
.menu_mobile > h6 > i {
	line-height: 80px;
	font-size: 20px;
	color: #8d8d8d;
}
.menu_mobile > h6:hover > i {
	color: #5ac8a5;
}

.menu_mobile > h5 {
	position: relative;
	float: left;
	margin: 15px;
	padding: 0;
	width: 50px;
	height: 50px;
	background: none repeat scroll 0 0 #000;
	direction: rtl;
	text-align: center;
}
.menu_mobile > h5 > a {
	display: block;
}
.menu_mobile > h5 > a > ins {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent #8d8d8d transparent;
	line-height: 0px;
	_border-color: #000 #000 #8d8d8d #000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000');
}
.menu_mobile > h5:hover > a > ins {
	border-color: transparent transparent #5ac8a5 transparent;
}
.menu_mobile > h5 > a > i {
	line-height: 50px;
	font-size: 20px;
	color: #8d8d8d;
}
.menu_mobile > h5:hover > a > i {
	color: #5ac8a5;
}

.menu_mobile > ul {
	display: none;
	padding: 15px 15px 0 15px;
	background: rgba(205, 205, 205, 0.8) none repeat scroll 0 0;
}
.menu_mobile > ul > li {
	margin: 0;
	padding: 5px 0;
	list-style: none outside none;
	border-bottom: 1px solid #8d8d8d;
}
.menu_mobile > ul > li:last-child {
	border-bottom: medium none;
}
.menu_mobile > ul > li > a {
	display: block;
	padding: 0 10px;
}
.menu_mobile > ul > li > a:hover {
	background: none repeat scroll 0 0 #5ac8a5;
}
.menu_mobile > ul > li > a > span {
	display: block;
	line-height: 33px;
	font-size: 16px;
	color: #000;
}
.menu_mobile > ul > li > a:hover > span {
	color: #fff;
}

.menu_mobile > ol {
	display: none;
	padding: 15px 15px 0 15px;
	background: rgba(24, 54, 43, 0.65) none repeat scroll 0 0;
	margin-left:0
}
.menu_mobile > ul {
	margin-left:0;
}
/* USER MOBILE */
.user_mobile {
	padding: 0 0 15px;
}
@media (max-width:768px){
	.user_mobile{
/*		padding-left:15px	*/
	}
	.user_mobile > .forms > fieldset:last-child{
		margin-top:5px
	}
}
.user_mobile > .forms {}
.user_mobile > .forms > fieldset {
	position: relative;
	padding: 0 15px;
}
.user_mobile > .forms > fieldset > input[type="text"],
.user_mobile > .forms > fieldset > input[type="password"] {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 60px 0 10px;
	direction: ltr;
	text-align: left;
	border: 1px solid #aaa;
}
.user_mobile > .forms > fieldset > input[type="text"]::-moz-placeholder,
.user_mobile > .forms > fieldset > input[type="password"]::-moz-placeholder {
	direction: rtl;
	text-align: right;
	color: #aaa;
}
.user_mobile > .forms > fieldset > input[type="text"]:-ms-input-placeholder,
.user_mobile > .forms > fieldset > input[type="password"]:-ms-input-placeholder {
	direction: rtl;
	text-align: right;
	color: #aaa;
}
.user_mobile > .forms > fieldset > input[type="text"]::-webkit-input-placeholder,
.user_mobile > .forms > fieldset > input[type="password"]::-webkit-input-placeholder {
	direction: rtl;
	text-align: right;
	color: #aaa;
}
.user_mobile > .forms > fieldset > i {
	position: absolute;
	top: 0;
	right: 15px;
	width: 50px;
	height: 50px;
	border-left: 1px solid #aaa;
	text-align: center;
	line-height: 50px;
	color: #aaa;
}
.user_mobile > .forms > fieldset > button {
	display: block;
	width: 100%;
	height: 50px;
	background: none repeat scroll 0 0 #5ac8a5;
	border: medium none;
	outline: medium none;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
}
.user_mobile > .forms > fieldset > button:before {
	background: none repeat scroll 0 0 #ff9100;
}
.user_mobile > .forms > fieldset > button:hover,
.user_mobile > .forms > fieldset > button:focus {
	color: #000;
}
#user-menu > fieldset:first-child > button{margin-bottom: 5px}

/* SEARCH MOBILE */
.search_mobile {
	background: rgba(248, 248, 248, 0.25) none repeat scroll 0 0;
	margin-top: -15px;
	padding: 15px;
}
.search_mobile > .forms {}
.search_mobile > .forms > fieldset {
	position: relative;
}
.search_mobile > .forms > fieldset > i {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border-left:  1px solid #a3a3a3;
	border-right: 1px solid #a3a3a3;
	text-align: center;
	line-height: 50px;
	color: #aaa;
}
.search_mobile > .fa-search {
	float: right; 
	line-height: 45px
}
.search_mobile > .forms > fieldset > input[type="text"] {
	display: block;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 60px 0 90px;
	background: none repeat scroll 0 0 #fff;
	border: medium none;
	direction: rtl;
	text-align: right;
	font: 17px/50px arial;
	color: #aaa;
}
.search_mobile > .forms > fieldset > input[type="text"]::-moz-placeholder {
	font-family: "fetrat";
	color: #777;
}
.search_mobile > .forms > fieldset > input[type="text"]:-ms-input-placeholder {
	font-family: "fetrat";
	color: #777;
}
.search_mobile > .forms > fieldset > input[type="text"]::-webkit-input-placeholder {
	font-family: "fetrat";
	color: #777;
}
.search_mobile > .forms > fieldset > button {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 80px;
	height: 50px;
	background: none repeat scroll 0 0 #5ac8a5;
	border: medium none;
	outline: medium none;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
}
.search_mobile > .forms > fieldset > button:before {
	background: none repeat scroll 0 0 #ff9100;
}
.search_mobile > .forms > fieldset > button:hover,
.search_mobile > .forms > fieldset > button:focus {
	color: #000;
}

/* ===========       SPEECH       =========== */
.speech {
	position: absolute;
	top: 150px;
	right: 50%;
	width: 720px;
	margin-right: -360px;
	direction: rtl;
	text-align: center;
	color: #fff;
	z-index: 99;
}
.speech > h3 {}
.speech > p {
	line-height: 43px;
	font-size: 30px;
}
.speech > span {}

/* ===========       SEARCH       =========== */
.search {
	position: absolute;
	top: 360px;
	right: 0;
	width: 100%;
	z-index: 98;
}
.search > .forms {
	display: table;
	margin: 0 auto;
}
.head .search .forms {
	transform: translateY(5px);
	transition:all 1s;
	box-shadow: 0 2px 1px rgba(0,0,0,1);
}
.head .search .forms:hover {
	transform: translateY(0);
	transition:all 1s;
	box-shadow: 0 14px 10px rgba(0,0,0,.85);
}

.search > .forms > fieldset {
	position: relative;
	float: right;
}
.search > .forms > fieldset > i {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border-left:  1px solid #a3a3a3;
	border-right: 1px solid #a3a3a3;
	text-align: center;
	line-height: 50px;
	color: #aaa;
}
.search > .forms > fieldset > input[type="text"] {
	display: block;
	width: 500px;
	height: 50px;
	margin: 0;
	padding: 0 60px 0 10px;
	background: none repeat scroll 0 0 #fff;
	border: medium none;
	direction: rtl;
	text-align: right;
	font: 17px/50px arial;
	color: #aaa;
}
.search > .forms > fieldset > input[type="text"]::-moz-placeholder {
	font-family: "fetrat";
	color: #777;
}
.search > .forms > fieldset > input[type="text"]:-ms-input-placeholder {
	font-family: "fetrat";
	color: #777;
}
.search > .forms > fieldset > input[type="text"]::-webkit-input-placeholder {
	font-family: "fetrat";
	color: #777;
}
.search > .forms > fieldset > button {
	display: block;
	width: 120px;
	height: 50px;
	background: none repeat scroll 0 0 #5ac8a5;
	border: medium none;
	outline: medium none;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
}
.search > .forms > fieldset > button:before {
	background: none repeat scroll 0 0 #ff9100;
}
.search > .forms > fieldset > button:hover,
.search > .forms > fieldset > button:focus {
	color: #000;
}

/* ===========       SVZ1       =========== */
#SearchGeneral_btnSearch {
	display: block !important;
	width: 120px !important;
	height: 50px !important;
	background: none repeat scroll 0 0 #5ac8a5 !important ;
	border: medium none;
	outline: medium none;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
}
#SearchGeneral_btnSearch:before {
	background: none repeat scroll 0 0 #ff9100;
}
#SearchGeneral_btnSearch:hover,
#SearchGeneral_btnSearch:focus  {
	color: #000;
}

/* ===========       SVZ2       =========== */
#btnSearch {
	display: block !important;
	width: 120px !important;
	height: 50px !important;
	background: none repeat scroll 0 0 #5ac8a5 !important ;
	border: medium none;
	outline: medium none;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
}
#btnSearch:before {
	background: none repeat scroll 0 0 #ff9100;
}
#btnSearch:hover,
#btnSearch:focus  {
	color: #000;
}

/* ===========       SVZ3       =========== */
#Menu2_btnSearch  {
	display: block !important;
	width: 120px !important;
	height: 50px !important;
	background: none repeat scroll 0 0 #5ac8a5 !important ;
	border: medium none;
	outline: medium none;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
}
#Menu2_btnSearch:before {
	background: none repeat scroll 0 0 #ff9100;
}
#Menu2_btnSearch:hover,
#Menu2_btnSearch:focus  {
	color: #000;
}

.search-page {
	position: relative;
	padding: 0 0 0 20px;
	border-left: 1px solid #cccccc;
	direction: rtl;
}
.search-page .items *{transition:all .75s}
.search-page .items .number,
.search-page .items .info,
.search-page .items .section,
.search-page .items .title,
.search-page .items .text{
	
}
.search-page .items .section h4{
	margin-top: 0
}
.search-page .items .number{
	font-size: 70px;
	text-align: center;
	padding-right: 40px;
	color:#bbb
}
.search-body .items:last-child{
	padding-bottom:25px
}
.search-body .items:last-child hr,
.search-page .items .text img,
.search-page .items .alaki{
	display:none
}
.search-page .items .text a{
	color:#777;
	font-style:normal
}
.search-page .items .text{
	color:#777;
}
.search-page .items:hover .text{
	color:#000;
	transition:all .14s
}
.search-page .items:hover{
	background-color:#f7f7f7;
	transition:all .14s
}
.search-page .items:hover .number{
	color:#999;
	transition:all .14s
}
/* ===========       SLIDER       =========== */
.slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
	z-index: 9;
	vertical-align:middle;
	overflow:hidden;
	z-index:-1;
}
.slide > img {
	display: block;
	width: 100%;
}
.head .slide img {
	transform: scale(1,1);
	transition:all 5s;
}
/*.head:hover .slide img {
	transform: scale(1.04,1.04);
	transition:all 2s;
}*/
@media (min-width:1367px){
	.slide  img {
		margin-top:-400px;
	}
}
@media (min-width:1280px) and (max-width:1366px){
	.slide  img {
		margin-top:-346px;
	}
}
@media (min-width:1190px) and (max-width:1279px){
	.slide  img {
		margin-top:-300px;
	}
}
@media (min-width:1100px) and (max-width:1189px){
	.slide  img {
		margin-top:-250px;
	}
}
@media (min-width: 990px) and (max-width: 1099px){
	.slide  img {
		margin-top:-205px;
	}
}
@media (min-width:920px) and (max-width:989px){
	.slide  img {
		margin-top:-150px;
	}
}
@media (min-width:860px) and (max-width:919px){
	.slide  img {
		margin-top:-110px;
	}
}
@media (min-width:820px) and (max-width:859px){
	.slide  img {
		margin-top:-80px;
	}
}
@media (min-width:790px) and (max-width:819px){
	.slide  img {
		margin-top:-60px;
	}
}
@media (min-width:750px) and (max-width:789px){
	.slide  img {
		margin-top:-60px;
	}
}
@media (min-width:601px) and (max-width:749px){
	.slide  img {
		margin-top:-10px;
	}
	.slide {
		height: 400px;
	}
	.head{
		height:400px
	}
}
@media (min-width:451px) and (max-width:601px){
	.slide  img {
		margin-top:0;
	}
	.slide {
		height: 350px;
	}
	.head{
		height:350px
	}
}
@media (max-width:450px){
	.slide  img {
		margin-top:0;
	}
	.slide {
		height: 300px;
	}
	.head{
		height:300px
	}
}
@media (max-width:400px){
	.slide  img {
		margin-top:0;
	}
	.slide {
		height: 260px;
	}
	.head{
		height:260px
	}
}
@media (max-width:350px){
	.slide  img {
		margin-top:0;
	}
	.slide {
		height: 225px;
	}
	.head{
		height:225px
	}
}
@media (max-width:300px){
	.slide  img {
		margin-top:0;
	}
	.slide {
		height: 200px;
	}
	.head{
		height:200px
	}
}
/* ------------------------------------------------------------------------------------------ */
/*                                         HEADER #02                                         */
/* ------------------------------------------------------------------------------------------ */

/* ===========       GENERAL      =========== */
.head_2 {
	position: relative;
	height: 80px;
	background: rgba(27,60,49,1);
	background: -moz-linear-gradient(left, rgba(27,60,49,1) 0%, rgba(14,30,25,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,60,49,1)), color-stop(100%, rgba(14,30,25,1)));
	background: -webkit-linear-gradient(left, rgba(27,60,49,1) 0%, rgba(14,30,25,1) 100%);
	background: -o-linear-gradient(left, rgba(27,60,49,1) 0%, rgba(14,30,25,1) 100%);
	background: -ms-linear-gradient(left, rgba(27,60,49,1) 0%, rgba(14,30,25,1) 100%);
	background: linear-gradient(to right, rgba(27,60,49,1) 0%, rgba(14,30,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3c31', endColorstr='#0e1e19', GradientType=1 );
}

@media (max-width: 767px) {
	.head_2 {
		margin-left: -30px;
	}
}

/* ===========     SEARCH #02     =========== */
.search_2 {
	float: left;
	/*padding: 15px 0 0 0;*/
	position:static; /*absolute*/
	width: 385px;
	z-index: 2;
	margin-left: 0; /*180px*/
}
.search_2 > .forms {
	display: table;
	margin: 0 auto;
	/*padding: 15px 0;*/
}
.search_2 > .forms > fieldset {
	position: relative;
	float: right;
}
.search_2 > .forms > fieldset > i {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border-left:  1px solid #a3a3a3;
	border-right: 1px solid #a3a3a3;
	text-align: center;
	line-height: 50px;
	color: #aaa;
}
.search_2 > .forms > fieldset > input[type="text"] {
	display: block;
	width: 250px;
	height: 50px;
	margin: 0;
	padding: 0 60px 0 10px;
	background: none repeat scroll 0 0 #fff;
	border: medium none;
	direction: rtl;
	text-align: right;
	font: 17px/50px arial;
	color: #aaa;
}
.search_2 > .forms > fieldset > input[type="text"]::-moz-placeholder {
	font-family: "fetrat";
	color: #777;
}
.search_2 > .forms > fieldset > input[type="text"]:-ms-input-placeholder {
	font-family: "fetrat";
	color: #777;
}
.search_2 > .forms > fieldset > input[type="text"]::-webkit-input-placeholder {
	font-family: "fetrat";
	color: #777;
}
.search_2 > .forms > fieldset > button {
	display: block;
	width: 90px;
	height: 50px;
	background: none repeat scroll 0 0 #5ac8a5;
	border: medium none;
	outline: medium none;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
}
.search_2 > .forms > fieldset > button:before {
	background: none repeat scroll 0 0 #ff9100;
}
.search_2 > .forms > fieldset > button:hover,
.search_2 > .forms > fieldset > button:focus {
	color: #000;
}

/* ===========      USER #02      =========== */
.user_2 {
	float: left;
	position: relative;
	padding-top: 0;
	padding-bottom: 15px;
}
.user_2 > .forms {
	display: table;
	z-index:2;
	position:relative;
	float:left;
	margin-left:15px;
}
.user_2 > .forms > fieldset {
	position: relative;
	float: right;
}


/* ------------------------------------------------------------------------------------------ */
/*                                        CAPTCHA #02                                         */
/* ------------------------------------------------------------------------------------------ */
.rc-anchor-compact-footer{display:none}




/* ------------------------------------------------------------------------------------------ */
/*                                          MENU #02                                          */
/* ------------------------------------------------------------------------------------------ */

/* ===========       GENERAL      =========== */
.menu_2 {
	min-height: 40px;
	background: none repeat scroll 0 0 #418c73;
	overflow: hidden;
    width: 103%;
    float: right;
}
.menu_2 > ul {
	display: table;
	margin: 0 auto;
	padding: 0;
}
.menu_2 > ul > li {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none outside none;
}
.menu_2 > ul > li > a {
	display: block;
}
.menu_2 > ul > li > a > span {
	display: block;
	padding: 0 12px;
	font: 18px/40px "fetrat";
	color: #333;
}
.menu_2 > ul > li > a:hover > span {
	background: none repeat scroll 0 0 #2d6450;
	color: #fff;
}
@media (max-width: 1199px) {
	.menu_2 > ul > li > a > span {
		padding: 0 7px;
		font: 16px/40px "fetrat";
	}
}
/* ------------------------------------------------------------------------------------------ */
/*                                           OFFER                                            */
/* ------------------------------------------------------------------------------------------ */

/* ===========       GENERAL      =========== */
.offer {}
.offer h1 {
	margin: 0;
	direction: rtl;
	text-align: center;
	line-height: 73px;
}
.offer span {
	margin: 0;
	direction: rtl;
	text-align: center;
	line-height: 73px;
    font-size: 36px;
}
.lib a {
    width: 90px;
    background: none repeat scroll 0 0 #60c2a2;
    border: medium none;
    outline: medium none;
    font-size: 21px;
    color: white;
    padding-bottom:8px;
    padding-left:10px;
    padding-right:10px;
    padding-top:11px;
    
    }

.lib a:hover {
    background: none repeat scroll 0 0 #60c2a2;
    color:black   ;
    }
.offer h3 {
	margin: 0;
	direction: rtl;
	text-align: center;
	font: 30px/225px "fetrat";
}
.offer h3 i {
	font-size: 50px;
	line-height: 225px;
	color: #5ac8a5;
}
@media (min-width: 768px) {
	.offer {
		height: 425px;
		overflow: hidden;
	}
}

/* ------------------------------------------------------------------------------------------ */
/*                                         OFFER  #02                                         */
/* ------------------------------------------------------------------------------------------ */

/* ===========       GENERAL      =========== */
.offer_2 {
	background: none repeat scroll 0 0 #ade4d2;
}
.offer_2 h3 {
	margin: 0;
	direction: rtl;
	text-align: center;
	font: 30px/225px "fetrat";
}
.offer_2 h3 i {
	font-size: 50px;
	line-height: 225px;
	color: #5ac8a5;
}
@media (min-width: 768px) {
	.offer_2 {
		height: 337px;
		overflow: hidden;
	}
	.offer_2 > .z-tabs .z-tabs-nav .z-tab a {
		background: none repeat scroll 0 0 transparent;
	}
	.offer_2 > .z-tabs > .z-tabs-nav > .z-tab > a {
		color: #000 !important;
	}
	.offer_2 > .z-tabs > .z-tabs-nav > .z-tab.z-active > a {
		color: #f70 !important; /*DashAli*/
	}
	.offer_2 > #offerL1.z-tabs.clean.white > ul.z-tabs-desktop > li {
		padding: 15px 15px 0;
	}
}

/* ------------------------------------------------------------------------------------------ */
/*                                          SHOWCASE                                          */
/* ------------------------------------------------------------------------------------------ */

/* ===========       GENERAL      =========== */
.showcase {
	padding: 25px 0 ;
	background: none repeat scroll 0 0 #f3f3f3;
}
.showcase h2 {
	height: 63px;
	margin: 0;
	padding: 15px 0;
	overflow: hidden;
}
.showcase h2 a {
	display: table;
	margin: 0 auto;
	color: #000;
}
.showcase h2 a:hover {
	color: #ff7700;
}
.showcase h2 span {
	font-size:70%;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.showcase figure {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto 8px;
	overflow: hidden;
}
.showcase figure:hover {
}
.showcase figure a {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}
.showcase figure a img {
	border: 0px solid transparent;
	display: block;
	width: 100%;
	height: auto;
	transition: all 1s;
	-webkit-filter: grayscale(90%) brightness(140%);
		filter: grayscale(90%) brightness(140%);
	-moz-box-shadow:inset 0 0 0 rgba(255,255,255,1);
		-webkit-box-shadow: inset 0 0 0 rgba(255,255,255,1);
			box-shadow: inset 0 0 0 rgba(255,255,255,1);
}
@media (min-width:993px){
	.showcase figure a img {
		max-height: 216px;
	}
}
.showcase figure a img:hover {
	transition:all .2s;
	border:15px solid rgba(0, 0, 0, 0.2);
	-webkit-filter: grayscale(0%) brightness(100%);
		filter: grayscale(0%) brightness(100%);
	-moz-box-shadow:inset 0 0 15px rgba(255,255,255,.5);
		-webkit-box-shadow: inset 0 0 15px rgba(255,255,255,.5);
			box-shadow: inset 0 0 15px rgba(255,255,255,.5);
}
.showcase ul {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}
.showcase ul li {
	height: 25px;
	margin: 0;
	padding: 0;
	list-style: none outside none;
	direction: rtl;
	-webkit-transition: padding-right 0.3s ease 0s;
	-moz-transition: padding-right 0.3s ease 0s;
	-o-transition: padding-right 0.3s ease 0s;
	-ms-transition: padding-right 0.3s ease 0s;
	transition: padding-right 0.3s ease 0s;
	overflow: hidden;
}
.showcase ul li:hover {
	padding-right: 20px;
}
.showcase ul li a {
	display: block;
}
.showcase ul li a span {
	display: block;
	color: #000;
}
.showcase ul li a span:before {
	content: "\203A";
	padding: 0 0 0 10px;
	font: bold 20px Georgia;
	color: #5ac8a5;
}
.showcase ul li a span:hover:before {
	color: #ff7700;
}

@media (max-width: 767px) {
	.showcase > div {
		padding-bottom: 20px;
		border-bottom: 1px dashed #cccccc;
	}
}

@media (min-width:769px) and (max-width:992px) {
	.showcase figure {
		width: 100%!important;
		height:auto;
		padding-right:15px;
	}
	.showcase figure a {
		width: 100%;
		height:auto;
	}
	.showcase figure a img {
		width: 100%;
		padding-right:0;
		height:auto;
	}
	.showcase ul {
		padding-right:15px;
	}
}

/* ------------------------------------------------------------------------------------------ */
/*                                        MAIN CONTENT                                        */
/* ------------------------------------------------------------------------------------------ */

/* ===================================       GENERAL      =================================== */

/* ===========       GENERAL      =========== */
.content {
	padding: 20px 0;
}


/* ===================================        POST        =================================== */

/* ===========       GENERAL      =========== */
.post {
	position: relative;
	padding: 0 0 0 20px;
	/*border-left: 1px solid #cccccc;*/
	direction: rtl;
}
.post > h1 {
	margin: 0;
	padding: 0 0 0 100px;
	font-weight: normal;
	line-height: 30px;
}
@media (max-width: 767px) {
	.post {
		padding: 0 0 20px;
		border-left: medium none;
	}
}

/* ===========       ADDONS       =========== */
.addons {
	position: absolute;
	top: 0;
	left: 0 !important;
}
.addons > ul {
	margin-left: 15px;
	padding-right: 0;
}
@media (max-width: 767px) {
	.addons > ul {
		margin-left: 0;
		margin-top: 0;
	}
}
.addons > ul > li > ul > li{ 
	text-align: right;
}
.addons > ul > li {
	list-style: none outside none;
	width: 38px;
	text-align: center;
	margin-right: 2px;
	float: left;
}
.addons > ul > li:first-child {
	margin-right: 14px;
}
.addons > ul > li:last-child {
	margin-left: 10px;
}
.addons > ul > li:last-child > a > i {
	border: 0 none transparent;
	font-size: 38px;
	margin-top: -3px;
}
.addons > ul > li:last-child > a > span {
	display: block;
	float: right;
	text-align: left;
	position: absolute;
	top: 18px;
	left: 34px;
	min-width: 77px;
	font-size: smaller;
	color: #bbb;
}
.addons > ul > li > a {
	display: block;
	padding:0;
	transition:all .5s;
}
.addons > ul > li > a > i {
	display: block;
	padding: 3px;
	border: 1px solid #eee;
	font-size: 30px;
	font-weight: normal;
	color: #cccccc;
	border-radius: 3px;
	transition:all .5s;
}
.addons > ul > li > a:hover > i,
.addons > ul > li > a:focus > i {
	border-color: #ccc;
	color: #333;
	transition:all .1s;
}
.addons > ul > li > a:focus,
.addons > ul > li > a:hover{
	transition:all .1s;
}
.addons > ul > li > a.article-prev > i:before{
    padding-right: 0;
    padding-left: 4px;
}
.addons > ul > li > a.article-next > i:before{
    padding-right: 2px;
    padding-left: 0;
}
.addons > ul > li > a.article-prev > i,
.addons > ul > li > a.article-next > i{
	background:none;	
	border-color: rgba(0,0,0,.1);
	border-radius:50%;
	transition:all .5s;
}
.addons > ul > li > a.article-prev:hover > i,
.addons > ul > li > a.article-next:hover > i,
.addons > ul > li > a.article-prev:focus > i,
.addons > ul > li > a.article-next:focus > i{
	background:none;
	border-color: rgba(0,0,0,.2);
	transition:all .1s;
}
.addons > ul > li > a.article-prev:hover,
.addons > ul > li > a.article-next:hover,
.addons > ul > li > a.article-prev:focus,
.addons > ul > li > a.article-next:focus{
	background:none;
	transition:all .1s;
}
@media (max-width:767px){
	.addons .navbar-nav .open .dropdown-menu{
		float:left;
		background-color: #fff;
		-webkit-background-clip: padding-box;
			background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,.15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
			box-shadow: 0 6px 12px rgba(0,0,0,.175);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
}

/* ===========       RATING      =========== */
.rating-container .clear-rating ,
.rating-container .caption {
	display:none;
}
.raiting-result{
	margin: 0 0 7px;
	line-height: 0px
}
.addons > ul > li:last-child > ul.rating-menu:before{
    left: 79px;
}
.addons > ul > li:last-child > ul.rating-menu:after{
    left: 80px;
}
.addons > ul > li:last-child > ul.rating-menu{
	left:-70px;
}
.rating-menu .rating-rtl .empty-stars .star{
	float: left;
	margin-right: 0px;
}
.rating-menu .rating-rtl .filled-stars .star{
	float: left;
	margin-right: 0px;
}

/* ===========       NOTICE       =========== */
.notice {
	clear: both;
	float: right;
	margin: 14px 0 7px 0;
	width: 100%;
}
.notice > dfn {
	font-style: normal;
	color: #777;
}
.notice > dfn:after {
	content: "/";
	padding: 0 10px;
}
.notice > dfn:last-child:after {
	content: "";
	padding: 0;
}
.notice > dfn > span {}

/* ===========        TAGS        =========== */
.tagCloud {
	padding: 30px 0;
}
.tagCloud > ul {
	display: table;
	margin: 0;
	padding: 0;
}
.tagCloud > ul > li {
	float: right;
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none outside none;
}
.tagCloud > ul > li > span {
	display: block;
	color: #777;
}
.tagCloud > ul > li > a {
	display: block;
}
.tagCloud > ul > li > a > span {
	display: block;
	background: none repeat scroll 0 0 #eeeeee;
	color: #777;
	padding:0 5px 1px;
	border-radius: 3px;
}
.tagCloud > ul > li > a:hover > span {
	background-color: #1b3b30;
	color: #fff;
}

/* ===========      CONTENT       =========== */
.postContent {}
.postContent p {
	text-align: justify;
	font-size: 18px;
	color: #434343;
	line-height: 31px;
	text-indent: 40px;
	/*max-width:610px;*/
}
/*.postContent p:hover {
	color:#000;
}*/
.postContent p::selection {
	color:#fff;
	background-color:#5ac8a5;
}
.postContent p::-moz-selection {
	color:#fff;
	background-color:#5ac8a5;
}

.postContent div img.med,
.postContent div img,
.postContent p img.med,
.postContent p img {
	display: block;
	float: left;
	padding: 5px 15px 0 0;
	width:320px;
}
@media (max-width: 480px) {
	.postContent div img.med,
	.postContent div img,
	.postContent p img.med,
	.postContent p img {
		max-width:100%;
		width:100%;
		float: none;
		clear:both;
		padding: 5px 0 0 0;
	}
}
.postContent figure:first-child {
	width:100%;
	/*max-height: 500px;*/
	overflow:hidden
}
.postContent figure:first-child:hover {
	width:100%;
	/*max-height: inherit;*/
	overflow: unset;
}
.postContent figure:first-child img {
	width:100%;
}
.postContent figure {
	display: block;
	margin: 0 auto;
	padding: 20px 0;
}
.postContent figure img {
	display: block;
	width:100%;
}
.postContent figure dfn {
	color: #999999;
	direction: rtl;
	display: block;
	font-style: normal;
	text-align: left;
}
.postContent ul li{color:#0a8c64}

.postContent ul.links {
	display: block;
	float: left;
	margin: 5px 15px 0 0;
	padding: 15px;
	width: 320px;
	color:#000;
	clear: left;
}
.postContent ul.related {
	background: none repeat scroll 0 0 #fff8db;
}
.postContent ul.tips {
	background: none repeat scroll 0 0 #bfffeb;
}
.sutitr{
	display: block;
	float: left;
	margin: 5px 15px 0 0;
	padding: 15px;
	width: 320px;
	background-color:#fff;
	border-right:10px solid #eee;
	font-size:140% !important;
	color:#0a8c64 !important;
	clear: left;
}
@media (max-width: 480px) {
	.postContent ul.links, .sutitr {
		float: none;
		width: 100%;
		margin: 5px 0 0 0;
	}
}
.postContent ul.links li {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}
.postContent ul.links li h3 {
	margin: 0;
	padding: 0 0 30px;
}
.postContent ul.links li a  {
	display: block;
	padding: 0;
	-webkit-transition: padding-right 0.3s ease 0s;
	-moz-transition: padding-right 0.3s ease 0s;
	-o-transition: padding-right 0.3s ease 0s;
	-ms-transition: padding-right 0.3s ease 0s;
	transition: padding-right 0.3s ease 0s;
}
.postContent ul.links li a:hover {
	padding-right: 20px;
}
.postContent ul.links li a span {
	display: block;
	color: #272727;
}
.postContent ul.links li:hover a span {
	color: #000;
}
.postContent ul.links li a span:before {
	content: "\203A";
	padding: 0 0 0 10px;
	font: bold 20px Georgia;
	color: #5ac8a5;
}
.postContent ul.links li:hover a span:before {
	color: #ff7700;
}

/* ===========      COMMENT       =========== */
.postComment {
	padding: 15px;
	background: none repeat scroll 0 0 #f3f3f3;
	clear:both;
}
.postComment > .forms {
	display: table;
	width: 100%;
	padding: 15px;
	background: none repeat scroll 0 0 #e8e8e8;
}
.postComment > .forms > fieldset {
	float: right;
	margin: 0;
	padding: 0 0 0 15px;
}
.postComment > .forms > fieldset:last-child {
	padding: 0;
}
.postComment > .forms > fieldset > img {
	display: block;
}
.postComment > .forms > fieldset:first-child > img {
	width:  75px;
	height: 75px;
}
.postComment > .forms > fieldset:nth-child(4) > img {
	float: right;
	height: 40px;
	margin: 15px 0 15px 15px;
	width: 75px;
}
.postComment > .forms > fieldset > textarea {
	border:1px solid #aaa;
	display: block;
	width: 100%;
	height: 75px;
	padding: 5px;
	resize: none;
}
.postComment > .forms > fieldset > input {
	border:1px solid #aaa;
	display: block;
	float:right;
	width: 100px;
	height: 40px;
	padding: 5px;
	resize: none;
	margin:15px 0 0
}
.postComment > .forms > fieldset > button {
	display: block;
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	outline: medium none;
}
.postComment > .forms > fieldset > button:nth-child(1) {
	margin: 15px 85px 0 -5px;
}
.postComment > .forms > fieldset:last-child > button {
	margin:15px -5px 0 0;
}
.postComment > .forms > fieldset > button > i {
	display: block;
	font-size: 21px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}
.postComment > .forms > fieldset > button:nth-child(1) > i {
	background: none repeat scroll 0 0 #b0b0b0;
	color: #e8e8e8;
	transition:all .5s;
}
	.postComment > .forms > fieldset > button:nth-child(1):hover > i {
		background: none repeat scroll 0 0 #f70;
		color: #e8e8e8;
		transition:all .2s;
	}

.postComment > .forms > fieldset > button:nth-child(2) > i {
	background: none repeat scroll 0 0 #777;
	color: #fff;
	transition:all .5s;
	margin-top:15px
}
	.postComment > .forms > fieldset > button:nth-child(2):hover > i {
		background: none repeat scroll 0 0 #ade4d2;
		color: #fff;
		transition:all .2s;
	}

.postComment > table {
	width: 100%;
	text-align: center;
}
.postComment > table > tbody {}
.postComment > table > tbody > tr {
	border-bottom: 1px solid #d4d4d4;
}
.postComment > table > tbody > tr:last-child {
	border-bottom: medium none;
}
.postComment > table > tbody > tr > td {
	height: 80px;
	vertical-align:top;
}
.postComment > table > tbody > tr > td:first-child  { width: 70px; padding-top:9px}
.postComment > table > tbody > tr > td:nth-child(2) { width: 170px; padding-top:5px; overflow:hidden; max-width:140px;}
.postComment > table > tbody > tr > td:last-child   { max-width:500px; overflow:hidden;}
.postComment > table > tbody > tr > td > img {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}
.postComment > table > tbody > tr > td > h5  {
	margin: 0;
	font-size: 18px;
	color: #000;
}
.postComment > table > tbody > tr > td > dfn {
	display: block;
	font-style: normal;
	font-size: 13px;
	color: #333333;
}
.postComment > table > tbody > tr > td > p {
	text-align: justify;
	margin: 0;
	padding: 0;
	font: 18px/31px fetrat;
}
.postComment .comment-manage a {
	display: block;
	width: 30px;
	height: 30px;
	margin: 5px auto;
}
.postComment .comment-manage i {
	display: block;
	font-size: 20px;
	line-height: 30px;
	transition:all .5s;
}

.postComment .comment-manage a:nth-child(1) > i { color: #b0b0b0; }
	.postComment .comment-manage a:nth-child(1):hover > i {
		color: #d23737;
		background-color: rgba(210,55,55, 0.2);
		transition:all .2s;
	}
	
.postComment .comment-manage a:nth-child(2) > i { color: #777; }
	.postComment .comment-manage a:nth-child(2):hover > i {
		color: #418c73;
		background-color: rgba(65,140,115, 0.2);
		transition:all .2s;
	}
	
.postComment .comment-manage a:last-child > i { color: #337ab7; }
	.postComment .comment-manage a:last-child:hover > i {
		color: #337ab7;
		background-color: rgba(0,180,220, 0.2);
		transition:all .2s;
	}

.postComment .unpublished{
	color:#d00;
	background-color: #ffe7e7;
	}



/* ===================================      SIDE BAR      =================================== */

/* ===========       GENERAL      =========== */
.sidebar {}
@media (min-height:788px){
	.left-side .sidebar{border-right:1px solid #cccccc; margin-right:-8px}
	.right-side .post{margin-left: -8px}
}

/* ===========       WINDOW       =========== */
.window {
	margin: 0 0 15px;
	padding: 0 0 15px;
	direction: rtl;
	border-bottom: 1px solid #cccccc;
}
.window > figure {
	overflow: hidden;
	padding: 0;
}
.window > figure > img {
	display: block;
	width: 200px;
	height: 240px;
	margin: 0 auto;
}
.randbook figure {
	max-height:250px;
}
.randbook figure img {
	width: 100%;
}
.randbook .col-md-7 li span a {
	font-size: x-large;
	word-spacing: -3px;
	line-height: 25px;
}
@media (min-width:768px) and (max-width:991px){
	.randbook div.col-sm-12 {
		padding-left:0;
		padding-right:0;
	}
	.randbook .col-md-7 ul {
		margin-bottom: -20px;
		margin: 7px 0 -14px;
	}
}
.window > div {}
.window > div > h4 {
	margin: 0;
	padding: 0 0 30px;
}
.window > h4 > span {
	display: block;
	font-size: 30px;
	color: #333333;
}
.window > div > h4 > dfn {
	display: block;
	font-style: normal;
	color: #bbbbbb;
}
.window > div > ul {
	margin: 0;
	padding: 0;
}
.window > div > ul > li {
	margin: 0;
	padding: 0;
	list-style: none outside none;
	color: #5ac8a5;
}
.window > div > ul > li > span {
	color: #333333;
}

/* ===========    SHOWCASE #02    =========== */
.showcase_2 {
	display: table;
	margin: 0 0 15px;
	padding: 0;
	background: none repeat scroll 0 0 #f3f3f3;
}
.showcase_2 > div {
	padding-bottom: 20px;
}
.showcase_2 h2 {
	margin: 0;
	padding: 15px 0;
}
.showcase_2 h2 a {
	display: block;
	height: 66px;
	text-align: center;
	color: #000;
	overflow: hidden;
}
.showcase_2 h2 a:hover {
	color: #ff7700;
}
.showcase_2 figure {
	position: relative;
	overflow: hidden;
}
.showcase_2 figure a {
	display: block;
	position: relative;
}
.showcase_2 figure a img {
	display: block;
	width: 100%;
	height: auto;
}
.showcase_2 ul {
	max-width: 300px;
	margin: 0 auto;
	padding: 0;
}
.showcase_2 ul li {
	height: 25px;
	margin: 0;
	padding: 0;
	list-style: none outside none;
	direction: rtl;
	-webkit-transition: padding-right 0.3s ease 0s;
	-moz-transition: padding-right 0.3s ease 0s;
	-o-transition: padding-right 0.3s ease 0s;
	-ms-transition: padding-right 0.3s ease 0s;
	transition: padding-right 0.3s ease 0s;
	overflow: hidden;
}
.showcase_2 ul li:hover {
	padding-right: 20px;
}
.showcase_2 ul li a {
	display: block;
}
.showcase_2 ul li a span {
	display: block;
	color: #000;
}
.showcase_2 ul li a span:before {
	content: "\203A";
	padding: 0 0 0 10px;
	font: bold 20px Georgia;
	color: #5ac8a5;
}
.showcase_2 ul li a span:hover:before {
	color: #ff7700;
}

@media (max-width: 767px) {
	.showcase_2 > div {
		padding-bottom: 20px;
		border-bottom: 1px dashed #cccccc;
	}
}

/* ===========       U LIST       =========== */
.uList {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #cccccc;
	direction: rtl;
}
.uList:last-child {
	border-bottom: medium none;
}
.uList > h4 {
	margin: 0;
	padding: 0 0 30px;
	font-size: 30px;
	color: #333333;
}
.uList > h4 > a {
	color: #bbbbbb;
}
.uList > ul {
	display: table;
	margin: 0;
	padding: 0;
}
.uList > ul > li {
	height: 25px;
	margin: 0;
	padding: 0;
	list-style: none outside none;
	direction: rtl;
	-webkit-transition: padding-right 0.3s ease 0s;
	-moz-transition: padding-right 0.3s ease 0s;
	-o-transition: padding-right 0.3s ease 0s;
	-ms-transition: padding-right 0.3s ease 0s;
	transition: padding-right 0.3s ease 0s;
	overflow: hidden;
}
.uList > ul > li:hover {
	padding-right: 20px;
}
.uList > ul > li > a {
	display: block;
}
.uList > ul > li > a > span {
	display: block;
	color: #000;
}
.uList > ul > li > a > span:before {
	content: "\203A";
	padding: 0 0 0 10px;
	font: bold 20px Georgia;
	color: #5ac8a5;
}
.uList > ul > li > a > span:hover:before {
	color: #ff7700;
}


/* ------------------------------------------------------------------------------------------ */
/*                                            TAGS                                            */
/* ------------------------------------------------------------------------------------------ */

/* ===========       GENERAL      =========== */
.tags {
	padding: 30px 0;
	background: none repeat scroll 0 0 #fff;
}
.tags h2 {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
.tags ul {
	margin: 0;
	padding: 10px 0;
}
.tags ul li {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}
.tags ul li ol {
	display: table;
	margin: 0 auto;
	padding: 0;
}
.tags ul li ol li {
	float: right;
	margin: 0;
	padding: 10px;
	list-style: none outside none;
}
.tags ul li ol li a {
	display: block;
}
.tags ul li ol li a span {
	display: block;
	line-height: 23px;
	font-size: 16px;
	color: #777;
	-webkit-transition: font-size 0.3s ease 0s;
	-moz-transition: font-size 0.3s ease 0s;
	-o-transition: font-size 0.3s ease 0s;
	-ms-transition: font-size 0.3s ease 0s;
	transition: font-size 0.3s ease 0s;
}
.tags ul li ol li a span:hover {
	font-size: 20px;
	color: #ff7700;
}


/* ------------------------------------------------------------------------------------------ */
/*                                           FOOTER                                           */
/* ------------------------------------------------------------------------------------------ */

/* ===========       GENERAL      =========== */
.foot {
	padding: 30px 0;
	background: none repeat scroll 0 0 #333333;
	border-bottom: 1px solid #484848;
	direction: rtl;
}
.foot h2 {
	margin: 0;
	line-height: 61px;
	color: #fff;
}
.foot figure {
	padding: 10px 0;
}
.foot figure a {}
.foot figure a img {}
.foot aside {}
.foot aside span {
	display: inline-block;
	line-height: 20px;
	font-size: 12px;
	color: #666666;
}
.foot h5 {
	margin: 0;
}
.foot h5 a {
	display: table;
	line-height: 25px;
	color: #5ac8a5;
}
.foot h5 a:hover {
	color: #ff7700;
}
.foot p {
	max-width: 300px;
	margin: 0;
	padding: 0;
	text-align: justify;
	color: #999999;
}
.foot article {
	padding: 0 0 15px;
}
.foot article a {
	display: table;
}
.foot article a span {
	display: block;
	width: 100px;
	background: none repeat scroll 0 0 #5ac8a5;
	line-height: 40px;
	text-align: center;
	color: #fff;
}
.foot article a span:before {
	background: none repeat scroll 0 0 #ff9100;
}
.foot article a span:hover,
.foot article a span:focus {
	color: #000;
}
.foot article a span i {
	padding: 0 10px 0 0;
	line-height: 40px;
	font-size: 20px;
	color: #fff;
}
.foot article a span:hover i {
	color: #000;
}
.foot ul {
	margin: 0;
	padding: 10px 0 20px;
}
.foot ul li {
	margin: 0;
	padding: 0;
	list-style: none outside none;
	direction: rtl;
	-webkit-transition: padding-right 0.3s ease 0s;
	-moz-transition: padding-right 0.3s ease 0s;
	-o-transition: padding-right 0.3s ease 0s;
	-ms-transition: padding-right 0.3s ease 0s;
	transition: padding-right 0.3s ease 0s;
}
.foot ul li:hover {
	padding-right: 20px;
}
.foot ul li a {
	display: block;
}
.foot ul li a span {
	display: block;
	color: #5ac8a5;
}
.foot ul li:hover a span {
	color: #ff7700;
}
.foot ul li a span:before {
	content: "\203A";
	padding: 0 0 0 10px;
	font: bold 20px Georgia;
	color: #fff;
}
.foot ul li:hover a span:before {
	color: #ffff00;
}
.foot ul li {
	display: table;
	clear: both;
}
.foot ul li a {
	float: right;
}
.foot ul li ins {
	float: right;
	line-height: 25px;
	text-decoration: none;
	color: #777777;
}
.foot ul li ins:after,
.foot .news span:after,
.foot .topnews span:after,
.foot .top10 ins:after {
	font-family:"FontAwesome";
	margin:2px 4px 0 2px;
}
.top10 ins:after {
	content:"\f005";
}
.top10 ins:last-child:after {
	content:"\f007";
	margin-right:5px;
}
.hot ins:after {
	content:"\f0e6";
}
.view ins:after {
	content:"\f06e";
}
.foot .topnews aside span:after,
.foot .news aside span:after {
	content:"\f073";
	float: right;
	margin: 0 0 0 5px;
}
.foot ol {
	margin: 0;
	padding: 10px 0 20px;
}
.foot ol li {
	margin: 0;
	padding: 0;
	list-style: none outside none;
	direction: rtl;
	-webkit-transition: padding-right 0.3s ease 0s;
	-moz-transition: padding-right 0.3s ease 0s;
	-o-transition: padding-right 0.3s ease 0s;
	-ms-transition: padding-right 0.3s ease 0s;
	transition: padding-right 0.3s ease 0s;
}
.foot ol li:hover {
	padding-right: 20px;
}
.foot ol li a {
	display: block;
}
.foot ol li a span {
	display: block;
	color: #5ac8a5;
}
.foot ol li:hover a span {
	color: #ffff00;
}
.foot ol li a span:before {
	content: "\203A";
	padding: 0 0 0 10px;
	font: bold 20px Georgia;
	color: #fff;
}
.foot ol li:hover a span:before {
	color: #000;
}
.foot ol.withBadge li {
	display: table;
	clear: both;
}
.foot ol.withBadge li a {
	float: right;
}
.foot ol.withBadge li ins {
	float: right;
	line-height: 25px;
	text-decoration: none;
	color: #666666;
}
.foot nav {
	display: table;
}
.foot nav a {
	display: block;
	float: right;
	width: 40px;
	height: 40px;
	margin: 0 0 0 10px;
	background: none repeat scroll 0 0 #5c5c5c;
}
.foot nav a:nth-child(1):hover { background-color: #27aae1; }
.foot nav a:nth-child(2):hover { background-color: #ff9900; }
.foot nav a:nth-child(3):hover { background-color: #5ac8a5; }
.foot nav a:nth-child(4):hover { background-color: #A381BC; }
.foot nav a i {
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: #fff;
}
.foot img{max-width:100%;width:100%}

/* ------------------------------------------------------------------------------------------ */
/*                                         SUB FOOTER                                         */
/* ------------------------------------------------------------------------------------------ */

/* ===========       GENERAL      =========== */
.subFoot {
	padding: 20px 0;
	background: none repeat scroll 0 0 #333333;
	direction: rtl;
}
.subFoot p {
	margin: 0;
	padding: 0;
	color: #777;
}
.subFoot ul {
	margin: 0;
	padding: 0;
}
.subFoot ul li {
	float: left;
	margin: 0;
	padding: 0 30px 0 0;
	list-style: none outside none;
}
.subFoot ul li span {
	display: inline-block;
	color: #777;
}

@media (max-width: 767px) {
	.subFoot p {
		text-align: justify;
	}
	.subFoot ul {
		padding: 10px 0;
	}
	.subFoot ul li {
		float: none;
		padding: 5px 0;
		text-align: center;
	}
}

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------                            ------------------------------- */
/* ------------------------                    END                   ------------------------ */
/* -------------------------------                            ------------------------------- */
/* ------------------------------------------------------------------------------------------ */
	.col-xs-offset-5 {margin:0 41.6667% 0 0}
	.col-xs-offset-4 {margin:0 33.3333% 0 0}
	.col-xs-offset-3 {margin:0 25% 0 0}
	.col-xs-offset-2 {margin:0 16.6667% 0 0}
	.col-xs-offset-1 {margin:0 8.33333% 0 0}
	.col-xs-offset-0 {margin:0}
	
@media (min-width:768px){
	.col-sm-offset-5 {margin:0 41.6667% 0 0}
	.col-sm-offset-4 {margin:0 33.3333% 0 0}
	.col-sm-offset-3 {margin:0 25% 0 0}
	.col-sm-offset-2 {margin:0 16.6667% 0 0}
	.col-sm-offset-1 {margin:0 8.33333% 0 0}
	.col-sm-offset-0 {margin:0}
}

@media (min-width:992px){
	.col-md-offset-5 {margin:0 41.6667% 0 0}
	.col-md-offset-4 {margin:0 33.3333% 0 0}
	.col-md-offset-3 {margin:0 25% 0 0}
	.col-md-offset-2 {margin:0 16.6667% 0 0}
	.col-md-offset-1 {margin:0 8.33333% 0 0}
	.col-md-offset-0 {margin:0}
}
@media (min-width:1200px){
	.col-lg-offset-5{margin:0 41.6667% 0 0}
	.col-lg-offset-4 {margin:0 33.3333% 0 0}
	.col-lg-offset-3 {margin:0 25% 0 0}
	.col-lg-offset-2 {margin:0 16.6667% 0 0}
	.col-lg-offset-1 {margin:0 8.33333% 0 0}
	.col-lg-offset-0 {margin:0}
}

/* ------------------------------------------------------------------------------------------ */
/*                                   Register & Contact                                       */
/* ------------------------------------------------------------------------------------------ */

.contact,
.register {
	direction:rtl
	}
.contact .bg-contact{
	background:rgba(0, 0, 0, 0) url("../../img/component/contact/bg-contact.png") no-repeat scroll center 0;
	min-height:650px
	}
.register .bg-register {
	background:rgba(0, 0, 0, 0) url("../../img/component/register/bg-register.png") no-repeat scroll center 0;
	min-height:650px
	}
@media (max-width:500px){
	.register .bg-register {
		background:rgba(0, 0, 0, 0) url("../../img/component/register/bg-register-mini.png") no-repeat scroll center 0;
		}
	.reg-fields, .contact-fields {
		max-width:270px;
	}
	.register .input-field, .contact .input-field{
		max-width:240px;
	}
	.register .form-group, .contact  .form-group{
		clear:both;
	}
}
@media (max-width:330px){
	.reg-fields, .contact-fields {
		max-width:170px;
	}
	.register .input-field, .contact .input-field{
		max-width:200px;
	}
	.btn-group.text-center.input-field{padding-right:0!important}
	#User_SignUP_new_txtPhon{width:200px!important}
	.form-group:last-child .input-field{padding-right:0!important}
}
.contact .bg-contact .form-group:first-child,
.register .bg-register .form-group:first-child{
	padding-top: 40px
	}
.contact .form-control,
.register .form-control,
.contact img,
.register img{
	background-color: rgba(255,255,255,.2); 
	box-shadow:0 0 5px rgba(0, 0, 0, 0.1),0 0 5px rgba(0, 0, 0, 0.1) inset; 
	border-color:rgba(0,0,0,.1)
	}
.contact .form-control:focus,
.register .form-control:focus{
	background-color: rgba(255,255,255,.5);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.3),0 0 5px rgba(0, 0, 0, 0.1) inset;
	border-color:rgba(0,0,0,.1)
	}
.contact textarea,
.register textarea{
	width:100%;
	height:140px;
	resize: none;
	}
.bigicon {
    color: #5ac8a5;
    font-size: 35px;
}
.contact .bigicon,
.register .bigicon{
	color:rgba(0,0,0,.1);
	text-shadow:0 0 5px rgba(0, 0, 0, 0.14);
	padding-left: 14px;
	}
.contact .form-group:hover .bigicon,
.register .form-group:hover .bigicon{color:#ff9100}
.text-center{text-align:center}
.btn-trans{
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0px, rgba(0, 0, 0, 0.2) 100%);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.2);
	text-shadow: 0 1px 0 #fff;
}
.register .btn-group .btn{
	height: 35px;
	margin: 0 0 13px 0;
	min-width: 135px;
	font-size: 16px;
}
@media (max-width:500px){
	.register .btn-group .btn{
		min-width:100px;
	}
}
@media (max-width:330px){
	.register .btn-group .btn{
		min-width:80px;
	}
}
.register .btn-group .btn:last-child{
	margin-right:-1px
}
.register .btn-group .btn .bigicon{
	font-size: 16px;
	margin-right:5px
}
.btn-group-vertical > .btn, .btn-group > .btn{float:right}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child){
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.reg-fields,
.contact-fields{
	margin:0 auto;
	width:410px;
}
.register .form-group span,
.contact .form-group span{
	width:55px;
	display:block;
	float:right;
}
@media (max-width:330px){
	.register .form-group span, .contact .form-group span{
		display:none;
	}
}

.register .input-field,
.contact .input-field{
	width:380px;
	display:block;
	float:right;
}
@media (min-width:768px){
}
@media (min-width:992px){
}
@media (min-width:1200px){
}

/* ------------------------------------------------------------------------------------------ */
/*                                     Photo Gallery                                          */
/* ------------------------------------------------------------------------------------------ */

.img-left-thumb {
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 570px auto;
	border: 10px solid rgba(0,0,0,0);
	overflow: hidden;
	transition: all 0.75s ease 0s;
	width: 100%;
}
@media (min-width:1367px){
	.img-left-thumb {
		height: 225px;
	}
	.thumb{
		width: 25%;
	}
	.thumb:nth-child(n+9):nth-child(n+10){
		width: 50%;
	}
	.gallery-search{padding-top:60px}
}
@media (min-width:1200px) and (max-width:1366px){
	.img-left-thumb {
		height: 200px;
	}
	.thumb{
		width: 25%;
	}
	.thumb:nth-child(n+9):nth-child(-n+10){
		width: 50%;
	}
	.gallery-search{padding-top:60px}
}
@media (min-width:992px) and (max-width:1199px){
	.img-left-thumb {
		height: 165px;
	}
	.thumb{
		width: 33.33%;
	}
	.thumb:nth-child(n+7):nth-child(-n+8){
		width: 50%;
	}
	.thumb:nth-child(n+15):nth-child(-n+16){
		width: 50%;
	}
	.gallery-search{padding-top:60px}
}
@media (min-width:992px) and (max-width:1100px){
	.thumb:nth-child(n+16):nth-child(-n+16){
		width: 50%;
	}
}
@media (min-width:769px) and (max-width:991px){
	.img-left-thumb {
		height: 210px;
	}
	.thumb{
		width: 50%;
	}
	.thumb:nth-child(5n+0){
		width: 100%;
	}
}
@media (min-width:601px) and (max-width:768px){
	.img-left-thumb {
		height: 300px;
	}
	.thumb{
		width: 33.33%;
	}
	.thumb:nth-child(n+7):nth-child(-n+8),.thumb:nth-child(n+15):nth-child(-n+16){
		width: 50%;
	}
	.thumb:nth-child(n+17){
		display:;
	}
}
@media (min-width:451px) and (max-width:601px){
	.img-left-thumb {
		height: 240px;
	}
	.thumb{
		width: 50%;
	}
	.thumb:nth-child(5n+0){
		width: 100%;
	}
}
@media (max-width:450px){
	.img-left-thumb {
		height: 200px;
	}
	.thumb{
		width: 50%;
	}
	.thumb:nth-child(5n+0){
		width: 100%;
	}
}
.img-left-thumb:hover {
	border:10px solid rgba(255,255,255,.7);
	transition:.25s
}
.thumb{
	float:right;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}
span.pic-top-hit,
span.pic-top-rate{
	
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle{border-radius:4px 0 0 4px;}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle){border-radius:0 4px 4px 0 ;}
.uList .pic-box{padding:1px}

.img-left-thumb span{
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
	display: block;
	float: right;
	height: 22px;
	margin-right: -10px;
	margin-top: 10px;
	padding: 1px 10px 2px;
	position: absolute;
	width: 70px;
	text-shadow:0 1px 0 #000;
	transition: all .5s;
}
.img-left-thumb:hover span{
	background-color: rgba(255,255,255, 0.5);
	color: #000;
	margin-right: 0;
	text-shadow:0 1px 0 #fff;
	transition: all .2s;
}

.img-left-thumb span:after {
	font-family:"FontAwesome";
	margin:2px 4px 0 2px;
}
.top-rait-pic span:after {
	content:"\f005";
}
.top-view-pic span:after {
	content:"\f06e";
}

/* ------------------------------------------------------------------------------------------ */
/*                                        Category                                           */
/* ------------------------------------------------------------------------------------------ */
label{font-weight:normal}
.dataTable_wrapper table{direction:rtl}
.dataTable_wrapper table th{text-align:right}
.dataTable_wrapper table th{font-weight:normal;color:#000}
.dataTable_wrapper table tr:hover td{color:#222}
.dataTable_wrapper table tr td{color:#777}
.dataTable_wrapper table tr td:first-child, .dataTable_wrapper table tr th:first-child{max-width:50px}
.dataTable_wrapper table tr td:nth-child(3), .dataTable_wrapper table tr th:nth-child(3){max-width:160px}
.dataTable_wrapper table tr td:nth-child(4), .dataTable_wrapper table tr th:nth-child(4){max-width:50px}
.btn-circle {
	border-radius: 15px;
	font-size: 12px;
	height: 30px;
	line-height: 1.42857;
	padding: 6px 0;
	text-align: center;
	width: 30px;
}
.dataTables_filter,
.dataTables_example_length{
	text-align: right;
	direction: rtl
}
.dataTables_filter input::-webkit-input-placeholder,
.dataTables_filter input::-moz-placeholder,
.dataTables_filter input:-ms-input-placeholder,
.dataTables_filter input:-moz-placeholder{
	content:"..."
}
.dataTables_filter input{
	float: left;
	width: 140px;
	margin-right: 10px;
}
@media (max-width:767px){
	.dataTables_example_length select {
		float: left;
		margin-right: 10px;
		display: inline-block;
		vertical-align: middle;
		width: auto;
	}
	.show-in-xs{display:inline}
	.hide-in-xs{display:none}
}
@media (min-width:768px){
	.show-in-xs{display:none}
	.hide-in-xs{display:inline}
}
@media (min-width:500px)and(max-width:767){
	.dataTables_example_length .show-in-xs,
	.dataTables_filter .show-in-xs{display:none}
	
	.dataTables_example_length .hide-in-xs,
	.dataTables_filter .hide-in-xs{display:inline}
}

b{font-weight:normal}


.category-map{direction:rtl}
.category-map .circle{display:table-cell; overflow:hidden; vertical-align: middle; width:90px; height:90px; transition:all .7s;}
.category-map .circle:hover{transform:scale(1.2); transition:all .15s}
.category-map > div > div{text-align:center; vertical-align:middle; padding:5px}
.category-map > div > div .cat-parent{}
.category-map .cat-parent{min-height:100px;}
.category-map .cat-box{padding-top:14px; padding-bottom:14px; transition:all .7s;}
.category-map .cat-box:hover{background-color:#efefef ; transition:all .15s;}
.category-map .cat-box:first-child:hover{background-color:#fff;background-color:rgba(255,255,255,0);}
.category-map > div{text-align:center; vertical-align:middle}
.category-map span{vertical-align:middle; display: block;}
.category-map .circle span{width: 85px}
.category-map h3{font-size:110%;width: 100%;line-height: 72px; margin-top:0}
.category-map h4{font-size:90%;}
th i.fa{margin-left:3px}
/* ------------------------------------------------------------------------------------------ */
/*                                       Pagination                                           */
/* ------------------------------------------------------------------------------------------ */
ul.pagination{padding:15px 0 0}
.pagination > li{}
.pagination > li:first-child > a{
	border-bottom-left-radius: 17px;
	border-top-left-radius: 17px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	margin-left: 0;	
	border-color: #ddd;
	border-width: 1px 0 1px 1px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 17px;
	border-top-right-radius: 17px;
	margin-right: 0;	
}
.pagination > li > a{
	padding: 10px 0;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 20px;
}
.pagination input{
	border-radius: 0px;
	margin: 0px;
	border-left: 0px none transparent;
	border-right: 0px none transparent;
	max-width: 50px;
	height:34px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.pagination input{height:33px}
}
@media (min-width:321px){
	ul.pagination{padding:15px 15px 0 0}
}


.contentList h2{
    font-size:20px !important;
    /*font-weight:bold;*/
}