#promo{
	padding:20px 10%;
	float: left;
	background: #fff;
	width: 100%;
}

#promo>e>div{
	width:33.33%;
	float: left;
	height: 375px;
	display: inline-table;
	cursor:pointer;
}

#promo div>span,#promo div>img{
	width:96%;
}
#promo div>img{height:200px}

#promo div>span{
	display: block;
	background:#f2f2f2;
	color:#999;
	padding-bottom:10px;
}

#promo h1{
	font-weight:normal;
	font-size: 20px;
	background:#b7121b;
	color:#fff;
	width:100%;
	padding:15px 2%;
}
#promo p{
	width:96%;
	padding:10px 2%;
}
#promo span>span{
	padding:2px 2%;
	display:block;
	color:#c1a971;
}

.vf,.vf>li{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1550;
	display:block;
	cursor:pointer;
}
.vf{display:none}
.vf>li{
	background:rgba(0,0,0,.4);
	color:#fff;
	padding:5%;
	text-align:right;
	font-size:18px;
}
.vf>div{
	width:50%;
	position:absolute;
	top:50%;left:50%;
	transform:translate(-50%,-50%);
	background:#fff;
	z-index:9999;
	display:inline-block;
}
.vf h1{
	padding:20px 0;
	background:#162731;
	color:#fff;
	font-size:20px;
	text-align:center;
}
.vf .slider-social,.vf span,.vf p{
	padding:10px;
}

.panel-heading{
	cursor:pointer;
}

@media only screen and (max-width:720px){
	#promo{
		padding:0 2%;
	}
	#promo div>span, #promo div>img {
	    width: 100%;
	}
	#promo>e>div{
		height: auto;
		width:100%;
		margin:15px 0;
	}
	.vf>li{
		padding:1%;
	}
	.vf>div{
		width:90%;
	}
}