Font Awesome icon usage statistics

  • 2 types of Font Awesome iconic font are used and found 6 times in total.
  • UITM.EDU.MY used 3.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of UITM.EDU.MY are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • UITM.EDU.MY includes "http://www.uitm.edu.my/templates/rt_fracture/css-compiled/master-962d1d890aa09ea141d0f1bfa5257987.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'EdmondSansRegular';src:url('../fonts/edmondsans-regular-webfont.eot');src:url('../fonts/edmondsans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/edmondsans-regular-webfont.woff') format('woff'), url('../fonts/edmondsans-regular-webfont.ttf') format('truetype'), url('../fonts/edmondsans-regular-webfont.svg#EdmondSansRegular') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'EdmondSansMedium';src:url('../fonts/edmondsans-medium-webfont.eot');src:url('../fonts/edmondsans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/edmondsans-medium-webfont.woff') format('woff'), url('../fonts/edmondsans-medium-webfont.ttf') format('truetype'), url('../fonts/edmondsans-medium-webfont.svg#EdmondSansMedium') format('svg');font-weight:normal;font-style:normal;}.font-family-fracture .module-title,.font-family-fracture .sprocket-tabs-inner,.font-family-fracture .sprocket-mosaic-title,.font-family-fracture .component-content .blog h2,.font-family-fracture .component-content .item-page h2,.font-family-fracture .component-content .blog-featured h2,.font-family-fracture .sprocket-lists .sprocket-lists-title,.font-family-fracture .sprocket-lists-item h4,.font-family-fracture .sprocket-headlines-badge span,.font-family-fracture .rt-totop,.font-family-fracture .weblink-category h2,.font-family-fracture .contact h2,.font-family-fracture .login h1,.font-family-fracture .component-content h1,.promo1,.promo2,.promo3{font-family:'EdmondSansRegular', Helvetica, Arial, sans-serif;}.font-family-fracture .button,.font-family-fracture .readon,.font-family-fracture .readmore,.font-family-fracture button.validate,.font-family-fracture #member-profile a,.font-family-fracture #member-registration a,.font-family-fracture .formelm-buttons button,.font-family-fracture .menutop .item,.font-family-fracture .module-content ul.menu > li a,.font-family-fracture .module-content ul.menu li > .separator,.font-family-fracture .module-content ul.menu > li > .nolink,.title3 .title,.sprocket-features-title{font-family:'EdmondSansMedium', Helvetica, Arial, sans-serif;}.font-family-fracture .layout-slideshow .sprocket-features-pagination li span{font-family:'EdmondSansMedium', Helvetica, Arial, sans-serif;}.font-family-fracture .horizmenu ul.menu li a,.font-family-fracture .horizmenu ul.menu li .item,.font-family-fracture .horizmenu ul.menu li .separator{font-family:Arial, Helvetica, sans-serif;}.menu-block{padding:0;margin:0;}.menu-shadow{width:12px;height:100%;background:rgba(0,0,0,0.25);position:absolute;left:0;top:0;bottom:0;z-index:-1;}.menu-number{display:block;font-size:1.1em;font-weight:100;margin:0 0 -10px;font-family:'EdmondSansRegular', Helvetica, Arial, sans-serif;}.subtext .menu-number{margin:0;}.image .menu-number{margin:0 0 -6px;}.rt-menu-mobile{text-align:center;padding:0 0 15px 0;}.module-content .splitmenu .menu-shadow,.module-content .splitmenu .menu-number{display:none;}.module-content .menu{padding:15px 0;margin:0 -15px -15px;}.module-content ul.menu li a,.module-content ul.menu li .separator,.module-content ul.menu li .item{padding:10px 20px;display:block;border:1px solid transparent;}.module-content ul.menu > li a,.module-content ul.menu li > .separator,.module-content ul.menu > li > .nolink{background-repeat:repeat-x;display:block;font-size:1.2em;line-height:1.8em;text-transform:uppercase;}.module-content .menu li{list-style:none;}.module-content ul.menu li.parent li a,.module-content ul.menu li.parent li .item,.module-content ul.menu li.parent li .separator{font-size:13px;padding:5px 20px;background-repeat:no-repeat;background-position:-5px -135px;}ul.menu li.parent li.active.current a,ul.menu li.parent li.active.current .item,ul.menu li.parent li.active.current .separator,ul.menu li.parent li:hover a,ul.menu li.parent li:hover .item,ul.menu li.parent li:hover .separator{background-position:-4px -135px;}.module-content ul.menu li.parent li a,.module-content ul.menu li.parent li .item,.module-content ul.menu li.parent li .separator{font-size:0.9em;}.module-content ul.menu ul{margin-left:0;}.title1 .module-title .title{font-size:200%;position:relative;}.title1 .title{margin:0 0 0 74px;display:block;padding:17px 17px;font-weight:100;}.title1 .title-center{left:50%;display:inline-block;position:relative;}.title1 .title-center > div{left:-50%;position:relative;top:-26px;}.title1 .mod-hex{width:74px;height:82px;float:left;margin-top:-16px;position:relative;text-align:center;z-index:1;display:block;}.title1 .mod-hex:before{position:absolute;top:40%;width:71px;left:0;right:0;}.title1 .module-title{margin:30px -15px -5px -15px;padding:0 20px;}.rt-grid-1 .title1 .mod-hex,.rt-grid-2 .title1 .mod-hex,.rt-grid-3 .title1 .mod-hex{position:absolute;left:50%;top:-85px;margin-left:-43px;margin-right:-30px;}.rt-grid-1 .title1 .title,.rt-grid-2 .title1 .title,.rt-grid-3 .title1 .title{font-size:275%;}.rt-grid-1 .title1 .module-title,.rt-grid-2 .title1 .module-title,.rt-grid-3 .title1 .module-title{margin:125px -15px 25px -15px;}.title3 .module-title{margin:15px -15px 10px -15px;padding:0 20px;}.title2 .mod-hex{width:50px;height:58px;float:left;position:relative;margin:-15px 15px 0 0;background-position:0 -109px;background-repeat:no-repeat;text-align:center;}.title2 .mod-hex:before{position:absolute;top:38%;right:0;left:0;width:51px;}.title2 .title{margin:15px 0 25px;}.title3 .module-title .title{margin:-36px 0 0;display:inline-block;padding:0 30px;font-weight:normal;font-size:2.8em;}.title3 .title-center{left:50%;display:inline-block;position:relative;text-align:center;}.title3 .title-center > div{left:-50%;position:relative;}.title4 .title{border-bottom:1px solid;}.box2.title1 .mod-hex{background-position:0 -210px;}.box3.title1 .mod-hex{display:none;}.box3.title2 .mod-hex{background-position:0 -306px;}body .rt-block:before,body .module-content > div:before{display:none;content:'';}.rt-block[class^="icon-"],.rt-block[class*=" icon-"]{display:block;}.rounded .rt-block{border-radius:5px !important;}.square .rt-block{border-radius:0 !important;}.basic .rt-block{background:none !important;}.basic .block-shadow{box-shadow:none !important;}.standardcase .module-title .title{text-transform:inherit;}.lowercase .module-title .title{text-transform:lowercase;}.uppercase .module-title .title{text-transform:uppercase;}.flush .rt-block{padding:0;}.flushtop .rt-block{padding-top:0;}.flushbottom .rt-block{padding-bottom:0;}.shadow2 .rt-block{box-shadow:inset 0 0 3px rgba(0,0,0,0.2);}.shadow3 .rt-block{box-shadow:inset -1px 1px 3px rgba(0,0,0,0.2);}.shadow4 .rt-block{box-shadow:inset 1px -1px 3px rgba(0,0,0,0.2);}.shadow5 .rt-block{box-shadow:inset -1px -1px 3px rgba(0,0,0,0.2);}.shadow6 .rt-block{box-shadow:0 0 5px rgba(0,0,0,0.2);}.shadow7 .rt-block{box-shadow:1px 1px 3px rgba(0,0,0,0.2);}.shadow8 .rt-block{box-shadow:-1px 1px 3px rgba(0,0,0,0.2);}.shadow9 .rt-block{box-shadow:1px -1px 3px rgba(0,0,0,0.2);}.shadow10 .rt-block{box-shadow:-1px -1px 3px rgba(0,0,0,0.2);}.module-title .title{font-size:240%;font-weight:normal;letter-spacing:0.02em;}.horizmenu ul.menu{margin:0;padding:0;list-style:none;background-color:transparent;}.horizmenu ul.menu li{list-style:none;display:inline-block;margin:0 20px 0 0;line-height:33px;}.horizmenu ul.menu li a,.horizmenu ul.menu li .item,.horizmenu ul.menu li .separator{padding:0;display:inline-block;font-size:1em;text-transform:none;font-weight:bold;}.horizmenu ul.menu li a span,.horizmenu ul.menu li .item span,.horizmenu ul.menu li .separator span{padding:0;display:inline-block;}.horizmenu .module-content ul.menu > li > a:hover,.horizmenu .module-content ul.menu > li.active > a{border-color:transparent;}.horizmenu .module-content ul.menu li a,.horizmenu .module-content ul.menu li .separator,.horizmenu .module-content ul.menu li .item{border:none;}.component-content .article-info{display:block;margin-bottom:15px;padding:10px 0;}.component-content .article-info dd{text-align:left;margin-right:15px;margin-left:0;display:block;vertical-align:top;}.component-content .article-info dd:before,.article-info>div:before{font-family:FontAwesome;margin-right:2px;}.component-content .article-info .parent-category-name:before{content:"\f0c9";}.component-content .article-info .category-name:before{content:"\f0c9";}.component-content .article-info .create:before{content:"\f017";}.component-content .article-info .modified:before{content:"\f017";}.component-content .article-info .published:before{content:"\f017";}.component-content .article-info .createdby:before{content:"\f040";}.component-content .article-info .hits:before{content:"\f019";}.component-content .article-info .article-info-term{display:none;}.rt-headerborder{height:1px;position:absolute;left:0;right:0;z-index:1;}#rt-footer .rt-footer-inner{padding-top:2px;}.logo-block{padding:0;}.logo-type-fracture #rt-logo{width:224px;height:94px;background-repeat:no-repeat;}#rt-logo{display:block; z-index:0}.main-body-dark #rt-logo{position:relative;}.main-body-dark .logo-block .logo-color{display:block;width:70px;height:81px;position:absolute;top:7px;left:6px;z-index:-1;}.menutop li.root > .item .menu-overlay,.menutop.level1 > li > .item  .menu-overlay{background-repeat:no-repeat;background-position:50% 100%;height:15px;left:0;right:0;position:absolute;bottom:0;display:block;padding:0;}.menutop li.root.active > .item .menu-overlay,.menutop.level1 > li.active > .item  .menu-overlay{top:6px;height:100%;background-position:50% 0;}.menutop li.root.active > .item .menu-overlay span,.menutop.level1 > li.active > .item  .menu-overlay span{display:block;height:100%;margin-top:10px;}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button{padding:8px 35px 7px 12px;text-transform:uppercase;display:inline-block;line-height:1.6em;background-repeat:repeat-x;position:relative;font-weight:normal;border:none;font-size:110%;-webkit-transition:background-color 0.1s ease-in;-moz-transition:background-color 0.1s ease-in;-o-transition:background-color 0.1s ease-in;-ms-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}input.button{padding:8px 12px 7px 12px;}.button:before,.readon:before,.readmore:before,button.validate:before,#member-profile a:before,#member-registration a:before,.formelm-buttons button:before{content:'';position:absolute;width:23px;height:23px;background-position:0 -604px;top:5px;right:4px;font-size:1.7em;font-weight:100;font-family:Verdana, Geneva, sans-serif;text-shadow:0 0 1px rgba(0,0,0,0.3);}.button:hover,.readon:hover,.readmore:hover,button.validate:hover,#member-profile a:hover,#member-registration a:hover,.formelm-buttons button:hover{cursor:pointer;}.readmore a{margin:-5px -12px;padding:5px 12px;display:inline-block;}#rt-popup,#rt-popuplogin{display:none;}#rt-popup .module-content,#rt-popuplogin .module-content{margin:0;text-shadow:none;}#rt-popup .rt-block,#rt-popuplogin .rt-block{margin:0;padding:0;}#rt-popup .title,#rt-popuplogin .title{padding:0;margin-bottom:15px;margin-top:0;}#rt-popuplogin #form-login-username label,#rt-popuplogin #form-login-password label{display:none;}#rt-popuplogin #modlgn-passwd,#rt-popuplogin #modlgn-username{width:175px;}#rt-popuplogin input.button{clear:both;display:block;}#rt-popuplogin p{float:left;margin-bottom:10px;}#rt-popuplogin p:first-child{margin-right:10px;}#rt-popuplogin .readon{float:right;}#rt-popuplogin ul li{float:none;display:inline-block;margin-right:10px;}#rt-controls .rt-popupmodule-button .buttontext{font-weight:normal;line-height:20px;}#rt-slideshow{position:relative;margin:30px -99px;}#rt-slideshow .rt-slideshow-left-top{background-repeat:no-repeat;height:32px;width:110px;position:absolute;z-index:5;top:-17px;}#rt-slideshow .rt-slideshow-left-btm{background-repeat:no-repeat;height:46px;width:110px;position:absolute;z-index:5;bottom:-22px;background-position:0 100%;}#rt-slideshow .rt-slideshow-left-mid{background-repeat:repeat-y;background-position:100% 0;top:0;bottom:-22px;width:110px;position:absolute;z-index:5;}#rt-slideshow .rt-slideshow-right-mid{background-repeat:repeat-y;background-position:100% 0;top:0;bottom:-22px;width:110px;position:absolute;right:0;z-index:5;}#rt-slideshow .rt-slideshow-right-top{background-repeat:no-repeat;height:45px;width:110px;position:absolute;right:0;z-index:5;top:-18px;}#rt-slideshow .rt-slideshow-right-btm{background-repeat:no-repeat;background-position:0 100%;height:61px;width:110px;position:absolute;right:0;z-index:5;bottom:-23px;}#rt-slideshow .rt-slideshow-top{height:43px;left:0;right:0;top:-16px;position:absolute;z-index:5;margin:0 110px;}#rt-slideshow .rt-slideshow-btm{height:60px;left:0;right:0;position:absolute;z-index:5;margin:0 110px;bottom:-22px;background-repeat:no-repeat;}.rt-totop{display:block;width:40px;height:40px;position:absolute;top:-11px;right:0;background-repeat:no-repeat;background-position:13px -275px;-webkit-transition:background-color 0.1s ease-in;-moz-transition:background-color 0.1s ease-in;-o-transition:background-color 0.1s ease-in;-ms-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.rt-fontsizer-buttons .button{height:20px;width:20px;padding:0;}.rt-fontsizer-buttons .button:before{display:none;}.rt-fontsizer-buttons .smaller .button{background-position:2px -431px;}.rt-fontsizer-buttons .larger .button{background-position:2px -285px;}.rt-fontsizer-desc{float:left;padding-right:10px;}.rt-fontsizer-buttons{float:left;}.rt-social-buttons{display:inline-block;}.rt-social-buttons .social-button{height:33px;margin-left:8px;width:33px;float:left;display:block;background-repeat:no-repeat;-webkit-transition:width 0.2s ease-in, background-color 0.2s ease-in;-moz-transition:width 0.2s ease-in, background-color 0.2s ease-in;-o-transition:width 0.2s ease-in, background-color 0.2s ease-in;-ms-transition:width 0.2s ease-in, background-color 0.2s ease-in;transition:width 0.2s ease-in, background-color 0.2s ease-in;}.rt-social-buttons .rt-facebook-btn{background-position:0 0;}.rt-social-buttons .rt-facebook-btn:hover{background-position:0 -35px;}.rt-social-buttons .rt-twitter-btn{background-position:-40px 0;}.rt-social-buttons .rt-twitter-btn:hover{background-position:-40px -35px;}.rt-social-buttons .rt-google-btn{background-position:-121px 0;}.rt-social-buttons .rt-google-btn:hover{background-position:-121px -35px;}.rt-social-buttons .rt-rss-btn{background-position:-80px 0;}.rt-social-buttons .rt-rss-btn:hover{background-position:-80px -35px;}#developed-by{overflow:hidden;}#rocket{display:block;width:120px;height:18px;margin:2px 0 0 0;}#rt-copyright .copytext{line-height:33px;}#rt-copyright .rt-block{padding-top:5px;padding-bottom:5px;}body #gantry-viewswitcher{z-index:100;right:inherit;position:relative;top:inherit;margin:1em auto;}.main-mask-fold #rt-slideshow{margin:30px 0;}.main-mask-fold #rt-slideshow .rt-slideshow-left-top{background-repeat:no-repeat;height:45px;width:160px;position:absolute;z-index:5;top:0;left:80px;}.main-mask-fold #rt-slideshow .rt-slideshow-left-btm{background-position:100% 0;width:237px;height:46px;bottom:6px;}.main-mask-fold #rt-slideshow .rt-slideshow-right-top{background-repeat:no-repeat;height:45px;width:160px;position:absolute;z-index:5;top:0;right:80px;}.main-mask-fold #rt-slideshow .rt-slideshow-right-btm{background-position:100% 0;width:237px;height:46px;bottom:6px;}.main-mask-fold #rt-slideshow .rt-slideshow-top{margin:0 240px;height:45px;top:0;}.main-mask-pointed #rt-slideshow{margin:30px 0;}.main-mask-pointed #rt-slideshow .rt-slideshow-left-btm{background-position:100% 100%;width:538px;height:36px;bottom:6px;}.main-mask-pointed #rt-slideshow .rt-slideshow-right-btm{background-position:100% 100%;bottom:6px;right:30px;width:183px;height:36px;}.main-mask-pointed #rt-slideshow .rt-slideshow-left-mid{bottom:6px;top:inherit;height:36px;margin:0;}.main-mask-pointed #rt-slideshow .rt-slideshow-right-mid{bottom:6px;top:inherit;height:36px;margin:0;width:40px;}.main-mask-pointed #rt-slideshow .rt-slideshow-top{margin:0 218px 0 535px;height:52px;}.main-mask-pointed #rt-slideshow .rt-slideshow-left-top{top:0;width:239px;height:36px;left:300px;}.main-mask-pointed #rt-slideshow .rt-slideshow-right-top{top:0;width:138px;height:36px;right:80px;}.main-mask-none .sprocket-mosaic .sprocket-mosaic-order li span,.main-mask-none .sprocket-mosaic .sprocket-mosaic-filter li span{background-image:none;}.title1 .mod-hex:before,.title2 .mod-hex:before{font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block;text-decoration:inherit;margin-right:10px;text-align:center;font-size:1.4em;}.title1.icon-glass .mod-hex:before,.title2.icon-glass .mod-hex:before{content:"\f000";}.title1.icon-music .mod-hex:before,.title2.icon-music .mod-hex:before{content:"\f001";}.title1.icon-search .mod-hex:before,.title2.icon-search .mod-hex:before{content:"\f002";}.title1.icon-envelope .mod-hex:before,.title2.icon-envelope .mod-hex:before{content:"\f003";}.title1.icon-heart .mod-hex:before,.title2.icon-heart .mod-hex:before{content:"\f004";}.title1.icon-star .mod-hex:before,.title2.icon-star .mod-hex:before{content:"\f005";}.title1.icon-star-empty .mod-hex:before,.title2.icon-star-empty .mod-hex:before{content:"\f006";}.title1.icon-user .mod-hex:before,.title2.icon-user .mod-hex:before{content:"\f007";}.title1.icon-film .mod-hex:before,.title2.icon-film .mod-hex:before{content:"\f008";}.title1.icon-th-large .mod-hex:before,.title2.icon-th-large .mod-hex:before{content:"\f009";}.title1.icon-th .mod-hex:before,.title2.icon-th .mod-hex:before{content:"\f00a";}.title1.icon-th-list .mod-hex:before,.title2.icon-th-list .mod-hex:before{content:"\f00b";}.title1.icon-ok .mod-hex:before,.title2.icon-ok .mod-hex:before{content:"\f00c";}.title1.icon-remove .mod-hex:before,.title2.icon-remove .mod-hex:before{content:"\f00d";}.title1.icon-zoom-in .mod-hex:before,.title2.icon-zoom-in .mod-hex:before{content:"\f00e";}.title1.icon-zoom-out .mod-hex:before,.title2.icon-zoom-out .mod-hex:before{content:"\f010";}.title1.icon-off .mod-hex:before,.title2.icon-off .mod-hex:before{content:"\f011";}.title1.icon-signal .mod-hex:before,.title2.icon-signal .mod-hex:before{content:"\f012";}.title1.icon-cog .mod-hex:before,.title2.icon-cog .mod-hex:before{content:"\f013";}.title1.icon-trash .mod-hex:before,.title2.icon-trash .mod-hex:before{content:"\f014";}.title1.icon-home .mod-hex:before,.title2.icon-home .mod-hex:before{content:"\f015";}.title1.icon-file .mod-hex:before,.title2.icon-file .mod-hex:before{content:"\f016";}.title1.icon-time .mod-hex:before,.title2.icon-time .mod-hex:before{content:"\f017";}.title1.icon-road .mod-hex:before,.title2.icon-road .mod-hex:before{content:"\f018";}.title1.icon-download-alt .mod-hex:before,.title2.icon-download-alt .mod-hex:before{content:"\f019";}.title1.icon-download .mod-hex:before,.title2.icon-download .mod-hex:before{content:"\f01a";}.title1.icon-upload .mod-hex:before,.title2.icon-upload .mod-hex:before{content:"\f01b";}.title1.icon-inbox .mod-hex:before,.title2.icon-inbox .mod-hex:before{content:"\f01c";}.title1.icon-play-circle .mod-hex:before,.title2.icon-play-circle .mod-hex:before{content:"\f01d";}.title1.icon-repeat .mod-hex:before,.title2.icon-repeat .mod-hex:before{content:"\f01e";}.title1.icon-refresh .mod-hex:before,.title2.icon-refresh .mod-hex:before{content:"\f021";}.title1.icon-list-alt .mod-hex:before,.title2.icon-list-alt .mod-hex:before{content:"\f022";}.title1.icon-lock .mod-hex:before,.title2.icon-lock .mod-hex:before{content:"\f023";}.title1.icon-flag .mod-hex:before,.title2.icon-flag .mod-hex:before{content:"\f024";}.title1.icon-headphones .mod-hex:before,.title2.icon-headphones .mod-hex:before{content:"\f025";}.title1.icon-volume-off .mod-hex:before,.title2.icon-volume-off .mod-hex:before{content:"\f026";}.title1.icon-volume-down .mod-hex:before,.title2.icon-volume-down .mod-hex:before{content:"\f027";}.title1.icon-volume-up .mod-hex:before,.title2.icon-volume-up .mod-hex:before{content:"\f028";}.title1.icon-qrcode .mod-hex:before,.title2.icon-qrcode .mod-hex:before{content:"\f029";}.title1.icon-barcode .mod-hex:before,.title2.icon-barcode .mod-hex:before{content:"\f02a";}.title1.icon-tag .mod-hex:before,.title2.icon-tag .mod-hex:before{content:"\f02b";}.title1.icon-tags .mod-hex:before,.title2.icon-tags .mod-hex:before{content:"\f02c";}.title1.icon-book .mod-hex:before,.title2.icon-book .mod-hex:before{content:"\f02d";}.title1.icon-bookmark .mod-hex:before,.title2.icon-bookmark .mod-hex:before{content:"\f02e";}.title1.icon-print .mod-hex:before,.title2.icon-print .mod-hex:before{content:"\f02f";}.title1.icon-camera .mod-hex:before,.title2.icon-camera .mod-hex:before{content:"\f030";}.title1.icon-font .mod-hex:before,.title2.icon-font .mod-hex:before{content:"\f031";}.title1.icon-bold .mod-hex:before,.title2.icon-bold .mod-hex:before{content:"\f032";}.title1.icon-italic .mod-hex:before,.title2.icon-italic .mod-hex:before{content:"\f033";}.title1.icon-text-height .mod-hex:before,.title2.icon-text-height .mod-hex:before{content:"\f034";}.title1.icon-text-width .mod-hex:before,.title2.icon-text-width .mod-hex:before{content:"\f035";}.title1.icon-align-left .mod-hex:before,.title2.icon-align-left .mod-hex:before{content:"\f036";}.title1.icon-align-center .mod-hex:before,.title2.icon-align-center .mod-hex:before{content:"\f037";}.title1.icon-align-right .mod-hex:before,.title2.icon-align-right .mod-hex:before{content:"\f038";}.title1.icon-align-justify .mod-hex:before,.title2.icon-align-justify .mod-hex:before{content:"\f039";}.title1.icon-list .mod-hex:before,.title2.icon-list .mod-hex:before{content:"\f03a";}.title1.icon-indent-left .mod-hex:before,.title2.icon-indent-left .mod-hex:before{content:"\f03b";}.title1.icon-indent-right .mod-hex:before,.title2.icon-indent-right .mod-hex:before{content:"\f03c";}.title1.icon-facetime-video .mod-hex:before,.title2.icon-facetime-video .mod-hex:before{content:"\f03d";}.title1.icon-picture .mod-hex:before,.title2.icon-picture .mod-hex:before{content:"\f03e";}.title1.icon-pencil .mod-hex:before,.title2.icon-pencil .mod-hex:before{content:"\f040";}.title1.icon-map-marker .mod-hex:before,.title2.icon-map-marker .mod-hex:before{content:"\f041";}.title1.icon-adjust .mod-hex:before,.title2.icon-adjust .mod-hex:before{content:"\f042";}.title1.icon-tint .mod-hex:before,.title2.icon-tint .mod-hex:before{content:"\f043";}.title1.icon-edit .mod-hex:before,.title2.icon-edit .mod-hex:before{content:"\f044";}.title1.icon-share .mod-hex:before,.title2.icon-share .mod-hex:before{content:"\f045";}.title1.icon-check .mod-hex:before,.title2.icon-check .mod-hex:before{content:"\f046";}.title1.icon-move .mod-hex:before,.title2.icon-move .mod-hex:before{content:"\f047";}.title1.icon-step-backward .mod-hex:before,.title2.icon-step-backward .mod-hex:before{content:"\f048";}.title1.icon-fast-backward .mod-hex:before,.title2.icon-fast-backward .mod-hex:before{content:"\f049";}.title1.icon-backward .mod-hex:before,.title2.icon-backward .mod-hex:before{content:"\f04a";}.title1.icon-play .mod-hex:before,.title2.icon-play .mod-hex:before{content:"\f04b";}.title1.icon-pause .mod-hex:before,.title2.icon-pause .mod-hex:before{content:"\f04c";}.title1.icon-stop .mod-hex:before,.title2.icon-stop .mod-hex:before{content:"\f04d";}.title1.icon-forward .mod-hex:before,.title2.icon-forward .mod-hex:before{content:"\f04e";}.title1.icon-fast-forward .mod-hex:before,.title2.icon-fast-forward .mod-hex:before{content:"\f050";}.title1.icon-step-forward .mod-hex:before,.title2.icon-step-forward .mod-hex:before{content:"\f051";}.title1.icon-eject .mod-hex:before,.title2.icon-eject .mod-hex:before{content:"\f052";}.title1.icon-chevron-left .mod-hex:before,.title2.icon-chevron-left .mod-hex:before{content:"\f053";}.title1.icon-chevron-right .mod-hex:before,.title2.icon-chevron-right .mod-hex:before{content:"\f054";}.title1.icon-plus-sign .mod-hex:before,.title2.icon-plus-sign .mod-hex:before{content:"\f055";}.title1.icon-minus-sign .mod-hex:before,.title2.icon-minus-sign .mod-hex:before{content:"\f056";}.title1.icon-remove-sign .mod-hex:before,.title2.icon-remove-sign .mod-hex:before{content:"\f057";}.title1.icon-ok-sign .mod-hex:before,.title2.icon-ok-sign .mod-hex:before{content:"\f058";}.title1.icon-question-sign .mod-hex:before,.title2.icon-question-sign .mod-hex:before{content:"\f059";}.title1.icon-info-sign .mod-hex:before,.title2.icon-info-sign .mod-hex:before{content:"\f05a";}.title1.icon-screenshot .mod-hex:before,.title2.icon-screenshot .mod-hex:before{content:"\f05b";}.title1.icon-remove-circle .mod-hex:before,.title2.icon-remove-circle .mod-hex:before{content:"\f05c";}.title1.icon-ok-circle .mod-hex:before,.title2.icon-ok-circle .mod-hex:before{content:"\f05d";}.title1.icon-ban-circle .mod-hex:before,.title2.icon-ban-circle .mod-hex:before{content:"\f05e";}.title1.icon-arrow-left .mod-hex:before,.title2.icon-arrow-left .mod-hex:before{content:"\f060";}.title1.icon-arrow-right .mod-hex:before,.title2.icon-arrow-right .mod-hex:before{content:"\f061";}.title1.icon-arrow-up .mod-hex:before,.title2.icon-arrow-up .mod-hex:before{content:"\f062";}.title1.icon-arrow-down .mod-hex:before,.title2.icon-arrow-down .mod-hex:before{content:"\f063";}.title1.icon-share-alt .mod-hex:before,.title2.icon-share-alt .mod-hex:before{content:"\f064";}.title1.icon-resize-full .mod-hex:before,.title2.icon-resize-full .mod-hex:before{content:"\f065";}.title1.icon-resize-small .mod-hex:before,.title2.icon-resize-small .mod-hex:before{content:"\f066";}.title1.icon-plus .mod-hex:before,.title2.icon-plus .mod-hex:before{content:"\f067";}.title1.icon-minus .mod-hex:before,.title2.icon-minus .mod-hex:before{content:"\f068";}.title1.icon-asterisk .mod-hex:before,.title2.icon-asterisk .mod-hex:before{content:"\f069";}.title1.icon-exclamation-sign .mod-hex:before,.title2.icon-exclamation-sign .mod-hex:before{content:"\f06a";}.title1.icon-gift .mod-hex:before,.title2.icon-gift .mod-hex:before{content:"\f06b";}.title1.icon-leaf .mod-hex:before,.title2.icon-leaf .mod-hex:before{content:"\f06c";}.title1.icon-fire .mod-hex:before,.title2.icon-fire .mod-hex:before{content:"\f06d";}.title1.icon-eye-open .mod-hex:before,.title2.icon-eye-open .mod-hex:before{content:"\f06e";}.title1.icon-eye-close .mod-hex:before,.title2.icon-eye-close .mod-hex:before{content:"\f070";}.title1.icon-warning-sign .mod-hex:before,.title2.icon-warning-sign .mod-hex:before{content:"\f071";}.title1.icon-plane .mod-hex:before,.title2.icon-plane .mod-hex:before{content:"\f072";}.title1.icon-calendar .mod-hex:before,.title2.icon-calendar .mod-hex:before{content:"\f073";}.title1.icon-random .mod-hex:before,.title2.icon-random .mod-hex:before{content:"\f074";}.title1.icon-comment .mod-hex:before,.title2.icon-comment .mod-hex:before{content:"\f075";}.title1.icon-magnet .mod-hex:before,.title2.icon-magnet .mod-hex:before{content:"\f076";}.title1.icon-chevron-up .mod-hex:before,.title2.icon-chevron-up .mod-hex:before{content:"\f077";}.title1.icon-chevron-down .mod-hex:before,.title2.icon-chevron-down .mod-hex:before{content:"\f078";}.title1.icon-retweet .mod-hex:before,.title2.icon-retweet .mod-hex:before{content:"\f079";}.title1.icon-shopping-cart .mod-hex:before,.title2.icon-shopping-cart .mod-hex:before{content:"\f07a";}.title1.icon-folder-close .mod-hex:before,.title2.icon-folder-close .mod-hex:before{content:"\f07b";}.title1.icon-folder-open .mod-hex:before,.title2.icon-folder-open .mod-hex:before{content:"\f07c";}.title1.icon-resize-vertical .mod-hex:before,.title2.icon-resize-vertical .mod-hex:before{content:"\f07d";}.title1.icon-resize-horizontal .mod-hex:before,.title2.icon-resize-horizontal .mod-hex:before{content:"\f07e";}.title1.icon-bar-chart .mod-hex:before,.title2.icon-bar-chart .mod-hex:before{content:"\f080";}.title1.icon-twitter-sign .mod-hex:before,.title2.icon-twitter-sign .mod-hex:before{content:"\f081";}.title1.icon-facebook-sign .mod-hex:before,.title2.icon-facebook-sign .mod-hex:before{content:"\f082";}.title1.icon-camera-retro .mod-hex:before,.title2.icon-camera-retro .mod-hex:before{content:"\f083";}.title1.icon-key .mod-hex:before,.title2.icon-key .mod-hex:before{content:"\f084";}.title1.icon-cogs .mod-hex:before,.title2.icon-cogs .mod-hex:before{content:"\f085";}.title1.icon-comments .mod-hex:before,.title2.icon-comments .mod-hex:before{content:"\f086";}.title1.icon-thumbs-up .mod-hex:before,.title2.icon-thumbs-up .mod-hex:before{content:"\f087";}.title1.icon-thumbs-down .mod-hex:before,.title2.icon-thumbs-down .mod-hex:before{content:"\f088";}.title1.icon-star-half .mod-hex:before,.title2.icon-star-half .mod-hex:before{content:"\f089";}.title1.icon-heart-empty .mod-hex:before,.title2.icon-heart-empty .mod-hex:before{content:"\f08a";}.title1.icon-signout .mod-hex:before,.title2.icon-signout .mod-hex:before{content:"\f08b";}.title1.icon-linkedin-sign .mod-hex:before,.title2.icon-linkedin-sign .mod-hex:before{content:"\f08c";}.title1.icon-pushpin .mod-hex:before,.title2.icon-pushpin .mod-hex:before{content:"\f08d";}.title1.icon-external-link .mod-hex:before,.title2.icon-external-link .mod-hex:before{content:"\f08e";}.title1.icon-signin .mod-hex:before,.title2.icon-signin .mod-hex:before{content:"\f090";}.title1.icon-trophy .mod-hex:before,.title2.icon-trophy .mod-hex:before{content:"\f091";}.title1.icon-github-sign .mod-hex:before,.title2.icon-github-sign .mod-hex:before{content:"\f092";}.title1.icon-upload-alt .mod-hex:before,.title2.icon-upload-alt .mod-hex:before{content:"\f093";}.title1.icon-lemon .mod-hex:before,.title2.icon-lemon .mod-hex:before{content:"\f094";}.title1.icon-phone .mod-hex:before,.title2.icon-phone .mod-hex:before{content:"\f095";}.title1.icon-check-empty .mod-hex:before,.title2.icon-check-empty .mod-hex:before{content:"\f096";}.title1.icon-bookmark-empty .mod-hex:before,.title2.icon-bookmark-empty .mod-hex:before{content:"\f097";}.title1.icon-phone-sign .mod-hex:before,.title2.icon-phone-sign .mod-hex:before{content:"\f098";}.title1.icon-twitter .mod-hex:before,.title2.icon-twitter .mod-hex:before{content:"\f099";}.title1.icon-facebook .mod-hex:before,.title2.icon-facebook .mod-hex:before{content:"\f09a";}.title1.icon-github .mod-hex:before,.title2.icon-github .mod-hex:before{content:"\f09b";}.title1.icon-unlock .mod-hex:before,.title2.icon-unlock .mod-hex:before{content:"\f09c";}.title1.icon-credit-card .mod-hex:before,.title2.icon-credit-card .mod-hex:before{content:"\f09d";}.title1.icon-rss .mod-hex:before,.title2.icon-rss .mod-hex:before{content:"\f09e";}.title1.icon-hdd .mod-hex:before,.title2.icon-hdd .mod-hex:before{content:"\f0a0";}.title1.icon-bullhorn .mod-hex:before,.title2.icon-bullhorn .mod-hex:before{content:"\f0a1";}.title1.icon-bell .mod-hex:before,.title2.icon-bell .mod-hex:before{content:"\f0a2";}.title1.icon-certificate .mod-hex:before,.title2.icon-certificate .mod-hex:before{content:"\f0a3";}.title1.icon-hand-right .mod-hex:before,.title2.icon-hand-right .mod-hex:before{content:"\f0a4";}.title1.icon-hand-left .mod-hex:before,.title2.icon-hand-left .mod-hex:before{content:"\f0a5";}.title1.icon-hand-up .mod-hex:before,.title2.icon-hand-up .mod-hex:before{content:"\f0a6";}.title1.icon-hand-down .mod-hex:before,.title2.icon-hand-down .mod-hex:before{content:"\f0a7";}.title1.icon-circle-arrow-left .mod-hex:before,.title2.icon-circle-arrow-left .mod-hex:before{content:"\f0a8";}.title1.icon-circle-arrow-right .mod-hex:before,.title2.icon-circle-arrow-right .mod-hex:before{content:"\f0a9";}.title1.icon-circle-arrow-up .mod-hex:before,.title2.icon-circle-arrow-up .mod-hex:before{content:"\f0aa";}.title1.icon-circle-arrow-down .mod-hex:before,.title2.icon-circle-arrow-down .mod-hex:before{content:"\f0ab";}.title1.icon-globe .mod-hex:before,.title2.icon-globe .mod-hex:before{content:"\f0ac";}.title1.icon-wrench .mod-hex:before,.title2.icon-wrench .mod-hex:before{content:"\f0ad";}.title1.icon-tasks .mod-hex:before,.title2.icon-tasks .mod-hex:before{content:"\f0ae";}.title1.icon-filter .mod-hex:before,.title2.icon-filter .mod-hex:before{content:"\f0b0";}.title1.icon-briefcase .mod-hex:before,.title2.icon-briefcase .mod-hex:before{content:"\f0b1";}.title1.icon-fullscreen .mod-hex:before,.title2.icon-fullscreen .mod-hex:before{content:"\f0b2";}.title1.icon-group .mod-hex:before,.title2.icon-group .mod-hex:before{content:"\f0c0";}.title1.icon-link .mod-hex:before,.title2.icon-link .mod-hex:before{content:"\f0c1";}.title1.icon-cloud .mod-hex:before,.title2.icon-cloud .mod-hex:before{content:"\f0c2";}.title1.icon-beaker .mod-hex:before,.title2.icon-beaker .mod-hex:before{content:"\f0c3";}.title1.icon-cut .mod-hex:before,.title2.icon-cut .mod-hex:before{content:"\f0c4";}.title1.icon-copy .mod-hex:before,.title2.icon-copy .mod-hex:before{content:"\f0c5";}.title1.icon-paper-clip .mod-hex:before,.title2.icon-paper-clip .mod-hex:before{content:"\f0c6";}.title1.icon-save .mod-hex:before,.title2.icon-save .mod-hex:before{content:"\f0c7";}.title1.icon-sign-blank .mod-hex:before,.title2.icon-sign-blank .mod-hex:before{content:"\f0c8";}.title1.icon-reorder .mod-hex:before,.title2.icon-reorder .mod-hex:before{content:"\f0c9";}.title1.icon-list-ul .mod-hex:before,.title2.icon-list-ul .mod-hex:before{content:"\f0ca";}.title1.icon-list-ol .mod-hex:before,.title2.icon-list-ol .mod-hex:before{content:"\f0cb";}.title1.icon-strikethrough .mod-hex:before,.title2.icon-strikethrough .mod-hex:before{content:"\f0cc";}.title1.icon-underline .mod-hex:before,.title2.icon-underline .mod-hex:before{content:"\f0cd";}.title1.icon-table .mod-hex:before,.title2.icon-table .mod-hex:before{content:"\f0ce";}.title1.icon-magic .mod-hex:before,.title2.icon-magic .mod-hex:before{content:"\f0d0";}.title1.icon-truck .mod-hex:before,.title2.icon-truck .mod-hex:before{content:"\f0d1";}.title1.icon-pinterest .mod-hex:before,.title2.icon-pinterest .mod-hex:before{content:"\f0d2";}.title1.icon-pinterest-sign .mod-hex:before,.title2.icon-pinterest-sign .mod-hex:before{content:"\f0d3";}.title1.icon-google-plus-sign .mod-hex:before,.title2.icon-google-plus-sign .mod-hex:before{content:"\f0d4";}.title1.icon-google-plus .mod-hex:before,.title2.icon-google-plus .mod-hex:before{content:"\f0d5";}.title1.icon-money .mod-hex:before,.title2.icon-money .mod-hex:before{content:"\f0d6";}.title1.icon-caret-down .mod-hex:before,.title2.icon-caret-down .mod-hex:before{content:"\f0d7";}.title1.icon-caret-up .mod-hex:before,.title2.icon-caret-up .mod-hex:before{content:"\f0d8";}.title1.icon-caret-left .mod-hex:before,.title2.icon-caret-left .mod-hex:before{content:"\f0d9";}.title1.icon-caret-right .mod-hex:before,.title2.icon-caret-right .mod-hex:before{content:"\f0da";}.title1.icon-columns .mod-hex:before,.title2.icon-columns .mod-hex:before{content:"\f0db";}.title1.icon-sort .mod-hex:before,.title2.icon-sort .mod-hex:before{content:"\f0dc";}.title1.icon-sort-down .mod-hex:before,.title2.icon-sort-down .mod-hex:before{content:"\f0dd";}.title1.icon-sort-up .mod-hex:before,.title2.icon-sort-up .mod-hex:before{content:"\f0de";}.title1.icon-envelope-alt .mod-hex:before,.title2.icon-envelope-alt .mod-hex:before{content:"\f0e0";}.title1.icon-linkedin .mod-hex:before,.title2.icon-linkedin .mod-hex:before{content:"\f0e1";}.title1.icon-undo .mod-hex:before,.title2.icon-undo .mod-hex:before{content:"\f0e2";}.title1.icon-legal .mod-hex:before,.title2.icon-legal .mod-hex:before{content:"\f0e3";}.title1.icon-dashboard .mod-hex:before,.title2.icon-dashboard .mod-hex:before{content:"\f0e4";}.title1.icon-comment-alt .mod-hex:before,.title2.icon-comment-alt .mod-hex:before{content:"\f0e5";}.title1.icon-comments-alt .mod-hex:before,.title2.icon-comments-alt .mod-hex:before{content:"\f0e6";}.title1.icon-bolt .mod-hex:before,.title2.icon-bolt .mod-hex:before{content:"\f0e7";}.title1.icon-sitemap .mod-hex:before,.title2.icon-sitemap .mod-hex:before{content:"\f0e8";}.title1.icon-umbrella .mod-hex:before,.title2.icon-umbrella .mod-hex:before{content:"\f0e9";}.title1.icon-paste .mod-hex:before,.title2.icon-paste .mod-hex:before{content:"\f0ea";}.title1.icon-user-md .mod-hex:before,.title2.icon-user-md .mod-hex:before{content:"\f200";}body .input-append,body .input-prepend{display:inline-block;}body #rt-page-surround div:not(.edit i){background-image:url("") !important;width:inherit;height:inherit;font-style:italic;}body #rt-page-surround div.edit #editor-xtd-buttons i,body #rt-mainbody-surround div.edit .formelm i{background-image:none !important;}.even,.odd{background:inherit;border-bottom:inherit;}a:hover,#rt-copyright a:hover{color:#000;}.logo-type-fracture #rt-logo{background-image:url(../images/logo/light/logo.png);}.rt-headerborder{background:rgba(0,0,0,0.5);}#rt-footer .rt-footer-inner{border-top:1px solid #555;}#rt-footer .rt-footer-inner2{border-top:4px solid #000;}#rt-copyright{background-color:#D7D7D7;border-top:1px solid #D7D7D7;}.main-mask-horizontal .menutop li.root > .item .menu-overlay,.main-mask-horizontal .menutop.level1 > li > .item  .menu-overlay{background-image:url(../images/light/menu-item-overlay.png);}.main-mask-horizontal .sprocket-tabs-nav li .sprocket-tabs-inner{background-image:url(../images/light/tabs-overlay.png);}.main-mask-horizontal .sprocket-features-content-top,.main-mask-horizontal .sprocket-features-content-bottom{background-image:url(../images/light/horizontal/features-content.png);}.main-mask-horizontal #rt-slideshow .rt-slideshow-left-top,.main-mask-horizontal #rt-slideshow .rt-slideshow-left-mid,.main-mask-horizontal #rt-slideshow .rt-slideshow-left-btm{background-image:url(../images/light/horizontal/slideshow-overlay-left.png);}.main-mask-horizontal #rt-slideshow .rt-slideshow-right-top,.main-mask-horizontal #rt-slideshow .rt-slideshow-right-mid,.main-mask-horizontal #rt-slideshow .rt-slideshow-right-btm{background-image:url(../images/light/horizontal/slideshow-overlay-right.png);}.main-mask-horizontal #rt-slideshow .rt-slideshow-right{background-image:url(../images/light/horizontal/slideshow-overlay-right.png);}.main-mask-horizontal #rt-slideshow .rt-slideshow-top{background-image:url(../images/light/horizontal/slideshow-overlay-top.png);}.main-mask-horizontal #rt-slideshow .rt-slideshow-btm{background-image:url(../images/light/horizontal/slideshow-overlay-btm.png);}.main-mask-horizontal #rt-slideshow .rt-slideshow-overlay{background-image:url(../images/light/horizontal/slideshow-overlay.png);}.main-mask-horizontal #rt-slideshow .rt-slideshow-overlay2{background-image:url(../images/light/horizontal/slideshow-overlay2.png);}.main-mask-fold .menutop li.root > .item .menu-overlay,.main-mask-fold .menutop.level1 > li > .item  .menu-overlay{background:url(../images/light/fold/menu-item-overlay.png) no-repeat scroll 100% 0;}.main-mask-fold .sprocket-tabs-nav li .sprocket-tabs-inner{background:url(../images/light/fold/tabs-overlay.png) no-repeat scroll 100% 0;}.main-mask-fold .sprocket-mosaic .sprocket-mosaic-order li span,.main-mask-fold .sprocket-mosaic .sprocket-mosaic-filter li span{background:url(../images/light/fold/tabs-overlay.png) no-repeat scroll 100% 0;}.main-mask-fold #rt-slideshow .rt-slideshow-left-top{background-image:url(../images/light/fold/slideshow-overlay-left.png);}.main-mask-fold #rt-slideshow .rt-slideshow-left-btm{background-image:url(../images/light/fold/slideshow-overlay-left.png);}.main-mask-fold #rt-slideshow .rt-slideshow-right-top{background-image:url(../images/light/fold/slideshow-overlay-right.png);}.main-mask-fold #rt-slideshow .rt-slideshow-right-btm{background-image:url(../images/light/fold/slideshow-overlay-right.png);}.main-mask-fold #rt-slideshow .rt-slideshow-top{background-color:#fff;}.main-mask-fold #rt-slideshow .layout-slideshow .rt-slideshow-overlay{background-image:url(../images/light/fold/slideshow-overlay.png);}.main-mask-fold #rt-slideshow .layout-slideshow .rt-slideshow-overlay2{background-image:url(../images/light/fold/slideshow-overlay2.png);}.main-mask-pointed .menutop li.root > .item .menu-overlay,.main-mask-pointed .menutop.level1 > li > .item  .menu-overlay{background:url(../images/light/pointed/menu-item-overlay.png) no-repeat scroll 50% 100%;}.main-mask-pointed .sprocket-tabs-nav li .sprocket-tabs-inner{background-image:url(../images/light/tabs-overlay.png);}.main-mask-pointed #rt-slideshow .rt-slideshow-left-top{background-image:url(../images/light/pointed/slideshow-overlay-left.png);}.main-mask-pointed #rt-slideshow .rt-slideshow-left-btm{background-image:url(../images/light/pointed/slideshow-overlay-left.png);}.main-mask-pointed #rt-slideshow .rt-slideshow-right-top{background-image:url(../images/light/pointed/slideshow-overlay-right.png);}.main-mask-pointed #rt-slideshow .rt-slideshow-right-btm{background-image:url(../images/light/pointed/slideshow-overlay-right.png);}.main-mask-pointed #rt-slideshow .rt-slideshow-top{background-color:#fff;}.main-mask-pointed #rt-slideshow .rt-slideshow-left-mid,.main-mask-pointed #rt-slideshow .rt-slideshow-right-mid{background-color:#fff;}.main-mask-pointed #rt-slideshow .layout-slideshow .rt-slideshow-overlay{background-image:url(../images/light/pointed/slideshow-overlay.png);}.main-mask-pointed #rt-slideshow .layout-slideshow .rt-slideshow-overlay2{background-image:url(../images/light/pointed/slideshow-overlay2.png);}.menutop.level1 .item .menu-overlay span{background-color:#fff;}.menutop .item,.menutop.level1 li.root.active.f-mainparent-itemfocus .item{color:#fff;text-shadow:-1px -1px 1px rgba(0,0,0,0.3);}.daddyicon,.menutop ul li > .daddy span{background-image:url(../images/light/nav-arrows.png);}.menutop .fusion-js-subs li > .item:hover,.menutop .fusion-js-subs li.active > .item{border-color:rgba(225,225,225,0.8);}.menutop .fusion-submenu-wrapper{box-shadow:3px 3px 0 rgba(0,0,0,0.2);}.menutop.level1 li.root.active .item,.splitmenu .menutop.level1 li.active .item{color:#000;text-shadow:none;}.module-content ul.menu > li a,.module-content ul.menu li .separator,.module-content ul.menu li .nolink{color:#fff;text-shadow:-1px -1px 1px rgba(0,0,0,0.3);}.module-content ul.menu > li > a:hover,.module-content ul.menu li .separator:hover,.module-content ul.menu li > .nolink:hover,.module-content ul.menu > li.active > a,.module-content ul.menu li.active > .separator:hover,.module-content ul.menu li.active > .nolink:hover{border-color:rgba(225,225,225,0.8);}.module-content ul.menu li.parent li a,.module-content ul.menu li.parent li .item,.module-content ul.menu li.parent li .separator{background-image:url(../images/light/nav-arrows.png);}.module-content .menu li{margin:0 15px;}.module-content ul.menu li.parent li.active.current > a,.module-content ul.menu li.parent li.active.current > .item,.module-content ul.menu li.parent li.active.current > .separator,.module-content ul.menu li.parent li#current.active > a,.module-content ul.menu li.parent li#current.active > .item,.module-content ul.menu li.parent li#current.active > .separator,.module-content ul.menu li.parent li > a:hover,.module-content ul.menu li.parent li:hover .item:hover,.module-content ul.menu li.parent li > .separator:hover{text-shadow:0 0 9px #fff, -1px -1px 1px rgba(0,0,0,0.4);}.horizmenu .module-content ul.menu > li a,.horizmenu .module-content ul.menu li .separator,.horizmenu .module-content ul.menu li .nolink{color:#000;text-shadow:none;}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button{color:#fff;}.button:hover,.readon:hover,.readmore:hover,button.validate:hover,#member-profile a:hover,#member-registration a:hover,.formelm-buttons button:hover{background-color:#000;}.readmore a,.readon span,.button span,a.readon:hover{color:#fff;}.button:before,.readon:before,.readmore:before,button.validate:before,#member-profile a:before,#member-registration a:before,.formelm-buttons button:before{background-image:url(../images/light/nav-arrows.png);}.component-content .login + div ul li a,#login-form a,.component-content .items-more ol li a{background-image:url(../images/light/arrows.png);}.login-fields #username,.login-fields #password,#contact-form dd input,#contact-form dd textarea,#modlgn-username,#modlgn-passwd,#jform_email,#member-registration dd input,#search-searchword,.finder .inputbox,.inputbox{border:1px solid #999;}.title1 .mod-hex,.title2 .mod-hex{background-image:url(../images/light/title-hex.png);}.title1 .module-title,.title3 .module-title{border-top:0;}.title1 .title,.title3 .title{background-color:#fff;}#rt-copyright .title1 .mod-hex{background-image:url(../images/light/title-hex2.png);}#rt-copyright .title1 .title,#rt-copyright .title3 .title{background-color:#f2f2f2;}.title4.box3 .title{border-color:#000;}.box1.rt-block{border:1px solid #000;}.box2.title1 .title,.box2.title3 .title{background-color:#000;}.box2.rt-block{background-color:#000;color:#fff;}.box2 a:hover{color:#fff;}.box2 .button:hover,.box2 .readon:hover,.box2 .readmore:hover,.box2 button.validate:hover,.box2 #member-profile a:hover,.box2 #member-registration a:hover,.box2 .formelm-buttons button:hover{background-color:#444;}.box3{color:#fff;}.box3 a{color:#000;}.box3 a:hover{color:#fff;}.box3 .button,.box3 .readon,.box3 .readmore,.box3 button.validate,.box3 #member-profile a,.box3 #member-registration a,.box3 .formelm-buttons button{border:1px solid #fff;}.box3 .button:hover,.box3 .readon:hover,.box3 .readmore:hover,.box3 button.validate:hover,.box3 #member-profile a:hover,.box3 #member-registration a:hover,.box3 .formelm-buttons button:hover{border-color:transparent;}.box4.rt-block{box-shadow:3px 3px 0 rgba(0,0,0,0.2);border:1px solid #ccc;}.box5.title3 .title{background-color:#F2F2F2;}.box5.rt-block{background-color:#F2F2F2;border:1px solid #D7D7D7;}.component-content .actions li img{background-image:url(../images/light/article-icons.png);}.layout-slideshow .sprocket-features-arrows .arrow{background-color:#212121;background-image:url(../images/light/nav-arrows.png);}.layout-slideshow .readon{border-color:#fff;background-color:transparent;}.sprocket-features-pagination li.active{background-color:#fff;}.sprocket-features-pagination li{background-color:#fff;}.sprocket-features-content{background:rgba(0,0,0,0.8);color:#fff;}.sprocket-features-title a{color:#fff;}.sprocket-tabs-nav{border-bottom:1px solid #000;}.sprocket-tabs-nav li{background-color:#C8C8C8;color:#fff;text-shadow:-1px -1px 1px rgba(0,0,0,0.3);}.sprocket-tabs-nav li.active,.sprocket-tabs-nav li:hover{background-color:#000;}.sprocket-tabs-nav .sprocket-tabs-shadow{background:rgba(0,0,0,0.1);}.sprocket-mosaic .sprocket-mosaic-header{border-color:#000;}.sprocket-mosaic .sprocket-mosaic-text{color:#fff;}.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-title span{background-color:#fff;}.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-title a{color:#000;}.sprocket-mosaic .sprocket-readmore{background:url(../images/light/mosaic-readon.png);}.sprocket-mosaic .sprocket-mosaic-order li,.sprocket-mosaic .sprocket-mosaic-filter li{background-color:#bbb;color:#fff;text-shadow:-1px -1px 1px rgba(0,0,0,0.3);}.sprocket-mosaic .sprocket-mosaic-order li span,.sprocket-mosaic .sprocket-mosaic-filter li span{background-image:url(../images/light/tabs-overlay.png);}.sprocket-mosaic .sprocket-mosaic-order li.active,.sprocket-mosaic .sprocket-mosaic-filter li.active,.sprocket-mosaic .sprocket-mosaic-order li:hover,.sprocket-mosaic .sprocket-mosaic-filter li:hover{background-color:#000;}.sprocket-mosaic .sprocket-mosaic-shadow{background:rgba(0,0,0,0.1);}.sprocket-mosaic .sprocket-mosaic-tags li{background-color:#000;color:#fff;}.sprocket-lists .sprocket-lists-pagination li{color:#000;}.sprocket-lists .sprocket-lists-pagination li.active,.sprocket-lists li.active .sprocket-lists-title .indicator{background-image:url(../images/light/pagination.png);color:#fff;}.sprocket-lists .sprocket-lists-arrows .arrow{background-color:#212121;background-image:url(../images/light/nav-arrows.png);}.sprocket-lists .sprocket-lists-title{border-bottom:1px solid #ccc;}.sprocket-headlines-navigation .arrow{background-color:#212121;background-image:url(../images/light/nav-arrows.png);}#rt-breadcrumbs .breadcrumbs img{background-image:url(../images/light/arrows.png);}.component-content .weblink-category tr{border-bottom:1px solid #d7d7d7;}.component-content .weblink-category tr.cat-list-row1{background-color:#F9F9F9;}#rokajaxsearch .inputbox,.rokajaxsearch input.inputbox:focus{background-image:url(../images/light/search-controls.png);}.roksearch_results #roksearch_link{background:url(../images/light/search-controls.png) 0 -50px no-repeat;}#roksearch_results{background-color:#E2E2E2;box-shadow:0 1px 4px rgba(0,0,0,0.2);border:1px solid #ccc;}#roksearch_results .roksearch_header,#roksearch_results .roksearch_row_btm,#roksearch_results .roksearch_result_wrapper1{border-bottom:1px solid #CFCFCF;}#roksearch_results .arrow-right{background:url(../images/light/search-controls.png) 0 -15px no-repeat;}#roksearch_results .arrow-left-disabled,#roksearch_results .arrow-right-disabled{background:url(../images/light/search-controls.png) 0 -33px no-repeat;}#roksearch_results .arrow-left{background:url(../images/light/search-controls.png) 0 2px no-repeat;}#roksearch_results .roksearch_odd{background-color:#F0F0F0;}.roksearch_result_wrapper1{border:1px solid #fff;}.roksearch_result_wrapper1:hover{background-color:#E0E0E0;}.rt-social-buttons .social-button{background-image:url(../images/light/social-icons.png);}.rt-totop{background-color:#33353B;background-image:url(../images/light/nav-arrows.png);}.rt-fontsizer-buttons .button{background-image:url(../images/light/nav-arrows.png);}.tip-wrap{border:1px solid #ddd;background-color:#fefefe;box-shadow:0 1px 4px rgba(0,0,0,0.2);color:#333;}#rocket{background:url(../images/light/rocket.png) no-repeat;}.tags .label-info{color:#fff;text-shadow:none;font-weight:normal;}.tags .label-info:hover{background-color:#000;color:#fff;}@font-face{font-family:'FontAwesome';src:url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?v=3.2.1');src:url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}

Examples and source code

icon-calendar

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-calendar"></i> icon-calendar
Icon classes are echoed via CSS :before.

icon-calendar

icon-calendar

icon-calendar

icon-calendar

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-calendar icon-large"></i> icon-calendar</p>
<p><i class=" icon-calendar icon-2x"></i> icon-calendar</p>
<p><i class=" icon-calendar icon-3x"></i> icon-calendar</p>
<p><i class=" icon-calendar icon-4x"></i> icon-calendar</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-calendar"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-calendar icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-calendar icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-calendar"></i>  normal<br>
<i class=" icon-calendar icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-calendar icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-calendar icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-calendar icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-calendar icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-calendar icon-2x icon-spin"></i>
<i class=" icon-calendar icon-3x icon-spin"></i>
<i class=" icon-calendar icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-calendar on icon-check-empty
icon-calendar on icon-circle
icon-calendarl on icon-sign-blank
icon-ban-circle on icon-calendar

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-calendar "></i>
</span>
icon-calendar on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-calendar icon-light"></i>
</span>
icon-calendar on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-calendar icon-light "></i>
</span>
icon-calendar on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-calendar icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-calendar