@charset "utf-8";
/* CSS Document */
@charset "utf-8";
* { box-sizing:border-box; margin: 0px; padding: 0px; }
img, object, embed, video { max-width: 100%; }

.ie6 img {
	width:100%;
}

body { margin: 0px; padding: 0px; }
h1{font-size:16px; color:#0a79a2; font-weight:normal;  }
h2{font-size:16px;  font-weight:normal;}
h3{font-size:16px; color:#0a79a2; font-weight:normal;}
html { overflow-y: scroll;}
img { max-width:100%;}
p{ text-align:justify; padding:0.5%; color:#2b2a2a; line-height:20px; font-size:13px;}
#clear { clear:both;}

#main { width:100%;}
#main .blue{background:#027a98;}
#main .lightgray{background:#f2f1f1;}
#main .lightgray2{background:#f4f3f3; border-top:solid 1px #fff;}
#main .lightgray3{background:#f9f9f9; border-bottom:solid 1px #eeeeee;}
#main .lightgray4{background:#f7f7f7;}
#main .lightblue{background:#e8f1f9;}
#main .darkblue{background:#304150;}

#main header, .wrapermain {width:100%;}

#main .wrapercontener { width:1008px; margin:0 auto;}

/*top css start from here*/
	
	#main .top{ display:block; overflow:hidden }
	#main .top .social{ max-width:200px; float:left;}
	#main .top .support { max-width:500px; float:right;}
	#main .top .support span { color:#CFCFCF;}
	#main .top ul{ width:100%; overflow:hidden}
	#main .top ul li{ float:left; border-left: 1px solid #3a97b7;}
	#main .top ul li a{ display:block; line-height:30px; padding:0 10px; text-align:center; color:#82c1d7;}
	#main .top ul li:first-child{ border-left:none;}
	#main .top ul li:last-child{ border-right:none;}
	#main .top ul li a:hover{ color:#fff;}

	/*top css end here**/
	/*logo css start here**/
	#main header .logo { float:left;line-height: 80px;}		
	#main header .callus{ float:right; padding-top:1%;}
	#main header .callus small{display:block;}
	#main header .callus small.new{ font-size:14px; color:#119BB9}
	#main header .callus h4{ font-size:25px; font-family: 'PlantagenetCherokeeRegular'; color:#2480c6; text-align:right;}
	/*logo css end here**/
	/*menu css end here**/
		
#main nav:before, #main nav:after { content: ""; display: table; }
#main nav:after { clear: both; }
#main nav { zoom: 1; }
#main nav { width:100%;}
		#main nav ul {width:100%; background:#f2f1f1; z-index:500;}
		#main nav ul li { float:left; border-right:solid 1px #fdfdfd;border-right:solid 1px #d2d2d2;}
		#main nav ul a {padding:7px 35px; color:#524f4f; display:block;}
		#main nav ul li a:hover { background:#069; color:#fff;}
		#main nav ul li:first-child{ border-left:none;}
		#main nav ul li:last-child{ border-right:none;}
		#main nav ul li { position:relative;}
		#main nav li ul{ display: none; }
		#main nav li:hover a {background:#069; color:#fff;}
		#main nav li:hover ul{ display:block;display: block; left: 0 ; position: absolute;  top:100%; }
		#main nav ul li li{min-width:230px; display:block; border:none;border-bottom:solid 1px #448fb4; }
		#main nav ul li li:last-child{ border-bottom:none;}
		#main nav ul li li a:hover{ background:#FFF;color:#069;}
		
		
/*menu css end here**/
/*banner css start here**/
#main .banner{ width:100%;}
/*banner css end here**/
/*breadcum css start here**/
#main .breadcum { line-height:35px;}
#main .breadcum i { color:#900;}
/*breadcum css end here**/

/*featureservices css end here**/
#main .featureservices{ display:block;   padding: 2% 0;  font-family: 'Abel-Regular'; font-size:16px;}
#main .featureservices ul { width:100%; overflow:hidden; }
#main .featureservices ul li{ float:left;overflow:hidden; padding:1% 3% 2%; width:50%; overflow:hidden;}
#main .featureservices ul li:nth-child(odd) { padding-left:0}
#main .featureservices ul li:nth-child(even) { padding-right:0}
#main .featureservices ul li figure{ float:left; width:35.5%; max-height:171px; padding: 1%; overflow:hidden; }
#main .featureservices ul li figure img { border-radius:50%; height:160px;  border:solid 5px #FFF ;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
#main .featureservices ul li .figcaption{float:left; max-width:64.5%; padding:3% 1% 7% 4%; width:100%; position:relative;}
#main .featureservices ul li .figcaption h3 { color:#07729a; font-size:28px;}
#main .featureservices ul li .figcaption p{  font-family: 'Abel-Regular'; font-size:16px;}
#main .featureservices ul li .figcaption a.readmore { position:absolute; bottom:3px; left:6%; border-radius:10px; color:#fff; background:#39aecf; text-align:center;   padding: 0 6%; text-transform:capitalize; line-height:25px;}
#main .featureservices ul li .figcaption a.readmore:hover { text-decoration:underline;}
/*featureservices css end here**/
/*welcome css start here**/
#main .welcome { display:block;}
#main .welcome h1 { font-size:28px; color:#0a79a2;}
#main .welcome h2{ font-size:20px; color:#0a79a2;padding-bottom: 2%;}
#main .welcome div { width:50%; float:left; padding:1% 2% 4%;position:relative;}
#main .welcome div:first-child { padding-left:0.5%; background:url(../images/welcome.gif) no-repeat; background-size:cover; }
#main .welcome div a.readmore { position:absolute; bottom:3%; left:2%; border-radius:10px; color:#fff; background:#39aecf; text-align:center;   padding: 0 3%; text-transform:capitalize; line-height:25px;}
#main .welcome div a.readmore:hover { text-decoration:underline;}
#main .welcome div:last-child {padding-right:0.5%;    padding-bottom: 0;}
#main .welcome p{ line-height:22px;}
#main .welcome div:last-child p{ color:#6d6464;}
/*welcome css end here**/
/*whychoose css start here**/
#main .whychoose { display:block; padding:1% 0;}
#main .whychoose h4 { color:#0281a1; font-size:26px; background:url(../images/line.gif) repeat-x left center; }
#main .whychoose h4 span {background:#f7f7f7; padding:0 2% 0 0 ;}
#main .whychoose .left { float:left; width:61%; padding:0.5% 0% 0.5% 0.5%;}
#main .whychoose .left:last-child{ padding-right:0.5%; padding-left: 2%; width:39%;}
#main .whychoose .why ul { overflow:hidden; display:block;}
#main .whychoose .why li p{ color:#7a7c7d;}
#main .whychoose .why li { color:#7a7c7d;width:100%; position:relative; line-height: 29px; padding: 0 0 0 4%;}
#main .whychoose .why li:before {content: "\f0a9"; font-family: 'FontAwesome'; position:absolute; left:2px; color:#0281a1;}
/*whychoose css end here**/

/*testimonials css end here**/
.testimoniol { display:block;}
#testimonials{
	width: 98%;
	/*height: 150px;*/
  padding: 10px;
	background: #EBEBEB;
	border-radius:3px;
}
#testimonials li{ 
  display:none;
}
#testimonials ul{
  list-style:none;
}
#testimonials p.author{
	  color: #00ACEE;
    font-size: 16px;
    font-style: italic;
    text-align: right;
	  margin:10px;
}
#testimonials p.author a,
#testimonials p.author a:hover,
#testimonials p.author a:visited{
	color:#FF6400;
}
blockquote {
  background:url(../images/open-quote.png) 0 0 no-repeat;
  font-size: 14px;
  padding: 10px 0 10px 50px;
}
/*whychoose css end here**/
/*ourclient css start here**/
#main .ourclient{ display:block; padding:1% 0;}
#main .ourclient h4 { color:#0281a1; font-size:26px; background:url(../images/line.gif) repeat-x left center; }
#main .ourclient h4 span {background:#fff; padding:0 2% 0 0 ;}


