*{
    min-width: 10px;    
	margin: 0;
	padding: 0;
	font-family: "montserrat", sans-serif;
}

.header{
	height: 100px;
	background-image: url(image/tt7.jpg );
	padding: 0 20px;
	color: #fff;
	
}


.garma{
	height: 50px;
	margin-bottom: -20px;
	margin-left: -15px;
	border-radius: 50px;
}
.logo{
	line-height: 100px;
    color: red;
   	float: left;
	text-transform: uppercase;
	font-size:15px;
  
  font-family: Garamond, Times New Roman, Georgia, serif;
}
.menu{
	float: right;
	line-height: 100px;
}
.menu  a{
	color: black;
	text-transform: uppercase;
	padding: 0 10px;
	transition: 0.4s;
	text-decoration: none;
    background-color: #00CC99 ;
    
    border-radius: 25px;
    padding: 20px;
}
.show-menu-btn, .hide-menu-btn{
	transition: 0.4s;
	font-size: 30px;
	cursor: pointer;
	display: none;
}
.show-menu-btn{
	float: right;
 
}
.show-menu-btn{
	line-height:100px;
}
.menu a:hover,
.show-menu-btn:hover,
.hide-menu-btn:hover{
	color: #3498db;
}
 #chk{
    position: absolute;
    visibility: hidden;
    z-index: -1111;
 }
 #btnlog:hover{
 	

 }
  #btnReg:hover{
 	
 }
 #btnlog{
  
 }
 #btnReg{
	
 }
