@font-face {
	font-family: 'si';
	font-style: normal;
	font-weight: normal;
	src: url('/common/images/perfect-icons/socicon.eot');
	src: url('/common/images/perfect-icons/socicon.eot?#iefix') format('embedded-opentype'),
	     url('/common/images/perfect-icons/socicon.woff') format('woff'),
	     url('/common/images/perfect-icons/socicon.ttf') format('truetype'),
	     url('/common/images/perfect-icons/socicon.svg#icomoonregular') format('svg');
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: si;
		src: url(/common/images/perfect-icons/socicon.svg) format(svg);
	}
}
.soc {
	overflow: hidden;
	text-align: center;
}
.soc li {
	float: left;
}
.soc a {
	background: #ccc;
	border-radius: 100%;
	color: #fff !important;
	display: block;
	font-family: si !important;
	font-style: normal;
	font-weight: 400;
	transition: background 0.25s;
	z-index: 1;
}
body.js-non-touch-device .soc a:hover {
	background: #b8b8b8;
}
.soc-facebook:before {
	content: '\e041';
}
.soc-twitter:before {
	content: '\e040';
}