@font-face
{
	font-family: 'social-icons';
	src:  url('../fonts/social-icons.eot?e7bkm8');
	src:  url('../fonts/social-icons.eot?e7bkm8#iefix') format('embedded-opentype'),
		url('../fonts/social-icons.ttf?e7bkm8') format('truetype'),
		url('../fonts/social-icons.woff?e7bkm8') format('woff'),
		url('../fonts/social-icons.svg?e7bkm8#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"]
{
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'social-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-youtube:before
{
	content: "\e900";
}
.icon-facebook:before
{
	content: "\ea90";
}
.icon-instagram:before
{
	content: "\ea92";
}
.icon-twitter:before
{
	content: "\ea96";
}
.icon-linkedin:before
{
	content: "\eaca";
}

/** Social **/
.et-social-icons
{
	float: none;
}
	.et-social-icons li
	{
		display: inline-block;
		margin-left: 0;
	}
	.et-social-icons li + li
	{
		margin-left: 0.7em;
	}
		.et-social-icons li a
		{
			color: #FFFFFF;
			display: block;
		}
			.et-social-icons li a:before
			{
				background: #0C71C3;
				border-radius: 12px;
				display: block;
				font-size: 1em;
				margin-left: 0;
				padding: 0.4em;
				text-align: center;
				transition: ease-in-out .3s;
				vertical-align: middle;	
			}
			
			@media (min-width: 767px)
			{
				.et-social-icons li a:before
				{
					font-size: 1.4em;
				}
			}
		
		.et-social-icons li:hover a:before
		{
			background: #b51f83;
		}
		.et-social-icons a:hover
		{
			opacity: 1;
		}