@media screen and (max-width:678px)
{
  .show-menu-btn, .hide-menu-btn{
   display: block;
  }
  .menu{
	  position: fixed;
	  width: 100%;
	  height: 100vh;
	  background: #333;
	  right: -100%;
	
	  top: 0;
	  text-align: center;
	  padding: 30px 0;
	  line-height: normal;
	  transition: 0.7s;
  }
  .menu a{
	  display: block;
	  padding: 4px;

  }
  .hide-menu-btn{
	  position: absolute;
	  top: 20px;
	  right: 20px;
  }
  #chk:checked ~ .menu{
	  right: 0;
	  background: linear-gradient(to right, #440099, #5C2D91, #000000, #2119DC);
	  height: 39%;
	  
  }
  .ss{
     border-radius: 50px;
     margin-top: 20px;
     height: 60px;

  }
  .ss0{
     border-radius: 50px;
     margin-top: -11px;
     margin-right: -11px;
     height: 40px;

  }

}
     .regdiv2
	{
		background-image: url(image/mob.PNG);
		height: 400px;
		width: 250px;
		
		
		
	}
	.reguser{
	   margin-top: 100px;
	   margin-left: 30px;
	   padding-top:20px;
	   border-radius: 50px;
	   padding-left: 20px;
	}
	.regemail
	{
		margin-top: 40px;
		 margin-left: 30px;
		 padding-top:20px;
		 border-radius: 50px;
		 	   padding-left: 20px;
	}
	.regsubmit:hover{
		background-color: #8B8B8B;
	}
	.regsubmit
	{
		margin-top: 40px;
		 margin-left: 150px;
		 padding-top:10px;
		 border-radius: 50px;
	}

	.div2{
		background: linear-gradient(to bottom, #000000, #8B8B8B, #000000);
        width: 210px;
        height: 250px;
        background-image: url(image/tt7.jpg);
	}
	.btnn{
    	 margin-top: 40px;
    	 height: 30px;
    	 border-radius: 0px 20px 20px 0px;
    	 padding-left: 10px;
    	 margin-left: 10px;
    }
    .btne{
    	height: 30px;
    	border-radius: 0px 20px 20px 0px;
    	 padding-left: 10px;
    	  margin-left: 10px;
    }
    .btn1:hover{
    	background-color: #0052CC;
    }
    .btn1{
    	 margin-left: 130px;
    	 margin-top: 30px;
    	 margin-bottom: 15px;
    	 border-radius: 0px 15px 0px 0px;
    }
 
  



  
       /* END THE MENU BAR NEXT EMBEDED OTHER CODE*/



/* to start the project code part */
          .pro1{
               width:215px;
               background-color: #888888;
               
                font-size: 10px;

               }
         .pro1 a{
         	padding-left: 10px;
         	text-decoration: none;
         }
         .pro1 h3{
         	padding-left: 25px;
         	padding-top: 10px;
         	font-size: 20px;
         	background-color: #222222;
         	color: white;
         	height: 30px;
         }
       .pro1 h2{
       	   padding-left: 25px;
         	padding-top: 10px;
         	font-size: 20px;
         	background-color: #222222;
         	color: white;
         	height: 30px;
       }
       










                                         
	
	
	 /* TO start  THE ANIMATION PART, baner and THE SLIDER CODE*/
	
	.blob
{
	
		width: 100%;
	height: 140px;
	background: url(image/animm.PNG);
	animation: animate 5s linear infinite;
	

}
@keyframes animate{
	0%, 100%
	{
		border-radius: 64% 36% 27% 73% / 55% 58% 42% 45%;
	}
	25%{
		border-radius: 73% 27% 36% 38% / 73% 36% 64% 27%;
	}
	50%{
		border-radius: 28% 72% 36% 56% / 49% 40% 60% 51%;
	}
	75%{
		border-radius: 40% 60% 70% 30% / 47% 62% 64% 37%;
	}
		
}
	.an{
		height: 120px;
		width: 100%;
	  	background-color: none;
	  	
	}
	
   
	.an.smoke{
      width: 100%;
  position: absolute;
  

 margin-top: 50px;
  transform: translate(-50%,-50%);
  
} 
.an .smoke .sfs{
	color: #0000FF;
}
.smoke span{
width: 100%;
    padding-left: 10px;
	position: relative;
color: white;
font-family: sans-serif;
font-weight: bold;
letter-spacing: 0.5px;
font-size: 14px;
animation: animatee 60s linear infinite;	
}

.smoke span:nth-child(1)
{
	animation-delay: 0s;
}
.smoke span:nth-child(2)
{
	animation-delay: 0.5s;
}
.smoke span:nth-child(3)
{
	animation-delay: 1s;
}
.smoke span:nth-child(4)
{
	animation-delay: 1.5s;
}
.smoke span:nth-child(5)
{
	animation-delay: 2s;
}
.smoke span:nth-child(6)
{
	animation-delay: 2.5s;
}
.smoke span:nth-child(7)
{
	animation-delay: 3s;
}
.smoke span:nth-child(8)
{
	animation-delay: 3.5s;
}
.smoke span:nth-child(9)
{
	animation-delay: 4s;
}
.smoke span:nth-child(10)
{
	animation-delay: 4.5s;
}
.smoke span:nth-child(11)
{
	animation-delay: 5s;
}
.smoke span:nth-child(12)
{
	animation-delay: 5.5s;
}
.smoke span:nth-child(13)
{
	animation-delay: 6s;
}
.smoke span:nth-child(14)
{
	animation-delay: 6.5s;
}
.smoke span:nth-child(15)
{
	animation-delay: 7s;
}
.smoke span:nth-child(16)
{
	animation-delay: 7.5s;
}
.smoke span:nth-child(17)
{
	animation-delay: 8s;
}
.smoke span:nth-child(18)
{
	animation-delay: 8.5s;
}
.smoke span:nth-child(19)
{
	animation-delay: 9s;
}
.smoke span:nth-child(20)
{
	animation-delay: 9.5s;
}
.smoke span:nth-child(21)
{
	animation-delay: 10s;
}
.smoke span:nth-child(22)
{
	animation-delay: 10.5s;
}
.smoke span:nth-child(23)
{
	animation-delay: 11s;
}
.smoke span:nth-child(24)
{
	animation-delay: 11.5s;
}
.smoke span:nth-child(25)
{
	animation-delay: 12s;
}
.smoke span:nth-child(26)
{
	animation-delay: 12.5s;
}
.smoke span:nth-child(27)
{
	animation-delay: 13s;
}
.smoke span:nth-child(28)
{
	animation-delay: 13.5s;
}
.smoke span:nth-child(29)
{
	animation-delay: 14s;
}
.smoke span:nth-child(30)
{
	animation-delay: 14.5s;
}
.smoke span:nth-child(31)
{
	animation-delay: 15s;
}
.smoke span:nth-child(32)
{
	animation-delay: 15.5s;
}
.smoke span:nth-child(33)
{
	animation-delay: 16s;
}
.smoke span:nth-child(34)
{
	animation-delay: 16.5s;
}
.smoke span:nth-child(35)
{
	animation-delay: 17s;
}
.smoke span:nth-child(36)
{
	animation-delay: 17.5s;
}
.smoke span:nth-child(37)
{
	animation-delay: 18s;
}
.smoke span:nth-child(38)
{
	animation-delay: 18.5s;
}
.smoke span:nth-child(39)
{
	animation-delay: 19s;
}
.smoke span:nth-child(40)
{
	animation-delay: 19.5s;
}
.smoke span:nth-child(41)
{
	animation-delay: 20s;
}
.smoke span:nth-child(42)
{
	animation-delay: 20.5s;
}
.smoke span:nth-child(43)
{
	animation-delay: 21s;
}
.smoke span:nth-child(44)
{
	animation-delay: 21.5s;
}
.smoke span:nth-child(45)
{
	animation-delay: 22s;
}
.smoke span:nth-child(46)
{
	animation-delay: 22.5s;
}
.smoke span:nth-child(47)
{
	animation-delay: 23s;
}
.smoke span:nth-child(48)
{
	animation-delay: 23.5s;
}
.smoke span:nth-child(49)
{
	animation-delay: 24s;
}
.smoke span:nth-child(50)
{
	animation-delay: 24.5s;
}
.smoke span:nth-child(51)
{
	animation-delay: 25s;
}
.smoke span:nth-child(52)
{
	animation-delay: 25.5s;
}
.smoke span:nth-child(53)
{
	animation-delay: 26s;
}
.smoke span:nth-child(54)
{
	animation-delay: 26.5s;
}
.smoke span:nth-child(55)
{
	animation-delay: 27s;
}
.smoke span:nth-child(56)
{
	animation-delay: 27.5s;
}
.smoke span:nth-child(57)
{
	animation-delay: 28s;
}
.smoke span:nth-child(58)
{
	animation-delay: 28.5s;
}
.smoke span:nth-child(59)
{
	animation-delay: 29s;
}
.smoke span:nth-child(60)
{
	animation-delay: 29.5s;
}
.smoke span:nth-child(61)
{
	animation-delay: 30s;
}
.smoke span:nth-child(62)
{
	animation-delay: 30.5s;
}
.smoke span:nth-child(63)
{
	animation-delay: 31s;
}
.smoke span:nth-child(64)
{
	animation-delay: 31.5s;
}
.smoke span:nth-child(65)
{
	animation-delay: 32s;
}
.smoke span:nth-child(66)
{
	animation-delay: 32.5s;
}
.smoke span:nth-child(67)
{
	animation-delay: 33s;
}
.smoke span:nth-child(68)
{
	animation-delay: 33.5s;
}
.smoke span:nth-child(69)
{
	animation-delay: 34s;
}
.smoke span:nth-child(70)
{
	animation-delay: 34.5s;
}


@keyframes animatee
{
	 0%
	 {
		 fiLter: blur(0);
		 
	 }
	 40%
	 {
		 fiLter: blur(20px);
		 
	 }
	 80%
	 {
		 fiLter: blur(0);
		 
	 }
	 100%
	 {
		 fiLter: blur(0);
		 
	 }

}


	#slide{ 
	           
		   
			position: absolute;
			width: 260PX;
			height: 100PX;
			margin-left: 0px;
			overflow: hidden;
			}
			.slide1{
			background: url(image/uni2.PNG) no-repeat ;
			}
			.slide2{
			background: url(image/uni3.PNG) no-repeat ;
			}
			.slide3{
			background: url(image/uni1.PNG) no-repeat ;
			}
			.slide4{
			background: url(image/uni4.PNG) no-repeat ;
			}
			.slide5{
			background: url(image/uni5.PNG) no-repeat ;
			}
			.slide6{
			background: url(image/uni6.PNG) no-repeat ;
			}
			.curv{
				margin-top: 0px;
				height: 85px;
				background: url(image/back4.PNG);


			}
			.row
			{ 
				background-color: #73398D; 
               
              
			}
			.row::after { content: "";
			                     
                                 clear: both;
                                display: table;}
			
			
			  [class*="col-"] {
                                             width: 100%;
                                             
                                              }
 
                                  @media only screen and (min-width: 600px) {

                                               .col-s-1 {width: 8.33%;}
                                               .col-s-2 {width: 16.66%;}
                                               .col-s-3 {width: 25%;}
                                               .col-s-4 {width: 33.33%;}
                                               .col-s-5 {width: 41.66%;}
                                               .col-s-6 {width: 50%;}
                                               .col-s-7 {width: 58.33%;}
                                               .col-s-8 {width: 66.66%;}
                                               .col-s-9 {width: 75%;}
                                               .col-s-10 {width: 83.33%;}
                                               .col-s-11 {width: 91.66%;}
                                               .col-s-12 {width: 100%;}
                                                                                 }
                                 
                                  @media only screen and (min-width: 768px) {

                                               .col-1 {width: 8.33%;}
                                               .col-2 {width: 16.66%;}
                                               .col-3 {width: 25%;}
                                               .col-4 {width: 33.33%;}
                                               .col-5 {width: 41.66%;}
                                               .col-6 {width: 50%;}
                                               .col-7 {width: 58.33%;}
                                               .col-8 {width: 66.66%;}
                                               .col-9 {width: 75%;}
                                               .col-10 {width: 83.33%;}
                                               .col-11 {width: 91.66%;}
                                               .col-12 {width: 100%;}
                                                                                 }


                     
                              [class*="col-"] {
                                             float: left;
                                             padding: 5px
                                              }  
	
 

         /*   THE END  ANIMATION PART AND THE SLIDER CODE NEXT EMBEDED OTHER CODE*/






    /* TO start THE three main dev PART AND THE upload part of CODE */
    #panels a{
      color:#0000FF;
      text-decoration: none;
