.head{
	font-family: marck-script; 	
	color:#2f53a1;
}
.no{
	margin:10px 0 0  30px;
	color:white;
	
}
.sub{
	 margin:10px 0 0 0;
}
.search{
	 font-size:20px;
	 color:white;
}
.alogo{
	margin:0 0 0 30px;
}
.logo{
	padding-top: 5px;
}
.navigation{
	margin:0 0 0 0px;
}

.manag{
	color:black;
}
.middle{
	text-align: center;
	margin-top: 20px;
}
mid{
	color: yellow;
}
.imgt{
	margin:20px 0 0 0;
}
auditext{
	color:white;
}
.our{
	height:100px;
	margin:20px 0 0 0 ;
}
.imgm{
	margin:0 -45px 0 0 ;
	
}
.content{
	
	margin:0 0 0 -15px;
}
.cont1 {
  position: relative;
  width:20%;
  margin:0 0 0 30px;
}
.zoom:hover{
height:80px;
}


.image1 {
  display: block;
  width: 100%;
  height: auto;
	
}

.overlay1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #2f53a1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform:scale(0);
  transition: .3s ease;
}

.cont1:hover .overlay1 {
  transform: scale(1)
}

.text1 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.cont2 {
  position: relative;
  width: 20%;
  margin:0 0 0 20px;
}

.image2 {
  display: block;
  width: 100%;
  height: auto;
}

.overlay2 {
   position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #2f53a1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform:scale(0);
  transition: .3s ease;
}

.cont2:hover .overlay2 {
  transform: scale(1)
}

.text2 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.cont3 {
  position: relative;
  width: 20%;
  margin:0 0 0 20px;
}

.image3 {
  display: block;
  width: 100%;
  height: auto;
}

.overlay3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #2f53a1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform:scale(0);
  transition: .3s ease;
}

.cont3:hover .overlay3 {
  transform: scale(1)
}

.text3 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
   text-align: center;
}

.cont4 {
  position: relative;
  width: 20%;
  margin:0 0 0 20px;
}

.image4 {
  display: block;
  width: 100%;
  height: auto;
}

.overlay4 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #2f53a1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform:scale(0);
  transition: .3s ease;
}

.cont4:hover .overlay4 {
  transform: scale(1)
}

.text4{
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
	.imgsp{
		margin-left:-40px;
	}
	.cont1{
		margin-right:2px;
	}
	.cont2{
		margin-right:2px;
	}
	.cont3{
		margin-right:2px;
	}

.cir1 {
	margin:0 15px 0 15px;
    opacity: 0.5;
    filter: alpha(opacity=50); 
}

.cir1:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); 
}
.cir2 {
	margin:0 15px 0 0;
    opacity: 0.5;
    filter: alpha(opacity=50); 
}

.cir2:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); 
}
.cir3 {
	margin:0 15px 0 0;
    opacity: 0.5;
    filter: alpha(opacity=50); 
}

.cir3:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); 
}
.hover_imgs{
	background-color: black;
	
}

.blocks{
	background-color: black;
	
}
.foot{
	margin-top: 20px;
}