.positioning-loop .table {
    position:relative;
    z-index:1;
}
.positioning-loop .cell {
    display:table-cell;
    cursor:pointer;
}
.positioning-loop .cell:after {
    display:none;
}
.filter-container {
    text-align:right;
    position:absolute;
    top:-150px;
    right:5px;
    padding:8px 75px 12.5px 12.5px;
    font-size:1.29em;
    text-transform:uppercase;
    border:1px solid #000;
    background-color:#fff;
    transition:.3s;
    min-height:50px;
}
.positioning-loop.filter-toggle-on .filter-container {
    top:5px;
}
.filter {
    position:relative;
    display:inline-block;
    cursor:pointer;
 }
.filter:after {
    content:'';
    display:block;
    position:absolute;
    bottom:0px;
    width:0;
    left:0;
    right:0;
    height:1px;
    margin:0 auto;
    background-color:#000;
    transition:.3s;
}
.filter:hover:after {
    width:100%;
}
.positioning-loop #loop-filter {
	position:relative;
	left:0;
	top:0;
	transition:.8s;
}
.positioning-loop #loop-filter g path {
	stroke-dasharray:60;
	stroke-dashoffset:60;
	transition:.5s;
}
.positioning-loop .cell:hover #loop-filter g path {
	stroke-dashoffset:60;
}

.positioning-loop.filter-toggle-on #loop-filter g path,
.filtered .positioning-loop #loop-filter g path {
	stroke-dashoffset:0;
}
.positioning-loop.filter-toggle-on #loop-filter>path,
.filtered .positioning-loop #loop-filter>path {
    stroke-dashoffset:-49 !important;
    z-index:0;
}
.positioning-loop.filter-toggle-on .cell:hover #loop-filter g path,
.filtered .positioning-loop .cell:hover #loop-filter g path {
	stroke-dashoffset:120;
}
.positioning-loop.filter-toggle-on #loop-filter,
.filtered .positioning-loop #loop-filter {
	left:3px;
	top:3px;
}

.date-div {
	color:#528d97;
	font-weight:700;
	text-transform:lowercase;
	text-align:left;
	margin-top:3em;
}
.date-div>div {display:inline-block;}
.date-div>div:nth-child(1) {font-size:3em;}
.date-div>div:nth-child(2) {font-size:1.62em;}