.social_media	{padding:0;}
.social 		{z-index: 9999;top: 50%; transform: translateY(-50%); width: auto; position: fixed; background: transparent; padding-top: 0px; padding-bottom: 0px;overflow: hidden;}
.social.social_bar_left 		{left: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.social.social_bar_right 		{right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}                          
.social__icon-container 		{transition: background-color 0.3s ease-in-out;}
.social__icon-container:hover 	{transform: rotateY(30deg); transition: transform 0.3s linear;}
.social__link 					{display: block; text-align: center; color: #fff; font-size: 10px;}
.social__link span				{background-image: url('/media/static/social-icons.png'); display:block; width:50px; height:50px;}
.social__icon-container--facebook 			{background-color: #3b5998;}
.social__icon-container--facebook:hover 	{background-color: #24458a; border-left: 5px solid #24458a; margin-left: -5px;}
.social__icon-container--facebook span		{background-position: 0 0;}
.social__icon-container--twitter 			{background-color: #1da1f2;}
.social__icon-container--twitter:hover 		{background-color: #1784c7; border-left: 5px solid #1784c7; margin-left: -5px;}
.social__icon-container--twitter span		{background-position: 0 -50px;}
.social__icon-container--pinterest 			{background-color: #bd081c;}
.social__icon-container--pinterest:hover 	{background-color: #980011; border-left: 5px solid #980011; margin-left: -5px;}
.social__icon-container--pinterest span		{background-position: 0 -100px;}                                          
.social__icon-container--instagram 			{background-color: #7542cc;}
.social__icon-container--instagram:hover 	{background-color: #4e1da2; border-left: 5px solid #4e1da2; margin-left: -5px;}
.social__icon-container--instagram span		{background-position: 0 -150px;}
.social__icon-container--youtube 			{background-color: #e32525;}
.social__icon-container--youtube:hover 		{background-color: #b70b0b; border-left: 5px solid #b70b0b; margin-left: -5px;}
.social__icon-container--youtube span		{background-position: 0 -200px;}
.social__icon-container--googleplus			{background-color: #f3501d;}
.social__icon-container--googleplus:hover 	{background-color: #d43c0c; border-left: 5px solid #d43c0c; margin-left: -5px;}
.social__icon-container--googleplus span	{background-position: 0 -250px;}
@media (max-width: 576px) {
    .social 								{position: static; transform: none; order: 999; width: 100%;}
    .social__icon-container:hover 			{transform: none;}
}