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

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

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

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

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

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



/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Metrize-Icons';
	src:url('../../assets/fonts/Metrize-Icons.eot');
	src:url('../../assets/fonts/Metrize-Icons.eot?#iefix') format('embedded-opentype'),
		
		url('../../assets/fonts/Metrize-Icons.ttf') format('truetype'),
		url('../../assets/fonts/Metrize-Icons.svg#Metrize-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
	font-family: 'Metrize-Icons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle  {
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
/*Elegant icons*/
.social_facebook_circle:before {
	content: "\e0aa";
}
.social_twitter_circle:before {
	content: "\e0ab";
}

.social_instagram_circle:before {
	content: "\e0b1";
}

.social_vimeo_circle:before {
	content: "\e0b3";
}
.social_linkedin_circle:before {
	content: "\e0b4";
}

/*Metrize icons*/
.icon-social-linkedin, .icon-social-twitter, .icon-social-facebook,    {
	font-family: 'Metrize-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-social-twitter:before {
	content: "\e033";
}
.icon-social-facebook:before {
	content: "\e045";
}
.icon-social-linkedin:before {
	content: "\e03e";
}


	.glyph {
		float: left;
		text-align: center;
		padding: .75em;
		margin: .4em 1.5em .75em 0;
		width: 6em;
text-shadow: none;
	}
        .glyph_big {
        font-size: 128px;
        color: #59c5dc;
        float: left;
        margin-right: 20px;
        }

        .glyph div { padding-bottom: 10px;}

	.glyph input {
		font-family: consolas, monospace;
		font-size: 12px;
		width: 100%;
		text-align: center;
		border: 0;
		box-shadow: 0 0 0 1px #ccc;
		padding: .2em;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
	}
	.centered {
		margin-left: auto;
		margin-right: auto;
	}
	.glyph .fs1 {
		font-size: 2em;
	}