
/*--about--*/
.about-agile,.services,.clients,.blog,.contact,.gallery{
	padding:50px 0px;
	text-align:center;
}
.about-agile h3,.services h3,.clients h3,.blog h3,.contact h3,.gallery h3{
	font-size:40px;
	text-transform:uppercase;
	color:#00537D;
	letter-spacing:2px;
	font-weight:700;
}
label.line{
	display: block;
    background-color: #000;
    width: 55px;
    height: 2px;
	margin: 15px auto;
}
.about-agile h6,.blog h6,.gallery h6,.services h6,.contact h6{
    color: #666;
	font-size:14px;
	margin:0 auto;
	line-height:27px;
}
.agile1,.agile2,.agile3{
	text-align:center;
	margin-top:40px;
}
.agile1 .glyphicon, .agile2 .glyphicon, .agile3 .glyphicon {
    font-size: 30px;
    color: #00537D;
    border: 2px solid #00537D;
    padding: 20px;
    border-radius: 50%;
}
.agile1 .fa, .agile2 .fa, .agile3 .fa {
    font-size: 30px;
    color: #00537D;
    border: 2px solid #00537D;
    padding: 20px;
    border-radius: 50%;
}
.about-agile h4,.services h4{
	color:#000;
	font-size:25px;
	text-transform:uppercase;
	margin:25px 0px;
}
.about-agile  p,.services p{
	font-size:14px;
	color:#7a7a7a;
	line-height:27px;
	width:84%;
	margin:0 auto;
}
/* Effect */
.hi-icon-effect-6 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-6 .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #00537D;
}

.hi-icon-effect-6 .hi-icon:hover:before {
	-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;
}

/*--//about--*/