.newslidermain { max-width:1008px; margin:0px; position:relative; padding-top:30px;}
.newslidermain .newslider    { overflow:hidden; width:100%; max-height:271px;}
.newslidermain .newslider ul { margin:0; padding:0; min-height:100px; overflow:hidden;}
.newslidermain .newslider li { float:left; margin:0 10px ; float:left; max-width:227px;}
.newslidermain .newslider li h3 { font-weight:bolder;}
.newslidermain .newslider li figure{width:100%; height:80px;}
.newslidermain .newslider li figcaption{width:100%; height:50px;}
.newslidermain .newslider li figcaption br{ display:none;}
.newslidermain .newslider li a:hover { color:#000;}
.newslidermain .controls { position:absolute; right:0px; top:4px; width:auto;}
.newslidermain .controls a { color:#c9cacb; text-decoration:none; font-size:14px;}
.newslidermain .controls a:hover { color:#2AA198; text-decoration:none;}

/*ourclient css end here**/
/*social_media css start here**/
 #main .social_media{ display:block; padding:1% 0;}
 #main .social_media ul{ display:block; width:66%; margin:1% auto;}
 #main .social_media ul li {float:left; margin:1% 0.5%;}
 #main .social_media ul li a { display:block; color:#fff; padding:0 13%; line-height:3.5; text-align:center; border-radius:3px;}
 #main .social_media ul li a i{ font-size:20px;}
  #main .social_media ul li:nth-child(1) a{ background:#007BB6;}
  #main .social_media ul li:nth-child(2) a{ background:#DA4835;}
 #main .social_media ul li:nth-child(3) a{ background:#0e76a8;}
  
/*social_media css end here**/


/*footer css start here**/
#main .footer { display:block;  }
#main .footer div{ float:left; width:33.333%;padding:0 4% 0 0;}
#main .footer div:last-child{ padding:0;}
#main .footer h5 { font-size:18px; font-family: 'Abel-Regular'; color:#fff; border-bottom: solid 1px #505f6b; padding:5px 0; margin-bottom:2%; }
#main .footer h4{ color:#8998a5; font-size:20px; line-height:40px; font-style:normal; }
#main .footer h6{ color:#b0b9c1; font-size:13px; font-weight:normal;}
#main .footer p, #main .footer a{ color:#647482;}
#main .footer p { line-height:16px;}
#main .footer div address p { white-space:pre-line; color:#647482;}
#main .footer div ul { overflow:hidden;}
#main .footer div ul li { width:100%; float:left; margin-bottom:4%; overflow:hidden;}
#main .footer div ul li:last-child { margin:0 0 0.5%;}
#main .footer div figure{ float:left; width:20%; text-align:center;}
#main .footer div .figcaption{ padding:0 0 0 2%; width:80%;float:left;}
#main .footer div ul li input[type='text'], #main .footer div ul li textarea { border:none; background:#53616e; color:#1f1f20; border-radius:5px; line-height:27px; padding:0 2%; width:80%;}
#main .footer div ul li textarea { height:50px; line-height:20px;}
#main .footer div ul li input[type='submit']{  margin: 1% 0;  padding: 1% 5%; float:left; background:#1d2831; color:#778693; border:none; border-radius:3px;}
#main .footer div:last-child ul li { width:100%; float:left; margin-bottom:1%;}

#main .footerlink { background:#24313c; line-height:30px; color:#778693; font-family: 'Abel-Regular';}
#main .footerlink a {color:#aeb9c4;}
#main .footerlink .left{ float:left;}
#main .footerlink .right{ float:right;}
/*footer css end here**/

/*cms css start here**/
#main .cms { display:block; padding:1% 0}
#main .cms  h1 {  color: #0a79a2;  font-size: 28px; }
#main .cms  h2 {  color: #0a79a2;  font-size: 28px; }
#main .cms  p{ color:#5e6062;}
#main .cmstextconter {padding:0 2% 0 0;float:left;}
#main .about {width:70%;}
#main .about .article { display:block;}
#main .about .aboutartbox { display:block;}
#main .about .aboutartbox figure{  border: 1px solid #eee; float: left;  margin: 1.5% 1% 0 0;  max-width: 150px;  padding: 1%;  text-align: center;}
#main .rightinc {width:30%; padding:0 0 0 2%; float:left;}
#main .rightinc .inccotener { width:100%;}
#main .rightinc .inccotener figure { width:100%; padding:1%;}
#main .rightinc .inccotener figure img { width:100%; border:solid 3px #fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(168, 168, 168, 0.75);
box-shadow:         0px 0px 5px 0px rgba(168, 168, 168, 0.75);}


#main .article { display:block;}
#main .article p { margin-bottom:2%; line-height:25px;}

#main .ourvision { width:100%; display:block;  margin-top: 3%; }
#main .ourvision ul { width:100%; overflow:hidden; border-top: solid 1px #e2e2e2; padding:3% 0; }
#main .ourvision ul li { float:left; width:50%; padding:0 4%; overflow:hidden; border:solid 1px #86abc4;  border-top:none;
border-bottom:none; }
#main .ourvision ul li{line-height:40px;}
#main .ourvision ul li:first-child { padding-left:0;border:none;}
#main .ourvision ul li:last-child { border-right:none; padding-right:0;}
#main .rightservices{ width:100%;background:#f7f6f6; margin-top:5%;border-bottom:solid 3px #057DA8;}
#main .rightservices h3{ background:#057da8; font-size:23px; width:100%; color:#fff; line-height:33px; text-align:center;}
#main .rightservices h4 { color:#514d4d; font-size:14px; font-family: "Open Sans";}
#main .rightservices, #main .rightservices p { color:#857e7e;}
#main .rightservices a { color:#0677a5;}
#main .rightservices a:hover { color:#000;}
#main .rightservices ul { width:100%; overflow:hidden;}
#main .rightservices ul li { width:100%; border-bottom:dashed 1px #A7A7A7; padding:1.5%;}
#main .rightservices ul li:last-child { border:none;}

/*cms css end here**/
/*about css start here**/
#main .quto{ background:#f2f2f2; border-radius:3px; line-height:40px; clear:both; padding:1%; margin:1% auto;}
#main .quto h2 { font-size:25px;}
#main .quto h4 { font-size:21px;}
/*about css end here**/
/*service css start here**/

#main .service{ display:block;}
#main .service h4 {   font-family: "Open Sans"; padding: 0.5%;font-size:15px; font-weight:normal;}
#main .service ul { width:100%; padding:0.5%; overflow:hidden; margin:1% auto;}
#main .service ul li{ float:left; width:49%; margin:0 1% 1%; background:#f2f2f2; padding:1% 1% 4%; overflow:hidden; position:relative;}
#main .service ul li figure { float:left; margin:2% 2% 0.5% 0; max-width:123px; max-height:77px; overflow:hidden;}
#main .service ul li a{position:absolute; right:2%;border-radius: 3px; bottom:6%; background:#0967a7; color:#fff; display:block; line-height:22px; padding:0 3%;}
#main .service ul li:nth-child(even) {margin-right:0}
#main .service ul li:nth-child(odd) {margin-left:0}
/*service css end here**/
/*services_details css start here**/
#main .services_details{ display:block;}
#main .services_details .services_detailstabel{ width:90%; margin:1% auto; padding:1%; border:solid 1px #E5E5E5;}
#main .services_details .services_detailstabel ul { width:100%; overflow:hidden;}
#main .services_details .services_detailstabel ul ul{width:100%;}
#main .services_details .services_detailstabel ul li { width:100%; margin-bottom:0.5%;}
#main .services_details .services_detailstabel ul li:last-child {margin-bottom:0%;}
#main .services_details .services_detailstabel ul li li{ float:left; width:49.5%; margin:0 0.5% 0 ; padding:0 1%; line-height:25px;}
#main .services_details .services_detailstabel ul li li:nth-child(even) {margin-right:0}
#main .services_details .services_detailstabel ul li li:nth-child(odd) {margin-left:0}
#main .services_details .services_detailstabel ul li:nth-child(even) li{ background:#cce9fd;}
#main .services_details .services_detailstabel ul li:nth-child(odd) li{ background:#abcfe8;}
#main .services_details .article{padding:1%; border-radius:3px;}
#main .services_details .article p{  color: #057da8;  font-size: 16px;  margin: 0;  text-align: center;}
/*services_details css end here**/

/* contact css end here**/
#main .contact {width:65%;}
#main .contact address{ width:100%; font-style:normal; margin: 1.5% 0}
#main .contact address h3 { font-size:20px; line-height:30px;}
#main .contact address ul { width:100%; overflow:hidden;}
#main .contact address ul li {float: left;  line-height: 30px;  padding: 1%;  white-space: pre-line;  width: 50%;}
#main .contact address ul li:nth-child(odd){ background:#F3F3F3;}
#main .contact address ul li:nth-child(even){ background:#F8F8F8;}


#main .mapright { float:left;width:35%; margin:1% 0 0 0%; float:left; border:solid 4px #EEE}

#main .mapright .map{ position: relative;  padding:27% 0 ;  height: 0;  overflow: hidden;}
	
#main .mapright .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#main .gettouch { width:100%; margin:1% auto; clear:both;}
#main .gettouch div{ float:left;width:65%; padding-right:2%;}
#main .gettouch div ul { width:100%; padding:1%; overflow:hidden;}
#main .gettouch div ul li{ width:100%; overflow:hidden; margin-bottom:2%;}
#main .gettouch div ul li:last-child{margin-bottom:0;}
#main .gettouch div ul li label { width:100%; line-height:30px;  font-family: 'Abel-Regular'; font-size:18px; color:#646565;}
#main .gettouch div ul li input[type='text'], #main .gettouch div ul li textarea { border:solid 1px #c7c3c3; line-height:33px; padding:0 1%; width:100%; }
#main .gettouch div ul li textarea {line-height:20px; padding:0 1%; height:347px; }
#main .gettouch div ul li input[type='submit']{  border:none; border-radius:3px; margin:0% 0 0;color:#fff; line-height:30px; padding:0 5%;
background: rgba(14,119,168,1);
background: -moz-linear-gradient(top, rgba(14,119,168,1) 0%, rgba(6,98,140,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,119,168,1)), color-stop(100%, rgba(6,98,140,1)));
background: -webkit-linear-gradient(top, rgba(14,119,168,1) 0%, rgba(6,98,140,1) 100%);
background: -o-linear-gradient(top, rgba(14,119,168,1) 0%, rgba(6,98,140,1) 100%);
background: -ms-linear-gradient(top, rgba(14,119,168,1) 0%, rgba(6,98,140,1) 100%);
background: linear-gradient(to bottom, rgba(14,119,168,1) 0%, rgba(6,98,140,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e77a8', endColorstr='#06628c', GradientType=0 );
}

#main .gettouch div:last-child{ width:35%; padding-right:0%; }
#main .gettouch div:last-child li{ margin-bottom:0;}
#main .gettouch div .select{border: 1px solid #ccc;width:100%; overflow:hidden; position:relative;}
#main .gettouch div ul li select{ 
    height: 33px;
   border:none;  width: 104%; padding:0px 5px; overflow:hidden;}
