Удалить нижнюю тень на всплывающем окне bootstrap 3

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<style>
body {
  padding-top: 300px
}
.teamMember {
	width: 60%;
	margin: auto;
	transition: all .3s ease;
	padding: 20px;
}

.teamMember:hover {
	box-shadow: 
		4px 4px 4px rgba(0,0,0,.3),
		-4px -4px 4px rgba(0,0,0,.3);
}

.teamMember img {
	width: 50%;
}

.teamMember h4 {
	font-size: 3em;
	font-family: 'Arimo';
}

.teamMember h5 {
	text-transform: none !important;
	color: rgba(0,0,0,.7) !important;
	font-size: 2em !important;
}

.popover {
	background: rgba(0,0,0,0) url('https://i.imgur.com/mmiTupu.jpg') no-repeat center;
	background-size: cover;
	border: none;
	border-radius: 0;
	box-shadow: none !important;
	text-shadow: none !important;
}

.popover-content {
	border: none;
	border-radius: 0;
	padding: 100px;
}
</style>
<div class="container-fluid">
	<div class="row">
		<div class="col-sm-12">
			<div class="teamMember" data-placement="top" data-content="oof<br/>test">
			<img src="https://i.imgur.com/mmiTupu.jpg">
			<h4>oof</h4>
			<h5>oof</h5>
		</div>
	</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
	var template = [
	'<div class="popover">',
		'<div class="popover-content">',
		'</div>',
	'</div>'
	].join('');
	$(".teamMember").popover({
		trigger: "hover",
		html: !0,
		template: template
	});
});
</script>