@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
body{margin:0 auto;background:#fff}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
.clear{clear:both}
/* top */
.main{width:100%;float:left}
.main2{width:100%;float:left; background:#e9eaee;}
.topbg{width:100%;float:left;background:#fff}
.Topsecmiddle{width:1200px;margin:0 auto}
.heading{width:1160px; font:200 40px/26px 'Open Sans', sans-serif; padding:10px 0px 30px 0px; margin:0 auto}
.Top{width:1200px;float:left}
.bottom2{width:1250px;float:left}
.Logo{width:168px;height:157px;float:left;margin:5px 0}
.topright{width:850px;float:right;border-radius:0 0 9px 9px;margin:10px 0 0}
.emailtxt{text-align:center;font:400 14px/50px 'Open Sans', sans-serif;color:#000;width:auto;float:left;padding:0 70px 0 25px;background:url(../images/email-top.jpg) no-repeat center left}
.calltxt{text-align:center;font:400 14px/50px 'Open Sans', sans-serif;color:#000;width:auto;float:left;padding:0 0 0 25px;background:url(../images/phone-top.jpg) no-repeat center left}

.Sicons{width:160px;float:right}
.Sicons span{margin:0 10px;float:left;width:32px;height:32px;}

/* main menu styles */
.example{position:relative;z-index:36;float:right;margin:18px 0 5px 0}
.nav,.nav ul{list-style:none;margin:0;padding:0}
.nav{position:relative} 
.nav ul{ position:absolute}   
.nav li{float:left;position:relative;width:130px;text-align:center; padding:0 10px 0 10px}
.nav li a{-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;color:#2f3591;display:block;font-size:16px;line-height:34px;padding:0 19px;text-decoration:none;transition:.5s;font:400 14px/30px 'Open Sans', sans-serif;text-transform:uppercase}
.nav li:hover>a{background:#2f3591;color:#fff}
.nav li:hover ul.subs{height:auto;width:222px} 
.nav ul li{-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;opacity:0;transition:.5s;width:100%}
.nav li ul li{-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s}
.nav li:hover ul li{padding:0;opacity:1;-moz-transition-delay:.2s;-o-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}
.nav ul li a{background:#090e6a;color:#000;line-height:1px;-moz-transition:.2s;-o-transition:.2s;-webkit-transition:.2s;transition:.2s;border:solid #999;border-width:1px 0 0;font:400 14px/30px 'Open Sans', sans-serif;text-transform:uppercase}
.nav li:hover ul li a{line-height:34px} 
.nav ul li a {color:#fff;float:left}
.nav ul li a:hover{background:#242a30;color:#609ddb;}
 
.nav li ul {display: none;z-index:9999; }
.nav li:hover > ul {display: block;} 
 
.nav li ul li a {width:222px;display: block;text-align:left !important} 
 /* MENU */  
 /* Submenu */ 
.nav li ul li:hover ul {left: 100%;top: 0;}
.nav li ul li a:hover{left: 100%;top: 0;}
/* For Slider */
.banner{width:100%;float:left}
.banner-inner{width:1200px;float:left; margin-top:20px;}
.jssora05l, .jssora05r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 40px;
                height: 40px;
                cursor: pointer;
                background: url(../images/a17.png) no-repeat;
                overflow: hidden;
				z-index:100000000
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05l.jssora05ldn { background-position: -250px -40px; }
            .jssora05r.jssora05rdn { background-position: -310px -40px; }			

/* Slider end*/
/* mid */
.middlebg{width:100%;float:left;background:#00a651}
.middletxt{text-align:left;font:300 48px/48px 'Open Sans', sans-serif;color:#fff;width:auto;float:left;padding:25px 0}
.middletxt span{font:300 30px/48px 'Open Sans', sans-serif;}

.viewproducts{float:right;width:250px;height:44px;background:#018742;margin:50px 10px 50px 0;position: relative;
z-index:1000;text-align:center;color:#fff;font:400 17px/44px 'Open Sans', sans-serif;text-transform:uppercase}
.viewproducts a{color:#000;text-decoration:none}	
.viewproducts a:hover{color:#183562;text-decoration:none}

.contentbg{width:100%;float:left;background:url(../images/contentbg.jpg) no-repeat center top margin:0 auto  }


.welcomehead{text-align:left;color:#000;font:300 30px/30px 'Open Sans', sans-serif;padding:20px 20px 0 20px;float:left;width:96%}
.welcometxt{text-align:justify;color:#000;font:300 16px/20px 'Open Sans', sans-serif;padding:0x;float:left;width:1200px; padding-top:30px;}
.innerpage{text-align:justify;color:#000;font:300 17px/22px 'Open Sans', sans-serif;padding:20px;float:left;width:1160px; background:#FFFFFF;}

.R1{width:250px;height:250px;float:left;margin:40px 0 30px 0}
.R2{width:250px;height:250px;float:left;margin:40px 0 30px 250px}
.R3{width:250px;height:250px;float:right;margin:40px 0 30px 0}

.Rtxt{position:absolute;font:300 30px/30px 'Open Sans', sans-serif;margin:158px 0 0;width:250px;text-align:center;color:#fff}
.Rtxt a{color:#fff;text-decoration:none}
.Rtxt a:hover{color:#ed1c24;text-decoration:none}

.featuredbg{width:100%;float:left;background:#f4f8f9}
.featuredmid{width:1590px;margin:0 auto}

.f1{width:21%;float:left;margin:25px 0;-webkit-box-shadow: 2px 1px 14px 0px rgba(166,166,166,1);
-moz-box-shadow: 2px 1px 14px 0px rgba(166,166,166,1);
box-shadow: 2px 1px 14px 0px rgba(166,166,166,1);}
.bluemiddle{width:152px;height:48px;background:#00a8e9;position:absolute;font:300 18px/48px 'Open Sans', sans-serif;text-align:center;margin:175px 0 0 94px;color:#fff}
.bluemiddle a{text-decoration:none;color:#fff}
.bluemiddle a:hover{text-decoration:none;color:#000}
.f2{width:21%;float:left;margin:25px 0 25px 70px;-webkit-box-shadow: 2px 1px 14px 0px rgba(166,166,166,1);
-moz-box-shadow: 2px 1px 14px 0px rgba(166,166,166,1);
box-shadow: 2px 1px 14px 0px rgba(166,166,166,1);}

.f3{width:21%;float:left;margin:25px 0 25px 70px;-webkit-box-shadow: 2px 1px 14px 0px rgba(166,166,166,1);
-moz-box-shadow: 2px 1px 14px 0px rgba(166,166,166,1);
box-shadow: 2px 1px 14px 0px rgba(166,166,166,1);}

.f4{width:21%;float:left;margin:25px 0 25px 70px;-webkit-box-shadow: 2px 1px 14px 0px rgba(166,166,166,1);
-moz-box-shadow: 2px 1px 14px 0px rgba(166,166,166,1);
box-shadow: 2px 1px 14px 0px rgba(166,166,166,1);}



/* Footer */
.Footer{width:100%;float:left;margin:20px 0;background:#2a323d;height:250px}
.cover1{width:260px;float:left;margin:10px 0 0 10px; border-right:1px solid #445062; }
.cover2{width:430px;float:left;margin:10px 0 0 10px; }
.cover3{width:240px;float:left;margin:10px 0 0 10px; border-right:1px solid #445062; }
.greyfootertxt{width:90%;float:left;font:400 22px/22px 'Open Sans', sans-serif;color:#fff;padding:20px 0 10px 10px;text-transform:uppercase}
.addbtm{text-align:left;color:#fff;font:400 16px/25px 'Open Sans', sans-serif;padding:6px 0 6px 10px;float:left;width:98%}
.addbtm a{color:#fff;text-decoration:none}
.addbtm a:hover{color:#85b3e4;text-decoration:none}

/* bottom list about */

.aboutimage{
width:284px; float:left; background:url(../images/abouttext_bg.png); padding-right:8px;}

.aboutimage2{
width:284px; float:left; background:url(../images/abouttext_bg.png);}

.treentext{float:left;font:400 18px/22px 'Open Sans', sans-serif;color:#80cb30; padding-bottom:10px;}
.product1{ width:577px; float:left; padding:0px 0px 20px 0px; float:left;font:400 16px/20px 'Open Sans', sans-serif;color:#1d1d1c; }
.pd40{ padding-right:40px;}
.pd30{ padding-right:30px;}
.pdbottom60{ padding-bottom:60px;}
.pdbottom30{ padding-bottom:30px;}
.product_thumb{ width:577px; float:left;}
.service_thumb{ width:370px; float:left; text-align:center; font:400 18px/22px 'Open Sans', sans-serif;color:#000; }
.projecttext{ text-align:center; font:400 18px/22px 'Open Sans', sans-serif;color:#000; padding-top:20px;}
.recentproject{ float:left; width:299px; height:184px;}
.border20{ background:#e3e3e3; border-radius:.5em; margin-top:30px; padding:20px;}
.list01{ background:url(../images/tick.jpg) top left no-repeat; padding-left:50px; padding-bottom:20px; font:600 16px/22px 'Open Sans', sans-serif;color:#000; }
.innerheading{ font:300 32px/28px 'Open Sans', sans-serif;color:#000;}
.innerheading2{ font:300 24px/28px 'Open Sans', sans-serif;color:#000;}
.innerheading3{ font:300 30px/32px 'Open Sans', sans-serif;color:#000; padding-top:20px; text-align:center;}
.contact_input1{padding:3 px;
	width: 400px;
	height:30px;
	background:#fbfbfb;
	margin: 0px 0px 10px 0px;
	padding-left:10px;
	border: 1px solid #c4c4c4;
	font:300 14px/14px  'Lato', sans-serif;float:left;text-decoration:none;color:#585858;}
	
.contact_input13b{padding:3 px;
	width: 300px;
	height:25px;
	background:#fff;
	margin: 0px 0px 10px 0px;
	border: 1px solid #000;
	font:700 14px/14px  'Lato', sans-serif;float:left;text-decoration:none;color:#3e3d3d;}
	
	
.contact_input2{padding:3 px;
	width: 525px;
	height:40px;
	background:#fff;
	margin: 0px 0px 10px 0px;
	padding-left:10px;
	border: 1px solid #c4c4c4;
	font:300 14px/14px  'Lato', sans-serif;float:left;text-decoration:none;color:#585858;}


.contact_text{
	padding:10 px;
	width: 360px;
	height:60px;
	background:#fff;
	margin: 0px 0px 10px 0px;
	border: 1px solid #c4c4c4;
	font:300 14px/14px  'Lato', sans-serif;float:left;text-decoration:none;color:#585858;}
	
}

.contact_text2{
	padding:10 px;
	width: 250px;
	height:90px;
	background:#23549b;
	margin: 0px 0px 10px 0px;
	border: 1px solid #2d64b5;
	font:300 14px/14px  'Lato', sans-serif;float:left;text-decoration:none;color:#7da8e7;
	
}

.contact_text21a{
	padding:10 px;
	width: 400px;
	height:90px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #c4c4c4;
	background:#fbfbfb;
	font:700 14px/14px  'Lato', sans-serif;float:left;text-decoration:none;color:#000;
	
}
.error_info{font-family:Arial;color:Red;font-size:10pt;float:left;margin-top:-13px;}
.thankyou{background: none repeat scroll 0 0 #ffffcc; border: 1px solid;color: #088000;font-size: 15px;
    font-weight: bold;padding: 10px;text-align: center;}
.success_message {
    -moz-border-radius: 4px 4px 4px 4px;clear:both; font-family:Arial, Helvetica, sans-serif;
    background: url("../images/tick.png") no-repeat scroll left center #EFFFB9;
    border: 2px solid #99C600;
    color: #000000;
    display: none;
    font-size: 12px;
    min-height: 10px;
    padding: 5px 5px 5px 20px;
    width: 84%;
} 

.product_left{ width:320px; float:left;}

.leftbg{ background:#2f3591; border-radius:.5em; margin-top:30px; padding:10px 0px 0px 10px;}

.productleft_body{ width:300px; float:left; border-radius:0px 0px 5px 5px; font:400 18px/24px 'Open Sans', sans-serif; color:#fff; padding:10px 10px 10px 0px; }
.productlist_left {font:400 18px/35px 'Open Sans', sans-serif;color:#fff; float:left; background:url(../images/product-point.png) left center no-repeat; padding-left:15px; float:left; width:300px;}
.productlist_left a{font:400 18px/35px 'Open Sans', sans-serif; color:#fff; float:left; float:left; width:300px; padding-left:5px;}
.productlist_left a:hover{font:400 18px/35px 'Open Sans', sans-serif; color:#fff; float:left; float:left; width:290px; background:#212784; padding-left:5px;}
.producthead2{font:400 20px/28px 'Open Sans', sans-serif;color:#1c65d2; padding-bottom:10px; }
.contacttext2{ font:300 16px/24px  'Lato', sans-serif;float:left;text-decoration:none;color:#000000;}

.leftabout{ background:#d9d9d9; border-radius:.5em; padding:20px 0px 0px 10px; border:1px solid #b1b0b0;}
.graytext{ font:400 25px/28px  'Open Sans', sans-serif; float:left;text-decoration:none;color:#000000;}

.product_right{ width:838px; padding-left:40px; padding-top:30px; float:left;}


.toggable-menu li {
  position: relative;
}
.toggable-menu li a {
  display: block; 
  padding-left:5px;
  color: #fff; text-decoration:none;
}  
.toggable-menu li ul li { font-size:14px}
.toggable-menu li > .toggable-menu-icon {
  position: absolute;
  cursor: pointer;
  top: 6px;
  right: 10px;
  padding: 1px 3px;
  border: 1px solid #ddd; 
}
.toggable-menu li ul {
  display: none; padding-left:0;
  margin-bottom: 0;
}
.toggable-menu li ul li:after {
  margin-left: 15px;
  margin-top: 5px;
}
.toggable-menu{padding: 0; margin: 0}
.toggable-menu li {
    background: rgba(0, 0, 0, 0) url("../images/product-point.png") no-repeat scroll left 10px;
    color: #fff; 
    font: 400 18px/35px "Open Sans",sans-serif;
    padding-left: 15px;
    clear: both;list-style: none;
}
.toggable-menu li a:hover{color:#fff; background:#212784;}

.product_head{font:400 24px/20px 'Open Sans', sans-serif; }


.bottom_input1{padding:3 px;
	width: 150px;
	height:25px;
	background:#444444;
	margin: 0px 0px 10px 0px;
	padding-left:10px;
	border: 1px solid #626161;
	font:300 14px/14px  'Lato', sans-serif;float:left;text-decoration:none;color:#fff;}
	
	.bottom_input2{padding:3 px;
	width: 150px;
	height:70px;
	background:#444444;
	margin: 0px 0px 10px 0px;
	padding-left:10px;
	border: 1px solid #626161;
	font:300 14px/14px  'Lato', sans-serif;float:left;text-decoration:none;color:#fff;}

.copyright {
    background:#000;
    clear: both;
    height:42px;
	padding-top:10px;
      width:100%; text-align:center;
	color:#FFF;
	font:300 14px/14px  'Lato', sans-serif;float:left; color:#fff;
}

.whitetext2{font:600 22px/35px 'Open Sans', sans-serif; color:#fff;}
.loading_imageContact {
    display: none;
    padding-left: 150px;
    padding-top: 100px;
    position: absolute;
}