 @font-face {
font-family: Kingthings_Xstitch;
src: url(../font/Kingthings_Xstitch.ttf);
font-weight:bold;
}
* {
	margin:0;
	padding:0;
}
.fl {
	float:left;
	line-height:20px;
	color:#333;
}
.fl a {
	color:#333;
	text-decoration:none;
}
.clear {
	clear:both;
}
body {
	height:100%;
	color:#333;
	font-family:"Ubuntu", sans-serif, Helvetica, Arial, sans-serif;
	font-size:13px;
}
img {
	border:none;
	max-width:100%;
	height:auto
}
/*#main{
	width:990px;
	margin:0px auto;
	position:relative;
	width:100%;	
	background-color: #232323;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
	
	}*/
	
	#main1 {
	height: 110px;
	position:relative;
	width:100%;
	margin:0px auto;
	max-width:1000px;/*min-width:980px;*/
	
}
#supersized-loader {
	position:absolute;
	top:50%;
	left:50%;
	z-index:0;
	width:60px;
	height:60px;
	margin:-30px 0 0 -30px;
	text-indent:-999em;
	background:url(../img/progress.gif) no-repeat center center;
}
#supersized {
	display:block;
	position:fixed;
	left:0;
	top:0;
	overflow:hidden;
	z-index:-999;
	height:100%;
	width:100%;
}
#supersized img {
	width:auto;
	height:auto;
	position:relative;
	display:none;
	outline:none;
	border:none;
}
#supersized.speed img {
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}	/*Speed*/
#supersized.quality img {
	-ms-interpolation-mode:bicubic;
	image-rendering: optimizeQuality;
}			/*Quality*/
#supersized li {
	display:block;
	list-style:none;
	z-index:-30;
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#111;
}
#supersized a {
	width:100%;
	height:100%;
	display:block;
}
#supersized li.prevslide {
	z-index:-20;
}
#supersized li.activeslide {
	z-index:-10;
}
#supersized li.image-loading {
	background:#111 url(../img/progress.gif) no-repeat center center;
	width:100%;
	height:100%;
}
#supersized li.image-loading img {
	visibility:hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img {
	display:inline;
}
ul#logo {
	margin: 0px 0px 0px 5px;
	width:210px;
	float:left;
}
ul#logo li {
	margin:5px 0 0px 0;
	padding:0px;
	display:inline;
	float:left;
	clear:both;
	color:#aaa; /*background:url('../img/bg-black.png'*/
	font:11px Helvetica, Arial, sans-serif;
}
ul#logo li a {
	color:#eee;
	font-weight:bold;
}
.icon {
	width:320px;
	float:right;
	padding:0px;
	margin:0px;
}
.icon ul {
	list-style-type:none;
	margin-top:40px;
}
.icon ul li {
	display:inline;
	padding:3px
}
.topnav {
	float:left;
	margin:8px 20px 0px 0px;
	padding:0px;
}
.topnav ul {
	list-style-type:none;
}
.topnav ul li:hover > a, .topnav ul li.active > a {
	color: #ffbd31;
}
.topnav ul li {
	display:inline;
	padding:7px;
	background:#fff;
	border-radius:3px;
	
}
.topnav ul li a {
	color:#333;
	text-decoration:none;
	  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
  text-transform: uppercase;
}
.footer {
	width:420px;
	margin:0px;
	padding:0px;
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#fff;
}
/*.content{
	top:520px;
	bottom:0px;
	width:98%;
	position:absolute;
	

}*/