width: 270px;	
    }
    .butto{
    	color: red;
    	font-size: 20px;
    	float: right;

    }
.d1{
  width: 250px;

}
 #dv{
 	padding-top: 30px;
 	background-color: #EEEEEE;
 }
 #exam{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
	
   #Architecture{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Civil{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Construction{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Electrical{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Chemical{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%;
   }
   #Mechanical{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Irrigation{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Srveying {
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Hydraulic{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%;
   }
   #Pre-engineering{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Computer{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%;
   }
   #Software{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%;
   }
   #IT{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%;
   }
   #IS{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Biology{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Chemistry{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Mathematics{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Pysicus{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Biotechnology{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Meteorology{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Medicine{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #HO{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #ML{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Midwifery{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%;
   }
   #Nursing{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Psychiatry{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Pharmacy{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Vetrinary{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%;
   }
   #Dental{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Horticulture{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #NRM{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #RDF{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Economics{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Animal{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Economics{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #BM{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Accounting{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Marketing{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #BA{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Law{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #EL{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Geography{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Journalism{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Psychology{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #CE{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   #Sociology{
          display: none;
          background: #efefef;
		  border: 1px   solid black; width:100%; 
   }
   
   .d1{
	   
	   overflow: auto;
	   height: 400px;
   }
      #left {
        width: 270px;
        float: left;
        padding: 5px;
        margin: 10px;
        background: #f8f8f8;
        border: solid 2px black;
       
}
    .up{
	height:20px;
	padding: 180px;
    background-color: #FFFFFF;
	}
  .up1{
	  height:40px;

 background-color: #888888;
 margin-left: -145px;
 width: 400px;
  } 
   .ip1{
	   padding: 6px;
	   font-family: serif;
	   font-size: 15px;
	   background-color: #888888;
	   margin-left: -50px;

   }
   .ip1:hover{
	   background-color: #1563FF;
	   
   }
   
   .d2{
	   background-color: white;
	   height: 400px;
	    overflow: auto;
   }
   .d2 h4{
   	font-family: serif;
   }
   .d3 h2{
   	font-family: serif;
   }
   #tip{
   	width:260px;
   }
   .Q1{
   	 background-color:#999999;
   	 padding-left:  25px;
   	 padding-top: 25px;
   	 padding-bottom: 10px;
   	 padding-right: 10px;

   }
   .Q2{
   	height: 25px;
   	font-size: 25px;
   	background-color: #2C2D72;
   	width: 100px;
   	color: white;
  
   }
  .anthing{
  	
  	text-decoration: none;
  	font-family: serif;
  }
  #tip a{
  	color:#0000FF;
  	font-family: serif;
  }
  .send1{
  	width:225px;
  	margin-left: -30px;
  	padding-left: 5px;
  	background-color: #999999;
  	padding-top: 10px;
  	padding-bottom:  10px;
  	font-family: serif;
  	color: #430098;
  	margin-top: -30px;
  }
  .mes0{
  	margin-left: 170px;
  	height: 20px;
  }
  .mes1{
  	
  	height: 50px;
  }
   
   
   
   
   
   
   
