/*@import url('https://fonts.googleapis.com/css?family=News+Cycle');*/

body{
font-family: 'News Cycle', sans-serif;
font-size:16px;	
}

.fontbig , h3, h6, p{
	font-size:1.65rem ;
}


#header{
	background-image:url('../images/galvanising-1.jpg');
	background-size: cover;
	/*background-size: contain; 
	background-repeat:no-repeat;
	background-color:#000;*/
	padding-top:20px;
}

.bg-dark{
background-color:#134577 !important
}


nav{
	width:90%; 
	margin:0px auto;
	margin-bottom:50px;
}

.logo{
	max-width:155px;
	height:auto;
	margin-top: -7px;
}

.navbar-nav{
	text-transform:uppercase;
	right: 0;
	position: absolute;
}

.nav-item{
border-right: 1px solid #265789;
padding:0 10px;
}

.navbar-toggler{
	border:none;
}

.blackbg{
	background-color:rgba(0,0,0,0.9);
	padding:50px;
	margin-bottom:20px;
}

.blackbg p{
	color:#fff;
	padding-top:30px;
}

#hmPoints{
	background-color:#fff;
	padding:50px 0;
}

.points h3, #hmPoint2 h3{
	font-weight:bold;
	color:#225b93;
}

.points h6{
	line-height: 30px;
	border-bottom:6px solid #cecece;
	min-height:180px;
}

#hmPoint2{
	background-color:#;
	padding:10px 0 50PX 0;
}

.uppercasebold{
	text-transform:uppercase;
	font-weight:bold;
}


footer{
	text-size:12px !important;
	color:#fff;
	text-align:center;
	padding:20px 0;
	background-color:#1e364e;
}


/**** About Us ****/

#about-header{
	background-image:url('../images/aboutus-header.jpg');
	background-size: cover;
	padding-top:20px;
}

#about-sec{
	background-color:#fff;
}

#about-sec .row{
	border-bottom:2px dashed #cecece;
	margin-bottom:40px;
}

#about-sec h5{ 
	background-color:#1e364e;
	display:inline-block;
	color:#fff;
	padding:10px;
}

#about-sec ul{
	padding:0 0 0 0px;
	
}

#about-sec li, #about-srin li{
	line-height:34px;
	font-size:1.65rem;
}


#about-sec p{
	font-size:1.65rem;

}


#about-sec p span, #about-sec li span, #about-sec b span {
	color:#2374c6;
}



/****  About Srinivasan  ****/

#about-srini{
	background-image:url('../images/aboutSrini-header.jpg');
	background-size: cover;
	padding-top:20px;
}


.certificates img{
	padding:5px;
}



/****  Services  ****/

#services{
	background-image:url('../images/service-header.jpg');
	background-size: cover;
	padding-top:20px;
}


/****  Contact  ****/

#contact{
	background-image:url('../images/contact-header2.jpg');
	background-size: cover;
	padding-top:20px;
}






/**** Media Query ****/

@media screen and (max-width:1020px){
	.nav-item{
	border-right: none;
	padding:0 10px;
	}
	
	#about-header{
		height:100vh;
	}
	
	#about-srini{
		height:100vh;
	}
	
	#services{
		height:100vh;
	}
	
	.navbar-nav{
	text-transform:uppercase;
	right: 0;
	position: relative;
	}
	
}

@media screen and (max-width: 768px){
	#header{
		background-image:url('../images/galvanising-mob768.jpg');
		background-size: contain; 
		background-repeat:no-repeat;
		/*background-color:#000;*/
		padding-top:20px;
	}
	
	.blackbg {
    margin-top: 185px;
	background-color: rgba(0,0,0,1);
	}

}












/**** Slide Animation ****/
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}
.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}



