body {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
.wrapper {
	width: 80vw;
	margin: 0 auto;
}
.ico-anim .ico-desc {
	cursor: pointer;
}

.ico-list-wrapper,
.ico-list-wrapper .row {
	display: flex;
	flex-flow: row;
}
	.ico-list-wrapper .col-md-4 {
		width: 33.33%;
	}
.svg-sprite {
	position: absolute;
	top: -9999px;
	opacity: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}
.svg-ico:target {
	display: inline;
}
.ico-img {
	width: 32px;
	height: 32px;
	margin-right: 10px;
}
	.ico-img.ico-img-bkg.ico-chev {
		-webkit-mask-image: url('/img/icon-chevron-slim.svg');
		mask-image: url('/img/icon-chevron-slim.svg');
		-webkit-mask-position: 50% 50%;
		mask-position: 50% 50%;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		background: #E30613;
		background-size: 100%;
	}
	.ico-img img {
		width: 32px;
		height: 32px;
	}
	.ico-img.ico-img-svg svg {
		width: 32px;
		height: 32px;
	}
.ico-chev-ie64 {
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvQ2hldnJvbiIgY2xhc3M9InN2Zy1pY28tY2hldnJvbiIgdmlld0JveD0iMCAwIDE4IDExIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KCTxwYXRoIGQ9Ik05IDcuNDc2TDE2LjI4MyAwIDE4IDEuNzYyIDkgMTEgMCAxLjc2MiAxLjcxNyAweiIgZmlsbD0iI0UzMDYxMyIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4=)  50% 50% no-repeat;
	background-size: 100%;
}
.ico-chev-ie {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg id='icoChevron' class='svg-ico-chevron' viewBox='0 0 18 11' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 7.476L16.283 0 18 1.762 9 11 0 1.762 1.717 0z' fill='%23E30613' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
	background-size: 100%;
}
.ico-chev-ie-filtered {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg id='icoChevron' class='svg-ico-chevron' viewBox='0 0 18 11' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 7.476L16.283 0 18 1.762 9 11 0 1.762 1.717 0z' fill='%23E30613' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
	filter: invert(61%) sepia(0%) saturate(1%) hue-rotate(313deg) brightness(110%) contrast(85%);
	background-size: 100%;
}
.ico-img-path {
	width: 32px;
}
.ico-img-bkg.ico-grey {
	background: #999 !important;
}
.ico-img-bkg.ico-red {
	background: #E30613 !important;
}
.ico-red img {
	filter: invert(8%) sepia(97%) saturate(7102%) hue-rotate(354deg) brightness(107%) contrast(98%) !important;
	filter: invert(10%) sepia(99%) saturate(6929%) hue-rotate(354deg) brightness(89%) contrast(99%) !important;
}
.ico-grey img {
	filter: invert(61%) sepia(0%) saturate(1%) hue-rotate(313deg) brightness(110%) contrast(85%);
}
img.ico-grey,
.ico-grey .svg-color {
	fill: #999 !important;
}
img.ico-red,
.ico-red .svg-color {
	fill: #E30613 !important;
}
.ico-anim:hover .ico-img {
	transform: rotate(180deg);
	transition: transform 450ms ease-in-out;
}

.row {
	display: flex;
	align-items:center;
	max-width: 300px;
	padding: 10px;
}
.hilite {
	box-shadow: inset 0 0 0 3px #00F;
}