.person-detail1 {
   
    background: #1BB25B;
}
.person-detail2 {
   
    background: #4285F4;
   
}
.person-detail3 {
    
    background: #8D51A6;
  
}
.person-detail4 {
   
    background: #FAB937;
    
}
.person-detail5 {
    
    background: #9D1D62;
   
}
.person-detail6 {
   
    background: #F28024;
}
.person-detail7 {
    
    background:#C9302C;
}
.person-detail8 {
   
    background: #355290;
}
/*************************************************************/
.arrow-bottom1 {
   
    background: #1BB25B;
}
.arrow-bottom2 {
    
    background: #4285F4;
}
.arrow-bottom3 {
   
 
    background:#8D51A6;
}
.arrow-bottom4 {
   
    background: #FAB937;
}
.arrow-bottom5 {
   
    background: #9D1D62;
}
.arrow-bottom6 {
  
    background: #F28024;
}
.arrow-bottom7 {
  
    background: #C9302C;
}
.arrow-bottom8 {
    
    background: #355290;
}
/********************************************************************/
.person-detail1 h3 {
    font-size: 27px;
    color: #fff;
    text-align:center;
}
.person-detail2 h3 {
    font-size: 27px;
    color: #fff;
    text-align:center;
}
.person-detail3 h3 {
    font-size: 27px;
    color: #fff;
    text-align:center;
}
.person-detail4 h3 {
    font-size: 27px;
    color: #fff;
    text-align:center;
}
.person-detail5 h3 {
    font-size: 27px;
    color: #fff;
    text-align:center;
}
.person-detail6 h3 {
    font-size: 27px;
    color: #fff;
    text-align:center;
}
.person-detail7 h3 {
    font-size: 27px;
    color: #fff;
    text-align:center;
}
.person-detail8 h3 {
    font-size: 27px;
    color: #fff;
    text-align:center;
}
/******************************************************/
.single-member:hover .person-detail1 {
    background: #78CD51;
}
.single-member:hover .person-detail2 {
    background: #42b3e5;
}
.single-member:hover .person-detail3 {
    background: #9E69B4;
}
.single-member:hover .person-detail4 {
    background: #F28024;
}
.single-member:hover .person-detail5 {
    background: #C2185B;
}
.single-member:hover .person-detail6 {
    background: #FDAF17;
}
.single-member:hover .person-detail7 {
    background: #F1664E;
}
.single-member:hover .person-detail8 {
    background: #4F6AA3;
}
/******************************************************/
.single-member:hover .arrow-bottom1 {
    background: #78CD51;
}
.single-member:hover .arrow-bottom2 {
    background: #42b3e5;
}
.single-member:hover .arrow-bottom3 {
    background: #9E69B4;
}
.single-member:hover .arrow-bottom4 {
    background: #F28024;
}
.single-member:hover .arrow-bottom5 {
    background: #C2185B;
}
.single-member:hover .arrow-bottom6 {
    background: #FDAF17;
}
.single-member:hover .arrow-bottom7 {
    background: #F1664E;
}
.single-member:hover .arrow-bottom8 {
    background: #4F6AA3;
}
/*****************************************************/
 .login
    {
    	color:#fff;    	
    	padding:5px 10px;
    	/*border:1px solid #000;*/
    	 -moz-box-shadow:inset 0 0 20px hsla(0, 0%, 0%, 0.4); -webkit-box-shadow:inset 0 0 20px hsla(0, 0%, 0%, 0.4); box-shadow: inset 0 0 20px hsla(0, 0%, 0%, 0.4)
    }
     .login:hover
    {
    	color:#FFFFFF;    	
    	padding:5px 10px;
    	/*border:1px solid #FFFFFF;*/
    	 -moz-box-shadow:inset 0 0 10px #F5F5F5; -webkit-box-shadow:inset 0 0 10px #F5F5F5; box-shadow: inset 0 0 10px #F5F5F5
    }
/*****************************************************/   
    .person1
    {
    	border:0px;
    	box-shadow: inset 0 0 100px #BFE5CF;
    }
   .person1:hover
    {
    	box-shadow: inset 0 0 100px #BDE3AB;
    }
    
   .person2
    {
    	border:0px;
    	box-shadow: inset 0 0 100px #A5D0FA;
    }
    .person2:hover
    {
         box-shadow: inset 0 0 100px #B7DEF0;
    }
    
    .person3
    {
    	border:0px;
    	box-shadow: inset 0 0 100px #C7ACD2;
    }
    .person3:hover
    {
        box-shadow: inset 0 0 100px #D9C7E0;
    }
    
    .person4
    {
    	border:0px;
    	box-shadow: inset 0 0 100px #F7E1B4;
    }
    .person4:hover
    {
         box-shadow: inset 0 0 100px #F5CFB1;
    }
    
     .person5
    {
    	border:0px;
    	box-shadow: inset 0 0 100px #D5A6BF;
    }
    .person5:hover
    {
         box-shadow: inset 0 0 100px #DF93B1;
    }
    
     .person6
    {
    	border:0px;
    	box-shadow: inset 0 0 100px #F4C096;
    }
   .person6:hover
    {
         box-shadow: inset 0 0 100px #F9DA9C;
    }
    
     .person7
    {
    	border:0px;
    	box-shadow: inset 0 0 100px #E3A3A1;
    }
    .person7:hover
    {
         box-shadow: inset 0 0 100px #F3A395;
    }
   
     .person8
    {
    	border:0px;
    	box-shadow: inset 0 0 100px #9AA8C5;
    }
     .person8:hover
    {
         box-shadow: inset 0 0 100px #ACB8D1;
    }