html,body
{
	margin:0;
	padding:0;
}
img
{
	max-width:100%;
}
ul li
{
	list-style:none;
}
@font-face {
    font-family: 'montserratbold';
    src: url('../woff2/montserrat-bold.woff2') format('woff2'),
         url('../woff/montserrat-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;


}
@font-face {
    font-family: 'montserratmedium';
    src: url('../woff2/montserrat-medium-webfont.woff2') format('woff2'),
         url('../woff/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratextralight';
    src: url('../woff2/montserrat-extralight-webfont.woff2') format('woff2'),
         url('../woff/montserrat-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratlight';
    src: url('../woff2/montserrat-light-webfont.woff2') format('woff2'),
         url('../woff/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('../woff2/montserrat-regular-webfont.woff2') format('woff2'),
         url('../woff/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratregularr';
    src: url('../woff2/montserrat-regular.woff2') format('woff2'),
         url('../woff/montserrat-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face{
	font-family:"Proxima Nova Regular";
	src:url('../otf/proxima%20nova%20regular.otf');
}

body
{
	 font-family: 'montserratregularr';
}
.margin_auto
{
	float:none !important;
	margin:0 auto !important;
}
.pad_out
{
	padding:0;
}
.navbar
{
	    margin-bottom: 0px;
    position: absolute;
    z-index: 10000;
    width: 100%;
    top: 26px;
	    background: transparent;
    border: none;
}
.mob-side-nav
{
	display:none;
}
.logo img
{
	   width:75%;
		margin-top: -30px;
}
.carousel-control.left,.carousel-control.right
{
	background:none;
}
.item img
{
	width:100%;
}
.navbar-default .navbar-nav > li > a {
    color: #fff !important;
    text-transform: uppercase;
	        font-size: 15px;
}
.navbar-nav
{
	       margin-top: 25px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
	    background: #001647;
}
.carousel-caption
{
	    top: 40%;
}
.carousel-caption h4
{
	      font-size: 21px;
    text-shadow: none;
}
.carousel-caption h3
{
	margin-top:14px;
    font-size:42px;
    text-shadow: none;
    font-family: 'montserratbold';
	margin-bottom:5px;
}
.carousel-caption h3 span
{
	    color: #061f47;
}
.carousel-caption h5
{
	    font-size: 18px;
    text-shadow: none;
}
.but-know input {
    background: #061f47;
    border: none;
        padding: 15px 28px 15px;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 17px;
}
.blue-bg {
          background: #061f47;
        padding: 3px 0px 12px;
    line-height: 34px;
}
.bl-bg-con
{
	      color: #fff;
    margin-top: 21px;
    font-size: 19px;
    font-family: "Proxima Nova Regular";
        text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
ul.cont-follow
{
	padding:0;
	float:left !important;
	    margin-top: 2px;
} 
ul.cont-follow li
{
	    color: #34343a !important;
	font-family: "Proxima Nova Regular";
	
}

ul.cont-follow li i {
    
    width: 20px !important;
    height: 20px !important;
       font-size: 13px;
    line-height: 20px !important;
}
.but-cont
{
	         background: #fff;
    width: 185px;
    height: 50px;
    border-radius: 7px;
    margin-top: 9px;
    text-align: center;
    font-size: 17px;
    line-height: 50px;
    text-transform: uppercase;
    color: #061f47;
}
.abt-cont-out h3
{
	    font-family: 'montserratmedium';
    font-size: 25px;
}
.abt-cont-out p
{
	    color: #827c7c;
    font-size: 15px;
    font-family:"Proxima Nova Regular";
}
.abt-cont
{
	    line-height: 28px;
    margin-top: 15px !important;
    color: #656262;
    font-size: 15px;
   font-family:"Proxima Nova Regular";
}
.abt-cont-outr {
       margin-top: 32px;
	    padding-bottom:65px;
}
.abt-img
{
	 margin-top: 30px;
}
.abt-img img
{
	height:280px;
}
.abt-sub
{
	background: rgba(0, 0, 0, 0.6);
    color: #fff;
    margin-top: -40px;
    height: 41px;
    line-height: 39px;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
}
.but-rd1 input {
    background: #2456a5;
    border: none;
    color: #ffffff;
    padding: 14px 34px 17px;
    text-transform: uppercase;
}
.bg-exp
{
	background:url(../jpg/exp.jpg);
	min-height:535px;
	
	color:#fff;
	background-size:cover;
}
.bg-exp-opac {
    background: rgba(21, 34, 111, 0.62);
    min-height: 535px;   
    padding-bottom: 55px;
}
.tp-exp
{
	    margin-top: 63px;
}
.tp-exp h3
{
	font-family: 'montserratbold';
	    font-size: 28px;
    text-transform: uppercase;
}
.tech-expy
{
	margin-top: 35px !important;
    line-height: 27px;
    font-size: 15px;
    font-family: 'montserratlight';
	text-align:justify;
}
.product {
    background: #e0d4cd;
    padding: 35px 0px 70px;
}
.product h3
{
	font-family: 'montserratbold';
	  font-size: 27px;
    text-transform: uppercase;
}
.fet-pdt 
{
	    background: #fff;
       padding: 3px 28px 7px;
}
.fet-prd
{
	    margin-top: 45px !important;
}
.abt-emp
{
	 
		    background: #403c3b;
    color: #e0dfdf;
	    height: 569px;
       padding: 84px 7px 109px;
}
.abt-emp h3
{
	text-transform: uppercase;
    font-family: 'montserratbold';
    font-size: 25px;
    text-align: center;
	
}
.abt-employe img
{
	    height: 569.4px;
		    width: 100%;
}
.abt-emp-cont
{
	    margin-top:35px !important;
    line-height: 26px;
    /* color: #ccc; */
    color: #cccaca;
    font-family: 'montserratlight';
}
.but-rd1
{
	    margin-top: 35px;
		font-family: 'montserratbold';
}
.dropdown-menu
{
	    left:0px !important;
		    min-width: 183px;
}
.but-rd
{
	    margin-top: 35px;
		font-family: 'montserratbold';
}
.but-rd input
{
	    background: #bbb;
    border: none;
    color: #403c3b;
    padding: 14px 34px 17px;
	text-transform:uppercase;
}
.clent
{
	    background: url(../jpg/cl-img.jpg);
    min-height: 260px;
}
.clent-opac
{
	    min-height: 315px;
    background: rgba(27, 16, 109, 0.3);
    color: #fff;
        padding: 29px 0px 30px;
}
.dropdown-menu > li > a
{
	    padding: 7px 20px;
}
.clent-opac h3
{
	text-transform: uppercase;
    font-family: 'montserratbold';
    font-size: 25px;
    text-align: center;
}
.cl-prd
{
	        margin-top:60px !important;
    min-height: 111px;
}
.cl-pdt
{
	    background: #fff;
        padding: 4px 10px 7px;
		text-align:center;
}
.cl-pdt img
{
	
	width:200px;
}
.foot-outer
{
	    background: #222222;
		    padding:26px 0px 14px;
		
}
.sitemap ul
{
	padding:0;
}
.tp-pr
{
	margin-top: -1px;
}
.sitemap ul  li
{
	   float: left;
    color: #a2a2a2;
    margin-left: 10px;
    font-size: 15px;
    font-family: 'montserratlight';
}
.follow-us ul
{
	    float: right;
		    font-family: 'montserratlight';
			 font-size: 15px;
}
.actvee
{
	    border: 1px solid #ea1e27;
    margin-top: -18px;
    text-align: center;
    margin: 0 auto;
    float: none;
    margin-top: -18px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.follow-us ul li
{
	    color: #a2a29e;
		float:left;
		margin-right:10px;
}
.follow-us ul li i
{
	    border-radius: 50%;
    border: 1px solid #a2a2a2;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
}
.foot-sub
{
	    padding: 13px 0px 10px;
    background:#cecdcd;
	text-align:center;
}
.bg-back
{
	    background: url(../contact-2.html);
    min-height:255px;
    background-size: cover !important;
    background-position: center !important;
 
}
.bg-back-opac
{
	    background:rgba(10, 10, 10, 0.47);
	 min-height:255px;
	
}
.side-nav ul
{
	padding:0;
	    margin-top: 54px;
    border: 1px solid #dedbdb;
   
    display: block;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
	background:none;
}
.side-nav ul li
{
	    padding: 10px 0px 14px;
    border-bottom:1px solid #dedbdb;
	 padding: 18px 20px 17px;
	     font-size: 15px;
		  border-left: 5px solid #e4e4e4;
   
}
li.active-sec {
       border-left: 6px solid #548ec7 !important;
    background: #326598;
    color: #fff;
}
.side-nav ul li a
{
	color:#333 !important;
}
.service-detail-section
{
	  margin-top: 54px;
}
.service-detail-section h3{
	margin-top:0px;
}
.staf-detail
{
	    font-family: "Proxima Nova Regular";
    text-align: justify;
    line-height: 30px;
    font-size: 15px;

}
.service-detail-section h4
{
	    border-bottom: 1px solid #dedbdb;
    border-top: 1px solid #dedbdb;
    padding: 7px 4px 6px;
    margin-top: -3px;
        color: #326598;
    margin-bottom: 14px;
       font-size: 16.5px;
	   text-transform:uppercase;
}
.staf-detail span
{
	    font-weight: bold;
    
}
.img-tp
{
	    margin-top: -2px;
}
ul.tech-pad 
{
	padding:0;
}

ul.tech-pad  li
{
	margin-top:2px;
}
ul.tech-pad  li.sub
{ 
	padding-left:20px;
}
ul.tech-pad  i.fa.fa-check {
    color:#326598;
}
.contact-info
{
	    background: rgb(228, 228, 228);
    padding: 0px 16px 17px;
}
.contact-info h3
{
	    font-size: 19px;
}
.tech-info h3
{
	       font-size: 17px;
    background:#326598;
    color: #fff;
    padding: 7px 9px 7px;
}
.item a
{
	color:#fff;
}
.tech-info .p-sec
{
	    margin-top: 10px;
    color: #717070;
    font-family: "Proxima Nova Regular";
}
.tech-info .p-sec1
{
	    color: #2d467d;
    font-weight: 600;
    text-decoration: underline;
    margin-top: -6px;
}
.info-out
{
	    margin-top: -10px;
    border: 1px solid #ccc;
    padding: 0px 12px 9px;
}
.tp-imgg
{
	    padding-top: 23px !important;
    clear: both;
}
.tp-imgg1
{
	    padding-top: 28px !important;
    clear: both;
}
.tp-prj {
    margin-top: 15px;
}
.side-nav ul  a
{
	
    color: #333 !important;
}
.portfolio h3
{
	        color: #4890d8;
    font-size: 17px;
    margin-top: 15px;
    padding-bottom: 0px;
}
i.fa.fa-check {
    color: #326598;
}
.portfolio ul
{
	padding:0;
	clear:both;
}
.portfolio ul li.sub-heading
{
	       font-weight: bold;
    margin-top: 15px;
    color: #545353;
    letter-spacing: 0.3px;

}
.brd-emp-log
{
	    border: 1px solid #dad9d9;
    padding: 23px 0px 50px;
}
.emp-log input
{
	background:#548ec7;
    border: none;
    color: #fff;
    width: 120px;
    height: 36px;
    margin-top: 28px;
}
.portfolio ul li.sub-cont
{
	font-family: "Proxima Nova Regular";
	    text-align: justify;
    line-height:27px;
    font-size: 15px;
	    margin-top: 9px;
    margin-bottom: 11px;
}
.pdt-sec
{
	text-align:center;
	    margin-top: 28px;
}
.pdt-cont
{
	    font-family: "Proxima Nova Regular";
    line-height: 25px;
    font-size: 15px;
}
.prdt-detl
{
	margin-top:15px !important;
}
.pdt-outr {
    border: 1px solid #e4e3e3;
   padding: 25px 0px 28px;
       margin-top: 20px;
	       min-height: 177px;
}
.caption {
    
    background: #548ec7;
         width: 185px;
    margin: 0 auto;
        margin-top: 28px;
    padding: 7px 0px 10px;
    color: #fff;
}
.pdt-outr  img
{
	height:55px;
}
.tp-community
{
	    margin-top: 22px;
       border-bottom: 1px solid #e4e4e4;
    padding-bottom: 17px;
}
.enq-ou
{
	    margin-top:38px;
}
.enq-outr1
{
	    border-right: 1px solid #e0e0e0;
}
.enq-outr h3
{
	    color: #656262;
    padding-left: 17px;
	font-size:20px;

}
.input-typer {
    margin-top:16px;
	  font-family: "Proxima Nova Regular";
}
.addr 
{
	margin-top:9px;
}
.addr span
{
	
	     font-family: 'montserratmedium';
    font-size: 16px;
}

.addr p
{
	margin-bottom:0px;
	margin-top:5px;
	 font-family: "Proxima Nova Regular";
	 font-size:15px;
}
td, th {
    padding: 5px;
}
button.send-but {
    background: #436ac1;
    border: none;
    width: 95px;
    height: 35px;
    color: #fff;
}
.table-top
{
	margin-top:15px;
}
.out-tool
{
	margin-top:60px;
    background:url("../jpg/16.jpg");
   padding: 31px 0px 55px;
   background-size:cover;
   background-attachment:fixed;
      color: #ececec;
}
.tool-desc i
{
	    font-size: 28px;
           color: #71c6ec;
		       margin-top: -5px;
}
.out-tool h3
{
	font-size: 27px;
}
.tool-desc {
        padding: 15px 40px 6px;
    margin-top: 28px;
}
.tool-desc h4
{
	    margin-top: 0px;
        color: #71c6ec;
		
}
.tool-desc p
{
	    line-height: 27px;
    font-family: "Proxima Nova Regular";
    font-size: 15px;
}
label.err
{
	color:#d63838;
}



/* media queries */
@media only screen and (max-width:1242px)
{
	
	.nav > li > a
	{
	    padding: 10px 10px !important;
	}
	.navbar-default .navbar-nav > li > a 
	{
		font-size: 13px;
	}
	.abt-emp
	{
		    padding: 23px 7px 10px;
	}
	
}
@media only screen and (max-width:1160px)
{
	.bl-bg-con {
    
    text-align: center;
	}
	.but-cont
	{
		  margin-top: 21px;
	}
	
}
@media only screen and (max-width:1150px)
{
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand
	{
		margin-left: -78px;
	}
	.carousel-caption {
    top: 30%;
}
	.carousel-caption h4 {
    font-size: 16px;
   
}
	.carousel-caption h3 {
   
    font-size: 35px;
	}
	.navbar-right
	{
		margin-right: -50px;
	}
	.logo img 
	{
		width: 80%;   
	}
	.carousel-caption h5 {
    font-size: 14px;
	}
	
}
@media only screen and (max-width:991px)
{
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand 
	{
		width: 200px;
		
	}
	.paddy
	{
		padding:0px;
	}
	.mb-bt
	{
		margin-bottom: 15px;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -64px;
}
	.navbar-default .navbar-nav > li > a {
    font-size: 12px;
}
.abt-cont-outr {
    
    padding-bottom: 40px;
}
	.logo img
	{
		margin-top: -19px;
		width:100%;
	}
	.nav > li > a {
    padding: 10px 5px !important;
}
}
@media only screen and (max-width:767px)
{
	.des-side-nav
	{
		display:none;
	}
	.fet-pdt
	{
		    margin-bottom: 15px;
	}
	.tp-exp {
    margin-top: 45px;
	
}
.fet-pdt img {
   
    width: 59%;
}
.tech-expy {
        margin-top: 11px !important;
    padding: 8px;
	
}
	.tp-exp h3 {
   
    font-size: 25px;
	}
	.abt-img img {
     height: auto; 
    width: 100%;
}
	.but-cont {
       float: none;
    margin: 0 auto;
    margin-top: 6px;
    width: 135px;
    height: 39px;
    line-height: 39px;
    font-size: 14px;
}
.blue-bg {
   
    padding:0px 0px 22px;
}
	.tp-pr {
    margin-top: 79px;
}
	.but-know input {
    
    padding: 10px 18px 11px;
	}
	.carousel-caption h3 {
    font-size: 30px;
}
	.carousel-caption h4
	{
		display:none;
	}
	.abt-emp {
    padding: 30px 34px 43px;
	height:auto !important;
}
	.abt-employe img
	{
		height:auto !important;
	}
	.tool-desc {
    padding: 15px 0px 6px;
	}
	.tool-desc h4
	{
		padding-left:9px;
	}
	.pad-mob-out
	{
		padding:0px !important;
	}
	.img-tp {
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-nav .open .dropdown-menu > li > a {
   
    margin-top: 9px;
    border-bottom: 1px solid #ccc;
}
	.enq-outr-cn
	{
		    background: #f1f1f1;
    margin-top: 19px;
    padding-bottom: 15px;
	}
	.map-tp
	{
		margin-top:0px !important;
	}
	.follow-us ul
	{
		float:left !important;
		padding-left:10px;
		padding-top:10px;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand
	{
		margin-left: -25px;
	}
	.mob-side-nav
	{
		display:block;
		    padding: 0px 12px 0px;
	}
	.carousel-caption {
    top: 19%;
}
	.tog-menu
	{
		    background: #326598;
    padding: 10px 11px 12px;
    font-size: 16px;
    color: #fff;
    margin-top: 33px;
	cursor:pointer;
	}
	.logo img {
    margin-top: -16px;
    width: 147px;
    margin-left: 17px;
}
.navbar
{
	    background: #fff;
    top: 0px;
    min-height: 75px;
}
.navbar-header {
    min-height: 79px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color:#fff !important;
}
.navbar-toggle
{
	    margin-top: 20px;
}

.navbar-default .navbar-nav > li > a {
    color: #4a4949 !important;
	    font-size: 14px;	
    border-bottom: 1px solid #ccc;
}
.clent-opac {
    min-height: 430px;
}
.cl-prd {
    margin-top: 41px !important;
}
.navbar-right {
    margin-right: -15px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    width: 276px;
}
.nav > li > a {
    padding: 15px 5px !important;
}
.navbar-nav {
    margin-top: 14px;
}

	.side-nav ul
	{
		display:none;
		    margin-top: 0px;
	}
	li.active-sec {
      background: #3b79b7;
	}
	.service-detail-section {
    margin-top: 22px;
}
.product h3
{
	    font-size: 20px;
}
.fet-prd {
    margin-top: 34px !important;
}
.abt-emp {
    padding: 13px 22px 46px
}
.abt-emp-cont {
    margin-top: 22px !important;
}
}
@media only screen and (max-width:500px)
{
	.fet-pdt img {
   
    width:100%;
}
.clent-opac h3
{
	font-size:21px;
}
.cl-prd {
    margin-top: 28px !important;
   
}
	.carousel-caption h3 {
    font-size: 24px;
	  
}
.abt-emp h3 {
   
    font-size: 23px;
}
.product {
   
    padding: 20px 0px 44px;
}
.clent-opac {
    
    padding: 29px 0px 65px;
}
.abt-cont-out h3 {
  
    font-size: 23px;
}
.abt-cont-outr {
    margin-top: 17px;
    
}
.bl-bg-con
{
	    line-height: 22px;
		  font-size: 16px;
}
.tp-exp h3 {
   
    font-size: 20px;
	}
.carousel-caption h5 {
    font-size: 13px;
}
.but-know
{
	display:none;
}
.clent-opac {
    min-height: auto;
}
}

@media only screen and (max-width:380px)
{
	
	.carousel-caption h5 {
    font-size: 11px;
    margin-top: 6px;
}
.clent-opac h3 {
    font-size: 19px;
}
.abt-emp-cont {
    margin-top: 12px !important;
  
}
.abt-emp h3 {
    font-size: 20px;
}
.tp-exp {
    margin-top: 20px;
}
.bl-bg-con {
  font-size: 15px;
}
.logo img {
    margin-top: -13px;
    width: 135px;
}
.carousel-caption h3 {
    font-size: 20px;
    margin-bottom: 0px;
}
.carousel-caption {
    top: 12%;
}
.but-cont {
    
    width: 122px;
    height: 36px;
    line-height: 37px;
    font-size: 13px;
}
}
@media only screen and (max-width:300px)
{
	.carousel-caption
	{
		display:none;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    width: 190px;
}
}