*{margin:0; padding:0;}
body{font-family:"Helvetica", sans-serif; }

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.eot');
  src: url('../fonts/Helvetica.woff') format('woff'),
       url('../fonts/Helvetica.ttf') format('truetype'),
       url('../fonts/Helvetica.svg#Helvetica') format('svg'),
       url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
.container{width:1024px; margin:0 auto; background:#fff;  -moz-box-shadow: 0 0 15px #888; -webkit-box-shadow: 0 0 15px#888; box-shadow: 0 0 15px #888;  border-radius: 0 0 10px 10px;}
.top-head{width:100%; background:#000; height:30px;}
/*--------------------------Social Media Icons--------------*/
.addthis_toolbox { float: right; padding-top:2px; position: relative;}
/*--------------------------Social Media Icons--------------*/
.home-h{width:100%; height:492px; background:url(../images/home-banner.jpg) no-repeat; position:relative;}
.product-p{width:100%; height:518px; background:url(../images/product-banner.jpg) no-repeat; position:relative;}
.tech-p{width:100%; height:518px; background:url(../images/tech-banner.jpg) no-repeat; position:relative;}
.contact-p{width:100%; height:144px; background:url(../images/contact-banner.jpg) no-repeat; position:relative;}

.media-btn{width:276px; margin-top:5px; float:right}
.media-btn1{width:127px;  height:30px; float:left}
.media-btn2{width:66px;  height:30px; float:left}
.media-btn3{width:82px;  height:30px; float:right}

.nav-top{width:100%; height:135px; position:relative;}
.logo{width:300px; height:101px; float:left; margin-top:35px; padding-left:20px;}
.navigation{width:703px; height:35px; float:right; margin-top:67px; position:relative;}

.nav-bar{width:692px; height:33px; font-size:16px; font-weight:bold; float:right; position:relative; background:url(../images/nav-bg.png) no-repeat;}
.nav-bar ul{margin:0px; padding:0px;}
.nav-bar li{list-style:none;}
.nav-bar li:first-child{margin-left:95px;}
.nav-bar li:first-child a{ border-left:none;}
.nav-bar li a{display:block; height:33px; line-height:33px; float:left; color:#fff; padding-right: 20px;  padding-left: 20px; border-left:1px solid #fff; text-align:center; text-decoration:none;}
.nav-bar li a:hover{background:url(../images/nav-bg.jpg)repeat-x; box-shadow: none;}

.h-h-text{position:absolute; font-size:12px; width:320px; height:60px;  bottom:105px; left:284px;}

.fade-img1{position:absolute; font-size:12px; width:650px; height:260px;  bottom:105px; left:0px; }

.img-box{width:280px; height:250px;float:left;}
.text-box {width:260px; height:40px; margin-top:22px;  float:right; }
.text-box p{ width:210px; height:auto; text-align:center; font-weight:bold; font-size:16px; font-style:italic; text-shadow: 0 0 1em #d3cdb1, 0 0 0.2em #d3cdb1,  0 0 1em #d3cdb1;}

.contant-1{clear:both; margin:20px auto; height:230px; width:940px; color:#fff; }
.contant-box{width:916px; background:#454545; color:#fff; padding:10px 30px; font-size:18px; border-radius:10px; margin-bottom:30px; margin-top:20px; box-sizing:border-box; font-weight:normal; }

.contant-box-1{width:435px; background:#fff; height:90px; color:#222; padding:16px; font-size:16px; 
				border-radius:10px; margin-bottom:40px;	float:left;
				 box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
				-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
				-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
				-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD; }
				
.contant-box-2{width:435px; background:#fff; height:90px; color:#222; padding:16px; 
				font-size:16px; border-radius:10px; margin-bottom:40px; float:right; 
				box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
				-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
				-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
				-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;}
				
.footer-top p{ margin-bottom: 0px;  font-size:14px;}
.footer-top{	width:100%;  color:#333; padding:10px 12px; font-size:13px; 
				border-radius:10px 10px 0px 0px;  box-sizing: border-box;  text-align:center;
				background: rgba(192,192,192,1);
				background: -moz-linear-gradient(top, rgba(192,192,192,1) 0%, rgba(240,240,240,1) 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(192,192,192,1)), color-stop(100%, rgba(240,240,240,1)));
				background: -webkit-linear-gradient(top, rgba(192,192,192,1) 0%, rgba(240,240,240,1) 100%);
				background: -o-linear-gradient(top, rgba(192,192,192,1) 0%, rgba(240,240,240,1) 100%);
				background: -ms-linear-gradient(top, rgba(192,192,192,1) 0%, rgba(240,240,240,1) 100%);
				background: linear-gradient(to bottom, rgba(192,192,192,1) 0%, rgba(240,240,240,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#f0f0f0', GradientType=0 );
				}

.footer-middle{	width:100%;  color:#fff; padding:10px 12px; font-size:13px; box-sizing: border-box;  background:#000;line-height:10px;	height:30px;}
.footer-middle	img{margin-top: -8px;}			
.footer-middle	aside{float:left; margin-left:10px; }			

.footer-bottom{	width:100%;	height:40px;color:#fff; padding:8px 12px; font-size:12px; 	border-radius:0px 0px 10px 10px;  box-sizing: border-box;  	text-align:center;	background: #2d3337;}	

.footer-bottom a{	width:100%;	color:#fff; padding:4px; font-size:12px; text-align:center;text-decoration:none;background:none;  box-shadow: none;}
				
.footer-bottom a:hover{	color:#ccc; text-decoration:none; background:none; box-shadow: none }			

.f-l{float:left;}
.f-r{float:right;}
.f-r a{background:none; box-shadow:none;}
.f-r a:hover{background:none;  box-shadow:none;}
.quick-click{position:absolute; z-index:600; top:180px; left:20px; }
.quick-click-p{position:absolute; z-index:600; bottom:126px; right:176px; }

.p-h-text{position:absolute; font-size:14px; width:320px; height:60px;  bottom:60px; right: 264px; color:#fff;}

.contant-p{clear:both; margin:0 auto; height:244px; width:983px; position:relative; color:#fff; background:url(../images/product-srip.png) no-repeat; }

.contant-box-p{width:435px; background:#fff; height:190px; color:#222; padding:16px; 
				font-size:16px; border-radius:10px; margin:0 auto;
				box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
				-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
				-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
				-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;}
				
.btn-p-1 a{ width:220px; color:#000; left:20px; top:62px; height:30px; line-height:30px; font-size:13px; 
		text-align:center; position:absolute; 
		box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		background:#fff; border-radius:5px; text-decoration:none;}

.btn-p-1 a:hover{	text-decoration:none;
		box-shadow: inset 0px 0px 10px 0px #7b7b7b,-50px -50px 0px -100px #a3a3a3;
		-webkit-box-shadow: inset 0px 0px 10px 0px #7b7b7b,-50px -50px 0px -100px #a3a3a3;
		-moz-box-shadow: inset 0px 0px 10px 0px #7b7b7b,-50px -50px 0px -100px #a3a3a3;
		-o-box-shadow: inset 0px 0px 10px 0px #7b7b7b,-50px -50px 0px -100px #a3a3a3;
		background:#fff; color:#404040;}		
		
		
.btn-p-2 a{ width:220px; color:#000; left:20px; top:97px; height:30px; line-height:30px; font-size:13px; 
		text-align:center; position:absolute; 
		box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		background:#fff; border-radius:5px; text-decoration:none; }	
		
.btn-p-2 a:hover{	text-decoration:none;
		box-shadow: inset 0px 0px 10px 0px #7b7b7b,-50px -50px 0px -100px #a3a3a3;
		-webkit-box-shadow: inset 0px 0px 10px 0px #7b7b7b,-50px -50px 0px -100px #a3a3a3;
		-moz-box-shadow: inset 0px 0px 10px 0px #7b7b7b,-50px -50px 0px -100px #a3a3a3;
		-o-box-shadow: inset 0px 0px 10px 0px #7b7b7b,-50px -50px 0px -100px #a3a3a3;
		background:#fff; color:#404040;}		
		
.btn-p-3 a{ width:220px; color:#000; left:20px; top:132px; height:30px; line-height:30px; font-size:13px; 
		text-align:center; position:absolute; 
		box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		background:#fff; 		border-radius:5px; 		text-decoration:none;}

.btn-p-3 a:hover{	text-decoration:none;
		box-shadow: inset 0px 0px 10px 0px #7b7b7b,-50px -50px 0px -100px #a3a3a3;
		-webkit-box-shadow: inset 0px 0px 10px 0px #7b7b7b,-50px -50px 0px -100px #a3a3a3;
		-moz-box-shadow: inset 0px 0px 10px 0px #7b7b7b,-50px -50px 0px -100px #a3a3a3;
		-o-box-shadow: inset 0px 0px 10px 0px #7b7b7b,-50px -50px 0px -100px #a3a3a3;
		background:#fff; color:#404040;}	

.product-points{padding:0px 28px;  font-size:14px;}

.h3{padding:10px 0px; font-size:20px; text-align:center; font-weight:normal;}

.pos-img{position:absolute; right:20px; top:05px;}

.contant-tech{clear:both; margin:0 auto; height:255px; width:983px; position:relative; margin-top:10px; color:#fff; }

.tech-1{width:450px; background:#fff; height:200px; color:#222; padding:16px; font-size:14px; border-radius:10px;	float:left;
		box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;}
		
.tech-1 h3{font-weight:normal; margin-bottom:10px; font-size:20px; }		
.tech-1, .tech-2, p{line-height:20px; margin-bottom:10px;}		
		
.tech-2{width:450px; background:#fff; height:200px; color:#222; padding:16px; font-size:14px; border-radius:10px; float:right;
		box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;
		-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,-50px -50px 0px -100px #DDDDDD;}
		
.tech-2 h3{font-weight:normal; margin-bottom:10px; font-size:20px; }
.certificate-t{position:absolute; z-index:600; bottom:147px; left:64px; }			
.certificate-t a{background:none; text-decoration:none;}			
.certificate-t a:hover{background:none !important; text-decoration:none; border:none !important; border-color:none !important; box-shadow: none;}	

.plus-1 { position:absolute;z-index:100; top:15px; right:5px; }

.plus-2 {position:absolute; z-index:100; top:26px; left:0px; }

.plus-3 {position:absolute; z-index:100; top:120px; left:5px; }

.plus-4 {position:absolute; z-index:100; bottom:82px; right:1px; }

.lighter-1 {position:absolute; z-index:100; bottom:61px; right:240px; }
.lighter-2 {position:absolute; z-index:100; bottom:61px; right:240px; }
.lighter-3 {position:absolute; z-index:100; bottom:61px; right:240px; }

.rotation-1 { position:absolute; bottom:60px; left:35px; opacity:0.1; }
.rotation-1 img{ 
    -moz-animation:20s rotateRight infinite linear; 
    -webkit-animation:20s rotateRight infinite linear; 
}
.rotation-2 { position:absolute; bottom:190px; left:230px; opacity:0.1; }
.rotation-2 img{ 
    -moz-animation:20s rotateRight infinite linear; 
    -webkit-animation:20s rotateRight infinite linear; 
}
.rotation-4 { position:absolute; bottom: 127px; right: -38px; opacity:0.1; }
.rotation-4 img{ 
    -moz-animation:20s rotateRight infinite linear; 
    -webkit-animation:20s rotateRight infinite linear; 
}

@-moz-keyframes rotateRight{
    0%{ -moz-transform:rotate(360deg); -moz-transform-origin:50% 50%; }
    100%{ -moz-transform:rotate(0deg); }
}

@-webkit-keyframes rotateRight{
    0%{ -webkit-transform:rotate(360deg); -webkit-transform-origin:50% 50%; }
    100%{ -webkit-transform:rotate(0deg); }
}	
		

.tooltip .tooltip-img-1 {  visibility: hidden; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; top:-53px; left:-300px;  position: absolute;   z-index: 1;}
.tooltip:hover .tooltip-img-1 {  visibility: visible;}

.tooltip .tooltip-text-1 { visibility: hidden; width: 243px;height:80px;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;bottom: 59px; left: 59px; position: absolute; z-index: 1;}
.tooltip:hover .tooltip-text-1 {   visibility: visible;}

.tooltip .tooltip-img-2 {  visibility: hidden; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; top:-43px; left:-300px;  position: absolute;   z-index: 1;}
.tooltip:hover .tooltip-img-2 {  visibility: visible;}

.tooltip .tooltip-text-2 { visibility: hidden; width: 243px;height:80px;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;bottom: 59px; left: 44px; position: absolute; z-index: 1;}
.tooltip:hover .tooltip-text-2 {   visibility: visible;}

.tooltip .tooltip-img-3 {  visibility: hidden; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; top:51px; left:-300px;  position: absolute;   z-index: 1;}
.tooltip:hover .tooltip-img-3 {  visibility: visible;}

.tooltip .tooltip-text-3 { visibility: hidden; width: 243px;height:80px;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;bottom: 59px; left: 44px; position: absolute; z-index: 1;}
.tooltip:hover .tooltip-text-3 {   visibility: visible;}

.tooltip .tooltip-img-4 {  visibility: hidden; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; bottom:16px; left:-300px;  position: absolute;   z-index: 1;}
.tooltip:hover .tooltip-img-4 {  visibility: visible;}

.tooltip .tooltip-text-4 { visibility: hidden; width: 243px;height:80px;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;bottom: 59px; left: 44px; position: absolute; z-index: 1;}
.tooltip:hover .tooltip-text-4 {   visibility: visible;}

.next-prev{color:#fff;clear: both;  height:35px;  margin-left:330px;  width: 375px; position:relative; z-index:800; }
.prev{ float:left;padding:10px 0px; width:40px; height:40px;  cursor:pointer;   z-index:800; position:absolute; left:280px; bottom:40px;}
.next{ float:right;padding:10px 0px; width:40px; height:40px;  cursor:pointer;  z-index:800; position:absolute; right:280px; bottom:40px;}
.text-div{padding-left:10px;line-height: 58px; font-weight:bold; text-align:center;font-style:italic; width:350px; }

.contact-container{width:760px; height:600px;  margin:0 auto; }
.contact-bg{
background: rgb(214,214,214);
background: -moz-linear-gradient(top,  rgb(214,214,214) 0%, rgb(255,255,255) 25%);
background: -webkit-linear-gradient(top,  rgb(214,214,214) 0%,rgb(255,255,255) 25%);
background: linear-gradient(to bottom,  rgb(214,214,214) 0%,rgb(255,255,255) 25%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff',GradientType=0 );
}

/* Basic Grey */
.basic-grey {  margin-left:auto; margin-right:auto; max-width: 100%; padding: 15px; font-family:"Helvetica", sans-serif; color: #333;}
.basic-grey h1 {  font-size: 25px;  padding: 0px 0px 10px 40px;   display: block;  margin: -10px -15px 30px -10px;   color: #333;}
.basic-grey h1>span {   display: block;   font-size: 11px;}
.basic-grey label {  display: block; margin: 0px;}
.basic-grey label>span {  float: left; width: 11%;text-align: right; padding-right: 10px; margin-top: 10px; color: #333; }
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
    border: 1px solid #afafaf;  color: #333; height: 30px; margin-bottom: 16px; margin-right: 6px;  margin-top: 2px; outline: 0 none; padding: 3px 3px 3px 5px; width: 84%; font-size: 12px; line-height:15px; box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC; -webkit-box-shadow: inset 0px 1px 4px #ECECEC; border-radius: 12px;}
.basic-grey textarea{  padding: 5px 3px 3px 5px;}
.basic-grey select {   background: #FFF url('down-arrow.png') no-repeat right;  background: #FFF url('down-arrow.png') no-repeat right); appearance:none; -webkit-appearance:none; -moz-appearance: none;  
text-indent: 0.01px;   text-overflow: '';   width: 100%;   height: 35px;  line-height: 25px;}
.basic-grey textarea{  height:110px; font-family:"Helvetica", sans-serif; }

.basic-grey .button {    background: #1a1a1a; border: none;  padding: 10px 25px 10px 25px; color: #FFF; box-shadow: 1px 1px 5px #B6B6B6; border-radius: 8px;text-shadow: 1px 1px 1px #9E3F3F; cursor: pointer;}
.basic-grey .button:hover {    background: #000}
.clearfix{clear:both; display:block;}
.contact-1{width:40%; height:205px;  float:left; margin-left:14%; border-right:1px #ccc dotted;}
.contact-2{width:40%; height:205px;  float:right;}

.contact-1 h3{color:#353535;}
.contact-2 h3{color:#353535;}
.contact-2 p b{color:#353535;}
.contact-1 p b{color:#353535;}

.text-div1{ position:absolute; top:303px; height:25px; text-align:center; }
.text-div2{ position:absolute; top:303px; height:25px; text-align:center; }
.text-div3{ position:absolute; top:303px; height:25px; text-align:center; }

.factsheet{text-align:right; color:#fff; float:right; padding:6px 10px 4px 8px;font-size:13px;  }
.factsheet a{ color:#fff; text-decoration:none;}
.factsheet a:hover{ color:#ccc; text-decoration:none;}