/*** Demo 4 ***/
.demo-box-4 {
    position: relative;
	overflow: hidden;
	   -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
}
.demo-box-4 {
    background: #fff;
        margin-bottom:  30px;
}

.box-shadow{
	-webkit-box-shadow: 1px 2px 10px rgba(0,0,0,.18);
	        box-shadow: 1px 2px 10px rgba(0,0,0,.18);
	-webkit-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	transition: all ease 500ms;
}
.box-shadow:hover {
    -webkit-box-shadow: 1px 2px 10px rgba(0,0,0,.50);
            box-shadow: 1px 2px 10px rgba(0,0,0,.50);
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
}

.team-member-image-4 {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.team-member-image-4 img{
	width: 100%;
	-webkit-box-shadow: 1px 2px 10px rgba(0,0,0,.18);
	        box-shadow: 1px 2px 10px rgba(0,0,0,.18);
	-webkit-transition: all ease 500ms;
	transform: scale(1); 
}


.demo-box-4:hover .team-member-image-4 img{
	-webkit-box-shadow: 1px 2px 10px rgba(0,0,0,.18);
	        box-shadow: 1px 2px 10px rgba(0,0,0,.18);
	-webkit-transition: all ease 500ms;
	transform: scale(1.1);
}

.member-details-4{
	padding: 0px 10px;	
    text-align:  center;
}
.member-details-4 h2 {
    color: #fff;
    font: 600 1.4rem/1.4 'Montserrat', sans-serif !important;
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
    text-transform: capitalize;
}
.member-details-4 h3 {
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
    font: 500 1.4rem/1.4 'Montserrat', sans-serif !important;
	color: #fff;

}
 
.team-member-details-top {
    position: absolute;
    top: -100%;
    left:0;
        background-color: rgba(204, 163, 45, .8);
    width: 100%;
    height: 100%;
	transition: all ease 500ms;
}
.demo-box-4:hover .team-member-details-top {
	 top:0;
	transition: all ease 500ms;

}

.team-member-details-bottom {
    position: absolute;
    bottom: 0;
    background: rgba(12, 15, 34, .9);
    right: 0;
    width: 100%;
    padding: 15px 0;
	transition: all ease 500ms;
    text-align: center;
}
.demo-box-4:hover .team-member-details-bottom {
	bottom: -100%;
	transition: all ease 500ms;
}

.member-details-4 p {
    color: #fff;
    font: 500 0.9rem/1.4 'Montserrat', sans-serif !important;
    width: 60%;
    margin:  auto;
}
.team-member-social-4{
	padding:0px 10px;
}
.team-member-social-4 i {
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    color: #000;
    font-size: 22px;
    line-height: 40px;
}

.display-table {
    display: table;
    height: 350px;
    width: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
    background-image: url(../imgs/pngs/logoAlt.png);
    background-repeat: no-repeat;
    background-position-X: center;
    background-position-Y: 10%;
    background-size: 150px;

}