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

[class^="icon-ascribe-"], [class*=" icon-ascribe-"] {
	font-family: 'ascribe-logo';
	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;
}
@font-face {
	font-family: 'ascribe-logo';
	src:url('#{$BASE_URL}static/fonts/ascribe-logo.eot?q6qoae');
	src:url('#{$BASE_URL}static/fonts/ascribe-logo.eot?q6qoae#iefix') format('embedded-opentype'),
		url('#{$BASE_URL}static/fonts/ascribe-logo.ttf?q6qoae') format('truetype'),
		url('#{$BASE_URL}static/fonts/ascribe-logo.woff?q6qoae') format('woff'),
		url('#{$BASE_URL}static/fonts/ascribe-logo.svg?q6qoae#ascribe-logo') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-ascribe-"], [class*=" icon-ascribe-"] {
	font-family: 'ascribe-logo';
	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-ascribe-add:before {
	content: "\e800";
}
.icon-ascribe-sort:before {
	content: "\e801";
}
.icon-ascribe-search:before {
	content: "\e802";
}
.icon-ascribe-filter:before {
	content: "\e803";
}
.icon-ascribe-add-white:before {
	content: "\e804";
}
.icon-ascribe-add-blue .path1:before {
	content: "\e805";
	color: rgb(0, 60, 106);
}
.icon-ascribe-add-blue .path2:before {
	content: "\e806";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-ascribe-icon:before {
	content: "\e807";
}
.icon-ascribe-logo:before {
	content: "\e808";
}



.glyph-ascribe-logo-spool:before {
  content: "\e600";
}

.glyph-ascribe-spool:before {
  content: "\e601";
}

.glyph-ascribe-logo-spool-chunked:before {
  content: "\e602";
}

.glyph-ascribe-spool-chunked:before {
  content: "\e603";
}

.glyph-ascribe-home:before {
  content: "\e900";
}

.glyph-ascribe-home2:before {
  content: "\e901";
}

.glyph-ascribe-home3:before {
  content: "\e902";
}

.glyph-ascribe-pencil:before {
  content: "\e905";
}

.glyph-ascribe-pencil2:before {
  content: "\e906";
}

.glyph-ascribe-quill:before {
  content: "\e907";
}

.glyph-ascribe-image:before {
  content: "\e90d";
}

.glyph-ascribe-camera:before {
  content: "\e90f";
}

.glyph-ascribe-music:before {
  content: "\e911";
}

.glyph-ascribe-play:before {
  content: "\e912";
}

.glyph-ascribe-film:before {
  content: "\e913";
}

.glyph-ascribe-credit-card:before {
  content: "\e93f";
}

.glyph-ascribe-pushpin:before {
  content: "\e946";
}

.glyph-ascribe-undo2:before {
  content: "\e967";
}

.glyph-ascribe-redo2:before {
  content: "\e968";
}

.glyph-ascribe-enlarge:before {
  content: "\e989";
}

.glyph-ascribe-shrink:before {
  content: "\e98a";
}

.glyph-ascribe-enlarge2:before {
  content: "\e98b";
}

.glyph-ascribe-shrink2:before {
  content: "\e98c";
}

.glyph-ascribe-share:before {
  content: "\ea7d";
}

.glyph-ascribe-new-tab:before {
  content: "\ea7e";
}

.glyph-ascribe-share2:before {
  content: "\ea82";
}

.glyph-ascribe-google:before {
  content: "\ea87";
}

.glyph-ascribe-google-plus:before {
  content: "\ea88";
}

.glyph-ascribe-google-plus2:before {
  content: "\ea89";
}

.glyph-ascribe-facebook:before {
  content: "\ea8c";
}

.glyph-ascribe-facebook2:before {
  content: "\ea8d";
}

.glyph-ascribe-twitter:before {
  content: "\ea91";
}

.glyph-ascribe-twitter2:before {
  content: "\ea92";
}

.glyph-ascribe-youtube3:before {
  content: "\ea99";
}

.glyph-ascribe-dropbox:before {
  content: "\eaaf";
}

.glyph-ascribe-file-pdf:before {
  content: "\eada";
}

.glyph-ascribe-chrome:before {
  content: "\eae5";
}

.glyph-ascribe-firefox:before {
  content: "\eae6";
}

.glyph-ascribe-IE:before {
  content: "\eae7";
}

.glyph-ascribe-opera:before {
  content: "\eae8";
}

.glyph-ascribe-safari:before {
  content: "\eae9";
}

.btn-glyph-ascribe {
  font-size: 18px;
  padding: 4px 12px 0 10px
}

.ascribe-logo-circle {
  border: 6px solid #F6F6F6;
  border-radius: 10em;
  position: relative;
  top: 10%;
  left: 10%;

  display: block;
  width: 80%;
  height: 80%;

  > span {
    color: #F6F6F6;
    position: absolute;
    top: -.29em;
    left: .16em;

    font-size: 5em;
    font-weight: normal;
  }
}