/*
بسم الله الرحمن الرحيم
التصميم : خاص بمنير مصطفى
يرجى عدم سرقه التصميم لعدم التعرض لأى مسائلة قانونية
التصميم بواسطة : منير مصطفى محمد
واى سرقة او تعدى على الملكية الخاصه سيعرضك للمسائلة القانونية
version:1.1
Facebook : http://facebook.com/mouner.mostafa
Skype : mouner.mostafa
Whatsapp: 00201009199717
*/
/*start body*/
html{ 
  	scrollbar-face-color:#555;
  	scrollbar-arrow-color:#ccc;
  	scrollbar-track-color:#ccc;
  	scrollbar-shadow-color:#ccc;
	direction:rtl;
  	scrollbar-highlight-color:#ccc;
  	scrollbar-3dlight-color:#ccc;
  	scrollbar-darkshadow-Color:#ccc;
	background-color:#ecf0f1;
}
body{
	background-repeat:repeat;
	background-color:#ecf0f1;
	margin:0;
	padding:0;
	direction:rtl;
	color:#333;
	font-family:moneer,verdana;
	font-size:13px;
}
a{
	text-decoration:none;
	font-family:moneer,verdana;
	font-size:13px;
	color:#2e8ef1;
}
a:hover{
	color:#ee7058;
	text-decoration:none;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;		
}
a:before{
	text-decoration:none;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;		
}
a:after{
	text-decoration:none;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;		
}
img{
	border:none;
}
@font-face {
	font-family: 'moneer';
	src: url('../fonts/droidkufiregular.eot');
	src: url('../fonts/droidkufiregular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/droidkufiregular.woff') format('woff'),
	url('../fonts/droidkufiregular.ttf') format('truetype'),
	url('../fonts/droidkufiregular.svg#droidkufiregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'moner';
	src: url('../fonts/icomoon.ttf');
	font-weight: normal;
	font-style: normal;
}
::-webkit-scrollbar {
    width: 10px;
	background:#ccc;
}
::-webkit-scrollbar-thumb{
	background:#555;
	border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
}
*{
	list-style:none;
	margin:0;
	padding:0; 
}
#header-all{
	z-index:10000;
	position:relative;
	border-bottom:1px solid #ddd;
	top:0;
	width:100%;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
/*end body*/
/*start top-header*/
#top-header{
	height:35px;
	background:#fefefe;
	border-bottom:1px solid #ededed;
	width:100%;
  	z-index:10;		
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
.top-header{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:1000px;
	height:35px;
}
#top-header-right{
	float:right;
	height:35px;
}
#top-header-right ul{
	list-style:none;
	margin:0;
	padding:0;
}
#top-header-right ul li{
	display:block;
	width:35px;
	height:35px;
	float:right;
	position:relative;
}
#top-header-right ul li:first-child a{
	border-right:1px solid #ededed;
}
#top-header-right ul li a{
	display:block;
	float:right;
	width:35px;
	text-align:center;
	overflow:hidden;
	border-left:1px solid #ededed;
	height:36px;
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.4s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.4s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.4s;
	-o-transition-timing-function: ease-out;	
}
#top-header-right ul li a.rss:before {
  color: #aaa;
  content: "";
  display: block;
  font-family: moner;
  height:23px;
  font-size: 12px;
  margin-top: 13px;
}
#top-header-right ul li a.rss:after {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  height:23px;
  font-size: 12px;
  margin-top: 13px;
}
#top-header-right ul li:hover a.rss{
	background-color:#f39c12;
}
#top-header-right ul li:hover a.rss:before {
  margin-top: -24px;
}
#top-header-right ul li a.vemo:before {
  color: #aaa;
  content: "";
  display: block;
  font-family: moner;
  font-size: 12px;
  margin-top: 14px;
  height:22px;
  margin-right:4px;
}
#top-header-right ul li a.vemo:after {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  height:22px;
  font-size: 12px;
  margin-top: 14px;
  margin-right:4px;
}
#top-header-right ul li:hover a.vemo{
	background-color:#3498db;
}
#top-header-right ul li:hover a.vemo:before {
  margin-top: -23px;
}
#top-header-right ul li a.twiter:before {
  color: #aaa;
  content: "";
  display: block;
  font-family: moner;
  font-size: 12px;
  margin-top: 14px;
  height:22px;
  margin-right:4px;
}
#top-header-right ul li a.twiter:after {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 12px;
  margin-top: 14px;
  height:22px;
  margin-right:4px;
}
#top-header-right ul li:hover a.twiter{
	background-color:#9ed3f9;
}
#top-header-right ul li:hover a.twiter:before {
  margin-top: -23px;
}
#top-header-right ul li a.google:before {
  color: #aaa;
  content: "";
  display: block;
  font-family: moner;
  font-size: 12px;
  margin-top: 13px;
  height:23px;
  margin-right:2px;
}
#top-header-right ul li a.google:after {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 12px;
  margin-top: 13px;
  height:23px;
  margin-right:2px;
}
#top-header-right ul li:hover a.google{
	background-color:#c0392b;
}
#top-header-right ul li:hover a.google:before {
  margin-top: -24px;
}
#top-header-right ul li a.facebook:before {
  color: #aaa;
  content: "";
  display: block;
  font-family: moner;
  font-size: 12px;
  margin-top: 14px;
  height:22px;
  margin-right:2px;
}
#top-header-right ul li a.facebook:after {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 12px;
  margin-top: 14px;
  height:22px;
  margin-right:2px;
}
#top-header-right ul li:hover a.facebook{
	background-color:#3f77cb;
}
#top-header-right ul li:hover a.facebook:before {
  margin-top: -23px;
}
#top-header-right ul li a.search:before {
  color: #aaa;
  content: "";
  display: block;
  font-family: moner;
  font-size: 12px;
  margin-top: 14px;
  height:22px;
  margin-right:2px;
}
#top-header-right ul li a.search:after {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 12px;
  height:22px;
  margin-top: 14px;
  margin-right:2px;
}
#top-header-right ul li:hover a.search{
	background-color:#2c3e50;
}
#top-header-right ul li:hover a.search:before {
  margin-top: -23px;
}
#top-header-right ul li a:hover{
	background:#f2f9fb;
}
#top-header-right ul li:hover span{
	display:block;	
}
#top-header-right ul li span {
  color: #FFFFFF;
  font-family:moneer,verdana;
  font-size: 11px;
  height:30px;
  font-weight: normal;
  padding-top: 6px;
  position: absolute;
  right: -10px;
  text-align: center;
  top:35px;
  display:none;
}
#top-header-right ul li span c:before {
  color: #333;
  content: "";
  font-family: moner;
  font-size: 15px;
  position: absolute;
  right: 20px;
  margin-top: -13px;
}
.top-header ul li span c {
  background:#333;
  border-radius:4px;
  -webkit-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  -moz-border-radius:4px;
  display:block;
  height:21px;
  position:relative;
  width:40px;
  padding: 3px 7px;
}
#top-header-right ul li:hover .searchbox{
	display:block;	
}
.searchbox {
  position: absolute;
  right: -65px;
  top: 35px;
  display:none;
  width: 166px;
  z-index:1;
}
.search-top {
  color: #DDDDDD;
  display: block;
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
  height: 10px;
  text-align: center;
}
.search-content {
  background:#FFFFFF;
  border: 1px solid #EEEEEE;
  box-shadow: 0 0 5px -4px #000000;
  -webkit-box-shadow: 0 0 5px -4px #000000;
  -ms-box-shadow: 0 0 5px -4px #000000;
  -o-box-shadow: 0 0 5px -4px #000000;
  -moz-box-shadow: 0 0 5px -4px #000000;
  clear: both;
  display: block;
  position:relative;
  padding: 8px;
}
.search-content:before {
  color: #aaa;
  content: "";
  font-family: moner;
  font-size: 10px;
  left: 18px;
  position: absolute;
  top: 15px;
}
.search-content:hover:before {
  color: #3498db;
}
.search-content input {
  background:#FFFFFF;
  border: 1px solid #CBDEE4;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #666666;
  display: block;
  font-family: tahoma;
  font-size: 8pt;
  padding: 5px;
  width: 135px;
}
.search-content input[type="submit"] {
  border:none;
  background:none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 25px;
  left: 12px;
  position: absolute;
  padding:0;
  top: 7px;
  width: 20px;
}
#top-header-right ul li a img{
	padding-top:14px;
}
#top-header-left{
	float:left;
	height:35px;
}
#top-header-left ul{
	list-style:none;
	margin:0;
	padding:0;
}
#top-header-left ul li {
  background: url(../images/head-right-border.png) no-repeat;
  background-position:left 13px;
  color: #777777;
  display: block;
  float: right;
  font-family: verdana,moneer;
  font-size: 11px;
  height: 33px;
  overflow: hidden;
  padding-left: 8px;
  margin-top:2px;
  padding-right: 8px;
}
#top-header-left ul li:last-child{
	background:none;
}
#top-header-left ul li a {
  color: #777777;
  display: block;
  padding-top:7px;
  padding-bottom:4px;
  height:21px;
  float: right;
  font-family: moneer,verdana;
  font-size: 11px;
}
#top-header-left ul li a:hover{
	color:#2e8ef1;	
}
#top-header-left ul li:after {
  background:#2e8ef1;
  clear: both;
  content: "";
  display: block;
  height: 1px;
  padding-left: 0;
  margin-left:auto;
  margin-right:auto;
  padding-right: 0;
  width: 0;
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.4s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.4s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.4s;
	-o-transition-timing-function: ease-out;  
}
#top-header-left ul li:hover:after{
	width: 100%;
}
#top-header-left ul li a:before {
  color: #aaa;
  display: inline-block;
  font-family: moner;
  margin-left: 5px;
  overflow: hidden;
  vertical-align: middle;
}
#top-header-left ul li a:hover:before {
	color:#2e8ef1;
}
#top-header-left ul li.register a:before {
	content: "";
}
#top-header-left ul li.login a:before {
	content: "";
}
#top-header-left ul li.email a:before {
	content: "";
	font-size:13px;
}
#top-header-left ul li.email a {
  padding-top: 8px;
  padding-bottom:3px;
}
#top-header-left ul li.phone a:before {
	content: "";
}
#top-header-left ul li.phone a {
  padding-top: 8px;
  padding-bottom:3px;
}
/*end top-header*/
/*start header*/
#header{
	background:#fff;
	height:83px;
	width:100%;
}
.header{
	width:1000px;
	height:83px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.logo {
  float: right;
  margin-right: 4px;
  margin-top: 23px;
  position: relative;
}
.logo img {
  height: 50px;
  width: 187px;
}
.logo a {
  color: #2e8ef1;
  font-family: moneer;
  font-size: 22px;
}
.notic {
  position: absolute;
  right: 117px;
  top: 45px;
  z-index: 100;
}
.notic-arraw:before {
  color: #cfdceb;
  content: "";
  font-family: moner;
  font-size: 21px;
  display:block;
}
.notic-arraw {
  height: 14px;
  margin-right: 14px;
  width: 14px;
}
.notic-content {
  background:rgba(255, 255, 255, 0.8);
  border: 1px solid #CFDCEB;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 11px 8px -15px #000000;
  -webkit-box-shadow: 0 11px 8px -15px #000000;
  -ms-box-shadow: 0 11px 8px -15px #000000;
  -o-box-shadow: 0 11px 8px -15px #000000;
  -moz-box-shadow: 0 11px 8px -15px #000000;
  clear: both;
  font-family: moneer;
  color:#444;
  font-size: 11px;
  overflow:hidden;
  padding: 10px;
  text-align: center;
  width: 160px;
}
.notic-close {
  cursor: pointer;
  float: left;
  height: 16px;
  width: 11px;
}
.notic-close:before {
  color: #aaa;
  content: "";
  font-family: moner;
  font-size: 14px;
}
#nav{
	float:left;
}
.nav{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
.nav li{
	display:block;
	float:right;
  	margin-right:2px;
  	margin-left:2px;
}
.nav li:after {
  background:#6bacee;
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  height: 3px;
  margin-left:auto;
  margin-right:auto;
  width:0px;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.5s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.5s;
	-o-transition-timing-function: ease-out;  
}
.nav li:hover:after {
  background:#6bacee;
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  height: 3px;
  width:100%;
}
.nav li:first-child:after {
	display:none;
}
.nav li:hover {
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;  
}
.nav li:first-child{
	border-bottom:3px solid #6bacee;
}
.nav li:first-child a{
	color:#2e8ef1;
}
.nav li:last-child a{
	background:none;
}
.nav li a {
  background: url(../images/head-right-border.png) no-repeat;
  background-position:left 39px;
  color: #777777;
  display: block;
  height:21px;
  float: right;
  font-family: moneer;
  font-size: 12px;
  padding: 32px 15px 28px;
}
.nav li a:hover{
	color:#2e8ef1;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
.nav li a.selected{
	color:#2e8ef1;	
}
.sub {
  background:#FFFFFF;
  box-shadow: 0 6px 22px -9px #AAAAAA;
  -webkit-box-shadow: 0 6px 22px -9px #AAAAAA;
  -ms-box-shadow: 0 6px 22px -9px #AAAAAA;
  -o-box-shadow: 0 6px 22px -9px #AAAAAA;
  -moz-box-shadow: 0 6px 22px -9px #AAAAAA;
  padding:0px;
  position: absolute;
  opacity:0.97;
  overflow:hidden;
  right: 0;
  top: 84px;
  width: 677px;
}
.offer {
  background: url(../images/offer-bg.jpg) no-repeat;
  background-size:100% 100%;
  background-position:center top;
  border-left: 1px solid #f8f8f8;
  height: 341px;
  float:right;
  overflow:hidden;
  width: 243px;
}
.offer h2 {
  color: #f26666;
  display: block;
  font-family: moneer;
  font-weight:normal;
  font-size: 15px;
  margin-bottom: 7px;
  margin-top: 28px;
  text-align: center;
}
.offer-img{
	position:relative;
  	width: 200px;
	clear:both;
	display:block;
  	height: 215px;
	margin-left:auto;
	margin-right:auto;
  	margin-bottom: 4px;	
}
.offer-img img {
  height: 215px;
  text-align: center;
  width: 200px;
}
.offer-price {
  background:#2E8EF1;
  border-radius: 49px;
  -webkit-border-radius: 49px;
  -ms-border-radius: 49px;
  -o-border-radius: 49px;
  -moz-border-radius: 49px;
  color: #FFFFFF;
  font-family: verdana,moneer;
  font-size: 14px;
  height: 32px;
  left: 0;
  padding: 10px 15px 19px;
  position: absolute;
  text-align: center;
  top: 122px;
  width: 33px;
}
.nav .offer-order a {
  clear: both;
  color: #555555;
  display: block;
  float: none;
  font-size: 13px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4px;
  padding: 0;
  text-align: center;
  width: 96px;
}
.nav .offer-order a:before {
  content: "";
  display: inline-block;
  font-family: moner;
  margin-left: 6px;
  margin-top: 3px;
}
.nav .offer-order a:hover{
	text-decoration:underline;
	color:#2E8EF1;
}
.sub-link {
  float: right;
  margin-right: 11px;
  overflow: hidden;
  padding-bottom: 15px;
  padding-top: 35px;
  width: 415px;
}
.sub ul {
  float: right;
  overflow: hidden;
  width: 196px;
  margin-right:5px;
  margin-bottom:15px;
  margin-left:5px;
}
.sub ul h2 {
  border-bottom: 1px solid #EEEEEE;
  color: #2E8EF1;
  font-family: moneer;
  font-size: 12px;
  font-weight:normal;
  padding-bottom: 5px;
  padding-right: 6px;
}
.sub ul li {
  background: none;
  float: none;
  height: auto;
  margin: 0;
  border:none;
  padding: 0;
  width: auto;
}
.sub ul li a {
  border-bottom: 1px solid #f8f8f8;
  float: none;
  font-size: 11px;
  padding: 2px 11px 2px 2px;
}
.sub ul li a:before {
  color: #aaa;
  content: "";
  display: inline-block;
  font-family: moner;
  font-size: 13px;
  margin-left: 3px;
  vertical-align: middle;
}
.sub ul li:after{
	display:none;
}
.sub ul li:hover:after{
	display:none;
}
.sub ul li:first-child a:hover{
  padding-right:14px;
  border-bottom:1px solid #f8f8f8;
}
.sub ul li a:hover{
  padding-right:14px;
}
.sub ul li:hover{
	border-bottom:none;
	background:none;
}
.sub ul li a:hover:before{
	color:#2e8ef1;
}
/*end header*/
/*start slideshow*/
#slideshow{
	clear:both;
	overflow:hidden;
	height:500px;
	position:relative;
}
/*end slideshow*/
/*start whoisus*/
.shadows {
  box-shadow: 0 0 12px 4px #000;
  -webkit-box-shadow: 0 0 12px 4px #000;
  -ms-box-shadow: 0 0 12px 4px #000;
  -o-box-shadow: 0 0 12px 4px #000;
  -moz-box-shadow: 0 0 12px 4px #000;
  clear: both;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 12;
}
#whoisus {
  background-color: #3498db;
  background-repeat: repeat;
  clear: both;
  color: #fff;
  display: block;
  margin-bottom: 25px;
  position: relative;
  z-index: 14;
}
.whoisus {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 20px 16px;
  text-align: center;
  width: 970px;
}
.whoisus p {
  clear: both;
  color: #d3e7f4;
  display: block;
  float: right;
  padding-top:3px;
  font-size: 12px;
}
.whoisus p:before {
  color: #fff;
  content: "";
  display: inline-block;
  font-family: moner;
  font-size: 13px;
  margin-left: 5px;
  vertical-align: middle;
}
.whoisus a {
  background: #2980b9;
  color: #fff;
  display: block;
  float: right;
  font-size: 12px;
  margin-right: 10px;
  padding: 3px 10px;
}
.whoisus a:hover{
  background: #333;
}
/*end whoisus*/
/*start home*/
#home{
	clear:both;
	margin-top:20px;
	overflow:hidden;
}
/*start data*/
#data{
	clear:both;
	overflow:hidden;
	padding-bottom:20px;
	height:454px;
 	border-bottom: 1px solid #e5e5e5;	
}
.data{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	position:relative;
	margin-top:0px;
}
.data-loop {
  float: right;
  height: 207px;
  margin-left: 10px;
  padding-top:10px;
  margin-right: 10px;
  margin-top: 15px;
  overflow: hidden;
  width: 229px;
}
.data-img {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  -moz-border-radius: 40px;
  height: 48px;
  margin-bottom: 7px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 67px;
}
.data-loop:hover .data-img{
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.1s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.1s;
	-o-transition-timing-function: ease-out;	
}
.data-img{
  -webkit-transition-property: transform;
  -ms-transition-property: transform;
  -o-transition-property: transform;
  -moz-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0); 
}
.data-loop:hover .data-img span{
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  -webkit-animation-name: moveupani;
  -moz-animation-name: moveupani;
  -ms-animation-name: moveupani;
  -o-animation-name: moveupani;
  animation-name: moveupani;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -webkit-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -ms-animation-direction: alternate;
  -o-animation-direction: alternate;
  -moz-animation-direction: alternate; 
}
.data-img span:before{
  display: block;
  font-family: moner;
  font-size: 30px;
  color:#444;
  text-align: center;	
}
.data-loop:hover span:before{
  color:#2e8ef1;	
}
.data-img span.dataimg1 {
  display: block;
  height: 52px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 50px;
}
.data-img span.dataimg1:before {
  content: "";
}
.data-img span.dataimg2:before {
  content: "";
}
.data-img span.dataimg3:before {
  content: "";
}
.data-img span.dataimg4:before {
  content: "";
}
.data-img span.dataimg5:before {
  content: "";
}
.data-img span.dataimg6:before {
  content: "";
}
.data-img span.dataimg7:before {
  content: "";
}
.data-img span.dataimg8:before {
  content: "";
}
.data-img span.dataimg2 {
  display: block;
  height: 52px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 50px;
}
.data-img span.dataimg3 {
  display: block;
  height: 52px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 50px;
}
.data-img span.dataimg4 {
  display: block;
  height: 52px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 50px;
}
.data-img span.dataimg5 {
  display: block;
  height: 52px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 50px;
}
.data-img span.dataimg6 {
  display: block;
  height: 52px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 50px;
}
.data-img span.dataimg7 {
  display: block;
  height: 52px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 50px;
}
.data-img span.dataimg8 {
  display: block;
  height: 52px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 50px;
}
.data-title {
  color: #416387;
  display: block;
  font-family: moneer;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 6px;
  text-align: center;
}
.data-title span{
  color: #333;
}
.data-text {
  color: #777;
  font-family: moneer;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
}
/*end data*/
/*start sev*/
#serv{
	background:url(../images/bg-serv.png);
	background-repeat:repeat;
	clear:both;
	padding-bottom:30px;
	overflow:hidden;
	margin-bottom:20px;
	border-bottom:1px solid #e5e5e5;
}
#serv h2 {
  color: #416387;
  display: block;
  font-family: moneer;
  font-size: 19px;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
  margin-top:24px;  
}
#serv h2 span {
  color: #333;
}
#serv h1 {
  clear: both;
  color: #999;
  display: block;
  font-family: moneer;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
}
.serv{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	margin-top:34px;
}
.serv-loop {
  background:#FFFFFF;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  float: right;
  margin-left: 4px;
  height:100% !important;
  margin-right: 4px;
  overflow: hidden;
  margin-top:10px;
  margin-bottom:10px;
  padding-bottom: 0px;
  width: 240px;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;   
}
.serv-loop:hover {
  box-shadow: 0 0 10px -4px #000;
  -webkit-box-shadow: 0 0 10px -4px #000;
  -ms-box-shadow: 0 0 10px -4px #000;
  -o-box-shadow: 0 0 10px -4px #000;
  -moz-box-shadow: 0 0 10px -4px #000;
  margin-top:7px;
}
.serv-top:before {
  color: #b6d8ee;
  content: "";
  display: block;
  font-family: moner;
  font-size: 19px;
  margin-bottom: 9px;
}
.serv-top {
  background:#3498db;
  clear: both;
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 20px;
  text-align: center;
}
.serv-price {
  background:#fff;
  border-bottom: 1px solid #eee;
  clear: both;
  color: #2980b9;
  display: block;
  font-family: verdana,moneer;
  font-size: 25px;
  padding: 15px;
  text-align: center;
}
.serv-price span {
  color: #666;
  font-family: moneer;
  font-size: 13px;
}
.serv-loop ol {
  background:#f8f8f8;
  border-bottom: 1px solid #eee;
  clear: both;
  display: block;
  line-height: 2;
  padding: 10px;
  text-align: right;
}
.serv-loop ol div {
  border-bottom: 1px solid #eee;
  color: #777;
  font-family: moneer,verdana;
  font-size: 12px;
  padding: 5px 4px;
  direction:rtl;
}
.serv-loop ol div:last-child{
	border-bottom:none;
}
.serv-loop ol div:before {
  color: #72afd8;
  content: "";
  display: inline-block;
  font-family: moner;
  margin-left: 5px;
  vertical-align: middle;
}
.serv-loop ol span {
  color: #666;
}
.ord-serv {
  background:#f8f8f8;
  clear: both;
  color: #333;
  display: block;
  padding: 6px;
  text-align: center;
}
.ord-serv:hover{
	text-decoration:underline;
}
.ord-serv:before {
  color: #aaa;
  content: "";
  display: block;
  font-family: moner;
}
.next-serv {
  background-color: #666666;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 36px;
  right: 7px;
  position: absolute;
  bottom: 209px;
  width: 36px;
  opacity:0.8;
  display:none;
}
.next-serv:before {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 16px;
  margin-top: 8px;
  text-align: center;
  width: 100%;
}
.prev-serv{
  background-color: #666666;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  height: 36px;
  left: 7px;
  position: absolute;
  bottom: 209px;
  width: 36px;
  opacity:0.8;
  display:none;
}
.prev-serv:before {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 16px;
  margin-top: 8px;
  text-align: center;
  width: 100%;
}
#serv:hover .prev-serv{
	-webkit-animation:moveleft2 0.5s ease-out both;
	-moz-animation:moveleft2 0.5s ease-out both;
	-o-animation:moveleft2 0.5s ease-out both;
	-ms-animation:moveleft2 0.5s ease-out both;
	animation:moveleft2 0.5s ease-out both;
}
#serv:hover .next-serv{
	-webkit-animation:moveright2 0.5s ease-out both;
	-moz-animation:moveright2 0.5s ease-out both;
	-o-animation:moveright2 0.5s ease-out both;
	-ms-animation:moveright2 0.5s ease-out both;
	animation:moveright2 0.5s ease-out both;
}
.next-serv:hover,.prev-serv:hover{
	background-color:#2E8EF1;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
#serv:hover .next-serv,#serv:hover .prev-serv{
	display:block;
	z-index:10;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
/*end serv*/
/*start about-us*/
#about-us {
  border-bottom: 1px solid #e5e5e5;
  clear: both;
  overflow: hidden;
  padding-bottom: 35px;
  height:230px;
  position: relative;
}
.about-us-loop a {
  color: #2e8ef1;
}
.about-us-loop a:hover {
	text-decoration:underline;
}
.about-us-img {
  height: 38px;
  margin-bottom: 9px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 60px;
}
.about-us-img span{
  display:block;
  width:32px;
  height:58px;
  margin-left:auto;
  margin-right:auto;
}
.about-us-img span:before {
  color: #666;
  content: "";
  font-family: moner;
  font-size: 29px;
}
#about-us:hover .about-us-img span:before{
  color: #2e8ef1; 
}
#about-us:hover .about-us-img{
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.1s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.1s;
	-o-transition-timing-function: ease-out;	  
}
#about-us h2 {
  color: #416387;
  display: block;
  font-family: moneer;
  font-size: 19px;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
}
#about-us h2 span {
  color: #333333;
}
#about-us h1 {
  clear: both;
  color: #999;
  display: block;
  font-family: moneer;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
}
#about-us h1 a{
  color: #999;
}
#about-us h1 a:hover{
	text-decoration:underline;
}
#about-us:hover .next-about,#about-us:hover .prev-about{
	display:block;
	z-index:10;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
