ul.social {
	text-align: left;
}

ul.social a {
	display: block;
	height: 24px;
	width: 24px;
}

ul.social img {
	height: 100%;
}

ul.social .transition-background-image {
    -moz-transition: background-image .3s .02s ease, color .3s .02s ease;
    -o-transition: background-image .3s .02s ease, color .3s .02s ease;
    -webkit-transition: background-image .3s .02s ease, color .3s .02s ease
}


ul.social .vk-color {
	background-image: url(/html/svg/social/vk.svg) !important;
	background-size: 100%;
}

ul.social .facebook-color {
	background-image: url(/html/svg/social/facebook.svg) !important;
	background-size: 100%;
}

ul.social .instagram-color {
	background-image: url(/html/svg/social/instagram.svg) !important;
	background-size: 100%;
}

ul.social .youtube-color {
	background-image: url(/html/svg/social/youtube.svg) !important;
	background-size: 100%;
}

ul.social .telegram-color {
	background-image: url(/html/svg/social/tg.svg) !important;
	background-size: 100%;
	opacity: 0.6;
}

ul.social .rutube-color {
	background-image: url(/html/svg/social/rutube.svg) !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 85%;
}

ul.social .ok-color {
	background-image: url(/html/svg/social/ok.svg) !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 85%;
}

ul.social .telegram-color:hover {
	background-image: url(/html/svg/social/tg.svg) !important;
	background-size: 100%;
	opacity: 1;
}

ul.social .vk-color:hover {
	background-image: url(/html/svg/social/vk_hover.svg) !important;
	background-size: 100%;
}

ul.social .facebook-color:hover {
	background-image: url(/html/svg/social/facebook_hover.svg) !important;
	background-size: 100%;
}

ul.social .instagram-color:hover {
	background-image: url(/html/svg/social/instagram_hover.svg) !important;
	background-size: 100%;
}

ul.social .youtube-color:hover {
	background-image: url(/html/svg/social/youtube_hover.svg) !important;
	background-size: 100%;
}

ul.social .ok-color:hover {
	background-image: url(/html/svg/social/ok_hover.svg) !important;
}

ul.social .rutube-color:hover {
	background-image: url(/html/svg/social/rutube_hover.svg) !important;
}