.hourglass-container {
	display: inline-block;
	padding: 0 15px;
	border-color: #cec93c !important;
}

.hourglass {
	height: auto;
	width: auto;
	border-color: #989532 !important;
}

.hourglass-top, .hourglass-bottom {
	background-color: rgba(255, 255, 255, 0.8);
	background-image: linear-gradient(#37b34a, #37b34a);
	background-repeat: no-repeat;
}

.hourglass-top {
	background-position: 0 0;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.hourglass-bottom {
	background-position: 0 0;
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.active.hourglass-bottom:after {
	content: "";
	display: block;
}

.hide-after.hourglass-bottom:after {
	display: none;
}

.color-37b34a {
	background-image: linear-gradient(#37b34a, #37b34a) !important;
}

.color-e2bf23 {
	background-image: linear-gradient(#e2bf23, #e2bf23) !important;
}

.color-e22323 {
	background-image: linear-gradient(#e22323, #e22323) !important;
}

.color-37b34a.active.hourglass-bottom:after {
	background-image: linear-gradient(#37b34a, transparent) !important;
}

.color-e2bf23.active.hourglass-bottom:after {
	background-image: linear-gradient(#e2bf23, transparent) !important;
}

.color-e22323.active.hourglass-bottom:after {
	background-image: linear-gradient(#e22323, transparent) !important;
}