Font Awesome icon usage statistics

  • 13 types of Font Awesome iconic font are used and found 13 times in total.
  • SANAATHEMES.COM used 1.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of SANAATHEMES.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • SANAATHEMES.COM includes "http://www.SANAATHEMES.COM/templates/sanaathemes/css-compiled/master-d1194629a1f7ae07b008cfbeb725f7e2.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'ContraRegular';src:url('../fonts/contra/regular/contra-webfont.eot');src:url('../fonts/contra/regular/contra-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/contra/regular/contra-webfont.woff') format('woff'), url('../fonts/contra/regular/contra-webfont.ttf') format('truetype'), url('../fonts/contra/regular/contra-webfont.svg#ContraRegular') format('svg');font-weight:normal;font-style:normal;}.font-family-contra{font-family:'ContraRegular', serif;font-weight:normal;font-style:normal;}@font-face{font-family:'ContraItalic';src:url('../fonts/contra/italic/contra-italic-webfont.eot');src:url('../fonts/contra/italic/contra-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/contra/italic/contra-italic-webfont.woff') format('woff'), url('../fonts/contra/italic/contra-italic-webfont.ttf') format('truetype'), url('../fonts/contra/italic/contra-italic-webfont.svg#ContraItalic') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'BebasNeueRegular';src:url('../fonts/bebas-neue/BebasNeue-webfont.eot');src:url('../fonts/bebas-neue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebas-neue/BebasNeue-webfont.woff') format('woff'), url('../fonts/bebas-neue/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/bebas-neue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');font-weight:normal;font-style:normal;}.icon-joomla:before{content:'\f1aa';}.icon-wordpress:before{content:'\f19a';}@font-face{font-family:'icomoon';src:url('../fonts/icomoon/icomoon.eot?wpy3b8');src:url('../fonts/icomoon/icomoon.eot?#iefixwpy3b8') format('embedded-opentype'), url('../fonts/icomoon/icomoon.woff?wpy3b8') format('woff'), url('../fonts/icomoon/icomoon.ttf?wpy3b8') format('truetype'), url('../fonts/icomoon/icomoon.svg?wpy3b8#icomoon') format('svg');font-weight:normal;font-style:normal;}[class^="icomoon-"],[class*=" icomoon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.icomoon-chrome:before{content:"\eae5";}.icomoon-firefox:before{content:"\eae6";}.icomoon-IE:before{content:"\eae7";}.icomoon-opera:before{content:"\eae8";}.icomoon-safari:before{content:"\eae9";}.rok-left{float:left;}.rok-right{float:right;}.rok-dropdown-group,.rok-dropdown{position:relative;}.rok-dropdown-open .rok-dropdown{display:block;}.rok-popover-group,.rok-popover{position:relative;}.rok-popover-open .rok-popover{display:block;}.checked{margin-left:0;}.checked li{list-style:none;}.checked li:before{font-family:FontAwesome, sans-serif;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:'\f00c';font-family:FontAwesome, sans-serif;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:'\f00c';margin-right:5px;color:#3DD283;}.buy{background:#3DD283;}.step{background:#E94F69;padding:5px 10px;border-radius:50px;color:#f8fafa;margin-right:10px;}a:hover{text-decoration:none;}.table{display:table;}.cell{display:table-cell;}html{margin-bottom:1px;height:100%;}body{margin-bottom:1px;}.rt-block{padding:15px;margin:10px;position:relative;}#rt-content-top,#rt-content-bottom{overflow:hidden;}.rt-grid-1:before,.rt-grid-2:before,.rt-grid-3:before,.rt-grid-4:before,.rt-grid-5:before,.rt-grid-6:before,.rt-grid-7:before,.rt-grid-8:before,.rt-grid-9:before,.rt-grid-10:before,.rt-grid-11:before,.rt-grid-12:before{display:table;content:"";clear:both;}.rt-grid-1:after,.rt-grid-2:after,.rt-grid-3:after,.rt-grid-4:after,.rt-grid-5:after,.rt-grid-6:after,.rt-grid-7:after,.rt-grid-8:after,.rt-grid-9:after,.rt-grid-10:after,.rt-grid-11:after,.rt-grid-12:after{display:table;content:"";clear:both;}.font-family-optima{font-family:Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}.font-family-geneva{font-family:Geneva, Tahoma, "Nimbus Sans L", sans-serif;}.font-family-helvetica{font-family:Helvetica, Arial, FreeSans, sans-serif;}.font-family-lucida{font-family:"Lucida Grande", Helvetica, Verdana, sans-serif;}.font-family-georgia{font-family:Georgia, sans-serif;}.font-family-trebuchet{font-family:"Trebuchet MS", sans-serif;}.font-family-palatino{font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}body{font-size:13px;line-height:1.7em;font-family:Helvetica, Arial, Sans-Serif;}.font-size-is-xlarge{font-size:16px;line-height:1.7em;}.font-size-is-large{font-size:15px;line-height:1.7em;}.font-size-is-default{font-size:14px;line-height:1.7em;}.font-size-is-small{font-size:12px;line-height:1.7em;}.font-size-is-xsmall{font-size:10px;line-height:1.7em;}p{margin:0 0 15px 0;}h1{font-size:260%;}h2{font-size:200%;}h3{font-size:175%;}h4{font-size:130%;}h5{font-size:110%;}a{text-decoration:none;}a:focus{outline:none;}.left-1,.left-2,.left-3,.left-4,.left-5,.left-6,.left-7,.left-8,.left-9,.left-10,.right-11{float:left;margin-right:50px;margin-bottom:15px;position:relative;}.right-1,.right-2,.right-3,.right-4,.right-5,.right-6,.right-7,.right-8,.right-9,.right-10,.right-11{float:right;margin-left:50px;margin-bottom:15px;position:relative;}.date-block{padding:15px;}ol{padding-left:15px;}ul li{padding:0;margin:0;}ul li.author{margin:0;letter-spacing:1px;list-style:none;font-weight:bold;text-align:right;}ul li.author span{display:block;font-weight:normal;margin-bottom:10px;line-height:1em;}ul li.date{margin:0;letter-spacing:1px;list-style:none;text-align:right;font-weight:bold;}ul li.date span{display:block;font-weight:normal;margin-bottom:10px;line-height:1em;}ul li.comments{list-style:none;text-align:right;font-weight:bold;}ul li.comments span{display:block;font-weight:normal;margin-bottom:10px;line-height:1em;}ul ul{margin-left:25px;padding:5px 0;}body.rtl{direction:rtl;}body.rtl{min-width:inherit;}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}#debug #rt-main{overflow:hidden;border-bottom:4px solid #666;margin-top:15px;position:relative;}#debug .status{position:absolute;background:#333;opacity:0.3;padding:0 15px;z-index:10000;color:#fff;font-weight:bold;font-size:150%;}.hidden{display:none;visibility:hidden;}.visible-phone{display:none !important;}.visible-tablet{display:none !important;}.hidden-desktop{display:none !important;}.hidden-large{display:none !important;}.row{margin:0 -15px;}.gantry-width-block{display:block;float:left;}.gantry-width-spacer{margin:15px;}.gantry-width-10{width:10%;}.gantry-width-20{width:20%;}.gantry-width-25{width:25%;}.gantry-width-28{width:28.81%;}.gantry-width-30{width:30%;}.gantry-width-33{width:33.33%;}.gantry-width-40{width:40%;}.gantry-width-50{width:50%;}.gantry-width-60{width:60%;}.gantry-width-66{width:66.66%;}.gantry-width-70{width:70%;}.gantry-width-75{width:75%;}.gantry-width-80{width:80%;}.gantry-width-90{width:90%;}.gantry-left{float:left;margin-right:15px;}.gantry-right{float:right;margin-left:15px;}.gantry-center{text-align:center;}.gantry-center td,.gantry-center th{text-align:center;}.component-body{padding:20px;}.component-content .row-separator{display:block;clear:both;margin:0;border:0;height:1px;}.component-content .item-separator{display:none;margin:0;}.component-content .shownocolumns{width:98%;}.component-content .column-1,.component-content .column-2,.component-content .column-3,.component-content .column-4,.component-content .page-header{padding:10px 0;}.component-content .column-2{width:55%;margin-left:40%;}.component-content .column-3{width:30%;}.component-content .cols-1{display:block;float:none !important;margin:0 !important;}.component-content .cols-2 .column-1{width:48%;float:left;}.component-content .cols-2 .column-2{width:48%;float:right;margin:0;}.component-content .cols-3 .column-1{float:left;width:29%;margin-right:7%;}.component-content .cols-3 .column-2{float:left;width:29%;margin-left:0;}.component-content .cols-3 .column-3{float:right;width:29%;padding:10px 0;}.component-content .cols-4 .column-1{float:left;width:23%;margin-right:2%;}.component-content .cols-4 .column-2{float:left;width:23%;margin-left:0;margin-right:2%;}.component-content .cols-4 .column-3{float:left;width:23%;margin-right:2%;}.component-content .cols-4 .column-4{float:right;width:23%;margin-right:2%;}.component-content .items-row{margin-bottom:10px;}.component-content .blog-more{padding:10px 5px;}.component-content .page-header{border-bottom:0;}.categories-list{padding:0 5px;}.categories-list ul{margin:0 0 0 20px;padding:0;}.categories-list ul li{list-style-type:none;margin:0;}.categories-list ul ul{margin-left:15px;}.categories-list dl dt,.categories-list dl dd{display:inline;}.category-desc{line-height:1.7em;margin:10px 0;padding-left:0;}.cat-children ul{list-style:none;margin:0;padding:0;}.component-content ul.actions{float:right;}.component-content ul.actions li{list-style:none;display:inline-block;}.component-content ul.actions li a{display:block;font-size:14px;margin-left:8px;}.component-content ul.actions li i,.component-content ul.actions li [class^="icon-"],.component-content ul.actions li [class*=" icon-"]{display:none;}.component-content ul.actions .print-icon img{display:none;}.component-content ul.actions .print-icon a:before{font-family:FontAwesome;content:"\f02f";}.component-content ul.actions .email-icon img{display:none;}.component-content ul.actions .email-icon a:before{font-family:FontAwesome;content:"\f0e0";}.component-content ul.actions .edit-icon img{display:none;}.component-content ul.actions .edit-icon a:before{font-family:FontAwesome;content:"\f044";}.component-content .article-info{display:block;margin-bottom:15px;font-size:13px;}.component-content .article-info dd{margin-left:0;display:block;}.component-content .article-info dd div [class^="icon-"],.component-content .article-info dd div [class*="icon-"]{display:none;}.component-content .article-info dd:before,.component-content .article-info dd 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;}.component-content .content_vote{margin:10px 0;}.component-content .blog-featured h2{margin-top:0;}.component-content .blog h2{margin-top:0;}.component-content .item-page h2{margin-top:0;}.component-content .pagenav{padding:2px;clear:both;margin-top:20px;margin-left:0;overflow:hidden;}.component-content .pagenav li{list-style:none;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-color:transparent;background-color:transparent;}.component-content .pagenav li a{padding:4px 10px;font-size:14px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;}.component-content .pagenav .pagenav-prev{float:left;}.component-content .pagenav .pagenav-next{float:right;}.component-content .pager li{display:inline-block;background:none;border:0;box-shadow:none;}.component-content .pager li.previous{float:left;}.component-content .pager li.next{float:right;}.component-content .items-leading{margin-bottom:25px;}.component-content .img-intro-right,.component-content .img-fulltext-right{float:right;margin-left:10px;margin-bottom:10px;}.component-content .img-intro-left,.component-content .img-fulltext-left{float:left;margin-right:10px;margin-bottom:10px;}.component-content #article-index{float:right;border:1px solid #dddddd;background:#f0f0f0;border-radius:5px;margin-left:15px;}.component-content #article-index ul{list-style:none;margin:0;}.component-content #article-index ul li:first-child a{border-top-right-radius:5px;border-top-left-radius:5px;}.component-content #article-index ul li a{display:block;line-height:20px;padding:8px 12px;border-bottom:1px solid #dddddd;}.component-content #article-index ul li a.active{color:inherit;}.component-content #article-index ul li a:hover{background:#eaeaea;}.component-content #article-index ul li:last-child a{border-bottom:none !important;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.component-content .article-index{margin-left:15px;}.component-content .article-index .nav-tabs.nav-stacked > li > a{border:1px solid #dddddd;background:#f0f0f0;}.component-content .article-index .nav-tabs.nav-stacked > li > a:hover{background:#eaeaea;}.component-content .edit #editor-xtd-buttons a:link,.component-content .edit #editor-xtd-buttons a:hover,.component-content .edit #editor-xtd-buttons a:visited{color:#323232;}.component-content .edit legend{font-size:150%;}.component-content .edit #adminForm fieldset{padding:20px 15px;margin:10px 0 15px 0;}.component-content .edit #adminForm .title{font-size:100%;}.component-content .edit #adminForm .formelm-area{padding:5px 0;}.component-content .edit #adminForm .formelm-area label{vertical-align:top;display:inline-block;width:7em;}.component-content #adminForm .title{font-size:100%;}.component-content .formelm{margin:5px 0;}.component-content .formelm label{width:9em;display:inline-block;vertical-align:top;}.component-content .formelm-buttons{text-align:right;margin-bottom:10px;}.component-content .button2-left{float:left;margin-right:5px;margin-top:10px;}.component-content .button2-left .readmore{background-image:none;background-color:transparent;border:none;padding:0;text-shadow:none;font-size:inherit;text-transform:inherit;box-shadow:none;}.manager.thumbnails > li{float:left !important;margin-left:20px !important;list-style:none;}.control-label{color:;}.control-group{margin-left:0 !important;}.adminlist .title > a{font-weight:bold;}.calendar td.button{background-image:none;background-color:transparent;border:none;padding:0;text-shadow:none;font-size:inherit;text-transform:inherit;color:#6e6e6e;display:table-cell;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-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;border-radius:0;line-height:inherit;}.calendar td.button:hover{color:#6e6e6e !important;}.calendar tbody td.hilite,.calendar tbody td.selected{border:none;padding:2px 4px 2px 2px;}.calendar td.button:after{position:relative;}.calendar td.title{font-size:1.4em;display:table-cell;line-height:inherit;text-shadow:none;}.calendar tr.daynames td{border:none !important;}.component-content .items-more{padding-top:10px;}.component-content .items-more h3{font-weight:normal;margin:0;padding:0;font-size:1.4em;}.component-content .items-more ol{line-height:1.3em;list-style-type:none;margin:0;padding:10px 0 10px 2px;}.component-content .items-more ol li{margin-bottom:5px;}.component-content .items-more ol li a{display:inline;font-weight:normal;padding:0;}.component-content .items-more ol li a:before{font-family:FontAwesome;content:"\f054";margin-right:4px;}.component-content .pagination{margin:10px 0;padding:10px 0;clear:both;text-align:center;}.component-content .pagination .counter{text-align:center;margin:0;font-weight:bold;margin-bottom:5px;}.component-content .pagination .counter + ul li span,.component-content .pagination .counter + ul li a{padding:6px 0;}.component-content .pagination ul{list-style-type:none;margin:0;padding:0;text-align:center;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.component-content .pagination ul li{display:inline-block;text-align:center;}.component-content .pagination ul li a,.component-content .pagination ul li span{margin:0 5px;padding:0;font-size:1.1em;line-height:10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-radius:3px;background:none;border:none;text-shadow:none;}.component-content .pagination-start,.component-content .pagination-next,.component-content .pagination-end,.component-content .pagination-prev{border:0;}.component-content .pagination-start{padding:0;}.component-content .pagination-start span{padding:0;}.component-content #password-lbl,.component-content #username-lbl{width:130px;display:block;float:left;font-size:1em;line-height:2em;}.component-content .login .control-label{padding-top:0;text-align:left;}.component-content .login-fields{margin-bottom:5px;}.component-content .login-fields #remember-lbl{display:inline-block;margin-right:5px;}.component-content .login-fields #remember{margin:0;}.component-content .controls #username,.controls #password,#contact-form dd input,#contact-form dd textarea,#modlgn-username,#modlgn-passwd,#jform_email,#member-registration dd input,#search-searchword,.finder .inputbox{padding:10px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:10px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.component-content .controls #username:hover,.controls #password:hover,#contact-form dd input:hover,#contact-form dd textarea:hover,#modlgn-username:hover,#modlgn-passwd:hover,#jform_email:hover,#member-registration dd input:hover,#search-searchword:hover,.finder .inputbox:hover{padding:10px;}.component-content .controls #username:focus,.controls #password:focus,#contact-form dd input:focus,#contact-form dd textarea:focus,#modlgn-username:focus,#modlgn-passwd:focus,#jform_email:focus,#member-registration dd input:focus,#search-searchword:focus,.finder .inputbox:focus{padding:10px;border:1px solid #3DD283;}.component-content .controls #username:hover,.controls #password:hover,#contact-form dd input:hover,#contact-form dd textarea:hover,#modlgn-username:hover,#modlgn-passwd:hover,#jform_email:hover,#member-registration dd input:hover,#search-searchword:hover,.finder .inputbox:hover{padding:10px;}.component-content .controls #username:focus,.controls #password:focus,#contact-form dd input:focus,#contact-form dd textarea:focus,#modlgn-username:focus,#modlgn-passwd:focus,#jform_email:focus,#member-registration dd input:focus,#search-searchword:focus,.finder .inputbox:focus{padding:10px;border:1px solid #3DD283;}.component-content .login + div{margin-top:12px;}.component-content .login + div ul li,#login-form li{list-style:none;}.component-content .login + div ul li a:before,#login-form a:before{font-family:FontAwesome;content:"\f059";margin-right:4px;}.component-content .login + div ul{padding:0;margin-left:0;}.component-content .login-description{margin:10px 0;}#login-form .userdata{margin:12px 0;}#login-form ul{padding:0;margin-left:0;}#login-form ul li a{font-size:14px;}#login-form input[type="text"],#login-form input[type="password"]{width:94%;}#login-form #form-login-remember label{display:inline-block;}#login-form #form-login-remember input{margin:0;}#rt-breadcrumbs .breadcrumb,#rt-breadcrumbs [class^="breadcrumb"]{padding:0;margin:0;}#rt-breadcrumbs .breadcrumb a:after,#rt-breadcrumbs [class^="breadcrumb"] a:after{margin:0 10px;}#rt-breadcrumbs .breadcrumb img,#rt-breadcrumbs [class^="breadcrumb"] img{display:none;}#rt-breadcrumbs a{font-size:14px;}#rt-breadcrumbs .divider img{display:none;}#rt-breadcrumbs .divider:before{font-family:FontAwesome;content:"\f054";margin:0 5px 0 10px;}#rt-breadcrumbs .showHere{font-weight:bold;margin-right:5px;}#rt-breadcrumbs .rt-block{padding:10px 15px;}#rt-breadcrumbs li:first-child .divider{display:inline;}.component-content table{border-collapse:collapse;}.component-content table.table-bordered{border-collapse:separate;*border-collapse:collapse;}.component-content table.weblinks{font-size:14px;margin:10px 10px 20px 0;width:99%;}.component-content table.weblinks td{border-collapse:collapse;padding:7px;}.component-content table.weblinks td p{margin:0;line-height:1.3em;}.component-content table.weblinks th{padding:7px;text-align:left;}.component-content table.category{font-size:14px;margin:10px 10px 20px 0;width:99%;}.component-content table.category td{padding:7px;}.component-content table.category th{padding:7px;text-align:left;}.component-content table.category th a img{padding:2px 10px;}.component-content .weblink-category td.title{font-size:14px;}.component-content .num{vertical-align:top;text-align:left;}.component-content .hits{vertical-align:top;}.component-content .filter{margin:10px 0;text-align:right;margin-right:7px;}.component-content .archive .filter-search{float:none;padding-left:0;}.component-content .archive .filter-search .button{margin-top:-10px;}.component-content .archive .filters{margin-bottom:25px;}.component-content .archive #archive-items{list-style:none;margin:0 0 10px 0;}.component-content .element-invisible{position:absolute;margin-left:-3000px;margin-top:-3000px;height:0;}.component-content .cat-items{margin-top:20px;}.component-content .cat-items .filter-search{margin-bottom:10px;}.component-content .cat-items select{margin-bottom:0;}.component-content .even,.component-content .odd{background:inherit;border-bottom:inherit;}.component-content #member-registration{padding:0 5px;}.component-content form fieldset dt{clear:left;float:left;width:12em;padding:3px 0;}.component-content form fieldset dd{float:left;padding:3px 0;}.invalid,.login-fields #username.invalid,.login-fields #password.invalid,#contact-form dd input.invalid,#contact-form dd textarea.invalid,#modlgn-username.invalid,#modlgn-passwd.invalid,#jform_email.invalid,#member-registration dd input.invalid,#search-searchword.invalid,.finder .inputbox.invalid,.inputbox.invalid{border-color:#ff0000;}label.invalid{color:#ff0000 !important;}input[type="radio"],input[type="checkbox"]{margin-right:5px;}.component-content .searchintro{font-weight:normal;margin:20px 0 20px;}.component-content #searchForm .inputbox{margin-bottom:0;}.component-content #searchForm input[type="radio"],.component-content #searchForm input[type="checkbox"]{float:left;}.component-content #searchForm,.component-content #finder-search{padding:0 5px;}.component-content .form-limit{margin:20px 0 0;text-align:right;padding:0 10px 0 20px;}.component-content .highlight{font-weight:bold;}.component-content .ordering-box{width:40%;float:right;}.component-content .phrases-box{width:60%;float:left;}.component-content .only,.component-content .phrases{margin:10px 0 0 0;line-height:1.3em;}.component-content label.ordering{display:block;margin:10px 0 10px 0;}.component-content .word{padding:10px 10px 10px 0;}.component-content .word input{font-weight:bold;padding:4px;font-size:14px;}.component-content .word label{font-weight:bold;}.component-content fieldset.only label,.component-content fieldset.phrases label{margin:0 10px 0 0;}.component-content .ordering-box label.ordering{margin:0 10px 5px 0;}.component-content form .search label,.component-content form .finder label{display:none;}.component-content form #finder-filter-select-list label{display:block;margin-top:10px;margin-bottom:2px;}.component-content .search legend{font-weight:bold;}.component-content .search-results .result-title{padding:15px 15px 0 5px;font-weight:bold;}.component-content .search-results dd{padding:2px 15px 2px 5px;}.component-content .search-results .result-text{padding:10px 15px 10px 5px;line-height:1.7em;}.component-content .search-results .result-url{font-size:14px;padding:2px 15px 15px 5px;}.component-content .search-results .result-created{padding:2px 15px 15px 5px;}.component-content .search-results .result-category{padding:10px 15px 5px 5px;}.component-content .contact{padding:0;}.component-content .contact .button{float:none !important;clear:left;display:block;margin:20px 0 0 0;}.component-content .contact .title{font-size:1.3em;margin:0 0 2px 0;border:0;box-shadow:none;padding:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-radius:3px;}.component-content .contact .title a{display:block;padding:10px;}.component-content .contact .title a span{line-height:1em;}.component-content .contact .title a span:before{font-family:FontAwesome;content:"\f055";margin:0 10px 0 0;font-size:1.3em;display:inline;vertical-align:middle;}.component-content .contact .pane-toggler-down a span:before{content:"\f056";}.component-content .contact-category{padding:0 10px;}.component-content .contact-category #adminForm .filters{border:0;padding:0;}.component-content .contact-image{margin:10px 0;overflow:hidden;display:block;}.component-content .contact-image img{max-width:100%;}.component-content address{font-style:normal;margin:10px 0;}.component-content address span{display:block;}.component-content .contact-address{margin:20px 0 10px 0;}.component-content .contact-email div{padding:2px 0;margin:0 0 10px 0;}.component-content .contact-email label{width:17em;float:left;}.component-content #contact-textmsg{padding:2px 0 10px 0;}.component-content #contact-email-copy{float:left;margin-right:10px;}.component-content dl.tabs{float:left;margin:50px 0 0 0;z-index:50;clear:both;}.component-content dl.tabs dt{float:left;padding:4px 10px;border-left:1px solid #ccc;border-right:1px solid #f9f9f9;border-top:1px solid #f9f9f9;margin-right:3px;background:#f0f0f0;color:#666666;}.component-content dl.tabs .open{background:#F9F9F9;border-bottom:1px solid #F9F9F9;z-index:100;color:#6e6e6e;}.component-content .current{clear:both;border:1px solid #f9f9f9;padding:10px 10px;}.component-content .current dd{padding:0;margin:0;}.component-content #content-pane.tabs{margin:1px 0 0 0;}.component-content #users-profile-core,.component-content #users-profile-custom{margin:10px 0 15px 0;padding:15px;}.component-content #users-profile-core dt,.component-content #users-profile-custom dt{float:left;width:12em;padding:3px 0;margin-right:10px;}.component-content #users-profile-core dd,.component-content #users-profile-custom dd{padding:3px 0;}.component-content #member-profile fieldset,.component-content .registration fieldset{margin:10px 0 15px 0;padding:15px;}.component-content #users-profile-core legend,.component-content #users-profile-custom legend,.component-content .profile-edit legend,.component-content .registration legend{font-weight:bold;}.component-content .profile-edit #member-profile fieldset dd,.component-content .registration #member-registration fieldset dd{float:none;padding:5px 0;}.component-content .profile-edit #member-profile fieldset dd input,.component-content .profile-edit #member-profile fieldset dd select,.component-content .registration #member-registration fieldset dd input{width:17em;}.component-content .profile-edit #member-profile fieldset dt,.component-content .registration #member-registration fieldset dt{padding:5px 5px 5px 0;width:13em;}.component-content .optional{font-size:14px;}.component-content .contentpaneopen_edit{float:left;}.component-content .mceButton:hover{background:none !important;}.component-content .edit #adminForm fieldset{padding:20px 15px;margin:10px 0 15px 0;}.component-content .formelm{margin:5px 0;}.component-content .formelm .fltlft{float:left;}.component-content .formelm label{width:13em;display:inline-block;vertical-align:top;width:100%;}.component-content .formelm .button2-left,.component-content .formelm .media-preview{margin:3px 0 0 10px;}.component-content .formelm .button2-left a,.component-content .formelm .media-preview a{padding:3px 10px !important;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;}.component-content #adminForm .formelm-area{padding:5px 0;}.component-content #adminForm .formelm-area label{vertical-align:top;display:inline-block;width:7.9em;}.component-content .formelm-buttons{text-align:right;margin-bottom:10px;}.component-content .button2-left .blank a,.component-content .button2-left a,.component-content .button2-left .readmore a{background:#eee;padding:4px !important;margin:0 !important;line-height:1.2em;border:solid 1px #ddd;font-weight:bold;text-decoration:none;display:inline;}.component-content table.contenttoc{padding:10px;margin:10px;}.component-content table.contenttoc tr td{padding:1px 0;}.component-content .pagenavcounter{font-weight:bold;}.component-content .tip{font-size:0.8em;text-align:left;padding:3px;max-width:400px;}.component-content .tip-title{font-weight:bold;}.tip-wrap{padding:8px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;}.system-unpublished .system-unpublished{margin:-10px;padding:10px;border-top:16px solid;border-bottom:5px solid;position:relative;}.system-unpublished .system-unpublished:before{content:'Unpublished';text-transform:uppercase;top:-19px;left:10px;position:absolute;font-size:0.8em;font-weight:bold;}#system-message{padding:0;margin:15px 0;}#system-message .alert{border-radius:4px;margin:15px 0;list-style:none;padding:10px 35px 10px 10px;color:#0055BB;background:#BFD3E6;border:1px solid #84A7DB;}#system-message .alert p:last-child{margin-bottom:0;}#system-message .alert:before{font-family:FontAwesome;content:'\f05a';margin-right:10px;font-size:12;opacity:0.5;vertical-align:middle;float:left;}#system-message .alert-error{color:#cc0000;background:#EBC8C9;border:1px solid #DE7A7B;}#system-message .alert-error:before{content:'\f056';}#system-message .alert-warning{color:#A08B4C;background:#F5ECC1;border:1px solid #B8A871;}#system-message .alert-warning:before{content:'\f06a';}#system-message .alert-success{color:#468847;background:#dff0d8;border:1px solid #93BC8F;}#system-message .alert-success:before{content:'\f058';}#system-message > div:first-child{margin-bottom:0 !important;}#system-message dd{margin:0;font-weight:bold;text-shadow:none;}#system-message dd ul{border-radius:4px;margin:15px 0;list-style:none;padding:10px;color:#0055BB;background:#BFD3E6;border:1px solid #84A7DB;}#system-message dd ul li:before{font-family:FontAwesome;content:'\f05a';margin-right:8px;font-size:10;opacity:0.5;vertical-align:middle;}#system-message .error ul{color:#cc0000;background:#EBC8C9;border:1px solid #DE7A7B;}#system-message .error ul li:before{content:'\f056';}#system-message .notice ul{color:#A08B4C;background:#F5ECC1;border:1px solid #B8A871;}#system-message .notice ul li:before{content:'\f06a';}#system-message dt.error,#system-message dt.notice,#system-message dt.message{display:none;}#system-debug{color:#f9f9f9;background-color:#f8fafa;padding:10px;margin:10px;}#system-debug div{font-size:11px;}.icon-file-add:before,.icon-cancel:before,.icon-eye:before,.icon-location:before{font-family:'IcoMoon' !important;}a{-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;-o-transition:color 0.2s ease-out;transition:color 0.2s ease-out;-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;-o-transition:color 0.2s ease-out;transition:color 0.2s ease-out;}#rt-transition.rt-hidden{opacity:0;}#rt-transition.rt-visible{opacity:1;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in;}table{width:100%;margin-bottom:20px;}table thead tr th{background-color:#37B1E5;color:#f8fafa;padding:10px;border:1px solid #37B1E5;font-weight:normal;text-transform:uppercase;}table tr td{border:1px solid #f5f5f5;padding:10px;}table tr td a{display:block;font-size:12px;}.logo-block{padding:0 15px;margin:7px 10px;}#rt-logo{margin:0;width:112px;height:46px;display:block;}#rt-top-surround{position:relative;}#rt-top-surround:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;}#rt-header .rt-container{padding:25px 0;}#rt-header,#rt-top{z-index:2;position:relative;}.menu-block{padding:0;margin:0;}.rt-menu-mobile{text-align:center;padding:0 0 15px 0;}#rt-mainbody-surround .rt-container{margin:40px auto;}#rt-mainbody-surround .rt-container .img-fulltext-none{margin-bottom:20px;}#rt-footer ul.menu li.active.current > a{color:#f8fafa;}#rt-copyright .rt-container{border-bottom:5px solid #37B1E5;}#rt-copyright .rt-container .rt-alpha .rt-block{line-height:14px;margin-top:16px;}#rt-copyright .rt-container .rt-alpha .rt-block p{float:left;padding-right:5px;}#rt-copyright .rt-container .rt-alpha .rt-block p:nth-child(2){border-right:1px solid;margin-right:5px;}#rt-copyright .rt-container .tos{margin-bottom:0;padding-bottom:0;}#rt-copyright .rt-container .tos ul{margin-left:0;}#rt-copyright .rt-container .tos ul li{list-style:none;display:inline-block;padding-right:5px;margin-right:5px;line-height:1em;border-right:1px solid;}#rt-copyright .rt-container .tos ul li:last-child{border-right:0;}.title,.component-content h2{font-size:28px;line-height:30px;font-weight:normal;letter-spacing:normal;margin-top:0;padding-bottom:15px;margin-bottom:15px;}.component-content h3{font-size:20px;}#rt-top-surround .title,#rt-showcase .title{border:none;box-shadow:none;}.title2 .title{margin:-10px -15px 20px -15px;padding:10px 15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;}.title3 .title{margin:-10px -15px 20px -15px;padding:10px 15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;}.box1 .module-surround{margin:-1px;}.box1 input[type="text"]{width:97%;height:30px;}.box1 .overTxtLabel{line-height:2.5em !important;width:97%;}ul.menuarrow{list-style:none;margin:0;padding:0;}ul.menuarrow ul{list-style:none;}ul.menuarrow li{margin-bottom:8px;}ul.menuarrow li a,ul.menuarrow li .item,ul.menuarrow li .separator{display:block;font-size:1.1em;}ul.menuarrow li a:before,ul.menuarrow li .item:before,ul.menuarrow li .separator:before{font-family:FontAwesome, sans-serif;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:'\f138';font-family:FontAwesome, sans-serif;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:'\f138';margin-right:10px;display:inline;vertical-align:middle;font-size:14px;font-weight:normal;}ul.menuarrow li.active.current > a:before,ul.menuarrow li.active.current > .item:before,ul.menuarrow li.active.current > .separator:before,ul.menuarrow li#current.active > a:before,ul.menuarrow li#current.active > .item:before,ul.menuarrow li#current.active > .separator:before{font-family:FontAwesome, sans-serif;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:'\f138';font-family:FontAwesome, sans-serif;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:'\f138';font-size:14px;}ul.menuarrow ul.small{font-size:14px;}.promo-image{float:left;margin:-10px 10px -30px -40px;width:30%;}.promo-image img{max-width:100%;}.promo-desc{padding-top:10px;}.promo h1{position:relative;font-size:3.9em;line-height:1.2em;}.promo p{font-size:1.5em;line-height:1.7em;}.promo .readon{margin-top:10px;}.gantry-example{position:relative;margin:15px 0;padding:39px 19px 14px;*padding-top:19px;background-color:#f8fafa;border:1px solid #dddddd;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;}.gantry-example .table,.gantry-example .well,.gantry-example blockquote{margin-bottom:5px;}.gantry-example .lead{font-size:18px;line-height:24px;}.gantry-example > p:last-child{margin-bottom:0;}.gantry-example + .prettyprint{margin-top:-20px;padding-top:15px;}.gantry-example:after{content:"Example";position:absolute;top:-1px;left:-1px;padding:3px 7px;font-size:12px;font-weight:bold;background-color:#f5f5f5;border:1px solid #dddddd;color:#9da0a4;border-radius:4px 0 4px 0;-webkit-border-radius:4px 0 4px 0;-moz-border-radius:4px 0 4px 0;border-radius:4px 0 4px 0;border-radius:4px 0 4px 0;font-style:normal;}form.gantry-example{padding-bottom:19px;}.gantry-img img,img.gantry-img{max-width:100%;height:auto;}.powered-by{display:block;width:120px;height:32px;margin:0 auto;opacity:0.8;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;}.powered-by:hover{opacity:1;}#gantry-totop{display:inline-block;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-radius:3px;}#rt-accessibility .rt-desc{float:left;margin-right:8px;font-weight:bold;}#rt-accessibility #rt-buttons .button{line-height:1em;padding:0;width:14px;height:14px;text-align:center;}#rt-accessibility #rt-buttons .small{font-size:inherit;}#rt-accessibility #rt-buttons .small .button:after{content:'-';}#rt-accessibility #rt-buttons .large .button:after{content:'+';}.rt-social-buttons{font-size:24px;text-align:right;padding-top:35px;}.rt-social-buttons a{background:#37B1E5;color:#f8fafa;border-radius:100px;text-align:center;}.rt-social-buttons a:nth-child(1){margin-right:10px;padding:8px 9px 8px 16px;}.rt-social-buttons a:nth-child(2){margin-right:10px;padding:8px 10px 7px 10px;}.rt-social-buttons a:hover{color:#f8fafa;background:#6e6e6e;}#xmap h2{margin-top:40px;font-size:20px;}#xmap .muted{display:none;}.img-circle{background:#fff;border:5px solid #fff;box-shadow:inset 1px 1px 20px rgba(0,0,0,0.15), 1px 1px 5px rgba(0,0,0,0.15);width:150px;height:150px;}ul{margin-left:0;}ul.extensions-support,ul.features-support{margin-left:0;}ul.extensions-support li,ul.features-support li{list-style:none;display:inline-block;width:48%;margin-right:2%;margin-bottom:40px;}ul.extensions-support li:nth-child(even),ul.features-support li:nth-child(even){margin-right:0;}ul.extensions-support li div,ul.features-support li div{display:inline-block;margin-right:15px;}ul.extensions-support li div:last-child,ul.features-support li div:last-child{vertical-align:top;margin-top:33px;width:62%;}ul.browsers li{list-style:none;display:inline-block;}ul.browsers li span{font-size:28px;}ul.browsers li:last-child span{font-size:32px;}.shop-tech-details{margin:30px 0;text-align:center;overflow:hidden;}.shop-tech-details ul,.shop-tech-details p{margin-bottom:0;}.shop-tech-details > div{float:left;width:20%;border-color:rgba(0,0,0,0.1);}.shop-tech-details > div div{padding:20px 10px;}.shop-tech-details > div div:first-child{background:#37B1E5;color:#f8fafa;font-size:16px;text-transform:uppercase;padding:15px 10px;}.shop-tech-details > div div:nth-child(2){border-left:1px solid;border-bottom:1px solid;border-color:rgba(0,0,0,0.1);}.shop-tech-details > div:first-child div:nth-child(2){line-height:2.5em;padding-bottom:12px;}.shop-tech-details > div:first-child div:nth-child(2) span:before{line-height:1.5em;}.shop-tech-details > div:nth-child(2) div:nth-child(2),.shop-tech-details > div:nth-child(3) div:nth-child(2){font-size:20px;line-height:2.15em;position:relative;}.shop-tech-details > div:nth-child(3) span{position:absolute;font-size:12px;top:54px;left:31%;line-height:1em;}.shop-tech-details > div:last-child{position:relative;}.shop-tech-details > div:last-child div:nth-child(2){border-right:1px solid rgba(0,0,0,0.1);}.shop-tech-details > div:last-child div:nth-child(2) span{position:absolute;font-size:12px;top:121px;left:33%;line-height:1em;}.buttons{margin-left:0;margin-top:40px;}.buttons li{display:inline-block;}.buttons li a.ext_downloadHide,.buttons li a.ext_downloadButton{background-color:#6e6e6e;box-shadow:none;border:0;padding:10px 15px;border-radius:4px;color:#f8fafa;text-shadow:none;line-height:1.7em;margin-top:-1px;}.buttons li a.buy{background-color:#3DD283;}.payment-details{font-family:'ContraItalic', serif;}.changelog .release{margin-bottom:25px;}.changelog .release:first-of-type{margin-top:15px;}.changelog .release ul:first-child{margin-top:20px;}.changelog .release ul li{list-style:none;}.changelog .release ul li span{margin-right:5px;}.changelog .release ul li span.pro-version{color:#E94F69;}table.free-pro-differences{text-align:center;}table.free-pro-differences thead th{width:50%;}table.free-pro-differences thead th:first-child:before{font-family:FontAwesome, sans-serif;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:'\f019';font-family:FontAwesome, sans-serif;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:'\f019';margin-right:5px;}table.free-pro-differences thead th:last-child:before{font-family:FontAwesome, sans-serif;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:'\f155';font-family:FontAwesome, sans-serif;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:'\f155';margin-right:5px;}table.free-pro-differences tbody td p{font-weight:bold;margin-bottom:0;}table.free-pro-differences tbody td p.not-available{color:#E94F69;}table.free-pro-differences tbody td p.not-available:before{font-family:FontAwesome, sans-serif;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:'\f00d';font-family:FontAwesome, sans-serif;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:'\f00d';}a[href*="artio"]{display:none !important;}body{background:#EEEEEE;color:#6e6e6e;}a:hover{color:#6e6e6e;}h1,h2,h3,h4,h5,h6{color:#6e6e6e;font-family:'BebasNeueRegular', sans-serif;font-weight:normal;}h1 a[name^=section],h2 a[name^=section],h3 a[name^=section],h4 a[name^=section],h5 a[name^=section],h6 a[name^=section]{color:#6e6e6e;}a,ul.menu li .separator{color:#37b1e5;}.nav > li > a:hover{background-color:transparent;}#rt-maintop .rt-container{color:#6e6e6e;box-shadow:inset 0 5px 40px rgba(0,0,0,0.05), 1px 1px 1px rgba(0,0,0,0.1);background:#f8fafa;}#rt-header .rt-container{color:#6e6e6e;box-shadow:inset 0 5px 40px rgba(0,0,0,0.05), 1px 1px 1px rgba(0,0,0,0.1);background:#f8fafa;border-top:5px solid #37B1E5;}#rt-header .rt-container .rt-omega .rt-block{overflow:hidden;}#rt-header .rt-container .gf-menu{float:right;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}#rt-header .rt-container .gf-menu li{margin-right:0;}#rt-feature .rt-container{color:#6e6e6e;box-shadow:inset 0 5px 40px rgba(0,0,0,0.05), 1px 1px 1px rgba(0,0,0,0.1);background:#F8FAFA;}#rt-showcase .title,#rt-showcase .component-content h2{color:#f8fafa;}#rt-showcase .rt-block{margin-bottom:0;}#rt-breadcrumbs .rt-container{color:#6e6e6e;box-shadow:inset 0 5px 40px rgba(0,0,0,0.05), 1px 1px 1px rgba(0,0,0,0.1);background:#f8fafa;}#rt-breadcrumbs .rt-container .breadcrumb{background-color:transparent;}#rt-main .rt-container{color:#6e6e6e;box-shadow:inset 0 5px 40px rgba(0,0,0,0.05), 1px 1px 1px rgba(0,0,0,0.1);background:#F8FAFA;}#rt-mainbottom .rt-container{color:#6e6e6e;box-shadow:inset 0 5px 40px rgba(0,0,0,0.05), 1px 1px 1px rgba(0,0,0,0.1);background:#F8FAFA;}#rt-bottom .rt-container{color:#6e6e6e;box-shadow:inset 0 5px 40px rgba(0,0,0,0.05), 1px 1px 1px rgba(0,0,0,0.1);background:#F8FAFA;margin-bottom:40px;}#rt-footer .rt-container .rt-block{margin-top:0;margin-bottom:40px;}#rt-footer .rt-container a{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;color:#f8fafa;text-decoration:none;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;color:#f8fafa;text-decoration:none;}#rt-footer .rt-container a:hover{color:#f8fafa;text-decoration:underline;}#rt-footer .rt-container a:hover:before{text-decoration:none;display:inline-block;}#rt-footer .rt-container a:hover{color:#f8fafa;text-decoration:underline;}#rt-footer .rt-container a:hover:before{text-decoration:none;display:inline-block;}#rt-footer .rt-container a:hover{background:none;}#rt-copyright .rt-container{color:#6e6e6e;box-shadow:inset 0 5px 40px rgba(0,0,0,0.05), 1px 1px 1px rgba(0,0,0,0.1);background:#f8fafa;}#rt-copyright .rt-container .rt-block{margin-top:0;}#rt-copyright .rt-container .rt-alpha p a{border-color:#6e6e6e;}.component-content h2{border-bottom:1px solid #37B1E5;color:#6e6e6e;}.title{color:#6e6e6e;border-bottom:1px solid #37B1E5;-webkit-box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;box-shadow:0 1px 0 #ffffff;-webkit-box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;box-shadow:0 1px 0 #ffffff;}.title1 .title{background:#ffffff;border-bottom:1px solid #6e6e6e;}.title2 .title{color:#6e6e6e;background:#eeeeee url(../images/patterns/noise.png);-webkit-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);-moz-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);-webkit-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);-moz-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);}.title4 .title{color:#6e6e6e;}.box1{background:#37B1E5;color:#f8fafa;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.15);box-shadow:1px 1px 1px rgba(0,0,0,0.15);-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.15);box-shadow:1px 1px 1px rgba(0,0,0,0.15);}.box1 .module-content > div{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.box1 .overTxtLabel{font-style:italic;opacity:0.8;font-family:'BebasNeueRegular', sans-serif;}.box1 input[type="text"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;}.box1 .validation-advice,.box1 .validation-failed{color:#f8fafa !important;border-color:transparent !important;border:0;box-shadow:0 1px 0 #f8fafa inset;}.box1 .button{background:#f8fafa;text-shadow:none;font-family:'BebasNeueRegular', sans-serif;color:#37B1E5;}.box1 .button:hover{background:#6e6e6e;color:#f8fafa;}.box1 h2{color:#f8fafa;}.box2{color:#6e6e6e;box-shadow:inset 0 1px 40px rgba(0,0,0,0.05), 1px 1px 1px rgba(0,0,0,0.1);background:#f8fafa;}#rt-showcase .box1,#rt-showcase .box2,#rt-top-surround .box1,#rt-top-surround .box2{color:#f8fafa;}#rt-showcase .box1 label,#rt-showcase .box2 label,#rt-top-surround .box1 label,#rt-top-surround .box2 label{color:#6e6e6e;}#rt-showcase .box1 .title,#rt-showcase .box2 .title,#rt-top-surround .box1 .title,#rt-top-surround .box2 .title{color:#f8fafa;border-bottom:1px solid #d1d1d1;-webkit-box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;box-shadow:0 1px 0 #ffffff;-webkit-box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;box-shadow:0 1px 0 #ffffff;}#rt-showcase .title1 .title,#rt-top-surround .title1 .title{color:#f8fafa;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-bottom:0;background:none;font-size:48px;line-height:60px;margin-bottom:0;padding-bottom:0;}#rt-showcase .title1 p,#rt-top-surround .title1 p{font-size:16px;}#rt-showcase .title2 .title,#rt-top-surround .title2 .title{color:#6e6e6e;text-shadow:1px 1px 0 #ffffff;-webkit-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);-moz-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);-webkit-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);-moz-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);}ul.menu li.active.current > a,ul.menu li.active.current > .item,ul.menu li.active.current > .separator,ul.menu li#current.active > a,ul.menu li#current.active > .item,ul.menu li#current.active > .separator{color:#6e6e6e;}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button{color:#f8fafa;background:#37B1E5;border:0;font-family:'BebasNeueRegular', sans-serif;display:inline-block;padding:10px 15px;line-height:1.7em;font-size:14px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;color:#f8fafa;background:#37B1E5;border:0;font-family:'BebasNeueRegular', sans-serif;display:inline-block;padding:10px 15px;line-height:1.7em;font-size:14px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-radius:4px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}.button:hover,.readon:hover,.readmore:hover,button.validate:hover,#member-profile a:hover,#member-registration a:hover,.formelm-buttons button:hover{background:#6e6e6e;color:#f8fafa;font-size:14px;padding:10px 15px;border:0;}.button:active,.readon:active,.readmore:active,button.validate:active,#member-profile a:active,#member-registration a:active,.formelm-buttons button:active{background:#6e6e6e;}.button:hover,.readon:hover,.readmore:hover,button.validate:hover,#member-profile a:hover,#member-registration a:hover,.formelm-buttons button:hover{background:#6e6e6e;color:#f8fafa;font-size:14px;padding:10px 15px;border:0;}.button:active,.readon:active,.readmore:active,button.validate:active,#member-profile a:active,#member-registration a:active,.formelm-buttons button:active{background:#6e6e6e;}.readon span:before{margin-right:5px;}.readmore a{color:#f8fafa;}.readmore a:hover{color:#f8fafa;}.powered-by{background:url(../images/logo/powered.png);}.pagenav li{background:#f0f0f0;border:1px solid #d5d5d5;box-shadow:inset 0 0 0 1px #f8fafa, 0 1px 2px rgba(0,0,0,0.2);}.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 #d9d9d9;}.component-content .contact .title{background-color:#f1f1f1;background-image:-moz-linear-gradient(top,#ffffff,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);background-image:-o-linear-gradient(top,#ffffff,#dddddd);background-image:linear-gradient(to bottom,#ffffff,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);background-color:#f1f1f1;background-image:-moz-linear-gradient(top,#ffffff,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);background-image:-o-linear-gradient(top,#ffffff,#dddddd);background-image:linear-gradient(to bottom,#ffffff,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);border:1px solid #d5d5d5;text-shadow:0 1px 1px rgba(255,255,255,0.75);}.pagination ul li a{background-color:#f1f1f1;background-image:-moz-linear-gradient(top,#ffffff,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);background-image:-o-linear-gradient(top,#ffffff,#dddddd);background-image:linear-gradient(to bottom,#ffffff,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);background-color:#f1f1f1;background-image:-moz-linear-gradient(top,#ffffff,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);background-image:-o-linear-gradient(top,#ffffff,#dddddd);background-image:linear-gradient(to bottom,#ffffff,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);border:1px solid #d5d5d5;text-shadow:0 1px 1px rgba(255,255,255,0.75);}.pagination ul li span{background:#eaeaea;border:1px solid #d5d5d5;color:#aaaaaa;}.breadcrumbs a:after,.breadcrumb a:after{color:#aaaaaa;}.breadcrumbs .showHere,.breadcrumb .showHere{font-weight:bold;margin-right:5px;}.article-info.muted{color:inherit;}.article-info dd:before{text-shadow:1px 1px 0 #ffffff;}#gantry-totop:active{-webkit-box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;box-shadow:0 1px 0 #ffffff;-webkit-box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;box-shadow:0 1px 0 #ffffff;}.tip-wrap{background:#ffffff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3);color:#6e6e6e;}.system-unpublished .system-unpublished{background:#ffffff;border-color:#d5d5d5;}.tags .label-info{background:#1b99ce;}abbr[title]{border-bottom:1px dotted #d5d5d5;}blockquote{border-left:5px solid #d5d5d5;}blockquote small{color:#aaaaaa;}blockquote.pull-right{border-right:5px solid #d5d5d5;}legend{color:#6e6e6e;border-bottom:1px solid #d5d5d5;}legend small{color:#d5d5d5;}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{color:#6e6e6e;}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #d5d5d5;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}select{border:1px solid #d5d5d5;}.uneditable-input,.uneditable-textarea{color:#aaaaaa;background-color:#EEEEEE;border-color:#d5d5d5;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{border-color:#d5d5d5;}.input-prepend .add-on,.input-append .add-on{text-shadow:0 1px 0 #ffffff;background-color:#f0f0f0;border:1px solid #d5d5d5;}.input-prepend.input-append .media-preview,.input-append.input-append .media-preview{margin:0;}.form-actions{background-color:#f0f0f0;border-top:1px solid #d5d5d5;}.uneditable-input{background-color:;border-color:#eeeeee;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);}.help-block,.help-inline{color:;}.table-bordered th{background-color:#f0f0f0;}.well{background-color:transparent;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.nav-tabs.nav-stacked > li > a{background-color:#f0f0f0;}.nav-tabs.nav-stacked > li > a:hover{background-color:#eaeaea;}.list-striped li:nth-child(odd),.list-striped dd:nth-child(odd),.row-striped .row:nth-child(odd),.row-striped .row-fluid:nth-child(odd),.cat-list-row0{background-color:#eaeaea;}.list-striped li:hover,.list-striped dd:hover,.row-striped .row:hover,.row-striped .row-fluid:hover,.cat-list-row0:hover,.cat-list-row1:hover{background-color:#fcfcfc;}.filter-search.alert-info{background-color:transparent;border-color:transparent;color:inherit;}.filter-search.alert-info .inputbox{color:;}p.success,p.info,p.error,p.warning{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border-radius:6px;padding:15px;border:1px solid;}p.success a,p.info a,p.error a,p.warning a{color:#666 !important;}p.success a:hover,p.info a:hover,p.error a:hover,p.warning a:hover{color:#000 !important;text-shadow:none;}p.success{background:#dff0d8;border-color:#d6e9c6;color:#468847;}p.info{background:#d9edf7;border-color:#bce8f1;color:#3a87ad;}p.error{background:#f2dede;border-color:#eed3d7;color:#b94a48;}p.warning{background:#fcf8e3;border-color:#fbeed5;color:#c09853;}.item-pagecontact > div:last-child ul li{list-style:none;}.item-pagecontact > div .gbs3 .A{width:100% !important;}.layout-slideshow .sprocket-features-pagination li,.layout-slideshow .sprocket-features-arrows .arrow{background:#37B1E5;}.layout-slideshow .sprocket-features-pagination li:hover,.layout-slideshow .sprocket-features-arrows .arrow:hover{background:#6e6e6e;}@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-envelope

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

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

icon-envelope

icon-envelope

icon-envelope

icon-envelope

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

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

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

CSS3 animations aren't supported in IE8 - IE9.

icon-envelope on icon-check-empty
icon-envelope on icon-circle
icon-envelopel on icon-sign-blank
icon-ban-circle on icon-envelope

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