ul.sdf_menu{
	list-style: none;
	z-index: 999;
	line-height: 1;
	width: 60%;
	float: left;
}
ul.sdf_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdf_menu li{
	float:left;
	width:calc(14.28% - 4px);
	margin: 0 2px;
	height:157px;
	position:relative;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: left bottom;
}
ul.sdf_menu li > a{
	position: relative;
	display: block;
	width:100%;
	height:190px;
	z-index:100;
}
ul.sdf_menu li a img{
	border:none;
	position:absolute;
	width:100%;
	height:auto;
	z-index:100;
	bottom: 100%;
	border-left: solid 18px #ffd101;
}
ul.sdf_menu li span.sdf_wrap{
	position:absolute;
	width:100%;
	height:157px;
	z-index:15;
	background-color: #fcfaf4;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
	border-left: solid 18px #f6f5f2;
}
ul.sdf_menu li span.sdf_active{
	position:absolute;
	width:100%;
	height:0px;
	z-index:14;
}
ul.sdf_menu li span span.sdf_link,
ul.sdf_menu li span span.sdf_descr,
ul.sdf_menu li div.sdf_box a{
	margin-left:0;
}
ul.sdf_menu li span span.sdf_link{
	font-family: 'league-gothic', sans-serif;
	color:#65655F;
	font-size:20px;
	float:left;
	clear:both;
	text-transform: uppercase;
	padding-top: 54px;
	padding-left: 6%;
}
ul.sdf_menu li span span.sdf_descr{
	color:#0B75AF;
	float:left;
	clear:both;
	font-size:10px;
	letter-spacing:1px;
}