first pass at changing icon- to fa-

_config.yml

@@ -26,6 +26,7 @@ fontawesome:
   blog_url:       http://blog.fontawesome.io
   twitter:        fontawesome
   tagline:        The iconic font designed for Bootstrap
+  css_prefix:     fa
   author:
     name:         Dave Gandy
     email:        dave@fontawesome.io

css/font-awesome.css

@@ -34,8 +34,8 @@
 }
 /* FONT AWESOME CORE
  * -------------------------- */
-[class^="icon-"],
-[class*=" icon-"] {
+[class^="fa-"],
+[class*=" fa-"] {
   *margin-right: .3em;
   font-family: FontAwesome;
   -webkit-font-smoothing: antialiased;
@@ -45,100 +45,100 @@
   text-rendering: auto;
   -moz-osx-font-smoothing: grayscale;
 }
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
+[class^="fa-"]:before,
+[class*=" fa-"]:before {
   display: inline-block;
   text-decoration: inherit;
   speak: none;
 }
 /* makes the font 33% larger relative to the icon container */
-.icon-large:before {
+.fa-large:before {
   font-size: 1.3333333333333333em;
   vertical-align: -10%;
 }
 /* makes sure icons active on rollover in links */
-a [class^="icon-"],
-a [class*=" icon-"] {
+a [class^="fa-"],
+a [class*=" fa-"] {
   display: inline;
 }
 /* increased font size for icon-large */
-[class^="icon-"].icon-fixed-width,
-[class*=" icon-"].icon-fixed-width {
+[class^="fa-"].fa-fixed-width,
+[class*=" fa-"].fa-fixed-width {
   display: inline-block;
   width: 1.1428571428571428em;
   padding-right: 0.2857142857142857em;
   text-align: right;
 }
-[class^="icon-"].icon-fixed-width.icon-large,
-[class*=" icon-"].icon-fixed-width.icon-large {
+[class^="fa-"].fa-fixed-width.fa-large,
+[class*=" fa-"].fa-fixed-width.fa-large {
   width: 1.4285714285714286em;
 }
-.icons-ul {
+.fas-ul {
   padding-left: 0;
   margin-left: 2.142857142857143em;
   list-style-type: none;
 }
-.icons-ul > li {
+.fas-ul > li {
   position: relative;
 }
-.icons-ul .icon-li {
+.fas-ul .fa-li {
   position: absolute;
   left: -2.142857142857143em;
   width: 2.142857142857143em;
   line-height: inherit;
   text-align: center;
 }
-[class^="icon-"].hide,
-[class*=" icon-"].hide {
+[class^="fa-"].hide,
+[class*=" fa-"].hide {
   display: none;
 }
-.icon-muted {
+.fa-muted {
   color: #eeeeee;
 }
-.icon-light {
+.fa-light {
   color: #ffffff;
 }
-.icon-dark {
+.fa-dark {
   color: #333333;
 }
-.icon-border {
+.fa-border {
   padding: .2em .25em .15em;
   border: solid 1px #eeeeee;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
 }
-.icon-2x {
+.fa-2x {
   font-size: 2em;
 }
-.icon-2x.icon-border {
+.fa-2x.fa-border {
   border-width: 2px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
 }
-.icon-3x {
+.fa-3x {
   font-size: 3em;
 }
-.icon-3x.icon-border {
+.fa-3x.fa-border {
   border-width: 3px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
 }
-.icon-4x {
+.fa-4x {
   font-size: 4em;
 }
-.icon-4x.icon-border {
+.fa-4x.fa-border {
   border-width: 4px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
 }
-.icon-5x {
+.fa-5x {
   font-size: 5em;
 }
-.icon-5x.icon-border {
+.fa-5x.fa-border {
   border-width: 5px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
@@ -150,19 +150,19 @@ a [class*=" icon-"] {
 .pull-left {
   float: left;
 }
-[class^="icon-"].pull-left,
-[class*=" icon-"].pull-left {
+[class^="fa-"].pull-left,
+[class*=" fa-"].pull-left {
   margin-right: .3em;
 }
-[class^="icon-"].pull-right,
-[class*=" icon-"].pull-right {
+[class^="fa-"].pull-right,
+[class*=" fa-"].pull-right {
   margin-left: .3em;
 }
 /* BOOTSTRAP SPECIFIC CLASSES
  * -------------------------- */
 /* Bootstrap 2.0 sprites.less reset */
-[class^="icon-"],
-[class*=" icon-"] {
+[class^="fa-"],
+[class*=" fa-"] {
   display: inline;
   width: auto;
   height: auto;
@@ -175,80 +175,80 @@ a [class*=" icon-"] {
 }
 /* more sprites.less reset */
 .icon-white,
-.nav-pills > .active > a > [class^="icon-"],
-.nav-pills > .active > a > [class*=" icon-"],
-.nav-list > .active > a > [class^="icon-"],
-.nav-list > .active > a > [class*=" icon-"],
-.navbar-inverse .nav > .active > a > [class^="icon-"],
-.navbar-inverse .nav > .active > a > [class*=" icon-"],
-.dropdown-menu > li > a:hover > [class^="icon-"],
-.dropdown-menu > li > a:hover > [class*=" icon-"],
-.dropdown-menu > .active > a > [class^="icon-"],
-.dropdown-menu > .active > a > [class*=" icon-"],
-.dropdown-submenu:hover > a > [class^="icon-"],
-.dropdown-submenu:hover > a > [class*=" icon-"] {
+.nav-pills > .active > a > [class^="fa-"],
+.nav-pills > .active > a > [class*=" fa-"],
+.nav-list > .active > a > [class^="fa-"],
+.nav-list > .active > a > [class*=" fa-"],
+.navbar-inverse .nav > .active > a > [class^="fa-"],
+.navbar-inverse .nav > .active > a > [class*=" fa-"],
+.dropdown-menu > li > a:hover > [class^="fa-"],
+.dropdown-menu > li > a:hover > [class*=" fa-"],
+.dropdown-menu > .active > a > [class^="fa-"],
+.dropdown-menu > .active > a > [class*=" fa-"],
+.dropdown-submenu:hover > a > [class^="fa-"],
+.dropdown-submenu:hover > a > [class*=" fa-"] {
   background-image: none;
 }
 /* keeps Bootstrap styles with and without icons the same */
-.btn [class^="icon-"].icon-large,
-.nav [class^="icon-"].icon-large,
-.btn [class*=" icon-"].icon-large,
-.nav [class*=" icon-"].icon-large {
+.btn [class^="fa-"].fa-large,
+.nav [class^="fa-"].fa-large,
+.btn [class*=" fa-"].fa-large,
+.nav [class*=" fa-"].fa-large {
   line-height: .9em;
 }
-.btn [class^="icon-"].icon-spin,
-.nav [class^="icon-"].icon-spin,
-.btn [class*=" icon-"].icon-spin,
-.nav [class*=" icon-"].icon-spin {
+.btn [class^="fa-"].fa-spin,
+.nav [class^="fa-"].fa-spin,
+.btn [class*=" fa-"].fa-spin,
+.nav [class*=" fa-"].fa-spin {
   display: inline-block;
 }
-.nav-tabs [class^="icon-"],
-.nav-pills [class^="icon-"],
-.nav-tabs [class*=" icon-"],
-.nav-pills [class*=" icon-"],
-.nav-tabs [class^="icon-"].icon-large,
-.nav-pills [class^="icon-"].icon-large,
-.nav-tabs [class*=" icon-"].icon-large,
-.nav-pills [class*=" icon-"].icon-large {
+.nav-tabs [class^="fa-"],
+.nav-pills [class^="fa-"],
+.nav-tabs [class*=" fa-"],
+.nav-pills [class*=" fa-"],
+.nav-tabs [class^="fa-"].fa-large,
+.nav-pills [class^="fa-"].fa-large,
+.nav-tabs [class*=" fa-"].fa-large,
+.nav-pills [class*=" fa-"].fa-large {
   line-height: .9em;
 }
-.btn [class^="icon-"].pull-left.icon-2x,
-.btn [class*=" icon-"].pull-left.icon-2x,
-.btn [class^="icon-"].pull-right.icon-2x,
-.btn [class*=" icon-"].pull-right.icon-2x {
+.btn [class^="fa-"].pull-left.fa-2x,
+.btn [class*=" fa-"].pull-left.fa-2x,
+.btn [class^="fa-"].pull-right.fa-2x,
+.btn [class*=" fa-"].pull-right.fa-2x {
   margin-top: .18em;
 }
-.btn [class^="icon-"].icon-spin.icon-large,
-.btn [class*=" icon-"].icon-spin.icon-large {
+.btn [class^="fa-"].fa-spin.fa-large,
+.btn [class*=" fa-"].fa-spin.fa-large {
   line-height: .8em;
 }
-.btn.btn-small [class^="icon-"].pull-left.icon-2x,
-.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
-.btn.btn-small [class^="icon-"].pull-right.icon-2x,
-.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
+.btn.btn-small [class^="fa-"].pull-left.fa-2x,
+.btn.btn-small [class*=" fa-"].pull-left.fa-2x,
+.btn.btn-small [class^="fa-"].pull-right.fa-2x,
+.btn.btn-small [class*=" fa-"].pull-right.fa-2x {
   margin-top: .25em;
 }
-.btn.btn-large [class^="icon-"],
-.btn.btn-large [class*=" icon-"] {
+.btn.btn-large [class^="fa-"],
+.btn.btn-large [class*=" fa-"] {
   margin-top: 0;
 }
-.btn.btn-large [class^="icon-"].pull-left.icon-2x,
-.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
-.btn.btn-large [class^="icon-"].pull-right.icon-2x,
-.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
+.btn.btn-large [class^="fa-"].pull-left.fa-2x,
+.btn.btn-large [class*=" fa-"].pull-left.fa-2x,
+.btn.btn-large [class^="fa-"].pull-right.fa-2x,
+.btn.btn-large [class*=" fa-"].pull-right.fa-2x {
   margin-top: .05em;
 }
-.btn.btn-large [class^="icon-"].pull-left.icon-2x,
-.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
+.btn.btn-large [class^="fa-"].pull-left.fa-2x,
+.btn.btn-large [class*=" fa-"].pull-left.fa-2x {
   margin-right: .2em;
 }
-.btn.btn-large [class^="icon-"].pull-right.icon-2x,
-.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
+.btn.btn-large [class^="fa-"].pull-right.fa-2x,
+.btn.btn-large [class*=" fa-"].pull-right.fa-2x {
   margin-left: .2em;
 }
 /* Fixes alignment in nav lists */
-.nav-list [class^="icon-"],
-.nav-list [class*=" icon-"] {
+.nav-list [class^="fa-"],
+.nav-list [class*=" fa-"] {
   line-height: inherit;
 }
 /* EXTRAS
@@ -380,1102 +380,1102 @@ a .icon-flip-vertical:before {
 }
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
-.icon-glass:before {
+.fa-glass:before {
   content: "\f000";
 }
-.icon-music:before {
+.fa-music:before {
   content: "\f001";
 }
-.icon-search:before {
+.fa-search:before {
   content: "\f002";
 }
-.icon-envelope-alt:before {
+.fa-envelope-alt:before {
   content: "\f003";
 }
-.icon-heart:before {
+.fa-heart:before {
   content: "\f004";
 }
-.icon-star:before {
+.fa-star:before {
   content: "\f005";
 }
-.icon-star-empty:before {
+.fa-star-empty:before {
   content: "\f006";
 }
-.icon-user:before {
+.fa-user:before {
   content: "\f007";
 }
-.icon-film:before {
+.fa-film:before {
   content: "\f008";
 }
-.icon-th-large:before {
+.fa-th-large:before {
   content: "\f009";
 }
-.icon-th:before {
+.fa-th:before {
   content: "\f00a";
 }
-.icon-th-list:before {
+.fa-th-list:before {
   content: "\f00b";
 }
-.icon-ok:before {
+.fa-ok:before {
   content: "\f00c";
 }
-.icon-remove:before {
+.fa-remove:before {
   content: "\f00d";
 }
-.icon-zoom-in:before {
+.fa-zoom-in:before {
   content: "\f00e";
 }
-.icon-zoom-out:before {
+.fa-zoom-out:before {
   content: "\f010";
 }
-.icon-power-off:before,
-.icon-off:before {
+.fa-power-off:before,
+.fa-off:before {
   content: "\f011";
 }
-.icon-signal:before {
+.fa-signal:before {
   content: "\f012";
 }
-.icon-gear:before,
-.icon-cog:before {
+.fa-gear:before,
+.fa-cog:before {
   content: "\f013";
 }
-.icon-trash:before {
+.fa-trash:before {
   content: "\f014";
 }
-.icon-home:before {
+.fa-home:before {
   content: "\f015";
 }
-.icon-file-alt:before {
+.fa-file-alt:before {
   content: "\f016";
 }
-.icon-time:before {
+.fa-time:before {
   content: "\f017";
 }
-.icon-road:before {
+.fa-road:before {
   content: "\f018";
 }
-.icon-download-alt:before {
+.fa-download-alt:before {
   content: "\f019";
 }
-.icon-download:before {
+.fa-download:before {
   content: "\f01a";
 }
-.icon-upload:before {
+.fa-upload:before {
   content: "\f01b";
 }
-.icon-inbox:before {
+.fa-inbox:before {
   content: "\f01c";
 }
-.icon-play-circle:before {
+.fa-play-circle:before {
   content: "\f01d";
 }
-.icon-rotate-right:before,
-.icon-repeat:before {
+.fa-rotate-right:before,
+.fa-repeat:before {
   content: "\f01e";
 }
-.icon-refresh:before {
+.fa-refresh:before {
   content: "\f021";
 }
-.icon-list-alt:before {
+.fa-list-alt:before {
   content: "\f022";
 }
-.icon-lock:before {
+.fa-lock:before {
   content: "\f023";
 }
-.icon-flag:before {
+.fa-flag:before {
   content: "\f024";
 }
-.icon-headphones:before {
+.fa-headphones:before {
   content: "\f025";
 }
-.icon-volume-off:before {
+.fa-volume-off:before {
   content: "\f026";
 }
-.icon-volume-down:before {
+.fa-volume-down:before {
   content: "\f027";
 }
-.icon-volume-up:before {
+.fa-volume-up:before {
   content: "\f028";
 }
-.icon-qrcode:before {
+.fa-qrcode:before {
   content: "\f029";
 }
-.icon-barcode:before {
+.fa-barcode:before {
   content: "\f02a";
 }
-.icon-tag:before {
+.fa-tag:before {
   content: "\f02b";
 }
-.icon-tags:before {
+.fa-tags:before {
   content: "\f02c";
 }
-.icon-book:before {
+.fa-book:before {
   content: "\f02d";
 }
-.icon-bookmark:before {
+.fa-bookmark:before {
   content: "\f02e";
 }
-.icon-print:before {
+.fa-print:before {
   content: "\f02f";
 }
-.icon-camera:before {
+.fa-camera:before {
   content: "\f030";
 }
-.icon-font:before {
+.fa-font:before {
   content: "\f031";
 }
-.icon-bold:before {
+.fa-bold:before {
   content: "\f032";
 }
-.icon-italic:before {
+.fa-italic:before {
   content: "\f033";
 }
-.icon-text-height:before {
+.fa-text-height:before {
   content: "\f034";
 }
-.icon-text-width:before {
+.fa-text-width:before {
   content: "\f035";
 }
-.icon-align-left:before {
+.fa-align-left:before {
   content: "\f036";
 }
-.icon-align-center:before {
+.fa-align-center:before {
   content: "\f037";
 }
-.icon-align-right:before {
+.fa-align-right:before {
   content: "\f038";
 }
-.icon-align-justify:before {
+.fa-align-justify:before {
   content: "\f039";
 }
-.icon-list:before {
+.fa-list:before {
   content: "\f03a";
 }
-.icon-indent-left:before {
+.fa-indent-left:before {
   content: "\f03b";
 }
-.icon-indent-right:before {
+.fa-indent-right:before {
   content: "\f03c";
 }
-.icon-facetime-video:before {
+.fa-facetime-video:before {
   content: "\f03d";
 }
-.icon-picture:before {
+.fa-picture:before {
   content: "\f03e";
 }
-.icon-pencil:before {
+.fa-pencil:before {
   content: "\f040";
 }
-.icon-map-marker:before {
+.fa-map-marker:before {
   content: "\f041";
 }
-.icon-adjust:before {
+.fa-adjust:before {
   content: "\f042";
 }
-.icon-tint:before {
+.fa-tint:before {
   content: "\f043";
 }
-.icon-edit:before {
+.fa-edit:before {
   content: "\f044";
 }
-.icon-share:before {
+.fa-share:before {
   content: "\f045";
 }
-.icon-check:before {
+.fa-check:before {
   content: "\f046";
 }
-.icon-move:before {
+.fa-move:before {
   content: "\f047";
 }
-.icon-step-backward:before {
+.fa-step-backward:before {
   content: "\f048";
 }
-.icon-fast-backward:before {
+.fa-fast-backward:before {
   content: "\f049";
 }
-.icon-backward:before {
+.fa-backward:before {
   content: "\f04a";
 }
-.icon-play:before {
+.fa-play:before {
   content: "\f04b";
 }
-.icon-pause:before {
+.fa-pause:before {
   content: "\f04c";
 }
-.icon-stop:before {
+.fa-stop:before {
   content: "\f04d";
 }
-.icon-forward:before {
+.fa-forward:before {
   content: "\f04e";
 }
-.icon-fast-forward:before {
+.fa-fast-forward:before {
   content: "\f050";
 }
-.icon-step-forward:before {
+.fa-step-forward:before {
   content: "\f051";
 }
-.icon-eject:before {
+.fa-eject:before {
   content: "\f052";
 }
-.icon-chevron-left:before {
+.fa-chevron-left:before {
   content: "\f053";
 }
-.icon-chevron-right:before {
+.fa-chevron-right:before {
   content: "\f054";
 }
-.icon-plus-sign:before {
+.fa-plus-sign:before {
   content: "\f055";
 }
-.icon-minus-sign:before {
+.fa-minus-sign:before {
   content: "\f056";
 }
-.icon-remove-sign:before {
+.fa-remove-sign:before {
   content: "\f057";
 }
-.icon-ok-sign:before {
+.fa-ok-sign:before {
   content: "\f058";
 }
-.icon-question-sign:before {
+.fa-question-sign:before {
   content: "\f059";
 }
-.icon-info-sign:before {
+.fa-info-sign:before {
   content: "\f05a";
 }
-.icon-screenshot:before {
+.fa-screenshot:before {
   content: "\f05b";
 }
-.icon-remove-circle:before {
+.fa-remove-circle:before {
   content: "\f05c";
 }
-.icon-ok-circle:before {
+.fa-ok-circle:before {
   content: "\f05d";
 }
-.icon-ban-circle:before {
+.fa-ban-circle:before {
   content: "\f05e";
 }
-.icon-arrow-left:before {
+.fa-arrow-left:before {
   content: "\f060";
 }
-.icon-arrow-right:before {
+.fa-arrow-right:before {
   content: "\f061";
 }
-.icon-arrow-up:before {
+.fa-arrow-up:before {
   content: "\f062";
 }
-.icon-arrow-down:before {
+.fa-arrow-down:before {
   content: "\f063";
 }
-.icon-mail-forward:before,
-.icon-share-alt:before {
+.fa-mail-forward:before,
+.fa-share-alt:before {
   content: "\f064";
 }
-.icon-resize-full:before {
+.fa-resize-full:before {
   content: "\f065";
 }
-.icon-resize-small:before {
+.fa-resize-small:before {
   content: "\f066";
 }
-.icon-plus:before {
+.fa-plus:before {
   content: "\f067";
 }
-.icon-minus:before {
+.fa-minus:before {
   content: "\f068";
 }
-.icon-asterisk:before {
+.fa-asterisk:before {
   content: "\f069";
 }
-.icon-exclamation-sign:before {
+.fa-exclamation-sign:before {
   content: "\f06a";
 }
-.icon-gift:before {
+.fa-gift:before {
   content: "\f06b";
 }
-.icon-leaf:before {
+.fa-leaf:before {
   content: "\f06c";
 }
-.icon-fire:before {
+.fa-fire:before {
   content: "\f06d";
 }
-.icon-eye-open:before {
+.fa-eye-open:before {
   content: "\f06e";
 }
-.icon-eye-close:before {
+.fa-eye-close:before {
   content: "\f070";
 }
-.icon-warning-sign:before {
+.fa-warning-sign:before {
   content: "\f071";
 }
-.icon-plane:before {
+.fa-plane:before {
   content: "\f072";
 }
-.icon-calendar:before {
+.fa-calendar:before {
   content: "\f073";
 }
-.icon-random:before {
+.fa-random:before {
   content: "\f074";
 }
-.icon-comment:before {
+.fa-comment:before {
   content: "\f075";
 }
-.icon-magnet:before {
+.fa-magnet:before {
   content: "\f076";
 }
-.icon-chevron-up:before {
+.fa-chevron-up:before {
   content: "\f077";
 }
-.icon-chevron-down:before {
+.fa-chevron-down:before {
   content: "\f078";
 }
-.icon-retweet:before {
+.fa-retweet:before {
   content: "\f079";
 }
-.icon-shopping-cart:before {
+.fa-shopping-cart:before {
   content: "\f07a";
 }
-.icon-folder-close:before {
+.fa-folder-close:before {
   content: "\f07b";
 }
-.icon-folder-open:before {
+.fa-folder-open:before {
   content: "\f07c";
 }
-.icon-resize-vertical:before {
+.fa-resize-vertical:before {
   content: "\f07d";
 }
-.icon-resize-horizontal:before {
+.fa-resize-horizontal:before {
   content: "\f07e";
 }
-.icon-bar-chart:before {
+.fa-bar-chart:before {
   content: "\f080";
 }
-.icon-twitter-sign:before {
+.fa-twitter-sign:before {
   content: "\f081";
 }
-.icon-facebook-sign:before {
+.fa-facebook-sign:before {
   content: "\f082";
 }
-.icon-camera-retro:before {
+.fa-camera-retro:before {
   content: "\f083";
 }
-.icon-key:before {
+.fa-key:before {
   content: "\f084";
 }
-.icon-gears:before,
-.icon-cogs:before {
+.fa-gears:before,
+.fa-cogs:before {
   content: "\f085";
 }
-.icon-comments:before {
+.fa-comments:before {
   content: "\f086";
 }
-.icon-thumbs-up-alt:before {
+.fa-thumbs-up-alt:before {
   content: "\f087";
 }
-.icon-thumbs-down-alt:before {
+.fa-thumbs-down-alt:before {
   content: "\f088";
 }
-.icon-star-half:before {
+.fa-star-half:before {
   content: "\f089";
 }
-.icon-heart-empty:before {
+.fa-heart-empty:before {
   content: "\f08a";
 }
-.icon-log-out:before {
+.fa-log-out:before {
   content: "\f08b";
 }
-.icon-linkedin-sign:before {
+.fa-linkedin-sign:before {
   content: "\f08c";
 }
-.icon-pushpin:before {
+.fa-pushpin:before {
   content: "\f08d";
 }
-.icon-external-link:before {
+.fa-external-link:before {
   content: "\f08e";
 }
-.icon-log-in:before {
+.fa-log-in:before {
   content: "\f090";
 }
-.icon-trophy:before {
+.fa-trophy:before {
   content: "\f091";
 }
-.icon-github-sign:before {
+.fa-github-sign:before {
   content: "\f092";
 }
-.icon-upload-alt:before {
+.fa-upload-alt:before {
   content: "\f093";
 }
-.icon-lemon:before {
+.fa-lemon:before {
   content: "\f094";
 }
-.icon-earphone:before {
+.fa-earphone:before {
   content: "\f095";
 }
-.icon-unchecked:before {
+.fa-unchecked:before {
   content: "\f096";
 }
-.icon-bookmark-empty:before {
+.fa-bookmark-empty:before {
   content: "\f097";
 }
-.icon-phone-sign:before {
+.fa-phone-sign:before {
   content: "\f098";
 }
-.icon-twitter:before {
+.fa-twitter:before {
   content: "\f099";
 }
-.icon-facebook:before {
+.fa-facebook:before {
   content: "\f09a";
 }
-.icon-github:before {
+.fa-github:before {
   content: "\f09b";
 }
-.icon-unlock:before {
+.fa-unlock:before {
   content: "\f09c";
 }
-.icon-credit-card:before {
+.fa-credit-card:before {
   content: "\f09d";
 }
-.icon-rss:before {
+.fa-rss:before {
   content: "\f09e";
 }
-.icon-hdd:before {
+.fa-hdd:before {
   content: "\f0a0";
 }
-.icon-bullhorn:before {
+.fa-bullhorn:before {
   content: "\f0a1";
 }
-.icon-bell:before {
+.fa-bell:before {
   content: "\f0f3";
 }
-.icon-certificate:before {
+.fa-certificate:before {
   content: "\f0a3";
 }
-.icon-hand-right:before {
+.fa-hand-right:before {
   content: "\f0a4";
 }
-.icon-hand-left:before {
+.fa-hand-left:before {
   content: "\f0a5";
 }
-.icon-hand-up:before {
+.fa-hand-up:before {
   content: "\f0a6";
 }
-.icon-hand-down:before {
+.fa-hand-down:before {
   content: "\f0a7";
 }
-.icon-circle-arrow-left:before {
+.fa-circle-arrow-left:before {
   content: "\f0a8";
 }
-.icon-circle-arrow-right:before {
+.fa-circle-arrow-right:before {
   content: "\f0a9";
 }
-.icon-circle-arrow-up:before {
+.fa-circle-arrow-up:before {
   content: "\f0aa";
 }
-.icon-circle-arrow-down:before {
+.fa-circle-arrow-down:before {
   content: "\f0ab";
 }
-.icon-globe:before {
+.fa-globe:before {
   content: "\f0ac";
 }
-.icon-wrench:before {
+.fa-wrench:before {
   content: "\f0ad";
 }
-.icon-tasks:before {
+.fa-tasks:before {
   content: "\f0ae";
 }
-.icon-filter:before {
+.fa-filter:before {
   content: "\f0b0";
 }
-.icon-briefcase:before {
+.fa-briefcase:before {
   content: "\f0b1";
 }
-.icon-fullscreen:before {
+.fa-fullscreen:before {
   content: "\f0b2";
 }
-.icon-group:before {
+.fa-group:before {
   content: "\f0c0";
 }
-.icon-link:before {
+.fa-link:before {
   content: "\f0c1";
 }
-.icon-cloud:before {
+.fa-cloud:before {
   content: "\f0c2";
 }
-.icon-beaker:before {
+.fa-beaker:before {
   content: "\f0c3";
 }
-.icon-cut:before {
+.fa-cut:before {
   content: "\f0c4";
 }
-.icon-copy:before {
+.fa-copy:before {
   content: "\f0c5";
 }
-.icon-paperclip:before {
+.fa-paperclip:before {
   content: "\f0c6";
 }
-.icon-floppy-disk:before {
+.fa-floppy-disk:before {
   content: "\f0c7";
 }
-.icon-sign-blank:before {
+.fa-sign-blank:before {
   content: "\f0c8";
 }
-.icon-reorder:before {
+.fa-reorder:before {
   content: "\f0c9";
 }
-.icon-list-ul:before {
+.fa-list-ul:before {
   content: "\f0ca";
 }
-.icon-list-ol:before {
+.fa-list-ol:before {
   content: "\f0cb";
 }
-.icon-strikethrough:before {
+.fa-strikethrough:before {
   content: "\f0cc";
 }
-.icon-underline:before {
+.fa-underline:before {
   content: "\f0cd";
 }
-.icon-table:before {
+.fa-table:before {
   content: "\f0ce";
 }
-.icon-magic:before {
+.fa-magic:before {
   content: "\f0d0";
 }
-.icon-truck:before {
+.fa-truck:before {
   content: "\f0d1";
 }
-.icon-pinterest:before {
+.fa-pinterest:before {
   content: "\f0d2";
 }
-.icon-pinterest-sign:before {
+.fa-pinterest-sign:before {
   content: "\f0d3";
 }
-.icon-google-plus-sign:before {
+.fa-google-plus-sign:before {
   content: "\f0d4";
 }
-.icon-google-plus:before {
+.fa-google-plus:before {
   content: "\f0d5";
 }
-.icon-money:before {
+.fa-money:before {
   content: "\f0d6";
 }
-.icon-caret-down:before {
+.fa-caret-down:before {
   content: "\f0d7";
 }
-.icon-caret-up:before {
+.fa-caret-up:before {
   content: "\f0d8";
 }
-.icon-caret-left:before {
+.fa-caret-left:before {
   content: "\f0d9";
 }
-.icon-caret-right:before {
+.fa-caret-right:before {
   content: "\f0da";
 }
-.icon-columns:before {
+.fa-columns:before {
   content: "\f0db";
 }
-.icon-sort:before {
+.fa-sort:before {
   content: "\f0dc";
 }
-.icon-sort-down:before {
+.fa-sort-down:before {
   content: "\f0dd";
 }
-.icon-sort-up:before {
+.fa-sort-up:before {
   content: "\f0de";
 }
-.icon-envelope:before {
+.fa-envelope:before {
   content: "\f0e0";
 }
-.icon-linkedin:before {
+.fa-linkedin:before {
   content: "\f0e1";
 }
-.icon-rotate-left:before,
-.icon-undo:before {
+.fa-rotate-left:before,
+.fa-undo:before {
   content: "\f0e2";
 }
-.icon-legal:before {
+.fa-legal:before {
   content: "\f0e3";
 }
-.icon-dashboard:before {
+.fa-dashboard:before {
   content: "\f0e4";
 }
-.icon-comment-alt:before {
+.fa-comment-alt:before {
   content: "\f0e5";
 }
-.icon-comments-alt:before {
+.fa-comments-alt:before {
   content: "\f0e6";
 }
-.icon-flash:before {
+.fa-flash:before {
   content: "\f0e7";
 }
-.icon-sitemap:before {
+.fa-sitemap:before {
   content: "\f0e8";
 }
-.icon-umbrella:before {
+.fa-umbrella:before {
   content: "\f0e9";
 }
-.icon-paste:before {
+.fa-paste:before {
   content: "\f0ea";
 }
-.icon-lightbulb:before {
+.fa-lightbulb:before {
   content: "\f0eb";
 }
-.icon-exchange:before {
+.fa-exchange:before {
   content: "\f0ec";
 }
-.icon-cloud-download:before {
+.fa-cloud-download:before {
   content: "\f0ed";
 }
-.icon-cloud-upload:before {
+.fa-cloud-upload:before {
   content: "\f0ee";
 }
-.icon-user-md:before {
+.fa-user-md:before {
   content: "\f0f0";
 }
-.icon-stethoscope:before {
+.fa-stethoscope:before {
   content: "\f0f1";
 }
-.icon-suitcase:before {
+.fa-suitcase:before {
   content: "\f0f2";
 }
-.icon-bell-alt:before {
+.fa-bell-alt:before {
   content: "\f0a2";
 }
-.icon-coffee:before {
+.fa-coffee:before {
   content: "\f0f4";
 }
-.icon-cutlery:before {
+.fa-cutlery:before {
   content: "\f0f5";
 }
-.icon-file-text-alt:before {
+.fa-file-text-alt:before {
   content: "\f0f6";
 }
-.icon-building:before {
+.fa-building:before {
   content: "\f0f7";
 }
-.icon-hospital:before {
+.fa-hospital:before {
   content: "\f0f8";
 }
-.icon-ambulance:before {
+.fa-ambulance:before {
   content: "\f0f9";
 }
-.icon-medkit:before {
+.fa-medkit:before {
   content: "\f0fa";
 }
-.icon-fighter-jet:before {
+.fa-fighter-jet:before {
   content: "\f0fb";
 }
-.icon-beer:before {
+.fa-beer:before {
   content: "\f0fc";
 }
-.icon-h-sign:before {
+.fa-h-sign:before {
   content: "\f0fd";
 }
-.icon-plus-sign-alt:before {
+.fa-plus-sign-alt:before {
   content: "\f0fe";
 }
-.icon-double-angle-left:before {
+.fa-double-angle-left:before {
   content: "\f100";
 }
-.icon-double-angle-right:before {
+.fa-double-angle-right:before {
   content: "\f101";
 }
-.icon-double-angle-up:before {
+.fa-double-angle-up:before {
   content: "\f102";
 }
-.icon-double-angle-down:before {
+.fa-double-angle-down:before {
   content: "\f103";
 }
-.icon-angle-left:before {
+.fa-angle-left:before {
   content: "\f104";
 }
-.icon-angle-right:before {
+.fa-angle-right:before {
   content: "\f105";
 }
-.icon-angle-up:before {
+.fa-angle-up:before {
   content: "\f106";
 }
-.icon-angle-down:before {
+.fa-angle-down:before {
   content: "\f107";
 }
-.icon-desktop:before {
+.fa-desktop:before {
   content: "\f108";
 }
-.icon-laptop:before {
+.fa-laptop:before {
   content: "\f109";
 }
-.icon-tablet:before {
+.fa-tablet:before {
   content: "\f10a";
 }
-.icon-phone:before {
+.fa-phone:before {
   content: "\f10b";
 }
-.icon-circle-blank:before {
+.fa-circle-blank:before {
   content: "\f10c";
 }
-.icon-quote-left:before {
+.fa-quote-left:before {
   content: "\f10d";
 }
-.icon-quote-right:before {
+.fa-quote-right:before {
   content: "\f10e";
 }
-.icon-spinner:before {
+.fa-spinner:before {
   content: "\f110";
 }
-.icon-circle:before {
+.fa-circle:before {
   content: "\f111";
 }
-.icon-mail-reply:before,
-.icon-reply:before {
+.fa-mail-reply:before,
+.fa-reply:before {
   content: "\f112";
 }
-.icon-github-alt:before {
+.fa-github-alt:before {
   content: "\f113";
 }
-.icon-folder-close-alt:before {
+.fa-folder-close-alt:before {
   content: "\f114";
 }
-.icon-folder-open-alt:before {
+.fa-folder-open-alt:before {
   content: "\f115";
 }
-.icon-expand-alt:before {
+.fa-expand-alt:before {
   content: "\f116";
 }
-.icon-collapse-alt:before {
+.fa-collapse-alt:before {
   content: "\f117";
 }
-.icon-smile:before {
+.fa-smile:before {
   content: "\f118";
 }
-.icon-frown:before {
+.fa-frown:before {
   content: "\f119";
 }
-.icon-meh:before {
+.fa-meh:before {
   content: "\f11a";
 }
-.icon-gamepad:before {
+.fa-gamepad:before {
   content: "\f11b";
 }
-.icon-keyboard:before {
+.fa-keyboard:before {
   content: "\f11c";
 }
-.icon-flag-alt:before {
+.fa-flag-alt:before {
   content: "\f11d";
 }
-.icon-flag-checkered:before {
+.fa-flag-checkered:before {
   content: "\f11e";
 }
-.icon-terminal:before {
+.fa-terminal:before {
   content: "\f120";
 }
-.icon-code:before {
+.fa-code:before {
   content: "\f121";
 }
-.icon-reply-all:before {
+.fa-reply-all:before {
   content: "\f122";
 }
-.icon-mail-reply-all:before {
+.fa-mail-reply-all:before {
   content: "\f122";
 }
-.icon-star-half-full:before,
-.icon-star-half-empty:before {
+.fa-star-half-full:before,
+.fa-star-half-empty:before {
   content: "\f123";
 }
-.icon-location-arrow:before {
+.fa-location-arrow:before {
   content: "\f124";
 }
-.icon-crop:before {
+.fa-crop:before {
   content: "\f125";
 }
-.icon-code-fork:before {
+.fa-code-fork:before {
   content: "\f126";
 }
-.icon-unlink:before {
+.fa-unlink:before {
   content: "\f127";
 }
-.icon-question:before {
+.fa-question:before {
   content: "\f128";
 }
-.icon-info:before {
+.fa-info:before {
   content: "\f129";
 }
-.icon-exclamation:before {
+.fa-exclamation:before {
   content: "\f12a";
 }
-.icon-superscript:before {
+.fa-superscript:before {
   content: "\f12b";
 }
-.icon-subscript:before {
+.fa-subscript:before {
   content: "\f12c";
 }
-.icon-eraser:before {
+.fa-eraser:before {
   content: "\f12d";
 }
-.icon-puzzle-piece:before {
+.fa-puzzle-piece:before {
   content: "\f12e";
 }
-.icon-microphone:before {
+.fa-microphone:before {
   content: "\f130";
 }
-.icon-microphone-off:before {
+.fa-microphone-off:before {
   content: "\f131";
 }
-.icon-shield:before {
+.fa-shield:before {
   content: "\f132";
 }
-.icon-calendar-empty:before {
+.fa-calendar-empty:before {
   content: "\f133";
 }
-.icon-fire-extinguisher:before {
+.fa-fire-extinguisher:before {
   content: "\f134";
 }
-.icon-rocket:before {
+.fa-rocket:before {
   content: "\f135";
 }
-.icon-maxcdn:before {
+.fa-maxcdn:before {
   content: "\f136";
 }
-.icon-chevron-sign-left:before {
+.fa-chevron-sign-left:before {
   content: "\f137";
 }
-.icon-chevron-sign-right:before {
+.fa-chevron-sign-right:before {
   content: "\f138";
 }
-.icon-chevron-sign-up:before {
+.fa-chevron-sign-up:before {
   content: "\f139";
 }
-.icon-chevron-sign-down:before {
+.fa-chevron-sign-down:before {
   content: "\f13a";
 }
-.icon-html5:before {
+.fa-html5:before {
   content: "\f13b";
 }
-.icon-css3:before {
+.fa-css3:before {
   content: "\f13c";
 }
-.icon-anchor:before {
+.fa-anchor:before {
   content: "\f13d";
 }
-.icon-unlock-alt:before {
+.fa-unlock-alt:before {
   content: "\f13e";
 }
-.icon-bullseye:before {
+.fa-bullseye:before {
   content: "\f140";
 }
-.icon-ellipsis-horizontal:before {
+.fa-ellipsis-horizontal:before {
   content: "\f141";
 }
-.icon-ellipsis-vertical:before {
+.fa-ellipsis-vertical:before {
   content: "\f142";
 }
-.icon-rss-sign:before {
+.fa-rss-sign:before {
   content: "\f143";
 }
-.icon-play-sign:before {
+.fa-play-sign:before {
   content: "\f144";
 }
-.icon-ticket:before {
+.fa-ticket:before {
   content: "\f145";
 }
-.icon-minus-sign-alt:before {
+.fa-minus-sign-alt:before {
   content: "\f146";
 }
-.icon-check-minus:before {
+.fa-check-minus:before {
   content: "\f147";
 }
-.icon-level-up:before {
+.fa-level-up:before {
   content: "\f148";
 }
-.icon-level-down:before {
+.fa-level-down:before {
   content: "\f149";
 }
-.icon-check-sign:before {
+.fa-check-sign:before {
   content: "\f14a";
 }
-.icon-edit-sign:before {
+.fa-edit-sign:before {
   content: "\f14b";
 }
-.icon-external-link-sign:before {
+.fa-external-link-sign:before {
   content: "\f14c";
 }
-.icon-share-sign:before {
+.fa-share-sign:before {
   content: "\f14d";
 }
-.icon-compass:before {
+.fa-compass:before {
   content: "\f14e";
 }
-.icon-collapse-down:before {
+.fa-collapse-down:before {
   content: "\f150";
 }
-.icon-collapse-up:before {
+.fa-collapse-up:before {
   content: "\f151";
 }
-.icon-expand:before {
+.fa-expand:before {
   content: "\f152";
 }
-.icon-euro:before,
-.icon-eur:before {
+.fa-euro:before,
+.fa-eur:before {
   content: "\f153";
 }
-.icon-gbp:before {
+.fa-gbp:before {
   content: "\f154";
 }
-.icon-dollar:before,
-.icon-usd:before {
+.fa-dollar:before,
+.fa-usd:before {
   content: "\f155";
 }
-.icon-rupee:before,
-.icon-inr:before {
+.fa-rupee:before,
+.fa-inr:before {
   content: "\f156";
 }
-.icon-cny:before,
-.icon-rmb:before,
-.icon-yen:before,
-.icon-jpy:before {
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
   content: "\f157";
 }
-.icon-won:before,
-.icon-krw:before {
+.fa-won:before,
+.fa-krw:before {
   content: "\f159";
 }
-.icon-bitcoin:before,
-.icon-btc:before {
+.fa-bitcoin:before,
+.fa-btc:before {
   content: "\f15a";
 }
-.icon-file:before {
+.fa-file:before {
   content: "\f15b";
 }
-.icon-file-text:before {
+.fa-file-text:before {
   content: "\f15c";
 }
-.icon-sort-by-alphabet:before {
+.fa-sort-by-alphabet:before {
   content: "\f15d";
 }
-.icon-sort-by-alphabet-alt:before {
+.fa-sort-by-alphabet-alt:before {
   content: "\f15e";
 }
-.icon-sort-by-attributes:before {
+.fa-sort-by-attributes:before {
   content: "\f160";
 }
-.icon-sort-by-attributes-alt:before {
+.fa-sort-by-attributes-alt:before {
   content: "\f161";
 }
-.icon-sort-by-order:before {
+.fa-sort-by-order:before {
   content: "\f162";
 }
-.icon-sort-by-order-alt:before {
+.fa-sort-by-order-alt:before {
   content: "\f163";
 }
-.icon-thumbs-up:before {
+.fa-thumbs-up:before {
   content: "\f164";
 }
-.icon-thumbs-down:before {
+.fa-thumbs-down:before {
   content: "\f165";
 }
-.icon-youtube-sign:before {
+.fa-youtube-sign:before {
   content: "\f166";
 }
-.icon-youtube:before {
+.fa-youtube:before {
   content: "\f167";
 }
-.icon-xing:before {
+.fa-xing:before {
   content: "\f168";
 }
-.icon-xing-sign:before {
+.fa-xing-sign:before {
   content: "\f169";
 }
-.icon-youtube-play:before {
+.fa-youtube-play:before {
   content: "\f16a";
 }
-.icon-dropbox:before {
+.fa-dropbox:before {
   content: "\f16b";
 }
-.icon-stackoverflow:before {
+.fa-stackoverflow:before {
   content: "\f16c";
 }
-.icon-instagram:before {
+.fa-instagram:before {
   content: "\f16d";
 }
-.icon-flickr:before {
+.fa-flickr:before {
   content: "\f16e";
 }
-.icon-adn:before {
+.fa-adn:before {
   content: "\f170";
 }
-.icon-bitbucket:before {
+.fa-bitbucket:before {
   content: "\f171";
 }
-.icon-bitbucket-sign:before {
+.fa-bitbucket-sign:before {
   content: "\f172";
 }
-.icon-tumblr:before {
+.fa-tumblr:before {
   content: "\f173";
 }
-.icon-tumblr-sign:before {
+.fa-tumblr-sign:before {
   content: "\f174";
 }
-.icon-long-arrow-down:before {
+.fa-long-arrow-down:before {
   content: "\f175";
 }
-.icon-long-arrow-up:before {
+.fa-long-arrow-up:before {
   content: "\f176";
 }
-.icon-long-arrow-left:before {
+.fa-long-arrow-left:before {
   content: "\f177";
 }
-.icon-long-arrow-right:before {
+.fa-long-arrow-right:before {
   content: "\f178";
 }
-.icon-apple:before {
+.fa-apple:before {
   content: "\f179";
 }
-.icon-windows:before {
+.fa-windows:before {
   content: "\f17a";
 }
-.icon-android:before {
+.fa-android:before {
   content: "\f17b";
 }
-.icon-linux:before {
+.fa-linux:before {
   content: "\f17c";
 }
-.icon-dribbble:before {
+.fa-dribbble:before {
   content: "\f17d";
 }
-.icon-skype:before {
+.fa-skype:before {
   content: "\f17e";
 }
-.icon-foursquare:before {
+.fa-foursquare:before {
   content: "\f180";
 }
-.icon-trello:before {
+.fa-trello:before {
   content: "\f181";
 }
-.icon-female:before {
+.fa-female:before {
   content: "\f182";
 }
-.icon-male:before {
+.fa-male:before {
   content: "\f183";
 }
-.icon-gittip:before {
+.fa-gittip:before {
   content: "\f184";
 }
-.icon-sun:before {
+.fa-sun:before {
   content: "\f185";
 }
-.icon-moon:before {
+.fa-moon:before {
   content: "\f186";
 }
-.icon-archive:before {
+.fa-archive:before {
   content: "\f187";
 }
-.icon-bug:before {
+.fa-bug:before {
   content: "\f188";
 }
-.icon-vk:before {
+.fa-vk:before {
   content: "\f189";
 }
-.icon-weibo:before {
+.fa-weibo:before {
   content: "\f18a";
 }
-.icon-renren:before {
+.fa-renren:before {
   content: "\f18b";
 }
-.icon-pagelines:before {
+.fa-pagelines:before {
   content: "\f18c";
 }

css/font-awesome.min.css

@@ -1,35 +1,35 @@
-@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=4.0.0');src:url('../font/fontawesome-webfont.eot?#iefix&v=4.0.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=4.0.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=4.0.0') format('truetype'),url('../font/fontawesome-webfont.svg?v=4.0.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{*margin-right:.3em;font-family:FontAwesome;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;text-decoration:inherit;text-rendering:auto;-moz-osx-font-smoothing:grayscale;}
-[class^="icon-"]:before,[class*=" icon-"]:before{display:inline-block;text-decoration:inherit;speak:none;}
-.icon-large:before{font-size:1.3333333333333333em;vertical-align:-10%;}
-a [class^="icon-"],a [class*=" icon-"]{display:inline;}
-[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;padding-right:0.2857142857142857em;text-align:right;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
-.icons-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
-.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;line-height:inherit;text-align:center;}
-[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
-.icon-muted{color:#eeeeee;}
-.icon-light{color:#ffffff;}
-.icon-dark{color:#333333;}
-.icon-border{padding:.2em .25em .15em;border:solid 1px #eeeeee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
-.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
-.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
-.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
-.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
+@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=4.0.0');src:url('../font/fontawesome-webfont.eot?#iefix&v=4.0.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=4.0.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=4.0.0') format('truetype'),url('../font/fontawesome-webfont.svg?v=4.0.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}[class^="fa-"],[class*=" fa-"]{*margin-right:.3em;font-family:FontAwesome;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;text-decoration:inherit;text-rendering:auto;-moz-osx-font-smoothing:grayscale;}
+[class^="fa-"]:before,[class*=" fa-"]:before{display:inline-block;text-decoration:inherit;speak:none;}
+.fa-large:before{font-size:1.3333333333333333em;vertical-align:-10%;}
+a [class^="fa-"],a [class*=" fa-"]{display:inline;}
+[class^="fa-"].fa-fixed-width,[class*=" fa-"].fa-fixed-width{display:inline-block;width:1.1428571428571428em;padding-right:0.2857142857142857em;text-align:right;}[class^="fa-"].fa-fixed-width.fa-large,[class*=" fa-"].fa-fixed-width.fa-large{width:1.4285714285714286em;}
+.fas-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none;}.fas-ul>li{position:relative;}
+.fas-ul .fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;line-height:inherit;text-align:center;}
+[class^="fa-"].hide,[class*=" fa-"].hide{display:none;}
+.fa-muted{color:#eeeeee;}
+.fa-light{color:#ffffff;}
+.fa-dark{color:#333333;}
+.fa-border{padding:.2em .25em .15em;border:solid 1px #eeeeee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
+.fa-2x{font-size:2em;}.fa-2x.fa-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.fa-3x{font-size:3em;}.fa-3x.fa-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+.fa-4x{font-size:4em;}.fa-4x.fa-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
+.fa-5x{font-size:5em;}.fa-5x.fa-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
 .pull-right{float:right;}
 .pull-left{float:left;}
-[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
-[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
-[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;margin-top:0;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;}
-.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
-.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
-.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
-.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
-.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
-.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
-.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
-.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
-.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
-.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
-.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
+[class^="fa-"].pull-left,[class*=" fa-"].pull-left{margin-right:.3em;}
+[class^="fa-"].pull-right,[class*=" fa-"].pull-right{margin-left:.3em;}
+[class^="fa-"],[class*=" fa-"]{display:inline;width:auto;height:auto;margin-top:0;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;}
+.icon-white,.nav-pills>.active>a>[class^="fa-"],.nav-pills>.active>a>[class*=" fa-"],.nav-list>.active>a>[class^="fa-"],.nav-list>.active>a>[class*=" fa-"],.navbar-inverse .nav>.active>a>[class^="fa-"],.navbar-inverse .nav>.active>a>[class*=" fa-"],.dropdown-menu>li>a:hover>[class^="fa-"],.dropdown-menu>li>a:hover>[class*=" fa-"],.dropdown-menu>.active>a>[class^="fa-"],.dropdown-menu>.active>a>[class*=" fa-"],.dropdown-submenu:hover>a>[class^="fa-"],.dropdown-submenu:hover>a>[class*=" fa-"]{background-image:none;}
+.btn [class^="fa-"].fa-large,.nav [class^="fa-"].fa-large,.btn [class*=" fa-"].fa-large,.nav [class*=" fa-"].fa-large{line-height:.9em;}
+.btn [class^="fa-"].fa-spin,.nav [class^="fa-"].fa-spin,.btn [class*=" fa-"].fa-spin,.nav [class*=" fa-"].fa-spin{display:inline-block;}
+.nav-tabs [class^="fa-"],.nav-pills [class^="fa-"],.nav-tabs [class*=" fa-"],.nav-pills [class*=" fa-"],.nav-tabs [class^="fa-"].fa-large,.nav-pills [class^="fa-"].fa-large,.nav-tabs [class*=" fa-"].fa-large,.nav-pills [class*=" fa-"].fa-large{line-height:.9em;}
+.btn [class^="fa-"].pull-left.fa-2x,.btn [class*=" fa-"].pull-left.fa-2x,.btn [class^="fa-"].pull-right.fa-2x,.btn [class*=" fa-"].pull-right.fa-2x{margin-top:.18em;}
+.btn [class^="fa-"].fa-spin.fa-large,.btn [class*=" fa-"].fa-spin.fa-large{line-height:.8em;}
+.btn.btn-small [class^="fa-"].pull-left.fa-2x,.btn.btn-small [class*=" fa-"].pull-left.fa-2x,.btn.btn-small [class^="fa-"].pull-right.fa-2x,.btn.btn-small [class*=" fa-"].pull-right.fa-2x{margin-top:.25em;}
+.btn.btn-large [class^="fa-"],.btn.btn-large [class*=" fa-"]{margin-top:0;}.btn.btn-large [class^="fa-"].pull-left.fa-2x,.btn.btn-large [class*=" fa-"].pull-left.fa-2x,.btn.btn-large [class^="fa-"].pull-right.fa-2x,.btn.btn-large [class*=" fa-"].pull-right.fa-2x{margin-top:.05em;}
+.btn.btn-large [class^="fa-"].pull-left.fa-2x,.btn.btn-large [class*=" fa-"].pull-left.fa-2x{margin-right:.2em;}
+.btn.btn-large [class^="fa-"].pull-right.fa-2x,.btn.btn-large [class*=" fa-"].pull-right.fa-2x{margin-left:.2em;}
+.nav-list [class^="fa-"],.nav-list [class*=" fa-"]{line-height:inherit;}
 .icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{position:absolute;display:block;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;text-align:center;}
 .icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
 .icon-spin{display:inline-block;-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
@@ -40,364 +40,364 @@ a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
 .icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
 .icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
 a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
-.icon-glass:before{content:"\f000";}
-.icon-music:before{content:"\f001";}
-.icon-search:before{content:"\f002";}
-.icon-envelope-alt:before{content:"\f003";}
-.icon-heart:before{content:"\f004";}
-.icon-star:before{content:"\f005";}
-.icon-star-empty:before{content:"\f006";}
-.icon-user:before{content:"\f007";}
-.icon-film:before{content:"\f008";}
-.icon-th-large:before{content:"\f009";}
-.icon-th:before{content:"\f00a";}
-.icon-th-list:before{content:"\f00b";}
-.icon-ok:before{content:"\f00c";}
-.icon-remove:before{content:"\f00d";}
-.icon-zoom-in:before{content:"\f00e";}
-.icon-zoom-out:before{content:"\f010";}
-.icon-power-off:before,.icon-off:before{content:"\f011";}
-.icon-signal:before{content:"\f012";}
-.icon-gear:before,.icon-cog:before{content:"\f013";}
-.icon-trash:before{content:"\f014";}
-.icon-home:before{content:"\f015";}
-.icon-file-alt:before{content:"\f016";}
-.icon-time:before{content:"\f017";}
-.icon-road:before{content:"\f018";}
-.icon-download-alt:before{content:"\f019";}
-.icon-download:before{content:"\f01a";}
-.icon-upload:before{content:"\f01b";}
-.icon-inbox:before{content:"\f01c";}
-.icon-play-circle:before{content:"\f01d";}
-.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
-.icon-refresh:before{content:"\f021";}
-.icon-list-alt:before{content:"\f022";}
-.icon-lock:before{content:"\f023";}
-.icon-flag:before{content:"\f024";}
-.icon-headphones:before{content:"\f025";}
-.icon-volume-off:before{content:"\f026";}
-.icon-volume-down:before{content:"\f027";}
-.icon-volume-up:before{content:"\f028";}
-.icon-qrcode:before{content:"\f029";}
-.icon-barcode:before{content:"\f02a";}
-.icon-tag:before{content:"\f02b";}
-.icon-tags:before{content:"\f02c";}
-.icon-book:before{content:"\f02d";}
-.icon-bookmark:before{content:"\f02e";}
-.icon-print:before{content:"\f02f";}
-.icon-camera:before{content:"\f030";}
-.icon-font:before{content:"\f031";}
-.icon-bold:before{content:"\f032";}
-.icon-italic:before{content:"\f033";}
-.icon-text-height:before{content:"\f034";}
-.icon-text-width:before{content:"\f035";}
-.icon-align-left:before{content:"\f036";}
-.icon-align-center:before{content:"\f037";}
-.icon-align-right:before{content:"\f038";}
-.icon-align-justify:before{content:"\f039";}
-.icon-list:before{content:"\f03a";}
-.icon-indent-left:before{content:"\f03b";}
-.icon-indent-right:before{content:"\f03c";}
-.icon-facetime-video:before{content:"\f03d";}
-.icon-picture:before{content:"\f03e";}
-.icon-pencil:before{content:"\f040";}
-.icon-map-marker:before{content:"\f041";}
-.icon-adjust:before{content:"\f042";}
-.icon-tint:before{content:"\f043";}
-.icon-edit:before{content:"\f044";}
-.icon-share:before{content:"\f045";}
-.icon-check:before{content:"\f046";}
-.icon-move:before{content:"\f047";}
-.icon-step-backward:before{content:"\f048";}
-.icon-fast-backward:before{content:"\f049";}
-.icon-backward:before{content:"\f04a";}
-.icon-play:before{content:"\f04b";}
-.icon-pause:before{content:"\f04c";}
-.icon-stop:before{content:"\f04d";}
-.icon-forward:before{content:"\f04e";}
-.icon-fast-forward:before{content:"\f050";}
-.icon-step-forward:before{content:"\f051";}
-.icon-eject:before{content:"\f052";}
-.icon-chevron-left:before{content:"\f053";}
-.icon-chevron-right:before{content:"\f054";}
-.icon-plus-sign:before{content:"\f055";}
-.icon-minus-sign:before{content:"\f056";}
-.icon-remove-sign:before{content:"\f057";}
-.icon-ok-sign:before{content:"\f058";}
-.icon-question-sign:before{content:"\f059";}
-.icon-info-sign:before{content:"\f05a";}
-.icon-screenshot:before{content:"\f05b";}
-.icon-remove-circle:before{content:"\f05c";}
-.icon-ok-circle:before{content:"\f05d";}
-.icon-ban-circle:before{content:"\f05e";}
-.icon-arrow-left:before{content:"\f060";}
-.icon-arrow-right:before{content:"\f061";}
-.icon-arrow-up:before{content:"\f062";}
-.icon-arrow-down:before{content:"\f063";}
-.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
-.icon-resize-full:before{content:"\f065";}
-.icon-resize-small:before{content:"\f066";}
-.icon-plus:before{content:"\f067";}
-.icon-minus:before{content:"\f068";}
-.icon-asterisk:before{content:"\f069";}
-.icon-exclamation-sign:before{content:"\f06a";}
-.icon-gift:before{content:"\f06b";}
-.icon-leaf:before{content:"\f06c";}
-.icon-fire:before{content:"\f06d";}
-.icon-eye-open:before{content:"\f06e";}
-.icon-eye-close:before{content:"\f070";}
-.icon-warning-sign:before{content:"\f071";}
-.icon-plane:before{content:"\f072";}
-.icon-calendar:before{content:"\f073";}
-.icon-random:before{content:"\f074";}
-.icon-comment:before{content:"\f075";}
-.icon-magnet:before{content:"\f076";}
-.icon-chevron-up:before{content:"\f077";}
-.icon-chevron-down:before{content:"\f078";}
-.icon-retweet:before{content:"\f079";}
-.icon-shopping-cart:before{content:"\f07a";}
-.icon-folder-close:before{content:"\f07b";}
-.icon-folder-open:before{content:"\f07c";}
-.icon-resize-vertical:before{content:"\f07d";}
-.icon-resize-horizontal:before{content:"\f07e";}
-.icon-bar-chart:before{content:"\f080";}
-.icon-twitter-sign:before{content:"\f081";}
-.icon-facebook-sign:before{content:"\f082";}
-.icon-camera-retro:before{content:"\f083";}
-.icon-key:before{content:"\f084";}
-.icon-gears:before,.icon-cogs:before{content:"\f085";}
-.icon-comments:before{content:"\f086";}
-.icon-thumbs-up-alt:before{content:"\f087";}
-.icon-thumbs-down-alt:before{content:"\f088";}
-.icon-star-half:before{content:"\f089";}
-.icon-heart-empty:before{content:"\f08a";}
-.icon-log-out:before{content:"\f08b";}
-.icon-linkedin-sign:before{content:"\f08c";}
-.icon-pushpin:before{content:"\f08d";}
-.icon-external-link:before{content:"\f08e";}
-.icon-log-in:before{content:"\f090";}
-.icon-trophy:before{content:"\f091";}
-.icon-github-sign:before{content:"\f092";}
-.icon-upload-alt:before{content:"\f093";}
-.icon-lemon:before{content:"\f094";}
-.icon-earphone:before{content:"\f095";}
-.icon-unchecked:before{content:"\f096";}
-.icon-bookmark-empty:before{content:"\f097";}
-.icon-phone-sign:before{content:"\f098";}
-.icon-twitter:before{content:"\f099";}
-.icon-facebook:before{content:"\f09a";}
-.icon-github:before{content:"\f09b";}
-.icon-unlock:before{content:"\f09c";}
-.icon-credit-card:before{content:"\f09d";}
-.icon-rss:before{content:"\f09e";}
-.icon-hdd:before{content:"\f0a0";}
-.icon-bullhorn:before{content:"\f0a1";}
-.icon-bell:before{content:"\f0f3";}
-.icon-certificate:before{content:"\f0a3";}
-.icon-hand-right:before{content:"\f0a4";}
-.icon-hand-left:before{content:"\f0a5";}
-.icon-hand-up:before{content:"\f0a6";}
-.icon-hand-down:before{content:"\f0a7";}
-.icon-circle-arrow-left:before{content:"\f0a8";}
-.icon-circle-arrow-right:before{content:"\f0a9";}
-.icon-circle-arrow-up:before{content:"\f0aa";}
-.icon-circle-arrow-down:before{content:"\f0ab";}
-.icon-globe:before{content:"\f0ac";}
-.icon-wrench:before{content:"\f0ad";}
-.icon-tasks:before{content:"\f0ae";}
-.icon-filter:before{content:"\f0b0";}
-.icon-briefcase:before{content:"\f0b1";}
-.icon-fullscreen:before{content:"\f0b2";}
-.icon-group:before{content:"\f0c0";}
-.icon-link:before{content:"\f0c1";}
-.icon-cloud:before{content:"\f0c2";}
-.icon-beaker:before{content:"\f0c3";}
-.icon-cut:before{content:"\f0c4";}
-.icon-copy:before{content:"\f0c5";}
-.icon-paperclip:before{content:"\f0c6";}
-.icon-floppy-disk:before{content:"\f0c7";}
-.icon-sign-blank:before{content:"\f0c8";}
-.icon-reorder:before{content:"\f0c9";}
-.icon-list-ul:before{content:"\f0ca";}
-.icon-list-ol:before{content:"\f0cb";}
-.icon-strikethrough:before{content:"\f0cc";}
-.icon-underline:before{content:"\f0cd";}
-.icon-table:before{content:"\f0ce";}
-.icon-magic:before{content:"\f0d0";}
-.icon-truck:before{content:"\f0d1";}
-.icon-pinterest:before{content:"\f0d2";}
-.icon-pinterest-sign:before{content:"\f0d3";}
-.icon-google-plus-sign:before{content:"\f0d4";}
-.icon-google-plus:before{content:"\f0d5";}
-.icon-money:before{content:"\f0d6";}
-.icon-caret-down:before{content:"\f0d7";}
-.icon-caret-up:before{content:"\f0d8";}
-.icon-caret-left:before{content:"\f0d9";}
-.icon-caret-right:before{content:"\f0da";}
-.icon-columns:before{content:"\f0db";}
-.icon-sort:before{content:"\f0dc";}
-.icon-sort-down:before{content:"\f0dd";}
-.icon-sort-up:before{content:"\f0de";}
-.icon-envelope:before{content:"\f0e0";}
-.icon-linkedin:before{content:"\f0e1";}
-.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
-.icon-legal:before{content:"\f0e3";}
-.icon-dashboard:before{content:"\f0e4";}
-.icon-comment-alt:before{content:"\f0e5";}
-.icon-comments-alt:before{content:"\f0e6";}
-.icon-flash:before{content:"\f0e7";}
-.icon-sitemap:before{content:"\f0e8";}
-.icon-umbrella:before{content:"\f0e9";}
-.icon-paste:before{content:"\f0ea";}
-.icon-lightbulb:before{content:"\f0eb";}
-.icon-exchange:before{content:"\f0ec";}
-.icon-cloud-download:before{content:"\f0ed";}
-.icon-cloud-upload:before{content:"\f0ee";}
-.icon-user-md:before{content:"\f0f0";}
-.icon-stethoscope:before{content:"\f0f1";}
-.icon-suitcase:before{content:"\f0f2";}
-.icon-bell-alt:before{content:"\f0a2";}
-.icon-coffee:before{content:"\f0f4";}
-.icon-cutlery:before{content:"\f0f5";}
-.icon-file-text-alt:before{content:"\f0f6";}
-.icon-building:before{content:"\f0f7";}
-.icon-hospital:before{content:"\f0f8";}
-.icon-ambulance:before{content:"\f0f9";}
-.icon-medkit:before{content:"\f0fa";}
-.icon-fighter-jet:before{content:"\f0fb";}
-.icon-beer:before{content:"\f0fc";}
-.icon-h-sign:before{content:"\f0fd";}
-.icon-plus-sign-alt:before{content:"\f0fe";}
-.icon-double-angle-left:before{content:"\f100";}
-.icon-double-angle-right:before{content:"\f101";}
-.icon-double-angle-up:before{content:"\f102";}
-.icon-double-angle-down:before{content:"\f103";}
-.icon-angle-left:before{content:"\f104";}
-.icon-angle-right:before{content:"\f105";}
-.icon-angle-up:before{content:"\f106";}
-.icon-angle-down:before{content:"\f107";}
-.icon-desktop:before{content:"\f108";}
-.icon-laptop:before{content:"\f109";}
-.icon-tablet:before{content:"\f10a";}
-.icon-phone:before{content:"\f10b";}
-.icon-circle-blank:before{content:"\f10c";}
-.icon-quote-left:before{content:"\f10d";}
-.icon-quote-right:before{content:"\f10e";}
-.icon-spinner:before{content:"\f110";}
-.icon-circle:before{content:"\f111";}
-.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
-.icon-github-alt:before{content:"\f113";}
-.icon-folder-close-alt:before{content:"\f114";}
-.icon-folder-open-alt:before{content:"\f115";}
-.icon-expand-alt:before{content:"\f116";}
-.icon-collapse-alt:before{content:"\f117";}
-.icon-smile:before{content:"\f118";}
-.icon-frown:before{content:"\f119";}
-.icon-meh:before{content:"\f11a";}
-.icon-gamepad:before{content:"\f11b";}
-.icon-keyboard:before{content:"\f11c";}
-.icon-flag-alt:before{content:"\f11d";}
-.icon-flag-checkered:before{content:"\f11e";}
-.icon-terminal:before{content:"\f120";}
-.icon-code:before{content:"\f121";}
-.icon-reply-all:before{content:"\f122";}
-.icon-mail-reply-all:before{content:"\f122";}
-.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
-.icon-location-arrow:before{content:"\f124";}
-.icon-crop:before{content:"\f125";}
-.icon-code-fork:before{content:"\f126";}
-.icon-unlink:before{content:"\f127";}
-.icon-question:before{content:"\f128";}
-.icon-info:before{content:"\f129";}
-.icon-exclamation:before{content:"\f12a";}
-.icon-superscript:before{content:"\f12b";}
-.icon-subscript:before{content:"\f12c";}
-.icon-eraser:before{content:"\f12d";}
-.icon-puzzle-piece:before{content:"\f12e";}
-.icon-microphone:before{content:"\f130";}
-.icon-microphone-off:before{content:"\f131";}
-.icon-shield:before{content:"\f132";}
-.icon-calendar-empty:before{content:"\f133";}
-.icon-fire-extinguisher:before{content:"\f134";}
-.icon-rocket:before{content:"\f135";}
-.icon-maxcdn:before{content:"\f136";}
-.icon-chevron-sign-left:before{content:"\f137";}
-.icon-chevron-sign-right:before{content:"\f138";}
-.icon-chevron-sign-up:before{content:"\f139";}
-.icon-chevron-sign-down:before{content:"\f13a";}
-.icon-html5:before{content:"\f13b";}
-.icon-css3:before{content:"\f13c";}
-.icon-anchor:before{content:"\f13d";}
-.icon-unlock-alt:before{content:"\f13e";}
-.icon-bullseye:before{content:"\f140";}
-.icon-ellipsis-horizontal:before{content:"\f141";}
-.icon-ellipsis-vertical:before{content:"\f142";}
-.icon-rss-sign:before{content:"\f143";}
-.icon-play-sign:before{content:"\f144";}
-.icon-ticket:before{content:"\f145";}
-.icon-minus-sign-alt:before{content:"\f146";}
-.icon-check-minus:before{content:"\f147";}
-.icon-level-up:before{content:"\f148";}
-.icon-level-down:before{content:"\f149";}
-.icon-check-sign:before{content:"\f14a";}
-.icon-edit-sign:before{content:"\f14b";}
-.icon-external-link-sign:before{content:"\f14c";}
-.icon-share-sign:before{content:"\f14d";}
-.icon-compass:before{content:"\f14e";}
-.icon-collapse-down:before{content:"\f150";}
-.icon-collapse-up:before{content:"\f151";}
-.icon-expand:before{content:"\f152";}
-.icon-euro:before,.icon-eur:before{content:"\f153";}
-.icon-gbp:before{content:"\f154";}
-.icon-dollar:before,.icon-usd:before{content:"\f155";}
-.icon-rupee:before,.icon-inr:before{content:"\f156";}
-.icon-cny:before,.icon-rmb:before,.icon-yen:before,.icon-jpy:before{content:"\f157";}
-.icon-won:before,.icon-krw:before{content:"\f159";}
-.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
-.icon-file:before{content:"\f15b";}
-.icon-file-text:before{content:"\f15c";}
-.icon-sort-by-alphabet:before{content:"\f15d";}
-.icon-sort-by-alphabet-alt:before{content:"\f15e";}
-.icon-sort-by-attributes:before{content:"\f160";}
-.icon-sort-by-attributes-alt:before{content:"\f161";}
-.icon-sort-by-order:before{content:"\f162";}
-.icon-sort-by-order-alt:before{content:"\f163";}
-.icon-thumbs-up:before{content:"\f164";}
-.icon-thumbs-down:before{content:"\f165";}
-.icon-youtube-sign:before{content:"\f166";}
-.icon-youtube:before{content:"\f167";}
-.icon-xing:before{content:"\f168";}
-.icon-xing-sign:before{content:"\f169";}
-.icon-youtube-play:before{content:"\f16a";}
-.icon-dropbox:before{content:"\f16b";}
-.icon-stackoverflow:before{content:"\f16c";}
-.icon-instagram:before{content:"\f16d";}
-.icon-flickr:before{content:"\f16e";}
-.icon-adn:before{content:"\f170";}
-.icon-bitbucket:before{content:"\f171";}
-.icon-bitbucket-sign:before{content:"\f172";}
-.icon-tumblr:before{content:"\f173";}
-.icon-tumblr-sign:before{content:"\f174";}
-.icon-long-arrow-down:before{content:"\f175";}
-.icon-long-arrow-up:before{content:"\f176";}
-.icon-long-arrow-left:before{content:"\f177";}
-.icon-long-arrow-right:before{content:"\f178";}
-.icon-apple:before{content:"\f179";}
-.icon-windows:before{content:"\f17a";}
-.icon-android:before{content:"\f17b";}
-.icon-linux:before{content:"\f17c";}
-.icon-dribbble:before{content:"\f17d";}
-.icon-skype:before{content:"\f17e";}
-.icon-foursquare:before{content:"\f180";}
-.icon-trello:before{content:"\f181";}
-.icon-female:before{content:"\f182";}
-.icon-male:before{content:"\f183";}
-.icon-gittip:before{content:"\f184";}
-.icon-sun:before{content:"\f185";}
-.icon-moon:before{content:"\f186";}
-.icon-archive:before{content:"\f187";}
-.icon-bug:before{content:"\f188";}
-.icon-vk:before{content:"\f189";}
-.icon-weibo:before{content:"\f18a";}
-.icon-renren:before{content:"\f18b";}
-.icon-pagelines:before{content:"\f18c";}
+.fa-glass:before{content:"\f000";}
+.fa-music:before{content:"\f001";}
+.fa-search:before{content:"\f002";}
+.fa-envelope-alt:before{content:"\f003";}
+.fa-heart:before{content:"\f004";}
+.fa-star:before{content:"\f005";}
+.fa-star-empty:before{content:"\f006";}
+.fa-user:before{content:"\f007";}
+.fa-film:before{content:"\f008";}
+.fa-th-large:before{content:"\f009";}
+.fa-th:before{content:"\f00a";}
+.fa-th-list:before{content:"\f00b";}
+.fa-ok:before{content:"\f00c";}
+.fa-remove:before{content:"\f00d";}
+.fa-zoom-in:before{content:"\f00e";}
+.fa-zoom-out:before{content:"\f010";}
+.fa-power-off:before,.fa-off:before{content:"\f011";}
+.fa-signal:before{content:"\f012";}
+.fa-gear:before,.fa-cog:before{content:"\f013";}
+.fa-trash:before{content:"\f014";}
+.fa-home:before{content:"\f015";}
+.fa-file-alt:before{content:"\f016";}
+.fa-time:before{content:"\f017";}
+.fa-road:before{content:"\f018";}
+.fa-download-alt:before{content:"\f019";}
+.fa-download:before{content:"\f01a";}
+.fa-upload:before{content:"\f01b";}
+.fa-inbox:before{content:"\f01c";}
+.fa-play-circle:before{content:"\f01d";}
+.fa-rotate-right:before,.fa-repeat:before{content:"\f01e";}
+.fa-refresh:before{content:"\f021";}
+.fa-list-alt:before{content:"\f022";}
+.fa-lock:before{content:"\f023";}
+.fa-flag:before{content:"\f024";}
+.fa-headphones:before{content:"\f025";}
+.fa-volume-off:before{content:"\f026";}
+.fa-volume-down:before{content:"\f027";}
+.fa-volume-up:before{content:"\f028";}
+.fa-qrcode:before{content:"\f029";}
+.fa-barcode:before{content:"\f02a";}
+.fa-tag:before{content:"\f02b";}
+.fa-tags:before{content:"\f02c";}
+.fa-book:before{content:"\f02d";}
+.fa-bookmark:before{content:"\f02e";}
+.fa-print:before{content:"\f02f";}
+.fa-camera:before{content:"\f030";}
+.fa-font:before{content:"\f031";}
+.fa-bold:before{content:"\f032";}
+.fa-italic:before{content:"\f033";}
+.fa-text-height:before{content:"\f034";}
+.fa-text-width:before{content:"\f035";}
+.fa-align-left:before{content:"\f036";}
+.fa-align-center:before{content:"\f037";}
+.fa-align-right:before{content:"\f038";}
+.fa-align-justify:before{content:"\f039";}
+.fa-list:before{content:"\f03a";}
+.fa-indent-left:before{content:"\f03b";}
+.fa-indent-right:before{content:"\f03c";}
+.fa-facetime-video:before{content:"\f03d";}
+.fa-picture:before{content:"\f03e";}
+.fa-pencil:before{content:"\f040";}
+.fa-map-marker:before{content:"\f041";}
+.fa-adjust:before{content:"\f042";}
+.fa-tint:before{content:"\f043";}
+.fa-edit:before{content:"\f044";}
+.fa-share:before{content:"\f045";}
+.fa-check:before{content:"\f046";}
+.fa-move:before{content:"\f047";}
+.fa-step-backward:before{content:"\f048";}
+.fa-fast-backward:before{content:"\f049";}
+.fa-backward:before{content:"\f04a";}
+.fa-play:before{content:"\f04b";}
+.fa-pause:before{content:"\f04c";}
+.fa-stop:before{content:"\f04d";}
+.fa-forward:before{content:"\f04e";}
+.fa-fast-forward:before{content:"\f050";}
+.fa-step-forward:before{content:"\f051";}
+.fa-eject:before{content:"\f052";}
+.fa-chevron-left:before{content:"\f053";}
+.fa-chevron-right:before{content:"\f054";}
+.fa-plus-sign:before{content:"\f055";}
+.fa-minus-sign:before{content:"\f056";}
+.fa-remove-sign:before{content:"\f057";}
+.fa-ok-sign:before{content:"\f058";}
+.fa-question-sign:before{content:"\f059";}
+.fa-info-sign:before{content:"\f05a";}
+.fa-screenshot:before{content:"\f05b";}
+.fa-remove-circle:before{content:"\f05c";}
+.fa-ok-circle:before{content:"\f05d";}
+.fa-ban-circle:before{content:"\f05e";}
+.fa-arrow-left:before{content:"\f060";}
+.fa-arrow-right:before{content:"\f061";}
+.fa-arrow-up:before{content:"\f062";}
+.fa-arrow-down:before{content:"\f063";}
+.fa-mail-forward:before,.fa-share-alt:before{content:"\f064";}
+.fa-resize-full:before{content:"\f065";}
+.fa-resize-small:before{content:"\f066";}
+.fa-plus:before{content:"\f067";}
+.fa-minus:before{content:"\f068";}
+.fa-asterisk:before{content:"\f069";}
+.fa-exclamation-sign:before{content:"\f06a";}
+.fa-gift:before{content:"\f06b";}
+.fa-leaf:before{content:"\f06c";}
+.fa-fire:before{content:"\f06d";}
+.fa-eye-open:before{content:"\f06e";}
+.fa-eye-close:before{content:"\f070";}
+.fa-warning-sign:before{content:"\f071";}
+.fa-plane:before{content:"\f072";}
+.fa-calendar:before{content:"\f073";}
+.fa-random:before{content:"\f074";}
+.fa-comment:before{content:"\f075";}
+.fa-magnet:before{content:"\f076";}
+.fa-chevron-up:before{content:"\f077";}
+.fa-chevron-down:before{content:"\f078";}
+.fa-retweet:before{content:"\f079";}
+.fa-shopping-cart:before{content:"\f07a";}
+.fa-folder-close:before{content:"\f07b";}
+.fa-folder-open:before{content:"\f07c";}
+.fa-resize-vertical:before{content:"\f07d";}
+.fa-resize-horizontal:before{content:"\f07e";}
+.fa-bar-chart:before{content:"\f080";}
+.fa-twitter-sign:before{content:"\f081";}
+.fa-facebook-sign:before{content:"\f082";}
+.fa-camera-retro:before{content:"\f083";}
+.fa-key:before{content:"\f084";}
+.fa-gears:before,.fa-cogs:before{content:"\f085";}
+.fa-comments:before{content:"\f086";}
+.fa-thumbs-up-alt:before{content:"\f087";}
+.fa-thumbs-down-alt:before{content:"\f088";}
+.fa-star-half:before{content:"\f089";}
+.fa-heart-empty:before{content:"\f08a";}
+.fa-log-out:before{content:"\f08b";}
+.fa-linkedin-sign:before{content:"\f08c";}
+.fa-pushpin:before{content:"\f08d";}
+.fa-external-link:before{content:"\f08e";}
+.fa-log-in:before{content:"\f090";}
+.fa-trophy:before{content:"\f091";}
+.fa-github-sign:before{content:"\f092";}
+.fa-upload-alt:before{content:"\f093";}
+.fa-lemon:before{content:"\f094";}
+.fa-earphone:before{content:"\f095";}
+.fa-unchecked:before{content:"\f096";}
+.fa-bookmark-empty:before{content:"\f097";}
+.fa-phone-sign:before{content:"\f098";}
+.fa-twitter:before{content:"\f099";}
+.fa-facebook:before{content:"\f09a";}
+.fa-github:before{content:"\f09b";}
+.fa-unlock:before{content:"\f09c";}
+.fa-credit-card:before{content:"\f09d";}
+.fa-rss:before{content:"\f09e";}
+.fa-hdd:before{content:"\f0a0";}
+.fa-bullhorn:before{content:"\f0a1";}
+.fa-bell:before{content:"\f0f3";}
+.fa-certificate:before{content:"\f0a3";}
+.fa-hand-right:before{content:"\f0a4";}
+.fa-hand-left:before{content:"\f0a5";}
+.fa-hand-up:before{content:"\f0a6";}
+.fa-hand-down:before{content:"\f0a7";}
+.fa-circle-arrow-left:before{content:"\f0a8";}
+.fa-circle-arrow-right:before{content:"\f0a9";}
+.fa-circle-arrow-up:before{content:"\f0aa";}
+.fa-circle-arrow-down:before{content:"\f0ab";}
+.fa-globe:before{content:"\f0ac";}
+.fa-wrench:before{content:"\f0ad";}
+.fa-tasks:before{content:"\f0ae";}
+.fa-filter:before{content:"\f0b0";}
+.fa-briefcase:before{content:"\f0b1";}
+.fa-fullscreen:before{content:"\f0b2";}
+.fa-group:before{content:"\f0c0";}
+.fa-link:before{content:"\f0c1";}
+.fa-cloud:before{content:"\f0c2";}
+.fa-beaker:before{content:"\f0c3";}
+.fa-cut:before{content:"\f0c4";}
+.fa-copy:before{content:"\f0c5";}
+.fa-paperclip:before{content:"\f0c6";}
+.fa-floppy-disk:before{content:"\f0c7";}
+.fa-sign-blank:before{content:"\f0c8";}
+.fa-reorder:before{content:"\f0c9";}
+.fa-list-ul:before{content:"\f0ca";}
+.fa-list-ol:before{content:"\f0cb";}
+.fa-strikethrough:before{content:"\f0cc";}
+.fa-underline:before{content:"\f0cd";}
+.fa-table:before{content:"\f0ce";}
+.fa-magic:before{content:"\f0d0";}
+.fa-truck:before{content:"\f0d1";}
+.fa-pinterest:before{content:"\f0d2";}
+.fa-pinterest-sign:before{content:"\f0d3";}
+.fa-google-plus-sign:before{content:"\f0d4";}
+.fa-google-plus:before{content:"\f0d5";}
+.fa-money:before{content:"\f0d6";}
+.fa-caret-down:before{content:"\f0d7";}
+.fa-caret-up:before{content:"\f0d8";}
+.fa-caret-left:before{content:"\f0d9";}
+.fa-caret-right:before{content:"\f0da";}
+.fa-columns:before{content:"\f0db";}
+.fa-sort:before{content:"\f0dc";}
+.fa-sort-down:before{content:"\f0dd";}
+.fa-sort-up:before{content:"\f0de";}
+.fa-envelope:before{content:"\f0e0";}
+.fa-linkedin:before{content:"\f0e1";}
+.fa-rotate-left:before,.fa-undo:before{content:"\f0e2";}
+.fa-legal:before{content:"\f0e3";}
+.fa-dashboard:before{content:"\f0e4";}
+.fa-comment-alt:before{content:"\f0e5";}
+.fa-comments-alt:before{content:"\f0e6";}
+.fa-flash:before{content:"\f0e7";}
+.fa-sitemap:before{content:"\f0e8";}
+.fa-umbrella:before{content:"\f0e9";}
+.fa-paste:before{content:"\f0ea";}
+.fa-lightbulb:before{content:"\f0eb";}
+.fa-exchange:before{content:"\f0ec";}
+.fa-cloud-download:before{content:"\f0ed";}
+.fa-cloud-upload:before{content:"\f0ee";}
+.fa-user-md:before{content:"\f0f0";}
+.fa-stethoscope:before{content:"\f0f1";}
+.fa-suitcase:before{content:"\f0f2";}
+.fa-bell-alt:before{content:"\f0a2";}
+.fa-coffee:before{content:"\f0f4";}
+.fa-cutlery:before{content:"\f0f5";}
+.fa-file-text-alt:before{content:"\f0f6";}
+.fa-building:before{content:"\f0f7";}
+.fa-hospital:before{content:"\f0f8";}
+.fa-ambulance:before{content:"\f0f9";}
+.fa-medkit:before{content:"\f0fa";}
+.fa-fighter-jet:before{content:"\f0fb";}
+.fa-beer:before{content:"\f0fc";}
+.fa-h-sign:before{content:"\f0fd";}
+.fa-plus-sign-alt:before{content:"\f0fe";}
+.fa-double-angle-left:before{content:"\f100";}
+.fa-double-angle-right:before{content:"\f101";}
+.fa-double-angle-up:before{content:"\f102";}
+.fa-double-angle-down:before{content:"\f103";}
+.fa-angle-left:before{content:"\f104";}
+.fa-angle-right:before{content:"\f105";}
+.fa-angle-up:before{content:"\f106";}
+.fa-angle-down:before{content:"\f107";}
+.fa-desktop:before{content:"\f108";}
+.fa-laptop:before{content:"\f109";}
+.fa-tablet:before{content:"\f10a";}
+.fa-phone:before{content:"\f10b";}
+.fa-circle-blank:before{content:"\f10c";}
+.fa-quote-left:before{content:"\f10d";}
+.fa-quote-right:before{content:"\f10e";}
+.fa-spinner:before{content:"\f110";}
+.fa-circle:before{content:"\f111";}
+.fa-mail-reply:before,.fa-reply:before{content:"\f112";}
+.fa-github-alt:before{content:"\f113";}
+.fa-folder-close-alt:before{content:"\f114";}
+.fa-folder-open-alt:before{content:"\f115";}
+.fa-expand-alt:before{content:"\f116";}
+.fa-collapse-alt:before{content:"\f117";}
+.fa-smile:before{content:"\f118";}
+.fa-frown:before{content:"\f119";}
+.fa-meh:before{content:"\f11a";}
+.fa-gamepad:before{content:"\f11b";}
+.fa-keyboard:before{content:"\f11c";}
+.fa-flag-alt:before{content:"\f11d";}
+.fa-flag-checkered:before{content:"\f11e";}
+.fa-terminal:before{content:"\f120";}
+.fa-code:before{content:"\f121";}
+.fa-reply-all:before{content:"\f122";}
+.fa-mail-reply-all:before{content:"\f122";}
+.fa-star-half-full:before,.fa-star-half-empty:before{content:"\f123";}
+.fa-location-arrow:before{content:"\f124";}
+.fa-crop:before{content:"\f125";}
+.fa-code-fork:before{content:"\f126";}
+.fa-unlink:before{content:"\f127";}
+.fa-question:before{content:"\f128";}
+.fa-info:before{content:"\f129";}
+.fa-exclamation:before{content:"\f12a";}
+.fa-superscript:before{content:"\f12b";}
+.fa-subscript:before{content:"\f12c";}
+.fa-eraser:before{content:"\f12d";}
+.fa-puzzle-piece:before{content:"\f12e";}
+.fa-microphone:before{content:"\f130";}
+.fa-microphone-off:before{content:"\f131";}
+.fa-shield:before{content:"\f132";}
+.fa-calendar-empty:before{content:"\f133";}
+.fa-fire-extinguisher:before{content:"\f134";}
+.fa-rocket:before{content:"\f135";}
+.fa-maxcdn:before{content:"\f136";}
+.fa-chevron-sign-left:before{content:"\f137";}
+.fa-chevron-sign-right:before{content:"\f138";}
+.fa-chevron-sign-up:before{content:"\f139";}
+.fa-chevron-sign-down:before{content:"\f13a";}
+.fa-html5:before{content:"\f13b";}
+.fa-css3:before{content:"\f13c";}
+.fa-anchor:before{content:"\f13d";}
+.fa-unlock-alt:before{content:"\f13e";}
+.fa-bullseye:before{content:"\f140";}
+.fa-ellipsis-horizontal:before{content:"\f141";}
+.fa-ellipsis-vertical:before{content:"\f142";}
+.fa-rss-sign:before{content:"\f143";}
+.fa-play-sign:before{content:"\f144";}
+.fa-ticket:before{content:"\f145";}
+.fa-minus-sign-alt:before{content:"\f146";}
+.fa-check-minus:before{content:"\f147";}
+.fa-level-up:before{content:"\f148";}
+.fa-level-down:before{content:"\f149";}
+.fa-check-sign:before{content:"\f14a";}
+.fa-edit-sign:before{content:"\f14b";}
+.fa-external-link-sign:before{content:"\f14c";}
+.fa-share-sign:before{content:"\f14d";}
+.fa-compass:before{content:"\f14e";}
+.fa-collapse-down:before{content:"\f150";}
+.fa-collapse-up:before{content:"\f151";}
+.fa-expand:before{content:"\f152";}
+.fa-euro:before,.fa-eur:before{content:"\f153";}
+.fa-gbp:before{content:"\f154";}
+.fa-dollar:before,.fa-usd:before{content:"\f155";}
+.fa-rupee:before,.fa-inr:before{content:"\f156";}
+.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157";}
+.fa-won:before,.fa-krw:before{content:"\f159";}
+.fa-bitcoin:before,.fa-btc:before{content:"\f15a";}
+.fa-file:before{content:"\f15b";}
+.fa-file-text:before{content:"\f15c";}
+.fa-sort-by-alphabet:before{content:"\f15d";}
+.fa-sort-by-alphabet-alt:before{content:"\f15e";}
+.fa-sort-by-attributes:before{content:"\f160";}
+.fa-sort-by-attributes-alt:before{content:"\f161";}
+.fa-sort-by-order:before{content:"\f162";}
+.fa-sort-by-order-alt:before{content:"\f163";}
+.fa-thumbs-up:before{content:"\f164";}
+.fa-thumbs-down:before{content:"\f165";}
+.fa-youtube-sign:before{content:"\f166";}
+.fa-youtube:before{content:"\f167";}
+.fa-xing:before{content:"\f168";}
+.fa-xing-sign:before{content:"\f169";}
+.fa-youtube-play:before{content:"\f16a";}
+.fa-dropbox:before{content:"\f16b";}
+.fa-stackoverflow:before{content:"\f16c";}
+.fa-instagram:before{content:"\f16d";}
+.fa-flickr:before{content:"\f16e";}
+.fa-adn:before{content:"\f170";}
+.fa-bitbucket:before{content:"\f171";}
+.fa-bitbucket-sign:before{content:"\f172";}
+.fa-tumblr:before{content:"\f173";}
+.fa-tumblr-sign:before{content:"\f174";}
+.fa-long-arrow-down:before{content:"\f175";}
+.fa-long-arrow-up:before{content:"\f176";}
+.fa-long-arrow-left:before{content:"\f177";}
+.fa-long-arrow-right:before{content:"\f178";}
+.fa-apple:before{content:"\f179";}
+.fa-windows:before{content:"\f17a";}
+.fa-android:before{content:"\f17b";}
+.fa-linux:before{content:"\f17c";}
+.fa-dribbble:before{content:"\f17d";}
+.fa-skype:before{content:"\f17e";}
+.fa-foursquare:before{content:"\f180";}
+.fa-trello:before{content:"\f181";}
+.fa-female:before{content:"\f182";}
+.fa-male:before{content:"\f183";}
+.fa-gittip:before{content:"\f184";}
+.fa-sun:before{content:"\f185";}
+.fa-moon:before{content:"\f186";}
+.fa-archive:before{content:"\f187";}
+.fa-bug:before{content:"\f188";}
+.fa-vk:before{content:"\f189";}
+.fa-weibo:before{content:"\f18a";}
+.fa-renren:before{content:"\f18b";}
+.fa-pagelines:before{content:"\f18c";}

less/bootstrap.less

@@ -2,8 +2,8 @@
  * -------------------------- */
 
 /* Bootstrap 2.0 sprites.less reset */
-[class^="icon-"],
-[class*=" icon-"] {
+[class^="fa-"],
+[class*=" fa-"] {
   display: inline;
   width: auto;
   height: auto;
@@ -17,68 +17,68 @@
 
 /* more sprites.less reset */
 .icon-white,
-.nav-pills > .active > a > [class^="icon-"],
-.nav-pills > .active > a > [class*=" icon-"],
-.nav-list > .active > a > [class^="icon-"],
-.nav-list > .active > a > [class*=" icon-"],
-.navbar-inverse .nav > .active > a > [class^="icon-"],
-.navbar-inverse .nav > .active > a > [class*=" icon-"],
-.dropdown-menu > li > a:hover > [class^="icon-"],
-.dropdown-menu > li > a:hover > [class*=" icon-"],
-.dropdown-menu > .active > a > [class^="icon-"],
-.dropdown-menu > .active > a > [class*=" icon-"],
-.dropdown-submenu:hover > a > [class^="icon-"],
-.dropdown-submenu:hover > a > [class*=" icon-"] {
+.nav-pills > .active > a > [class^="fa-"],
+.nav-pills > .active > a > [class*=" fa-"],
+.nav-list > .active > a > [class^="fa-"],
+.nav-list > .active > a > [class*=" fa-"],
+.navbar-inverse .nav > .active > a > [class^="fa-"],
+.navbar-inverse .nav > .active > a > [class*=" fa-"],
+.dropdown-menu > li > a:hover > [class^="fa-"],
+.dropdown-menu > li > a:hover > [class*=" fa-"],
+.dropdown-menu > .active > a > [class^="fa-"],
+.dropdown-menu > .active > a > [class*=" fa-"],
+.dropdown-submenu:hover > a > [class^="fa-"],
+.dropdown-submenu:hover > a > [class*=" fa-"] {
   background-image: none;
 }
 
 
 /* keeps Bootstrap styles with and without icons the same */
 .btn, .nav {
-  [class^="icon-"],
-  [class*=" icon-"] {
+  [class^="fa-"],
+  [class*=" fa-"] {
 //    display: inline;
-    &.icon-large { line-height: .9em; }
-    &.icon-spin { display: inline-block; }
+    &.fa-large { line-height: .9em; }
+    &.fa-spin { display: inline-block; }
   }
 }
 .nav-tabs, .nav-pills {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    &, &.icon-large { line-height: .9em; }
+  [class^="fa-"],
+  [class*=" fa-"] {
+    &, &.fa-large { line-height: .9em; }
   }
 }
 .btn {
-  [class^="icon-"],
-  [class*=" icon-"] {
+  [class^="fa-"],
+  [class*=" fa-"] {
     &.pull-left, &.pull-right {
-      &.icon-2x { margin-top: .18em; }
+      &.fa-2x { margin-top: .18em; }
     }
-    &.icon-spin.icon-large { line-height: .8em; }
+    &.fa-spin.fa-large { line-height: .8em; }
   }
 }
 .btn.btn-small {
-  [class^="icon-"],
-  [class*=" icon-"] {
+  [class^="fa-"],
+  [class*=" fa-"] {
     &.pull-left, &.pull-right {
-      &.icon-2x { margin-top: .25em; }
+      &.fa-2x { margin-top: .25em; }
     }
   }
 }
 .btn.btn-large {
-  [class^="icon-"],
-  [class*=" icon-"] {
+  [class^="fa-"],
+  [class*=" fa-"] {
     margin-top: 0; // overrides bootstrap default
     &.pull-left, &.pull-right {
-      &.icon-2x { margin-top: .05em; }
+      &.fa-2x { margin-top: .05em; }
     }
-    &.pull-left.icon-2x { margin-right: .2em; }
-    &.pull-right.icon-2x { margin-left: .2em; }
+    &.pull-left.fa-2x { margin-right: .2em; }
+    &.pull-right.fa-2x { margin-left: .2em; }
   }
 }
 
 /* Fixes alignment in nav lists */
-.nav-list [class^="icon-"],
-.nav-list [class*=" icon-"] {
+.nav-list [class^="fa-"],
+.nav-list [class*=" fa-"] {
   line-height: inherit;
 }

less/core.less

@@ -1,54 +1,54 @@
 /* FONT AWESOME CORE
  * -------------------------- */
 
-[class^="icon-"],
-[class*=" icon-"] {
+[class^="fa-"],
+[class*=" fa-"] {
   .icon-FontAwesome();
 }
 
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
+[class^="fa-"]:before,
+[class*=" fa-"]:before {
   display: inline-block;
   text-decoration: inherit;
   speak: none;
 }
 
 /* makes the font 33% larger relative to the icon container */
-.icon-large:before {
+.fa-large:before {
   font-size: (4em / 3);
   vertical-align: -10%;
 }
 
 /* makes sure icons active on rollover in links */
 a {
-  [class^="icon-"],
-  [class*=" icon-"] {
+  [class^="fa-"],
+  [class*=" fa-"] {
     display: inline;
   }
 }
 
 /* increased font size for icon-large */
-[class^="icon-"],
-[class*=" icon-"] {
-  &.icon-fixed-width {
+[class^="fa-"],
+[class*=" fa-"] {
+  &.fa-fixed-width {
     display: inline-block;
     width: (16em / 14);
     padding-right: (4em / 14);
     text-align: right;
-    &.icon-large {
+    &.fa-large {
       width: (20em / 14);
     }
   }
 }
 
-.icons-ul {
+.fas-ul {
   padding-left: 0;
   margin-left: @icons-li-width;
   list-style-type: none;
 
   > li { position: relative; }
 
-  .icon-li {
+  .fa-li {
     position: absolute;
     left: -@icons-li-width;
     width: @icons-li-width;
@@ -58,21 +58,21 @@ a {
 }
 
 // allows usage of the hide class directly on font awesome icons
-[class^="icon-"],
-[class*=" icon-"] {
+[class^="fa-"],
+[class*=" fa-"] {
   &.hide {
     display: none;
   }
 }
 
-.icon-muted { color: @iconMuted; }
-.icon-light { color: @iconLight; }
-.icon-dark { color: @iconDark; }
+.fa-muted { color: @iconMuted; }
+.fa-light { color: @iconLight; }
+.fa-dark { color: @iconDark; }
 
 // Icon Borders
 // -------------------------
 
-.icon-border {
+.fa-border {
   padding: .2em .25em .15em;
   border: solid 1px @borderColor;
   .border-radius(3px);
@@ -81,31 +81,31 @@ a {
 // Icon Sizes
 // -------------------------
 
-.icon-2x {
+.fa-2x {
   font-size: 2em;
-  &.icon-border {
+  &.fa-border {
     border-width: 2px;
     .border-radius(4px);
   }
 }
-.icon-3x {
+.fa-3x {
   font-size: 3em;
-  &.icon-border {
+  &.fa-border {
     border-width: 3px;
     .border-radius(5px);
   }
 }
-.icon-4x {
+.fa-4x {
   font-size: 4em;
-  &.icon-border {
+  &.fa-border {
     border-width: 4px;
     .border-radius(6px);
   }
 }
 
-.icon-5x {
+.fa-5x {
   font-size: 5em;
-  &.icon-border {
+  &.fa-border {
     border-width: 5px;
     .border-radius(7px);
   }
@@ -119,8 +119,8 @@ a {
 .pull-right { float: right; }
 .pull-left { float: left; }
 
-[class^="icon-"],
-[class*=" icon-"] {
+[class^="fa-"],
+[class*=" fa-"] {
   &.pull-left {
     margin-right: .3em;
   }

less/icons.less

@@ -1,380 +1,380 @@
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
 
-.icon-glass:before { content: @glass; }
-.icon-music:before { content: @music; }
-.icon-search:before { content: @search; }
-.icon-envelope-alt:before { content: @envelope-alt; }
-.icon-heart:before { content: @heart; }
-.icon-star:before { content: @star; }
-.icon-star-empty:before { content: @star-empty; }
-.icon-user:before { content: @user; }
-.icon-film:before { content: @film; }
-.icon-th-large:before { content: @th-large; }
-.icon-th:before { content: @th; }
-.icon-th-list:before { content: @th-list; }
-.icon-ok:before { content: @ok; }
-.icon-remove:before { content: @remove; }
-.icon-zoom-in:before { content: @zoom-in; }
-.icon-zoom-out:before { content: @zoom-out; }
-.icon-power-off:before,
-.icon-off:before { content: @off; }
-.icon-signal:before { content: @signal; }
-.icon-gear:before,
-.icon-cog:before { content: @cog; }
-.icon-trash:before { content: @trash; }
-.icon-home:before { content: @home; }
-.icon-file-alt:before { content: @file-alt; }
-.icon-time:before { content: @time; }
-.icon-road:before { content: @road; }
-.icon-download-alt:before { content: @download-alt; }
-.icon-download:before { content: @download; }
-.icon-upload:before { content: @upload; }
-.icon-inbox:before { content: @inbox; }
-.icon-play-circle:before { content: @play-circle; }
-.icon-rotate-right:before,
-.icon-repeat:before { content: @repeat; }
-.icon-refresh:before { content: @refresh; }
-.icon-list-alt:before { content: @list-alt; }
-.icon-lock:before { content: @lock; }
-.icon-flag:before { content: @flag; }
-.icon-headphones:before { content: @headphones; }
-.icon-volume-off:before { content: @volume-off; }
-.icon-volume-down:before { content: @volume-down; }
-.icon-volume-up:before { content: @volume-up; }
-.icon-qrcode:before { content: @qrcode; }
-.icon-barcode:before { content: @barcode; }
-.icon-tag:before { content: @tag; }
-.icon-tags:before { content: @tags; }
-.icon-book:before { content: @book; }
-.icon-bookmark:before { content: @bookmark; }
-.icon-print:before { content: @print; }
-.icon-camera:before { content: @camera; }
-.icon-font:before { content: @font; }
-.icon-bold:before { content: @bold; }
-.icon-italic:before { content: @italic; }
-.icon-text-height:before { content: @text-height; }
-.icon-text-width:before { content: @text-width; }
-.icon-align-left:before { content: @align-left; }
-.icon-align-center:before { content: @align-center; }
-.icon-align-right:before { content: @align-right; }
-.icon-align-justify:before { content: @align-justify; }
-.icon-list:before { content: @list; }
-.icon-indent-left:before { content: @indent-left; }
-.icon-indent-right:before { content: @indent-right; }
-.icon-facetime-video:before { content: @facetime-video; }
-.icon-picture:before { content: @picture; }
-.icon-pencil:before { content: @pencil; }
-.icon-map-marker:before { content: @map-marker; }
-.icon-adjust:before { content: @adjust; }
-.icon-tint:before { content: @tint; }
-.icon-edit:before { content: @edit; }
-.icon-share:before { content: @share; }
-.icon-check:before { content: @check; }
-.icon-move:before { content: @move; }
-.icon-step-backward:before { content: @step-backward; }
-.icon-fast-backward:before { content: @fast-backward; }
-.icon-backward:before { content: @backward; }
-.icon-play:before { content: @play; }
-.icon-pause:before { content: @pause; }
-.icon-stop:before { content: @stop; }
-.icon-forward:before { content: @forward; }
-.icon-fast-forward:before { content: @fast-forward; }
-.icon-step-forward:before { content: @step-forward; }
-.icon-eject:before { content: @eject; }
-.icon-chevron-left:before { content: @chevron-left; }
-.icon-chevron-right:before { content: @chevron-right; }
-.icon-plus-sign:before { content: @plus-sign; }
-.icon-minus-sign:before { content: @minus-sign; }
-.icon-remove-sign:before { content: @remove-sign; }
-.icon-ok-sign:before { content: @ok-sign; }
-.icon-question-sign:before { content: @question-sign; }
-.icon-info-sign:before { content: @info-sign; }
-.icon-screenshot:before { content: @screenshot; }
-.icon-remove-circle:before { content: @remove-circle; }
-.icon-ok-circle:before { content: @ok-circle; }
-.icon-ban-circle:before { content: @ban-circle; }
-.icon-arrow-left:before { content: @arrow-left; }
-.icon-arrow-right:before { content: @arrow-right; }
-.icon-arrow-up:before { content: @arrow-up; }
-.icon-arrow-down:before { content: @arrow-down; }
-.icon-mail-forward:before,
-.icon-share-alt:before { content: @share-alt; }
-.icon-resize-full:before { content: @resize-full; }
-.icon-resize-small:before { content: @resize-small; }
-.icon-plus:before { content: @plus; }
-.icon-minus:before { content: @minus; }
-.icon-asterisk:before { content: @asterisk; }
-.icon-exclamation-sign:before { content: @exclamation-sign; }
-.icon-gift:before { content: @gift; }
-.icon-leaf:before { content: @leaf; }
-.icon-fire:before { content: @fire; }
-.icon-eye-open:before { content: @eye-open; }
-.icon-eye-close:before { content: @eye-close; }
-.icon-warning-sign:before { content: @warning-sign; }
-.icon-plane:before { content: @plane; }
-.icon-calendar:before { content: @calendar; }
-.icon-random:before { content: @random; }
-.icon-comment:before { content: @comment; }
-.icon-magnet:before { content: @magnet; }
-.icon-chevron-up:before { content: @chevron-up; }
-.icon-chevron-down:before { content: @chevron-down; }
-.icon-retweet:before { content: @retweet; }
-.icon-shopping-cart:before { content: @shopping-cart; }
-.icon-folder-close:before { content: @folder-close; }
-.icon-folder-open:before { content: @folder-open; }
-.icon-resize-vertical:before { content: @resize-vertical; }
-.icon-resize-horizontal:before { content: @resize-horizontal; }
-.icon-bar-chart:before { content: @bar-chart; }
-.icon-twitter-sign:before { content: @twitter-sign; }
-.icon-facebook-sign:before { content: @facebook-sign; }
-.icon-camera-retro:before { content: @camera-retro; }
-.icon-key:before { content: @key; }
-.icon-gears:before,
-.icon-cogs:before { content: @cogs; }
-.icon-comments:before { content: @comments; }
-.icon-thumbs-up-alt:before { content: @thumbs-up-alt; }
-.icon-thumbs-down-alt:before { content: @thumbs-down-alt; }
-.icon-star-half:before { content: @star-half; }
-.icon-heart-empty:before { content: @heart-empty; }
-.icon-log-out:before { content: @log-out; }
-.icon-linkedin-sign:before { content: @linkedin-sign; }
-.icon-pushpin:before { content: @pushpin; }
-.icon-external-link:before { content: @external-link; }
-.icon-log-in:before { content: @log-in; }
-.icon-trophy:before { content: @trophy; }
-.icon-github-sign:before { content: @github-sign; }
-.icon-upload-alt:before { content: @upload-alt; }
-.icon-lemon:before { content: @lemon; }
-.icon-earphone:before { content: @earphone; }
-.icon-unchecked:before { content: @unchecked; }
-.icon-bookmark-empty:before { content: @bookmark-empty; }
-.icon-phone-sign:before { content: @phone-sign; }
-.icon-twitter:before { content: @twitter; }
-.icon-facebook:before { content: @facebook; }
-.icon-github:before { content: @github; }
-.icon-unlock:before { content: @unlock; }
-.icon-credit-card:before { content: @credit-card; }
-.icon-rss:before { content: @rss; }
-.icon-hdd:before { content: @hdd; }
-.icon-bullhorn:before { content: @bullhorn; }
-.icon-bell:before { content: @bell; }
-.icon-certificate:before { content: @certificate; }
-.icon-hand-right:before { content: @hand-right; }
-.icon-hand-left:before { content: @hand-left; }
-.icon-hand-up:before { content: @hand-up; }
-.icon-hand-down:before { content: @hand-down; }
-.icon-circle-arrow-left:before { content: @circle-arrow-left; }
-.icon-circle-arrow-right:before { content: @circle-arrow-right; }
-.icon-circle-arrow-up:before { content: @circle-arrow-up; }
-.icon-circle-arrow-down:before { content: @circle-arrow-down; }
-.icon-globe:before { content: @globe; }
-.icon-wrench:before { content: @wrench; }
-.icon-tasks:before { content: @tasks; }
-.icon-filter:before { content: @filter; }
-.icon-briefcase:before { content: @briefcase; }
-.icon-fullscreen:before { content: @fullscreen; }
-.icon-group:before { content: @group; }
-.icon-link:before { content: @link; }
-.icon-cloud:before { content: @cloud; }
-.icon-beaker:before { content: @beaker; }
-.icon-cut:before { content: @cut; }
-.icon-copy:before { content: @copy; }
-.icon-paperclip:before { content: @paperclip; }
-.icon-floppy-disk:before { content: @floppy-disk; }
-.icon-sign-blank:before { content: @sign-blank; }
-.icon-reorder:before { content: @reorder; }
-.icon-list-ul:before { content: @list-ul; }
-.icon-list-ol:before { content: @list-ol; }
-.icon-strikethrough:before { content: @strikethrough; }
-.icon-underline:before { content: @underline; }
-.icon-table:before { content: @table; }
-.icon-magic:before { content: @magic; }
-.icon-truck:before { content: @truck; }
-.icon-pinterest:before { content: @pinterest; }
-.icon-pinterest-sign:before { content: @pinterest-sign; }
-.icon-google-plus-sign:before { content: @google-plus-sign; }
-.icon-google-plus:before { content: @google-plus; }
-.icon-money:before { content: @money; }
-.icon-caret-down:before { content: @caret-down; }
-.icon-caret-up:before { content: @caret-up; }
-.icon-caret-left:before { content: @caret-left; }
-.icon-caret-right:before { content: @caret-right; }
-.icon-columns:before { content: @columns; }
-.icon-sort:before { content: @sort; }
-.icon-sort-down:before { content: @sort-down; }
-.icon-sort-up:before { content: @sort-up; }
-.icon-envelope:before { content: @envelope; }
-.icon-linkedin:before { content: @linkedin; }
-.icon-rotate-left:before,
-.icon-undo:before { content: @undo; }
-.icon-legal:before { content: @legal; }
-.icon-dashboard:before { content: @dashboard; }
-.icon-comment-alt:before { content: @comment-alt; }
-.icon-comments-alt:before { content: @comments-alt; }
-.icon-flash:before { content: @flash; }
-.icon-sitemap:before { content: @sitemap; }
-.icon-umbrella:before { content: @umbrella; }
-.icon-paste:before { content: @paste; }
-.icon-lightbulb:before { content: @lightbulb; }
-.icon-exchange:before { content: @exchange; }
-.icon-cloud-download:before { content: @cloud-download; }
-.icon-cloud-upload:before { content: @cloud-upload; }
-.icon-user-md:before { content: @user-md; }
-.icon-stethoscope:before { content: @stethoscope; }
-.icon-suitcase:before { content: @suitcase; }
-.icon-bell-alt:before { content: @bell-alt; }
-.icon-coffee:before { content: @coffee; }
-.icon-cutlery:before { content: @cutlery; }
-.icon-file-text-alt:before { content: @file-text-alt; }
-.icon-building:before { content: @building; }
-.icon-hospital:before { content: @hospital; }
-.icon-ambulance:before { content: @ambulance; }
-.icon-medkit:before { content: @medkit; }
-.icon-fighter-jet:before { content: @fighter-jet; }
-.icon-beer:before { content: @beer; }
-.icon-h-sign:before { content: @h-sign; }
-.icon-plus-sign-alt:before { content: @plus-sign-alt; }
-.icon-double-angle-left:before { content: @double-angle-left; }
-.icon-double-angle-right:before { content: @double-angle-right; }
-.icon-double-angle-up:before { content: @double-angle-up; }
-.icon-double-angle-down:before { content: @double-angle-down; }
-.icon-angle-left:before { content: @angle-left; }
-.icon-angle-right:before { content: @angle-right; }
-.icon-angle-up:before { content: @angle-up; }
-.icon-angle-down:before { content: @angle-down; }
-.icon-desktop:before { content: @desktop; }
-.icon-laptop:before { content: @laptop; }
-.icon-tablet:before { content: @tablet; }
-.icon-phone:before { content: @phone; }
-.icon-circle-blank:before { content: @circle-blank; }
-.icon-quote-left:before { content: @quote-left; }
-.icon-quote-right:before { content: @quote-right; }
-.icon-spinner:before { content: @spinner; }
-.icon-circle:before { content: @circle; }
-.icon-mail-reply:before,
-.icon-reply:before { content: @reply; }
-.icon-github-alt:before { content: @github-alt; }
-.icon-folder-close-alt:before { content: @folder-close-alt; }
-.icon-folder-open-alt:before { content: @folder-open-alt; }
-.icon-expand-alt:before { content: @expand-alt; }
-.icon-collapse-alt:before { content: @collapse-alt; }
-.icon-smile:before { content: @smile; }
-.icon-frown:before { content: @frown; }
-.icon-meh:before { content: @meh; }
-.icon-gamepad:before { content: @gamepad; }
-.icon-keyboard:before { content: @keyboard; }
-.icon-flag-alt:before { content: @flag-alt; }
-.icon-flag-checkered:before { content: @flag-checkered; }
-.icon-terminal:before { content: @terminal; }
-.icon-code:before { content: @code; }
-.icon-reply-all:before { content: @reply-all; }
-.icon-mail-reply-all:before { content: @mail-reply-all; }
-.icon-star-half-full:before,
-.icon-star-half-empty:before { content: @star-half-empty; }
-.icon-location-arrow:before { content: @location-arrow; }
-.icon-crop:before { content: @crop; }
-.icon-code-fork:before { content: @code-fork; }
-.icon-unlink:before { content: @unlink; }
-.icon-question:before { content: @question; }
-.icon-info:before { content: @info; }
-.icon-exclamation:before { content: @exclamation; }
-.icon-superscript:before { content: @superscript; }
-.icon-subscript:before { content: @subscript; }
-.icon-eraser:before { content: @eraser; }
-.icon-puzzle-piece:before { content: @puzzle-piece; }
-.icon-microphone:before { content: @microphone; }
-.icon-microphone-off:before { content: @microphone-off; }
-.icon-shield:before { content: @shield; }
-.icon-calendar-empty:before { content: @calendar-empty; }
-.icon-fire-extinguisher:before { content: @fire-extinguisher; }
-.icon-rocket:before { content: @rocket; }
-.icon-maxcdn:before { content: @maxcdn; }
-.icon-chevron-sign-left:before { content: @chevron-sign-left; }
-.icon-chevron-sign-right:before { content: @chevron-sign-right; }
-.icon-chevron-sign-up:before { content: @chevron-sign-up; }
-.icon-chevron-sign-down:before { content: @chevron-sign-down; }
-.icon-html5:before { content: @html5; }
-.icon-css3:before { content: @css3; }
-.icon-anchor:before { content: @anchor; }
-.icon-unlock-alt:before { content: @unlock-alt; }
-.icon-bullseye:before { content: @bullseye; }
-.icon-ellipsis-horizontal:before { content: @ellipsis-horizontal; }
-.icon-ellipsis-vertical:before { content: @ellipsis-vertical; }
-.icon-rss-sign:before { content: @rss-sign; }
-.icon-play-sign:before { content: @play-sign; }
-.icon-ticket:before { content: @ticket; }
-.icon-minus-sign-alt:before { content: @minus-sign-alt; }
-.icon-check-minus:before { content: @check-minus; }
-.icon-level-up:before { content: @level-up; }
-.icon-level-down:before { content: @level-down; }
-.icon-check-sign:before { content: @check-sign; }
-.icon-edit-sign:before { content: @edit-sign; }
-.icon-external-link-sign:before { content: @external-link-sign; }
-.icon-share-sign:before { content: @share-sign; }
-.icon-compass:before { content: @compass; }
-.icon-collapse-down:before { content: @collapse-down; }
-.icon-collapse-up:before { content: @collapse-up; }
-.icon-expand:before { content: @expand; }
-.icon-euro:before,
-.icon-eur:before { content: @eur; }
-.icon-gbp:before { content: @gbp; }
-.icon-dollar:before,
-.icon-usd:before { content: @usd; }
-.icon-rupee:before,
-.icon-inr:before { content: @inr; }
-.icon-cny:before,
-.icon-rmb:before,
-.icon-yen:before,
-.icon-jpy:before { content: @jpy; }
-.icon-won:before,
-.icon-krw:before { content: @krw; }
-.icon-bitcoin:before,
-.icon-btc:before { content: @btc; }
-.icon-file:before { content: @file; }
-.icon-file-text:before { content: @file-text; }
-.icon-sort-by-alphabet:before { content: @sort-by-alphabet; }
-.icon-sort-by-alphabet-alt:before { content: @sort-by-alphabet-alt; }
-.icon-sort-by-attributes:before { content: @sort-by-attributes; }
-.icon-sort-by-attributes-alt:before { content: @sort-by-attributes-alt; }
-.icon-sort-by-order:before { content: @sort-by-order; }
-.icon-sort-by-order-alt:before { content: @sort-by-order-alt; }
-.icon-thumbs-up:before { content: @thumbs-up; }
-.icon-thumbs-down:before { content: @thumbs-down; }
-.icon-youtube-sign:before { content: @youtube-sign; }
-.icon-youtube:before { content: @youtube; }
-.icon-xing:before { content: @xing; }
-.icon-xing-sign:before { content: @xing-sign; }
-.icon-youtube-play:before { content: @youtube-play; }
-.icon-dropbox:before { content: @dropbox; }
-.icon-stackoverflow:before { content: @stackoverflow; }
-.icon-instagram:before { content: @instagram; }
-.icon-flickr:before { content: @flickr; }
-.icon-adn:before { content: @adn; }
-.icon-bitbucket:before { content: @bitbucket; }
-.icon-bitbucket-sign:before { content: @bitbucket-sign; }
-.icon-tumblr:before { content: @tumblr; }
-.icon-tumblr-sign:before { content: @tumblr-sign; }
-.icon-long-arrow-down:before { content: @long-arrow-down; }
-.icon-long-arrow-up:before { content: @long-arrow-up; }
-.icon-long-arrow-left:before { content: @long-arrow-left; }
-.icon-long-arrow-right:before { content: @long-arrow-right; }
-.icon-apple:before { content: @apple; }
-.icon-windows:before { content: @windows; }
-.icon-android:before { content: @android; }
-.icon-linux:before { content: @linux; }
-.icon-dribbble:before { content: @dribbble; }
-.icon-skype:before { content: @skype; }
-.icon-foursquare:before { content: @foursquare; }
-.icon-trello:before { content: @trello; }
-.icon-female:before { content: @female; }
-.icon-male:before { content: @male; }
-.icon-gittip:before { content: @gittip; }
-.icon-sun:before { content: @sun; }
-.icon-moon:before { content: @moon; }
-.icon-archive:before { content: @archive; }
-.icon-bug:before { content: @bug; }
-.icon-vk:before { content: @vk; }
-.icon-weibo:before { content: @weibo; }
-.icon-renren:before { content: @renren; }
-.icon-pagelines:before { content: @pagelines; }
+.fa-glass:before { content: @glass; }
+.fa-music:before { content: @music; }
+.fa-search:before { content: @search; }
+.fa-envelope-alt:before { content: @envelope-alt; }
+.fa-heart:before { content: @heart; }
+.fa-star:before { content: @star; }
+.fa-star-empty:before { content: @star-empty; }
+.fa-user:before { content: @user; }
+.fa-film:before { content: @film; }
+.fa-th-large:before { content: @th-large; }
+.fa-th:before { content: @th; }
+.fa-th-list:before { content: @th-list; }
+.fa-ok:before { content: @ok; }
+.fa-remove:before { content: @remove; }
+.fa-zoom-in:before { content: @zoom-in; }
+.fa-zoom-out:before { content: @zoom-out; }
+.fa-power-off:before,
+.fa-off:before { content: @off; }
+.fa-signal:before { content: @signal; }
+.fa-gear:before,
+.fa-cog:before { content: @cog; }
+.fa-trash:before { content: @trash; }
+.fa-home:before { content: @home; }
+.fa-file-alt:before { content: @file-alt; }
+.fa-time:before { content: @time; }
+.fa-road:before { content: @road; }
+.fa-download-alt:before { content: @download-alt; }
+.fa-download:before { content: @download; }
+.fa-upload:before { content: @upload; }
+.fa-inbox:before { content: @inbox; }
+.fa-play-circle:before { content: @play-circle; }
+.fa-rotate-right:before,
+.fa-repeat:before { content: @repeat; }
+.fa-refresh:before { content: @refresh; }
+.fa-list-alt:before { content: @list-alt; }
+.fa-lock:before { content: @lock; }
+.fa-flag:before { content: @flag; }
+.fa-headphones:before { content: @headphones; }
+.fa-volume-off:before { content: @volume-off; }
+.fa-volume-down:before { content: @volume-down; }
+.fa-volume-up:before { content: @volume-up; }
+.fa-qrcode:before { content: @qrcode; }
+.fa-barcode:before { content: @barcode; }
+.fa-tag:before { content: @tag; }
+.fa-tags:before { content: @tags; }
+.fa-book:before { content: @book; }
+.fa-bookmark:before { content: @bookmark; }
+.fa-print:before { content: @print; }
+.fa-camera:before { content: @camera; }
+.fa-font:before { content: @font; }
+.fa-bold:before { content: @bold; }
+.fa-italic:before { content: @italic; }
+.fa-text-height:before { content: @text-height; }
+.fa-text-width:before { content: @text-width; }
+.fa-align-left:before { content: @align-left; }
+.fa-align-center:before { content: @align-center; }
+.fa-align-right:before { content: @align-right; }
+.fa-align-justify:before { content: @align-justify; }
+.fa-list:before { content: @list; }
+.fa-indent-left:before { content: @indent-left; }
+.fa-indent-right:before { content: @indent-right; }
+.fa-facetime-video:before { content: @facetime-video; }
+.fa-picture:before { content: @picture; }
+.fa-pencil:before { content: @pencil; }
+.fa-map-marker:before { content: @map-marker; }
+.fa-adjust:before { content: @adjust; }
+.fa-tint:before { content: @tint; }
+.fa-edit:before { content: @edit; }
+.fa-share:before { content: @share; }
+.fa-check:before { content: @check; }
+.fa-move:before { content: @move; }
+.fa-step-backward:before { content: @step-backward; }
+.fa-fast-backward:before { content: @fast-backward; }
+.fa-backward:before { content: @backward; }
+.fa-play:before { content: @play; }
+.fa-pause:before { content: @pause; }
+.fa-stop:before { content: @stop; }
+.fa-forward:before { content: @forward; }
+.fa-fast-forward:before { content: @fast-forward; }
+.fa-step-forward:before { content: @step-forward; }
+.fa-eject:before { content: @eject; }
+.fa-chevron-left:before { content: @chevron-left; }
+.fa-chevron-right:before { content: @chevron-right; }
+.fa-plus-sign:before { content: @plus-sign; }
+.fa-minus-sign:before { content: @minus-sign; }
+.fa-remove-sign:before { content: @remove-sign; }
+.fa-ok-sign:before { content: @ok-sign; }
+.fa-question-sign:before { content: @question-sign; }
+.fa-info-sign:before { content: @info-sign; }
+.fa-screenshot:before { content: @screenshot; }
+.fa-remove-circle:before { content: @remove-circle; }
+.fa-ok-circle:before { content: @ok-circle; }
+.fa-ban-circle:before { content: @ban-circle; }
+.fa-arrow-left:before { content: @arrow-left; }
+.fa-arrow-right:before { content: @arrow-right; }
+.fa-arrow-up:before { content: @arrow-up; }
+.fa-arrow-down:before { content: @arrow-down; }
+.fa-mail-forward:before,
+.fa-share-alt:before { content: @share-alt; }
+.fa-resize-full:before { content: @resize-full; }
+.fa-resize-small:before { content: @resize-small; }
+.fa-plus:before { content: @plus; }
+.fa-minus:before { content: @minus; }
+.fa-asterisk:before { content: @asterisk; }
+.fa-exclamation-sign:before { content: @exclamation-sign; }
+.fa-gift:before { content: @gift; }
+.fa-leaf:before { content: @leaf; }
+.fa-fire:before { content: @fire; }
+.fa-eye-open:before { content: @eye-open; }
+.fa-eye-close:before { content: @eye-close; }
+.fa-warning-sign:before { content: @warning-sign; }
+.fa-plane:before { content: @plane; }
+.fa-calendar:before { content: @calendar; }
+.fa-random:before { content: @random; }
+.fa-comment:before { content: @comment; }
+.fa-magnet:before { content: @magnet; }
+.fa-chevron-up:before { content: @chevron-up; }
+.fa-chevron-down:before { content: @chevron-down; }
+.fa-retweet:before { content: @retweet; }
+.fa-shopping-cart:before { content: @shopping-cart; }
+.fa-folder-close:before { content: @folder-close; }
+.fa-folder-open:before { content: @folder-open; }
+.fa-resize-vertical:before { content: @resize-vertical; }
+.fa-resize-horizontal:before { content: @resize-horizontal; }
+.fa-bar-chart:before { content: @bar-chart; }
+.fa-twitter-sign:before { content: @twitter-sign; }
+.fa-facebook-sign:before { content: @facebook-sign; }
+.fa-camera-retro:before { content: @camera-retro; }
+.fa-key:before { content: @key; }
+.fa-gears:before,
+.fa-cogs:before { content: @cogs; }
+.fa-comments:before { content: @comments; }
+.fa-thumbs-up-alt:before { content: @thumbs-up-alt; }
+.fa-thumbs-down-alt:before { content: @thumbs-down-alt; }
+.fa-star-half:before { content: @star-half; }
+.fa-heart-empty:before { content: @heart-empty; }
+.fa-log-out:before { content: @log-out; }
+.fa-linkedin-sign:before { content: @linkedin-sign; }
+.fa-pushpin:before { content: @pushpin; }
+.fa-external-link:before { content: @external-link; }
+.fa-log-in:before { content: @log-in; }
+.fa-trophy:before { content: @trophy; }
+.fa-github-sign:before { content: @github-sign; }
+.fa-upload-alt:before { content: @upload-alt; }
+.fa-lemon:before { content: @lemon; }
+.fa-earphone:before { content: @earphone; }
+.fa-unchecked:before { content: @unchecked; }
+.fa-bookmark-empty:before { content: @bookmark-empty; }
+.fa-phone-sign:before { content: @phone-sign; }
+.fa-twitter:before { content: @twitter; }
+.fa-facebook:before { content: @facebook; }
+.fa-github:before { content: @github; }
+.fa-unlock:before { content: @unlock; }
+.fa-credit-card:before { content: @credit-card; }
+.fa-rss:before { content: @rss; }
+.fa-hdd:before { content: @hdd; }
+.fa-bullhorn:before { content: @bullhorn; }
+.fa-bell:before { content: @bell; }
+.fa-certificate:before { content: @certificate; }
+.fa-hand-right:before { content: @hand-right; }
+.fa-hand-left:before { content: @hand-left; }
+.fa-hand-up:before { content: @hand-up; }
+.fa-hand-down:before { content: @hand-down; }
+.fa-circle-arrow-left:before { content: @circle-arrow-left; }
+.fa-circle-arrow-right:before { content: @circle-arrow-right; }
+.fa-circle-arrow-up:before { content: @circle-arrow-up; }
+.fa-circle-arrow-down:before { content: @circle-arrow-down; }
+.fa-globe:before { content: @globe; }
+.fa-wrench:before { content: @wrench; }
+.fa-tasks:before { content: @tasks; }
+.fa-filter:before { content: @filter; }
+.fa-briefcase:before { content: @briefcase; }
+.fa-fullscreen:before { content: @fullscreen; }
+.fa-group:before { content: @group; }
+.fa-link:before { content: @link; }
+.fa-cloud:before { content: @cloud; }
+.fa-beaker:before { content: @beaker; }
+.fa-cut:before { content: @cut; }
+.fa-copy:before { content: @copy; }
+.fa-paperclip:before { content: @paperclip; }
+.fa-floppy-disk:before { content: @floppy-disk; }
+.fa-sign-blank:before { content: @sign-blank; }
+.fa-reorder:before { content: @reorder; }
+.fa-list-ul:before { content: @list-ul; }
+.fa-list-ol:before { content: @list-ol; }
+.fa-strikethrough:before { content: @strikethrough; }
+.fa-underline:before { content: @underline; }
+.fa-table:before { content: @table; }
+.fa-magic:before { content: @magic; }
+.fa-truck:before { content: @truck; }
+.fa-pinterest:before { content: @pinterest; }
+.fa-pinterest-sign:before { content: @pinterest-sign; }
+.fa-google-plus-sign:before { content: @google-plus-sign; }
+.fa-google-plus:before { content: @google-plus; }
+.fa-money:before { content: @money; }
+.fa-caret-down:before { content: @caret-down; }
+.fa-caret-up:before { content: @caret-up; }
+.fa-caret-left:before { content: @caret-left; }
+.fa-caret-right:before { content: @caret-right; }
+.fa-columns:before { content: @columns; }
+.fa-sort:before { content: @sort; }
+.fa-sort-down:before { content: @sort-down; }
+.fa-sort-up:before { content: @sort-up; }
+.fa-envelope:before { content: @envelope; }
+.fa-linkedin:before { content: @linkedin; }
+.fa-rotate-left:before,
+.fa-undo:before { content: @undo; }
+.fa-legal:before { content: @legal; }
+.fa-dashboard:before { content: @dashboard; }
+.fa-comment-alt:before { content: @comment-alt; }
+.fa-comments-alt:before { content: @comments-alt; }
+.fa-flash:before { content: @flash; }
+.fa-sitemap:before { content: @sitemap; }
+.fa-umbrella:before { content: @umbrella; }
+.fa-paste:before { content: @paste; }
+.fa-lightbulb:before { content: @lightbulb; }
+.fa-exchange:before { content: @exchange; }
+.fa-cloud-download:before { content: @cloud-download; }
+.fa-cloud-upload:before { content: @cloud-upload; }
+.fa-user-md:before { content: @user-md; }
+.fa-stethoscope:before { content: @stethoscope; }
+.fa-suitcase:before { content: @suitcase; }
+.fa-bell-alt:before { content: @bell-alt; }
+.fa-coffee:before { content: @coffee; }
+.fa-cutlery:before { content: @cutlery; }
+.fa-file-text-alt:before { content: @file-text-alt; }
+.fa-building:before { content: @building; }
+.fa-hospital:before { content: @hospital; }
+.fa-ambulance:before { content: @ambulance; }
+.fa-medkit:before { content: @medkit; }
+.fa-fighter-jet:before { content: @fighter-jet; }
+.fa-beer:before { content: @beer; }
+.fa-h-sign:before { content: @h-sign; }
+.fa-plus-sign-alt:before { content: @plus-sign-alt; }
+.fa-double-angle-left:before { content: @double-angle-left; }
+.fa-double-angle-right:before { content: @double-angle-right; }
+.fa-double-angle-up:before { content: @double-angle-up; }
+.fa-double-angle-down:before { content: @double-angle-down; }
+.fa-angle-left:before { content: @angle-left; }
+.fa-angle-right:before { content: @angle-right; }
+.fa-angle-up:before { content: @angle-up; }
+.fa-angle-down:before { content: @angle-down; }
+.fa-desktop:before { content: @desktop; }
+.fa-laptop:before { content: @laptop; }
+.fa-tablet:before { content: @tablet; }
+.fa-phone:before { content: @phone; }
+.fa-circle-blank:before { content: @circle-blank; }
+.fa-quote-left:before { content: @quote-left; }
+.fa-quote-right:before { content: @quote-right; }
+.fa-spinner:before { content: @spinner; }
+.fa-circle:before { content: @circle; }
+.fa-mail-reply:before,
+.fa-reply:before { content: @reply; }
+.fa-github-alt:before { content: @github-alt; }
+.fa-folder-close-alt:before { content: @folder-close-alt; }
+.fa-folder-open-alt:before { content: @folder-open-alt; }
+.fa-expand-alt:before { content: @expand-alt; }
+.fa-collapse-alt:before { content: @collapse-alt; }
+.fa-smile:before { content: @smile; }
+.fa-frown:before { content: @frown; }
+.fa-meh:before { content: @meh; }
+.fa-gamepad:before { content: @gamepad; }
+.fa-keyboard:before { content: @keyboard; }
+.fa-flag-alt:before { content: @flag-alt; }
+.fa-flag-checkered:before { content: @flag-checkered; }
+.fa-terminal:before { content: @terminal; }
+.fa-code:before { content: @code; }
+.fa-reply-all:before { content: @reply-all; }
+.fa-mail-reply-all:before { content: @mail-reply-all; }
+.fa-star-half-full:before,
+.fa-star-half-empty:before { content: @star-half-empty; }
+.fa-location-arrow:before { content: @location-arrow; }
+.fa-crop:before { content: @crop; }
+.fa-code-fork:before { content: @code-fork; }
+.fa-unlink:before { content: @unlink; }
+.fa-question:before { content: @question; }
+.fa-info:before { content: @info; }
+.fa-exclamation:before { content: @exclamation; }
+.fa-superscript:before { content: @superscript; }
+.fa-subscript:before { content: @subscript; }
+.fa-eraser:before { content: @eraser; }
+.fa-puzzle-piece:before { content: @puzzle-piece; }
+.fa-microphone:before { content: @microphone; }
+.fa-microphone-off:before { content: @microphone-off; }
+.fa-shield:before { content: @shield; }
+.fa-calendar-empty:before { content: @calendar-empty; }
+.fa-fire-extinguisher:before { content: @fire-extinguisher; }
+.fa-rocket:before { content: @rocket; }
+.fa-maxcdn:before { content: @maxcdn; }
+.fa-chevron-sign-left:before { content: @chevron-sign-left; }
+.fa-chevron-sign-right:before { content: @chevron-sign-right; }
+.fa-chevron-sign-up:before { content: @chevron-sign-up; }
+.fa-chevron-sign-down:before { content: @chevron-sign-down; }
+.fa-html5:before { content: @html5; }
+.fa-css3:before { content: @css3; }
+.fa-anchor:before { content: @anchor; }
+.fa-unlock-alt:before { content: @unlock-alt; }
+.fa-bullseye:before { content: @bullseye; }
+.fa-ellipsis-horizontal:before { content: @ellipsis-horizontal; }
+.fa-ellipsis-vertical:before { content: @ellipsis-vertical; }
+.fa-rss-sign:before { content: @rss-sign; }
+.fa-play-sign:before { content: @play-sign; }
+.fa-ticket:before { content: @ticket; }
+.fa-minus-sign-alt:before { content: @minus-sign-alt; }
+.fa-check-minus:before { content: @check-minus; }
+.fa-level-up:before { content: @level-up; }
+.fa-level-down:before { content: @level-down; }
+.fa-check-sign:before { content: @check-sign; }
+.fa-edit-sign:before { content: @edit-sign; }
+.fa-external-link-sign:before { content: @external-link-sign; }
+.fa-share-sign:before { content: @share-sign; }
+.fa-compass:before { content: @compass; }
+.fa-collapse-down:before { content: @collapse-down; }
+.fa-collapse-up:before { content: @collapse-up; }
+.fa-expand:before { content: @expand; }
+.fa-euro:before,
+.fa-eur:before { content: @eur; }
+.fa-gbp:before { content: @gbp; }
+.fa-dollar:before,
+.fa-usd:before { content: @usd; }
+.fa-rupee:before,
+.fa-inr:before { content: @inr; }
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before { content: @jpy; }
+.fa-won:before,
+.fa-krw:before { content: @krw; }
+.fa-bitcoin:before,
+.fa-btc:before { content: @btc; }
+.fa-file:before { content: @file; }
+.fa-file-text:before { content: @file-text; }
+.fa-sort-by-alphabet:before { content: @sort-by-alphabet; }
+.fa-sort-by-alphabet-alt:before { content: @sort-by-alphabet-alt; }
+.fa-sort-by-attributes:before { content: @sort-by-attributes; }
+.fa-sort-by-attributes-alt:before { content: @sort-by-attributes-alt; }
+.fa-sort-by-order:before { content: @sort-by-order; }
+.fa-sort-by-order-alt:before { content: @sort-by-order-alt; }
+.fa-thumbs-up:before { content: @thumbs-up; }
+.fa-thumbs-down:before { content: @thumbs-down; }
+.fa-youtube-sign:before { content: @youtube-sign; }
+.fa-youtube:before { content: @youtube; }
+.fa-xing:before { content: @xing; }
+.fa-xing-sign:before { content: @xing-sign; }
+.fa-youtube-play:before { content: @youtube-play; }
+.fa-dropbox:before { content: @dropbox; }
+.fa-stackoverflow:before { content: @stackoverflow; }
+.fa-instagram:before { content: @instagram; }
+.fa-flickr:before { content: @flickr; }
+.fa-adn:before { content: @adn; }
+.fa-bitbucket:before { content: @bitbucket; }
+.fa-bitbucket-sign:before { content: @bitbucket-sign; }
+.fa-tumblr:before { content: @tumblr; }
+.fa-tumblr-sign:before { content: @tumblr-sign; }
+.fa-long-arrow-down:before { content: @long-arrow-down; }
+.fa-long-arrow-up:before { content: @long-arrow-up; }
+.fa-long-arrow-left:before { content: @long-arrow-left; }
+.fa-long-arrow-right:before { content: @long-arrow-right; }
+.fa-apple:before { content: @apple; }
+.fa-windows:before { content: @windows; }
+.fa-android:before { content: @android; }
+.fa-linux:before { content: @linux; }
+.fa-dribbble:before { content: @dribbble; }
+.fa-skype:before { content: @skype; }
+.fa-foursquare:before { content: @foursquare; }
+.fa-trello:before { content: @trello; }
+.fa-female:before { content: @female; }
+.fa-male:before { content: @male; }
+.fa-gittip:before { content: @gittip; }
+.fa-sun:before { content: @sun; }
+.fa-moon:before { content: @moon; }
+.fa-archive:before { content: @archive; }
+.fa-bug:before { content: @bug; }
+.fa-vk:before { content: @vk; }
+.fa-weibo:before { content: @weibo; }
+.fa-renren:before { content: @renren; }
+.fa-pagelines:before { content: @pagelines; }

src/assets/font-awesome/less/bootstrap.less

@@ -1,9 +1,11 @@
+---
+---
 /* BOOTSTRAP SPECIFIC CLASSES
  * -------------------------- */
 
 /* Bootstrap 2.0 sprites.less reset */
-[class^="icon-"],
-[class*=" icon-"] {
+[class^="fa-"],
+[class*=" fa-"] {
   display: inline;
   width: auto;
   height: auto;
@@ -17,68 +19,68 @@
 
 /* more sprites.less reset */
 .icon-white,
-.nav-pills > .active > a > [class^="icon-"],
-.nav-pills > .active > a > [class*=" icon-"],
-.nav-list > .active > a > [class^="icon-"],
-.nav-list > .active > a > [class*=" icon-"],
-.navbar-inverse .nav > .active > a > [class^="icon-"],
-.navbar-inverse .nav > .active > a > [class*=" icon-"],
-.dropdown-menu > li > a:hover > [class^="icon-"],
-.dropdown-menu > li > a:hover > [class*=" icon-"],
-.dropdown-menu > .active > a > [class^="icon-"],
-.dropdown-menu > .active > a > [class*=" icon-"],
-.dropdown-submenu:hover > a > [class^="icon-"],
-.dropdown-submenu:hover > a > [class*=" icon-"] {
+.nav-pills > .active > a > [class^="fa-"],
+.nav-pills > .active > a > [class*=" fa-"],
+.nav-list > .active > a > [class^="fa-"],
+.nav-list > .active > a > [class*=" fa-"],
+.navbar-inverse .nav > .active > a > [class^="fa-"],
+.navbar-inverse .nav > .active > a > [class*=" fa-"],
+.dropdown-menu > li > a:hover > [class^="fa-"],
+.dropdown-menu > li > a:hover > [class*=" fa-"],
+.dropdown-menu > .active > a > [class^="fa-"],
+.dropdown-menu > .active > a > [class*=" fa-"],
+.dropdown-submenu:hover > a > [class^="fa-"],
+.dropdown-submenu:hover > a > [class*=" fa-"] {
   background-image: none;
 }
 
 
 /* keeps Bootstrap styles with and without icons the same */
 .btn, .nav {
-  [class^="icon-"],
-  [class*=" icon-"] {
+  [class^="fa-"],
+  [class*=" fa-"] {
 //    display: inline;
-    &.icon-large { line-height: .9em; }
-    &.icon-spin { display: inline-block; }
+    &.fa-large { line-height: .9em; }
+    &.fa-spin { display: inline-block; }
   }
 }
 .nav-tabs, .nav-pills {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    &, &.icon-large { line-height: .9em; }
+  [class^="fa-"],
+  [class*=" fa-"] {
+    &, &.fa-large { line-height: .9em; }
   }
 }
 .btn {
-  [class^="icon-"],
-  [class*=" icon-"] {
+  [class^="fa-"],
+  [class*=" fa-"] {
     &.pull-left, &.pull-right {
-      &.icon-2x { margin-top: .18em; }
+      &.fa-2x { margin-top: .18em; }
     }
-    &.icon-spin.icon-large { line-height: .8em; }
+    &.fa-spin.fa-large { line-height: .8em; }
   }
 }
 .btn.btn-small {
-  [class^="icon-"],
-  [class*=" icon-"] {
+  [class^="fa-"],
+  [class*=" fa-"] {
     &.pull-left, &.pull-right {
-      &.icon-2x { margin-top: .25em; }
+      &.fa-2x { margin-top: .25em; }
     }
   }
 }
 .btn.btn-large {
-  [class^="icon-"],
-  [class*=" icon-"] {
+  [class^="fa-"],
+  [class*=" fa-"] {
     margin-top: 0; // overrides bootstrap default
     &.pull-left, &.pull-right {
-      &.icon-2x { margin-top: .05em; }
+      &.fa-2x { margin-top: .05em; }
     }
-    &.pull-left.icon-2x { margin-right: .2em; }
-    &.pull-right.icon-2x { margin-left: .2em; }
+    &.pull-left.fa-2x { margin-right: .2em; }
+    &.pull-right.fa-2x { margin-left: .2em; }
   }
 }
 
 /* Fixes alignment in nav lists */
-.nav-list [class^="icon-"],
-.nav-list [class*=" icon-"] {
+.nav-list [class^="fa-"],
+.nav-list [class*=" fa-"] {
   line-height: inherit;
 }

src/assets/font-awesome/less/core.less

@@ -1,54 +1,56 @@
+---
+---
 /* FONT AWESOME CORE
  * -------------------------- */
 
-[class^="icon-"],
-[class*=" icon-"] {
+[class^="fa-"],
+[class*=" fa-"] {
   .icon-FontAwesome();
 }
 
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
+[class^="fa-"]:before,
+[class*=" fa-"]:before {
   display: inline-block;
   text-decoration: inherit;
   speak: none;
 }
 
 /* makes the font 33% larger relative to the icon container */
-.icon-large:before {
+.fa-large:before {
   font-size: (4em / 3);
   vertical-align: -10%;
 }
 
 /* makes sure icons active on rollover in links */
 a {
-  [class^="icon-"],
-  [class*=" icon-"] {
+  [class^="fa-"],
+  [class*=" fa-"] {
     display: inline;
   }
 }
 
 /* increased font size for icon-large */
-[class^="icon-"],
-[class*=" icon-"] {
-  &.icon-fixed-width {
+[class^="fa-"],
+[class*=" fa-"] {
+  &.fa-fixed-width {
     display: inline-block;
     width: (16em / 14);
     padding-right: (4em / 14);
     text-align: right;
-    &.icon-large {
+    &.fa-large {
       width: (20em / 14);
     }
   }
 }
 
-.icons-ul {
+.fas-ul {
   padding-left: 0;
   margin-left: @icons-li-width;
   list-style-type: none;
 
   > li { position: relative; }
 
-  .icon-li {
+  .fa-li {
     position: absolute;
     left: -@icons-li-width;
     width: @icons-li-width;
@@ -58,21 +60,21 @@ a {
 }
 
 // allows usage of the hide class directly on font awesome icons
-[class^="icon-"],
-[class*=" icon-"] {
+[class^="fa-"],
+[class*=" fa-"] {
   &.hide {
     display: none;
   }
 }
 
-.icon-muted { color: @iconMuted; }
-.icon-light { color: @iconLight; }
-.icon-dark { color: @iconDark; }
+.fa-muted { color: @iconMuted; }
+.fa-light { color: @iconLight; }
+.fa-dark { color: @iconDark; }
 
 // Icon Borders
 // -------------------------
 
-.icon-border {
+.fa-border {
   padding: .2em .25em .15em;
   border: solid 1px @borderColor;
   .border-radius(3px);
@@ -81,31 +83,31 @@ a {
 // Icon Sizes
 // -------------------------
 
-.icon-2x {
+.fa-2x {
   font-size: 2em;
-  &.icon-border {
+  &.fa-border {
     border-width: 2px;
     .border-radius(4px);
   }
 }
-.icon-3x {
+.fa-3x {
   font-size: 3em;
-  &.icon-border {
+  &.fa-border {
     border-width: 3px;
     .border-radius(5px);
   }
 }
-.icon-4x {
+.fa-4x {
   font-size: 4em;
-  &.icon-border {
+  &.fa-border {
     border-width: 4px;
     .border-radius(6px);
   }
 }
 
-.icon-5x {
+.fa-5x {
   font-size: 5em;
-  &.icon-border {
+  &.fa-border {
     border-width: 5px;
     .border-radius(7px);
   }
@@ -119,8 +121,8 @@ a {
 .pull-right { float: right; }
 .pull-left { float: left; }
 
-[class^="icon-"],
-[class*=" icon-"] {
+[class^="fa-"],
+[class*=" fa-"] {
   &.pull-left {
     margin-right: .3em;
   }

src/assets/font-awesome/less/icons.less

@@ -3,5 +3,5 @@
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
 {% for icon in icons %}{% for alias in icon.aliases %}
-.icon-{{ alias }}:before,{% endfor %}
-.icon-{{ icon.id }}:before { content: @{{ icon.id }}; }{% endfor %}
+.{{ site.fontawesome.css_prefix }}-{{ alias }}:before,{% endfor %}
+.{{ site.fontawesome.css_prefix }}-{{ icon.id }}:before { content: @{{ icon.id }}; }{% endfor %}

src/glyphicons-test.html

@@ -0,0 +1,795 @@
+---
+title: Glyphicons Visual Test Cases
+relative_path: ../
+---
+
+
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <title>{% if page.title %}{{ page.title }}{% endif %}</title>
+  <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+  <meta name="author" content="Dave Gandy">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+  <!--[if lt IE 9]>
+  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+  <![endif]-->
+
+  <!-- CSS
+ ================================================== -->
+
+  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
+  <!-- Le fav and touch icons -->
+  <link rel="shortcut icon" href="{{ page.relative_path }}assets/ico/favicon.ico">
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+
+<section class="container">
+<h1 class="page-header">Visual Test Cases</h1>
+
+<h3>Icons <small>Icons should have proper alignment and not be clipped</small></h3>
+<div class="row">
+  <div class="col-md-3">
+    <div class="well">
+      <i class="glyphicon glyphicon-calendar"></i> Calendar
+    </div>
+  </div>
+  <div class="col-md-3">
+    <div class="well">
+      <i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Calendar Large
+    </div>
+  </div>
+  <div class="col-md-3">
+    <i class="glyphicon glyphicon-calendar"></i> Calendar
+  </div>
+  <div class="col-md-3">
+    <i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Calendar Large
+  </div>
+</div>
+<div class="row" style="font-size: 24px; line-height: 1.5em;">
+  <div class="col-md-4">
+    <div class="well">
+      <i class="glyphicon glyphicon-calendar"></i> Calendar
+    </div>
+  </div>
+  <div class="col-md-4">
+    <div class="well">
+      <i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Calendar Large
+    </div>
+  </div>
+  <div class="col-md-4">
+    <i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Calendar Large
+  </div>
+</div>
+<div class="row">
+  <div class="col-md-3">
+    <div class="well">
+      <i class="glyphicon glyphicon-minus-sign"></i> Circle
+    </div>
+  </div>
+  <div class="col-md-3">
+    <div class="well">
+      <i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Circle Large
+    </div>
+  </div>
+  <div class="col-md-3">
+    <i class="glyphicon glyphicon-minus-sign"></i> Circle
+  </div>
+  <div class="col-md-3">
+    <i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Circle Large
+  </div>
+</div>
+<div class="row" style="font-size: 24px; line-height: 1.5em;">
+  <div class="col-md-4">
+    <div class="well">
+      <i class="glyphicon glyphicon-minus-sign"></i> Circle
+    </div>
+  </div>
+  <div class="col-md-4">
+    <div class="well">
+      <i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Circle Large
+    </div>
+  </div>
+  <div class="col-md-4">
+    <i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Circle Large
+  </div>
+</div>
+
+
+<h3>Links with Icons <small>icon should activate link & underline</small></h3>
+<div class="row lead">
+  <div class="col-md-3">
+    <a href="#"><i class="glyphicon glyphicon-calendar"></i> Link Here</a>
+  </div>
+  <div class="col-md-3">
+    <a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Link Here</a>
+  </div>
+  <div class="col-md-3">
+    <a href="#">Link Here <i class="glyphicon glyphicon-chevron-right"></i></a>
+  </div>
+  <div class="col-md-3">
+    <a href="#">Link Here <i class="glyphicon glyphicon-chevron-right glyphicon-lg"></i></a>
+  </div>
+</div>
+<div class="row">
+  <div class="col-md-3">
+    <a href="#"><i class="glyphicon glyphicon-calendar"></i> Link Here</a>
+  </div>
+  <div class="col-md-3">
+    <a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Link Here</a>
+  </div>
+  <div class="col-md-3">
+    <a href="#">Link Here <i class="glyphicon glyphicon-chevron-right"></i></a>
+  </div>
+  <div class="col-md-3">
+    <a href="#">Link Here <i class="glyphicon glyphicon-chevron-right glyphicon-lg"></i></a>
+  </div>
+</div>
+
+
+<h3>Navbar  <small>should stay same height </small></h3>
+<nav class="navbar navbar-inverse" role="navigation">
+  <a class="navbar-brand" href="#"><i class="glyphicon glyphicon-flag"></i> Font Awesome</a>
+  <ul class="nav navbar-nav">
+    <li style="border: solid 1px white;"><a href="#">Nav Item 1</a></li>
+    <li class="dropdown" style="border: solid 1px white;">
+      <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+        Nav Item 2
+        <b class="caret"></b>
+      </a>
+      <ul class="dropdown-menu" role="menu">
+        <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li>
+        <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li>
+      </ul>
+    </li>
+    <li style="border: solid 1px white;"><a href="#examples"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Nav Item 3</a></li>
+    <li style="border: solid 1px white;"><a href="#examples"><i class="glyphicon glyphicon-envelope"></i> Nav Item 4</a></li>
+    <li style="border: solid 1px white;"><a href="#examples"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Nav Item 5</a></li>
+    <li style="border: solid 1px white;"><a href="#examples"><i class="glyphicon glyphicon-minus-sign"></i> Nav Item 6</a></li>
+  </ul>
+</nav>
+
+
+<h3>Plain buttons next to buttons w/icons <small>should be same height, icons not clipped</small></h3>
+<h4>Buttons</h4>
+<div class="row">
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3; text-align: center;">
+      <div>
+        <button class="btn btn-default btn-xs">Button</button>
+        <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar"></i> Button</button>
+        <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar"></i></button>
+      </div>
+      <div>
+        <button class="btn btn-default btn-sm">Button</button>
+        <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar"></i> Button</button>
+        <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar"></i></button>
+      </div>
+      <div>
+        <button class="btn btn-default">Button</button>
+        <button class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i> Button</button>
+        <button class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
+      </div>
+      <div>
+        <button class="btn btn-default btn-lg">Button</button>
+        <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar"></i> Button</button>
+        <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar"></i></button>
+      </div>
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3; text-align: center;">
+      <div>
+        <button class="btn btn-default btn-xs">Button</button>
+        <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</button>
+        <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></button>
+      </div>
+      <div>
+        <button class="btn btn-default btn-sm">Button</button>
+        <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</button>
+        <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></button>
+      </div>
+      <div>
+        <button class="btn btn-default">Button</button>
+        <button class="btn btn-default"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</button>
+        <button class="btn btn-default"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></button>
+      </div>
+      <div>
+        <button class="btn btn-default btn-lg">Button</button>
+        <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</button>
+        <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></button>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="row">
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3; text-align: center;">
+      <div>
+        <button class="btn btn-default btn-xs">Button</button>
+        <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign"></i> Button</button>
+        <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign"></i></button>
+      </div>
+      <div>
+        <button class="btn btn-default btn-sm">Button</button>
+        <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign"></i> Button</button>
+        <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign"></i></button>
+      </div>
+      <div>
+        <button class="btn btn-default">Button</button>
+        <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign"></i> Button</button>
+        <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign"></i></button>
+      </div>
+      <div>
+        <button class="btn btn-default btn-lg">Button</button>
+        <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign"></i> Button</button>
+        <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign"></i></button>
+      </div>
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3; text-align: center;">
+      <div>
+        <button class="btn btn-default btn-xs">Button</button>
+        <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</button>
+        <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></button>
+      </div>
+      <div>
+        <button class="btn btn-default btn-sm">Button</button>
+        <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</button>
+        <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></button>
+      </div>
+      <div>
+        <button class="btn btn-default">Button</button>
+        <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</button>
+        <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></button>
+      </div>
+      <div>
+        <button class="btn btn-default btn-lg">Button</button>
+        <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</button>
+        <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+<h4>Anchors</h4>
+<div class="row">
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3; text-align: center;">
+      <div>
+        <a class="btn btn-default btn-xs">Button</a>
+        <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar"></i> Button</a>
+        <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar"></i></a>
+      </div>
+      <div>
+        <a class="btn btn-default btn-sm">Button</a>
+        <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar"></i> Button</a>
+        <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar"></i></a>
+      </div>
+      <div>
+        <a class="btn btn-default">Button</a>
+        <a class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i> Button</a>
+        <a class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></a>
+      </div>
+      <div>
+        <a class="btn btn-default btn-lg">Button</a>
+        <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar"></i> Button</a>
+        <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar"></i></a>
+      </div>
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3; text-align: center;">
+      <div>
+        <a class="btn btn-default btn-xs">Button</a>
+        <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</a>
+        <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></a>
+      </div>
+      <div>
+        <a class="btn btn-default btn-sm">Button</a>
+        <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</a>
+        <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></a>
+      </div>
+      <div>
+        <a class="btn btn-default">Button</a>
+        <a class="btn btn-default"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</a>
+        <a class="btn btn-default"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></a>
+      </div>
+      <div>
+        <a class="btn btn-default btn-lg">Button</a>
+        <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</a>
+        <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></a>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="row">
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3; text-align: center;">
+      <div>
+        <a class="btn btn-default btn-xs">Button</a>
+        <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign"></i> Button</a>
+        <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign"></i></a>
+      </div>
+      <div>
+        <a class="btn btn-default btn-sm">Button</a>
+        <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign"></i> Button</a>
+        <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign"></i></a>
+      </div>
+      <div>
+        <a class="btn btn-default">Button</a>
+        <a class="btn btn-default"><i class="glyphicon glyphicon-minus-sign"></i> Button</a>
+        <a class="btn btn-default"><i class="glyphicon glyphicon-minus-sign"></i></a>
+      </div>
+      <div>
+        <a class="btn btn-default btn-lg">Button</a>
+        <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign"></i> Button</a>
+        <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign"></i></a>
+      </div>
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3; text-align: center;">
+      <div>
+        <a class="btn btn-default btn-xs">Button</a>
+        <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</a>
+        <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></a>
+      </div>
+      <div>
+        <a class="btn btn-default btn-sm">Button</a>
+        <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</a>
+        <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></a>
+      </div>
+      <div>
+        <a class="btn btn-default">Button</a>
+        <a class="btn btn-default"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</a>
+        <a class="btn btn-default"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></a>
+      </div>
+      <div>
+        <a class="btn btn-default btn-lg">Button</a>
+        <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</a>
+        <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></a>
+      </div>
+    </div>
+  </div>
+</div>
+
+<h3>Button groups <small>should be same height</small></h3>
+<div class="row">
+  <div class="col-md-4">
+    <div style="border: solid 1px #d3d3d3;">
+      <div class="btn-group">
+        <button class="btn btn-default btn-lg">
+          <i class="icon-adjust"></i>
+        </button>
+        <button class="btn btn-default btn-lg">
+          Text
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="col-md-4">
+    <div style="border: solid 1px #d3d3d3;">
+      <div class="btn-group">
+        <button class="btn btn-default">
+          <i class="icon-adjust"></i>
+        </button>
+        <button class="btn btn-default">
+          Text
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="col-md-4">
+    <div style="border: solid 1px #d3d3d3;">
+      <div class="btn-group">
+        <button class="btn btn-default btn-sm">
+          <i class="icon-adjust"></i>
+        </button>
+        <button class="btn btn-default btn-sm">
+          Text
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<h3>Buttons with pulled 2x, 3x, 4x <small>should be same height, have correct line height</small></h3>
+<div class="row">
+  <div class="col-md-4">
+    <div style="border: solid 1px #d3d3d3;">
+      <a class="btn btn-default btn-lg" href="#">
+        <i class="icon-github icon-2x pull-left"></i>
+        Longer<br>Button</a>
+      <a class="btn btn-default btn-lg" href="#">
+        Longer<br>Button</a>
+    </div>
+  </div>
+  <div class="col-md-4">
+    <div style="border: solid 1px #d3d3d3;">
+      <a class="btn btn-default" href="#">
+        <i class="icon-github icon-2x pull-left"></i>
+        Longer<br>Button</a>
+      <a class="btn btn-default" href="#">
+        Longer<br>Button</a>
+    </div>
+  </div>
+  <div class="col-md-4">
+    <div style="border: solid 1px #d3d3d3;">
+      <a class="btn btn-default btn-sm" href="#">
+        <i class="icon-github icon-2x pull-left"></i>
+        Longer<br>Button</a>
+      <a class="btn btn-default btn-sm" href="#">
+        Longer<br>Button</a>
+    </div>
+  </div>
+</div>
+
+
+<h3>Nav pills & nav tabs <small>should be same height and properly vertically aligned</small></h3>
+<div class="row">
+  <div class="col-md-9">
+    <ul class="nav nav-pills" style="border: solid 1px #d3d3d3;">
+      <li class="active"><a href="#">Nav Item 1</a></li>
+      <li class="dropdown active">
+        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+          Nav Item 2
+          <col-md- class="caret"></col-md->
+        </a>
+        <ul class="dropdown-menu" role="menu">
+          <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li>
+          <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li>
+        </ul>
+      </li>
+      <li class="dropdown active">
+        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+          Nav Item 3
+          <i class="icon-caret-down"></i>
+        </a>
+        <ul class="dropdown-menu" role="menu">
+          <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li>
+          <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li>
+        </ul>
+      </li>
+      <li class="active"><a href="#examples"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Nav Item 4</a></li>
+      <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
+      <li class="active"><a href="#examples"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Nav Item 6</a></li>
+      <li class="active"><a href="#examples"><i class="glyphicon glyphicon-minus-sign"></i> Nav Item 7</a></li>
+    </ul>
+    <ul class="nav nav-tabs">
+      <li class="active"><a href="#">Nav Item 1</a></li>
+      <li class="dropdown active">
+        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+          Nav Item 2
+          <col-md- class="caret"></col-md->
+        </a>
+        <ul class="dropdown-menu" role="menu">
+          <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li>
+          <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li>
+        </ul>
+      </li>
+      <li class="dropdown active">
+        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+          Nav Item 3
+          <i class="icon-caret-down"></i>
+        </a>
+        <ul class="dropdown-menu" role="menu">
+          <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li>
+          <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li>
+        </ul>
+      </li>
+      <li class="active"><a href="#examples"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Nav Item 4</a></li>
+      <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
+      <li class="active"><a href="#examples"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Nav Item 6</a></li>
+      <li class="active"><a href="#examples"><i class="glyphicon glyphicon-minus-sign"></i> Nav Item 7</a></li>
+    </ul>
+  </div>
+  <div class="col-md-3">
+    <ul class="nav nav-list">
+      <li>
+        <a href="#c1">
+          <i class="icon-chevron-right icon-fixed-width pull-right"></i> Overview
+        </a>
+      </li>
+      <li>
+        <a href="#c1">
+          Overview
+          <i class="icon-chevron-right icon-fixed-width pull-right"></i>
+        </a>
+      </li>
+    </ul>
+  </div>
+</div>
+
+
+
+<h3>2x, 3x, 4x icons in text <small>should have margins next to and below text</small></h3>
+<div class="row">
+  <div class="col-md-6">
+    <p class="lead">
+      <i class="icon-stethoscope icon-3x pull-left icon-border"></i>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+    </p>
+  </div>
+  <div class="col-md-6">
+    <p class="lead">
+      <i class="icon-ambulance icon-4x pull-right icon-border"></i>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+    </p>
+  </div>
+</div>
+<div class="row">
+  <div class="col-md-4">
+    <i class="glyphicon glyphicon-calendar icon-2x pull-left icon-border"></i>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+  </div>
+  <div class="col-md-4">
+    <i class="icon-stethoscope icon-3x pull-right icon-border"></i>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+  </div>
+  <div class="col-md-4">
+    <i class="icon-ambulance icon-4x pull-left"></i>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
+  </div>
+</div>
+
+
+<h3>Bullets <small>should wrap appropriately, have proper spacing</small></h3>
+<div class="row">
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3;">
+      <ul class="icons-ul">
+        <li><i class="icon-li glyphicon glyphicon-chevron-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+        <li><i class="icon-li glyphicon glyphicon-calendar"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+          <i class="glyphicon glyphicon-calendar"></i>
+          <col-md- class="label">foo</col-md->
+          <a class="btn btn-default">foo</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3;">
+      <ul class="icons-ul">
+        <li><i class="icon-li glyphicon glyphicon-chevron-right glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <li><i class="icon-li icon-arrow-right glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+        <li><i class="icon-li glyphicon glyphicon-calendar glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+      </ul>
+    </div>
+  </div>
+</div>
+<div class="row">
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3;">
+      <ul class="icons-ul lead">
+        <li><i class="icon-li glyphicon glyphicon-chevron-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+        <li><i class="icon-li glyphicon glyphicon-calendar"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+      </ul>
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3;">
+      <ul class="icons-ul lead">
+        <li><i class="icon-li glyphicon glyphicon-chevron-right glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <li><i class="icon-li icon-arrow-right glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+        <li><i class="icon-li glyphicon glyphicon-calendar glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+      </ul>
+    </div>
+  </div>
+</div>
+<div class="row">
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3;">
+      <ul class="icons-ul">
+        <li><a href="#"><i class="icon-li glyphicon glyphicon-chevron-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <li><a href="#"><i class="icon-li icon-arrow-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+        <li><a href="#"><i class="icon-li glyphicon glyphicon-calendar"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+      </ul>
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3;">
+      <ul class="icons-ul">
+        <li><a href="#"><i class="icon-li glyphicon glyphicon-chevron-right glyphicon-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <li><a href="#"><i class="icon-li icon-arrow-right glyphicon-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+        <li><a href="#"><i class="icon-li glyphicon glyphicon-calendar glyphicon-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+      </ul>
+    </div>
+  </div>
+</div>
+<div class="row">
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3;">
+      <ul class="icons-ul">
+        <li><i class="icon-li icon-refresh icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <li><i class="icon-li icon-spinner icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+        <li><i class="icon-li icon-spinner icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+          <i class="glyphicon glyphicon-calendar"></i>
+          <col-md- class="label">foo</col-md->
+          <a class="btn btn-default">foo</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3;">
+      <ul class="icons-ul">
+        <li><i class="icon-li icon-refresh icon-spin glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <li><i class="icon-li icon-spinner icon-spin glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+        <li><i class="icon-li icon-spinner icon-spin glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+          <i class="glyphicon glyphicon-calendar"></i>
+          <col-md- class="label">foo</col-md->
+          <a class="btn btn-default">foo</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+<div class="row">
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3;">
+      <ul>
+        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+      </ul>
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div style="border: solid 1px #d3d3d3;">
+      <ul>
+        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+
+<h3>Spinning icons <small>icons should be aligned well and on center, buttons should be same height, won't work in ie7</small></h3>
+<div style="border: solid 1px #d3d3d3;">
+  <i class="icon-refresh icon-spin"></i> Loading...
+  <button class="btn btn-default btn-sm"><i class="icon-refresh icon-spin"></i> Loading...</button>
+  <button class="btn btn-default btn-sm">Loading...</button>
+  <i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...
+  <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...</button>
+  <a href="#"><i class="icon-refresh icon-spin"></i> Loading...</a>
+</div>
+<div style="border: solid 1px #d3d3d3;">
+  <i class="icon-refresh icon-spin"></i> Loading...
+  <button class="btn btn-default"><i class="icon-refresh icon-spin"></i> Loading...</button>
+  <button class="btn btn-default">Loading...</button>
+  <i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...
+  <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...</button>
+</div>
+<div style="border: solid 1px #d3d3d3;">
+  <i class="icon-spinner icon-spin"></i> Loading...
+  <button class="btn btn-default btn-lg"><i class="icon-spinner icon-spin"></i> Loading...</button>
+  <button class="btn btn-default btn-lg">Loading...</button>
+  <i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...
+  <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...</button>
+</div>
+<h4>glyphicon-lg</h4>
+<div style="border: solid 1px #d3d3d3;">
+  <i class="icon-refresh glyphicon-lg icon-spin"></i> Loading...
+  <button class="btn btn-default btn-sm"><i class="icon-refresh glyphicon-lg icon-spin"></i> Loading...</button>
+  <button class="btn btn-default btn-sm">Loading...</button>
+  <i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...
+  <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...</button>
+</div>
+<div style="border: solid 1px #d3d3d3;">
+  <i class="icon-refresh glyphicon-lg icon-spin"></i> Loading...
+  <button class="btn btn-default"><i class="icon-refresh glyphicon-lg icon-spin"></i> Loading...</button>
+  <button class="btn btn-default">Loading...</button>
+  <i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...
+  <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...</button>
+</div>
+<div style="border: solid 1px #d3d3d3;">
+  <i class="icon-spinner glyphicon-lg icon-spin"></i> Loading...
+  <button class="btn btn-default btn-lg"><i class="icon-spinner glyphicon-lg icon-spin"></i> Loading...</button>
+  <button class="btn btn-default btn-lg">Loading...</button>
+  <i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...
+  <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...</button>
+</div>
+<h4>Bootstrap Prepend and Append</h4>
+<div class="row">
+  <div class="col-md-6">
+    <div class="input-prepend">
+      <col-md- class="add-on"><i class="icon-spinner icon-spin"></i></col-md->
+      <input class="col-md-2" id="prependedInput" type="text" placeholder="Username">
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div class="input-append">
+      <input class="col-md-2" id="appendedInput" type="text">
+      <col-md- class="add-on"><i class="icon-spinner icon-spin"></i></col-md->
+    </div>
+  </div>
+</div>
+
+<h3>Stacked icons</h3>
+<div class="well">
+  {% include tests/stacked.html %}
+</div>
+<div class="well lead">
+  {% include tests/stacked.html %}
+</div>
+<h4>Stacked icons inside anchor</h4>
+<div class="well">
+  {% include tests/stacked-inside-anchor.html %}
+</div>
+
+
+<h3>Mirrored and rotated icons</h3>
+<div class="row">
+  <div class="col-md-6">
+    <div class="well">
+      {% include tests/rotated-flipped.html %}
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div class="well lead">
+      {% include tests/rotated-flipped.html %}
+    </div>
+  </div>
+</div>
+<h4>Mirrored and rotated icons inside anchors and buttons</h4>
+<div class="row">
+  <div class="col-md-6">
+    <div class="well">
+      {% include tests/rotated-flipped-inside-anchor.html %}
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div class="well">
+      {% include tests/rotated-flipped-inside-btn.html %}
+    </div>
+  </div>
+</div>
+
+</section>
+
+  <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="{{ page.relative_path }}assets/js/jquery-1.7.1.min.js"></script>
+<script src="{{ page.relative_path }}assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
+
+</body>
+</html>
+
+

src/test.html

@@ -11,67 +11,67 @@ relative_path: ../
   <div class="row">
     <div class="span3">
       <div class="well">
-        <i class="icon-building"></i> Building
+        <i class="fa fa-building"></i> Building
       </div>
     </div>
     <div class="span3">
       <div class="well">
-        <i class="icon-building icon-large"></i> Building Large
+        <i class="fa fa-building fa-large"></i> Building Large
       </div>
     </div>
     <div class="span3">
-      <i class="icon-building"></i> Building
+      <i class="fa fa-building"></i> Building
     </div>
     <div class="span3">
-      <i class="icon-building icon-large"></i> Building Large
+      <i class="fa fa-building fa-large"></i> Building Large
     </div>
   </div>
   <div class="row" style="font-size: 24px; line-height: 1.5em;">
     <div class="span4">
       <div class="well">
-        <i class="icon-building"></i> Building
+        <i class="fa fa-building"></i> Building
       </div>
     </div>
     <div class="span4">
       <div class="well">
-        <i class="icon-building icon-large"></i> Building Large
+        <i class="fa fa-building fa-large"></i> Building Large
       </div>
     </div>
     <div class="span4">
-      <i class="icon-building icon-large"></i> Building Large
+      <i class="fa fa-building fa-large"></i> Building Large
     </div>
   </div>
   <div class="row">
     <div class="span3">
       <div class="well">
-        <i class="icon-circle"></i> Circle
+        <i class="fa fa-circle"></i> Circle
       </div>
     </div>
     <div class="span3">
       <div class="well">
-        <i class="icon-circle icon-large"></i> Circle Large
+        <i class="fa fa-circle fa-large"></i> Circle Large
       </div>
     </div>
     <div class="span3">
-      <i class="icon-circle"></i> Circle
+      <i class="fa fa-circle"></i> Circle
     </div>
     <div class="span3">
-      <i class="icon-circle icon-large"></i> Circle Large
+      <i class="fa fa-circle fa-large"></i> Circle Large
     </div>
   </div>
   <div class="row" style="font-size: 24px; line-height: 1.5em;">
     <div class="span4">
       <div class="well">
-        <i class="icon-circle"></i> Circle
+        <i class="fa fa-circle"></i> Circle
       </div>
     </div>
     <div class="span4">
       <div class="well">
-        <i class="icon-circle icon-large"></i> Circle Large
+        <i class="fa fa-circle fa-large"></i> Circle Large
       </div>
     </div>
     <div class="span4">
-      <i class="icon-circle icon-large"></i> Circle Large
+      <i class="fa fa-circle fa-large"></i> Circle Large
     </div>
   </div>
 
@@ -79,42 +79,42 @@ relative_path: ../
   <h3>Links with Icons <small>icon should activate link & underline</small></h3>
   <div class="row lead">
     <div class="span2">
-      <a href="#"><i class="icon-building"></i> Link Here</a>
+      <a href="#"><i class="fa fa-building"></i> Link Here</a>
     </div>
     <div class="span2">
-      <a href="#"><i class="icon-building icon-large"></i> Link Here</a>
+      <a href="#"><i class="fa fa-building fa-large"></i> Link Here</a>
     </div>
     <div class="span2">
-      <a href="#"><i class="icon-caret-down"></i> Link Here</a>
+      <a href="#"><i class="fa fa-caret-down"></i> Link Here</a>
     </div>
     <div class="span2">
-      <a href="#">Link Here <i class="icon-double-angle-right"></i></a>
+      <a href="#">Link Here <i class="fa fa-double-angle-right"></i></a>
     </div>
     <div class="span2">
-      <a href="#">Link Here <i class="icon-double-angle-right icon-large"></i></a>
+      <a href="#">Link Here <i class="fa fa-double-angle-right fa-large"></i></a>
     </div>
     <div class="span2">
-      <a href="#">Link Here <i class="icon-caret-down"></i></a>
+      <a href="#">Link Here <i class="fa fa-caret-down"></i></a>
     </div>
   </div>
   <div class="row">
     <div class="span2">
-      <a href="#"><i class="icon-building"></i> Link Here</a>
+      <a href="#"><i class="fa fa-building"></i> Link Here</a>
     </div>
     <div class="span2">
-      <a href="#"><i class="icon-building icon-large"></i> Link Here</a>
+      <a href="#"><i class="fa fa-building fa-large"></i> Link Here</a>
     </div>
     <div class="span2">
-      <a href="#"><i class="icon-caret-down"></i> Link Here</a>
+      <a href="#"><i class="fa fa-caret-down"></i> Link Here</a>
     </div>
     <div class="span2">
-      <a href="#">Link Here <i class="icon-double-angle-right"></i></a>
+      <a href="#">Link Here <i class="fa fa-double-angle-right"></i></a>
     </div>
     <div class="span2">
-      <a href="#">Link Here <i class="icon-double-angle-right icon-large"></i></a>
+      <a href="#">Link Here <i class="fa fa-double-angle-right fa-large"></i></a>
     </div>
     <div class="span2">
-      <a href="#">Link Here <i class="icon-caret-down"></i></a>
+      <a href="#">Link Here <i class="fa fa-caret-down"></i></a>
     </div>
   </div>
 
@@ -123,23 +123,23 @@ relative_path: ../
   <div class="navbar navbar-inverse navbar-static-top">
     <div class="navbar-inner">
       <div class="container">
-        <a class="brand" href="#"><i class="icon-flag"></i> Font Awesome</a>
+        <a class="brand" href="#"><i class="fa fa-flag"></i> Font Awesome</a>
         <ul class="nav">
           <li style="border: solid 1px white;"><a href="#">Nav Item 1</a></li>
           <li class="dropdown" style="border: solid 1px white;">
             <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
               Nav Item 2
-              <i class="icon-caret-down"></i>
+              <i class="fa fa-caret-down"></i>
             </a>
             <ul class="dropdown-menu" role="menu">
-              <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
-              <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+              <li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li>
+              <li><a href="#"><i class="fa fa-building fa-large"></i> Menu Item 2</a></li>
             </ul>
           </li>
-          <li style="border: solid 1px white;"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 3</a></li>
-          <li style="border: solid 1px white;"><a href="#examples"><i class="icon-envelope"></i> Nav Item 4</a></li>
-          <li style="border: solid 1px white;"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 5</a></li>
-          <li style="border: solid 1px white;"><a href="#examples"><i class="icon-circle"></i> Nav Item 6</a></li>
+          <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-building fa-large"></i> Nav Item 3</a></li>
+          <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-envelope"></i> Nav Item 4</a></li>
+          <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-circle fa-large"></i> Nav Item 5</a></li>
+          <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 6</a></li>
         </ul>
       </div>
     </div>
@@ -153,23 +153,23 @@ relative_path: ../
       <div style="border: solid 1px #d3d3d3; text-align: center;">
         <div>
           <button class="btn btn-mini">Button</button>
-          <button class="btn btn-mini"><i class="icon-building"></i> Button</button>
-          <button class="btn btn-mini"><i class="icon-building"></i></button>
+          <button class="btn btn-mini"><i class="fa fa-building"></i> Button</button>
+          <button class="btn btn-mini"><i class="fa fa-building"></i></button>
         </div>
         <div>
           <button class="btn btn-small">Button</button>
-          <button class="btn btn-small"><i class="icon-building"></i> Button</button>
-          <button class="btn btn-small"><i class="icon-building"></i></button>
+          <button class="btn btn-small"><i class="fa fa-building"></i> Button</button>
+          <button class="btn btn-small"><i class="fa fa-building"></i></button>
         </div>
         <div>
           <button class="btn">Button</button>
-          <button class="btn"><i class="icon-building"></i> Button</button>
-          <button class="btn"><i class="icon-building"></i></button>
+          <button class="btn"><i class="fa fa-building"></i> Button</button>
+          <button class="btn"><i class="fa fa-building"></i></button>
         </div>
         <div>
           <button class="btn btn-large">Button</button>
-          <button class="btn btn-large"><i class="icon-building"></i> Button</button>
-          <button class="btn btn-large"><i class="icon-building"></i></button>
+          <button class="btn btn-large"><i class="fa fa-building"></i> Button</button>
+          <button class="btn btn-large"><i class="fa fa-building"></i></button>
         </div>
       </div>
     </div>
@@ -177,23 +177,23 @@ relative_path: ../
       <div style="border: solid 1px #d3d3d3; text-align: center;">
         <div>
           <button class="btn btn-mini">Button</button>
-          <button class="btn btn-mini"><i class="icon-building icon-large"></i> Button</button>
-          <button class="btn btn-mini"><i class="icon-building icon-large"></i></button>
+          <button class="btn btn-mini"><i class="fa fa-building fa-large"></i> Button</button>
+          <button class="btn btn-mini"><i class="fa fa-building fa-large"></i></button>
         </div>
         <div>
           <button class="btn btn-small">Button</button>
-          <button class="btn btn-small"><i class="icon-building icon-large"></i> Button</button>
-          <button class="btn btn-small"><i class="icon-building icon-large"></i></button>
+          <button class="btn btn-small"><i class="fa fa-building fa-large"></i> Button</button>
+          <button class="btn btn-small"><i class="fa fa-building fa-large"></i></button>
         </div>
         <div>
           <button class="btn">Button</button>
-          <button class="btn"><i class="icon-building icon-large"></i> Button</button>
-          <button class="btn"><i class="icon-building icon-large"></i></button>
+          <button class="btn"><i class="fa fa-building fa-large"></i> Button</button>
+          <button class="btn"><i class="fa fa-building fa-large"></i></button>
         </div>
         <div>
           <button class="btn btn-large">Button</button>
-          <button class="btn btn-large"><i class="icon-building icon-large"></i> Button</button>
-          <button class="btn btn-large"><i class="icon-building icon-large"></i></button>
+          <button class="btn btn-large"><i class="fa fa-building fa-large"></i> Button</button>
+          <button class="btn btn-large"><i class="fa fa-building fa-large"></i></button>
         </div>
       </div>
     </div>
@@ -203,23 +203,23 @@ relative_path: ../
       <div style="border: solid 1px #d3d3d3; text-align: center;">
         <div>
           <button class="btn btn-mini">Button</button>
-          <button class="btn btn-mini"><i class="icon-circle"></i> Button</button>
-          <button class="btn btn-mini"><i class="icon-circle"></i></button>
+          <button class="btn btn-mini"><i class="fa fa-circle"></i> Button</button>
+          <button class="btn btn-mini"><i class="fa fa-circle"></i></button>
         </div>
         <div>
           <button class="btn btn-small">Button</button>
-          <button class="btn btn-small"><i class="icon-circle"></i> Button</button>
-          <button class="btn btn-small"><i class="icon-circle"></i></button>
+          <button class="btn btn-small"><i class="fa fa-circle"></i> Button</button>
+          <button class="btn btn-small"><i class="fa fa-circle"></i></button>
         </div>
         <div>
           <button class="btn">Button</button>
-          <button class="btn"><i class="icon-circle"></i> Button</button>
-          <button class="btn"><i class="icon-circle"></i></button>
+          <button class="btn"><i class="fa fa-circle"></i> Button</button>
+          <button class="btn"><i class="fa fa-circle"></i></button>
         </div>
         <div>
           <button class="btn btn-large">Button</button>
-          <button class="btn btn-large"><i class="icon-circle"></i> Button</button>
-          <button class="btn btn-large"><i class="icon-circle"></i></button>
+          <button class="btn btn-large"><i class="fa fa-circle"></i> Button</button>
+          <button class="btn btn-large"><i class="fa fa-circle"></i></button>
         </div>
       </div>
     </div>
@@ -227,23 +227,23 @@ relative_path: ../
       <div style="border: solid 1px #d3d3d3; text-align: center;">
         <div>
           <button class="btn btn-mini">Button</button>
-          <button class="btn btn-mini"><i class="icon-circle icon-large"></i> Button</button>
-          <button class="btn btn-mini"><i class="icon-circle icon-large"></i></button>
+          <button class="btn btn-mini"><i class="fa fa-circle fa-large"></i> Button</button>
+          <button class="btn btn-mini"><i class="fa fa-circle fa-large"></i></button>
         </div>
         <div>
           <button class="btn btn-small">Button</button>
-          <button class="btn btn-small"><i class="icon-circle icon-large"></i> Button</button>
-          <button class="btn btn-small"><i class="icon-circle icon-large"></i></button>
+          <button class="btn btn-small"><i class="fa fa-circle fa-large"></i> Button</button>
+          <button class="btn btn-small"><i class="fa fa-circle fa-large"></i></button>
         </div>
         <div>
           <button class="btn">Button</button>
-          <button class="btn"><i class="icon-circle icon-large"></i> Button</button>
-          <button class="btn"><i class="icon-circle icon-large"></i></button>
+          <button class="btn"><i class="fa fa-circle fa-large"></i> Button</button>
+          <button class="btn"><i class="fa fa-circle fa-large"></i></button>
         </div>
         <div>
           <button class="btn btn-large">Button</button>
-          <button class="btn btn-large"><i class="icon-circle icon-large"></i> Button</button>
-          <button class="btn btn-large"><i class="icon-circle icon-large"></i></button>
+          <button class="btn btn-large"><i class="fa fa-circle fa-large"></i> Button</button>
+          <button class="btn btn-large"><i class="fa fa-circle fa-large"></i></button>
         </div>
       </div>
     </div>
@@ -256,23 +256,23 @@ relative_path: ../
       <div style="border: solid 1px #d3d3d3; text-align: center;">
         <div>
           <a class="btn btn-mini">Button</a>
-          <a class="btn btn-mini"><i class="icon-building"></i> Button</a>
-          <a class="btn btn-mini"><i class="icon-building"></i></a>
+          <a class="btn btn-mini"><i class="fa fa-building"></i> Button</a>
+          <a class="btn btn-mini"><i class="fa fa-building"></i></a>
         </div>
         <div>
           <a class="btn btn-small">Button</a>
-          <a class="btn btn-small"><i class="icon-building"></i> Button</a>
-          <a class="btn btn-small"><i class="icon-building"></i></a>
+          <a class="btn btn-small"><i class="fa fa-building"></i> Button</a>
+          <a class="btn btn-small"><i class="fa fa-building"></i></a>
         </div>
         <div>
           <a class="btn">Button</a>
-          <a class="btn"><i class="icon-building"></i> Button</a>
-          <a class="btn"><i class="icon-building"></i></a>
+          <a class="btn"><i class="fa fa-building"></i> Button</a>
+          <a class="btn"><i class="fa fa-building"></i></a>
         </div>
         <div>
           <a class="btn btn-large">Button</a>
-          <a class="btn btn-large"><i class="icon-building"></i> Button</a>
-          <a class="btn btn-large"><i class="icon-building"></i></a>
+          <a class="btn btn-large"><i class="fa fa-building"></i> Button</a>
+          <a class="btn btn-large"><i class="fa fa-building"></i></a>
         </div>
       </div>
     </div>
@@ -280,23 +280,23 @@ relative_path: ../
       <div style="border: solid 1px #d3d3d3; text-align: center;">
         <div>
           <a class="btn btn-mini">Button</a>
-          <a class="btn btn-mini"><i class="icon-building icon-large"></i> Button</a>
-          <a class="btn btn-mini"><i class="icon-building icon-large"></i></a>
+          <a class="btn btn-mini"><i class="fa fa-building fa-large"></i> Button</a>
+          <a class="btn btn-mini"><i class="fa fa-building fa-large"></i></a>
         </div>
         <div>
           <a class="btn btn-small">Button</a>
-          <a class="btn btn-small"><i class="icon-building icon-large"></i> Button</a>
-          <a class="btn btn-small"><i class="icon-building icon-large"></i></a>
+          <a class="btn btn-small"><i class="fa fa-building fa-large"></i> Button</a>
+          <a class="btn btn-small"><i class="fa fa-building fa-large"></i></a>
         </div>
         <div>
           <a class="btn">Button</a>
-          <a class="btn"><i class="icon-building icon-large"></i> Button</a>
-          <a class="btn"><i class="icon-building icon-large"></i></a>
+          <a class="btn"><i class="fa fa-building fa-large"></i> Button</a>
+          <a class="btn"><i class="fa fa-building fa-large"></i></a>
         </div>
         <div>
           <a class="btn btn-large">Button</a>
-          <a class="btn btn-large"><i class="icon-building icon-large"></i> Button</a>
-          <a class="btn btn-large"><i class="icon-building icon-large"></i></a>
+          <a class="btn btn-large"><i class="fa fa-building fa-large"></i> Button</a>
+          <a class="btn btn-large"><i class="fa fa-building fa-large"></i></a>
         </div>
       </div>
     </div>
@@ -306,23 +306,23 @@ relative_path: ../
       <div style="border: solid 1px #d3d3d3; text-align: center;">
         <div>
           <a class="btn btn-mini">Button</a>
-          <a class="btn btn-mini"><i class="icon-circle"></i> Button</a>
-          <a class="btn btn-mini"><i class="icon-circle"></i></a>
+          <a class="btn btn-mini"><i class="fa fa-circle"></i> Button</a>
+          <a class="btn btn-mini"><i class="fa fa-circle"></i></a>
         </div>
         <div>
           <a class="btn btn-small">Button</a>
-          <a class="btn btn-small"><i class="icon-circle"></i> Button</a>
-          <a class="btn btn-small"><i class="icon-circle"></i></a>
+          <a class="btn btn-small"><i class="fa fa-circle"></i> Button</a>
+          <a class="btn btn-small"><i class="fa fa-circle"></i></a>
         </div>
         <div>
           <a class="btn">Button</a>
-          <a class="btn"><i class="icon-circle"></i> Button</a>
-          <a class="btn"><i class="icon-circle"></i></a>
+          <a class="btn"><i class="fa fa-circle"></i> Button</a>
+          <a class="btn"><i class="fa fa-circle"></i></a>
         </div>
         <div>
           <a class="btn btn-large">Button</a>
-          <a class="btn btn-large"><i class="icon-circle"></i> Button</a>
-          <a class="btn btn-large"><i class="icon-circle"></i></a>
+          <a class="btn btn-large"><i class="fa fa-circle"></i> Button</a>
+          <a class="btn btn-large"><i class="fa fa-circle"></i></a>
         </div>
       </div>
     </div>
@@ -330,23 +330,23 @@ relative_path: ../
       <div style="border: solid 1px #d3d3d3; text-align: center;">
         <div>
           <a class="btn btn-mini">Button</a>
-          <a class="btn btn-mini"><i class="icon-circle icon-large"></i> Button</a>
-          <a class="btn btn-mini"><i class="icon-circle icon-large"></i></a>
+          <a class="btn btn-mini"><i class="fa fa-circle fa-large"></i> Button</a>
+          <a class="btn btn-mini"><i class="fa fa-circle fa-large"></i></a>
         </div>
         <div>
           <a class="btn btn-small">Button</a>
-          <a class="btn btn-small"><i class="icon-circle icon-large"></i> Button</a>
-          <a class="btn btn-small"><i class="icon-circle icon-large"></i></a>
+          <a class="btn btn-small"><i class="fa fa-circle fa-large"></i> Button</a>
+          <a class="btn btn-small"><i class="fa fa-circle fa-large"></i></a>
         </div>
         <div>
           <a class="btn">Button</a>
-          <a class="btn"><i class="icon-circle icon-large"></i> Button</a>
-          <a class="btn"><i class="icon-circle icon-large"></i></a>
+          <a class="btn"><i class="fa fa-circle fa-large"></i> Button</a>
+          <a class="btn"><i class="fa fa-circle fa-large"></i></a>
         </div>
         <div>
           <a class="btn btn-large">Button</a>
-          <a class="btn btn-large"><i class="icon-circle icon-large"></i> Button</a>
-          <a class="btn btn-large"><i class="icon-circle icon-large"></i></a>
+          <a class="btn btn-large"><i class="fa fa-circle fa-large"></i> Button</a>
+          <a class="btn btn-large"><i class="fa fa-circle fa-large"></i></a>
         </div>
       </div>
     </div>
@@ -358,7 +358,7 @@ relative_path: ../
       <div style="border: solid 1px #d3d3d3;">
         <div class="btn-group">
             <button class="btn btn-large">
-                <i class="icon-adjust"></i>
+                <i class="fa fa-adjust"></i>
             </button>
             <button class="btn btn-large">
                 Text
@@ -370,7 +370,7 @@ relative_path: ../
       <div style="border: solid 1px #d3d3d3;">
         <div class="btn-group">
             <button class="btn">
-                <i class="icon-adjust"></i>
+                <i class="fa fa-adjust"></i>
             </button>
             <button class="btn">
                 Text
@@ -382,7 +382,7 @@ relative_path: ../
       <div style="border: solid 1px #d3d3d3;">
         <div class="btn-group">
             <button class="btn btn-small">
-                <i class="icon-adjust"></i>
+                <i class="fa fa-adjust"></i>
             </button>
             <button class="btn btn-small">
                 Text
@@ -397,7 +397,7 @@ relative_path: ../
     <div class="span4">
       <div style="border: solid 1px #d3d3d3;">
         <a class="btn btn-large" href="#">
-          <i class="icon-github icon-2x pull-left"></i>
+          <i class="fa fa-github fa fa-2x pull-left"></i>
           Longer<br>Button</a>
         <a class="btn btn-large" href="#">
           Longer<br>Button</a>
@@ -406,7 +406,7 @@ relative_path: ../
     <div class="span4">
       <div style="border: solid 1px #d3d3d3;">
         <a class="btn" href="#">
-          <i class="icon-github icon-2x pull-left"></i>
+          <i class="fa fa-github fa fa-2x pull-left"></i>
           Longer<br>Button</a>
         <a class="btn" href="#">
           Longer<br>Button</a>
@@ -415,7 +415,7 @@ relative_path: ../
     <div class="span4">
       <div style="border: solid 1px #d3d3d3;">
         <a class="btn btn-small" href="#">
-          <i class="icon-github icon-2x pull-left"></i>
+          <i class="fa fa-github fa fa-2x pull-left"></i>
           Longer<br>Button</a>
         <a class="btn btn-small" href="#">
           Longer<br>Button</a>
@@ -435,24 +435,24 @@ relative_path: ../
             <span class="caret"></span>
           </a>
           <ul class="dropdown-menu" role="menu">
-            <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
-            <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+            <li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="fa fa-building fa-large"></i> Menu Item 2</a></li>
           </ul>
         </li>
         <li class="dropdown active">
           <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
             Nav Item 3
-            <i class="icon-caret-down"></i>
+            <i class="fa fa-caret-down"></i>
           </a>
           <ul class="dropdown-menu" role="menu">
-            <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
-            <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+            <li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="fa fa-building fa-large"></i> Menu Item 2</a></li>
           </ul>
         </li>
-        <li class="active"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 4</a></li>
-        <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
-        <li class="active"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 6</a></li>
-        <li class="active"><a href="#examples"><i class="icon-circle"></i> Nav Item 7</a></li>
+        <li class="active"><a href="#examples"><i class="fa fa-building fa-large"></i> Nav Item 4</a></li>
+        <li class="active"><a href="#examples"><i class="fa-spinner fa-spin"></i> Nav Item 5</a></li>
+        <li class="active"><a href="#examples"><i class="fa fa-circle fa-large"></i> Nav Item 6</a></li>
+        <li class="active"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 7</a></li>
       </ul>
       <ul class="nav nav-tabs">
         <li class="active"><a href="#">Nav Item 1</a></li>
@@ -462,37 +462,37 @@ relative_path: ../
             <span class="caret"></span>
           </a>
           <ul class="dropdown-menu" role="menu">
-            <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
-            <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+            <li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="fa fa-building fa-large"></i> Menu Item 2</a></li>
           </ul>
         </li>
         <li class="dropdown active">
           <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
             Nav Item 3
-            <i class="icon-caret-down"></i>
+            <i class="fa fa-caret-down"></i>
           </a>
           <ul class="dropdown-menu" role="menu">
-            <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
-            <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+            <li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="fa fa-building fa-large"></i> Menu Item 2</a></li>
           </ul>
         </li>
-        <li class="active"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 4</a></li>
-        <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
-        <li class="active"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 6</a></li>
-        <li class="active"><a href="#examples"><i class="icon-circle"></i> Nav Item 7</a></li>
+        <li class="active"><a href="#examples"><i class="fa fa-building fa-large"></i> Nav Item 4</a></li>
+        <li class="active"><a href="#examples"><i class="fa-spinner fa-spin"></i> Nav Item 5</a></li>
+        <li class="active"><a href="#examples"><i class="fa fa-circle fa-large"></i> Nav Item 6</a></li>
+        <li class="active"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 7</a></li>
       </ul>
     </div>
     <div class="span3">
       <ul class="nav nav-list">
         <li>
           <a href="#c1">
-            <i class="icon-chevron-right icon-fixed-width pull-right"></i> Overview
+            <i class="fa fa-chevron-right fa fa-fixed-width pull-right"></i> Overview
           </a>
         </li>
         <li>
           <a href="#c1">
             Overview
-            <i class="icon-chevron-right icon-fixed-width pull-right"></i>
+            <i class="fa fa-chevron-right fa fa-fixed-width pull-right"></i>
           </a>
         </li>
       </ul>
@@ -505,28 +505,28 @@ relative_path: ../
   <div class="row">
     <div class="span6">
       <p class="lead">
-        <i class="icon-stethoscope icon-3x pull-left icon-border"></i>
+        <i class="fa fa-stethoscope fa fa-3x pull-left fa fa-border"></i>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
       </p>
     </div>
     <div class="span6">
       <p class="lead">
-        <i class="icon-ambulance icon-4x pull-right icon-border"></i>
+        <i class="fa fa-ambulance fa fa-4x pull-right fa fa-border"></i>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
       </p>
     </div>
   </div>
   <div class="row">
     <div class="span4">
-      <i class="icon-building icon-2x pull-left icon-border"></i>
+      <i class="fa fa-building fa fa-2x pull-left fa fa-border"></i>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
     </div>
     <div class="span4">
-      <i class="icon-stethoscope icon-3x pull-right icon-border"></i>
+      <i class="fa fa-stethoscope fa fa-3x pull-right fa fa-border"></i>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
     </div>
     <div class="span4">
-      <i class="icon-ambulance icon-4x pull-left"></i>
+      <i class="fa fa-ambulance fa fa-4x pull-left"></i>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
     </div>
   </div>
@@ -536,11 +536,11 @@ relative_path: ../
   <div class="row">
     <div class="span6">
       <div style="border: solid 1px #d3d3d3;">
-        <ul class="icons-ul">
-          <li><i class="icon-li icon-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-          <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
-          <li><i class="icon-li icon-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-            <i class="icon-building"></i>
+        <ul class="fas-ul">
+          <li><i class="fa-li fa fa-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+          <li><i class="fa-li fa fa-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+          <li><i class="fa-li fa fa-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+            <i class="fa fa-building"></i>
             <span class="label">foo</span>
             <a class="btn">foo</a>
           </li>
@@ -549,10 +549,10 @@ relative_path: ../
     </div>
     <div class="span6">
       <div style="border: solid 1px #d3d3d3;">
-        <ul class="icons-ul">
-          <li><i class="icon-li icon-double-angle-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-          <li><i class="icon-li icon-arrow-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
-          <li><i class="icon-li icon-building icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <ul class="fas-ul">
+          <li><i class="fa-li fa fa-double-angle-right fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+          <li><i class="fa-li fa fa-arrow-right fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+          <li><i class="fa-li fa fa-building fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
         </ul>
       </div>
     </div>
@@ -560,19 +560,19 @@ relative_path: ../
   <div class="row">
     <div class="span6">
       <div style="border: solid 1px #d3d3d3;">
-        <ul class="icons-ul lead">
-          <li><i class="icon-li icon-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-          <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
-          <li><i class="icon-li icon-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <ul class="fas-ul lead">
+          <li><i class="fa-li fa fa-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+          <li><i class="fa-li fa fa-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+          <li><i class="fa-li fa fa-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
         </ul>
       </div>
     </div>
     <div class="span6">
       <div style="border: solid 1px #d3d3d3;">
-        <ul class="icons-ul lead">
-          <li><i class="icon-li icon-double-angle-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-          <li><i class="icon-li icon-arrow-right icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
-          <li><i class="icon-li icon-building icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <ul class="fas-ul lead">
+          <li><i class="fa-li fa fa-double-angle-right fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+          <li><i class="fa-li fa fa-arrow-right fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+          <li><i class="fa-li fa fa-building fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
         </ul>
       </div>
     </div>
@@ -580,19 +580,19 @@ relative_path: ../
   <div class="row">
     <div class="span6">
       <div style="border: solid 1px #d3d3d3;">
-        <ul class="icons-ul">
-          <li><a href="#"><i class="icon-li icon-double-angle-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-          <li><a href="#"><i class="icon-li icon-arrow-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
-          <li><a href="#"><i class="icon-li icon-building"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <ul class="fas-ul">
+          <li><a href="#"><i class="fa-li fa fa-double-angle-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+          <li><a href="#"><i class="fa-li fa fa-arrow-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+          <li><a href="#"><i class="fa-li fa fa-building"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
         </ul>
       </div>
     </div>
     <div class="span6">
       <div style="border: solid 1px #d3d3d3;">
-        <ul class="icons-ul">
-          <li><a href="#"><i class="icon-li icon-double-angle-right icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-          <li><a href="#"><i class="icon-li icon-arrow-right icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
-          <li><a href="#"><i class="icon-li icon-building icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+        <ul class="fas-ul">
+          <li><a href="#"><i class="fa-li fa fa-double-angle-right fa-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+          <li><a href="#"><i class="fa-li fa fa-arrow-right fa-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+          <li><a href="#"><i class="fa-li fa fa-building fa-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
         </ul>
       </div>
     </div>
@@ -600,11 +600,11 @@ relative_path: ../
   <div class="row">
     <div class="span6">
       <div style="border: solid 1px #d3d3d3;">
-        <ul class="icons-ul">
-          <li><i class="icon-li icon-refresh icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-          <li><i class="icon-li icon-spinner icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
-          <li><i class="icon-li icon-spinner icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-            <i class="icon-building"></i>
+        <ul class="fas-ul">
+          <li><i class="fa-li fa fa-refresh fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+          <li><i class="fa-li fa-spinner fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+          <li><i class="fa-li fa-spinner fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+            <i class="fa fa-building"></i>
             <span class="label">foo</span>
             <a class="btn">foo</a>
           </li>
@@ -613,11 +613,11 @@ relative_path: ../
     </div>
     <div class="span6">
       <div style="border: solid 1px #d3d3d3;">
-        <ul class="icons-ul">
-          <li><i class="icon-li icon-refresh icon-spin icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-          <li><i class="icon-li icon-spinner icon-spin icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
-          <li><i class="icon-li icon-spinner icon-spin icon-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-            <i class="icon-building"></i>
+        <ul class="fas-ul">
+          <li><i class="fa-li fa fa-refresh fa-spin fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+          <li><i class="fa-li fa-spinner fa-spin fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
+          <li><i class="fa-li fa-spinner fa-spin fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+            <i class="fa fa-building"></i>
             <span class="label">foo</span>
             <a class="btn">foo</a>
           </li>
@@ -651,61 +651,61 @@ relative_path: ../
 
   <h3>Spinning icons <small>icons should be aligned well and on center, buttons should be same height, won't work in ie7</small></h3>
   <div style="border: solid 1px #d3d3d3;">
-    <i class="icon-refresh icon-spin"></i> Loading...
-    <button class="btn btn-small"><i class="icon-refresh icon-spin"></i> Loading...</button>
+    <i class="fa fa-refresh fa-spin"></i> Loading...
+    <button class="btn btn-small"><i class="fa fa-refresh fa-spin"></i> Loading...</button>
     <button class="btn btn-small">Loading...</button>
-    <i class="icon-circle-blank icon-spin"></i> Loading...
-    <button class="btn btn-small"><i class="icon-circle-blank icon-spin"></i> Loading...</button>
-    <a href="#"><i class="icon-refresh icon-spin"></i> Loading...</a>
+    <i class="fa fa-circle-blank fa-spin"></i> Loading...
+    <button class="btn btn-small"><i class="fa fa-circle-blank fa-spin"></i> Loading...</button>
+    <a href="#"><i class="fa fa-refresh fa-spin"></i> Loading...</a>
   </div>
   <div style="border: solid 1px #d3d3d3;">
-    <i class="icon-refresh icon-spin"></i> Loading...
-    <button class="btn"><i class="icon-refresh icon-spin"></i> Loading...</button>
+    <i class="fa fa-refresh fa-spin"></i> Loading...
+    <button class="btn"><i class="fa fa-refresh fa-spin"></i> Loading...</button>
     <button class="btn">Loading...</button>
-    <i class="icon-circle-blank icon-spin"></i> Loading...
-    <button class="btn"><i class="icon-circle-blank icon-spin"></i> Loading...</button>
+    <i class="fa fa-circle-blank fa-spin"></i> Loading...
+    <button class="btn"><i class="fa fa-circle-blank fa-spin"></i> Loading...</button>
   </div>
   <div style="border: solid 1px #d3d3d3;">
-    <i class="icon-spinner icon-spin"></i> Loading...
-    <button class="btn btn-large"><i class="icon-spinner icon-spin"></i> Loading...</button>
+    <i class="fa-spinner fa-spin"></i> Loading...
+    <button class="btn btn-large"><i class="fa-spinner fa-spin"></i> Loading...</button>
     <button class="btn btn-large">Loading...</button>
-    <i class="icon-circle-blank icon-spin"></i> Loading...
-    <button class="btn btn-large"><i class="icon-circle-blank icon-spin"></i> Loading...</button>
+    <i class="fa fa-circle-blank fa-spin"></i> Loading...
+    <button class="btn btn-large"><i class="fa fa-circle-blank fa-spin"></i> Loading...</button>
   </div>
-  <h4>icon-large</h4>
+  <h4>fa-large</h4>
   <div style="border: solid 1px #d3d3d3;">
-    <i class="icon-refresh icon-large icon-spin"></i> Loading...
-    <button class="btn btn-small"><i class="icon-refresh icon-large icon-spin"></i> Loading...</button>
+    <i class="fa fa-refresh fa-large fa-spin"></i> Loading...
+    <button class="btn btn-small"><i class="fa fa-refresh fa-large fa-spin"></i> Loading...</button>
     <button class="btn btn-small">Loading...</button>
-    <i class="icon-circle-blank icon-large icon-spin"></i> Loading...
-    <button class="btn btn-small"><i class="icon-circle-blank icon-large icon-spin"></i> Loading...</button>
+    <i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...
+    <button class="btn btn-small"><i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...</button>
   </div>
   <div style="border: solid 1px #d3d3d3;">
-    <i class="icon-refresh icon-large icon-spin"></i> Loading...
-    <button class="btn"><i class="icon-refresh icon-large icon-spin"></i> Loading...</button>
+    <i class="fa fa-refresh fa-large fa-spin"></i> Loading...
+    <button class="btn"><i class="fa fa-refresh fa-large fa-spin"></i> Loading...</button>
     <button class="btn">Loading...</button>
-    <i class="icon-circle-blank icon-large icon-spin"></i> Loading...
-    <button class="btn"><i class="icon-circle-blank icon-large icon-spin"></i> Loading...</button>
+    <i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...
+    <button class="btn"><i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...</button>
   </div>
   <div style="border: solid 1px #d3d3d3;">
-    <i class="icon-spinner icon-large icon-spin"></i> Loading...
-    <button class="btn btn-large"><i class="icon-spinner icon-large icon-spin"></i> Loading...</button>
+    <i class="fa-spinner fa-large fa-spin"></i> Loading...
+    <button class="btn btn-large"><i class="fa-spinner fa-large fa-spin"></i> Loading...</button>
     <button class="btn btn-large">Loading...</button>
-    <i class="icon-circle-blank icon-large icon-spin"></i> Loading...
-    <button class="btn btn-large"><i class="icon-circle-blank icon-large icon-spin"></i> Loading...</button>
+    <i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...
+    <button class="btn btn-large"><i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...</button>
   </div>
   <h4>Bootstrap Prepend and Append</h4>
   <div class="row">
     <div class="span6">
       <div class="input-prepend">
-        <span class="add-on"><i class="icon-spinner icon-spin"></i></span>
+        <span class="add-on"><i class="fa-spinner fa-spin"></i></span>
         <input class="span2" id="prependedInput" type="text" placeholder="Username">
       </div>
     </div>
     <div class="span6">
       <div class="input-append">
         <input class="span2" id="appendedInput" type="text">
-        <span class="add-on"><i class="icon-spinner icon-spin"></i></span>
+        <span class="add-on"><i class="fa-spinner fa-spin"></i></span>
       </div>
     </div>
   </div>