.icon {
	position: relative;
	padding-left: calc( 1.125rem + .125rem + .25rem );
}

.icon > * {
	margin-bottom: .25rem;
}

i.icon {
	display: block;
	width: 1.125rem;
	height: 1.125rem;
	padding-left: 0;
}

i.icon::before {
	left: 0;
}

i.icon.icon_rounded::after {
	content: '';
	position: absolute;
	top: -.375rem;
	left: -.375rem;
	width: calc( 1.125rem + .75rem );
	height: calc( 1.125rem + .75rem );
	border: 2px solid #111;
	border-radius: 50%;
	background: transparent;
	transition: all .25s ease-in-out;
}

i.icon.icon_rounded.icon_white::after {
	border: 2px solid #fff;
}

.icon::before {
	content: '';
	position: absolute;
	top: 50%;
	left: .125rem;
	width: 1.125rem;
	height: 1rem;
	transform: translateY( -50% );
	transition: all .25s ease-in-out;
}

.icon_top::before {
	top: .125rem;
	transform: translateY( 0% );
}

.icon_after {
	padding-left: 0;
	padding-right: 1.5rem;
}

.icon_after::before {
	left: auto;
	right: .125rem;
}

.icon_white::before {
	filter: invert(100%);
}

.icon_gray::before {
	filter: invert(50%);
}

.icon_behance::before {
	background: url( ../icons/behance.svg ) center/contain no-repeat
}

.icon_facebook::before {
	background: url( ../icons/facebook.svg ) center/contain no-repeat
}

.icon_habr::before {
	background: url( ../icons/habr.svg ) center/contain no-repeat
}

.icon_instagram::before {
	background: url( ../icons/instagram.svg ) center/contain no-repeat
}

.icon_linkedin::before {
	background: url( ../icons/linkedin.svg ) center/contain no-repeat
}

.icon_odnoklassniki::before {
	background: url( ../icons/odnoklassniki.svg ) center/contain no-repeat
}

.icon_pinterest::before {
	background: url( ../icons/pinterest.svg ) center/contain no-repeat
}

.icon_soundcloud::before {
	background: url( ../icons/soundcloud.svg ) center/contain no-repeat
}

.icon_telegram::before {
	background: url( ../icons/telegram.svg ) center/contain no-repeat
}

.icon_tiktok::before {
	background: url( ../icons/tiktok.svg ) center/contain no-repeat
}

.icon_twitch::before {
	background: url( ../icons/twitch.svg ) center/contain no-repeat
}

.icon_twitter::before {
	background: url( ../icons/twitter.svg ) center/contain no-repeat
}

.icon_viber::before {
	background: url( ../icons/viber.svg ) center/contain no-repeat
}

.icon_vimeo::before {
	background: url( ../icons/vimeo.svg ) center/contain no-repeat
}

.icon_vk::before {
	background: url( ../icons/vk.svg ) center/contain no-repeat
}

.icon_whatsapp::before {
	background: url( ../icons/whatsapp.svg ) center/contain no-repeat
}

.icon_vk::before {
	background: url( ../icons/vk.svg ) center/contain no-repeat
}

.icon_wordpress::before {
	background: url( ../icons/wordpress.svg ) center/contain no-repeat
}





.icon_globe::before {
	background: url( ../icons/globe.svg ) center/contain no-repeat
}

.icon_location-dot::before {
	background: url( ../icons/location-dot.svg ) center/contain no-repeat
}

.icon_phone::before {
	background: url( ../icons/phone.svg ) center/contain no-repeat
}

.icon_envelope::before {
	background: url( ../icons/envelope.svg ) center/contain no-repeat
}