@charset "utf-8";
/* CSS Document */
.main-table{font-family:Arial; font-weight:normal; Font-size:14px; color:#333; line-height:22px; text-align:justify;}
.main-heading{font-weight:bold; Font-size:18px; color:#16537f; line-height:36px; border-bottom:1px #ccc solid; text-transform:uppercase;}
.sub-heading2{font-weight:bold; Font-size:18px; color:#16537f; line-height:30px; text-align:left;  text-transform:uppercase;}
.sub-heading{font-weight:bold; Font-size:15px; color:#16537f; line-height:30px;}
.team-title{font-weight:bold; Font-size:14px; color:#333; line-height:30px;}
.contact-us{ padding-left:20px; line-height:24px;}

.readmore{ background:#333; font-family:Arial; font-size:14px; text-align:center; padding:5px 10px; color:#fff; text-decoration:none;}

.hom{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	margin-top:0;
	padding-top:0;
	}

.hom h2{
	font-family:arial;
	font-size:30px;
	line-height:36px;
	font-weight:bold;
	color:#333;
	margin-left:5px;
	text-transform:uppercase;
	}
	
.hom p{
	font-family:Arial;
	font-size:14px;
	line-height:24px;
	color:#333;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	}
	
.hom a{
	font-family:arial;
	font-size:13px;
	line-height:24px;
	text-align:justify;
	text-decoration:none;
	}
		

.home-service-boxs {
	 width:22.5%;
    margin: 0 10px 0 10px;
	background:#16537f;
	float:left;

	
}

.view1 .mask {
    background:#eee;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	text-align:center;
}

.view .mask, .view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}


.view1 h2 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
 position:relative;
}

.home-service-boxs article h2 {
    margin: 20px 0 15px 0;
    font-size: 16px;
    color: #000;
	font-family:arial;
	line-height:24px;
}


.view1 h3{font-family:arial; font-size:20px; line-height:30px; color:#fff; text-align:center; text-transform:uppercase; margin-top:20%;}

.home-service-boxs article p {
    margin: 0 10px 0 10px;
    color: #000;
	font-family:arial;
	line-height:21px;
	font-size:13px;
}

.view1:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.view1:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view1:hover h2, .view1:hover p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.view1:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.view{ overflow:hidden; height:200px; position:relative; width:100%;}