.main-content {
	position:relative;
	overflow:hidden;
	bottom:0px;
	width:100%;
	background:#fff;
	margin:15px auto 0px auto;
	z-index:99;
}
.nav-left {
	width:22%;
	padding:0px;
	margin:10px 0px 0px 0px;
	float:left;
	background:url(../images/leftPanbg.gif) right no-repeat;
}
.nav-left ul {
	
	margin:0;
	padding:0;
}
.nav-left ul li {
	margin-left:20px;
	padding:8px 8px 8px 0px;
	border-bottom:1px dotted #CCCCCC;
	list-style-image:url(../images/bullet.gif);
	line-height:15px;
	
}
.nav-left ul li a {
	color:#333;
	text-decoration:none;
}
.nav-left ul li a:hover {
	color:#ffaf04;
}
.nav-left ul li.active {
	color:#ffaf04;
}
.nav-left ul li img {
	margin-right:5px;
}
.nav-left h3 {
	font-size:18px;
	padding:8px 0px 8px 10px;
	margin:0;
	font-weight:normal;
	background:#eff0f0;
}
.content-right {
	width:76%;
	margin:10px 8px 0px 0px;
	padding:0;
	float:right;
}
.content-right h3 {
	font-size:18px;
	padding:8px;
	margin:0;
	font-weight:normal;
	background:#eff0f0;
}
.content-right p {
	line-height:22px;
	padding-top:10px;
	text-align:justify;
}
.content-right p a {
	text-decoration:none;
	color:#ffbd31;
}
.equipment h4 {
	font-size:15px;
	padding:5px;
	margin:0px 0px 5px 0px;
	font-weight:500;
	color:#f6aa00;
}
.equipment {
	padding:10px;
	margin:10px 15px 15px 0px;
	float:left;
	background:#f4f5f8;
	width:94%;
}
.equipmentbox {
	width:45%;
	padding:10px;
	margin:0px 15px 15px 0px;
	float:left;
	background:#f4f5f8;
}
.equipmentbox h4 {
	font-size:15px;
	padding:5px;
	margin:0px 0px 5px 0px;
	font-weight:500;
	background:none;
	color:#f6aa00;
}
.content-right h5 {
	color:#fcae09;
	font-size:15px;
	margin-top:-12px;
	margin-bottom:-5px;
	line-height: 61px;
}
.content-right ul {
	list-style-type:none;
	margin-top:5px;
}
.content-right ul li {
	list-style-type:square;
	margin-left:22px;
	line-height:27px;
}
/*.content-right p strong {
	color:#444;
	font-weight:normal;
	font-size:15px;
}*/
.dis-img img {
	float:right;
	margin:15px 5px 5px 15px;
	padding:1px;
	border:1px solid #ccc;
}
.dis1-img img {
	float:right;
	margin:15px 5px 5px 15px;
	padding:3px;
	border:1px solid #ccc;
}
.foot {
	width:100%;
	text-align:center;
	padding:10px;
	margin:20px 0px 0px 0px;
	font-weight:normal;
	background:#eff0f0;
}
.foot p a {
	text-decoration:none;
	color:#333;
}
.content2 {
	position:relative;
	overflow:hidden;
	bottom:0px;
	width:100%;
	margin:0px auto;
	z-index:99;
	display:none;
}
.content-right2 {
	width:98%;
	margin:0px;
	padding:10px;
}
.content-right2 h3 {
	font-size:18px;
	padding:8px;
	margin:0;
	font-weight:normal;
	background:#eff0f0;
}
.content-right2 p {
	line-height:22px;
	padding:5px;
	text-align:justify;
}
.content-right2 p a {
	text-decoration:none;
	color:#ffbd31;
}
.content-right2 h5 {
	color:#ffbd31;
	font-size:15px;
	margin-top:20px;
	margin-bottom:-5px;
}
.content-right2 ul {
	list-style-type:none;
	margin-top:5px;
}
.content-right2 ul li {
	list-style-type:square;
	margin-left:22px;
	line-height:27px;
}
.content-right2 p strong {
	color:#444;
	font-weight:normal;
	font-size:15px;
}
.contact h3 {
	font-size:18px;
	padding:8px;
	margin-top:10px;
	font-weight:normal;
	background:#eff0f0;
}
.contact-left {
	width:30%;
	float:left;
	padding:0px;
	margin:0px;
}
.contact-right {
	margin:20px 20px 0px 0px;
	float:right;
	padding:0px;
	width:650px;
}
.home h4 {
	font-size:15px;
	padding:5px;
	margin:0px;
	font-weight:500;
	color:#f6aa00;
}
.home {
	padding:10px;
	margin:10px 15px 15px 0px;
	float:left;
	background:#f4f5f8;
	width:96%;
	border-radius:5px;
}
.homebox {
	width:45%;
	padding:10px;
	margin:0px 15px 15px 0px;
	float:left;
	background:#f4f5f8;
	border-radius:5px;
}
.homebox h4 {
	font-size:15px;
	padding:5px;
	margin:0px;
	font-weight:500;
	background:none;
	color:#f6aa00;
}


.address h4{
	font-size:16px;
	margin:0px 0px 8px 0px;
	padding:0px;


}
.address p{
	font-size:14px;
	margin:0px;
	padding:0px;
	line-height:20px;


}

