@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700');
body{
	font-family: 'Oswald', sans-serif;
	margin:0px;
	padding:0px;
	font-size:14px;
}
::selection
{
	background-color:#ff6600;
	color:#FFF;
}
h1,h2,h3,h4{font-family: 'Oswald', sans-serif;}
.header{
	width:100%;
	background-color:#fff;
}
.subheader{
	width:75%;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}

.tp-bg{
	background-color:#0065aa;
}
	
.logoholder
{
	width:25%;
	float:left;
	padding-top:30px;
	padding-bottom:30px;
}
.menuholder
{
	width:70%;
	float:right;
}
.clr{
	clear:both;
}
.logo{
	/*width:90%;*/
}
.menu{
	float:right;
}
.menu li
{
	float:left;
	display:block;
}
.menu li a{
	display:block;
	padding:50px 10px 10px 10px;
	text-decoration:none;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
}
.menu li a:hover{	
	background-color:#ff0000;
	color:#FFF;
}
.topheader{
	width:100%;
	background-color:#ff6633;
}
.topsubheader{
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
.hdfl{
	float:right;
	padding-top:10px;
	padding-bottom:10px;
	/*margin:-10px 0;*/
}
.hdfl ul{
     display:block;
	 float:right;
}
.hdfl ul li
{
	display:block;
	float:left;
	padding:0px 10px;
	border-right:1px solid #000;
	color:#FFF;
	font-size:14px;
}
.hdfl ul li:last-child{
	padding-right:0px;
	border-right:none;
}

.footer
{
	width:100%;
	background-color:#0065aa;
	/*padding:50px 0;*/
}
.subfooter{
    width:75%;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
	padding-bottom:20px;
}
.ftul{
	display:block;
	margin-left:-35px;
}
.ftul> li{
	display:block;
	width:30%;
	float:left;
	margin-right:5%;
}
.ftul> li:last-child{
	margin-right:0px;
}
.fthd
{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	font-weight:600;
	color:#FFF;
	text-transform:uppercase;
	padding-bottom:15px;
}
.ftp{
	font-size:13px;
	color:#FFF;
}
.ftp a{
	color:#FFF;
}
.ftp a:hover{
	color:#ff6600;
}
.fttable{
	width:100%;
	color:#FFF;
}
.fttable td{
	padding-bottom:5px;
}
.fttable .fst{
	width:20%;
	vertical-align:top;
}
.social{
	display:block;
	padding-top:10px;
	float:left;
}
.social li{
	display:block;
	float:left;
	margin-right:10px;
}
.social li img{
	width:30px;
}
.social li:last-child{
	margin-right:0px;
}
.des{
	font-size:10px;
	color:#FFF;
}
.des a{
	color:#FFF;
	text-decoration:none;
}



.container{
	width:100%;
}
.subcontainer{
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
.padtb{
	padding-top:70px;
	padding-bottom:70px;
}
.frontimg
{
	background-image:url(../images/sajelectromech.jpg);
	height:600px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-top:-10px;
}
.fronthd{
	font-family: 'Oswald', sans-serif;
	text-align:center;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	font-size:50px;
	font-weight:700;
	color:#FFF;
	text-transform:uppercase;
	padding-top:150px;
}
.pichol{
	width:75%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-170px;
}
.picd{
	display:block;
	float:left;
	width:33.3%;
	position:relative;
}
.picd img{
	width:100%;
}
.inpic{
	width:100%;
	text-align:center;
	text-transform:uppercase;
	position:absolute;
	color:#FFF;
	font-size:30px;
	font-weight:700;
	top:50px;
}
.mainhd{
	font-family: 'Oswald', sans-serif;
	width:100%;
	color:#ff6600;
	font-size:38px;
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	padding-bottom:40px;
}

.mainhd1{
	font-family: 'Oswald', sans-serif;
	width:100%;
	color:#fff;
	font-size:38px;
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
}
.hydrodiv
{
	width:100%;
	text-align:center;
	padding-top:20px;
}
.hydro{
	width:50%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.morehol
{
	display:block;
	padding-top:100px;
}
.more
{
	padding:6px 20px;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	font-size:24px;
	font-weight:700;
	text-transform:uppercase;
}
.more:hover{
	color:#FFF;
	background-color:#000;
}
.col1{
	background-color:#ff6600;
}
.col2{
	background-color:#CCC;
}
.col3{
	background-color:#0065aa;
}
.hd2{
	font-family: 'Oswald', sans-serif;
	width:100%;
	text-align:center;
	color:#FFF;
	font-size:40px;
	font-weight:700;
	text-transform:uppercase;
	padding:70px 0;
}
.tbl{
	display:table;
	width:100%;
}
.half1{
	display:table-cell;
	width:50%;
	background-image:url(../images/Electro-mechanical.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.half2{
	display:table-cell;
	width:50%;
	background-color:#0065aa;
}
.pk1
{
	width:85%;
}
.pk2
{
	display:block;
	padding-left:100px;
}
.pk2> .para
{
	font-size:18px;
    line-height:30px;
	padding-bottom:10px;
	color:#FFF;
}
.col{
	display: block;
	float:left;
	margin-right:1%;
	/*width: 19.2%;*/
	width:15.5%;
}

.col4{
	display: block;
	float:left;
	margin-right:1%;
	/*width: 19.2%;*/
	width:24%;
}

.col:nth-child(6){
    margin-right:0px;
}
col4:nth-child(4){
	margin-right:0px;
}



.col p{
	width:90%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-size:31px;
	font-weight:700;
}
.col p a{
	color:#FFF;
	text-decoration:none;
	display:block;
}
.col p a img{
	display:block;
	width:100%;
}
.qua{
	display: block;
	float:left;
	margin-right:8%;
	width:28%;
	text-align:center;
}
.qua:last-child{
	margin-right:0px;
}
.qua img{
	width:100%;
}
.qua p
{
	font-size:20px;
	font-weight:700;
}
.adh{
	font-size:20px;
	text-transform:uppercase;
	font-weight:700;
}
.adul{
	display:block;
	margin-left:-35px;
}
.adul li
{
	display:block;
	font-size:18px;
}
.adul li p{
	font-weight:700;
	margin-bottom:2px;
}


.contul
{
	width:70%;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:80px;
	padding-bottom:50px;
}
.contul li
{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px;
	margin-right:4%;
	list-style-type:none;
	margin-bottom:25px;
	background-color:#FFF;
}
.contul li div
{
	border:1px solid #ff6600;
	padding-top:10px;
	padding-bottom:10px;
}

.txc
{
	width:90%;
	border:none;
	outline:none;
	resize:none;
	font-size:16px;
	font-family: 'Oswald', sans-serif;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.txca
{
	width:95%;
	border:none;
	outline:none;
	resize:none;
	font-size:16px;
	font-family: 'Oswald', sans-serif;
}
.btn
{
	background-color:#ff6600;
	color:#FFF;
	font-size:22px;
	border:none;
	padding:20px 35px;
	width:100%;
	text-transform:uppercase;
	cursor:pointer;
	
}
.cont{
	width:50%;
	float:right;
	background-color:#FFF;
	-webkit-box-shadow: 0px -12px 68px 6px rgba(107,107,107,0.23);
-moz-box-shadow: 0px -12px 68px 6px rgba(107,107,107,0.23);
box-shadow: 0px -12px 68px 6px rgba(107,107,107,0.23);
margin-top:-450px;
}
.padtb2{
	padding:10px 0;
}
.hdm{
	font-size:24px;
	text-transform:uppercase;
}
.plef
{
	width:20%;
	float:left;
	margin-right:5%;
}
.prg{
	width:75%;
	float:left;
}
.catul{
	display:block;
	margin:0px;
	padding:0px;
}
.catul li{
	display:block;
	list-style-type:none;
	/*border-bottom:1px solid #999;*/
	padding-bottom:10px;
	padding-top:10px;
}
.catul li a{
	font-size:14px;
	color:#666;
	text-decoration:none;
	display:block;
}
.catul li:first-child{
	padding-top:0px;
}
.mem{
	display:block;
}
.mem li{
	display:block;
	float:left;
	width:30%;
	margin-right:5%;
	margin-bottom:30px;
}
.mem li:nth-child(3n){
	margin-right:0px;
}
.mem li a{
	display:block;
	color:#000;
	text-decoration:none;
}
.memin{
	padding:10px 10px 0px 10px;
	border:1px solid #000;
}
.memdiv{
	display:block;
	position:relative;
	overflow:hidden;
}
.memdiv img{
	width:100%;
}
.af{
	text-decoration:none;
	color:#000;
}
.plf{
	width:47.5%;
	float:left;
}
.prig{
	width:47.5%;
	float:right;
}
.cnt1{
	float:none;
	width:100%;
	-webkit-box-shadow: -2px -1px 5px -1px rgba(173,171,173,1);
-moz-box-shadow: -2px -1px 5px -1px rgba(173,171,173,1);
box-shadow: -2px -1px 5px -1px rgba(173,171,173,1);
}
.proim{
	width:100%;
}
.title{
	padding:10px 0;
	height:15px;
	overflow:hidden;
}
.pcon{
	padding-top:30px;
	font-size:18px;
}
.pcon ul{
	display:block;
}
.pcon li{
	display:block;
	float:none;
	width:100%;
}
.cont1{
	background-color:#CCC;
}
.proin{
	padding:10px;
	border:1px solid #000;
}
.enq{
    padding:10px;
	text-align:center;
	font-size:24px;
	color:#FFF;
	background-color:#000;
	text-transform:uppercase;
}
.pdfhol{
	padding-top:30px;
}
.pdfhol a{
	color:#000;
	font-size:24px;
}
.qpa{
	font-weight:400;
	text-align:center;
	padding-bottom:0px;
	margin-bottom:0px;
}
.si{
	display:block;
	width:50%;
	float:left;
}
.simg{
	width:100%;
}
.insi{
	width:75%;
}
.minisi{
	display:block;
	padding-left:100px;
}
.sipara{
	color:#FFF;
	font-size:18px;
	font-weight:400;
	line-height:40px;
}
.fg{
	color:#ff6600;
	font-size:24px;
}
.sple{
	text-align:left;
}
.bighide{
	display:none;
}

@media screen and (max-width: 1200px) {
	.subheader, .topsubheader, .subfooter, .subcontainer{
	width:95%;	
	}
	.half1{
		display:none;
	}
	.half2{
		display:block;
		width:100%;
	}
	.sple{
	text-align:center;
}
.para, .sipara{
	/*text-align:center;*/
}
.si{
	width:100%;
}
.simg{
	display:none;
}
.insi{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
	.minisi{
	display:block;
	padding-left:0px;
}
.pichol{
	width:95%;
}
}
@media screen and (max-width: 600px) {
	
	.bighide{
	display:block;
}
.plef{
	display:none;
}

.brch {
    color: #000;
    text-decoration: none;
    font-size: 16px!important;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.brch a{
    color: #000;
    text-decoration: none;
    font-size: 16px!important;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.prg{
	display:block;
	width:100%;
	float:none;
}
.mem li{
	display:block;
	float:left;
	width:100%;
	margin-right:5%;
	margin-bottom:30px;
}
.mem li:nth-child(1n){
	margin-right:0px;
}
.mem li:nth-child(2n){
	margin-right:0px;
}
.mem li:nth-child(3n){
	margin-right:0px;
}
.ftul> li{
	display:block;
	width:100%;
	float:none;
	margin-right:0%;
	padding-bottom:20px;
}
.logoholder
{
	width:100%;
	float:none;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
}
.menuholder
{
	width:100%;
	float:none;
}
.fronthd{
	font-family: 'Oswald', sans-serif;
	text-align:center;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	font-size:43px!important;
	font-weight:700;
	color:#FFF;
	text-transform:uppercase;
	padding-top:150px;
}
.menu{
	float:none;
	margin-left:auto;
	margin-right:auto;
}
.col{
	display: block;
	float:none;
	margin-right:0%;
	width: 100%;
}

.col2{
	display: block;
	float:none;
	margin-right:0%;
	width: 100%;
}
.cont{
	width:100%;
	float:none;
	margin-top:0px;
}
.pp{
	padding-top:70px;
}
.inpic{
	font-size:16px;
	font-weight:700;
}
.plf,.prig{
	width:100%;
	float:none;
}
.pk1
{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.pk2
{
	padding-left:0px;
}


}

@media only screen and (max-width: 600px) {

 .prj-lft{
	width:100%;
	float:none;
	
}
	.prj-lft1{
	width:100%;
	float:none;
	
}

.prj-rgt{
	width:100%;
	float:none;
	
}

.prj-rgt1{
	width:100%;
	float:none;
	
}
}

@media (min-width: 768px) {
 
	
	.prj-lft{
	width:100%;
	float:none;
	
}
	.prj-lft1{
	width:100%;
	float:none;
	
}

.prj-rgt{
	width:100%;
	float:none;
	
}

.prj-rgt1{
	width:100%;
	float:none;
	
}
}

.srv{
		font-family: 'Oswald', sans-serif;
		font-size:20px;
		font-weight:normal;
		text-decoration:none;
		color:#000;
}
.srv ul li{
		font-family: 'Oswald', sans-serif;
		font-size:20px;
		font-weight:normal;
		text-decoration:none;
		color:#000;
		padding-top:5px;
}

.srv ul li a{
		font-family: 'Oswald', sans-serif;
		font-size:20px;
		font-weight:normal;
		text-decoration:none;
		color:#000;
		padding-top:5px;
}

.srv ul li a:hover{
		font-family: 'Oswald', sans-serif;
		font-size:20px;
		font-weight:normal;
		text-decoration:none;
		color:#F30;
		padding-top:5px;
}

.srv ol li{
		font-family: 'Oswald', sans-serif;
		font-size:20px;
		font-weight:normal;
		text-decoration:none;
		color:#000;
		padding-top:5px;
}
.mor{
	   font-family: 'Oswald', sans-serif;
		font-size:17px;
		font-weight:normal;
		text-decoration:none;
		text-align:right;
		color:#F00;
}
.mor a{
	   font-family: 'Oswald', sans-serif;
		font-size:17px;
		font-weight:normal;
		text-decoration:none;
		text-align:right;
		color:#F00;
}
.para ul li{
		font-family: 'Oswald', sans-serif;
		font-size:14px;
		font-weight:normal;
		text-decoration:none;
		color:#fff!important;
}

.subhd{
		font-family: 'Oswald', sans-serif;
		font-size:25px;
		font-weight:normal;
		text-decoration:none;
		color:#fff;
		padding-top:10px;
		padding-bottom:10px;
}

.txt{
	
		font-family: 'Oswald', sans-serif;
		font-size:15px;
		font-weight:normal;
		text-decoration:none;
		color:#000;
	
}

.txt ul li{
	
		font-family: 'Oswald', sans-serif;
		font-size:15px;
		font-weight:normal;
		text-decoration:none;
		color:#000;
	
}

.srv1{
		font-family: 'Oswald', sans-serif;
		font-size:15px;
		font-weight:normal;
		text-decoration:none;
		color:#000;
}
.srv1 ul li{
		font-family: 'Oswald', sans-serif;
		font-size:15px;
		font-weight:normal;
		text-decoration:none;
		color:#000;
}
.bdr{
	border:5px solid #999;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
	background-image:url(../images/serv-bg.jpg);
	background-repeat:repeat;
}

.bdr1{
	border:5px solid #999;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;

}
.srv-hd{
		font-family: 'Oswald', sans-serif;
		font-size:22px;
		font-weight:normal;
		text-decoration:none;
		color:#006;
}

.srv-hd ul li{
		font-family: 'Oswald', sans-serif;
		font-size:22px;
		font-weight:normal;
		text-decoration:none;
		color:#006;
}

.srv-hd1 {
		font-family: 'Oswald', sans-serif;
		font-size:22px;
		font-weight:normal;
		text-decoration:none;
		color:#006;
}

.brch {
    color: #000;
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
	text-align:center;
  
}

.brch a {
	 padding: 6px 20px;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    font-size: 22px;
    font-weight: 700;
	 margin: 5px;
    text-transform: uppercase;
    
}


.brch a:hover {
    color: #fff;
    text-decoration: none;
    border: 1px solid #000;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
	background-color:#0065aa;
}

.prj-hd1{
	    font-family: 'Oswald', sans-serif;
		font-size:25px;
		font-weight:normal;
		text-decoration:none;
		color:#fff;
		background-color:#ff6600;
		padding:7px;
		margin-top:30px;
}

.prj1{
		background-color:#0065aa;
}

.prj-lft{
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	
	
}
.prj-rgt{
	width:35%;
	float:right;
}

.prj-rgt3{
	padding:20px;
}

.prj-lft1{
	width:35%;
	float:left;
	
}
.prj2{
		background-color:#ff6600;

}
.prj-rgt1{
	font-family: 'Oswald', sans-serif;
	font-size:28px;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	padding-top:70px;
	padding-right:7%;
}

.srv3{
	margin-left:5%;
}
.srv-rt{
	background-color:#0065aa;
	padding:10px;
	color:#FFF;
}

.srv2{
		font-family: 'Oswald', sans-serif;
		font-size:18px;
		font-weight:normal;
		text-decoration:none;
		color:#fff;
}

.srv2 ul {
	list-style-type:none;
}
.srv2 ul li{
		font-family: 'Oswald', sans-serif;
		font-size:18px;
		font-weight:normal;
		text-decoration:none;
		color:#fff;
		border:1px solid #960;
		background-color:#ff6600;
		margin-top:5px;
		margin-bottom:5px;
		
}

.srv2 ul li a{
		font-family: 'Oswald', sans-serif;
		font-size:18px;
		font-weight:normal;
		text-decoration:none;
		color:#fff;
		display:block;
		padding:10px;
		
}
.srv2 ul li a:hover{
	background-color:#039;
	display:block;
				
}

.active{
		font-size:16px!important;
		font-weight:normal;
		text-decoration:none;
		color:#0065aa!important;
		
}

.active a{
		font-size:16px!important;
		font-weight:normal;
		text-decoration:none;
		color:#0065aa!important;
		
}
.col-md-2{
	padding-left:5px!important;
	padding-right:5px!important;
}