/* FontAwesome for working BootSnippet :> */


#team {
    background: #000 !important;
}

.ulink:hover,
.ulink:focus {
    background-color: #a80909;
    border-color: #a80909;
	color: #fff;
}

.ulink {
    color: #fff;
    background-color: #cc3333;
    border-color: #cc3333;
}



.section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#team .card {
    border: none;
    background: #eee;
	
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 10px;
	 background:#fff;
	 border-radius:5px;
	 border:1px dashed #aeaeae;
}

.frontside:hover {
	 background:#ececec;
	 border-radius:15px;
	  border:1px dashed #cc3333;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.frontsideimg {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    margin-bottom: 10px;
	 background:#fff;
	 border-radius:5px;
	 border:1px dashed #aeaeae;
	 min-height: 50px;
}

.frontsideimg:hover {
	 background:#ececec;
	 border-radius:15px;
	  border:1px dashed #cc3333;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



.frontside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 300px;
}

.backside .card a {
    font-size: 18px;
    color: #e01a22 !important;
}


.card-title {
	color:e01a22 !important;
	font-size:33px;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 30%;
	object-fit: scale-down;
	
}


.mydivouter{
	position:relative;
}
.mydivoverlap{
    position: relative;
    z-index: 1;
}
.mybuttonoverlap{
	position: absolute;
    z-index: 2;
    top: 80%;
    display: none;
    margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;	
}
.mydivouter:hover .mybuttonoverlap{ 
	display:block;
}