.basic{
	width:100%;
	padding:0px;
	margin:0px;


}


.basic2{
	width:48%;
	padding:0px;
	margin:0px;
	float:left;


}


















 @media only screen and (min-width : 240px) and (max-width : 767px) {
 ul#logo {
 margin:0px;
 width:100%;
 float:left;
 text-align:center;
 padding:0px;
}
 ul#logo li {
 margin:0;
 padding:0px;
 display:inline;
 float:left;
 clear:both;
 color:#aaa; /*background:url('../img/bg-black.png'*/
 text-align:center;
 width:100%;
 font:11px Helvetica, Arial, sans-serif;
}
ul#logo li a {
 color:#eee;
 font-weight:bold;
 text-align:center;
}
.icon {
 width:100%;
 float:left;
 padding:0px;
 margin:0px;
 text-align:center;
 display:none;
}
 .icon ul {
 list-style-type:none;
 margin-top:0px;
}
 .icon ul li {
 display:inline;
 padding:0px
}
 #main1 {
 height: 85px;
 position:relative;
 width:98%;
 margin:0px auto;
}
 .footer {
 width:100%;
 margin:60px 0px 0px 0px;
 padding:0px;
 float:left;
 font-size:11px;
 font-weight:bold;
}
 .nav-left {
 width:100%;
 padding:0px;
 margin:10px 0px 0px 0px;
 background:url(../images/leftPanbg.gif) right no-repeat;
}
.content-right {
 width:100%;
 margin:0px;
 padding:0px;
}
 .content-right p {
 line-height:22px;
 padding:10px;
}
 .banner {
 height:110px;
}
.foot p {
 line-height:22px;
 text-align:center;
 padding:0px 10px 0px 10px;
}
 .content2 {
 width:100%;
 margin:0px auto;
 z-index:99999;
 display:block;
}
.box {
 padding:0px;
 margin-top:10px;
 background-color:#ffaf04;
 border-radius:5px;
 box-shadow:0 2px 5px #666;
 overflow:hidden;
 opacity:0.9;
}
.box a {
 text-decoration:none;
}
.box img {
 float:left;
 margin:5px;
 border-radius:5px;
}
 .box h4 {
 color:#fff;
 font-size:14px;
 margin:12px 0px 0px 0px;
 padding:0px;
}
.box p {
 color:#FFFFFF;
 font-size:12px;
}
.box p.more a {
 color:#FFFFFF;
 font-size:11px;
}
.box.box2 {
 background-color:#6dbd00;
 opacity:0.9;
}
 .box.box3 {
 background-color:#ff662a;
 opacity:0.9;
}
 .box.box4 {
 opacity:0.9;
background-color:#33b8f9;
}
 .box.box5 {
 background-color:#c639f4;
 opacity:0.9;
}
.equipment img {
 width:45%;
 height:100%;
}
 .equipmentbox img {
 width:45%;
 height:100%;
}
.content-right2 img {
 width:30%;
 height:100%;
}
 .home {
 width:92%;
 padding:10px;
 margin:0px 15px 15px 0px;
 float:left;
 background:#f4f5f8;
 border-radius:5px;
}
 .homebox {
 width:92%;
 padding:10px;
 margin:0px 15px 15px 0px;
 float:left;
 background:#f4f5f8;
 border-radius:5px;
}
 .equipmentbox {
 width:100%;
 padding:10px;
 margin:0px 10px 10px 0px;
 float:left;
 background:#f4f5f8;
}
 .contact-left {
 width:100%;
 padding:0px;
 margin:0px;
}
}


.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(250, 181, 26, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 30px;
  }
}
.thumbnails{margin-right:-27px;}
.thumbnails.group{ overflow:hidden; margin-bottom:30px;}
.thumbnails a{
	float:left;
	width:33%;

	

	margin-bottom:15px;
	padding-right:18px;
	box-sizing:border-box;
}
.thumbnails img{
	display:block;
	transition:all .2s ease-in-out;
}
.thumbnails:hover img{
	opacity:.6;
	transform:scale(.92);
}
.thumbnails img:hover{
	opacity:1;
	transform: scale(1) rotate(2deg);
	box-shadow:0 0 7px rgba(0,0,0,.5);
}
.section-title{ font-size: 18px;
    padding: 8px;
    margin: 0;
    font-weight: normal;
    background: #eff0f0
    
}