#main .gettouch div ul li .select:before{ content:''; position:absolute; right:6px; top:9px; border:solid 2px; border-color: transparent #949493 #949493 transparent;    width:5px; height:5px; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#main .gettouch div ul li option { max-width:100%;/* height:30px;*/ -webkit-max-width:100%;line-height:30px; background:#DFDFDF; color:#333; padding:0px 5px;}
/*services_details css end here**/
/*onsitecalibration css start here**/
#main .onsitecalibration{ display:block;}
#main .onsitecalibration .onsite{ display:block; overflow:hidden; margin:1% auto;}
#main .onsitecalibration h2 { font-size:20px; line-height:35px;}
#main .onsitecalibration h4 {  font-family: 'OpenSansLight'; font-size: 16px; font-weight:200; color: #909090;line-height:25px; }
#main .onsitecalibration .onsite ol{ with:100%; margin:1% auto; padding:0 0 0 3%;}
#main .onsitecalibration .onsite ol li { counter-increment: step-counter; color:#514E4A;}
#main .onsitecalibration .onsite ol li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 80%;
    background-color: rgb(200,200,200);
    color: white;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 3px;
}


/*onsitecalibration css end here**/

/*faq css start here**/

#main .faq { display:block;}
#main .faq .container{ margin:1% auto 0;}
	.responsive-accordion {
		margin: 0 0 20px 0;
		padding: 0;
		list-style-type: none;
	}

	.responsive-accordion li {
		margin: 0 0 10px 0;
		padding: 0;
	}

	.responsive-accordion li:last-child { margin-bottom: 0; }

	.responsive-accordion li .responsive-accordion-head { cursor: pointer; }

	.responsive-accordion li .responsive-accordion-head.active { font-weight: bold; }


