Font Awesome icon usage statistics

  • 3 types of Font Awesome iconic font are used and found 3 times in total.
  • ZED.IN used 1.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of ZED.IN are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • ZED.IN includes "http://www.ZED.IN/templates/th_agency/css-compiled/master-d807a40aa6709094b66b15272ba66840.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'latoregular';src:url('../fonts/Lato/lato-regular-webfont.eot');src:url('../fonts/Lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/lato-regular-webfont.woff') format('woff'), url('../fonts/Lato/lato-regular-webfont.ttf') format('truetype'), url('../fonts/Lato/lato-regular-webfont.svg#latoregular') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'latobold';src:url('../fonts/Lato/lato-bold-webfont.eot');src:url('../fonts/Lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato/lato-bold-webfont.woff') format('woff'), url('../fonts/Lato/lato-bold-webfont.ttf') format('truetype'), url('../fonts/Lato/lato-bold-webfont.svg#latobold') format('svg');font-weight:normal;font-style:normal;}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}body{font-family:latoregular;font-size:16px;font-style:normal;font-weight:400;z-index:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}p{font-size:16px;font-style:normal;font-weight:400;line-height:22px;}p.lead{font-weight:500;font-size:16px;color:#444;}h1,h2,h3,h4{color:#000;-webkit-font-smothing:antialiased;text-rendering:optimizeLegibility;}h1{font-size:36px;font-weight:900;}h2{font-size:24px;font-weight:normal;color:#991611;}h3{font-size:20px;font-weight:normal;}h4{font-size:16px;font-weight:400;}h2.title{font-size:24px;border-bottom:0;text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.sub-title{font-size:20px;font-weight:400;display:block;margin-bottom:30px;color:#999;}#th-subheader{position:relative;background:#fff;overflow:hidden;width:100%;}#th-subheader h2.title{position:relative;left:130px;top:-3px;line-height:35px;font-weight:700;}#th-subheader h2.title .title-icon{display:block;font-size:80px;color:#991611;margin:0 auto 5px auto;padding-left:20px;overflow:hidden;width:120px;height:60px;}#th-subheader h2.title .sub-title{margin-bottom:0;}#th-subheader .custom{padding:75px 0;margin-left:-27px;background-repeat:no-repeat;background-attachment:fixed;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}#th-subheader .breadcrumbs,#th-subheader .breadcrumb{margin:0 auto;padding:0;height:0px;color:#aaa;font-weight:400;font-size:12px;position:relative;bottom:40px;text-align:center;}#th-subheader .breadcrumbs a,#th-subheader .breadcrumb a{color:#aaa;}#th-subheader .breadcrumbs a:hover,#th-subheader .breadcrumb a:hover{text-decoration:underline;}#th-subheader .breadcrumbs li,#th-subheader .breadcrumb li{text-shadow:none;}.logo-type-gantry #rt-logo{background:url(../images/logo/logo.png) 0 0 no-repeat;width:150px;height:50px;margin:0;}.make-sticky{position:fixed;width:100%;left:0;top:0;z-index:9999;}#rt-drawer{border-bottom:none !important;background:transparent;}#rt-header{background:#ffffff;border-bottom:1px solid #fdfdfd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translateZ(0);}.sticky-scrolled #rt-header{background:#ffffff;border-bottom:none;line-height:40px;}.sticky-scrolled #rt-header .gf-menu .item{color:#303336;}.sticky-scrolled #rt-header .gf-menu .dropdown{background:#fff;}.sticky-scrolled #rt-header .gf-menu .dropdown .module-content{color:#303336;}.sticky-scrolled #rt-header .gf-menu .dropdown .module-content h2{color:#ffffff;}.sticky-scrolled #rt-header .th-search-wrapper{background:#131619;}.sticky-scrolled #rt-header .th-search-wrapper form input.th-search-input{background:#131619;color:#ffffff;}.th-search-wrapper{position:absolute;right:0px;top:-10px;height:70px;background:#ffffff;opacity:0;pointer-events:none;-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);-ms-transform:translate(0px,0px);-o-transform:translate(0px,0px);transform:translate(0px,0px);-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-transform:translateZ(0);}.th-search-wrapper form{margin:0;}.th-search-wrapper form .th-search-input{width:96%;height:68px;border:0 !important;margin:0;padding:0;font-size:30px;font-weight:500;color:#333;text-transform:uppercase;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.th-search-wrapper form input:-moz-placeholder,.th-search-wrapper form textarea:-moz-placeholder{color:#999;line-height:36px;}.th-search-wrapper form input:-ms-input-placeholder,.th-search-wrapper form textarea:-ms-input-placeholder{color:#999;line-height:36px;}.th-search-wrapper form input::-webkit-input-placeholder,.th-search-wrapper form textarea::-webkit-input-placeholder{color:#999;line-height:36px;}.th-search-wrapper form .icon-remove{font-size:16px;color:#cc4521;cursor:pointer;top:-2px;position:relative;right:6px;}.th-search-wrapper form .icon-remove:hover{color:#ccc;}.th-search-wrapper.th-search-bigwrapper{opacity:1;pointer-events:auto;}.th-search-opener{margin:-3px 0 0 15px;text-align:right;cursor:pointer;}#rt-showcase .rt-grid-12{width:100%;}#rt-showcase .rt-grid-12 .rt-block{margin:0;padding:0;margin-top:-75px;}#rt-feature{background:#fff;background-repeat:no-repeat;background-size:contain;overflow:hidden;position:relative;-webkit-transform:translateZ(0);}.databox{border-left:1px solid #eee;padding-left:30px;display:block;text-align:center;color:#991611;}.databox .big-text{font-size:32px;line-height:60px;font-style:normal;display:block;font-family:latoregular;}.databox strong{display:block;font-size:16px;font-weight:900;margin:20px 0 10px;}#rt-utility{background:#f0f2f5;padding:20px 0;}#rt-maintop{background-color:transparent !important;background:url(../images/parallex/feature-bg.jpg) no-repeat;overflow:hidden;position:relative;border-bottom:0;padding:140px 0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}#rt-maintop h2.title{color:#ffffff;}#rt-maintop:after,#rt-maintop:before{background:#f0f2f5;content:"";height:195px;position:absolute;top:-130px;width:100%;z-index:0;-webkit-transform:skew(0deg,5deg);-moz-transform:skew(0deg,5deg);-ms-transform:skewX(0deg) skewY(5deg);-o-transform:skew(0deg,5deg);transform:skew(0deg,5deg);}#rt-maintop:after{bottom:-130px;top:auto;background:#fff;}#rt-maintop .rt-block{margin-top:0;margin-bottom:0;padding:0;}#rt-maintop .sprocket-tabs{z-index:1;margin:0;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}#rt-maintop .sprocket-tabs .sprocket-tabs-panel{padding:0;color:#fff;font-size:20px;}#rt-maintop .sprocket-tabs .sprocket-tabs-nav{padding:0 !important;margin-right:40px;width:35%;border:0;background:transparent;}#rt-maintop .sprocket-tabs .sprocket-tabs-nav li{margin-bottom:0 !important;}#rt-maintop .sprocket-tabs .sprocket-tabs-nav li .sprocket-tabs-inner{padding:15px;line-height:inherit;}#rt-maintop .sprocket-tabs .sprocket-tabs-nav li img{margin:10px 15px 0 0;}#rt-maintop .sprocket-tabs .sprocket-tabs-nav li.active .sprocket-tabs-inner,#rt-maintop .sprocket-tabs .sprocket-tabs-nav li:hover .sprocket-tabs-inner{border:1px solid transparent;background:rgba(0,0,0,0.3);border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}#rt-maintop .sprocket-tabs .sprocket-tabs-nav h3{margin:0 0 0 80px;color:#fff;}#rt-maintop .sprocket-tabs .sprocket-tabs-nav p{margin:0 0 0 80px;font-size:14px;font-weight:400;color:#fff;}#rt-mainbottom h2.title{text-align:center;}#rt-mainbottom h2.title .title-icon{display:block;font-size:120px;color:#991611;margin:0 auto 5px auto;overflow:hidden;width:120px;height:70px;}#rt-mainbottom .rt-block{margin-top:0;margin-bottom:0;padding:0;}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li{position:relative;overflow:hidden;}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item{background-position:center;position:relative;overflow:hidden;height:330px;border:10px solid #1b1f23;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in;-webkit-transform:translateZ(0);}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item:before{position:absolute;content:"";bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 80px 80px;border-color:transparent transparent #1b1f23 transparent;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in;-webkit-transform:translateZ(0);}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item:after{font-family:FontAwesome;font-size:20px;font-weight:300;position:absolute;content:"\f055";color:#ffffff;bottom:10px;right:10px;}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item:hover{border:10px solid #991611;}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item:hover .sprocket-strips-content{visibility:visible;}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item:hover:before{border-width:0 0 500px 450px;border-color:transparent transparent #991611 transparent;}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item:hover:after{visibility:hidden;}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item .sprocket-strips-content{visibility:hidden;color:#ffffff;position:absolute;bottom:0;right:0;padding:0 10px 30px;text-align:right;}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item .sprocket-strips-content .readon{display:inline-block;}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item .sprocket-strips-content h4.sprocket-strips-title a{font-size:20px;font-weight:700;color:#ffffff !important;text-transform:uppercase;}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item .sprocket-strips-content .sprocket-strips-text{font-size:17px;}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item .sprocket-strips-content a.readon span{display:none;}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item .sprocket-strips-content a.readon:after{content:"\f055";font-size:20px;color:#fff;right:0;top:2px;opacity:1;filter:alpha(opacity=100);}#rt-mainbottom .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item .sprocket-strips-content a.readon:hover:after{color:#000;}#rt-mainbottom .sprocket-strips .sprocket-strips-nav{padding:30px 0;}#rt-mainbottom .sprocket-strips .sprocket-strips-nav .sprocket-strips-pagination{position:relative;}#rt-mainbottom .sprocket-strips .sprocket-strips-nav .sprocket-strips-pagination ul{margin:0 auto !important;float:none !important;display:block;width:100%;text-align:center;}#rt-mainbottom .sprocket-strips .sprocket-strips-nav .sprocket-strips-pagination ul li{background:#cccccc;padding:8px !important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}#rt-mainbottom .sprocket-strips .sprocket-strips-nav .sprocket-strips-pagination ul li:hover{background:#000000;}#rt-mainbottom .sprocket-strips .sprocket-strips-nav .sprocket-strips-pagination ul li.active{background:#991611;}#rt-extension{background:#f0f2f5;}#rt-extension h2.title{text-align:center;}#rt-extension h2.title .title-icon{display:block;font-size:120px;color:#991611;margin:0 auto 5px auto;overflow:hidden;width:120px;height:45px;}.service .service-icon{color:#ffffff;text-align:center;font-size:40px;line-height:65px;width:70px;height:70px;margin-top:20px;background:#991611;border:3px solid rgba(0,0,0,0.5);overflow:hidden;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translateZ(0);}.service .service-icon span{padding-left:10px;}.service:hover .service-icon{background:#ffffff;color:#991611;border:3px solid transparent;}.service .service-content{padding-left:100px;}#rt-bottom h2.title{text-align:center;}#rt-bottom h2.title .title-icon{display:block;font-size:60px;color:#991611;margin:0 auto 5px auto;overflow:hidden;width:120px;height:60px;}#rt-bottom .nspArt{position:relative;}#rt-bottom .nspArt img.nspImage{border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}#rt-bottom .nspArt .nspText{font-size:24px;font-weight:400;line-height:40px;color:#bbb;font-style:italic;margin:30px 0;}#rt-bottom .nspArt .nspHeader{color:#991611;font-size:18px;}#rt-bottom .nspTopInterface div{float:none;}#rt-bottom .nspTopInterface div .nspPrev,#rt-bottom .nspTopInterface div .nspNext{display:inline-block;position:absolute;margin:60px 0 0 0;width:30px;height:30px;background:transparent;text-indent:-999em;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translateZ(0);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}#rt-bottom .nspTopInterface div .nspPrev:hover,#rt-bottom .nspTopInterface div .nspNext:hover{border-color:#991611;}#rt-bottom .nspTopInterface div .nspPrev{left:40%;border-left:1px solid #999;border-bottom:1px solid #999;}#rt-bottom .nspTopInterface div .nspPrev:hover{margin-left:-10px;}#rt-bottom .nspTopInterface div .nspNext{right:40.6%;border-right:1px solid #999;border-top:1px solid #999;}#rt-bottom .nspTopInterface div .nspNext:hover{margin-right:-10px;}#rt-clientlist{padding:70px 0;background:#f0f2f5;}#rt-clientlist h2.title{text-align:center;}#rt-clientlist h2.title .title-icon{display:block;font-size:80px;color:#991611;margin:0 auto 5px auto;overflow:hidden;width:120px;height:60px;}#rt-clientlist .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;position:relative;display:block;border:0;height:80px;background:center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateZ(0);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:1;filter:alpha(opacity=100);}#rt-clientlist .sprocket-strips .sprocket-strips-container >li .sprocket-strips-item:hover{opacity:0.5;filter:alpha(opacity=50);}#rt-clientlist .sprocket-strips .sprocket-strips-nav{position:absolute;padding:0;top:35%;}#rt-clientlist .sprocket-strips .sprocket-strips-nav .sprocket-strips-arrows .arrow{float:none;width:30px;height:30px;background:transparent;text-indent:-9999em;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translateZ(0);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}#rt-clientlist .sprocket-strips .sprocket-strips-nav .sprocket-strips-arrows .arrow:hover{border-color:#991611;}#rt-clientlist .sprocket-strips .sprocket-strips-nav .sprocket-strips-arrows .next{float:right;margin-right:-30px;border-top:1px solid #777;border-right:1px solid #777;}#rt-clientlist .sprocket-strips .sprocket-strips-nav .sprocket-strips-arrows .next:hover{margin-right:-40px;}#rt-clientlist .sprocket-strips .sprocket-strips-nav .sprocket-strips-arrows .prev{float:left;margin-left:-30px;border-left:1px solid #777;border-bottom:1px solid #777;}#rt-clientlist .sprocket-strips .sprocket-strips-nav .sprocket-strips-arrows .prev:hover{margin-left:-40px;}#rt-footer{border:0;background:#1b1f23;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}#rt-footer .title{font-size:20px;font-weight:300;margin-bottom:0px;padding:0;color:#fff;}#rt-footer .custom-menu h2{margin-bottom:25px;}#rt-footer .custom-menu a{color:#000;}#rt-footer .custom-menu a:hover{color:#991611;}#rt-copyright{background:#131619;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}#rt-copyright p{font-size:14px;margin:0;}#rt-copyright #gantry-totop{text-indent:-9999px;background:transparent;border:0;border-left:3px solid #ededed;border-top:3px solid #ededed;width:20px;height:20px;padding:0;margin-top:20px;float:right;position:relative;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transform:translateZ(0);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}#rt-copyright #gantry-totop:hover{margin-top:10px;border-color:#991611;}div.sp_social.icon_size_32 ul li a{background-image:url(../images/social-icon/social-icon.png) !important;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translateZ(0);}div.sp_social.icon_size_32 ul li a.sp_social_rss{background-position:0px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_rss:hover{background-position:0px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_facebook{background-position:-32px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_facebook:hover{background-position:-32px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_twitter{background-position:-64px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_twitter:hover{background-position:-64px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_googleplus{background-position:-96px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_googleplus:hover{background-position:-96px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_youtube{background-position:-128px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_youtube:hover{background-position:-128px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_pinterest{background-position:-160px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_pinterest:hover{background-position:-160px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_linkedin{background-position:-192px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_linkedin:hover{background-position:-192px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_flickr{background-position:-224px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_flickr:hover{background-position:-224px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_picasa{background-position:-256px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_picasa:hover{background-position:-256px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_myspace{background-position:-288px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_myspace:hover{background-position:-288px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_digg{background-position:-320px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_digg:hover{background-position:-320px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_skype{background-position:-352px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_skype:hover{background-position:-352px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_vimeo{background-position:-384px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_vimeo:hover{background-position:-384px -32px;}div.sp_social.icon_size_32 ul li a.sp_social_delicious{background-position:-416px 0px;}div.sp_social.icon_size_32 ul li a.sp_social_delicious:hover{background-position:-416px -32px;}.about-slide .sprocket-features{margin-bottom:50px;}.about-slide .sprocket-features .sprocket-features-content{top:40% !important;}.about-slide .sprocket-features .sprocket-features-content h2.sprocket-features-title{margin:0;padding:10px 15px;line-height:26px;background:#991611;border-bottom:none;font-size:20px;text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.about-slide .sprocket-features .sprocket-features-content .sprocket-features-desc{display:block;margin:5px 0 0 0;padding:0;background:transparent;}.about-slide .sprocket-features .sprocket-features-content .sprocket-features-desc span{line-height:20px;font-size:18px;background:#ffffff;padding:5px 10px;color:#000;text-transform:lowercase;}.progress{margin-bottom:10px;background:#F7F7F7;box-shadow:none;height:10px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.progress .bar{background:#991611;}.text{overflow:hidden;display:block;height:30px;margin:20px 0 5px;}.text .skill-title{float:left;color:#444;}.text .percent{float:right;color:#999;}.th-team{margin-top:30px;}.th-team ul.th-team-wrapper{margin:0;}.th-team ul.th-team-wrapper li{margin-bottom:40px;overflow:hidden;border:1px solid #eee;padding:10px;}.th-team ul.th-team-wrapper li:nth-child(4n+1){margin-left:0;}.th-team ul.th-team-wrapper .img-block{position:relative;overflow:hidden;}.th-team ul.th-team-wrapper .img-block .th-name{position:absolute;margin:0 0 -1px 0;bottom:0px;line-height:22px;font-size:16px;background:#fff;padding:5px 10px 0 0;}.th-team ul.th-team-wrapper .img-block img{filter:none;-webkit-filter:sepia(0);-moz-filter:sepia(0);-ms-filter:sepia(0);-o-filter:sepia(0);filter:sepia(0);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;transform:rotate(0deg) scale(1);-webkit-transform:rotate(0deg) scale(1);-moz-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-webkit-transform:translateZ(0);}.th-team ul.th-team-wrapper .img-block img:hover{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey");-webkit-filter:sepia(1);-webkit-filter:sepia(100%);-moz-filter:sepia(100%);-ms-filter:sepia(100%);-o-filter:sepia(100%);filter:sepia(100%);transform:rotate(20deg) scale(1.5);-webkit-transform:rotate(20deg) scale(1.5);-moz-transform:rotate(20deg) scale(1.5);-o-transform:rotate(20deg) scale(1.5);-ms-transform:rotate(20deg) scale(1.5);}.th-team ul.th-team-wrapper .th-designation{margin:20px 0;color:#333;}.th-team ul.th-team-wrapper .th-description{margin-bottom:30px;text-shadow:0 0 1px transparent;}.th-team ul.th-team-wrapper .social-icons{font-size:24px;}.th-team ul.th-team-wrapper .social-icons a{color:#ccc;}.th-team ul.th-team-wrapper .social-icons a:hover{color:#991611;}.steps{margin-top:40px;}.steps .steps-content{padding-left:90px;}.big-img-holder{text-align:center;}.promo-box{overflow:hidden;padding:20px;background:#eee;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #dfdfdf;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}.promo-box h3{margin:0px;}.promo-box .bigbutton{margin-top:20px;}#rt-mainbody .img-fulltext-left{margin:0 50px 30px 0;}#rt-mainbody h2{border-bottom:none;}.work-details p{display:inline-block;line-height:40px;margin:0;border-bottom:1px solid #eee;}.work-details p b{font-size:16px;}.portfolio .sprocket-mosaic-header{margin-bottom:30px !important;}.portfolio .sprocket-mosaic-filter ul,.portfolio .sprocket-mosaic-order ul{width:100%;text-align:center;}.portfolio .sprocket-mosaic-filter ul li,.portfolio .sprocket-mosaic-order ul li{overflow:hidden;position:relative;font-size:16px;color:#000;background:none;border:2px solid ;padding:8px 10px;text-transform:capitalize;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.portfolio .sprocket-mosaic-filter ul li.active,.portfolio .sprocket-mosaic-order ul li.active{background:#991611;border-color:#991611;color:#fff;}.portfolio .sprocket-mosaic-filter ul li:after,.portfolio .sprocket-mosaic-order ul li:after{width:100%;height:0;left:0;top:0;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}.portfolio .sprocket-mosaic-filter ul li:hover,.portfolio .sprocket-mosaic-order ul li:hover{background:transparent;border-color:#991611;color:#fff;}.portfolio .sprocket-mosaic-filter ul li:hover:after,.portfolio .sprocket-mosaic-order ul li:hover:after{background:#991611;height:100%;}.portfolio .sprocket-mosaic-item{border:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.portfolio .sprocket-mosaic-item .sprocket-padding{background:#eee;padding:0 0 10px;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-image-container{overflow:visible;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-image-container .sprocket-mosaic-image{background:#991611;-webkit-transform:translateZ(0);-webkit-transition:linear 100ms;-moz-transition:linear 100ms;-o-transition:linear 100ms;transition:linear 100ms;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-image-container .sprocket-mosaic-hover{right:auto;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-image-container:hover .sprocket-mosaic-image{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-image-container .sprocket-mosaic-hovercontent{width:120px;left:35%;top:43%;background:#fff;height:40px;line-height:40px;padding:0 10px;-webkit-transform:translateZ(0);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-image-container .sprocket-mosaic-hovercontent:hover{background:#991611;color:#fff;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-image-container .sprocket-mosaic-hovercontent span{display:none;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-head{background:#eee;margin:0;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-head h2{font-size:16px;text-transform:uppercase;text-shadow:none;text-align:center;margin:0;padding:10px 0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-head h2 a{color:#333;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-readmore{display:none;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-text{margin:0 20px 20px 20px;display:block;color:#444;text-align:center;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-tags{margin:-20px 0 0 0;background:none;float:none;display:block;text-align:center;}.portfolio .sprocket-mosaic-item .sprocket-padding .sprocket-mosaic-tags li{display:inline;background:none;}.sigFreeLinkOuterWrapper{overflow:hidden;background:none !important;padding:0 !important;margin:0 10px 10px 0 !important;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.sigFreeLinkOuterWrapper .sigFreeLinkWrapper{margin:0 !important;padding:0 !important;border:0 !important;-webkit-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;}.sigFreeLinkOuterWrapper .sigFreeLinkWrapper:hover{-webkit-transform:scale(1.5) rotate(10deg);-moz-transform:scale(1.5) rotate(10deg);-ms-transform:scale(1.5) rotate(10deg);-o-transform:scale(1.5) rotate(10deg);transform:scale(1.5) rotate(10deg);opacity:.9;}.social-share{margin:50px 0;}#rt-sidebar-a h2.title{font-size:20px;margin:0;padding:0;}.contact-info img{float:left;margin-right:20px;}.contact-info h3{padding-left:100px;}.contact-info address{padding-left:100px;}.contact-form input,.contact-form textarea,#member-registration input,#member-registration textarea{border:2px solid #e5e5e5 !important;padding:20px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.contact-form input:focus,.contact-form textarea:focus,#member-registration input:focus,#member-registration textarea:focus{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;}.login .login-fields #username,.login .login-fields #password{border:2px solid #e5e5e5;padding:10px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.title3 .title{background-color:#363636;background-image:-moz-linear-gradient(top,#3b3b3b,#2e2e2e);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3b3b3b),to(#2e2e2e));background-image:-webkit-linear-gradient(top,#3b3b3b,#2e2e2e);background-image:-o-linear-gradient(top,#3b3b3b,#2e2e2e);background-image:linear-gradient(to bottom,#3b3b3b,#2e2e2e);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff2e2e2e', GradientType=0);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.4);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.4);box-shadow:0 2px 4px rgba(0,0,0,0.4);border-bottom:1px solid #000000;color:#ffffff;text-shadow:1px 1px 1px #000000;}.box3{background-color:#363636;background-image:-moz-linear-gradient(top,#3b3b3b,#2e2e2e);background-image:-webkit-gradient(linear,0 0,0 100%,from(#3b3b3b),to(#2e2e2e));background-image:-webkit-linear-gradient(top,#3b3b3b,#2e2e2e);background-image:-o-linear-gradient(top,#3b3b3b,#2e2e2e);background-image:linear-gradient(to bottom,#3b3b3b,#2e2e2e);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff2e2e2e', GradientType=0);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.4);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.4);box-shadow:0 2px 4px rgba(0,0,0,0.4);border-bottom:1px solid #000000;color:#adadad;text-shadow:0 2px 3px #000000;}.box3 .title{color:#ffffff;text-shadow:1px 1px 1px #000000;border-bottom:1px solid #212121;-webkit-box-shadow:0 1px 0 #4c4c4c;-moz-box-shadow:0 1px 0 #4c4c4c;box-shadow:0 1px 0 #4c4c4c;}.box3 a:hover{color:#ffffff;}.sprocket-lists li.active span.indicator{opacity:1;}.sprocket-lists li.active span.indicator:before{content:"\f056" !important;font-family:FontAwesome !important;border:none;}.sprocket-lists li.active h4.sprocket-lists-title{color:#991611;border-color:#ec5c57;}.sprocket-lists li h4.sprocket-lists-title{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-size:16px !important;line-height:16px !important;font-weight:400;text-transform:uppercase;margin:2px 0 !important;padding:15px 15px 15px 50px !important;background:#fff;border:1px solid #e5e5e5;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.sprocket-lists li h4.sprocket-lists-title span.indicator{left:15px;right:auto;font-size:18px;background:none;}.sprocket-lists li h4.sprocket-lists-title span.indicator:before{content:"\f055";font-family:FontAwesome;}.sprocket-lists li h4.sprocket-lists-title:hover{color:#991611 !important;border-color:#ec5c57;}.sprocket-lists li .sprocket-padding{padding:30px 5px;line-height:1.7em;}.th-pricing ul.plan{list-style:none;text-align:center;margin:0;border:2px solid #e5e5e5;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.th-pricing ul.plan li.plan-name{padding:20px;font-size:30px;line-height:36px;}.th-pricing ul.plan li.plan-price{padding:4px 20px;background:#e5e5e5;color:#fff;}.th-pricing ul.plan li.plan-price h2{font-size:30px;padding:10px 0 0;}.th-pricing ul.plan li.plan-price h2 small{font-size:16px;}.th-pricing ul.plan li ul{padding:20px;list-style:none;margin:0;}.th-pricing ul.plan li ul li{padding:12px 0;font-size:18px;color:#363948;font-weight:300;}.th-pricing ul.plan li.plan-action{padding:0 20px 20px;}.th-pricing ul.plan li.plan-action a.btn.btn-primary{padding:4px 10px;}.th-pricing ul.plan.featured{background:#e5e5e5;}.th-pricing ul.plan.featured li.plan-price{margin:0 -2px;background:#991611;}.th-pricing ul.plan.featured li.plan-price h2{color:#fff;}.th-pricing ul.plan.featured li.plan-price h2 small{color:#fff;}#rt-showcase .box3 .title,#rt-top-surround .box3 .title{-webkit-box-shadow:0 1px 0 #4c4c4c;-moz-box-shadow:0 1px 0 #4c4c4c;box-shadow:0 1px 0 #4c4c4c;}#rt-showcase .title3 .title,#rt-top-surround .title3 .title{border-bottom:1px solid #000000;}div.itemAuthorLatest ul li:before{color:#991611;}@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-remove

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

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

icon-remove

icon-remove

icon-remove

icon-remove

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-remove icon-large"></i> icon-remove</p>
<p><i class=" icon-remove icon-2x"></i> icon-remove</p>
<p><i class=" icon-remove icon-3x"></i> icon-remove</p>
<p><i class=" icon-remove icon-4x"></i> icon-remove</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-remove"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-remove 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-remove 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-remove"></i>  normal<br>
<i class=" icon-remove icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-remove icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-remove icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-remove icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-remove icon-flip-vertical"></i>  icon-flip-vertical

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

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

CSS3 animations aren't supported in IE8 - IE9.

icon-remove on icon-check-empty
icon-remove on icon-circle
icon-removel on icon-sign-blank
icon-ban-circle on icon-remove

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-remove "></i>
</span>
icon-remove on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-remove icon-light"></i>
</span>
icon-remove on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-remove icon-light "></i>
</span>
icon-remove on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-remove icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-remove