h4, h5, h6,
h1, h2, h3 {margin: 0;}
ul, ol {margin: 0; padding:0;}
p {margin: 0;}
html, body{
	font-family: "Microsoft YaHei","微软雅黑";
	font-size: 100%;
	background: #ffffff;
}
@font-face {
   font-family: "Microsoft YaHei","微软雅黑";
   src: url(../fonts/OpenSans-Regular.ttf)format('truetype');
}
@font-face {
   font-family: "Microsoft YaHei","微软雅黑";
   src: url(../fonts/Play-Bold.ttf) format('truetype');
}
@font-face {
   font-family: "Microsoft YaHei","微软雅黑";
   src: url(../fonts/Play-Regular.ttf) format('truetype');
}
h1.b1, h2.b2, h3.b3 {
  margin-bottom: 25px;
  display: block;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.row{
	margin:0;
}	
a#toTop{
  margin-top: 0;
}
.breadcrumb{
	margin:0em 0;
	text-align:left;
}

/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom:3%;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url("../images/top-arrow.png") no-repeat 0px 0px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/
/*-- header_top --*/
.header-top {
  position: absolute;
  top: 20px;
  width: 100%;
  z-index:999;
  background: rgba(62, 66, 147, 0.35);
  padding: 0;
  margin:0;
}
.banner-top {
	float:right;
	margin:20px 0;
}
.header{
	background:#3E4293;
	padding:1em 0;
}
.headr-left{
	float:left;
	width:70%;
}
.social{
	float:left;
	color:#fff;	
	text-decoration:none;
	font-size:20px;
	padding:0.5em 0em;
}

.social i {
width: 33px;
height: 33px;
background: url('../images/social.png') no-repeat 0px 0px;
display: inline-block;
margin:0 5px;
}
a i.facebook:hover,a i.twitter:hover,a i.gplus:hover,a i.pin:hover,a i.youtube:hover{
	opacity:0.8;
}
a i.facebook{
background-position:-5px -6px;
}
a i.twitter{
background-position:-46px -7px;
}
a i.gplus{
background-position:-92px -8px;
}
a i.pin{
background-position:-135px -8px;
}
a i.youtube{
background-position:-180px -9px;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
.search {
  position: relative;
  float: left;
  width:50%;
  margin-left:20px;
  padding:0.5em 0em;
}
.search input[type="text"] {
  padding: 6px 10px 6px 6px;
  outline: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.52);
  border: none;
  width: 88%;
  position: relative;
  font-size: 0.9em;
  -webkit-appearance: none;
  margin-left: 3em;
}
.search input[type="submit"] {
  background: url('../images/search1.png') no-repeat 0px 1px;
  border: none;
  cursor: pointer;
  width: 24px;
  outline: none;
  position: absolute;
  height: 24px;
  top: 11px;
  left: 8px;
}

.headr-right {
  float: right;
}
.details ul li{
	display:inline-block;
	padding:0.3em 0em 0.3em 1em;
}
.details_right_1{
	padding:0em 0em 0em 25px;
}
.details ul li:nth-child(1){
	margin-right:1em;
}
.details ul li{
	color:#fff;	
	text-decoration:none;
	font-size:24px;
}
.details ul li a{
	color:#fff;	
	text-decoration:none;
	font-size:0.9em;
}
.details img{
	padding:0em 0em 0.3em 0em;
}
.glyphicon-earphone:before,.glyphicon-envelope:before  {
  font-size:23px;
  margin-right:5px;
}
.logo{
	float:left;
}
.logo img{
	margin-top:10px;
}
.logo h1 a{
	color:#fff;
	font-family: "Microsoft YaHei","微软雅黑";
	text-decoration:none;
	font-size:26px;
	font-weight:bold;
}
.top-menu{
	float:right;
	margin-top:17px;
}
.top-menu ul li{
	display:inline-block;
}
.top-menu ul li a{
	display:block;
	color:#0068b7;
	padding:0.5em 1.2em;
	text-decoration:none;
	font-family: "Microsoft YaHei","微软雅黑";
	font-size:16px;
	font-weight:600;letter-spacing:1px;
}
span.menu {
		display:none;
}
.top-menu ul li.active a,.top-menu ul li a:hover{
	color: #fff;
	background:rgba(27, 188, 255, 1);
}