.next-about {
  background-color: #666666;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 36px;
  right: 7px;
  position: absolute;
  bottom: 10px;
  width: 36px;
  opacity:0.5;
  display:none;
}
.next-about:before {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 16px;
  margin-top: 8px;
  text-align: center;
  width: 100%;
}
.prev-about{
  background-color: #666666;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  height: 36px;
  left: 7px;
  position: absolute;
  bottom: 10px;
  width: 36px;
  opacity:0.5;
  display:none;
}
.prev-about:before {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 16px;
  margin-top: 8px;
  text-align: center;
  width: 100%;
}
#about-us:hover .prev-about{
	-webkit-animation:moveleft2 0.5s ease-out both;
	-moz-animation:moveleft2 0.5s ease-out both;
	-o-animation:moveleft2 0.5s ease-out both;
	-ms-animation:moveleft2 0.5s ease-out both;
	animation:moveleft2 0.5s ease-out both;
}
#about-us:hover .next-about{
	-webkit-animation:moveright2 0.5s ease-out both;
	-moz-animation:moveright2 0.5s ease-out both;
	-o-animation:moveright2 0.5s ease-out both;
	-ms-animation:moveright2 0.5s ease-out both;
	animation:moveright2 0.5s ease-out both;
}
.next-about:hover,.prev-about:hover{
	background-color:#2E8EF1;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
#about-us.show-about-us .about-us{
	-webkit-animation:moveright 2s ease-out both;
	-moz-animation:moveright 2s ease-out both;
	-o-animation:moveright 2s ease-out both;
	-ms-animation:moveright 2s ease-out both;
	animation:moveright 2s ease-out both;
	opacity:1;
}
.about-us {
  clear: both;
  color: #444;
  font-family: moneer;
  font-size: 11px;
  line-height: 2;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}