#dv::after { content: "";
			                     
                                 clear: both;
                                display: table;}
			
			
			  [class*="col-"] {
                                             width: 100%;
                                             
                                              }
 
                                  @media only screen and (min-width: 600px) {

                                               .col-s-1 {width: 8.33%;}
                                               .col-s-2 {width: 16.66%;}
                                               .col-s-3 {width: 25%;}
                                               .col-s-4 {width: 33.33%;}
                                               .col-s-5 {width: 41.66%;}
                                               .col-s-6 {width: 50%;}
                                               .col-s-7 {width: 58.33%;}
                                               .col-s-8 {width: 66.66%;}
                                               .col-s-9 {width: 75%;}
                                               .col-s-10 {width: 83.33%;}
                                               .col-s-11 {width: 91.66%;}
                                               .col-s-12 {width: 100%;}
                                                                                 }
                                 
                                  @media only screen and (min-width: 768px) {

                                               .col-1 {width: 8.33%;}
                                               .col-2 {width: 16.66%;}
                                               .col-3 {width: 19%;}
                                               .col-4 {width: 33.33%;}
                                               .col-5 {width: 59.66%;}
                                               .col-6 {width: 50%;}
                                               .col-7 {width: 58.33%;}
                                               .col-8 {width: 66.66%;}
                                               .col-9 {width: 75%;}
                                               .col-10 {width: 83.33%;}
                                               .col-11 {width: 91.66%;}
                                               .col-12 {width: 100%;}
                                                                                 }


                     
                              [class*="col-"] {
                                             float: left;
                                             padding: 5px
                                              }  


       /* END OF THE three main dev PART AND THE upload part NEXT EMBDED OTHER CODE */

  /* TO Continue the related search link page code */

              .article1{ background-color: #EEEEEE;
                            height: 150px;
                            margin-top: 0px;
                        }