.top-banner{
	position:relative;
}
/*--- slider-css --*/
.banner1{
	background:url(../images/banner-1.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:550px;
	background-position: center;
}
.banner2{
	background:url(../images/banner2.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:550px;
	background-position: center;
}
.banner3{
	background:url(../images/banner3.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:550px;
	background-position: center;
}
.slider {
	position: relative;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides div.slid {
  -webkit-backface-visibility: hidden;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.caption{
	width: 100%;
	margin-top:16em;
}

.banner-info{
  position: absolute;
  z-index: 99;
  top: 100px;
}
.caption {
	text-align:center;
	margin-left:0em;
}
.caption h3{
  color: #f43c60;
  font-size: 30px;
  font-weight: 600;
   font-family: "Microsoft YaHei","微软雅黑";
   letter-spacing: 8px;
}
.caption p{
	line-height: 1.0em;
	font-size: 1.5em;
	font-weight: 500;
	color:#f43c60;
	width: 60%;
	margin:1em auto 0 auto ;
	letter-spacing: 5px;
}
.caption a{
	color:#fff;
	margin-top:1em;
	display:inline-block;
	background:#f43c60;
	padding:0.75em 1.3em;
	text-decoration:none;
	font-size:0.9em;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: "Microsoft YaHei","微软雅黑";
	visibility: visible;
	display: block;
	height: 15px;
	width: 15px;
	display: inline-block;
     border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	background:#69d2e8;
	border:2px solid#fff;
}
.callbacks_here a:after{
	background:#d52f47;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
	
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 50px;
	z-index: 999;
	left: 46%;
}
/*---flexi-slider---*/
 #flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px 21px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
	width: 285px!important;
}
.nbs-flexisel-item > img {	
	cursor:auto;
	position: relative;
	  width: 90%;
  margin: 0 5%;
}
.content{
	padding:2em 0 1.5em 0;
	background:#fff;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
 }
.top-games h3,.latest-games h3{
	color:#f43c60;
	font-size:2.4em;
	font-family: "Microsoft YaHei","微软雅黑";
	text-align:center;
	font-weight:600;
 }
 .top-games p{
	margin: 18px auto 38px auto;
	font-size:14px;
	text-align:center;
	color:#a8a8a8;
	width:46%;
	}
.game-grid{
	text-align:center;
 }
.top-game-grids{
	margin-top:4em;
}
.game-grid h4{
	font-family: "Microsoft YaHei","微软雅黑";
	font-size:1.3em;
 }
.game-grid p{
	color:#777;
	font-size:0.9em;
	margin:0.7em 0;
	line-height:1.8em;
 }
.game-grid img{
	
}
/*-- about-us --*/
.about-us {
	padding: 40px 0;
	background:#fafafa;
	}
.about-info  h2{
	margin: 0;
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	color: #504f50;
	}
.about-info  p{
	font-size:14px;
	text-align:center;
	margin: 18px auto 38px auto;
	color:#a8a8a8;
	width: 46%;
	}
span.para{
	display:block;
	padding:18px 0;
	}
.about-left img{
	width:100%;
	}
.about-right  h2{
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #504f50;
	padding-bottom: 14px;
	}
.about-left {
	padding-top: 1.8em;
	}
.border{
	width: 21%;
	background: #3E4293;
	padding: 1px;
	}
.about-right  p{
	margin:0;
	padding-top:20px;
	color:#777;
	font-size:14px;
	line-height:25px;
	}
.getstart a{
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		padding: 13px 30px;
		font-weight: 700;
		color: #ffffff;
		background: #3E4293;
		border-radius: 5px;
	}
.getstart a:hover{
	color:#fff;
	background:#717071;
	text-decoration: none;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;
	}
.getstart{
	margin-top:15px;
	}

/*-- services --*/
.services {
	padding: 52px 0;
	background:#f4f4f4;
	border-bottom:0px solid #e8e8e8;
	border-top:0px solid #e8e8e8;
	}

.service-info h2 {
	margin: 0;
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	color: #504f50;
	}
.service-info p {
	margin: 18px auto 34px auto;
	font-size: 14px;
	text-align: center;
	color: #a8a8a8;
	width:80%;
	}
.service-image{
	border:1px solid #e8e8e8;
	padding:20px;
	background:#ffffff;
	}

.service-image-zhny{
	border:1px solid #e8e8e8;
	padding:10px;
	background:#ffffff;
	}

.ser-info h2{
	margin: 0;
	text-align: center;
	font-size: 20px;
	padding:15px 0;
	font-weight: 600;
	color: #504f50;
	}

.ser-info p{
	margin: 0;
	font-size: 14px;
	padding-top:12px;
	color: #504f50;
	text-align: center;
	}

.ser-info-zhny h2{
	margin: 0;
	text-align: center;
	font-size: 20px;
	padding:15px 0;
	font-weight: 600;
	color: #504f50;
	}

.ser-info-zhny p{
	margin: 0;
	font-size: 14px;
	line-height:25px;
	padding-top:12px;
	color: #504f50;
	text-align: left;
	}

	.service-image:hover{
		background:#3E4293;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
	}
	.service-image:hover div.more a{
		background:#fff;
		color:#000;
		text-decoration:none;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
	}
	.service-image:hover div.camera{
		background:url("../images/fangan.png") no-repeat 0px -168px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
	}
	.service-image:hover div.paint{
		background:url("../images/fangan.png") no-repeat -167px -168px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image:hover div.video{
		background:url("../images/fangan.png") no-repeat -334px -168px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image:hover div.web-design{
		background:url("../images/fangan.png") no-repeat -502px -168px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image:hover div.shigong{
		background:url("../images/fangan.png") no-repeat -670px -168px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image:hover div.yunying{
		background:url("../images/fangan.png") no-repeat -838px -168px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image:hover div.strip{
		background:#fff;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image:hover div.ser-info h2{
		color:#fff;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}	
	.service-image:hover div.ser-info p{
		color:#fff;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;	
		}

.service-image-zhny:hover{
		background:#3E4293;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
	}
	.service-image-zhny:hover div.more a{
		background:#fff;
		color:#000;
		text-decoration:none;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
	}
	.service-image-zhny:hover div.camera-zhny{
		background:url("../images/zhny.png") no-repeat 0px -120px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
	}
	.service-image-zhny:hover div.paint-zhny{
		background:url("../images/zhny.png") no-repeat -123px -120px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image-zhny:hover div.video-zhny{
		background:url("../images/zhny.png") no-repeat -246px -120px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image-zhny:hover div.web-design-zhny{
		background:url("../images/zhny.png") no-repeat -369px -120px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image-zhny:hover div.shigong-zhny{
		background:url("../images/zhny.png") no-repeat -670px -120px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image-zhny:hover div.yunying-zhny{
		background:url("../images/zhny.png") no-repeat -838px -120px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image-zhny:hover div.strip{
		background:#fff;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image-zhny:hover div.ser-info-zhny h2{
		color:#fff;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}	
	.service-image-zhny:hover div.ser-info-zhny p{
		color:#fff;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;	
		}		
		
.strip{
	background: #c2c2c2;
	padding: 1px;
	width: 40%;
	margin: 0 auto;
	}
.camera {
	background:url("../images/fangan.png") no-repeat 0px 0px;
	width:167px;
	height:167px;
	display:block;
	margin:0 auto;
	}
.paint {
	background:url("../images/fangan.png") no-repeat -167px 0px;
	width:167px;
	height:167px;
	display:block;
	margin:0 auto;
	}
.video {
	background:url("../images/fangan.png") no-repeat -334px 0px;
	width:167px;
	height:167px;
	display:block;
	margin:0 auto;
	}
.web-design {
	background:url("../images/fangan.png") no-repeat -502px 0px;
	width:167px;
	height:167px;
	display:block;
	margin:0 auto;
	}
.shigong {
	background:url("../images/fangan.png") no-repeat -670px 0px;
	width:167px;
	height:167px;
	display:block;
	margin:0 auto;
	}
.yunying {
	background:url("../images/fangan.png") no-repeat -838px 0px;
	width:167px;
	height:167px;
	display:block;
	margin:0 auto;
	}

.camera-zhny {
	background:url("../images/zhny.png") no-repeat 0px 0px;
	width:123px;
	height:123px;
	display:block;
	margin:0 auto;
	}
.paint-zhny {
	background:url("../images/zhny.png") no-repeat -123px 0px;
	width:123px;
	height:123px;
	display:block;
	margin:0 auto;
	}
.video-zhny {
	background:url("../images/zhny.png") no-repeat -246px 0px;
	width:123px;
	height:123px;
	display:block;
	margin:0 auto;
	}
.web-design-zhny {
	background:url("../images/zhny.png") no-repeat -369px 0px;
	width:123px;
	height:123px;
	display:block;
	margin:0 auto;
	}
.shigong-zhny {
	background:url("../images/zhny.png") no-repeat -670px 0px;
	width:167px;
	height:167px;
	display:block;
	margin:0 auto;
	}
.yunying-zhny {
	background:url("../images/zhny.png") no-repeat -838px 0px;
	width:167px;
	height:167px;
	display:block;
	margin:0 auto;
	}	
	
.more a{
	background:#717071;
	padding:12px 25px;
	border-radius:4px;
	font-size: 14px;
	color:#ffffff;
	text-decoration:none;
	}
.more{
	padding:24px 0 20px 0;
	}



.service-image1{
	border:0px solid #e8e8e8;
	padding:0px;
	background:#ffffff;
	}
.ser-info1 h3{
	margin: 0;
	text-align: center;
	font-size: 15px;
	padding:15px 0;
	font-weight: 600;
	color: #a0a0a0;
	}

.ser-info1 p{
	margin: 0;
	font-size: 14px;
	padding-top:12px;
	color: #504f50;
	text-align: center;
	}
		.service-image1:hover{
		background:#fff;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
	}
	.service-image1:hover div.more a{
		background:#fff;
		color:#000;
		text-decoration:none;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
	}
	.service-image1:hover div.camera1{
		background:url("../images/fangan1.png") no-repeat 0px -162px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
	}
	.service-image1:hover div.paint1{
		background:url("../images/fangan1.png") no-repeat -160px -162px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image1:hover div.video1{
		background:url("../images/fangan1.png") no-repeat -320px -162px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image1:hover div.web-design1{
		background:url("../images/fangan1.png") no-repeat -480px -162px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image1:hover div.shigong1{
		background:url("../images/fangan1.png") no-repeat -640px -162px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image1:hover div.yunying1{
		background:url("../images/fangan1.png") no-repeat -800px -161px;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image1:hover div.strip1{
		background:#fff;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image1:hover div.ser-info1 h3{
		color:#076bb6;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
		}
	.service-image1:hover div.ser-info1 p{
		color:#fff;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;	
		}	
.strip1{
	background: #c2c2c2;
	padding: 1px;
	width: 40%;
	margin: 0 auto;
	}
.camera1 {
	background:url("../images/fangan1.png") no-repeat 0px 0px;
	width:160px;
	height:160px;
	display:block;
	margin:0 auto;
	}
.paint1 {
	background:url("../images/fangan1.png") no-repeat -160px 0px;
	width:160px;
	height:160px;
	display:block;
	margin:0 auto;
	}
.video1 {
	background:url("../images/fangan1.png") no-repeat -320px 0px;
	width:160px;
	height:160px;
	display:block;
	margin:0 auto;
	}
.web-design1 {
	background:url("../images/fangan1.png") no-repeat -480px 0px;
	width:160px;
	height:160px;
	display:block;
	margin:0 auto;
	}
.shigong1 {
	background:url("../images/fangan1.png") no-repeat -640px 0px;
	width:160px;
	height:160px;
	display:block;
	margin:0 auto;
	}
.yunying1 {
	background:url("../images/fangan1.png") no-repeat -800px 0px;
	width:160px;
	height:160px;
	display:block;
	margin:0 auto;
	}
	
 /*-- latest --*/
.latest{
	padding-bottom:4em;
}
 .new-trailers{
    padding: 2em 0 0em 0;
}
.new-trailers h3 {
  padding: 0.5em;
  background-color: #F4F4F4;
  color: #000;
  text-align: center;
  font-size: 2em;
  color: #5bb2fc;
  font-family: "Microsoft YaHei","微软雅黑";
    margin-bottom: 2em;
}
.latest-top{
	margin-top:3em;
}
.trailer iframe {
    width: 100%;
  height: 387px;
}
.trailer {
  padding-left: 0;
}
.sub-img {
  float: left;
}
.sub-img img{
 width:100%;
}
.sub-text {
 float:right;
}
.sub-text a {
  padding: 0.5em;
  background-color: #F4F4F4;
  font-size:1.2em;
  color: #5bb2fc;
  font-family: "Microsoft YaHei","微软雅黑";
    line-height: 1.4em;
	text-decoration:none;
	  display: block;
}
.sub-text p {
    font-size: 0.9em;
  line-height: 1.8em;
  color: #888;
  font-weight: 400;
  margin-top: 0.5em;
}
.sub-trailer {
    margin-bottom: 0.6em;
}
/*--x-box--*/
.x-box{
	padding:4em 0;
}
.x-box-left h2{
	font-family: "Microsoft YaHei","微软雅黑";
	font-size:4em;
	color: #f43c60;
}
.x-box-left h3{
	font-family: "Microsoft YaHei","微软雅黑";
	font-size:2em;
	margin-top:8px;
	color:#69d2e8;
}
.x-box-left p{
	line-height:1.7em;
	margin-top:1em;
	font-size:0.9em;
	color:#777;
}
.x-box-left a{
	display:inline-block;
	background:#69d2e8;
	color:#fff;
	padding:0.8em 1.7em;
	margin-top:2em;
	text-decoration:none;
}
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3e4293;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f43c60;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.poster{
	background:url(../images/jingyan.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:540px;
	position:relative;
	background-position: center;
}
.poster_1{
	background:url(../images/jishu.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:500px;
	position:relative;
	background-position: center;
}
.poster-info{	
	width:60%;
	margin-top:8em;
}
.poster-info h3{
	 font-family: "Microsoft YaHei","微软雅黑";
	color:#e5004f;
	font-size:2.2em;
	font-weight:600;
}
.poster-info p{
	color:#e5004f;
	margin-top:1em;
	line-height:1.7em;
	font-size:1.0em;
}
.poster-info a{
	color:#fff;
	margin-top:1em;
	display:inline-block;
	background:#f43c60;
	padding:0.75em 1.3em;
	text-decoration:none;
	font-size:0.9em;
}

.poster-info-js{	
	width:65%;
	margin-top:8em;
}
.poster-info-js h3{
	 font-family: "Microsoft YaHei","微软雅黑";
	color:#ffffff;
	font-size:2.2em;
	font-weight:600;
}
.poster-info-js p{
	color:#ffffff;
	margin-top:1em;
	line-height:1.7em;
	font-size:1.0em;
}

.bnr2 {
  background: url(../images/aboutbg.gif) no-repeat 0px 0px;
  background-size: cover;
  min-height:330px;
}
.banner-info2{
  margin-top:2em;
}
ul.start{
	text-align:center;
	padding: 4em 0 0em;
	margin-bottom: -3em;
}
ul.start li{
	display:inline-block;
	padding: 0em 0em 0em 0;
}
ul.start li a{
	text-decoration:none;
	color:#fff;
	font-size:1.2em;
	background:#303030;
	padding:0.5em 1em;
	margin:0 0.2em;
}
ul.start li a:hover{
	background:#3E4293;margin:0 0.2em;
}
ul.start li span{
	background:#3E4293;
	color:#fff;
	font-size:1.2em;
	padding:0.5em 1em;margin:0 0.2em;
}
/

/*--about--*/
.about {
	padding: 4em 0 3em 0;
}
.about-bottom {
	padding: 0em 0 3em 0;
}
.about-grid h6 {
	font-size: 1.2em;
	line-height: 1.7em;
	font-family: 'Arimo', sans-serif;
}
.about-grid h6 a{
	color:#DC483A;
	text-decoration:none;
}
.about-grid h6 a:hover{
	color:#303030;
}
.about-grid img {
	width:100%;
}
.about-grid p {
	padding:6px;
	color: #838383;
	font-size: 1.0em;
	line-height: 1.7em;
	font-family: "Microsoft YaHei","微软雅黑";
}
.about h2{
	font-family: "Microsoft YaHei","微软雅黑";
  font-size: 2.2em;
  color: #00a0e9;
  text-align:center;
  font-weight:600;
  padding:2em 0 1em 0;
  letter-spacing: 12px;
} 

.about-info p{
	margin: 18px auto 38px auto;
	font-size:14px;
	text-align:center;
	color:#a8a8a8;
	width:46%;
	}
.about-info-grids{
	margin-top:4em;
}
.abt-pic{
	padding-left:0;
}
.abt-info-pic{
	padding-right:0;
}
.abt-info-pic1{
	padding:0 30px 0 0;
}
.abt-info-pic h3 {
  font-family: "Microsoft YaHei","微软雅黑";
  font-size: 2em;
  color: #69d2e8;
}
.abt-info-pic p {
  line-height: 1.7em;
  margin-top: -10px;
  font-size: 0.9em;
  color: #777;
}
.abt-info-pic ul{
	margin-top:1em;
}
.abt-info-pic li {
  list-style-image: url(../images/icon3.png);
  margin: 0 0 10px 20px;
  color: #9A9598;
  font-size: 0.9em;
  text-decoration: none;
}
.testimonals{
	margin-top:4em;
}
.testimonals h3,.team h3{
	font-family: "Microsoft YaHei","微软雅黑";
  font-size: 1.8em;
  color: #f43c60;
  margin-bottom:0.7em;
}
.testimonal-grid:first-child {
  margin: 0;
}
.testimonal-grid{
  margin: 0 0 0 30px;
  padding:0;
  width: 31.5%;
}
.testi-info p{
  background: #161616;
  padding: 25px 30px 25px 30px;
  border-radius: 0;
  line-height: 1.5em;
  font-size: 0.9em;
  color: #7d7d7d;
}
.testi-info p:hover{
	color:#fff;
}
.testi-info h4{
	color:#69d2e8;
	font-size:1.3em;
	margin-top:15px;
}
.testi-info a{
	color:#f43c60;
	text-decoration:none;
	font-size: 0.75em;
	font-weight:600;
}
.testi-info a:hover{
	color:#69d2e8;;
}
.team{
margin-top:3em;
}
.grid_4 {
	width: 22%;
	float: left;
	margin: 0 3% 0% 0;
}
.team-grid p {
font-size: 0.9em;
  line-height: 1.8em;
  color: #777;
}
.team-grid img {
	width: 100%;
}
.team-grid h4{
	  color:#69d2e8;
  font-size: 1.3em;
  margin:0.6em 0;
}

/*--portfolio--*/
.portfolio-image{
	border:1px solid #e8e8e8;
	margin-top: 40px;
	}
.portfolio-info  h2{
	margin: 0;
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	color: #504f50;
	}
.portfolio-info  p{
	margin: 18px auto 0px auto;
	font-size:14px;
	text-align:center;
	color:#a8a8a8;
	width:80%;
	line-height:25px;
	}
.portfolio{
	padding:50px 0;
	background:#f4f4f4;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
	}

.port-img img{
	width:100%;
	position:relative;	}
.port-img  h2{
	margin: 0;
	text-align: center;
	font-size: 20px;
	color: #504f50;
	}
.port-img{
	position:relative;
	}
.port-img1 img{
	width:349px;
	height:283px;position:relative;
	}

.port-img1{
	position:relative;
	}
/*--pingpai--*/
.pingpai-image{
	border:1px solid #e8e8e8;
	margin-top: 40px;
	}
.pingpai-info  h2{
	margin: 0;
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	color: #504f50;
	}
.pingpai-info  p{
	margin: 18px auto 0px auto;
	font-size:14px;
	text-align:center;
	color:#a8a8a8;
	width:80%;
	line-height:25px;
	}
.pingpai{
	padding:50px 0;
	background:#fafafa;
	}

.pingpai-img img{
	width:100%;
	position:relative;	}

.pingpai-img{
	position:relative;
	}	
	
.caption_portfolio {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
.caption_portfolio{
	padding: 15px 8px;
	background:#ffffff;
	}
.caption_portfolio ul{
	padding:0;
	margin:0;
	}
.caption_portfolio ul li{
	display:inline-block;
	color:#504f50;
	font-weight:700;
	font-size:16px;
	margin: 0 0 0.5em;
	height: 40px;
	overflow:hidden;
	}
.caption_portfolio ul p{
	height: 42px;
	overflow:hidden;
	}
span.right {
	color: #a8a8a8;
	padding-left: 10px;
	font-size:14px;
	}
span.left{
	padding-left:169px;
	color: #a8a8a8;
	font-size:14px;
	}
.desc{
		position: absolute;
		top: 40%;
		left: 30%;
		display:none;
	}
	.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.portfolio-image:hover div.desc {
	display:block;
	cursor:pointer;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;
	}
.desc a{
		color: #ffffff;
		border: 1px solid #ffffff;
		padding: 14px 33px;
		font-size: 700;
		font-size: 16px;
		font-weight: 700;
	}
.desc a:hover{
	text-decoration:none;
	color:#fff;
	border: 1px solid #ffffff;
	background-color:#F6AB00;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;
	}

.product h2{
	font-family: "Microsoft YaHei","微软雅黑";
  font-size: 2.2em;
  color: #00a0e9;
  text-align:center;
  font-weight:600;
  padding:0 0 1em 0;
  letter-spacing: 12px;
}
#filters {
	margin:1.5em 0 0 0;
	list-style: none;
}
#filters li {
	display:inline-block;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -o-inline-box;
	display: -ms-inline-box;
	padding: 0 1em;
	font-family: "Microsoft YaHei","微软雅黑";
}
#filters li span {
	display: block;
	text-decoration: none;
	color: #303030;
	cursor: pointer;
	font-size: 1.0em;
	text-transform: uppercase;
	font-weight:600;
	
}
#filters li span:hover,#filters li.active  span{
	color:#DC483A;
}
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 31%;
	display: none;
	float: left;
	overflow: hidden;
	margin: 1%;
}
div#portfoliolist {
	padding: 0px 0px;
}	
.portfolio-wrapper {
	overflow:hidden;
	position: relative !important;
	cursor:pointer;	
	padding:  0;
}
.portfolio img {
	max-width:100%;
	transition: all 300ms!important;
	-webkit-transition: all 300ms!important;
	-moz-transition: all 300ms!important;
}
.portfolio .label {
	position: absolute;
	width: 100%;
	height:40px;
	bottom:-40px;
}
.portfolio .label-bg {
	background: #22B4B8;
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
.portfolio .label-text {
	color:#fff;
	position: relative;
	z-index:500;
	padding:5px 8px;
}		
.portfolio .text-category {
	display:block;
	font-size:9px;
	font-size: 12px;
	text-transform:uppercase;
}

.product {
	padding: 4em 0 ;
}
.zoom-icon {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	display:block !important;
	opacity:1 !important;
	visibility:visible !important;
	background:transparent !important;
	border-radius:0;
	cursor:pointer;
	overflow:hidden;
	-webkit-transition:0.55s;
	-moz-transition:0.55s;
	-o-transition:0.55s;
	transition:0.55s;
}
.zoom-icon:after {
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	top:50%;
	bottom:50%;
	width:0;
	height:0;
	content:"";
	background:url(../images/plus.png) 50% 50% no-repeat;
	border-radius:0;
	z-index:0;
	-webkit-transition:0.45s;
	-moz-transition:0.45s;
	-o-transition:0.45s;
	transition:0.45s;
}
.zoom-icon:before {
	position:absolute;
	left:-50%;
	top:48%;
	display:block;
	margin:0;
	height:0%;
	width:200%;
	background:url(../images/dark.png);
	content:"";
	border-radius:0;
	overflow:hidden;
	-webkit-transform:rotate(-55deg);
	-moz-transform:rotate(-55deg);
	-ms-transform:rotate(-55deg);
	-o-transform:rotate(-55deg);
	transform:rotate(-55deg);
	-webkit-transition:0.65s;
	-moz-transition:0.65s;
	-o-transition:0.65s;
	transition:0.65s;
}
 .portfolio-wrapper  a:hover .zoom-icon {
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.portfolio-wrapper  a:hover .zoom-icon:before {
	left:-60%;
	top:-35%;
	height:200%;
	width:200%;
	-webkit-transform:rotate(-55deg);
	-moz-transform:rotate(-55deg);
	-ms-transform:rotate(-55deg);
	-o-transform:rotate(-55deg);
	transform:rotate(-55deg);
	-webkit-transition:0.6s;
	-moz-transition:0.6s;
	-o-transition:0.6s;
	transition:0.6s;
}
 .portfolio-wrapper  a:hover .zoom-icon:after {
	width:44px;
	height:63px;
	margin:-31px 0 0 -22px;
	-webkit-transition:0.45;
	-moz-transition:0.45;
	-o-transition:0.45;
	transition:0.45;
}
.portfolio-wrapper  a:hover .zoom-icon {
	visibility:visible;
	border-radius:0;
	overflow:hidden;
}
/*--reviews--*/
.review {
  padding: 3em 0 5em;
}
.review  h2{
  margin: 0;
	text-align: center;
	font-size: 25px;
	font-weight: 600;
color: #504f50;}
.col-1 {
	background: #eee;
	  padding: 1em;
}
.col-1 h4{
	font-size:1.2em;
	 margin: 0.8em 0 0.5em;
	 height: 43px;
	 overflow:hidden;
	 font-family: "Microsoft YaHei","微软雅黑";
	 
}
.col-1 h4 a{
	color:#2d2d2d;
	text-decoration: none;
	font-weight:600;
}
.col-1 h4 a:hover{
	color:#69d2e8;
}
.col-1 p {
  line-height: 1.7em;
  font-size: 0.9em;
  color: #777;
  height: 50px;
  overflow:hidden;
}
.col-1 img {
  width:318px;
  height:273px;
}
.review-md1 {
  padding: 3em 0 0 0;
}
.review-md2 {
  padding: 0 15px 3em 15px;
}
a.mask {
  text-decoration: none;
  overflow: hidden;
  display: block;
}
img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.18);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.15);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}

/*--blog--*/
.blog{
	padding: 4em 0em 3em 0;	
}
.blog h2{
	font-family: "Microsoft YaHei","微软雅黑";
  font-size: 2.2em;
  color: #00a0e9;
  text-align:center;
  font-weight:600;
  padding:0 0 1em 0;
  letter-spacing: 12px;	
}

.blog h3{
	font-family: "Microsoft YaHei","微软雅黑";
  font-size: 2.0em;
  color: #00a0e9;
  text-align:center;
  font-weight:600;
  padding:0 0 1em 0;	
}
.blog-left{
	float: left;
	border-right: 1px solid #B6B3B3;
	padding-right: 1.5em;
	  width: 9%;
}
.top-blog {
	float: left;
	margin: 0;
	width: 100%;
}
.blog-left h4{
	font-size:20px;
}
.blog-left b{
	font-size:3.5em;
	color:#3E4293;
	display:block;
	height:55px;
}
.blog-left span{
	font-size:1.7em;
	color:#3E4293;
}
ul.men-grid li{
	display:inline-block;
}
.top-blog img {
	margin:0 0 3% 0;
	width: 100%;
}
.top-blog_height{	
	height:1.0em;
}
.top-blog_more a{
	color:#fff;
	margin-top:1em;
	display:inline-block;
	background:#f43c60;
	padding:0.75em 1.3em;
	text-decoration:none;
	font-size:0.9em;
}
.top-blog p{
	font-size:1.0em;
	color:#434343;
	font-family: "微软雅黑";
	line-height:1.7em;
}
.top-blog p a{
	text-decoration:none;
	color:#000;
}
.top-blog  a.fast{
	text-decoration:none;
	font-size:1.5em;
	text-transform:uppercase;
	color:#2d2d2d;	
	font-weight:600;
	text-align:center;
	width:100%;
}
.top-blog  li.fast{
	text-decoration:none;
	font-size:1.5em;
	text-transform:uppercase;
	color:#000;	
	font-weight:600;
	text-align:center;
	width:100%;
	list-style:none;
}
.top-blog  p.fast{
	text-decoration:none;
	font-size:1.2em;
	text-transform:uppercase;
	color:#2d2d2d;	
	font-weight:600;
}

 h5.fast-in {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #565454;
}
.top-blog  a.fast:hover{
	color:#69d2e8;
}
.top-blog p a:hover{
	color:#839655;
}
.blog-top {
  padding: 2em 0 0;
}
a.more-in{
	width:21.9%;
}
/*----*/
.categories-grid h4{
	color: #3E4293;
	font-size: 1.5em;
	font-weight: 700;
	padding: 0em 0 0.5em;
}

ul.popular li {
	list-style: none;
	border-bottom: 1px dashed #BBB8B8;
}
ul.popular li a{
	color: #838383;
  font-size: 1.0em;
  font-family: "微软雅黑";
  padding: 0.5em 0;
  display: block;
  text-decoration: none;
}
ul.popular li:nth-child(8) {
	border-bottom: none;
}
ul.popular-in li:nth-child(5) {
	border-bottom: none;
}
ul.popular li i {
	background: #3E4293;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px 0px;
}
ul.popular li i:hover {
	background: #fff;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px 0px;
}
ul.popular li a:hover{
	  color: #ffffff;
  padding: 0.5em 0 0.5em 0.3em;
  background: #3E4293;
}
.blog-grid {
	padding: 2em 0 0;
}
ul.start{
	text-align:center;
	padding: 4em 0 2em;
}
ul.start li{
	display:inline-block;
	padding: 0em 0 2em 0;
}
ul.start li a{
	text-decoration:none;
	color:#fff;
	font-size:1.2em;
	background:#303030;
	padding:0.5em 1em;
}
ul.start li a:hover{
	background:#3E4293;
}
ul.start li span{
	background:#3E4293;
	color:#fff;
	font-size:1.2em;
	padding:0.5em 1em;
}
/*--single-page--*/
.comment-icons {
	border-top: 1px dashed #2f6818;
	border-bottom: 1px dashed #2f6818;
	padding: 1em 0;
	margin: 2em 0 3em 0;
}
.comment-icons ul {
	margin: 0;
	padding: 0;
}
.comment-icons ul li {
	display: inline-block;
	margin: 0 10px;
  color: #838383;
  font-size: 14px;
}
.comment-icons ul li span{
  background: url(../images/iconsprite.png) no-repeat 0px 0px;
  margin-right: 10px;
  display: inline-block;
  width: 12px;
  height: 20px;
  vertical-align: middle;
}
.comment-icons ul li span.clndr {
  background: url(../images/iconsprite.png) no-repeat -19px -2px;
	width: 17px;
}
.comment-icons ul li span.admin{
  background: url(../images/iconsprite.png) no-repeat 0px -25px;
  width: 15px;
  height: 20px;
}
.comment-icons ul li span.cmnts{
  background: url(../images/iconsprite.png) no-repeat -18px -24px;
  margin-right: 5px;
  width: 17px;
}
.comment-icons ul li a.like{
	background: url(../images/iconsprite.png) no-repeat 2px -46px;
	margin-right: 6px;
	padding-left: 1.5em;
}
.comment-icons ul li a{
  color:#838383;
  font-size: 14px;
  margin: 10px 0 18px 0;
  line-height: 1.8em;
  display: inline;
}
.comment-icons ul li a:hover{
	color:#f43c60;
}
.admin-text {
  padding: 26px;
  border: 1px dashed #2f6818;
}
.admin-text h5 {
  margin: 0 0 12px 0;
  font-size: 1em;
  color:#4dc47d;
  font-weight: 600;
}
.admin-text-left {
	float: left;
	width: 11%;
}
.admin-text-right {
	float: right;
	width: 86%;
}
.admin-text-right p {
  margin: 0px 0 18px 0;
    font-size: 0.95em;
  color: #777;
  line-height: 1.7em;
}
.admin-text-right span {
font-weight:600;
  font-size: 14px;
  margin: 0 0 10px 0;
  color:#887f66;
}
.admin-text-right span a {
	  color: #887f66;
	text-decoration:none;
}
.admin-text-right span a:hover{
	color:#2f6818;
	transition:.5s all;
}
.media.response-info {
  margin-top: 1.5em;
}
.response-info-mdl {
  margin: 1em 0px 1em 4em;
}
.response {
  margin-top: 40px;
}
.media-left.response-text-left {
  width: 11%;
}
.response-text h5 {
  font-weight: 600;
  font-size: 14px;
  margin: 10 0 0px 0;
  color: #887f66;
}
.response-text-left h5 a {
	text-decoration: none;
	  color: #838383;
}
.response-text-left h5 a:hover{
	text-decoration: none;
	color:#f43c60;
}
.response-text-left h5{
  font-weight: 600;
  font-size: 14px;
  margin: 1em 0 0 0;
}
.response-text-right p {
    font-size: 0.9em;
  color: #777;
  line-height: 1.7em;
}
.response-text-right ul{
	padding:0;	
	text-align: right;
	margin-top: 0.5em;
}
.response-text-right ul li{
  display: inline-block;
  color: #2f6818;
  font-size: 0.9em;
  margin-right: 16px;
}
.response-text-right ul li a{
    color:#838383;
  font-size: 14px;
  font-weight: 600;
}
.response-text-right ul li a:hover{
	color:#f43c60;
	text-decoration:none;
}
.coment-form input[type="text"] {
  background: none;
  width: 100%;
  color: #777;
  margin: 0 0px 23px 0;
  font-size: 0.9em;
  padding: 12px 10px;
  outline: none;
  border:1px solid #CDCDCD;
}
.coment-form textarea {
  background: none;
  width: 100%;
  color:#777;
  font-size: 0.9em;
  resize: none;
  height: 185px;
  padding: 12px;
  outline: none;
  border: 1px solid #CDCDCD;
  }
.coment-form input[type="submit"] {
  padding: 10px 43px;
    margin-top: 23px;
  border:2px solid #69d2e8;
  color: #ffffff;
  font-size: 1em;
  background:#69d2e8;
  transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.coment-form input[type="submit"]:hover {
  background: transparent;
  color:#69d2e8;
  border:2px solid #69d2e8;
}
.coment-form h4 {
  margin-bottom: 22px;
}
.coment-form {
  margin-top: 46px;
}
/*--//single-page--*/
.pages {
	padding: 3em 0px;
}
h3.ghj {
	color: #000;
	font-size: 2em !important;
	margin: 0 0 1em;
}
.headdings, .Buttons, .progress-bars, .alerts, .bread-crumbs, .pagenatin, .appearance, .distracted {
	padding: 2em 0;
}
.breadcrumb {
	margin-bottom: 0em !important;
}
.table {
	margin-bottom: 0;
}
.b4,.b5,.b6 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.bs-example h1, .bs-example hh2, .bs-example h3, .bs-example h4, .bs-example h5, .bs-example h6 {
  margin: 0 0 10px;
}
/*--gallery-Part-Here --*/
.gallery{
	padding:3em 0;
}
.gallery-bottom{
	margin-top:2em;
}
.gallery-left img{
	width:100%;
}
.gallery-left:hover img {
  -webkit-filter: grayscale(100%);
  opacity:8;
  transition: all 300ms!important;
  -webkit-transition: all 300ms!important;
  -moz-transition: all 300ms!important;
}
.gallery-left{
	position: relative;
}
.gallery-grid img{
	width:100%;
}
.gallery-grid:hover img {
  -webkit-filter: grayscale(100%);
  opacity:8;
  transition: all 300ms!important;
  -webkit-transition: all 300ms!important;
  -moz-transition: all 300ms!important;
}
.gallery-grid{
	position: relative;
}
.gallery-1{
	margin-top:25px;
}
.gallery-1:nth-child(1){
	margin-top:0;
}
/*--gallery-Part-Ends-Here --*/
/*-- specialty --*/
.specialty{
   padding: 6em 0 5em;
}
.specialty-info h3{
	font-family: "Microsoft YaHei","微软雅黑";
	color: #444444;
  font-size: 40px;
  font-weight: 300;
  margin: 0;
}
.specialty-info h5 {
  color: #969696;
  font-size: 14px;
  margin: 1em 0;
  line-height: 1.8em;
}
.specialty-info h5 span{
	display:block;
}
.specialty-info p {
  color: #333333;
  font-size: 14px;
  margin: 3em 0 0 0;
  line-height: 1.8em;
}
.specialty-info p  span{
  display: block;
  margin-top: 2em;
}
.see-button a {
  background: #E42313;
  padding: 10px 16px;
  border: none;
  border-radius:0;
}
.service-box {
background: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 40px 0;
  overflow: visible;
  text-align: center;
}
.service-box:hover{
		background:#fff;
		transition: .5s all;
		-webkit-transition: .5s all;
		-o-transition: .5s all;
		-ms-transition: .5s all;
		-moz-transition: .5s all;
	}
.service-box .icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
   background: #444444;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}
.service-box .icon img {
  position: relative;
  z-index: 100;
  transition: all 0.3s ease 0s;
}
a.btn.btn-primary.btn-lg.see-button.hvr-shutter-out-horizontal {
  background: #3F3C35;
}
.service-box .icon:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #E42313;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0s;
}
.service-box:hover .icon img {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.service-box:hover .icon:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.service-box h5 a{
	font-family: "Microsoft YaHei","微软雅黑";
    color: #504f50;
  font-size: 20px;
  font-weight: 600;
  line-height: 2.8em;
}
.service-box h5 a:hover{	
    color: #ff0000;
  
}
.service-box p{
color: #504f50;
  font-size: 14px;
  margin: 0;
  line-height: 2.0em;
  font-weight: 400;
}
.specialty-grids-top:nth-child(2) {
  margin-top: 4em;
}
.specialty-button{
	margin-top:1.5em;
}
/*-- contact-us --*/
.contact-us{
	padding:40px 0;
	background:#f4f4f4;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
	}
.contact-info  h2{
	margin: 0;
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	color: #504f50;
	}
.contact-info  p{
	margin: 18px auto 38px auto;
	font-size:14px;
	text-align:center;
	color:#a8a8a8;
	width:80%;
	}
.contact-left h2{
	margin: 0;
	font-size: 22px;
	font-weight: 600;
	color: #504f50;
	padding-bottom:10px;
	}
.contact-left p{
	margin:0;
	font-size:14px;
	padding: 18px 0;
	color:#a8a8a8;
	}
.contact-left h3{
	margin: 0;
	padding-bottom:12px;
	font-size: 20px;
	font-weight: 600;
	color: #504f50;
	}
.contact-left ul{
	padding:0;
	margin:0;
	}
.contact-left ul li{
	list-style-type:none;
	display:block;
	color:#a8a8a8;
	font-size:14px;
	line-height:2.8em;
	}
.contact-right input[type="text"]{
	width:47%;
	color:#c9c9c9;
	margin:0 19px 10px 0;
	padding:10px;
	outline:none;
	border:1px solid #e8e8e8;
	}

.contact-right textarea{
	width:96%;
	color:#c9c9c9;
	resize:none;
	height:42px;
	padding:10px;
	margin-bottom:10px;
	outline:none;
	border:1px solid #e8e8e8;
	}
textarea.text {
	height: 120px;
	}
.contact-right input[type=submit] {
	color: white;
	padding: 13px 43px;
	font-size: 16px;
	outline: none;
	cursor: pointer;
	margin-left: 0em;
	background: #3E4293;
	font-weight: 700;
	border-radius: 4px;
	border: none;
	}
.contact-right input[type=submit]:hover {
	background: #717071;
	color:#ffffff;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;	
	}

	
/*-- footer --*/
.footer_1{
	background:#3B4074;
	padding:18px 0;
	}
.footer_1 p{
	color:#ffffff;
	font-size:14px;
	margin:0;
	text-align:center;
	}
.footer{
	background:#3E4293;
	padding:58px 0;
	}
.footer p{
	color:#ffffff;
	font-size:14px;
	margin:0;
	text-align:center;
	}
.footer p a{
	color:#ffffff;
	font-size:14px;
	}
.footer p a:hover{
	color:#717071;
	text-decoration:none;
	}
/*--footer--*/

.ftr_navi ul li{
	display:block;
	color: #ffffff;
	padding:5px 0;
	font-size: .95em;
}
.ftr_navi ul li a{
	display:block;
	color: #ffffff;
	font-size: .95em;
}
.ftr_navi ul li a:hover,.get_in_touch a:hover,.ftr-logo p a:hover{
	text-decoration:none;
	color:#bfbfbf;
}
.ftr_navi p{
	float:left;
	line-height:25px;
}
.ftr-logo p{
	margin-top:1em;
	color: #848484;
	line-height:1.8em;
	  font-size: 0.95em;
}
.ftr-logo p a{
	color: #848484;
}
.copywrite{
	float:left;
}
.ftr{
	margin-top:0em;
	padding:0;
}
.ftr_navi.ftr ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ftr-logo {
  margin-top: 1.5em;text-align:center;
}
.get_in_touch h3,.ftr_navi h3{
	
	  
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 1em;
    color: #fff;
}
.get_in_touch p {
  color: #848484;
  font-size: .95em;
    padding: 0px 0;
}
.get_in_touch a {
  color: #848484;
  font-size: 0.9em;
  text-decoration: none;
}
ul.social-icons li{
	display:inline-block;
}
ul.social-icons li a span{
	height: 32px;
	width: 32px;
	background: url("../images/img-sprite.png")-12px -52px;
	display: inline-block;
	margin:0 0.4em 0 0;
}
ul.social-icons li.twitter a span{
	background-position: -92px -52px;
}
ul.social-icons li.gmail a span{
	background-position: -177px -52px;
}
ul.social-icons li.print a span{
	background-position: -265px -52px;
}
ul.social-icons li a span:hover{
	background-position: -52px -52px;
}
ul.social-icons li.twitter a span:hover{
	background-position: -136px -52px;
}
ul.social-icons li.gmail a span:hover{
	background-position: -221px -52px;
}
ul.social-icons li.print a span:hover{
	background-position: -306px -52px;
}
ul.social li.mail a:hover{
	color:#000;
}
/*--responsive--*/
@media (max-width: 1680px){
.banner-info {
  left:15%;
}
}
@media (max-width: 1600px){
.banner-info {
  left:13%;
}
}
@media (max-width: 1440px){
.banner-info {
  left: 9%;
}
.caption {
  margin-top: 17em;
}
.caption p {
  width: 66%;
}
}
@media (max-width: 1366px){
.banner-info {
  left: 7%;
}
}
@media (max-width: 1280px){
.banner-info {
  left: 3%;
}
.banner1,.banner3 {
  min-height: 601px;
}
.banner2 {
  min-height: 601px;
}
.caption p {
  width: 78%;
}
.banner-sec {
  min-height: 108px;
}
}
@media (max-width: 1080px){
.headr-left {
  float: left;
  width: 64%;
}
.search {
  margin-left:8em;
}
.banner-info {
  left: 0.5%;
  width: 100%;
}
.nbs-flexisel-item {
  width: 265px!important;
}
}
@media (max-width: 1024px){
.banner-info {
  left: 3%;
}
.headr-left {
  width: 60%;
}
.details ul li:nth-child(1) {
  margin-right: 2em;
}
.search {
  width: 40%;
  margin-left: 5em;
}
.caption {
  margin-top: 13em;
}
.caption h3 {
  font-size: 2.4em;
}
.caption p {
  width: 78%;
  font-size: 0.85em;
}
.banner1, .banner3,.banner2 {
  min-height: 510px;
}
.nbs-flexisel-item {
  padding: 0px 12px;
  width: 237px!important;
}
.sub-text a {
  font-size: 1em;
}
.sub-text p,.poster-info p,.poster-info-js p ,.x-box-left p,.abt-info-pic p,.team-grid p{
  font-size: 0.85em;
}
.poster-info {
  width: 76%;
}
.poster-info-js {
  width: 76%;
}
.poster {
  min-height: 361px;
}
.poster_1 {
  min-height: 361px;
}
.x-box-left h2 {
  font-size: 3.2em;
}
.x-box-left h3 {
  font-size: 1.6em;
}
.poster-info a{
	font-size:0.82em;
}
.poster-info-js a{
	font-size:0.82em;
}
.x-box-left a {
  padding: 0.6em 1.5em;
  font-size: 0.9em;
}
.banner-sec {
  min-height: 108px;
}
.abt-info-pic h3 {
  font-size: 1.6em;
}
.abt-info-pic ul {
  margin-top: 0.8em;
}
.abt-info-pic li {
  margin: 0 0 7px 19px;
}
.testimonal-grid {
  width: 31.2%;
}
.testi-info p{
	font-size:0.8em;
}
.testi-info h4 {
  font-size: 1.15em;
}
.testi-info a {
  font-size: 0.65em;
}
.team-grid h4 {
  font-size: 1.15em;
}
.col-1 h4 {
  font-size: 1.05em;
}
.col-1 p{
	font-size:0.8em;
}
.posts-left {
  width: 50%;
}
.posts-right {
  width: 45%;
}
.posts-right p{
	font-size:0.8em;
}
.comment-icons ul li {
  margin: 0 7px;
}
.caption {
  margin-top: 9em;
}
}
@media (max-width: 991px){
.banner-info {
  left: 0%;
  width:100%;
}
.details ul li:nth-child(1) {
  margin-right: 1em;
}
.social i {
  background-size: 174px;
  width: 28px;
  height: 28px;
  margin: 0 3px;
}
a i.facebook {
  background-position: -3px -5px;
}
a i.twitter {
  background-position: -36px -5px;
}
a i.gplus {
  background-position: -72px -5px;
}
a i.pin {
  background-position: -105px -4px;
}
a i.youtube {
  background-position: -140px -5px;
}
.headr-left {
  width: 55%;
}
.details ul li a {
  font-size: 0.8em;
}
.details ul li:nth-child(1) {
  margin-right: 0em;
}
.search {
  margin-left: 1em;
}
.top-menu ul li a {
  padding: 0.5em 0.8em;
  font-size: 1em;
}
.logo h1{
	font-size:2em;
}
.top-menu {
  float: right;
  width: 54%;
}
.caption h3 {
  font-size:1.85em;
}
.banner1, .banner3,.banner2 {
  min-height: 412px;
}
.callbacks_tabs a:after {
  height: 12px;
  width: 12px;
}
ul.callbacks_tabs.callbacks1_tabs {
  bottom: 23px;
}
.nbs-flexisel-item {
  padding: 0px 12px;
  width: 223px!important;
}
.sub-text {
  width: 80%;
}
.sub-img {
  width: 20%;
}
.trailer-text,.abt-info-pic {
  padding: 0;
}
.abt-info-pic {
  margin-top: 0em;
  float: left;
  width: 54%;
}
.testimonal-grid {
  width: 31%;
  float: left;
}
.sed-md {
  width: 33.3%;
  float: left;
}
.col-1 img{
	width:100%;
}
.port-img1 img{
	max-width:100%;
	}
.gallery-grid {
  width: 25%;
  float: left;
}
.bnr2 {
  min-height: 99px;
}
.caption {
 margin-top:10em;
}
.top-games h3, .latest-games h3 {
  font-size: 2em;
}
.sub-img {
  width: 20%;
  padding-left:0;
}
.trailer-text{
	padding-left:0;
}
.sub-text {
  width: 80%;
}
.trailer{
	padding:0;
	margin-top:2em;
}
.latest {
  padding-bottom: 3em;
}
.poster-info h3 {
  font-size: 1.8em;
}
.poster-info {
  margin-top: 3em;
  width: 87%;
}
.poster-info-js h3 {
  font-size: 1.8em;
}
.poster-info-js {
  margin-top: 3em;
  width: 87%;
}
.poster {
  min-height: 326px;
}
.poster_1 {
  min-height: 326px;
}
.x-box-left h2 {
  font-size: 2.5em;
}
.x-box-left{
	padding:0;
}
.x-box {
  padding: 2em 0 3em;
}
.x-box-left h3 {
  font-size: 1.4em;
}
.x-box-left a {
  padding: 0.8em 1.5em;
  font-size: 0.8em;
}
.x-box-right img{
  width: 50%;
  margin: 0 auto;
}
.ftr-info,.ftr-grid{
	padding:0;
	margin-bottom:1em;
}
.banner-sec{
	min-height:100px;
}
.about h2, .review h2, h2.top, .gallery h2, .contact h2 {
  font-size: 2em;
}
.about h4{
  font-size: 18px;
}
.abt-pic {
  width: 46%;
  float: left;
}
.abt-info-pic h3 {
  font-size: 1.25em;
  line-height: 1.2em;
}
.abt-info-pic ul {
  margin-top: 2em;
}
.testimonals h3, .team h3 {
  font-size: 1.5em;
}
.team-grid h4 {
  font-size: 0.95em;
}
.team-grid p{
	font-size:0.82em;
}
.sed-md {
  width: 33.3%;
  float: left;
}
.col-1 h4 {
  font-size: 1em;
}
p.snglp,.blog-info p{
	font-size:0.82em;
}
.comment-icons {
  margin: 2em 0;
}
.recent-posts h4, .category h4, .coment-form h4, .response h4 {
  font-size: 1.4em;
}
.single-page-right {
  padding: 0;
  margin-top:2em;
 }
.coment-form input[type="submit"] {
  padding: 8px 33px;
  font-size: 0.85em;
}
.posts-left {
  width: 17%;
}
.posts-right {
  width: 80%;
}
.blog {
  padding: 3em 0 0;
}
.contact-left,.contact-right{
	padding:0;
}
}
@media (max-width: 990px){
.headr-left {
  width: 57%;
}
.search {
  margin-left: 4em;
}
.banner-info {
  left: 1%;
}
}
@media (max-width: 800px){
.top-menu {
  float: right;
  width: 60%;
}
.banner-info {
  left: 0%;
}
.nbs-flexisel-item {
  padding: 0px 12px;
  width: 246px!important;
}
}
@media (max-width: 768px){
.banner-info {
  left: 0%;
}
.top-menu {
  width: 62%;
}
.details ul li:nth-child(1) {
  margin-right: 1em;
}
.social i {
  background-size: 174px;
  width: 28px;
  height: 28px;
  margin: 0 3px;
}
a i.facebook {
  background-position: -3px -5px;
}
a i.twitter {
  background-position: -36px -5px;
}
a i.gplus {
  background-position: -72px -5px;
}
a i.pin {
  background-position: -105px -4px;
}
a i.youtube {
  background-position: -140px -5px;
}
.headr-left {
  width: 55%;
}
.details ul li a {
  font-size: 0.8em;
}
.details ul li:nth-child(1) {
  margin-right: 0em;
}
.search {
  margin-left: 1em;
}
.top-menu ul li a {
  padding: 0.5em 0.8em;
  font-size: 1em;
}
.logo h1{
	font-size:2em;
}
.caption h3 {
  font-size:1.85em;
}
.banner1, .banner3,.banner2 {
  min-height: 412px;
}
.callbacks_tabs a:after {
  height: 12px;
  width: 12px;
}
ul.callbacks_tabs.callbacks1_tabs {
  bottom: 23px;
}
.nbs-flexisel-item {
  padding: 0px 12px;
  width: 242px!important;
}
.bnr2 {
  min-height: 99px;
}
.caption {
 margin-top:10em;
}
.top-games h3, .latest-games h3 {
  font-size: 2em;
}
.sub-img {
  width: 20%;
  padding-left:0;
}
.trailer-text{
	padding-left:0;
}
.sub-text {
  width: 80%;
}
.trailer{
	padding:0;
	margin-top:2em;
}
.latest {
  padding-bottom: 3em;
}
.poster-info h3 {
  font-size: 1.8em;
}
.poster-info {
  margin-top: 3em;
  width: 87%;
}
.poster-info-js h3 {
  font-size: 1.8em;
}
.poster-info-js {
  margin-top: 3em;
  width: 87%;
}
.poster {
  min-height: 326px;
}
.poster_1 {
  min-height: 326px;
}
.x-box-left h2 {
  font-size: 2.5em;
}
.x-box-left{
	padding:0;
}
.x-box {
  padding: 2em 0 3em;
}
.x-box-left h3 {
  font-size: 1.4em;
}
.x-box-left a {
  padding: 0.8em 1.5em;
  font-size: 0.8em;
}
.x-box-right img{
  width: 77%;
  margin: 0 auto;
}
.ftr-info,.ftr-grid{
	padding:0;
	margin-bottom:1em;
}
.banner-sec{
	min-height:100px;
}
.about h2, .review h2, h2.top, .gallery h2, .contact h2 {
  font-size: 2em;
}
.abt-pic {
  width: 46%;
  float: left;
}
.abt-info-pic h3 {
  font-size: 1.25em;
  line-height: 1.2em;
}
.abt-info-pic ul {
  margin-top: 2em;
}
.testimonal-grid {
  width: 30.55%;
  float: left;
}
.testimonals h3, .team h3 {
  font-size: 1.5em;
}
.team-grid h4 {
  font-size: 0.95em;
}
.team-grid p{
	font-size:0.82em;
}
.sed-md {
  width: 33.3%;
  float: left;
}
.col-1 h4 {
  font-size: 1em;
}
p.snglp,.blog-info p{
	font-size:0.82em;
}
.comment-icons {
  margin: 2em 0;
}
.recent-posts h4, .category h4, .coment-form h4, .response h4 {
  font-size: 1.4em;
}
.single-page-right {
  padding: 0;
  margin-top:2em;
 }
.coment-form input[type="submit"] {
  padding: 8px 33px;
  font-size: 0.85em;
}
.posts-left {
  width: 17%;
}
.posts-right {
  width: 80%;
}
.blog-left b {
  font-size: 3em;
}
.blog-left {
  width: 12%;
}
.blog {
  padding: 3em 0 0;
}.top-blog {
  width: 100%;
}
.gallery-grid {
  width: 25%;
  float: left;
}
.contact-left,.contact-right{
	padding:0;
}
}
@media (max-width: 736px){
.headr-left {
  width: 53%;
}
.banner-info {
  left: 0%;
  width: 100%;
}
}
@media (max-width: 667px){
.headr-left {
  width: 48%;
}
.banner-info {
  top: 114px;
}
.caption h3 {
  font-size: 1.7em;
}
.nbs-flexisel-item {
  padding: 0px 12px;
  width: 209px!important;
}
.game-grid p {
  font-size: 0.8em;
}
}
@media (max-width: 640px){
.banner-info {
  width: 100%;
  top: 116px;
}
span.menu {
	  display: block;	  
	  cursor: pointer;
	  color: #FFFFFF;
	  font-size: 1.3em;
	  position: relative;
	  float: right;
	    margin-top: 10px;
		width: 32px;
  height: 21px;
		background:url(../images/menu.png) no-repeat 0px 0px;
}
.top-menu {	  
	  width:70%;
}
ul.nav1 {
		display: none;
}
.top-menu ul {
		padding: 0px 0 5px 0;
  margin: 0 auto;
  z-index: 9999;
  position: absolute;
  width: 100%;
  left: 0;
  margin-top:2.5em;
  background: #69d2e8;
}
.top-menu ul.nav1 li.active{
	background:#f43c60;
	color:#fff;
}
.top-menu ul li.active a, .top-menu ul li a:hover {
  color: #FFFFFF;
}
.top-menu ul.nav1 li:hover{
	background:#f43c60;
	color:#fff;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.top-menu ul.nav1 li {
	  display: block;
	  text-align: center;
	  border-bottom: 1px ridge rgba(255, 255, 255, 0.28);
	  margin: 0;
	  width: 100%;
}
.top-menu ul li a.active {
	  color: rgba(21, 132, 113, 0.65) !important;
	}	
.top-menu ul li a {
   padding: .5em 0;
	  display:block;
	  float: none;
	  
}
.rslides {
  z-index: 0;
}
ul.callbacks_tabs.callbacks1_tabs {
  z-index: 0;
  bottom: 23px;
  left: 43%;
}
.caption {
  margin-top:9em;
}	
.headr-left {
  width: 46%;
}
.search {
  margin-left: 13em;
    width: 100%;
}
.caption h3 {
  font-size: 1.6em;
}
.caption p {
  width: 91%;
  font-size: 0.8em;
}
.banner1, .banner3, .banner2 {
  min-height: 351px;
  padding-bottom: 4em;
}
.nbs-flexisel-item {
  padding: 0px 12px;
  width: 299px!important;
}
.top-game-grids {
  margin-top: 2em;
}
.game-grid h4 {
  font-size: 1.15em;
}
.game-grid p {
  font-size: 0.8em;
}
.content {
  padding: 3em 0;
}
.top-games h3, .latest-games h3 {
  font-size: 1.75em;
}
.sub-text a {
  font-size: 0.95em;
}
.sub-text {
  padding:0;
}
.banner-sec {
  min-height: 100px;
}
.testimonals {
  margin-top: 2em;
}
.testimonal-grid {
  width: 29.95%;
}
.about h2, .review h2, h2.top, .gallery h2, .contact h2 {
  font-size: 1.75em;
}
.about {
  padding: 2em 0;
}
.abt-info-pic h3 {
  font-size: 1.12em;
}
.abt-pic {
  width: 44%;
}
.sub-text p, .poster-info p, .poster-info-js p, .x-box-left p, .abt-info-pic p, .team-grid p {
  font-size: 0.8em;
}
.abt-info-pic ul {
  margin-top: 1em;
}
.abt-info-pic li {
  font-size: 0.8em;
}
.ftr-info p {
  font-size: 0.8em;
  margin-top: 0em;
}
.ftr-grid h3, .ftr-info h3 {
  font-size: 1.3em;
  margin-bottom: 0.5em;
}
.ftr-info {
  width: 50%;
  float: left;
  padding-right: 3em;
}
.ftr-grid {
  width: 50%;
  float: left;
}
.review {
  padding: 2em 0 3em;
}
.col-1 h4 {
  font-size: 0.9em;
}
.review-md1 {
  padding: 2em 0 0;
}
.gallery {
  padding: 2em 0;
}
.contact form input[type="text"], .contact-right textarea {
  padding: 8px 12px;
  font-size: 0.85em;
}
.contact {
  padding: 2em 0;
}
.locations {
  margin-top: 2em;
}
.address-info p {
  font-size: 0.8em;
}
.address h3 {
  font-size: 1.5em;
}
.coment-form input[type="text"] {
  font-size: 0.8em;
  padding: 10px 10px;
}
.comment-icons ul li a {
  font-size: 12px;
}
.blog-info p {
  margin-top: 0em;
  font-size: 0.8em;
}
a.list-group-item {
  font-size: 0.85em;
}
}
@media (max-width: 600px){
.headr-left {
  width: 39%;
}
}
@media (max-width: 568px){
.headr-left {
  width: 38%;
}
.search {
  margin-left: 11em;
  width: 100%;
}
.top-menu {
  width: 60%;
}
}
@media(max-width:480px){
.banner-info {
  width: 100%;
  top: 102px;
}
span.menu {
  margin-top: 5px;  
}
.top-menu ul {
  margin-top: 2em;
}
.social i {
  margin: 0 0px;
}
.headr-left {
  width: 65%;
}
.headr-right {
  width: 35%;
}
.details ul li {
  padding: 0.3em 0em 0.3em 0em;
}
.glyphicon-earphone:before, .glyphicon-envelope:before {
  font-size: 14px;
  margin-right: 9px;
}
.search {
  margin-left: 0em;
  width: 80%;
}
.details ul li {
  padding: 0.1em 0em 0.3em 0em;
}
.details ul li{
  font-size: 0.8em;
}
.details ul li a {
  font-size: 0.95em;
}
.header {
  padding: 0.7em 0;
}
.search input[type="text"] {
  padding: 5px 10px 0px 0px;
    margin-left: 2.5em;
}
.logo h1 {
  font-size: 1.8em;
}
.top-menu {
  width: 65%;
}
.banner1, .banner3, .banner2 {
  min-height: 300px;
}
.caption {
  margin-top: 7em;
}
.caption h3 {
  font-size: 1.2em;
}
.caption p {
  width: 91%;
  font-size: 0.7em;
  line-height: 1.6em;
}
.caption {
  top: 35%;
}
.nbs-flexisel-item {
  padding: 0px 12px;
  width: 216px!important;
}
.trailer iframe {
  height: 256px;
}
.latest-top {
  margin-top: 2em;
}
.poster-info h3 {
  font-size: 1.3em;
}
.poster-info-js h3 {
  font-size: 1.3em;
}
.x-box-left h2 {
  font-size: 2em;
}
.x-box-left h3 {
  font-size: 1.1em;
}
.abt-pic {
  width: 100%;
  padding: 0;
}
.abt-info-pic {
  padding: 0;
  float: left;
  width: 100%;
  margin-top: 1em;
}
.testimonal-grid {
  width: 100%;
}
.testimonal-grid {
  margin: 0 0 0 0px;
}
.testimonal-grid:nth-child(2){
	margin:1em 0;
}
.testi-info p {
  padding: 20px 19px 20px 19px;
}
.grid_4 {
  width: 47%;
  margin: 0 3% 3% 0;
}
.team {
  margin-top: 2em;
}
.sed-md {
  width: 100%;
  margin-bottom:1.5em;
}
.col-1 img{
	width:100%;
}
.port-img1 img{
	max-width:100%;
	}
.gallery-grid {
  width: 50%;
  margin-bottom:1.5em;
}
.gallery-1 {
  margin-top: 0px;
}
.locations ul {
	margin-bottom:1.5em;
  width: 100%;
}
.contact-map iframe {
  min-height: 236px;
}
.contact {
  padding: 2em 0 1em 0;
}
.locations {
  margin-top: 1.5em;
}
.address h3 {
  font-size: 1.4em;
}
.address-info h4 {
  font-size: 0.95em;
}
.blog-info p {
  margin-top: 1em;
}
.posts-left {
  width: 25%;
}
.posts-right label {
  font-size: 0.9em;
}
.posts-right {
  width: 70%;
}
.posts-right h5 a {
  font-size: 0.9em;
}
.recent-posts-info {
  margin-bottom: 2em;
}
.blog {
  padding: 2em 0 0;
}
.blog-left b {
  font-size: 2em;
    height: 36px;
}
.blog-left span {
  font-size: 1.2em;
}
.top-blog a.fast {
  font-size: 1em;
}
}
@media (max-width: 414px){
.headr-left {
  width: 53%;
}
.headr-right {
  width: 46%;
}
.top-menu {
  width: 57%;
}
.caption h3 {
  font-size: 1em;
}
.nbs-flexisel-item {
  padding: 0px 12px;
  width: 186px!important;
}
}
@media (max-width: 375px){
.top-menu {
  width: 52%;
}
.nbs-flexisel-item {
  padding: 0px 12px;
  width: 164px!important;
}
}
@media (max-width: 384px){
.top-menu {
  width: 54%;
}
.nbs-flexisel-item {
  padding: 0px 12px;
  width: 171px!important;
}
}
@media(max-width:320px){
.logo h1 {
  font-size: 1.1em;
}
.top-grid {
  width: 90%;
}
.top-grid:nth-child(2) {
  display:none;
}
.top-grids {
  top: -13px;
    left: 4%;
}
.top-nav {
  padding: 0.4em 0.8em 0;
}
a.read {
  background: #DC483A url("../images/ar1.png") no-repeat 181px 0px;
  background-size: 30px;
  font-size: 1em;
  padding: 0.3em 1em;
  height:30px;
}
a.read:hover {
  background: #DC483A url("../images/ar1.png") no-repeat 181px 0px;
}
.header-top {
  margin-top: 0em;
}
.middle-grid {
  margin: 13em 0 0;
  padding: 1.5em 0em 0;
}
.grid-middle h3 {
  font-size: 1.5em;
}
.grid-middle {
  padding: 0em 0em 1em;
}
a.more {
  background: #DC483A url("../images/ar1.png") no-repeat 94px 0px;
  background-size: 30px;
  font-size: 1em;
  padding: 0.3em 1em;
  height:30px;
    width: 46%;
}
a.more:hover {
  background: #303030 url("../images/ar.png") no-repeat 94px 0px;
	 background-size: 30px;
  }
p.sed{
	display:none;
}
.grid-middle span {
  font-size: 1em;
    padding: 0 0 0.5em;
}
.grid-middle ul li a {
  font-size: 1em;
}
.news {
  width: 27%;
}
.news-in {
  width: 69%;
}
.grid-middle label {
  font-size: 1em;
}
.bottom-grid h3 {
  font-size: 1.5em;
  padding: 0 0em 0.5em;
}
.bottom-grids {
  padding: 0 0em 0.7em;
}
.bottom-grids p {
  font-size: 1em;
}
.possible-about {
  padding: 0;
}
.possible-about h4 {
  font-size: 1.2em;
  padding: 0 0 0.5em;
}
.bottom-grid {
  padding: 0em 0 1.5em;
}
.amet-sed {
  padding: 0 0em 1em;
}
.footer {
  padding: 1.5em 0;
}
.amet-sed h4 {
  font-size: 1.5em;
}
.amet-sed p ,.amet-medium p{
  font-size: 1em;
}
.about-grid{
	padding:0 0 1em;
}
.col-md-5,.contact-left,.col-md-9,.col-md-3.categories-grid{
	padding:0;
}
.about-grid h6 {
  font-size: 1.1em;
}
.about-grid p {
  height: 50px;
 font-size:1em;
}
.about-bottom {
  padding: 0.8em 0 1em;
}
.banner {
  min-height: 87px;
}
.four h3 {
  font-size: 5em;
}
.four p {
  font-size: 1em;
}
.four {
  padding: 6em 0 7em 0;
  min-height: 350px;
}
.product, .blog, .contact {
  padding: 1.5em 0;
}
.about h2, .product h2, .blog h2, .contact h2 {
  font-size: 1.7em;
}
.contact-left input[type="text"], .contact-left textarea,
.table-form form input[type="text"], .table-form textarea {
  padding: 7px;
}
.contact-left textarea ,.table-form textarea{
  height: 100px;
}
.contact-right{
	padding:1em 0 0;
}
.contact-left input[type="submit"],.table-form input[type="submit"] {
  padding: 0.2em 0.8em;
  width: 42.8%;
  height: 30px;
  background-size: 30px;
}
.contact-left input[type="submit"]:hover,.table-form input[type="submit"]:hover {
  background-size: 30px;
}
.contact-right h5 {
  font-size: 1em;
}
.contact-right p {
  font-size: 1em;
}
.map iframe {
  height: 110px;
}
.blog-grid {
  padding: 1em 0 0;
}
.blog-left {
  width: 17%;
}
.top-blog {
  width: 100%;
}
.top-blog a.fast {
  font-size: 0.7em;
  line-height: 1.5em;
}
.top-blog p {
  font-size: 1em;
}
p.to-blog {
  display: none;
}
a.more-in {
  width: 60%;
}
ul.popular li a {
  font-size: 1em;
}
.categories-grid h4,.single-profile h4 ,.leave-comment h3{
  font-size: 1.3em;
}
ul.start li a, ul.start li span {
  font-size: 0.7em;
}
ul.start {
  padding: 1em 0 1em;
}
.single-left {
  padding: 1em 0 0;
}
.post-top h6{
	font-size:1.2em;
}
.footer-class {
  margin: 0.5em 0 0;
}
.top-nav ul li {
  padding:0; 
}
.top-nav ul li a{
 font-size:1em; 
}
.top-nav ul {
  margin: 1em 0em;
}
}