/*	#Themes
//	================================================== */

	.responsive-accordion-default.responsive-accordion li .responsive-accordion-head {
		border: 1px solid #DDD;
		padding:5px 30px 5px 10px;
		background: #FFF;
		color: #0b8593;
		line-height: normal;
		position: relative;
	}

	.responsive-accordion-default.responsive-accordion li .responsive-accordion-head i {
		position: absolute;
		top: 8px;
		right: 10px;
	}

	.responsive-accordion-default.responsive-accordion li .responsive-accordion-panel {
		border: 1px solid #DDD;
		border-top: 0;
		padding: 20px;
		background: #FFF;
	}

/*faq css end here**/
/*Test-Equipment css start here**/
#main .test_equipment { display:block; margin:1% auto; background:#f7f8f8; padding:1%;}
#main .test_equipment ul { overflow:hidden; width:100%;background:#fff; margin:1% auto;}
#main .test_equipment ul li { float:left; width:31%; margin:1%; text-align:center; border:solid 1px #eee;}
/*Test-Equipment css end here**/

/*pat css start here**/
#main .pat { display:block;}
#main .pat h5 { display:block; font-size:18px; color:#333;}
/*pat css end here**/
/*service and repaire css end here**/
#main .about .aboutartbox figure.big{max-width:250px;}
#main .about figure{ border: 1px solid #eee;   float: left;  margin: 1.5% 0% 0 1%;   max-width: 150px;  padding: 1%;  text-align: center; }
#main .about figure.bigright{ float:right;max-width:315px;}
/*service and repaire  css end here**/

/*blog  css start here**/

#main .blog { display:block;}

#main .blog ul { width:100%; overflow:hidden; padding:0.5% 1%;}
#main .blog ul li{ width:100%; margin-bottom:3%;-webkit-box-shadow: 0px 0px 5px 0px rgba(193, 193, 193, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(193, 193, 193, 0.75);
box-shadow:         0px 0px 5px 0px rgba(193, 193, 193, 0.75); padding:1%;}
#main .blog ul li h3 { color:#000; font-family: 'PalatinoLTStd-Light'; font-size:18px; font-weight:normal; border-bottom:solid 1px #e2e1e1; margin-bottom:1%; line-height:22px;padding: 0 0 1%;}
#main .blog ul li article{ font-size:14px;}
#main .blog ul li p{font-size:14px;}
#main .blog ul li small { color:#014B7A;}


/*blog  css end here**/

/*service and repaire  css end here**/