@charset "utf-8";
/* CSS Document */

#team-header {
  background-image:url("../img/team/team-header.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center;
  height:500px;  
  width:100%;
  position:relative;
}
@media (max-width: 991px) {
	#team-header {
		height:auto;
		min-height:300px;
	}
}
#header{
	background-color:rgba(11,17,38,0.98) !important
}

#team {
  width: 100%;
  padding:60px 0px;
}


.article-wraper{
	max-width:900px;
	margin:0 auto;
	padding:20px 10px;
	margin-bottom:40px;
}

.article-header-text{
	font-size:14px;
	text-align: justify;
	padding:15px;
}

/*--------------------------------------------------------------
# team Section
--------------------------------------------------------------*/
#team-container{
  padding: 60px 0 30px 0;
  max-width: 1200px;
  margin: 0 auto;
}

#team .team-row{
	margin-bottom:50px;
	margin-left:0px !important;
	margin-right:0px !important;
}

#team .member {
	text-align:center;
	height:500px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	padding:40px 30px;
}

.GP{height:430px !important;}

.CRep{height:330px !important;}

.teamTitle{
    margin: 100px 0px 30px 0px;
    font-size: 25px;
    text-align: center;
    color: #9195a2;	/*#127f2c*/
	background-image: linear-gradient(#127f2c, #127f2c);
	background-position: bottom center; /*Adjust the background-position to move the line*/
	background-size: 70px 2px; /*Adjust the background size to control length and height*/
	background-repeat: no-repeat;
	padding-bottom: 20px; /* this can also control the position */
	padding-left: 15px;
    padding-right: 15px;
}
.teamTitle::after {

}
   
#team .member:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

#team .details {
  text-align: center;
  padding-top: 10px;
}

#team-container .member .details h3 {
  color: #363636;
  font-size: 16px;
  font-weight: 600;
  margin: 0px 0px !important;
}

#team-container .member .details h4 {
  color: #548235;
  font-size: 13px;
  font-weight: 300;
  margin: 0px 0px !important;
  padding-bottom:15px;
}

#team-container .member .details p {
  color: #7c7c7c;
  font-size: 12px;
  margin-bottom: 10px;
  margin-top:5px;
  text-align: justify;
}

#team-container .member .details .social {
  height: 30px;
}

#team-container .member:hover .details {
  bottom: 0;
}

#team .social a{
	margin:0px 10px;
}

#team .img-fluid{
	border-radius:50%;
	transition: 0.3s ease-in-out;
}

@media (max-width: 992px) {
	#team .team-row{
		margin-bottom:50px;
	}
	#team .member {
		max-width:300px;
		margin:0 auto;
		margin-bottom:60px;
	}	
}