纯 CSS3 实现的 Web 小游戏 - Web前端 - ITeye资讯
相关知识库：
CSS3是CSS的升级版本，加入了很多新的特性，如圆角、边框、文字阴影、盒阴影、媒体查询、多栏布局、RGBA和透明度等特性，因此可以实现很多非常漂亮的效果，这是CSS2比不了的。
有些基于CSS3实现的效果甚至可以和Flash相媲美。本文介绍的7款游戏，就是使用CSS3开发，甚至没有用到JavaScript。其中有些游戏使用了在线编辑器，你可以通过改变代码来直观地看到效果的变化。
1.& CSS3 Panic Game
这是一个简单但令人印象深刻的游戏，类似于打地鼠游戏，只使用HTML和CSS3，没有使用JavaScript。游戏，该游戏有6000行CSS3代码，其中前500行为CSS3代码，剩下的都是文本格式的图像编码。
代码/演示：
2.& CSS Maze Puzzle Game
使用CSS3制作的迷宫游戏，使用鼠标从左边箭头处开始，穿越迷宫，到达右下角。
演示：（代码见此页面源文件）
3.& Ninja Jarimaru
玩家将扮演忍者Fred Jones角色，在游戏中冒险、打怪。使用鼠标进行控制，如前进、后退、跳跃等。
4.& Cow Click Shooting Game
这是一个射击游戏，通过鼠标点击来射击游戏中出现的牛，比较简单，但很有趣。
演示：
源码：
5. Cops and Robbers CSS Puzzle
该游戏和上面的迷宫类似，通过鼠标来移动警察，防止囚犯从迷宫逃脱。
6.& CSS3 of the Dead
这是一个纯CSS3实现的射击游戏，通过鼠标点击进行射击。
代码/演示：
7.& Noughts and Crosses Game
经典的圈圈叉叉游戏，一人用叉，一人用圈，其中一方连成3个即可获胜，跟五子棋类似。该游戏中，使用CSS绘制的笑脸来代替圈叉。
代码/演示：
什么啊？迷宫是个坑用鼠标从左边箭头进入，有些墙会打开的大家多关注一下实现的代码有些使用了在线编辑器，可以查看、修改代码
什么啊？迷宫是个坑
迷宫可以玩
迷宫不能玩
迷宫那个是坑吧。。。
相关资源推荐GRIEG, E.: Peer Gynt Suites Nos. 1 and 2 / Lyric Pieces / 3 Orchestral Pieces from Sigurd Jorsalfar (CSSR State Philharmonic, Gunzenhauser)专辑_GRIEG, E.: Peer Gynt Suites Nos. 1 and 2 / Lyric Pieces / 3 Orchestral Pieces from Sigurd Jorsalfar (CSSR State Philharmonic, Gunzenhauser)Kosice CSSR State Philharmonic Orchestra_在线试听 - 虾米音乐
Loading...
GRIEG, E.: Peer Gynt Suites Nos. 1 and 2 / Lyric Pieces / 3 Orchestral Pieces from Sigurd Jorsalfar (CSSR State Philharmonic, Gunzenhauser)
唱片公司：
发行时间：
专辑类别：
录音室专辑
专辑风格：
我的评价：
document.write(tip_tmpl);
setTimeout(function() {
$('#tip_60d').fadeOut();
}, 30000);
使用手机扫码收听专辑
打开虾米音乐APP
点击 扫一扫
扫描二维码
关注虾米：All rights reserved
Smart Phone
JavaScript 145 lines
HTML 118 lines
CSS 2084 lines
照度センサーに光を当てるとメッセージが現れます！！
function update() {
windowW = $(window).width();
windowH = $(window).height();
stage = $(&#stage&);
cube = $(&.cube&);
textCenter = $(&#text_center&);
mainNavW = $(&#main_nav_wrapper&);
boxWrapper = $(&.box_wrapper&);
box = $(&.box&);
problemW = $(&#problem-wrapper&);
problem = $(&.problem&);
wrapper = $(&.wrapper&);
stage.css(&width& , windowW)
.css(&height& , windowH - mainNavW.height())
.css(&-webkit-transform& , &translateZ& + &(& + &-& +
windowH + &px& + &)&);
cube.css(&width& , windowW)
.css(&height& , windowH - mainNavW.height());
$(&#top&).css(&-webkit-transform& , &translateY& + &(& + &-& + (windowH - mainNavW.height()) / 2 + &px& + &) rotateX(90deg)&)
.css(&-moz-transform& , &translateY& + &(& + &-& + (windowH - mainNavW.height()) / 2 + &px& + &) rotateX(90deg)&)
.css(&transform& , &translateY& + &(& + &-& + (windowH - mainNavW.height()) / 2 + &px& + &) rotateX(90deg)&);
$(&#back&).css(&-webkit-transform& , &translateZ& + &(& + &-& + (windowH - mainNavW.height()) / 2 + &px& + &) rotateX(-180deg) &)
.css(&-moz-transform& , &translateZ& + &(& + &-& + (windowH - mainNavW.height()) / 2 + &px& + &) rotateX(-180deg) &)
.css(&transform& , &translateZ& + &(& + &-& + (windowH - mainNavW.height()) / 2 + &px& + &) rotateX(-180deg) &);
$(&#bottom&).css(&-webkit-transform& , &translateY& + &(& + (windowH - mainNavW.height()) / 2 + &px& + &) rotateX(-90deg)&)
.css(&-moz-transform& , &translateY& + &(& + (windowH - mainNavW.height()) / 2 + &px& + &) rotateX(-90deg)&)
.css(&transform& , &translateY& + &(& + (windowH - mainNavW.height()) / 2 + &px& + &) rotateX(-90deg)&);
$(&#front&).css(&-webkit-transform& , &translateZ& + &(& + (windowH - mainNavW.height()) /
2 + &px& + &)&)
.css(&-moz-transform& , &translateZ& + &(& + (windowH - mainNavW.height()) /
2 + &px& + &)&)
.css(&transform& , &translateZ& + &(& + (windowH - mainNavW.height()) /
2 + &px& + &)&);
textCenter.css(&margin-top& , (windowH - mainNavW.height()) /
2 - (textCenter.height() / 2) + &px&);
box.css(&padding-top& , (boxWrapper.height() / 2) - (box.height() / 2) + &px&);
problemW.css(&height& , windowH - mainNavW.height() +&px&);
problem.css(&width& , problemW.width() / 2 + &px&);
problem.css(&height& , problemW.height() / 2 + &px&);
wrapper.css(&padding-top& , (windowH - mainNavW.height() - wrapper.height()) / 2 + &px&);
//ページ確認用
/*stage.css({
rotateX : &180deg&
$(window).load(function() {
//擬似Lightbox
$(&#back&).append(&&div id='over'&&/div&&);
$(&#society&).css(&margin-top& , (windowH - mainNavW.height()) / 2 - $(&#society&).height() /
$(&#over&).hide();
$(&#society & ul & li & a&).click(function() {
$(&#over&).fadeIn().html(&&p&& + $(this).attr(&date&) + &&/p&&);
$(&#over&).css(&position& , &fixed&)
.css(&top& , &0&)
.css(&width& , windowW + &px&)
.css(&height& , windowH - mainNavW.height() + &px&)
.css(&color& , &#fff&)
.css(&background-color& , &rgba(100 , 100 , 100 , 0.8)&);
$(&#over&).click(function() {
$(this).fadeOut()
//擬似Lightboxここまで
$(&#container&).hide();
window.addEventListener(&devicelight& , function(e) {
var lux = e.
if(lux & 2020) {
//デバイスライト
$(&#container & #light&).css(&height& , $(window).height() + &px&)
.css(&line-height& , &2em&)
.css(&text-align& , &center&)
.css(&color& , &#fff&)
.css(&font-size& , &16px&)
.css(&background-color& , &rgba(100 , 100 , 0 , 0.5)&);
$(&#container&).css(&background-image& , &url(./images/main_image.jpg)&)
.css(&background-size& , &cover&);
$(&#container & #light & p&).css(&padding-top& , $(window).height() / 3 + &px&);
//ライトをあてた時の処理
$(&nav , #stage&).transition({
opacity : 0
} , 2000 , function() {
$(this).remove();
$(&#container&).fadeIn(1000);
//デバイスライトここまで
//stageの縮小、回転、拡大
$(document).on(&click& , &nav a& , function() {
//ナビゲーションのデータ属性から値を取得
var deg = $(this).data(&deg&);
stage.transition({
scale : 0.8
} , &out& , function() {
$(this).transition({
rotateX : deg + &deg&
&ease& , function() {
$(this).transition({
delay : 500 ,
} , &in&);
});//stageの縮小、回転、拡大ここまで
$(window).resize(function() {
//センタリング
$(&#overLayer&).css(&margin-left&, ($(window).width() / 2) - $(&#overLayer&).width() / 2 + &px&)
.css(&width& , $(window).width() / 2 + &px&);
//画像縮小
if($(window).width() & 768) {
problem.css(&width& , problemW.width() + &px&)
.css(&height& , problemW.height() / 4 + &px&)
&!DOCTYPE html&
&html lang=&ja&&
&meta charset=&UTF-8&&
&meta name=&viewport& content=&width=device-width, initial-scale=1, minimum-scale=1&&
&meta name=&keywords& content=&Web , Light , Future , ウェブ , ライト , 光 , 未来 , 2020&&
&meta name=&description& content=&社会の今と今後を考えるためのウェブサイト&&
&title&Light2020&/title&
&link rel=&stylesheet& type=&text/css& href=&http://jsrun.it/assets/u/6/G/W/u6GWs&&
&script type=&text/javascript& src=&http://jsrun.it/assets/A/h/Y/c/AhYcr&&&/script&
&script type=&text/javascript& src=&http://jsrun.it/assets/W/L/B/1/WLB1X&&&/script&
&div id=&stage&&
&div id=&top& class=&cube&&
&div class=&wrapper&&
&p&社会はいつも先行きが不安で安定しない。&/br&安定していると思った仕事も実は安定してなかったりする。&/br&テクノロジーの発展により私たちはいろいろな恩恵は受けるがその一方で様々な職業がなくなり、&/br&また生まれてくる、そんな時代のなかで自分たちは何を信じて生きていかなくてはならないのか。&/br&
政治や経済に関心がない人にも社会情勢に興味をもってもらい、&/br&今後の自分の生き方についてしっかりと考えて欲しい。&p&
&div id=&social&&
&div id=&twitter&&
&a href=&#&&&i class=&icon-twitter&&&/i&&/a&
&div id=&facebook&&
&a href=&#&&&i class=&icon-facebook&&&/i&&/a&
&div id=&copyright&&
&small&(C) 2016 Light2020&/small&
&div id=&back& class=&cube&&
&div id=&society&&
&li&&a date=&今、私たちの国では高齢化が進みこれまでとは比べ物にならない超高齢化社会になろうとしています。高齢化社会の問題点として、高齢者への社会保障と、介護費用の増加が問題となっています。& href=&#&&&i class=&icon-circleright&&&/i&高齢化、介護問題&/a&&/li&
&li&&a date=&今、IT業界に流入する若者の人手不足が深刻化しているマイナンバー制度の導入により全国の地方自治体や政府機関のシステム改修が必要になっている。今後、団塊世代の高齢化による労働人口の減少もありさらにIT需要が高まるであろう。& href=&#&&&i class=&icon-circleright&&&/i&システムエンジニア不足&/a&&/li&
&li&&a date=&今、働き方の多様化が進み、非正規労働者が増えています。そもそも非正規雇用とは、正規雇用以外のパート、アルバイト、契約社員、派遣労働者などである。本当は正規雇用で安定した職に就きたにもかかわらず非正規雇用としてでしか働けないという人が多くいる。& href=&#&&&i class=&icon-circleright&&&/i&雇用問題&/a&&/li&
&li&&a date=&ブラック企業は離職率が高く、毎年、アルバイトでも正社員でも雇ってはすぐにやめてしまいます。ブラック企業は、長時間労働やありえないほどの仕事量を社員に無理矢理続けさせるという特徴がある。& href=&#&&&i class=&icon-circleright&&&/i&ブラック企業問題&/a&&/li&
&li&&a date=&ニート増加の及ぼす影響として日本の労働者人口が少なくなり、労働力が低下することが考えられます。労働力だけでなく技術や知識も低下し、国際競争力が弱くなるなど、その問題は多岐にわたる。& href=&#&&&i class=&icon-circleright&&&/i&ニート問題&/a&&/li&
&li&&a date=&現在、日本では路上生活に加え、この定義に当てはまらない「ホームレス」が増加しつつあります。ネットカフェで寝泊まりしている人やワーキングプアなどに代表される若者の存在は、新しい貧困問題です。& href=&#&&&i class=&icon-circleright&&&/i&ホームレス問題&/a&&/li&
&div id=&bottom& class=&cube&&
&div id=&iphone& class=&box_wrapper&&
&div class=&box&&
&i class=&icon-iphone&&&/i&
&h2&“Smartphone”&/h2&
&p&お手持ちのiosまたはandroidデバイスをご用意ください。&/p&
&div id=&firefox& class=&box_wrapper&&
&div class=&box&&
&i class=&icon-firefox&&&/i&
&h2&“Firefox”&/h2&
&p&モバイル版Firefoxブラウザをご用意ください。&/p&
&div id=&bright& class=&box_wrapper&&
&div class=&box&&
&i class=&icon-brightnessfull&&&/i&
&h2&“Light”&/h2&
&p&ライトをご用意ください。&/p&
&div id=&repeat& class=&box_wrapper&&
&div class=&box&&
&i class=&icon-repeat&&&/i&
&h2&“Change”&/h2&
&p&スマートフォンの照度センサーに光をかざすとサイトのコンテンツが変化します。&/p&
&div id=&front& class=&cube&&
&div id=&text_center&&
&h1 id=&logo&&
&p id=&cath_copy&&
未来に光を当てよう
&div id=&main_nav_wrapper&&
&div id=&main_nav&&
&li&&a data-deg=&0& href=&#&&&i class=&icon-lightbulb-idea&&&/i&Light2020&/a&&/li&
&li&&a data-deg=&90& href=&#&&&i class=&icon-hand-up&&&/i&サイトの利用方法&/a&&/li&
&li&&a data-deg=&180& href=&#&&&i class=&icon-office-building&&&/i&私たちの社会&/a&&/li&
&li&&a data-deg=&270& href=&#&&&i class=&icon-post&&&/i&サイトについて&/a&&/li&
&div id=&container&&
&div id=&light&&
2020年、そんなに遠くない未来はどんな社会になっているのか。
今より技術が進歩することにより我々の生活はさらに便利になるだろう。
あらゆる物事が高速に、そして自動処理が出来るようになり、世界中の様々な問題が解決されるだろう。
@font-face {
font-family: 'WebHostingHub-Glyphs';
src:url(&http://jsrun.it/assets/Q/T/h/8/QTh8I&) format('truetype');
font-weight:
font-style:
-moz-font-feature-settings: &calt=0,liga=0&;
[class^=&icon-&], [class*=& icon-&] {font-family:'WebHostingHub-Glyphs';background:width:height:font-style:normal}
.icon-aaabattery:before{content:'\f413'}
.icon-abacus:before{content:'\f261'}
.icon-accountfilter:before{content:'\f05e'}
.icon-acsource:before{content:'\f3ea'}
.icon-addfriend:before{content:'\f3da'}
.icon-address:before{content:'\f08f'}
.icon-addshape:before{content:'\f1fd'}
.icon-addtocart:before{content:'\f394'}
.icon-addtolist:before{content:'\f2ac'}
.icon-adjust:before{content:'\f484'}
.icon-adobe:before{content:'\f1c9'}
.icon-ads-bilboard:before{content:'\f082'}
.icon-affiliate:before{content:'\f01e'}
.icon-ajax:before{content:'\f06f'}
.icon-alarm:before{content:'\f233'}
.icon-alarmalt:before{content:'\f23d'}
.icon-album-cover:before{content:'\f19f'}
.icon-alertalt:before{content:'\f2b4'}
.icon-alertpay:before{content:'\f269'}
.icon-algorhythm:before{content:'\f0b8'}
.icon-alienship:before{content:'\f41f'}
.icon-alienware:before{content:'\f3be'}
.icon-align-center:before{content:'\f1d9'}
.icon-align-justify:before{content:'\f1da'}
.icon-align-left:before{content:'\f1d7'}
.icon-align-right:before{content:'\f1d8'}
.icon-alignbottomedge:before{content:'\f1d3'}
.icon-alignhorizontalcenter:before{content:'\f1d2'}
.icon-alignleftedge:before{content:'\f1d6'}
.icon-alignrightedge:before{content:'\f1d5'}
.icon-aligntopedge:before{content:'\f1d4'}
.icon-alignverticalcenter:before{content:'\f1d1'}
.icon-amd:before{content:'\f020'}
.icon-analogdown:before{content:'\f2cb'}
.icon-analogleft:before{content:'\f2c8'}
.icon-analogright:before{content:'\f2c9'}
.icon-analogup:before{content:'\f2ca'}
.icon-analytics-piechart:before{content:'\f000'}
.icon-analyticsalt-piechartalt:before{content:'\f001'}
.icon-anchor-port:before{content:'\f21d'}
.icon-android:before{content:'\f12a'}
.icon-angrybirds:before{content:'\f3c1'}
.icon-antenna:before{content:'\f3ec'}
.icon-apache-feather:before{content:'\f056'}
.icon-aperture:before{content:'\f356'}
.icon-appointment-agenda:before{content:'\f26c'}
.icon-archive:before{content:'\f171'}
.icon-arrow-down:before{content:'\f2fe'}
.icon-arrow-left:before{content:'\f305'}
.icon-arrow-right:before{content:'\f304'}
.icon-arrow-up:before{content:'\f301'}
.icon-asterisk:before{content:'\f317'}
.icon-asteriskalt:before{content:'\002a'}
.icon-at:before{content:'\40'}
.icon-atari:before{content:'\f3b9'}
.icon-authentication-keyalt:before{content:'\f051'}
.icon-automobile-car:before{content:'\f239'}
.icon-autorespond:before{content:'\f08e'}
.icon-avatar:before{content:'\f15a'}
.icon-avataralt:before{content:'\f161'}
.icon-avengers:before{content:'\f342'}
.icon-awstats:before{content:'\f04c'}
.icon-axe:before{content:'\f2ef'}
.icon-backup-vault:before{content:'\f004'}
.icon-backupalt-vaultalt:before{content:'\f005'}
.icon-backupwizard:before{content:'\f05f'}
.icon-backward:before{content:'\f183'}
.icon-bag:before{content:'\f234'}
.icon-baloon:before{content:'\f405'}
.icon-ban-circle:before{content:'\f313'}
.icon-banana:before{content:'\f3f4'}
.icon-bandwidth:before{content:'\f006'}
.icon-bank:before{content:'\f262'}
.icon-barchart:before{content:'\f02f'}
.icon-barchartalt:before{content:'\f07d'}
.icon-barcode:before{content:'\f276'}
.icon-basecamp:before{content:'\f160'}
.icon-basketball:before{content:'\f2e9'}
.icon-bat:before{content:'\f3d3'}
.icon-batman:before{content:'\f348'}
.icon-batteryaltcharging:before{content:'\f104'}
.icon-batteryaltfull:before{content:'\f101'}
.icon-batteryaltsixty:before{content:'\f102'}
.icon-batteryaltthird:before{content:'\f103'}
.icon-batterycharged:before{content:'\f0f4'}
.icon-batterycharging:before{content:'\f0f3'}
.icon-batteryeighty:before{content:'\f0f9'}
.icon-batteryempty:before{content:'\f0f5'}
.icon-batteryforty:before{content:'\f0f7'}
.icon-batteryfull:before{content:'\f0fa'}
.icon-batterysixty:before{content:'\f0f8'}
.icon-batterytwenty:before{content:'\f0f6'}
.icon-bed:before{content:'\f2b9'}
.icon-beer:before{content:'\f244'}
.icon-bell:before{content:'\2407'}
.icon-bigger:before{content:'\f30a'}
.icon-bill:before{content:'\f278'}
.icon-binary:before{content:'\f087'}
.icon-binoculars-searchalt:before{content:'\f2a0'}
.icon-birdhouse:before{content:'\f390'}
.icon-birthday:before{content:'\f36b'}
.icon-bishop:before{content:'\f2f9'}
.icon-blackberry:before{content:'\f421'}
.icon-blankstare:before{content:'\f13e'}
.icon-blogger-blog:before{content:'\f167'}
.icon-bluetooth:before{content:'\f12b'}
.icon-bluetoothconnected:before{content:'\f386'}
.icon-boardgame:before{content:'\f2d9'}
.icon-boat:before{content:'\f21a'}
.icon-bold:before{content:'\f1f4'}
.icon-bomb:before{content:'\f2dc'}
.icon-bone:before{content:'\f35f'}
.icon-book:before{content:'\f1ba'}
.icon-bookmark:before{content:'\f143'}
.icon-boombox:before{content:'\f195'}
.icon-bottle:before{content:'\f361'}
.icon-bow:before{content:'\f2ee'}
.icon-bowling:before{content:'\f2f3'}
.icon-bowlingpins:before{content:'\f3d2'}
.icon-bowtie:before{content:'\f37f'}
.icon-boxtrapper-mousetrap:before{content:'\f046'}
.icon-braces:before{content:'\f0b4'}
.icon-braille0:before{content:'\f44b'}
.icon-braille1:before{content:'\f44c'}
.icon-braille2:before{content:'\f44d'}
.icon-braille3:before{content:'\f44e'}
.icon-braille4:before{content:'\f44f'}
.icon-braille5:before{content:'\f450'}
.icon-braille6:before{content:'\f451'}
.icon-braille7:before{content:'\f452'}
.icon-braille8:before{content:'\f453'}
.icon-braille9:before{content:'\f454'}
.icon-braillea:before{content:'\f431'}
.icon-brailleb:before{content:'\f432'}
.icon-braillec:before{content:'\f433'}
.icon-brailled:before{content:'\f434'}
.icon-braillee:before{content:'\f435'}
.icon-braillef:before{content:'\f436'}
.icon-brailleg:before{content:'\f437'}
.icon-brailleh:before{content:'\f438'}
.icon-braillei:before{content:'\f439'}
.icon-braillej:before{content:'\f43a'}
.icon-braillek:before{content:'\f43b'}
.icon-braillel:before{content:'\f43c'}
.icon-braillem:before{content:'\f43d'}
.icon-braillen:before{content:'\f43e'}
.icon-brailleo:before{content:'\f43f'}
.icon-braillep:before{content:'\f440'}
.icon-brailleq:before{content:'\f441'}
.icon-brailler:before{content:'\f442'}
.icon-brailles:before{content:'\f443'}
.icon-braillespace:before{content:'\f455'}
.icon-braillet:before{content:'\f444'}
.icon-brailleu:before{content:'\f445'}
.icon-braillev:before{content:'\f446'}
.icon-braillew:before{content:'\f447'}
.icon-braillex:before{content:'\f448'}
.icon-brailley:before{content:'\f449'}
.icon-braillez:before{content:'\f44a'}
.icon-brain:before{content:'\f3e3'}
.icon-bread:before{content:'\f42f'}
.icon-breakable:before{content:'\f41c'}
.icon-briefcase:before{content:'\f25e'}
.icon-briefcasethree:before{content:'\f25f'}
.icon-briefcasetwo:before{content:'\f0a2'}
.icon-brightness:before{content:'\f10a'}
.icon-brightnessfull:before{content:'\f10b'}
.icon-brightnesshalf:before{content:'\f10c'}
.icon-broom:before{content:'\f40a'}
.icon-browser:before{content:'\f159'}
.icon-brush:before{content:'\f1b8'}
.icon-bucket:before{content:'\f1b5'}
.icon-bug:before{content:'\f0a7'}
.icon-bullhorn:before{content:'\f287'}
.icon-bus:before{content:'\f241'}
.icon-businesscardalt:before{content:'\f137'}
.icon-buttona:before{content:'\f2bf'}
.icon-buttonb:before{content:'\f2c0'}
.icon-buttonx:before{content:'\f2c1'}
.icon-buttony:before{content:'\f2c2'}
.icon-cactus-desert:before{content:'\f22c'}
.icon-calculator:before{content:'\f258'}
.icon-calculatoralt:before{content:'\f265'}
.icon-calendar:before{content:'\f20f'}
.icon-calendaralt-cronjobs:before{content:'\f0a1'}
.icon-camera:before{content:'\f19b'}
.icon-candle:before{content:'\f29a'}
.icon-candy:before{content:'\f42d'}
.icon-candycane:before{content:'\f37d'}
.icon-cannon:before{content:'\f401'}
.icon-canvas:before{content:'\f1c8'}
.icon-canvasrulers:before{content:'\f205'}
.icon-capacitator:before{content:'\f3e8'}
.icon-capslock:before{content:'\21ea'}
.icon-captainamerica:before{content:'\f341'}
.icon-carrot:before{content:'\f3f2'}
.icon-cashregister:before{content:'\f26e'}
.icon-cassette:before{content:'\f377'}
.icon-cd-dvd:before{content:'\f0cd'}
.icon-certificate:before{content:'\f277'}
.icon-certificatealt:before{content:'\f058'}
.icon-certificatethree:before{content:'\f059'}
.icon-cgi:before{content:'\f086'}
.icon-cgicenter:before{content:'\f079'}
.icon-chair:before{content:'\2441'}
.icon-chat:before{content:'\f162'}
.icon-check:before{content:'\f310'}
.icon-checkboxalt:before{content:'\f311'}
.icon-checkin:before{content:'\f223'}
.icon-checkinalt:before{content:'\f227'}
.icon-chef:before{content:'\f3ce'}
.icon-cherry:before{content:'\f35d'}
.icon-chevron-down:before{content:'\f48b'}
.icon-chevron-left:before{content:'\f489'}
.icon-chevron-right:before{content:'\f488'}
.icon-chevron-up:before{content:'\f48a'}
.icon-chevrons:before{content:'\f0b5'}
.icon-chicken:before{content:'\f359'}
.icon-chocolate:before{content:'\f367'}
.icon-christiancross:before{content:'\f40f'}
.icon-christmastree:before{content:'\f37b'}
.icon-chrome:before{content:'\f14e'}
.icon-cigarette:before{content:'\f229'}
.icon-circle-arrow-down:before{content:'\f475'}
.icon-circle-arrow-left:before{content:'\f472'}
.icon-circle-arrow-right:before{content:'\f473'}
.icon-circle-arrow-up:before{content:'\f474'}
.icon-circleadd:before{content:'\f0d1'}
.icon-circledelete:before{content:'\f0d2'}
.icon-circledown:before{content:'\f3c7'}
.icon-circleleft:before{content:'\f3c6'}
.icon-circleright:before{content:'\f3c9'}
.icon-circleselect:before{content:'\f0d3'}
.icon-circleselection:before{content:'\f1b1'}
.icon-circleup:before{content:'\f3c8'}
.icon-clearformatting:before{content:'\f1e7'}
.icon-clipboard-paste:before{content:'\f0cb'}
.icon-clockalt-timealt:before{content:'\f22b'}
.icon-closetab:before{content:'\f170'}
.icon-closewindow:before{content:'\f16e'}
.icon-cloud:before{content:'\f0b9'}
.icon-clouddownload:before{content:'\f0bb'}
.icon-cloudhosting:before{content:'\f007'}
.icon-cloudsync:before{content:'\f0bc'}
.icon-cloudupload:before{content:'\f0ba'}
.icon-clubs:before{content:'\f2f6'}
.icon-cmd:before{content:'\f33a'}
.icon-cms:before{content:'\f036'}
.icon-cmsmadesimple:before{content:'\f0b0'}
.icon-codeigniter:before{content:'\f077'}
.icon-coffee:before{content:'\f235'}
.icon-coffeebean:before{content:'\f366'}
.icon-cog:before{content:'\f00f'}
.icon-colocation:before{content:'\f024'}
.icon-colocationalt:before{content:'\f023'}
.icon-colors:before{content:'\f1e6'}
.icon-comment:before{content:'\f12c'}
.icon-commentout:before{content:'\f080'}
.icon-commentround:before{content:'\f155'}
.icon-commentroundempty:before{content:'\f156'}
.icon-commentroundtyping:before{content:'\f157'}
.icon-commentroundtypingempty:before{content:'\f158'}
.icon-commenttyping:before{content:'\f12d'}
.icon-compass:before{content:'\263c'}
.icon-concretefive:before{content:'\f0af'}
.icon-contact-businesscard:before{content:'\f040'}
.icon-controllernes:before{content:'\f2d2'}
.icon-controllerps:before{content:'\f2d1'}
.icon-controllersnes:before{content:'\f2d3'}
.icon-controlpanel:before{content:'\f008'}
.icon-controlpanelalt:before{content:'\f009'}
.icon-cooling:before{content:'\f00a'}
.icon-coppermine:before{content:'\f0a4'}
.icon-copy:before{content:'\f0c9'}
.icon-copyright:before{content:'\00a9'}
.icon-coupon:before{content:'\f254'}
.icon-cpanel:before{content:'\f072'}
.icon-cplusplus:before{content:'\f0b1'}
.icon-cpu-processor:before{content:'\f002'}
.icon-cpualt-processoralt:before{content:'\f003'}
.icon-crayon:before{content:'\f383'}
.icon-createfile:before{content:'\f0c6'}
.icon-createfolder:before{content:'\f0da'}
.icon-creativecommons:before{content:'\f1fc'}
.icon-creditcard:before{content:'\f279'}
.icon-cricket:before{content:'\f418'}
.icon-croisant:before{content:'\f29f'}
.icon-crop:before{content:'\f1af'}
.icon-crown:before{content:'\f28f'}
.icon-csharp:before{content:'\f0b2'}
.icon-cssthree:before{content:'\f06a'}
.icon-cup-coffeealt:before{content:'\f24b'}
.icon-cupcake:before{content:'\f35b'}
.icon-curling:before{content:'\f3d7'}
.icon-cursor:before{content:'\f0dc'}
.icon-cut-scissors:before{content:'\f0ca'}
.icon-dagger:before{content:'\2020'}
.icon-danger:before{content:'\f415'}
.icon-dart:before{content:'\f3d4'}
.icon-darthvader:before{content:'\f34a'}
.icon-database:before{content:'\f00b'}
.icon-databaseadd:before{content:'\f00c'}
.icon-databasedelete:before{content:'\f00d'}
.icon-davidstar:before{content:'\f40e'}
.icon-dcsource:before{content:'\f3e9'}
.icon-dedicatedserver:before{content:'\f00e'}
.icon-deletefile:before{content:'\f0c7'}
.icon-deletefolder:before{content:'\f0db'}
.icon-delicious:before{content:'\f152'}
.icon-designcontest:before{content:'\f351'}
.icon-desklamp:before{content:'\f412'}
.icon-dialpad:before{content:'\f399'}
.icon-diamond:before{content:'\2666'}
.icon-diamonds:before{content:'\f2f7'}
.icon-die-dice:before{content:'\f2d8'}
.icon-diefive:before{content:'\f3fb'}
.icon-diefour:before{content:'\f3fa'}
.icon-dieone:before{content:'\f3f7'}
.icon-diesix:before{content:'\f3fc'}
.icon-diethree:before{content:'\f3f9'}
.icon-dietwo:before{content:'\f3f8'}
.icon-diode:before{content:'\f3e7'}
.icon-director:before{content:'\f2ae'}
.icon-diskspace:before{content:'\f096'}
.icon-distributehorizontalcenters:before{content:'\f1dc'}
.icon-distributeverticalcenters:before{content:'\f1db'}
.icon-divide:before{content:'\00f7'}
.icon-dna:before{content:'\f409'}
.icon-dnszone:before{content:'\f07f'}
.icon-document:before{content:'\f0c2'}
.icon-doghouse:before{content:'\f38f'}
.icon-dollar:before{content:'\24'}
.icon-dollaralt:before{content:'\f259'}
.icon-dolphinsoftware:before{content:'\f064'}
.icon-domain:before{content:'\f01d'}
.icon-domainaddon:before{content:'\f053'}
.icon-domino:before{content:'\f3d5'}
.icon-donut:before{content:'\f3ca'}
.icon-downleft:before{content:'\f2ff'}
.icon-download:before{content:'\f47b'}
.icon-download-alt:before{content:'\f11a'}
.icon-downright:before{content:'\f300'}
.icon-draft:before{content:'\f172'}
.icon-dreamweaver:before{content:'\f1d0'}
.icon-dribbble:before{content:'\f14c'}
.icon-dropmenu:before{content:'\f0a5'}
.icon-drupal:before{content:'\f075'}
.icon-drwho:before{content:'\f3c0'}
.icon-edit:before{content:'\f47c'}
.icon-editalt:before{content:'\f0f2'}
.icon-egg:before{content:'\f407'}
.icon-eightball:before{content:'\f36e'}
.icon-eject:before{content:'\f199'}
.icon-elipse:before{content:'\f1bc'}
.icon-emailalt:before{content:'\f136'}
.icon-emailexport:before{content:'\f176'}
.icon-emailforward:before{content:'\f175'}
.icon-emailforwarders:before{content:'\f049'}
.icon-emailimport:before{content:'\f177'}
.icon-emailrefresh:before{content:'\f174'}
.icon-emailtrace:before{content:'\f091'}
.icon-emergency:before{content:'\f246'}
.icon-emptycart:before{content:'\f395'}
.icon-enter:before{content:'\f323'}
.icon-envelope:before{content:'\f028'}
.icon-equalizer:before{content:'\f18e'}
.icon-equalizeralt:before{content:'\f18f'}
.icon-equals:before{content:'\f30c'}
.icon-eraser:before{content:'\f1f1'}
.icon-erroralt:before{content:'\f05a'}
.icon-euro:before{content:'\20ac'}
.icon-euroalt:before{content:'\f25a'}
.icon-evernote:before{content:'\f17c'}
.icon-exchange-currency:before{content:'\f26b'}
.icon-exclamation-sign:before{content:'\f04a'}
.icon-excludeshape:before{content:'\f200'}
.icon-exit:before{content:'\f324'}
.icon-explorerwindow:before{content:'\f0d9'}
.icon-exportfile:before{content:'\f32f'}
.icon-exposure:before{content:'\f1de'}
.icon-extinguisher:before{content:'\f2b7'}
.icon-eye-close:before{content:'\f481'}
.icon-eye-open:before{content:'\f2b5'}
.icon-eye-view:before{content:'\f280'}
.icon-eyedropper:before{content:'\f1ad'}
.icon-facebook:before{content:'\f140'}
.icon-facebookalt:before{content:'\f14b'}
.icon-facetime-video:before{content:'\f19c'}
.icon-factory:before{content:'\f27a'}
.icon-fantastico:before{content:'\f0ae'}
.icon-faq:before{content:'\f099'}
.icon-fast-backward:before{content:'\f47e'}
.icon-fast-forward:before{content:'\f47f'}
.icon-fastdown:before{content:'\f31d'}
.icon-fastleft:before{content:'\f31a'}
.icon-fastright:before{content:'\f31b'}
.icon-fastup:before{content:'\f31c'}
.icon-favoritefile:before{content:'\f381'}
.icon-favoritefolder:before{content:'\f382'}
.icon-featheralt-write:before{content:'\f1c5'}
.icon-fedora:before{content:'\f3f1'}
.icon-fence:before{content:'\f2af'}
.icon-file:before{content:'\f0d6'}
.icon-film:before{content:'\f19d'}
.icon-filmstrip:before{content:'\f3ed'}
.icon-filter:before{content:'\f05c'}
.icon-finder:before{content:'\f398'}
.icon-fire:before{content:'\f27f'}
.icon-firefox:before{content:'\f420'}
.icon-firewall:before{content:'\f021'}
.icon-firewire:before{content:'\f0fc'}
.icon-firstaid:before{content:'\f2ba'}
.icon-fish:before{content:'\f35a'}
.icon-fishbone:before{content:'\f42b'}
.icon-flag:before{content:'\f487'}
.icon-flagalt:before{content:'\f232'}
.icon-flagtriangle:before{content:'\f20b'}
.icon-flash:before{content:'\f1cf'}
.icon-flashlight:before{content:'\f299'}
.icon-flashplayer:before{content:'\f070'}
.icon-flaskfull:before{content:'\f27e'}
.icon-flickr:before{content:'\f146'}
.icon-flower:before{content:'\f2a5'}
.icon-flowernew:before{content:'\f3a8'}
.icon-folder-close:before{content:'\f094'}
.icon-folder-open:before{content:'\f483'}
.icon-foldertree:before{content:'\f0f0'}
.icon-font:before{content:'\f1ae'}
.icon-foodtray:before{content:'\f3d0'}
.icon-football-soccer:before{content:'\f2eb'}
.icon-forbiddenalt:before{content:'\f314'}
.icon-forest-tree:before{content:'\f217'}
.icon-forestalt-treealt:before{content:'\f21c'}
.icon-fork:before{content:'\22d4'}
.icon-forklift:before{content:'\f29b'}
.icon-form:before{content:'\f08c'}
.icon-forrst:before{content:'\f14d'}
.icon-fort:before{content:'\f400'}
.icon-forward:before{content:'\f182'}
.icon-fourohfour:before{content:'\f09d'}
.icon-foursquare:before{content:'\f42a'}
.icon-freeway:before{content:'\f24a'}
.icon-fridge:before{content:'\f40d'}
.icon-fries:before{content:'\f36a'}
.icon-ftp:before{content:'\f029'}
.icon-ftpaccounts:before{content:'\f07b'}
.icon-ftpsession:before{content:'\f07c'}
.icon-fullscreen:before{content:'\f485'}
.icon-gameboy:before{content:'\f403'}
.icon-gamecursor:before{content:'\f2d0'}
.icon-gasstation:before{content:'\f216'}
.icon-gearfour:before{content:'\f3a7'}
.icon-ghost:before{content:'\f2da'}
.icon-gift:before{content:'\f260'}
.icon-github:before{content:'\f081'}
.icon-glass:before{content:'\f236'}
.icon-glasses:before{content:'\f295'}
.icon-glassesalt:before{content:'\f39d'}
.icon-globe:before{content:'\f01b'}
.icon-globealt:before{content:'\f36c'}
.icon-glue:before{content:'\f36d'}
.icon-gmail:before{content:'\f150'}
.icon-golf:before{content:'\f2f1'}
.icon-googledrive:before{content:'\f163'}
.icon-googleplus:before{content:'\f165'}
.icon-googlewallet:before{content:'\f270'}
.icon-gpsoff-gps:before{content:'\f21e'}
.icon-gpson:before{content:'\f21f'}
.icon-gpu-graphicscard:before{content:'\f108'}
.icon-gradient:before{content:'\2207'}
.icon-grails:before{content:'\f085'}
.icon-greenlantern:before{content:'\f340'}
.icon-greenlightbulb:before{content:'\f406'}
.icon-grooveshark:before{content:'\f3a2'}
.icon-groups-friends:before{content:'\f134'}
.icon-guitar:before{content:'\f19a'}
.icon-halflife:before{content:'\f3ba'}
.icon-halo:before{content:'\f3bb'}
.icon-hamburger:before{content:'\f2b3'}
.icon-hammer:before{content:'\f291'}
.icon-hand-down:before{content:'\f387'}
.icon-hand-left:before{content:'\f389'}
.icon-hand-right:before{content:'\f388'}
.icon-hand-up:before{content:'\f0dd'}
.icon-handcuffs:before{content:'\f393'}
.icon-handdrag:before{content:'\f0de'}
.icon-handtwofingers:before{content:'\f0df'}
.icon-hanger:before{content:'\f2ab'}
.icon-happy:before{content:'\f13c'}
.icon-harrypotter:before{content:'\f38b'}
.icon-hdd:before{content:'\f02a'}
.icon-hdtv:before{content:'\f1a0'}
.icon-headphones:before{content:'\f180'}
.icon-headphonesalt:before{content:'\f1a3'}
.icon-heart:before{content:'\f131'}
.icon-heartempty-love:before{content:'\f132'}
.icon-hearts:before{content:'\f2f4'}
.icon-helicopter:before{content:'\f3e4'}
.icon-hexagon-polygon:before{content:'\f1be'}
.icon-hockey:before{content:'\f3d9'}
.icon-home:before{content:'\21b8'}
.icon-homealt:before{content:'\f02b'}
.icon-hospital:before{content:'\f247'}
.icon-hotdog:before{content:'\f3cc'}
.icon-hotlinkprotection:before{content:'\f050'}
.icon-hourglassalt:before{content:'\f122'}
.icon-html:before{content:'\f068'}
.icon-htmlfive:before{content:'\f069'}
.icon-hydrant:before{content:'\f3ff'}
.icon-icecream:before{content:'\f2a4'}
.icon-icecreamalt:before{content:'\f289'}
.icon-illustrator:before{content:'\f1ce'}
.icon-imac:before{content:'\f0fb'}
.icon-images-gallery:before{content:'\f09f'}
.icon-importcontacts:before{content:'\f092'}
.icon-importfile:before{content:'\f32e'}
.icon-inbox:before{content:'\f17a'}
.icon-inboxalt:before{content:'\f178'}
.icon-incomingcall:before{content:'\f15d'}
.icon-indent-left:before{content:'\f1f2'}
.icon-indent-right:before{content:'\f1f3'}
.icon-indexmanager:before{content:'\f09e'}
.icon-infinity:before{content:'\221e'}
.icon-info-sign:before{content:'\f315'}
.icon-infographic:before{content:'\f336'}
.icon-ink:before{content:'\f3f6'}
.icon-inkpen:before{content:'\f1ac'}
.icon-insertbarchart:before{content:'\f1e5'}
.icon-insertpicture:before{content:'\f1e0'}
.icon-insertpicturecenter:before{content:'\f1e3'}
.icon-insertpictureleft:before{content:'\f1e1'}
.icon-insertpictureright:before{content:'\f1e2'}
.icon-insertpiechart:before{content:'\f1e4'}
.icon-instagram:before{content:'\f14a'}
.icon-install:before{content:'\f128'}
.icon-intel:before{content:'\f01f'}
.icon-intersection:before{content:'\2229'}
.icon-intersectshape:before{content:'\f1ff'}
.icon-invert:before{content:'\f1df'}
.icon-invoice:before{content:'\f3e5'}
.icon-ipcontrol:before{content:'\f08b'}
.icon-iphone:before{content:'\f0e6'}
.icon-ipod:before{content:'\f190'}
.icon-ironman:before{content:'\f349'}
.icon-islam:before{content:'\f410'}
.icon-island:before{content:'\f392'}
.icon-italic:before{content:'\f1f5'}
.icon-jar:before{content:'\f2b6'}
.icon-jason:before{content:'\f38c'}
.icon-java:before{content:'\f083'}
.icon-joomla:before{content:'\f073'}
.icon-joystickarcade:before{content:'\f2d4'}
.icon-joystickatari:before{content:'\f2d5'}
.icon-jquery:before{content:'\f06b'}
.icon-jqueryui:before{content:'\f06c'}
.icon-kerning:before{content:'\f1e9'}
.icon-key:before{content:'\f093'}
.icon-keyboard:before{content:'\f119'}
.icon-keyboardalt:before{content:'\f105'}
.icon-keyboarddelete:before{content:'\f3a6'}
.icon-kidney:before{content:'\f3e0'}
.icon-king:before{content:'\f2fc'}
.icon-knife:before{content:'\f214'}
.icon-knight:before{content:'\f2fb'}
.icon-knob:before{content:'\f376'}
.icon-lab-flask:before{content:'\f27d'}
.icon-lamp:before{content:'\f2b1'}
.icon-lan:before{content:'\f0ee'}
.icon-language:before{content:'\f042'}
.icon-laptop:before{content:'\f0d8'}
.icon-lasso:before{content:'\f396'}
.icon-lastfm:before{content:'\f3a3'}
.icon-laugh:before{content:'\f13f'}
.icon-law:before{content:'\f263'}
.icon-layers:before{content:'\f1ca'}
.icon-layersalt:before{content:'\f1cb'}
.icon-leaf:before{content:'\f039'}
.icon-leechprotect:before{content:'\f07e'}
.icon-legacyfilemanager:before{content:'\f095'}
.icon-lego:before{content:'\f370'}
.icon-lifeempty:before{content:'\f2e1'}
.icon-lifefull:before{content:'\f2e3'}
.icon-lifehacker:before{content:'\f380'}
.icon-lifehalf:before{content:'\f2e2'}
.icon-lifepreserver:before{content:'\f015'}
.icon-lightbulb-idea:before{content:'\f338'}
.icon-lighthouse:before{content:'\f3e6'}
.icon-lightning:before{content:'\f231'}
.icon-lightningalt:before{content:'\f2a8'}
.icon-line:before{content:'\f1bf'}
.icon-lineheight:before{content:'\f1c0'}
.icon-link:before{content:'\f022'}
.icon-linkalt:before{content:'\f333'}
.icon-linkedin:before{content:'\f166'}
.icon-linux:before{content:'\f01a'}
.icon-list:before{content:'\f111'}
.icon-list-alt:before{content:'\f480'}
.icon-liver:before{content:'\f3e2'}
.icon-loading-hourglass:before{content:'\f123'}
.icon-loadingalt:before{content:'\f339'}
.icon-lock:before{content:'\f0be'}
.icon-lockalt-keyhole:before{content:'\f0eb'}
.icon-lollypop:before{content:'\f3ee'}
.icon-lungs:before{content:'\f3df'}
.icon-macpro:before{content:'\f3a5'}
.icon-macro-plant:before{content:'\f1c6'}
.icon-magazine:before{content:'\f1ec'}
.icon-magento:before{content:'\f06e'}
.icon-magnet:before{content:'\f281'}
.icon-mailbox:before{content:'\f044'}
.icon-mailinglists:before{content:'\f090'}
.icon-man-male:before{content:'\f2a1'}
.icon-managedhosting:before{content:'\f038'}
.icon-map:before{content:'\f209'}
.icon-map-marker:before{content:'\f220'}
.icon-marker:before{content:'\f204'}
.icon-marvin:before{content:'\f3dd'}
.icon-mastercard:before{content:'\f266'}
.icon-maximize:before{content:'\f30f'}
.icon-medal:before{content:'\f2e5'}
.icon-medalbronze:before{content:'\f2e8'}
.icon-medalgold:before{content:'\f2e6'}
.icon-medalsilver:before{content:'\f2e7'}
.icon-mediarepeat:before{content:'\f187'}
.icon-men:before{content:'\f24c'}
.icon-menu:before{content:'\f127'}
.icon-merge:before{content:'\f334'}
.icon-mergecells:before{content:'\f327'}
.icon-mergeshapes:before{content:'\f201'}
.icon-metro-subway:before{content:'\f24f'}
.icon-metronome:before{content:'\f374'}
.icon-mickeymouse:before{content:'\f37a'}
.icon-microphone:before{content:'\f191'}
.icon-microscope:before{content:'\f283'}
.icon-microsd:before{content:'\f107'}
.icon-microwave:before{content:'\f42e'}
.icon-mimetype:before{content:'\f057'}
.icon-minimize:before{content:'\f30e'}
.icon-minus:before{content:'\2212'}
.icon-minus-sign:before{content:'\f477'}
.icon-missedcall:before{content:'\f15c'}
.icon-mobile:before{content:'\f0e8'}
.icon-moleskine:before{content:'\f1f0'}
.icon-money-cash:before{content:'\f27b'}
.icon-moneybag:before{content:'\f271'}
.icon-monitor:before{content:'\f0d5'}
.icon-monstersinc:before{content:'\f3bd'}
.icon-moon-night:before{content:'\f207'}
.icon-mouse:before{content:'\f0d4'}
.icon-mousealt:before{content:'\f126'}
.icon-move:before{content:'\f322'}
.icon-movieclapper:before{content:'\f193'}
.icon-moviereel:before{content:'\f17f'}
.icon-muffin:before{content:'\f363'}
.icon-mug:before{content:'\f24e'}
.icon-mushroom:before{content:'\f35e'}
.icon-music:before{content:'\f181'}
.icon-musicalt:before{content:'\f18d'}
.icon-mutealt:before{content:'\f0e5'}
.icon-mxentry:before{content:'\f07a'}
.icon-mybb:before{content:'\f065'}
.icon-myspace:before{content:'\f153'}
.icon-mysql-dolphin:before{content:'\f076'}
.icon-nail:before{content:'\f428'}
.icon-navigation:before{content:'\f23a'}
.icon-network:before{content:'\f0a6'}
.icon-networksignal:before{content:'\f3a9'}
.icon-news:before{content:'\f256'}
.icon-newtab:before{content:'\f16f'}
.icon-newwindow:before{content:'\f16d'}
.icon-next:before{content:'\f18a'}
.icon-nexus:before{content:'\f0e7'}
.icon-nintendods:before{content:'\f404'}
.icon-nodejs:before{content:'\f084'}
.icon-notes:before{content:'\f0d7'}
.icon-notificationbottom:before{content:'\f144'}
.icon-notificationtop:before{content:'\f145'}
.icon-nut:before{content:'\f427'}
.icon-off:before{content:'\f11d'}
.icon-office-building:before{content:'\f245'}
.icon-officechair:before{content:'\f26d'}
.icon-ok:before{content:'\2713'}
.icon-ok-circle:before{content:'\f471'}
.icon-ok-sign:before{content:'\f479'}
.icon-oneup:before{content:'\f3b7'}
.icon-oneupalt:before{content:'\f3b6'}
.icon-opencart:before{content:'\f060'}
.icon-opennewwindow:before{content:'\f332'}
.icon-orange:before{content:'\f29e'}
.icon-outbox:before{content:'\f179'}
.icon-outgoingcall:before{content:'\f15e'}
.icon-oxwall:before{content:'\f06d'}
.icon-pacman:before{content:'\f2db'}
.icon-pageback:before{content:'\f31e'}
.icon-pagebreak:before{content:'\f1cc'}
.icon-pageforward:before{content:'\f31f'}
.icon-pagesetup:before{content:'\f331'}
.icon-paintbrush:before{content:'\f1e8'}
.icon-paintroll:before{content:'\f1fa'}
.icon-palette-painting:before{content:'\f1b9'}
.icon-paperclip:before{content:'\f284'}
.icon-paperclipalt:before{content:'\f285'}
.icon-paperclipvertical:before{content:'\f286'}
.icon-paperplane:before{content:'\f296'}
.icon-parentheses:before{content:'\f3c4'}
.icon-parkeddomain:before{content:'\f055'}
.icon-password:before{content:'\f03e'}
.icon-passwordalt:before{content:'\f03f'}
.icon-pasta:before{content:'\f408'}
.icon-patch:before{content:'\f2a3'}
.icon-path:before{content:'\f169'}
.icon-pause:before{content:'\f186'}
.icon-paw-pet:before{content:'\f29d'}
.icon-pawn:before{content:'\f2f8'}
.icon-paypal:before{content:'\f267'}
.icon-peace:before{content:'\f2a7'}
.icon-pen:before{content:'\f1ee'}
.icon-pencil:before{content:'\f1b7'}
.icon-pepperoni:before{content:'\f364'}
.icon-percent:before{content:'\25'}
.icon-perl-camel:before{content:'\f0b6'}
.icon-perlalt:before{content:'\f0b7'}
.icon-phone-call:before{content:'\f14f'}
.icon-phonealt:before{content:'\f15b'}
.icon-phonebook:before{content:'\f149'}
.icon-phonebookalt:before{content:'\f135'}
.icon-phonemic:before{content:'\f391'}
.icon-phoneold:before{content:'\f148'}
.icon-photoshop:before{content:'\f1cd'}
.icon-php:before{content:'\f09c'}
.icon-phpbb:before{content:'\f063'}
.icon-phppear:before{content:'\f09b'}
.icon-piano:before{content:'\f19e'}
.icon-picture:before{content:'\22b7'}
.icon-pictureframe:before{content:'\f41e'}
.icon-piggybank:before{content:'\f257'}
.icon-pigpena:before{content:'\f456'}
.icon-pigpenb:before{content:'\f457'}
.icon-pigpenc:before{content:'\f458'}
.icon-pigpend:before{content:'\f459'}
.icon-pigpene:before{content:'\f45a'}
.icon-pigpenf:before{content:'\f45b'}
.icon-pigpeng:before{content:'\f45c'}
.icon-pigpenh:before{content:'\f45d'}
.icon-pigpeni:before{content:'\f45e'}
.icon-pigpenj:before{content:'\f45f'}
.icon-pigpenk:before{content:'\f460'}
.icon-pigpenl:before{content:'\f461'}
.icon-pigpenm:before{content:'\f462'}
.icon-pigpenn:before{content:'\f463'}
.icon-pigpeno:before{content:'\f464'}
.icon-pigpenp:before{content:'\f465'}
.icon-pigpenq:before{content:'\f466'}
.icon-pigpenr:before{content:'\f467'}
.icon-pigpens:before{content:'\f468'}
.icon-pigpent:before{content:'\f469'}
.icon-pigpenu:before{content:'\f46a'}
.icon-pigpenv:before{content:'\f46b'}
.icon-pigpenw:before{content:'\f46c'}
.icon-pigpenx:before{content:'\f46d'}
.icon-pigpeny:before{content:'\f46e'}
.icon-pigpenz:before{content:'\f46f'}
.icon-pilcrow:before{content:'\00b6'}
.icon-pill-antivirusalt:before{content:'\f0aa'}
.icon-pin:before{content:'\f20a'}
.icon-pipe:before{content:'\01c0'}
.icon-piwigo:before{content:'\f0ad'}
.icon-pizza:before{content:'\f35c'}
.icon-placeadd:before{content:'\f221'}
.icon-placealt:before{content:'\f224'}
.icon-placealtadd:before{content:'\f225'}
.icon-placealtdelete:before{content:'\f226'}
.icon-placedelete:before{content:'\f222'}
.icon-placeios:before{content:'\f20c'}
.icon-plane:before{content:'\f23e'}
.icon-plaque:before{content:'\f2b8'}
.icon-play:before{content:'\f184'}
.icon-play-circle:before{content:'\f17e'}
.icon-playstore:before{content:'\f255'}
.icon-playvideo:before{content:'\f03d'}
.icon-plug:before{content:'\f0ea'}
.icon-pluginalt:before{content:'\f098'}
.icon-plus:before{content:'\002b'}
.icon-plus-sign:before{content:'\f476'}
.icon-pocket:before{content:'\f16b'}
.icon-podcast:before{content:'\f1a2'}
.icon-podium-winner:before{content:'\f2d6'}
.icon-pokemon:before{content:'\f354'}
.icon-police:before{content:'\f2aa'}
.icon-polygonlasso:before{content:'\f397'}
.icon-post:before{content:'\f12e'}
.icon-postalt:before{content:'\f130'}
.icon-pound:before{content:'\f25b'}
.icon-poundalt:before{content:'\f25c'}
.icon-powerjack:before{content:'\f0fd'}
.icon-powerplug:before{content:'\f0ed'}
.icon-powerplugeu:before{content:'\f28b'}
.icon-powerplugus:before{content:'\f28c'}
.icon-presentation:before{content:'\f0c4'}
.icon-prestashop:before{content:'\f061'}
.icon-pretzel:before{content:'\f3cf'}
.icon-preview:before{content:'\f330'}
.icon-previous:before{content:'\f18b'}
.icon-print:before{content:'\f125'}
.icon-protecteddirectory:before{content:'\f04d'}
.icon-pscircle:before{content:'\f2bb'}
.icon-pscursor:before{content:'\f2c3'}
.icon-psdown:before{content:'\f2c6'}
.icon-psleft:before{content:'\f2c7'}
.icon-pslone:before{content:'\f2cc'}
.icon-psltwo:before{content:'\f2cd'}
.icon-psright:before{content:'\f2c5'}
.icon-psrone:before{content:'\f2ce'}
.icon-psrtwo:before{content:'\f2cf'}
.icon-pssquare:before{content:'\f2bc'}
.icon-pstriangle:before{content:'\f2bd'}
.icon-psup:before{content:'\f2c4'}
.icon-psx:before{content:'\f2be'}
.icon-pull:before{content:'\f089'}
.icon-punisher:before{content:'\f343'}
.icon-push:before{content:'\f088'}
.icon-puzzle-plugin:before{content:'\f0a0'}
.icon-python:before{content:'\f071'}
.icon-qrcode:before{content:'\f275'}
.icon-quake:before{content:'\f355'}
.icon-queen:before{content:'\f2fd'}
.icon-query:before{content:'\f08a'}
.icon-question-sign:before{content:'\f0a3'}
.icon-quote:before{content:'\f12f'}
.icon-quotedown:before{content:'\f329'}
.icon-quoteup:before{content:'\f328'}
.icon-raceflag:before{content:'\f38e'}
.icon-racquet:before{content:'\f2f2'}
.icon-radio:before{content:'\f1a1'}
.icon-radioactive:before{content:'\f282'}
.icon-radiobutton:before{content:'\f312'}
.icon-railroad:before{content:'\f248'}
.icon-rain:before{content:'\f22f'}
.icon-ram:before{content:'\f02c'}
.icon-random:before{content:'\f188'}
.icon-rar:before{content:'\f117'}
.icon-raspberry:before{content:'\f368'}
.icon-raspberrypi:before{content:'\f369'}
.icon-rawaccesslogs:before{content:'\f0c1'}
.icon-razor:before{content:'\f416'}
.icon-reademail:before{content:'\f173'}
.icon-record:before{content:'\f189'}
.icon-rectangle:before{content:'\25ad'}
.icon-recycle:before{content:'\f297'}
.icon-reddit:before{content:'\f154'}
.icon-redirect:before{content:'\f054'}
.icon-refresh:before{content:'\f078'}
.icon-reliability:before{content:'\f016'}
.icon-remote:before{content:'\f298'}
.icon-remove:before{content:'\00d7'}
.icon-remove-circle:before{content:'\f470'}
.icon-remove-sign:before{content:'\f478'}
.icon-removefriend:before{content:'\f3db'}
.icon-repeat:before{content:'\f32b'}
.icon-repeatone:before{content:'\f196'}
.icon-resellerhosting:before{content:'\f03a'}
.icon-residentevil:before{content:'\f350'}
.icon-resistor:before{content:'\f3eb'}
.icon-resize:before{content:'\f1ed'}
.icon-resize-full:before{content:'\f325'}
.icon-resize-horizontal:before{content:'\f318'}
.icon-resize-small:before{content:'\f326'}
.icon-resize-vertical:before{content:'\f319'}
.icon-restart:before{content:'\f11f'}
.icon-restaurantmenu:before{content:'\f362'}
.icon-restore:before{content:'\f30d'}
.icon-restricted:before{content:'\f0ab'}
.icon-retweet:before{content:'\f486'}
.icon-rim:before{content:'\f36f'}
.icon-ring:before{content:'\02da'}
.icon-road:before{content:'\f249'}
.icon-roadsign-roadsignright:before{content:'\f21b'}
.icon-roadsignleft:before{content:'\f240'}
.icon-robocop:before{content:'\f357'}
.icon-rocket-launch:before{content:'\f29c'}
.icon-rook:before{content:'\f2fa'}
.icon-root:before{content:'\f33c'}
.icon-rorschach:before{content:'\f358'}
.icon-rotateclockwise:before{content:'\f202'}
.icon-rotatecounterclockwise:before{content:'\f203'}
.icon-roundrectangle:before{content:'\f1bd'}
.icon-route:before{content:'\f402'}
.icon-router:before{content:'\f0e9'}
.icon-rss:before{content:'\f17b'}
.icon-rubberstamp:before{content:'\f274'}
.icon-ruby:before{content:'\f067'}
.icon-ruler:before{content:'\f1ef'}
.icon-sad:before{content:'\f13d'}
.icon-safetypin:before{content:'\f417'}
.icon-satellite:before{content:'\f38a'}
.icon-satellitedish-remotemysql:before{content:'\f0c0'}
.icon-save-floppy:before{content:'\f0c8'}
.icon-scales:before{content:'\f3fd'}
.icon-science-atom:before{content:'\f2b0'}
.icon-scope-scan:before{content:'\f212'}
.icon-scopealt:before{content:'\f237'}
.icon-screenshot:before{content:'\f109'}
.icon-screw:before{content:'\f426'}
.icon-screwdriver:before{content:'\f292'}
.icon-screwdriveralt:before{content:'\f293'}
.icon-script:before{content:'\f08d'}
.icon-sd:before{content:'\f106'}
.icon-search:before{content:'\f0c5'}
.icon-searchdocument:before{content:'\f419'}
.icon-searchfolder:before{content:'\f41a'}
.icon-security-shield:before{content:'\f02d'}
.icon-securityalt-shieldalt:before{content:'\f02e'}
.icon-selection-rectangleselection:before{content:'\f1b0'}
.icon-selectionadd:before{content:'\f1b2'}
.icon-selectionintersect:before{content:'\f1b4'}
.icon-selectionremove:before{content:'\f1b3'}
.icon-seo:before{content:'\f030'}
.icon-server:before{content:'\f026'}
.icon-servers:before{content:'\f027'}
.icon-settingsandroid:before{content:'\f309'}
.icon-settingsfour-gearsalt:before{content:'\f306'}
.icon-settingsthree-gears:before{content:'\f307'}
.icon-settingstwo-gearalt:before{content:'\f308'}
.icon-shades-sunglasses:before{content:'\f294'}
.icon-shapes:before{content:'\f1dd'}
.icon-share:before{content:'\f47d'}
.icon-share-alt:before{content:'\f16c'}
.icon-sharealt:before{content:'\f147'}
.icon-sharedfile:before{content:'\f0ef'}
.icon-sharedhosting:before{content:'\f037'}
.icon-sharethree:before{content:'\f414'}
.icon-sheriff:before{content:'\f2a9'}
.icon-shipping:before{content:'\f23f'}
.icon-shopping:before{content:'\f010'}
.icon-shopping-cart:before{content:'\f035'}
.icon-shoppingbag:before{content:'\f273'}
.icon-shortcut:before{content:'\f043'}
.icon-shovel:before{content:'\f290'}
.icon-shredder:before{content:'\f27c'}
.icon-shutdown:before{content:'\f11e'}
.icon-sidebar:before{content:'\f124'}
.icon-signal:before{content:'\f100'}
.icon-sim:before{content:'\f0e1'}
.icon-simalt:before{content:'\f121'}
.icon-skrill:before{content:'\f268'}
.icon-skull:before{content:'\f38d'}
.icon-skype:before{content:'\f141'}
.icon-skypeaway:before{content:'\f39f'}
.icon-skypebusy:before{content:'\f3a0'}
.icon-skypeoffline:before{content:'\f3a1'}
.icon-skypeonline:before{content:'\f39e'}
.icon-smaller:before{content:'\f30b'}
.icon-smf:before{content:'\f062'}
.icon-smile:before{content:'\263a'}
.icon-snow:before{content:'\f22e'}
.icon-snowman:before{content:'\f37c'}
.icon-socialnetwork:before{content:'\f03b'}
.icon-software:before{content:'\f09a'}
.icon-sortbynameascending-atoz:before{content:'\f1c2'}
.icon-sortbynamedescending-ztoa:before{content:'\f1c1'}
.icon-sortbysizeascending:before{content:'\f1c3'}
.icon-sortbysizedescending:before{content:'\f1c4'}
.icon-soundwave:before{content:'\f194'}
.icon-soup:before{content:'\f3d1'}
.icon-spaceinvaders:before{content:'\f352'}
.icon-spades:before{content:'\f2f5'}
.icon-spam:before{content:'\f047'}
.icon-spamalt:before{content:'\f048'}
.icon-spawn:before{content:'\f344'}
.icon-speaker:before{content:'\f372'}
.icon-speed:before{content:'\f40b'}
.icon-spider:before{content:'\f346'}
.icon-spiderman:before{content:'\f347'}
.icon-split:before{content:'\f335'}
.icon-spoon:before{content:'\f213'}
.icon-spray:before{content:'\f1c7'}
.icon-spreadsheet:before{content:'\f0c3'}
.icon-squareapp:before{content:'\f26f'}
.icon-squarebrackets:before{content:'\f0b3'}
.icon-ssh:before{content:'\f04e'}
.icon-sslmanager:before{content:'\f04f'}
.icon-stadium:before{content:'\f3d6'}
.icon-stamp:before{content:'\f242'}
.icon-stampalt:before{content:'\f243'}
.icon-star:before{content:'\f13a'}
.icon-star-empty:before{content:'\f13b'}
.icon-starempty:before{content:'\f2de'}
.icon-starfull:before{content:'\f2e0'}
.icon-starhalf:before{content:'\f2df'}
.icon-steak:before{content:'\f360'}
.icon-steam:before{content:'\f2dd'}
.icon-step-backward:before{content:'\f198'}
.icon-step-forward:before{content:'\f197'}
.icon-sticker:before{content:'\f3f5'}
.icon-stiletto:before{content:'\f429'}
.icon-stockdown:before{content:'\f252'}
.icon-stocks:before{content:'\f250'}
.icon-stockup:before{content:'\f251'}
.icon-stomach:before{content:'\f3e1'}
.icon-stop:before{content:'\f185'}
.icon-stopwatch:before{content:'\f219'}
.icon-storage-box:before{content:'\f011'}
.icon-storagealt-drawer:before{content:'\f012'}
.icon-store:before{content:'\f272'}
.icon-storm:before{content:'\f230'}
.icon-stove:before{content:'\f371'}
.icon-strawberry:before{content:'\f3f3'}
.icon-strikethrough:before{content:'\f1f7'}
.icon-student-school:before{content:'\f288'}
.icon-stumbleupon:before{content:'\f40c'}
.icon-subdomain:before{content:'\f052'}
.icon-submarine:before{content:'\f373'}
.icon-subscript:before{content:'\f1ea'}
.icon-subtractshape:before{content:'\f1fe'}
.icon-sum:before{content:'\f33b'}
.icon-sun-day:before{content:'\f206'}
.icon-sunnysideup:before{content:'\f365'}
.icon-superman:before{content:'\f33f'}
.icon-superscript:before{content:'\f1eb'}
.icon-support:before{content:'\f013'}
.icon-supportalt:before{content:'\f014'}
.icon-switch:before{content:'\f28a'}
.icon-switchoff:before{content:'\f32d'}
.icon-switchoffalt:before{content:'\f28e'}
.icon-switchon:before{content:'\f32c'}
.icon-switchonalt:before{content:'\f28d'}
.icon-sword:before{content:'\f2ed'}
.icon-sync:before{content:'\f0bd'}
.icon-syncalt:before{content:'\f11c'}
.icon-synckeeplocal:before{content:'\f33e'}
.icon-synckeepserver:before{content:'\f33d'}
.icon-syringe-antivirus:before{content:'\f0a9'}
.icon-tablet:before{content:'\f118'}
.icon-tabletennis-pingpong:before{content:'\f2f0'}
.icon-taco:before{content:'\f3cd'}
.icon-tag:before{content:'\f032'}
.icon-tagalt-pricealt:before{content:'\f264'}
.icon-tags:before{content:'\f482'}
.icon-tagvertical:before{content:'\f15f'}
.icon-tank:before{content:'\f423'}
.icon-target:before{content:'\f2a6'}
.icon-taskmanager-logprograms:before{content:'\f04b'}
.icon-tasks:before{content:'\f0e0'}
.icon-taxi:before{content:'\f3a4'}
.icon-tea:before{content:'\f3cb'}
.icon-teapot:before{content:'\f42c'}
.icon-telescope:before{content:'\f3ef'}
.icon-temperature-thermometer:before{content:'\f20d'}
.icon-temperaturealt-thermometeralt:before{content:'\f20e'}
.icon-tennis:before{content:'\f2ea'}
.icon-tent-camping:before{content:'\f215'}
.icon-terminal:before{content:'\f114'}
.icon-tethering:before{content:'\f0f1'}
.icon-tetrisone:before{content:'\f34b'}
.icon-tetristhree:before{content:'\f34d'}
.icon-tetristwo:before{content:'\f34c'}
.icon-text-height:before{content:'\f1f8'}
.icon-text-width:before{content:'\f1f9'}
.icon-th:before{content:'\f110'}
.icon-th-large:before{content:'\f112'}
.icon-th-list:before{content:'\f113'}
.icon-theather:before{content:'\f39c'}
.icon-theme-style:before{content:'\f041'}
.icon-thissideup:before{content:'\f41d'}
.icon-threecolumns:before{content:'\f1ab'}
.icon-thumbs-down:before{content:'\f139'}
.icon-thumbs-up:before{content:'\f138'}
.icon-ticket:before{content:'\f3dc'}
.icon-tictactoe:before{content:'\f39a'}
.icon-tie-business:before{content:'\2040'}
.icon-time:before{content:'\f210'}
.icon-timeline:before{content:'\f253'}
.icon-tint:before{content:'\f208'}
.icon-toast:before{content:'\f2ad'}
.icon-toiletpaper:before{content:'\f384'}
.icon-tooth:before{content:'\f3de'}
.icon-toothbrush:before{content:'\f385'}
.icon-tophat:before{content:'\f3f0'}
.icon-torigate:before{content:'\f411'}
.icon-touchpad:before{content:'\f115'}
.icon-trafficlight:before{content:'\f22a'}
.icon-transform:before{content:'\f1a6'}
.icon-trash:before{content:'\f0ce'}
.icon-trashempty:before{content:'\f0cf'}
.icon-trashfull:before{content:'\f0d0'}
.icon-travel:before{content:'\f422'}
.icon-treediagram:before{content:'\f0ec'}
.icon-treeornament:before{content:'\f37e'}
.icon-triangle:before{content:'\25b3'}
.icon-tron:before{content:'\f34f'}
.icon-trophy:before{content:'\f2d7'}
.icon-truck:before{content:'\f211'}
.icon-trumpet:before{content:'\f375'}
.icon-tumblr:before{content:'\f164'}
.icon-tv:before{content:'\f1a4'}
.icon-twitter:before{content:'\f16a'}
.icon-twocolumnsleft:before{content:'\f1a9'}
.icon-twocolumnsleftalt:before{content:'\f1aa'}
.icon-twocolumnsright:before{content:'\f1a7'}
.icon-twocolumnsrightalt:before{content:'\f1a8'}
.icon-ubuntu:before{content:'\f120'}
.icon-umbrella:before{content:'\f218'}
.icon-underline:before{content:'\f1f6'}
.icon-undo:before{content:'\f32a'}
.icon-unlock:before{content:'\f0bf'}
.icon-upleft:before{content:'\f302'}
.icon-upload:before{content:'\f47a'}
.icon-uploadalt:before{content:'\f11b'}
.icon-upright:before{content:'\f303'}
.icon-uptime:before{content:'\f017'}
.icon-usb:before{content:'\f10d'}
.icon-usbalt:before{content:'\f10e'}
.icon-usbplug:before{content:'\f10f'}
.icon-user:before{content:'\f133'}
.icon-userfilter:before{content:'\f05d'}
.icon-usfootball:before{content:'\f2ec'}
.icon-value-coins:before{content:'\f018'}
.icon-vector:before{content:'\f1b6'}
.icon-vendetta:before{content:'\f3c5'}
.icon-video:before{content:'\f17d'}
.icon-viking:before{content:'\f379'}
.icon-vimeo:before{content:'\f168'}
.icon-vinyl:before{content:'\f0cc'}
.icon-violin:before{content:'\f1a5'}
.icon-virus:before{content:'\f0a8'}
.icon-visa:before{content:'\f3c2'}
.icon-visitor:before{content:'\f097'}
.icon-vlc-cone:before{content:'\f192'}
.icon-voice:before{content:'\f18c'}
.icon-volume-down:before{content:'\f0e3'}
.icon-volume-off:before{content:'\f0e4'}
.icon-volume-up:before{content:'\f0e2'}
.icon-vps:before{content:'\f025'}
.icon-wacom:before{content:'\f1bb'}
.icon-walle:before{content:'\f3bc'}
.icon-wallet:before{content:'\e000'}
.icon-warcraft:before{content:'\f3bf'}
.icon-warmedal:before{content:'\f2e4'}
.icon-warning-sign:before{content:'\f316'}
.icon-washer:before{content:'\f39b'}
.icon-watch:before{content:'\f378'}
.icon-watertap-plumbing:before{content:'\f22d'}
.icon-wave-sea:before{content:'\f23c'}
.icon-wavealt-seaalt:before{content:'\f23b'}
.icon-webcam:before{content:'\f0fe'}
.icon-webcamalt:before{content:'\f129'}
.icon-webhostinghub:before{content:'\f031'}
.icon-webmail:before{content:'\f045'}
.icon-webpage:before{content:'\f033'}
.icon-webplatform:before{content:'\f3c3'}
.icon-websitealt:before{content:'\f01c'}
.icon-websitebuilder:before{content:'\f034'}
.icon-weight:before{content:'\f430'}
.icon-westernunion:before{content:'\f26a'}
.icon-wheel:before{content:'\f228'}
.icon-wheelchair:before{content:'\f3fe'}
.icon-whistle:before{content:'\f3d8'}
.icon-whmcs:before{content:'\f066'}
.icon-wifi:before{content:'\f0ff'}
.icon-wind:before{content:'\f41b'}
.icon-windleft:before{content:'\f424'}
.icon-windows:before{content:'\f019'}
.icon-windright:before{content:'\f425'}
.icon-wine:before{content:'\f238'}
.icon-wizard:before{content:'\f03c'}
.icon-wizardalt:before{content:'\f1fb'}
.icon-wizardhat:before{content:'\f337'}
.icon-woman-female:before{content:'\f2a2'}
.icon-women:before{content:'\f24d'}
.icon-wordpress:before{content:'\f074'}
.icon-wrench:before{content:'\f05b'}
.icon-wrenchalt:before{content:'\f2b2'}
.icon-xbox:before{content:'\f353'}
.icon-xmen:before{content:'\f345'}
.icon-yahoo:before{content:'\f151'}
.icon-yen:before{content:'\00a5'}
.icon-yenalt:before{content:'\f25d'}
.icon-yinyang:before{content:'\262f'}
.icon-youtube:before{content:'\f142'}
.icon-zelda:before{content:'\f3b8'}
.icon-zikula:before{content:'\f0ac'}
.icon-zip:before{content:'\f116'}
.icon-zodiac-aquarius:before{content:'\f3b4'}
.icon-zodiac-aries:before{content:'\f3aa'}
.icon-zodiac-cancer:before{content:'\f3ad'}
.icon-zodiac-capricorn:before{content:'\f3b3'}
.icon-zodiac-gemini:before{content:'\f3ac'}
.icon-zodiac-leo:before{content:'\f3ae'}
.icon-zodiac-libra:before{content:'\f3b0'}
.icon-zodiac-pisces:before{content:'\f3b5'}
.icon-zodiac-sagitarius:before{content:'\f3b2'}
.icon-zodiac-scorpio:before{content:'\f3b1'}
.icon-zodiac-taurus:before{content:'\f3ab'}
.icon-zodiac-virgo:before{content:'\f3af'}
.icon-zoom-in:before{content:'\f320'}
.icon-zoom-out:before{content:'\f321'}
.icon-vk:before{content:'\f34e'}
.icon-bitcoin:before{content:'\f584'}
.icon-rouble:before{content:'\f4ca'}
.icon-phpnuke:before{content:'\f48c'}
.icon-modx:before{content:'\f48d'}
.icon-eoneohseven:before{content:'\f48e'}
.icon-subrion:before{content:'\f48f'}
.icon-typothree:before{content:'\f490'}
.icon-tikiwiki:before{content:'\f491'}
.icon-pligg:before{content:'\f492'}
.icon-pyrocms:before{content:'\f493'}
.icon-mambo:before{content:'\f494'}
.icon-contao:before{content:'\f495'}
.icon-crackedegg:before{content:'\f496'}
.icon-coffeecupalt:before{content:'\f497'}
.icon-reademailalt:before{content:'\f498'}
.icon-train:before{content:'\f499'}
.icon-shoebox:before{content:'\f49a'}
.icon-bathtub:before{content:'\f49b'}
.icon-ninegag:before{content:'\f49c'}
.icon-pebble:before{content:'\f49d'}
.icon-musicthree:before{content:'\f49e'}
.icon-stairsup:before{content:'\f49f'}
.icon-stairsdown:before{content:'\f4a0'}
.icon-bookalt:before{content:'\f4a1'}
.icon-programclose:before{content:'\f4a2'}
.icon-programok:before{content:'\f4a3'}
.icon-splitalt:before{content:'\f4a4'}
.icon-solarsystem:before{content:'\f4a5'}
.icon-honeycomb:before{content:'\f4a6'}
.icon-tools:before{content:'\f4a7'}
.icon-xoops:before{content:'\f4a8'}
.icon-pixie:before{content:'\f4a9'}
.icon-dotclear:before{content:'\f4aa'}
.icon-impresscms:before{content:'\f4ab'}
.icon-saurus:before{content:'\f4ac'}
.icon-impresspages:before{content:'\f4ad'}
.icon-monstra:before{content:'\f4ae'}
.icon-snews:before{content:'\f4af'}
.icon-jcore:before{content:'\f4b0'}
.icon-silverstripe:before{content:'\f4b1'}
.icon-btwoevolution:before{content:'\f4b2'}
.icon-nucleus:before{content:'\f4b3'}
.icon-symphony:before{content:'\f4b5'}
.icon-vanillacms:before{content:'\f4b6'}
.icon-bbpress:before{content:'\f4b7'}
.icon-phpbbalt:before{content:'\f4b8'}
.icon-chyrp:before{content:'\f4b9'}
.icon-pivotx:before{content:'\f4ba'}
.icon-pagecookery:before{content:'\f4bb'}
.icon-moviereelalt:before{content:'\f4bc'}
.icon-cassettealt:before{content:'\f4bd'}
.icon-photobucket:before{content:'\f4be'}
.icon-technorati:before{content:'\f4bf'}
.icon-theverge:before{content:'\f4c0'}
.icon-stacks:before{content:'\f4c1'}
.icon-dotlist:before{content:'\f4c2'}
.icon-numberlist:before{content:'\f4c3'}
.icon-indentleft:before{content:'\f4c4'}
.icon-indentright:before{content:'\f4c5'}
.icon-fblike:before{content:'\f4c6'}
.icon-fbdislike:before{content:'\f4c7'}
.icon-sale:before{content:'\f4c8'}
.icon-sharetronix:before{content:'\f4c9'}
.icon-markerdown:before{content:'\f4cb'}
.icon-markerup:before{content:'\f4cc'}
.icon-markerleft:before{content:'\f4cd'}
.icon-markerright:before{content:'\f4ce'}
.icon-bookmarkalt:before{content:'\f4cf'}
.icon-calendarthree:before{content:'\f4d0'}
.icon-wineglass:before{content:'\f4d1'}
.icon-slidersoff:before{content:'\f4d2'}
.icon-slidersmiddle:before{content:'\f4d3'}
.icon-slidersfull:before{content:'\f4d4'}
.icon-slidersdesc:before{content:'\f4d5'}
.icon-slidersasc:before{content:'\f4d6'}
.icon-slideronefull:before{content:'\f4d7'}
.icon-slidertwofull:before{content:'\f4d8'}
.icon-sliderthreefull:before{content:'\f4d9'}
.icon-noborders:before{content:'\f4da'}
.icon-bottomborder:before{content:'\f4db'}
.icon-topborder:before{content:'\f4dc'}
.icon-leftborder:before{content:'\f4dd'}
.icon-rightborder:before{content:'\f4de'}
.icon-horizontalborder:before{content:'\f4df'}
.icon-verticalborder:before{content:'\f4e0'}
.icon-outerborders:before{content:'\f4e1'}
.icon-innerborders:before{content:'\f4e2'}
.icon-fullborders:before{content:'\f4e3'}
.icon-networksignalalt:before{content:'\f4e4'}
.icon-resizeverticalalt:before{content:'\f4e5'}
.icon-resizehorizontalalt:before{content:'\f4e6'}
.icon-moneyalt:before{content:'\f4e7'}
.icon-fontcase:before{content:'\f4e8'}
.icon-playstation:before{content:'\f4e9'}
.icon-cube:before{content:'\f4ea'}
.icon-sphere:before{content:'\f4eb'}
.icon-ceilinglight:before{content:'\f4ec'}
.icon-chandelier:before{content:'\f4ed'}
.icon-details:before{content:'\f4ee'}
.icon-detailsalt:before{content:'\f4ef'}
.icon-bullet:before{content:'\f4f0'}
.icon-gun:before{content:'\f4f1'}
.icon-processorthree:before{content:'\f4f2'}
.icon-world:before{content:'\f4f3'}
.icon-statistics:before{content:'\f4f4'}
.icon-shoppingcartalt:before{content:'\f4f5'}
.icon-microphonealt:before{content:'\f4f6'}
.icon-routeralt:before{content:'\f4f7'}
.icon-shell:before{content:'\f4f8'}
.icon-squareplay:before{content:'\f4f9'}
.icon-squarestop:before{content:'\f4fa'}
.icon-squarepause:before{content:'\f4fb'}
.icon-squarerecord:before{content:'\f4fc'}
.icon-squareforward:before{content:'\f4fd'}
.icon-squareback:before{content:'\f4fe'}
.icon-squarenext:before{content:'\f4ff'}
.icon-squareprevious:before{content:'\f500'}
.icon-mega:before{content:'\f501'}
.icon-charliechaplin:before{content:'\f502'}
.icon-popcorn:before{content:'\f503'}
.icon-fatarrowright:before{content:'\f504'}
.icon-fatarrowleft:before{content:'\f505'}
.icon-fatarrowdown:before{content:'\f506'}
.icon-fatarrowup:before{content:'\f507'}
.icon-shirtbutton:before{content:'\f508'}
.icon-shirtbuttonalt:before{content:'\f509'}
.icon-cuckooclock:before{content:'\f50a'}
.icon-lens:before{content:'\f50b'}
.icon-voltage:before{content:'\f50c'}
.icon-planealt:before{content:'\f50d'}
.icon-busalt:before{content:'\f50e'}
.icon-lipstick:before{content:'\f50f'}
.icon-plantalt:before{content:'\f510'}
.icon-paperboat:before{content:'\f511'}
.icon-texture:before{content:'\f512'}
.icon-dominoone:before{content:'\f513'}
.icon-dominotwo:before{content:'\f514'}
.icon-dominothree:before{content:'\f515'}
.icon-dominofour:before{content:'\f516'}
.icon-dominofive:before{content:'\f517'}
.icon-dominosix:before{content:'\f518'}
.icon-dominoseven:before{content:'\f519'}
.icon-dominoeight:before{content:'\f51a'}
.icon-dominonine:before{content:'\f51b'}
.icon-connected:before{content:'\f51c'}
.icon-connectedpc:before{content:'\f51d'}
.icon-musicsheet:before{content:'\f51e'}
.icon-rdio:before{content:'\f51f'}
.icon-spotify:before{content:'\f520'}
.icon-deviantart:before{content:'\f521'}
.icon-yelp:before{content:'\f522'}
.icon-behance:before{content:'\f523'}
.icon-nfc:before{content:'\f524'}
.icon-earbudsalt:before{content:'\f525'}
.icon-earbuds:before{content:'\f526'}
.icon-amazon:before{content:'\f527'}
.icon-openid:before{content:'\f528'}
.icon-digg:before{content:'\f529'}
.icon-retweet:before{content:'\f52a'}
.icon-moonnew:before{content:'\f52b'}
.icon-moonwaxingcrescent:before{content:'\f52c'}
.icon-moonfirstquarter:before{content:'\f52d'}
.icon-moonwaxinggibbous:before{content