@charset "utf-8";
/* CSS Document */

*{ outline:none; margin:0px; padding:0px; border:none; text-decoration:none}
.clear{ clear:both}
  *,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.img-full{display: block;
  height: auto;
  width: 100%;}

.img-rounded {
  border-radius: 6px;
}

.n-wrapper{ width:100%; height:auto;}
.n-top-wrapper{ width:100%; height:auto; position:relative; background:#fff; }
.n-menu-wrapper{ width:100%; height: auto; float:left; background:#FFF; /*position:fixed; top:0; left:0;*/ z-index:54;}
.n-menu-container{ width:100%; height:auto; margin:0 auto;padding-right: 1%; }
.n-logo{width:14%; height:auto; position:fixed; top:2%; left:2.5%; z-index:95;padding-top: 0%; }
header{width:100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
/*  background-color: #0683c9;*/
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;}
  
    header h1#logo {
    display: block;
    height: auto;
    /*float: left;*/
  -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
	
	font-size:125%;font-family: 'Roboto Condensed', sans-serif;line-height:150%; font-weight:normal; color:#fff;
	}
	    header h1#logo a {
 font-family: 'Roboto Condensed', sans-serif;line-height:150%; font-weight:normal; color:#fff; text-decoration:none;
	}
	header h1#logo img {
    height: auto;
	max-width:100% ;margin:0 auto;
   }
     header.smaller {
    height:auto; }
    header.smaller h1#logo {
      
      height: auto;margin-left: 34%;
    width: 35%;
      }
	  
	 header.smaller h1#logo img{
      width: 100%;
      height: auto;margin:0 auto;
      }
   
  .logocontainer {
  width: 13%;
  /*margin: 0 auto;
  padding: 0 30px;*/ position:absolute; left:0%; top:0%; } 