.art1{
margin-top: 0px;
}

.article1 button:hover{ 
	background-color: #094AB2;
	color: red;
	font-size: 27px;
	width:  250px;
	border-radius: 50px;

           }
       .article1 h2{
       	color:#1F1F1F;
       	font-family: serif;
       	font-size: 15px;
       }
#btn11{

 border-radius: 50px;
 color: #4A154B;
 background-color: none;
}


#btn12{
 margin-top: 5px;
 border-radius: 50px;
 color: #4A154B;
 
}
#btn13{
 margin-top: 5px;
  border-radius: 50px;
   color: #4A154B;
   
}

#social-media{
	 background: #000000;
	

}
#social-media p{
	 font-size: 20px;
	 font-weight: 30px;
	 margin-bottom: 2px;	
}
.social-icon img{
	
	width: 60px;
	height: 45px;
	transition: 0.5s;
}
.social-icon a:hover img{
	transform: translateY(-20px);
	
}




                  /* TO END  the related search link page code next embeded other code */






         /* TO start the footer part */
 .foter{
 	height: 79px;
 	background-image:  url(image/tt1.gif);
 	opacity: 0.85;
  
 }


.container{
	 max-width: 1000px;
	 margin: 0px auto;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-around;
   
	
}
.card{
     
	position: relative;
	margin: 20px 0;
	width: 250px;
	height: 300px;
	background-color: #fff;
	transform-style: preserve-3d;
	transform: perspective(2000px);
	transition: 1s;
	box-shadow: inset 300px 0 50px rgba(0,0,0,.5)
	;
	
}
.card:hover{
	z-index: 1000px;
	transform:  perspective(2000px) rotate(-10deg)
	;
	box-shadow: inset 20px 0 50px rgba(0,0,0,.5);
	
}
.card .imgBox
{
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	box-sizing: border-box;
	transform-origin: left;
	z-index: 1;
	transition: 1s;
	
}
.card:hover .imgBox
{
	transform: rotateY(-135deg);
	
}




.card .imgBox .img
{
 position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; 
	
}
.card .details
{
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding: 20px;
	
	
}
.details .parg{
	font-size: 12px;
	font-family: serif;
}
.location
{
	height: 25px;
	
}
.phone
{
	height: 25px;
	
}
.email
{
	height: 25px;

}
.details a{
	text-decoration: none;
}
.sb
{
	margin: 20px;
	margin-left:15px;
	padding: 5px;
	width: 150px;
	background-color: #FFF000;
	text-shadow: 20px;
}
.sb:hover{
	background-color: #094AB2;
	color: red;
	font-size: 27px;
	width:  200px;
	border-radius: 50px;

}
.hemail{
	height:30px;
	width: 220px;
}
.DD{
background-image: url(image/tt1.gif);
background-size: cover;
}                
.right{
	height: 2px;
	background-color: #03363D;
	margin-top:  0px;
	margin-left: 50px;
	margin-right: 50px;
}
.nav{
	height:60px;
	background-color:#757575;
	color: #004880;
}
.h6a{
	padding-left:  130px;
}