.tile-sq {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: left;
	height: auto !important;
	transform: none !important;
}

.tile-sq {
	margin-right: 5px;
}

.tile-sq .face img {
	width: 30px;
	margin-bottom: 5px;
}

.tile-sq .face img.on,
.tile-sq input:not(:checked) ~ .face img.on,
.tile-sq input:checked ~ .face img.off {
    display: none;
}

.tile-sq input:not(:checked) ~ .face img.off,
.tile-sq input:checked ~ .face img.on {
    display: inline-block;
}

.tile-sq input {
	opacity: 0;
	cursor: pointer;
	position: absolute;
}

.tile-sq .face {
	top: 0;
	left: 0;
	height: 100px;
	width: 100px;
	border: 1px solid #006fcf;
	border-radius: 6px;
	text-align: center;
	color: #006fcf;
	display: flex;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	flex-direction: column;
	padding: 5px;
	cursor: default;
}
.tile-sq .face small { width: 100% }
/*
.tile-sq:hover input ~ .face,
.tile-sq input:checked ~ .face {
    background-color: #eee;
}
*/
.tile-sq input:checked  ~ .face {
	border-color: #006FCF;
	border-width: 2px;
	color: #006FCF;
}

.tile-sq .face:after {
	content: "";
}

.benefits-grid .tile-sq {
	display: block !important;
	opacity: 1 !important;
    position: static !important;
}
.benefits-grid .tile-sq.isotope-marked .face {border-color: #dadce0; color: #97999B}

.benefits-grid .tile-sq .face .on { display: block }
.benefits-grid .tile-sq .face .off { display: none }

.benefits-grid .tile-sq.isotope-marked .face .on { display: none }
.benefits-grid .tile-sq.isotope-marked .face .off { display: block }