.n-connect{ width:95%; height:auto; float:right; margin-right:2.5%;margin-left:2.5%; padding:4% 0% .5% 0%}
.n-phone{font-family: 'Lato', sans-serif; font-size:16px; font-weight:normal; color:#FFF; background:url(../images/phone.png) no-repeat 0% 100%; 
padding-left:2.5%; padding-top:1%; float:right ;width:auto; margin-left:1%}
.n-mail{font-family: 'Lato', sans-serif; font-size:16px; font-weight:normal; color:#FFF; background:url(../images/mail.png) no-repeat 0% 100%; 
padding-left:2.5%; padding-top:1%; float:right ;width:auto; margin-left:1%; margin-right: 1%}
.n-mail a{font-family: 'Lato', sans-serif; font-size:16px; font-weight:normal; color:#fff; text-decoration:none; }
.n-mail a:hover{font-family: 'Lato', sans-serif; font-size:16px; font-weight:normal; color:#fff;text-decoration:underline; }
.n-socialmedia{ width:4%; height:auto; float:right;padding-top:1%; margin-left:1% }
.n-socialmedia ul{padding:0; margin:0;}
.n-socialmedia li{ width:auto; height:auto; float:left; list-style-type:none; padding:0% 5% 0% 5%}
.n-banrwrapper{ width:100%; height:auto; position:relative; clear:both; margin:2% auto 0 auto}

.n-main-container{width:95%; height:auto;margin:0 auto; clear:both; margin-bottom:2%; position:relative}
.n-project-container{width:100%; height: auto; border-bottom:1px dashed #d8d7d7; padding-bottom:1.5%;padding-top:1%; }

.banner-wrap{width:100%; height:auto; float:left; margin-bottom:2% }
.top-head{width:100%; height: auto;  float:left;background-color:#e01e26;}
.top-head-container{width:100%; height:46px; margin:0 auto; position:relative}

.wleocme-wrapper{width:100%; height:auto; margin:0 auto; padding:1%}

.home-solution{width:32%; height:auto; float:left; margin:2% 0%}
.home-solution-mid{width:32%; height:auto; float:left; margin:2% 2%}
.home-solution img{width:100%; height:auto; display:block}
.home-solution-mid img{width:100%; height:auto; display:block}
.home-solution-mid h2{width:100%; height:auto; float:left;}
.home-solution-mid h3{font-family: 'Lato', sans-serif; font-size:18px; font-weight: bold; color:#333; line-height:50px; text-transform:uppercase}
.home-solution-mid p{font-family: 'Lato', sans-serif; font-size:15px; font-weight:normal; color:#666; text-align:justify;}

.home-solution h2{width:100%; height:auto; float:left;}
.home-solution h3{font-family: 'Lato', sans-serif; font-size:18px; font-weight: bold; color:#333; line-height:50px; text-transform:uppercase}
.home-solution p{font-family: 'Lato', sans-serif; font-size:15px; font-weight:normal; color:#666; text-align:justify;}
.home-more{ width:25%; height:auto; float:left; border-bottom:1px dashed #ccc; margin:4% 0%}
.home-more a{ line-height:25px; float:left; text-align:justify; background:url(../images/arow.png) right no-repeat; padding-right:20%; font-family: 'Lato', sans-serif; font-size:13px; font-weight: bold; color:#333;}
.home-more a:hover{ color:#e01e26}

.seperator-hme{width:100%; height:auto; float:left; border-bottom:1px solid #e8e8e8; margin:2% 0% 1%}

.welcome-text{width:68%; height:auto; float:left; margin:1%}
.welcome-text h2{font-family: 'Lato', sans-serif; font-size:34px; font-weight: bold; color:#e01e26; text-transform:uppercase }
.welcome-text h2 span{font-size:34px; font-weight:300; color:#333;}
.welcome-text p{font-family: 'Lato', sans-serif; font-size:15px; font-weight:normal; color:#666; text-align:justify; padding-bottom:1.5%}

.home-more2{ width:18%; height:auto; float:left; border:1px solid #e01e26; margin:1% 0%}
.home-more2 a{ line-height:35px; text-align: center !important; background:url(../images/arow.png) right no-repeat; padding:0% 15%; font-family: 'Lato', sans-serif; font-size:13px; font-weight: bold; color:#e01e26; text-transform: uppercase}
.home-more2 a:hover{ color:#333}

.calback{ width:25%; height:auto; float:right; margin-top:2% }
.calback h4{background: url(../images/calback.png) 8px 8px no-repeat;font-family: 'Lato', sans-serif; font-size:20px; font-weight:500; color:#fff; width:100%; background-color:#e01e26; line-height:40px; padding-left:35px;}
.calback-dtl{ width:100%; height: auto; margin-top:12px; text-align:right}
.calback-txt{ width:100%; height:36px; font-family: 'Open sans', sans-serif; font-size:15px; color:#666; padding-left:2%; line-height:32px; font-weight:normal; border:1px solid #ccc;}
.calback-submit{ width:26%; height:auto; float:right; margin-top:2%; text-align:center }
.calback-submit a{ background:none}
.features-home-wrap{width:100%; height: auto; float:right; background:url(../images/home-feature-bg.jpg) no-repeat; background-size:100% 100%; padding:3% 0%}
.features-home{width:100%; height: auto; margin:0 auto; float:none !important}
.features-home h2{font-family: 'Lato', sans-serif; font-size:26px; font-weight: bold; color:#e01e26; text-transform:uppercase; padding-left:3% }
.features-home h2 span{font-size:26px; font-weight:300; color:#333;}
.calback-more{ width:26%; height:auto; float:right; margin-top:2%; border:none }

.features-home-left{width:55%; height:280px; float:left; padding:10px 2%; background:#FFF}
.client-home{width:44%; height:280px; float:right; padding:10px 2%; background:#FFF; }
.client-thumbs{width:98%; height:auto; float:left; border:1px solid #e4e3e3; margin:1%}
.client-thumbs img{width:100%; height:auto; display:block}
.span4 {
    float: left;
    margin-bottom: 20px;
    text-align: center;
    width: 30%;
}

.support-bottom-wrap{width:100%; height: auto; float:left; background:#FFF;}
.support-bottom{width:100%; height:165px; margin:0 auto}
.support-bottom h2{ width:auto;float:left; margin-top:4%;font-family: 'Lato', sans-serif; font-size:30px; font-weight: bold; color:#e01e26; text-transform:uppercase }
.support-bottom h2 span{font-size:30px; font-weight:300; color:#333; line-height:50px;}
.support-bottom p{width:48%;margin:6% 2% 2% 3%; float:left;font-family: 'Lato', sans-serif; font-size:20px; font-weight:normal; color:#666; text-align:justify;}

.followus{ width: 22%;    height: auto;    float: left; margin:2% 0%;    padding:0% 0% 0% 2%;border-left:1px solid #e1e2e2;}
.followus h6{ line-height:60px;	font-family: 'Lato', sans-serif; font-size:30px; font-weight:300; color:#333;	margin-right:1%;ont-weight:400;	padding-top: 0%;	}
.followus ul{	margin:0;	padding:0;	}
.followus li{	float:left;	width:auto;	height:auto;	list-style-type:none;	padding:0% .5% 0% .5%;	opacity:0.5;	filter: grayscale(100%);	-webkit-filter: grayscale(100%)}
.followus li:hover{	float:left;	width:auto;	height:auto;	list-style-type:none;	padding:0% .5% 0% .5%;	filter: grayscale(100%);	-webkit-filter: grayscale(0%);	opacity:1;}

footer{	width:100%;	height:auto; float:left;	background:#333333;	padding:2% 0% 0% 0%;	}
.footer_container{	width:100%;	height:auto;	margin:0 auto;	padding-bottom:1%;	}

.bottom-logo{	 width:28%; 	 min-height:252px; 	 float:left; 	}
.bottom-logo h3{	font-family: 'Lato', sans-serif;	font-size:1.2em; 	color:#c12222;  	font-weight:400; 	text-align:left; 	padding:0% 0% 1% 0%;  	margin-bottom: 4%;	text-transform:uppercase; 	}
.bottom-logo p{font-family: 'Lato', sans-serif;	font-size:.85em; 	color:#777;	font-weight:normal; text-align:justify; 	list-style-type:none; 	margin:0% 0% 0% 0%; 	line-height:2em; }	

.quicklnks{	 width:40%; 	 min-height:222px; 	 float:left;border-right:1px solid #393939;border-left:1px solid #393939; margin:0% 2%; padding:0% 2%;  }
.quicklnks h3{	font-family: 'Lato', sans-serif;	font-size:1.2em; 	color:#c12222;  	font-weight:400; 	text-align:left; 	padding:0% 0% 1% 0%;  	margin-bottom: 4%;	text-transform:uppercase; 	}
.quicklnks ul{	margin:0; 	padding:0; 	width:46%; 	float:left;	margin-right:4%;	}
.quicklnks li{	font-family: 'Lato', sans-serif;	font-size:0.98em; 	color:#777;	font-weight:normal; 	list-style-type:none; 	margin:0% 0% 0% 0%; 	line-height:2em; 	padding:0% 0% 0% 6% ;	border-bottom:1px solid #393939;	}
.quicklnks li a{	font-family: 'Lato', sans-serif;	color:#777;	font-weight:normal; 	text-decoration:none;	 }
.quicklnks li a:hover{	font-family: 'Lato', sans-serif;      color:#c12222;	font-weight:normal;	text-decoration:none;  }
.contact-ftr{	width:33%; 	min-height:222px;	float:left;	background:url(../images/ftsep.html) no-repeat 100% 20%	}
.contact-ftr h3{	font-family: 'Lato', sans-serif;	font-size:1.2em; 	color:#c12222;  	font-weight:400; 	text-align:left; 	padding:0% 0% 1% 0%;  	margin-bottom: 4%; 	text-transform:uppercase; 	}
.contact-ftr{	width:28%; 	min-height:165px;	float:left;	padding:0% 2% 0% 2%;	}
.ftr-adrs{	width:100%; 	height:auto;	font-family: 'Lato', sans-serif;	font-size:.85em; 	color:#777;	font-weight:normal; 	line-height:1.8em;  	}
.ftr-adrs a{	 color:#777;	 font-family:'Lato', sans-serif; 	 text-decoration:none;}
.ftr-adrs a:hover{	 color:#e88811;	 font-family: 'Lato', sans-serif; text-decoration:none;	}
.ftr{	width:100%;	height:auto; float:left;background:#222222;	}
.ftr-container{	width:100%;	height:auto; margin:0 auto	}

.copyright{	width:60%; 	height:auto; 	float:left; 	font-family: 'Lato', sans-serif;	font-size:.7em; 	color:#adadad;  	font-weight:normal; 	padding:1% 0% 1% 0%; }
.webdesign-stribon{ width:auto;text-align: right; }
.webdesign-stribon a{ width:auto;font-family:'Lato', sans-serif;	font-size:.7em; 	color:#adadad;  	font-weight:normal; line-height:40px;  		}
.webdesign-stribon a:hover{ color:#FFF;}
.ftrimg{	width:auto;	height:auto;	float:right;	margin-right:5%;	padding:.3% 0% .3% 0%;  	}

.nav-menu{ float:right}
.camera_wrap .camera_pag .camera_pag_ul {list-style: none;margin: auto;padding: 0;text-align: right; position:absolute; top:90px; right:0; left:0; }
.camera_caption { width:100%; height:100%; margin:0 auto; position:relative}
.caption-banner{ width:100%; height:auto; position:absolute; bottom:15%; left:0px}
.banner-caption{font-family:'Lato', sans-serif;	font-size:57px;color:#fff; font-weight:900; line-height:70px; text-transform:uppercase; text-align:left }
.banner-sub{font-family:'Lato', sans-serif;	font-size:17px;color:#fff; font-weight:400; line-height:28px; text-align:left }

/***about-us***/
.inner-wraper{ width:100%; height:auto; margin-top:98px;position:relative}
.inner-wraper img{ width:100%; height:auto; display:block}
.inner-caption{ width:690px; height:50px; position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; text-align:center; border-bottom:1px solid #fff; border-top:1px solid #fff;font-family:'Lato', sans-serif;	font-size:32px;color:#fff; font-weight:300; line-height:44px}
.inner-content-wraper{ width:100%; height:auto; background-color:#fff}
.inner-content-container{ width:100%; height:auto; margin:0 auto; padding:0% 1%; border-bottom:1px solid #c7c7c7}
.bredcum{ width:100%; height: auto;}
.bredcum-home{ width: auto; height:auto; float:left;font-family:'Lato', sans-serif; font-weight:400; color:#999;font-size:14px; height:60px; line-height:60px; padding-right:5px;text-transform:uppercase}
.bredcum-home a{ width: auto; height:auto; float:left;font-family:'Lato', sans-serif; font-weight:400; color:#999; font-size:14px; text-decoration:none;text-transform:uppercase}
.bredcum-home a:hover{ width: auto; height:auto; float:left;font-family:'Lato', sans-serif; font-weight:400; color:#333;  font-size:14px; text-decoration:none;text-transform:uppercase}
.bredcum-next{ width: auto; height:auto; float:left;font-family:'Lato', sans-serif; font-weight:400; color:#e01e26;  font-size:14px; height:60px; line-height:60px; padding-right:5px; text-transform:uppercase}
.about-container{ width:100%; height:auto}
.about-left{ width:35%; height:auto; padding-right:2%; margin-right:2%; border-right:1px solid #d9d9d9; float:left; padding-top:120px; padding-bottom:120px;font-family:'Lato', sans-serif; font-weight:300; line-height:40px; color:#333; font-size:25px; text-align:justify}

.about-right{ width:60%; height:auto; float:left; padding-top:25px; padding-bottom:25px;font-family:'Lato', sans-serif; font-weight:300; line-height:40px; color:#333; font-size:25px; text-align:justify}
.about-right-title{font-family:'Lato', sans-serif; font-weight:300; font-size:34px; line-height:28px; color:#333; padding-bottom:15px}
.about-right-title span{font-family:'Lato', sans-serif; font-weight:900; font-size:34px; line-height:28px; color:#e01e26;}
.about-right p{ width:100%; height:auto; text-align:justify;font-family:'Lato', sans-serif; font-weight:400; font-size:15px; line-height:27px; color:#666;}
/***Careers***/
.inner-caption-1{ width:690px; height:100px; position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; text-align:center; font-family:'Lato', sans-serif;	font-size:32px;color:#fff; font-weight:300; line-height:44px}
.inner-caption-1 h2{ width:100%; height:50px;  text-align:center; font-family:'Lato', sans-serif;	font-size:32px;color:#fff; font-weight:300; line-height:44px; border-bottom:1px solid #fff; border-top:1px solid #fff;}
.inner-caption-1 h3{ width:540px; height:50px;  text-align:center; font-family:'Lato', sans-serif;	font-size:32px;color:#fff; font-weight:300; line-height:44px; border-bottom:1px solid #fff; margin:0 auto }
.last-link{  display: block; color: rgb(102, 102, 102); font-family: "Lato",sans-serif;font-size: 95%;font-weight: bold;padding: 0.9rem 0rem 0.9rem 1.2rem !important;text-decoration: none; text-transform: uppercase;  }
.careers-title{font-family: "Lato",sans-serif; font-size:34px; width:100%; text-align:left; height:80px; line-height:80px; border-bottom:1px solid #e3e3e3; font-weight:300; color:#333}
.careers-title span{font-family: "Lato",sans-serif; font-size:34px;   font-weight:900; color:#e01e26}
.openings-job{ width:100%; height:auto; padding-top:20px; padding-bottom:20px; position:relative}
.openings-title{font-family: "Lato",sans-serif; font-size:22px; width:100%; text-align:left; line-height:30px;  font-weight:300; color:#e01e26}
.openings-sub-title{font-family: "Lato",sans-serif; font-size:15px; width:100%; text-align:left;  line-height:30px;  font-weight:400; color:#666}
.apply{ width:140px; height:44px; background-color:#999;font-family: "Lato",sans-serif; font-size:15px; text-align: center;  line-height:44px;  font-weight:400; color:#fff; text-transform:uppercase; position:absolute; margin:auto; top:0; bottom:0; right:1%}
.apply:after{ content:url(../images/apply.png); padding-left:5px}
.apply:hover{ width:140px; height:44px; background-color:#e01e26;font-family: "Lato",sans-serif; font-size:15px; text-align: center;  line-height:44px;  font-weight:400; color:#fff; }
.job-description{font-family: "Lato",sans-serif; font-size:33px; width:100%; text-align:left; height:80px; line-height:80px; font-weight:300; color:#333; text-transform:uppercase}
.job-description-dtl{font-family: "Lato",sans-serif; font-size:15px; width:100%; text-align:justify;  line-height:30px;  font-weight:400; color:#666}
.job-description-sub{font-family: "Lato",sans-serif; font-size:30px; width:100%; text-align:left; height:80px; line-height:80px; font-weight:300; color:#333;}

.product-description ul{ margin:0px; padding:0px; list-style-type:none;}
.product-description ul li{font-family: "Lato",sans-serif; font-size:15px; width:100%; text-align:justify;  line-height:30px;  font-weight:400; color:#666; background:url(../images/listing.png) no-repeat left 10px; padding-left:30px; padding-bottom:10px}
.apply-now{ width:210px; height:56px; float:left;font-family: "Lato",sans-serif; font-size:25px; text-align: center; font-weight:300; margin-top:20px; background:url(../images/apply-now.jpg); background-size:100% 100%; line-height:50px;color:#fff }
.apply-now:after{ content: url(../images/ap-arow.png); padding-left:10px;display: inline-block;
   vertical-align: middle;
   height:30px;
   line-height: normal;}
a.apply-now{ width:210px; height:56px; float:left;font-family: "Lato",sans-serif; font-size:25px; text-align: center; font-weight:300;color:#fff }
a:hover .apply-now{ width:210px; height:56px; float:left;font-family: "Lato",sans-serif; font-size:25px; text-align: center; font-weight:300;color:#ccc }

/***clients***/
.clients-container{ width:100%; height:auto; background-color:#f4f4f4; padding:2% 2%}
.client-dtl{ width:23.5%; height:160px;  float:left; margin-right:2%; margin-top:2%; position:relative;filter: grayscale(100%);background-color:#fff; margin-bottom:2%}
.client-dtl:hover{ width:23.5%; height:160px;  float:left;  position:relative;filter: grayscale(0%); border:3px solid #e01e26}
.client-dtl:nth-child(4n){ width:23.5%; height:160px;  float:left; margin-right:0%;filter: grayscale(100%);background-color:#fff;}
.client-pic{ width:180px; height:130px; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0}
.client-dtl:nth-child(4n):hover{ width:23.5%; height:160px;  float:left; margin-right:0%;filter: grayscale(0%); border:3px solid #e01e26}
/***contact us***/
.contact-left{ width:40%; height:540px; float:left; background-color:#f4f4f4; padding:45px 3%}
.contact-right{ width:55%; height:540px; float:right; background-color:#f4f4f4; padding:45px 3%}
.contact-title{ width:100%; height:40px; line-height:40px; color:#333;font-family: "Lato",sans-serif; font-weight:300; font-size:35px;}
.contact-title span{ width:100%; height:40px; line-height:40px; color:#e01e26;font-family: "Lato",sans-serif; font-weight:900; font-size:35px;}
.contact-left p{font-family: "Lato",sans-serif; font-size:18px; width:100%; text-align:justify;  line-height:30px;  font-weight:400; color:#666; padding-top:6px}
.contact-cal{font-family: "Lato",sans-serif; font-size:18px; width:100%; text-align:justify;  line-height:30px;  font-weight:400; color:#666;/* margin-top:15px;*/ background:url(../images/contact-cal.png) no-repeat left center; padding-left:30px}
.contact-mail{font-family: "Lato",sans-serif; font-size:18px; width:100%; text-align:justify;  line-height:30px;  font-weight:400; color:#666; margin-top:15px; background:url(../images/mail-contact.png) no-repeat left center; padding-left:30px}
.contact-social{ width:auto; height:auto; float:left; margin-top:15px}
.contact-social-icon{ width:auto; height:auto; float:left; margin-right:15px}
.enquiry-wrap{ width:80%; height:auto; margin:0 auto}
.enquiry{ width:100%; height:auto; padding-top:15px}
.enquiry-box{ width:49%; height:auto; float:left; margin-bottom:15px}
.enquiry-box-2{ width:100%; height:auto; float:left; margin-bottom:15px}
.enquiry-box:nth-child(2n){ width:49%; height:auto; float:right; margin-bottom:15}
.enquiry-box-txt{ width:100%; height:40px; border:1px solid #e8e8e8;font-family: "Lato",sans-serif; font-size:15px; color:#adadad;  font-weight:300; line-height:40px; padding-left:10px}
.enquiry-box-1{ width:100%; height:auto; float:left; margin-bottom:15px}
.enquiry-box-txt-1{ width:100%; height:110px; border:1px solid #e8e8e8;font-family: "Lato",sans-serif; font-size:15px; color:#adadad;  font-weight:300; line-height:25px; padding-left:10px; padding-right:5px}
.enquiry-submit{ width:100%; height:auto; text-align:right}
.contact-location{ width:100%; height:auto; margin-top:70px;filter: grayscale(100%)}
/****vision****/
.vision{ width:42%; height:auto; float:left; padding-top:5%; padding-bottom:20%}
.mission{ width:42%; height:auto; float:right; padding-top:5%; padding-bottom:20%}
.vision-icon{ width:25%; height:auto; float:left}
.vision-icon img{ width:100%; height:auto; display:block}
.vision-dtl{ width:70%; height:auto; float:right; padding-top:5px; padding-bottom:5px}
.vision-title{ width:100%; height:40px; line-height:40px; color:#333;font-family: "Lato",sans-serif; font-weight:300; font-size:26px; text-transform:uppercase}
.vision-title span{ width:100%; height:40px; line-height:40px; color:#e01e26;font-family: "Lato",sans-serif; font-weight:900; font-size:26px;}
.mission-dtl{font-family: "Lato",sans-serif; font-size:15px; width:100%; text-align:justify;  line-height:30px;  font-weight:400; color:#666}
/***objectives***/
.objectives{ width:100%; height:auto; float:right; padding-top:0%; padding-bottom:20%}
.objectives ul{ margin:0;}
.objectives ul li{background: url(../images/listing.png) no-repeat left 10px; list-style: none ;font-family: "Lato",sans-serif; font-size:15px; width:100%; text-align:justify;  line-height:30px;  font-weight:400; color:#666; padding-left:3%;}

/***solution***/
.infrastructure{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; float:left; text-align:justify; padding-top:2% !important}
.infrastructurepic{   padding-right:15px; padding-bottom:10px; float:left}
.infrastructurepic img{
  display: block;
  height: auto;
  max-width: 100%;
}
.infrastructure p{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; float:left; text-align:justify}
.solution{font-family: "Lato",sans-serif; font-size:30px; width:100%; text-align:left; line-height:30px; font-weight:300; color:#333; padding-top:25px; padding-bottom:10px}
/***services***/
.services-left{ width:50%; height:auto; float:left}
.automation{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; padding-left:1%; padding-top:5px}
.automation a:after{ content: url(../images/services.png); padding-left:10px;display: inline-block;   vertical-align: middle;   height:34px; line-height: normal;}
.automation a{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.automation a:hover{font-family: "Lato",sans-serif; font-size:15px; color:#e01e26;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.automation a:hover:after{ content: url(../images/services-hover.png); }
.services-right{ width:50%; height:auto; float:right}
.services-container{ width:100%; height:435px; background:url(../images/power.jpg) no-repeat center center;}


.conference{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; padding-left:36%; padding-top:5px}
.conference a:before{ content: url(../images/services.png); padding-right:10px;display: inline-block;   vertical-align: middle;   height:34px; line-height: normal;}
.conference a{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.conference a:hover{font-family: "Lato",sans-serif; font-size:15px; color:#e01e26;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.conference a:hover:before{ content: url(../images/services-hover.png); }


.erp{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; padding-left:0%; padding-top:40px}
.erp a:after{ content: url(../images/services.png); padding-left:10px;display: inline-block;   vertical-align: middle;   height:34px; line-height: normal;}
.erp a{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.erp a:hover{font-family: "Lato",sans-serif; font-size:15px; color:#e01e26;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.erp a:hover:after{ content: url(../images/services-hover.png); }


.cctv{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; padding-left:55%; padding-top:40px}
.cctv a:before{ content: url(../images/services.png); padding-right:10px;display: inline-block;   vertical-align: middle;   height:34px; line-height: normal;}
.cctv a{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.cctv a:hover{font-family: "Lato",sans-serif; font-size:15px; color:#e01e26;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.cctv a:hover:before{ content: url(../images/services-hover.png); }


.cabling{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; padding-left:5%; padding-top:65px}
.cabling a:after{ content: url(../images/services.png); padding-left:10px;display: inline-block;   vertical-align: middle;   height:34px; line-height: normal;}
.cabling a{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.cabling a:hover{font-family: "Lato",sans-serif; font-size:15px; color:#e01e26;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.cabling a:hover:after{ content: url(../images/services-hover.png); }


.web{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; padding-left:53%; padding-top:65px}
.web a:before{ content: url(../images/services.png); padding-right:10px;display: inline-block;   vertical-align: middle;   height:34px; line-height: normal;}
.web a{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.web a:hover{font-family: "Lato",sans-serif; font-size:15px; color:#e01e26;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.web a:hover:before{ content: url(../images/services-hover.png); }


.dcs{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; padding-left:0%; padding-top:65px}
.dcs a:after{ content: url(../images/services.png); padding-left:10px;display: inline-block;   vertical-align: middle;   height:34px; line-height: normal;}
.dcs a{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.dcs a:hover{font-family: "Lato",sans-serif; font-size:15px; color:#e01e26;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.dcs a:hover:after{ content: url(../images/services-hover.png); }


.attendence{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; padding-left:49%; padding-top:65px}
.attendence a:before{ content: url(../images/services.png); padding-right:10px;display: inline-block;   vertical-align: middle;   height:34px; line-height: normal;}
.attendence a{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.attendence a:hover{font-family: "Lato",sans-serif; font-size:15px; color:#e01e26;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.attendence a:hover:before{ content: url(../images/services-hover.png); }

.firewall{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; padding-left:38%; padding-top:43px}
.firewall a:after{ content: url(../images/services.png); padding-left:10px;display: inline-block;   vertical-align: middle;   height:34px; line-height: normal;}
.firewall a{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.firewall a:hover{font-family: "Lato",sans-serif; font-size:15px; color:#e01e26;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.firewall a:hover:after{ content: url(../images/services-hover.png); }


.acs{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; padding-left:40%; padding-top:43px}
.acs a:before{ content: url(../images/services.png); padding-right:10px;display: inline-block;   vertical-align: middle;   height:34px; line-height: normal;}
.acs a{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.acs a:hover{font-family: "Lato",sans-serif; font-size:15px; color:#e01e26;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none}
.acs a:hover:before{ content: url(../images/services-hover.png); }
.common-services{ width:100%; height:auto}


.tps{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase;  padding-top:44px; text-align:center; }
.tps a{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none; background:url(../images/services.png) no-repeat center top; padding-top:35px;}
.tps a:hover{font-family: "Lato",sans-serif; font-size:15px; color:#e01e26;  font-weight:400; line-height:25px; text-transform:uppercase; text-decoration:none; background:url(../images/services-hover.png) no-repeat center top}
.services-bottom{font-family: "Lato",sans-serif; font-size:15px; color:#666;  font-weight:400; line-height:25px; float:left; text-align:justify; padding-top:70px}

/* Wrapper */
.icon-button {
	background-color: #aaabab;
	border-radius:50%;
	cursor: pointer;
	display: inline-block;
	font-size: 3.0rem;
	height:3rem;
	line-height:3rem;
	
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width:3rem; float:left; margin-right:12px
}
/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width: 3rem;
	height: 3rem;
	border-radius:3rem;
	margin: -1.5rem;
}
.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}
.google-plus span {
	background-color: #db5a3c;
}






.youtube span {
	background-color: #ce1627;
}





/* Icons */
.icon-button i {
	background: none;
	color: white;
	height:3rem;
	left: 0;
	line-height: 3rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width:3rem;
	z-index: 10; color:#fff
}

.icon-button i:hover {
	background: none;
	color: white;
	height:3rem;
	left: 0;
	line-height: 3rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width:3rem;
	z-index: 10; color:#fff
}