.about-us-loop {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 970px;
}
/*end about-us*/
/*start part*/
#part{
	background:url(../images/bg-data.png);
	background-repeat:repeat;
	height:547px;
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	border-bottom:1px solid #e5e5e5;
}
#part h2 {
  color: #416387;
  display: block;
  font-family: moneer;
  font-size: 19px;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
  margin-top:24px;  
}
#part h2 span {
  color: #333;
}
#part h1 {
  clear: both;
  color: #999;
  display: block;
  font-family: moneer;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
}
.part{
	width:913px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
#part.show-part .part{
	-webkit-animation:scaleDown 2s ease-out both;
	-moz-animation:scaleDown 2s ease-out both;
	-o-animation:scaleDown 2s ease-out both;
	-ms-animation:scaleDown 2s ease-out both;
	animation:scaleDown 2s ease-out both;
	opacity:1;
}
.part-loop{
  height: 159px;
  width: 207px;
  float: right;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
  position:relative;
  overflow:hidden;	  
}
.part-loop a{
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;
  height: 159px;
  width: 207px;
  display:block;
  position:relative;
}
.part-loop:hover a{
	position:relative;
	margin-top:-45px;	
}
.part-loop a c{
	opacity:0;	
}
.part-loop:hover a c {
  background:rgba(250,250,250,0.5);
  height: 159px;
  position: absolute;
  right: 0;
  top: 0;
  width: 207px;
  opacity:1;
}
.part-loop img {
  border-radius: 2px;
  height: 159px;
  width: 207px;
  display:block;
}
.part-loop a c:before {
  background:#555555;
  border-radius: 41px;
  -webkit-border-radius: 41px;
  -ms-border-radius: 41px;
  -o-border-radius: 41px;
  -moz-border-radius: 41px;
  color: #fff;
  content: "";
  font-family: moner;
  font-size: 13px;
  height: 8px;
  opacity: 0.8;
  padding: 15px 17px 23px;
  position: absolute;
  right: 76px;
  text-align: center;
  top: 73px;
  width: 13px;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out; 
}
.part-loop a c:hover:before{
	background:#2e8ef1;
	-ms-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);	
}
.part-loop span {
  border-bottom: 1px solid #eee;
  color: #000000;
  display: block;
  height:22px;
  font-family: moneer;
  font-size: 12px;
  margin-bottom: 1px;
  margin-top: 2px;
}
.part-loop p {
  color: #999999;
  display: block;
  font-family: moneer;
  height:22px;
  font-size: 11px;
}
a.more-part:before {
  content: "";
  float: right;
  font-family: moner;
  margin-right: 2px;
  margin-top: 3px;
}
a.more-part {
  background:#2E8EF1;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  clear: both;
  color: #ffffff;
  display: block;
  font-family: moneer;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 36px;
  padding: 4px;
  text-align: center;
  width: 58px;
}
a.more-part img {
  vertical-align: middle;
  margin-left: 0;
}
a.more-part:hover{
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;
	background:#377abe;
}
/*end part*/
/*start shows*/
#shows{
	width:100%;
	height:450px;
	overflow:hidden;
	position:relative;
	clear:both;
}
#shows h2 {
  color: #416387;
  display: block;
  font-family: moneer;
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
  padding-top:25px;
}
#shows h2 span {
  color: #333;
}
#shows h1 {
  clear: both;
  color: #999;
  display: block;
  font-family: moneer;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
}
#shows-slider{
	clear:both;
	margin-top:40px;
	direction:ltr;	
}
.shows-slider{
	width:25%;
	height:212px;
	float:left;
	position:relative;
	overflow:hidden;
}
.shows-slider img {
  height: 212px;
  width: 100%;
  cursor:crosshair;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;  
}
.shows-slider:hover .shows-details{
	opacity:1;
}
.shows-slider:hover img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	-moz-transform:scale(1.1);
}
.shows-details{
	position:absolute;
	background:rgba(52,152,219,0.7);
	top:0;
	right:0;
	width:100%;
	height:212px;
	opacity:0;
	cursor:crosshair;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.5s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.5s;
	-o-transition-timing-function: ease-out;		
}
.shows-details h3 {
  background: none repeat scroll 0 0 #333333;
  color: #FFFFFF;
  font-family: moneer;
  font-size: 15px;
  font-weight: normal;
  margin-top: 27px;
  opacity: 0.8;
  padding: 5px;
  text-align: center;
}
.shows-details:hover h3{
	-webkit-animation:moveup2 0.3s ease-out both;
	-moz-animation:moveup2 0.3s ease-out both;
	-o-animation:moveup2 0.3s ease-out both;
	-ms-animation:moveup2 0.3s ease-out both;
	animation:moveup2 0.3s ease-out both;
}
.shows-details p {
  color: #FFFFFF;
  font-family: moneer;
  font-size: 12px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 13px;
  text-align: center;
}
.shows-details:hover p{
	-webkit-animation:movedown3 0.3s ease-out both;
	-moz-animation:movedown3 0.3s ease-out both;
	-o-animation:movedown3 0.3s ease-out both;
	-ms-animation:movedown3 0.3s ease-out both;
	animation:movedown3 0.3s ease-out both;
}
.shows-details p a {
  background: none repeat scroll 0 0 #333333;
  border-radius: 2px;
  color: #FFFFFF;
  opacity:0.8;
  display: block;
  font-size: 11px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
  padding: 4px;
  width: 70px;
}
.next-shows {
  background-color: #666666;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 36px;
  right: 7px;
  position: absolute;
  bottom: 188px;
  width: 36px;
  opacity:0.8;
  display:none;
}
.next-shows:before {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 16px;
  margin-top: 8px;
  text-align: center;
  width: 100%;
}
.prev-shows{
  background-color: #666666;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  height: 36px;
  left: 7px;
  position: absolute;
  bottom: 188px;
  width: 36px;
  opacity:0.8;
  display:none;
}
.prev-shows:before {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 16px;
  margin-top: 8px;
  text-align: center;
  width: 100%;
}
#shows:hover .prev-shows{
	-webkit-animation:moveleft2 0.5s ease-out both;
	-moz-animation:moveleft2 0.5s ease-out both;
	-o-animation:moveleft2 0.5s ease-out both;
	-ms-animation:moveleft2 0.5s ease-out both;
	animation:moveleft2 0.5s ease-out both;
}
#shows:hover .next-shows{
	-webkit-animation:moveright2 0.5s ease-out both;
	-moz-animation:moveright2 0.5s ease-out both;
	-o-animation:moveright2 0.5s ease-out both;
	-ms-animation:moveright2 0.5s ease-out both;
	animation:moveright2 0.5s ease-out both;
}
.next-shows:hover,.prev-shows:hover{
	background-color:#2E8EF1;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
#shows:hover .next-shows,#shows:hover .prev-shows{
	display:block;
	z-index:10;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
#shows a.more-opinion{
	direction:rtl;
}
/*end shows*/
/*end home*/
/*start footer*/
#footer{
	background:#2D2D2D;
	height:300px;
	clear:both;
	margin-top:5px;
	overflow:hidden;
}
.footer{
	width:1000px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
}
.contact{
  float: right;
  margin-right: 10px;
  margin-top: 36px;
  width: 246px;
  height:264px;
  overflow:hidden;
  position:relative;
}
.contact h2 {
  color: #777777;
  display: block;
  font-family: moneer;
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 16px;
  text-align: right;
}
.contact c {
  background:#222222;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #AAAAAA;
  cursor: pointer;
  font-family: moneer;
  font-size: 12px;
  left: 1px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-top: 3px;
  position: absolute;
  text-align: center;
  top: 45px;
  width: 50px;
}
.contact c:hover{
	background:#2e8ef1;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;
	color:#fff;	
}
.contact span {
  color: #AAAAAA;
  display: block;
  font-family: moneer;
  font-size: 13px;
  margin-bottom: 5px;
}
.contact p {
  background:#222222;
  color: #AAAAAA;
  font-family: moneer;
  font-size: 11px;
  margin-bottom: 10px;
  padding: 10px;
}
.foot-map {
  background:#000000;
  border: 1px solid #444444;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  -moz-border-radius: 7px;
  height: 224px;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 226px;
}
.close-map {
  background-color: #000000;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  -moz-border-radius: 15px;
  cursor: pointer;
  height: 25px;
  left: 12px;
  opacity: 0.7;
  position: absolute;
  top: 14px;
  width: 25px;
  z-index: 10;
}
.close-map:before {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}
.close-map:hover{
  background-color: #444;
}
.gmap4{
	width:226px;
	height:224px;
}
.date{
  float: right;
  margin-right: 30px;
  margin-top: 36px;
  width: 210px;
  height:264px;
  overflow:hidden;
  position:relative;  
}
.date h2 {
  color: #777777;
  display: block;
  font-family: moneer;
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 16px;
  text-align: right;
}
.date p {
  color: #AAAAAA;
  font-family: moneer;
  font-size: 11px;
  text-align: right;
}
.date li a {
  background:#222222;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #AAAAAA;
  display: block;
  float: right;
  font-family: moneer;
  font-size: 12px;
  margin-right: 8px;
  margin-top: 30px;
  padding: 3px;
  text-align: center;
  width: 76px;
}
.date li a:hover{
	background:#2e8ef1;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;
	color:#fff;
}
.success{
  float: right;
  margin-right: 30px;
  margin-top: 36px;
  width: 187px;
  height:264px;
  overflow:hidden;
  position:relative;  
}
.success h2 {
  color: #777777;
  display: block;
  font-family: moneer;
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 16px;
  text-align: right;
}
.success li a img {
  border: 1px solid #222222;
  float: right;
  height: 41px;
  margin-bottom: 10px;
  margin-left: 3px;
  margin-right: 3px;
  opacity: 0.7;
  padding: 0;
  width: 53px;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;  
}
.success li a img:hover{
	opacity:1;
}
.foot {
  float: right;
  margin-right: 25px;
  margin-top: 36px;
  width: 255px;
  height:264px;
  overflow:hidden;
  position:relative;  
}
.foot h2 {
  color: #777777;
  display: block;
  font-family: moneer;
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 16px;
  text-align: right;
}
.foot p {
  color: #aaa;
  font-family: moneer;
  font-size: 12px;
  text-align: right;
}
/*end footer*/
/*start bottom*/
#bottom{
	clear:both;
	background:#282828;
	border-top:1px solid #333;
	height:70px;
}
.bottom{
	width:1000px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
}
.copyright{
	float:right;
	width:300px;
	color:#aaa;
	font-size:11px;
	padding-top:26px;
	padding-right:10px;
	font-family:moneer;
}
.navfooter{
	float:left;
	width:451px;
}
.navfooter li a {
  color: #aaa;
  display: block;
  float: right;
  font-family: moneer;
  padding-top:26px;
  text-align:left;
  font-size: 12px;
  padding-bottom:21px;
  margin-right: 30px;
}
.navfooter li:first-child a{
	color:#fff;
	border-bottom:1px solid #fff;
}
.navfooter li a:hover{
	color:#fff;
	border-bottom:1px solid #fff;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;  	
}
/*end bottom*/
/*extra*/
.go-top {
  background:rgba(52,52,52,0.7);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow:0px 0px 17px -6px #000;
  -webkit-box-shadow:0px 0px 17px -6px #000;
  -ms-box-shadow:0px 0px 17px -6px #000;
  -o-box-shadow:0px 0px 17px -6px #000;
  -moz-box-shadow:0px 0px 17px -6px #000;
  bottom: 30px;
  cursor: pointer;
  padding: 14px 18px;
  position: fixed;
  right: 25px;
  text-align: center;
  z-index: 1000;
  display:none; 
}
.go-top:before {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 19px;
}
.go-top:hover{
	background:#2e8ef1;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;  		
}
#video{
	position:fixed;
	left:0px;
	top:200px;
	z-index:100;
}
#video span {
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  border-top: 1px solid #EEEEEE;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: block;
  float: right;
  padding: 9px 10px;
  text-align: center;
  width: 23px;
}
#video span:before {
  color: #aaa;
  content: "";
  font-family: moner;
  font-size: 19px;
}
.video-text {
  background:#FFFFFF;
  border: 1px solid #E4E4E4;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.06);
  float: left;
  height: 300px;
  text-align:center;
  margin-left: 5px;
  width: 300px;
  padding:10px;
  display:none;
}
.video-text iframe{
	z-index:-1;
}
.video-text h2 {
  border-bottom: 1px solid #DDDDDD;
  color: #2E8EF1;
  font-family: moneer;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 10px;
  padding-bottom: 7px;
}
/*extra*/
/*login*/
div#login {
  background:rgba(50, 50, 50, 0.8);
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}
div.log {
  background:#efeff0;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  overflow: hidden;
  width: 374px;
}
div.log-top {
  border-bottom: 1px solid #ddd;
  clear: both;
  overflow: hidden;
}
.close-log {
  border-left: 1px solid #ddd;
  cursor: pointer;
  float: right;
  height: 30px;
  margin-left: 10px;
  color: #aaa;
  padding: 18px 18px 10px;
}
.close-log:hover{
	color:#888;
}
.close-log:before {
  content: "";
  display: block;
  font-family: moner;
  font-size: 14px;
  margin-top: 4px;
}
.log-top h2 {
  color: #333;
  display: block;
  float: right;
  font-family: moneer;
  font-size: 20px;
  font-weight: normal;
  height: 45px;
  padding-top: 11px;
  text-align: center;
  width: 282px;
}
.log-form {
  border-top: 1px solid #fff;
  clear: both;
  overflow: hidden;
  padding: 12px 20px 5px;
}
.log-form h2 {
  color: #666;
  display: block;
  font-family: moneer;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
  text-align: center;
}
.log-form input {
  background:#fff;
  border: 1px solid #ddd;
  color: #555;
  font-family: moneer;
  font-size: 13px;
  height: 20px;
  margin-bottom: 7px;
  margin-top: 7px;
  padding: 16px;
  text-align: right;
  width: 306px;
}
.log-form label {
  background:#f9fafc;
  border: 1px solid #d8e1ea;
  clear: both;
  display: block;
  overflow: hidden;
  width: 316px;
  font-family: moneer;
  margin-top:7px;
  margin-bottom:7px;
  font-weight: normal;
  font-size: 13px;
  padding: 10px;
  color: #444;
}
.log-form label input {
  background: none;
  border: medium none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.log-form input:focus{
	background:#fbfcfe;
	border:1px solid #dee8f3;
}
.log-form .log-enter {
  background:#2e8ef1;
  border-right:none;
  border-left:none;
  border-top:none;
  border-bottom:3px solid #2873c0;
  border-radius:3px;
  -webkit-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  -moz-border-radius:3px;
  clear: both;
  color: #fff;
  display: block;
  float: none;
  font-family: moneer;
  font-size: 13px;
  height: 45px;
  margin: 14px auto;
  overflow: hidden;
  padding: 10px;
  position: static;
  text-align: center;
  width: 200px;
}
.log-form .log-enter:hover{
	background:#2873c0;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
a.log-reg {
  background:#3b5998;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  display: block;
  font-family: moneer;
  font-size: 15px;
  height: 31px;
  margin-bottom:10px;
  padding: 13px;
}
.log-reg:before {
  color: #ccc;
  content: "";
  display: block;
  float: right;
  font-family: moner;
  margin-left: 8px;
  margin-top: 3px;
}
a.log-reg:hover{
	background:#4264ab;
}
.log-reg img {
  float: left;
  margin-top: 4px;
}
a.log-forget {
  background:#cd4539;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  display: block;
  font-family: moneer;
  font-size: 15px;
  height: 31px;
  margin-bottom:10px;
  padding: 13px;
}
.log-forget:before {
  color: #ccc;
  content: "";
  display: block;
  float: right;
  font-family: moner;
  margin-left: 8px;
  margin-top: 3px;
}
a.log-forget:hover{
	background:#d85a4f;
}
.log-forget img {
  float: left;
  margin-top: 4px;
}
/*login*/
/*forall*/
#forall{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	position:relative;
	margin-top:20px;
	overflow:hidden;
	padding:20px 10px 20px;
}
.adminreturndiv{
	display:none;
}
.title-img-page {
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.title-img-page img {
	display:none;
}
.title-page {
  color: #777;
  font-size: 20px;
  font-weight: normal;
}
.title-page:before {
  color: #888;
  content: "";
  display: inline-block;
  font-family: moner;
  margin-left: 6px;
  vertical-align: middle;
}
.title-page p {
  color: #999;
  font-size: 12px;
}
.bo {
  border-bottom: 1px solid #fff;
  clear: both;
  margin-bottom: 15px;
  width: 100%;
}
/*forall*/
/*register-page*/
.register-inside {
  clear: both;
  overflow: hidden;
}
.reg-right {
  float: right;
  overflow: hidden;
  width: 650px;
}
.reg-info {
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
}
.reg-info h2 {
  background-color:#f3f3f3;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 2px #fff inset;
  -webkit-box-shadow: 0 0 10px 2px #fff inset;
  -ms-box-shadow: 0 0 10px 2px #fff inset;
  -moz-box-shadow: 0 0 10px 2px #fff inset;
  -o-box-shadow: 0 0 10px 2px #fff inset;
  color: #333;
  font-size: 15px;
  font-weight: normal;
  position:relative;
  height: 32px;
  padding: 14px 15px 5px 10px;
}
.reg-info h2:before {
  color: #aaa;
  content: "";
  display: inline-block;
  font-family: moner;
  margin-left: 6px;
  vertical-align: middle;
}
.reg-text {
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
  clear: both;
  overflow:hidden;
  background:#f8f8f8;
  padding: 10px 0;
}
.reg-text label {
  border-bottom: 1px solid #eee;
  display: block;
  padding: 10px;
  overflow:hidden;
}
.reg-text label:last-child {
  border-bottom:none;
}
.reg-text label.level1 {
  background:#fdfdfd;
}
.reg-text label span {
  color: #777;
  display: block;
  float: right;
  margin-top:9px;
  font-size: 12px;
  padding-right: 12px;
  width: 180px;
}
.reg-text label span:before {
  color: #aaa;
  content: "";
  display: inline-block;
  font-family: moner;
  margin-left: 6px;
  vertical-align: middle;
}
.reg-text label input {
  background:#fcfcfc;
  border: 1px solid #e5e5e5;
  color: #777;
  display: block;
  float: right;
  font-family: verdana,moneer;
  font-size: 13px;
  padding: 10px;
  width: 396px;
}
.reg-text label input:focus{
	background:#f9fbfc;
	border:1px solid #d5e2e9;
}
.reg-text label textarea {
  background:#fcfcfc;
  border: 1px solid #e5e5e5;
  color: #777;
  display: block;
  float: right;
  font-family: verdana,moneer;
  font-size: 13px;
  padding: 10px;
  min-height:150px;
  width: 396px;
}
.reg-text label textarea:focus{
	background:#f9fbfc;
	border:1px solid #d5e2e9;
}
.reg-text label select {
  background:#fcfcfc;
  border: 1px solid #e5e5e5;
  color: #777;
  display: block;
  float: right;
  font-family: verdana,moneer;
  font-size: 13px;
  padding: 10px;
  width: 422px;
}
.che-2 {
  clear: both;
  overflow: hidden;
}
.che-2 img {
  display: block;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.che-2 input {
  background:#fcfcfc;
  border: 1px solid #e5e5e5;
  display: block;
  font-family: moneer,verdana;
  font-size: 12px;
  margin-bottom: 11px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  text-align: center;
  width: 200px;
}
.che-info {
  clear: both;
  text-align: center;
  font-size: 12px;
  color: #888;
}
.register-icon {
  background:#2e8ef1;
  border-bottom:4px solid #287acf;
  border-radius:3px;
  -webkit-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  -moz-border-radius:3px;
  border-left:none;
  border-right:none;
  border-top:none;
  clear: both;
  color: #fff;
  cursor: pointer;
  display: block;
  float: right;
  font-family: moneer,verdana;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 10px;
}
.register-icon:hover{
	background:#287acf;
	border-bottom:4px solid #2e8ef1;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
.reg-left {
  float: left;
  width: 300px;
  overflow: hidden;
}
.reg-data {
  clear: both;
  overflow: hidden;
  margin-bottom: 15px;
}
.reg-data h2 {
  background-color:#f3f3f3;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 2px #fff inset;
  -webkit-box-shadow: 0 0 10px 2px #fff inset;
  -ms-box-shadow: 0 0 10px 2px #fff inset;
  -moz-box-shadow: 0 0 10px 2px #fff inset;
  -o-box-shadow: 0 0 10px 2px #fff inset;
  color: #333;
  font-size: 15px;
  font-weight: normal;
  height: 32px;
  padding: 14px 15px 5px 10px;
}
.reg-data h2:before {
  color: #aaa;
  content: "";
  display: inline-block;
  font-family: moner;
  margin-left: 6px;
  vertical-align: middle;
}
.reg-data-text {
  background:#fff;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: black;
  overflow: hidden;
  padding: 10px;
  text-align: center;
  color: #555;
  font-size: 12px;
  line-height: 2.4;  
}
.reg-data-text iframe {
  max-width: 280px;
}
.reg-data-text a:hover{
	border-bottom:1px solid #2e8ef1;
}
.reg-data-text ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.reg-data-text ul li a {
  border-bottom: 1px solid #eee;
  color: #888;
  display: block;
  font-size: 12px;
  height: 30px;
  border-top:1px solid #fff;
  padding: 9px 12px 9px 9px;
  text-align: right;
}
.reg-data-text ul li a:before {
  color: #aaa;
  content: "";
  display: inline-block;
  font-family: moner;
  font-size: 12px;
  margin-left: 4px;
  vertical-align: middle;
}
.reg-data-text ul li:last-child a{
	border-bottom:none;
}
.reg-data-text ul li:first-child a{
	border-top:none;
}
.reg-data-text ul li a:hover{
	color:#2e8ef1;
	border-bottom:1px solid #eee;
}
.reg-data-text ul li:last-child a:hover{
	color:#2e8ef1;
	border-bottom:none;
}
.reg-data-text ul li:last-child a:hover:before{
	color:#2e8ef1;
}
#pwstrengthbox {
}
.ps {
  clear: both;
  overflow:hidden;
  text-align:center;
}
#pwstrengthbox.strong.moderate.weak {
  background:#e15947;
  color: #fff;
  display: inline-block;
  float: left;
  height: auto;
  margin-left: 20px;
  margin-right: 5px;
  margin-top: 12px;
  padding: 9px;
  width: 398px;
}
#pwstrengthbox.strong.moderate {
  background:#e1d147;
  color: #fff;
  display: inline-block;
  float: left;
  height: auto;
  margin-left: 20px;
  margin-right: 5px;
  margin-top: 12px;
  padding: 9px;
  width: 398px;
}
#pwstrengthbox.strong {
  background:#4ee147;
  color: #fff;
  display: inline-block;
  float: left;
  height: auto;
  margin-left: 20px;
  margin-right: 5px;
  margin-top: 12px;
  padding: 9px;
  width: 398px;
}
.alert.alert-error {
  background:#f1e2dd;
  border: 1px solid #dcc2ba;
  color: #666;
  font-family: moneer,verdana;
  font-size: 12px;
  margin-bottom: 15px;
  padding: 6px;
  text-align: right;
}
.alert p {
  color: #a24c32;
}
.alert.alert-success.textcenter {
  background:#eef7e5;
  border: 1px solid #d4e5c2;
  color: #666;
  font-size: 15px;
  line-height: 2;
  padding: 50px 20px;
  text-align: center;
}
.alert.alert-success {
  background:#eef7e5;
  border: 1px solid #d4e5c2;
  color: #666;
  font-size: 15px;
  line-height: 2;
  padding: 50px 20px;
  text-align: center;
}
.alert.alert-success p {
  color: #589912;
  font-size: 20px;
}
strong {
  font-weight: normal;
}
/*register-page*/
/*downloads*/
.donwloads-info {
  border: 1px solid #e9e9e9;
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
}
.donwloads-info p {
  background:#f8f8f8;
  border: 1px solid #fff;
  color: #777;
  display: block;
  font-family: moneer,verdana;
  font-size: 12px;
  line-height: 2;
  padding: 15px;
}
.donwloads-info asd {
  background:#f8f8f8;
  border: 1px solid #fff;
  color: #777;
  display: block;
  font-family: moneer,verdana;
  font-size: 12px;
  line-height: 2;
  padding: 15px;
}
.donwloads-info asd h2 {
  color: #555;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 6px;
}
.donwloads-info asd span{}
.donwloads-info asd span c{}
.downloads{
	clear:both;
	margin-bottom:15px;
	overflow:hidden;
}
.downloads h2{
  background-color:#f3f3f3;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 2px #fff inset;
  -webkit-box-shadow: 0 0 10px 2px #fff inset;
  -ms-box-shadow: 0 0 10px 2px #fff inset;
  -moz-box-shadow: 0 0 10px 2px #fff inset;
  -o-box-shadow: 0 0 10px 2px #fff inset;
  color: #333;
  font-size: 15px;
  font-weight: normal;
  height: 32px;
  padding: 14px 15px 5px 10px;
}
.downloads h2:before {
  color: #888;
  content: "";
  display: inline-block;
  font-family: moner;
  margin-left: 4px;
  vertical-align: middle;
}
.down-text{
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
  clear: both;
  overflow:hidden;
  background:#f8f8f8;
  padding: 0;
}
.down-text ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.down-text ul li {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #fff;
  overflow: hidden;
}
.down-text ul li:first-child {
  border-top: none;
}
.down-text ul li:last-child {
  border-bottom: none;
}
.down-text ul li:nth-child(2n+2) {
  background:#fefefe;
}
.down-text ul li a {
  border-right: 1px solid #eee;
  display: block;
  float: right;
  font-size: 12px;
  height: 100%;
  overflow: hidden;
  padding-bottom: 7px;
  padding-right: 10px;
  padding-top: 7px;
  width: 430px;
  color:#888;
}
.down-text ul li a:hover{
	color:#f56c37;
}
.down-text ul li img {

  border-left: 1px solid #eee;
  float: right;
  padding: 10px;
  text-align: center;
}
.down-text ul li span {
  color: #e89557;
  display: block;
  float: right;
  font-size: 10px;
  height: 22px;
  margin-left: 13px;
  margin-top: 4px;
  padding: 3px;
  text-align: center;
  width: 109px;
}
.down-text ul li span c {
  color: #e89557;
}
.down-text ul li d {
  background:#aaa;
  color: #fff;
  cursor: pointer;
  float: left;
  font-family: verdana;
  font-size: 14px;
  height: 18px;
  margin-left: 10px;
  margin-top: 5px;
  padding-bottom: 3px;
  padding-top: 3px;
  text-align: center;
  width: 24px;
}
.down-text ul li d:hover{
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;
	background:#2e8ef1;
}
.down-text ul li d.active{
	background:#2e8ef1;
	font-size:0;
}
.down-text ul li d.active:before {
  content: "-";
  font-size: 16px;
  text-align: center;
}
.down-data {
  background:#f9fbfc;
  border: 1px solid #eee;
  clear: both;
  color: #333;
  display: none;
  font-size: 12px;
  line-height: 2;
  overflow: hidden;
  padding: 25px;
  text-align: center;
}
.searchboxs {
  background:#fff;
  border: 1px solid #dcebf1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
  position:relative;
  text-align: center;
}
.search-d {
  background: none;
  border: medium none;
  color: #777;
  display: block;
  float: right;
  font-family: verdana,moneer;
  font-size: 13px;
  height: 24px;
  padding: 10px;
  width: 277px;
}
.search-d-icon {
  background:none;
  background-position:0 5px;
  border:none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 25px;
  left: 12px;
  position: absolute;
  padding:0;
  top: 7px;
  width: 20px;
}
.search-d-icon:before {
  content: "";
  font-size: 12px;
  font-family: moner;
  color: #888;
}
.search-d-icon:hover:before {
	color:#2e8ef1;
}
.down-side{
  clear: both;
  overflow: hidden;
  margin-bottom: 15px;
}
.down-side h2{
  background-image: url(../images/icon.png);
  background-repeat:no-repeat;
  background-color:#f3f3f3;
  background-position:right 13px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 2px #fff inset;
  -webkit-box-shadow: 0 0 10px 2px #fff inset;
  -ms-box-shadow: 0 0 10px 2px #fff inset;
  -moz-box-shadow: 0 0 10px 2px #fff inset;
  -o-box-shadow: 0 0 10px 2px #fff inset;
  color: #333;
  font-size: 15px;
  font-weight: normal;
  height: 32px;
  margin-bottom:2px;
  padding: 14px 32px 5px 10px;
}
.down-side-text{
  color: black;
  overflow: hidden;
  text-align: center;
  color: #555;
  font-size: 12px;
  line-height: 2.4;  
}
.down-side-text ul{
	list-style:none;
	margin:0;
	padding:0;
}
.down-side-text ul li span {
  color: #4eb4df;
  margin-right: 10px;
  text-align: left;
}
.down-side-text ul li {
  background:#fff;
  border: 1px solid #eee;
  clear: both;
  margin-bottom: 6px;
  margin-top: 9px;
  overflow: hidden;
  padding: 14px 5px;
  position: relative;
  text-align: right;
}
.down-side-text ul li a {
  color: #666;
  display: block;
  float: right;
  font-size: 12px;
  overflow: hidden;
  width: 218px;
}
.down-side-text ul li a:hover{
	color:#f56c37;
}
.down-side-text ul li a img {
  vertical-align: middle;
}
.down-side-text ul li d {
  background:#aaa;
  color: #fff;
  cursor: pointer;
  float: left;
  font-family: verdana;
  font-size: 12px;
  height: 17px;
  line-height: normal;
  margin-top: 2px;
  padding-bottom: 3px;
  padding-top: 3px;
  text-align: center;
  width: 24px;
}
.down-side-text ul li d:hover{
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;
	background:#2e8ef1;
}
.down-side-text ul li d.actives{
	background:#2e8ef1;
	font-size:0;
}
.down-side-text ul li d.actives:before {
  content: "-";
  font-size: 16px;
  text-align: center;
}
.d-s-text {
  border-top: 1px solid #eee;
  color: #999;
  font-size: 12px;
  padding: 10px;
  text-align: center;
  line-height: 2;
  display: none;
}
/*downloads*/
/*knowleadges*/
.ar-art {
  background:#fff;
  border: 1px solid #ddd;
  clear: both;
  color: #666;
  font-size: 12px;
  position:relative;
  line-height: 2;
  overflow: hidden;
  padding: 10px;
}
.ar-art h2 {
  color:#666;
  border-bottom: 1px solid #eee;
  font-size: 19px;
  font-weight: normal;
  padding-bottom: 10px;
  padding-top: 19px;
  padding-right:15px;
}
.art-text {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #fff;
  clear: both;
  margin-bottom: 14px;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom:10px;
}
.art-vote {
  background:#f7fbfc;
  border: 1px solid #d9ebef;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  float: right;
  padding: 9px;
  color:#1489d3;
  width: 290px;
}
.art-vote img {
  margin-left: 5px;
  vertical-align: middle;
}
.art-vote strong {
  color: #777;
}
.art-fav {
  float: right;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
}
.art-fav a {
  font-size: 12px;
}
.art-fav a:hover{
	text-decoration:underline;
}
.art-fav img {
  vertical-align: -2px;
}
.art-window {
  float: right;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
}
.art-window a {
  font-size: 12px;
}
.art-window a:hover{
	text-decoration:underline;
}
.art-window img {
  vertical-align: -2px;
}
.reg-data-text ul a {
  font-size: 12px;
}
/*knowleadges*/
/*news*/
.pagnav div:last-child {
  background:#fff;
  border: 1px solid #eee;
  border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -ms-border-radius: 0px 5px 5px 0px;
  -o-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;  
  color: #333;
  font-family: moneer;
  font-size: 12px;
  height: 23px;
  padding: 8px;
  text-align: center;
}
.pagnav div:first-child {
  background:#fff;
  border: 1px solid #eee;
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  color: #333;
  font-family: moneer;
  font-size: 12px;
  height: 23px;
  padding: 8px;
  text-align: center;
}
.pagnav div a {
  color: #888;
  display: block;
  font-size: 12px;
  text-align: center;
}
.pagnav div:hover a {
  color: #fff;
}
.pagnav div:hover{
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;
	color:#fff;
	background:#2e8ef1;
}
.pagnav div {
  box-shadow: 0 0 10px -9px #000;
  -webkit-box-shadow: 0 0 10px -9px #000;
  -ms-box-shadow: 0 0 10px -9px #000;
  -o-box-shadow: 0 0 10px -9px #000;
  -moz-box-shadow: 0 0 10px -9px #000;
  width: 120px !important;
}
.pagnav {
  clear: both;
  float: right;
}
.date-ar {
  background:#40a1df;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #fff;
  float: left;
  font-family: verdana,moneer;
  font-size: 13px;
  height: 58px;
  line-height: 2;
  margin-right:10px;
  margin-left: 11px;
  padding: 10px;
  text-align: center;
  width: 66px;
}
#stcpDiv {
  display: none;
}
.date-ar span {
  font-size: 17px;
  font-weight: bold;
}
.share {
  clear: both;
  overflow: hidden;
  padding: 3px;
  text-align: center;
}	
/*news*/
/*client*/
.news-post {
  border: 1px solid #eee;
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
}
.news-border {
  background:#f8f8f8;
  border: 1px solid #ddd;
  overflow: hidden;
  box-shadow: 0 0 10px 2px #fff inset;
  -webkit-box-shadow: 0 0 10px 2px #fff inset;
  -ms-box-shadow: 0 0 10px 2px #fff inset;
  -moz-box-shadow: 0 0 10px 2px #fff inset;
  -o-box-shadow: 0 0 10px 2px #fff inset;  
}
.news-text h2 {
  border-left: 1px solid #fff;
  color: #777;
  display: block;
  float: right;
  font-size: 17px;
  font-weight: normal;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-top: 5px;
  text-align: center;
  width: 133px;
}
.news-text h2 img {
  display:none;
}
.news-text h2:before {
  color: #aaa;
  content: "";
  display: inline-block;
  font-family: moner;
  margin-left: 6px;
  vertical-align: middle;
}
.news-text a {
  border-right: 1px solid #eee;
  display: block;
  float: right;
  padding-bottom: 8px;
  padding-right: 20px;
  padding-top: 10px;
  width: 471px;
}
.client-data {
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
}
.client-data h2 {
  background:#fff;
  border: 1px solid #eee;
  color: #666;
  display: block;
  font-size: 13px;
  font-weight: normal;
  height: 32px;
  overflow: hidden;
  padding: 16px 10px 10px;
}
.client-data h2 span {
  background:#aaa;
  color: #fff;
  cursor: pointer;
  float: left;
  font-family: verdana;
  font-size: 12px;
  height: 17px;
  line-height: normal;
  margin-top: 2px;
  padding-bottom: 3px;
  padding-top: 3px;
  text-align: center;
  width: 24px;
}
.client-data h2 span:hover{
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;
	background:#2e8ef1;
}
.client-data h2.actives span{
	background:#2e8ef1;
	font-size:0;
}
.client-data h2.actives span:before {
  content: "-";
  font-size: 16px;
  text-align: center;
}
.c-d-text {
  background:#fff;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  display: none;
  overflow: hidden;
}
.c-d-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-d-text li {
  border-bottom: 1px solid #f8f8f8;
  border-top: 1px solid #fff;
  color: #666;
  display: block;
  font-family: moneer,verdana;
  font-size: 12px;
  overflow:hidden;
  padding: 6px;
}
.c-d-text span {
  color: #e89557;
  display: block;
  float: left;
  margin-left: 10px;
}
.c-edit {
  border-top: 1px solid #fff;
  clear: both;
  overflow: hidden;
  padding: 10px;
}
.c-edit a {
  background:#2d90ee;
  border-bottom: 5px solid #1e65a9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 6px;
  text-align: center;
  width: 100px;
}
.c-edit a:hover{
  background:#1e65a9;
  border-bottom: 5px solid #2d90ee;
}
.c-d-text span a {
  font-size: 12px;
}
.downloads h2 span {
  background:#1e65a9;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  -moz-border-radius: 25px;
  color: #fff;
  float: left;
  font-family: verdana;
  font-size: 12px;
  height: 18px;
  margin-left: 7px;
  margin-top: -2px;
  padding: 7px 5px 5px;
  text-align: center;
  width: 21px;
}
div#sound {
  background:rgba(52,52,52,0.8);
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}
.vloume {
  background:#f4f4f4;
  border: 1px solid #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  overflow: hidden;
  padding: 30px;
  text-align: center;
  position:relative;
  font-size:20px;
  color:#be552c;
  width: 400px;
}
.close-sound {
  cursor: pointer;
  left: 11px;
  position: absolute;
  top: 10px;
}
.close-sound:before {
  color: #000;
  content: "";
  font-family: moner;
  font-size: 14px;
}
.vloume .close-sound img {
	display:none;
}
.vloume:before {
  content: "";
  display: block;
  font-family: moner;
  font-size: 47px;
}
.vloume img {
	display:none;
}
.vloume a {
  background:#308df4;
  border-bottom: 6px solid #1f70c9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  display: block;
  margin: 10px auto;
  padding: 6px;
  width: 100px;
}
.vloume a:hover{
  background:#e07348;
  border-bottom: 6px solid #be552c;
}
.sound {
  height: 0;
  overflow: hidden;
  width: 0;
}
.down-data table {
  border: 1px solid #fff;
  width: 100%;
}
.down-data tr td {
  background:#f8f8f8;
  border: 1px solid #eee;
  color: #555;
  padding: 6px;
  text-align: center;
}
.down-data table tr.strip td {
  background:#fff;
  color: #777;
  text-align: center;
}
.down-data table tr.strip td span {
  display: inline;
  float: none;
}
.down-data a.client-more {
  background:#308df4;
  border-bottom: 6px solid #1f70c9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  display: block;
  margin: 10px auto;
  padding: 6px;
  float:none;
  height:24px;
  width: 100px;
}
.down-data a.client-more:hover{
  background:#e07348;
  color:#fff;
  border-bottom: 6px solid #be552c;
}
.down-text ul li .answ span {
  color: #fff !important;
  float: none;
  font-size: 12px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: center;
  width: auto;
}
.answ {
  background:#f67456;
  color: #fff;
  display: block;
  float: right;
  height: 21px;
  margin-top: 5px;
  overflow: hidden;
  padding: 2px 3px 3px;
  text-align: center;
  width: 90px;
}
.client-data h2 img {
  vertical-align: middle;
}
.client-open {
  background:#fff;
  border: 1px solid #ddd;
  color: #666;
  font-size: 13px;
  margin-bottom: 15px;
  overflow:hidden;
  padding: 10px;
}
.client-open a:hover{
	border-bottom:1px solid #308cf9;
}
.reg-text label input[type="checkbox"] {
  margin-right: 5px;
  margin-top: 11px;
  width: auto;
}
.reg-text label cd {
  float: right;
  width: 426px;
}
.reg-text label cd od {
  color: #777;
  display: block;
  float: right;
  font-size: 12px;
  font-weight: normal;
  margin-right: 9px;
  margin-top: 6px;
}
br {
  clear: both;
}
.select-what {
  background:#f8f8f8;
  border: 1px solid #fff;
  box-shadow: 0 0 10px -4px #ccc inset;
  -webkit-box-shadow: 0 0 10px -4px #ccc inset;
  -ms-box-shadow: 0 0 10px -4px #ccc inset;
  -o-box-shadow: 0 0 10px -4px #ccc inset;
  -moz-box-shadow: 0 0 10px -4px #ccc inset;
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 14px;
}
.select-what span {
  color: #666;
  display: block;
  float: right;
  font-size: 14px;
  margin-top:12px;
  margin-left: 10px;
}
.select-what select {
  background:#fff;
  border: 1px solid #ddd;
  color: #877;
  display: block;
  float: right;
  font-family: moneer,verdana;
  font-size: 12px;
  height: 45px;
  padding: 10px;
  width: 463px;
}
.select-what input {
  background:#308cf9;
  border-top:none;
  border-right:none;
  border-left:none;
  border-bottom:4px solid #1b64bb;
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  font-family: moneer;
  font-size: 13px;
  height: 44px;
  margin-right: 10px;
  padding: 10px;
  width: 69px;
}
.select-what input:hover {
  background:#ec664c;
  border-bottom:4px solid #ce614c;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;
}
.down-text .down-data .dom-menu li {
  border: 1px solid #eee;
  margin-bottom: 3px;
  overflow: hidden;
  text-align: right;
  width: 100%;
}
.down-text .down-data .dom-menu li a {
  display: block;
  width: auto;
}
ul.prod-tab-listo {
  background:#fefefe;
  border: 1px solid #eee;
  padding-left: 20px;
  padding-right: 20px;
}
li.dropdowneasd a{
	border-top:1px solid #eee !important;
}
li.dropdowneasd ul li:first-child a{
	border-top:none !important;
}
.t-p-list {
  color: #777;
  float: right;
  font-size: 12px;
  padding: 10px;
}
.t-p-info {
  color: #2e8ef1;
  float: right;
  font-size: 12px;
  padding: 10px;
}
/*client*/
/*reply*/
.c-d-text span span {
  margin: 0;
}
.reg-info-admin {
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
}
.reg-info-admin h2 {
  background-image: url(../images/icon.png);
  background-repeat:no-repeat;
  background-color:#f5fafc;
  background-position:right 13px;
  border: 1px solid #cbe3eb;
  box-shadow: 0 0 10px 2px #fff inset;
  -webkit-box-shadow: 0 0 10px 2px #fff inset;
  -ms-box-shadow: 0 0 10px 2px #fff inset;
  -moz-box-shadow: 0 0 10px 2px #fff inset;
  -o-box-shadow: 0 0 10px 2px #fff inset;
  color: #333;
  font-size: 15px;
  font-weight: normal;
  position:relative;
  height: 32px;
  padding: 14px 32px 5px 10px;
}
.rep {
  color: #555;
  line-height: 2;
  padding: 10px;
}
.reg-info-admin .reg-text {
  background:#fff;
  border-bottom: 1px solid #cbe3eb;
  border-left: 1px solid #cbe3eb;
  border-right: 1px solid #cbe3eb;
}
.reg-info-admin .rep-date {
  background:#fefefe;
}
.down-text ul li span span {
  float: none;
  margin: 0;
  padding: 0;
}
.rep-date {
  background:#f8f8f8;
  border: 1px solid #eee;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #777;
  display: block;
  float: none;
  font-family: verdana,moneer;
  font-size: 11px;
  padding: 3px;
  text-align: right;
}
.reg-info-admin h2 df {
  background: #2e8ef1;
  color: #fff;
  height: 41px;
  left: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  position: absolute;
  top: 0;
  box-shadow:inset 0px 0px 10px -5px #000;
  -webkit-box-shadow:inset 0px 0px 10px -5px #000;
  -ms-box-shadow:inset 0px 0px 10px -5px #000;
  -o-box-shadow:inset 0px 0px 10px -5px #000;
  -moz-box-shadow:inset 0px 0px 10px -5px #000;
}
.reg-info h2 df {
  background: #f26666;
  color: #fff;
  height: 41px;
  left: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  position: absolute;
  top: 0;
  box-shadow:inset 0px 0px 10px -5px #000;
  -webkit-box-shadow:inset 0px 0px 10px -5px #000;
  -ms-box-shadow:inset 0px 0px 10px -5px #000;
  -o-box-shadow:inset 0px 0px 10px -5px #000;
  -moz-box-shadow:inset 0px 0px 10px -5px #000;
}
.client-open a.client-more {
  background:#308df4;
  border-bottom: 6px solid #1f70c9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  display: block;
  margin: 10px auto;
  padding: 6px;
  float:none;
  text-align:center;
  height:24px;
  width: 140px;
}
.client-open a.client-more:hover{
  background:#e07348;
  color:#fff;
  border-bottom: 6px solid #be552c;
}
.reg-text label cddd {
  float: right;
  width: 431px;
}
lkl {
  color: #555;
  float: right;
  font-family: verdana;
  font-size: 12px;
  margin-bottom: 7px;
  margin-right: 7px;
  width: 77px;
}
.reg-text label lkl input {
  margin: 0 0 0 6px !important;
  padding: 0;
  vertical-align: middle;
}
/*reply*
/*start prog*/
#prog{
	height:555px;
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #e5e5e5;
}
#prog h2 {
  color: #416387;
  display: block;
  font-family: moneer;
  font-size: 19px;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
  margin-top:24px;  
}
#prog h2 span {
  color: #333;
}
#prog h1 {
  clear: both;
  color: #999;
  display: block;
  font-family: moneer;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
}
.prog{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	clear:both;
	direction:ltr;
	margin-top:20px;
}
.prog-loop{
	width:240px;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:8px;
	height:310px;
	overflow:hidden;
	position:relative;
	float:right;
	margin-top:10px;
	background:#fff;
	border:1px solid #ddd;	
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;		
}
.prog-loop:hover{
  box-shadow: 0 0 10px -4px #000;
  -webkit-box-shadow: 0 0 10px -4px #000;
  -ms-box-shadow: 0 0 10px -4px #000;
  -o-box-shadow: 0 0 10px -4px #000;
  -moz-box-shadow: 0 0 10px -4px #000;
  margin-top:7px;
}
.prog-loop a{
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;
  height: 304px;
  margin-left: 3px;
  margin-right: 0;
  margin-top: 3px;
  width: 233px;
  position:relative;
  overflow:hidden;
  display:block;
}
.prog-loop img {
  height: 304px;
  margin-right: 0;
  width: 233px;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;  
}
.prog-loop:hover .prog-infos{
	opacity:1;
}
.prog-loop:hover img{
	transform:scale(1.06) rotate(4deg);
	-webkit-transform:scale(1.06) rotate(4deg);
	-ms-transform:scale(1.06) rotate(4deg);
	-o-transform:scale(1.06) rotate(4deg);
	-moz-transform:scale(1.06) rotate(4deg);
}
.prog-infos {
  background:rgba(52, 73, 94, 0.94);
  height: 304px;
	opacity:0;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 233px;
}
.prog-infos span {
  border-bottom: 1px solid #333;
  color: #fff;
  display: block;
  margin-bottom: 10px;
  margin-top: 8px;
  padding: 10px;
}
.prog-infos span:before {
  content: "";
  display: block;
  font-family: moner;
  margin-bottom: 7px;
}
.prog-infos ol {
  clear: both;
  display: block;
  padding: 10px;
}
.prog-infos ol div {
  color: #aaa;
  font-size: 12px;
  padding: 7px 30px 7px 7px;
  text-align: right;
  direction:rtl;
}
.prog-infos ol div:before {
  color: #ccc;
  content: "";
  display: inline-block;
  font-family: moner;
  margin-left: 9px;
  vertical-align: middle;
}
.next-prog {
  background-color: #666666;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 36px;
  right: 7px;
  position: absolute;
  bottom: 209px;
  width: 36px;
  opacity:0.8;
  display:none;
}
.next-prog:before {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 16px;
  margin-top: 8px;
  text-align: center;
  width: 100%;
}
.prev-prog{
  background-color: #666666;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  height: 36px;
  left: 7px;
  position: absolute;
  bottom: 209px;
  width: 36px;
  opacity:0.8;
  display:none;
}
.prev-prog:before {
  color: #fff;
  content: "";
  display: block;
  font-family: moner;
  font-size: 16px;
  margin-top: 8px;
  text-align: center;
  width: 100%;
}
#prog:hover .prev-prog{
	-webkit-animation:moveleft2 0.5s ease-out both;
	-moz-animation:moveleft2 0.5s ease-out both;
	-o-animation:moveleft2 0.5s ease-out both;
	-ms-animation:moveleft2 0.5s ease-out both;
	animation:moveleft2 0.5s ease-out both;
}
#prog:hover .next-prog{
	-webkit-animation:moveright2 0.5s ease-out both;
	-moz-animation:moveright2 0.5s ease-out both;
	-o-animation:moveright2 0.5s ease-out both;
	-ms-animation:moveright2 0.5s ease-out both;
	animation:moveright2 0.5s ease-out both;
}
.next-prog:hover,.prev-prog:hover{
	background-color:#2E8EF1;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
#prog:hover .next-prog,#prog:hover .prev-prog{
	display:block;
	z-index:10;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-out;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;	
}
/*end prog*/
/*start opinion*/
#opinion{
	background:url(../images/shows.jpg);
	background-attachment:fixed;
	background-position:center center;
	background-repeat:repeat;
	width:100%;
	height:771px;
	clear:both;
	position:relative;
}
#opinion h2 {
  color: #fff;
  display: block;
  font-family: moneer;
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
  padding-top:25px;
}
#opinion h2 span {
  color: #fff;
}
#opinion h1 {
  clear: both;
  color: #ccc;
  display: block;
  font-family: moneer;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1000px;
}
.opinion{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	margin-top:30px;
	overflow:hidden;
}
.opinion-section {
  clear: both;
  display: block;
  overflow: hidden;
}
.opin-loop {
  color: #aaa;
  float: right;
  height: 253px;
  margin-bottom: 15px;
  margin-right: 10px;
  overflow: hidden;
  width: 322px;
}
.opin-loop img {
  border: 2px solid #fff;
  border-radius: 45px;
  -webkit-border-radius: 45px;
  -ms-border-radius: 45px;
  -o-border-radius: 45px;
  -moz-border-radius: 45px;
  display: block;
  height: 60px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  width: 56px;
}
.opin-loop span {
  display: block;
  margin-bottom: 5px;
  margin-top: 7px;
  text-align: center;
}
.opin-text {
  background:rgba(250, 250, 250, 0.1);
  clear: both;
  color: #aaa;
  display: block;
  font-size: 12px;
  padding: 13px;
  text-align: center;
}
.opin-text p {
  color: #fff;
  display: block;
  font-size: 11px;
  font-style: italic;
  margin-bottom: 8px;
}
/*end opinion*/
/*start headerfix*/
.headerfix {
  position: fixed;
  right: 0;
  top: 0;
  display:none;
  width: 100%;
  z-index: 10000;
}
.headerfix #top-header{
  box-shadow:0px 0px 10px -7px #000;
  -webkit-box-shadow:0px 0px 10px -7px #000;
  -ms-box-shadow:0px 0px 10px -7px #000;
  -o-box-shadow:0px 0px 10px -7px #000;
  -moz-box-shadow:0px 0px 10px -7px #000;
  background:rgba(250,250,250,0.9);
}
/*end headerfix*/