Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • SRIHOSTING.COM used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of SRIHOSTING.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • SRIHOSTING.COM includes "https://khoza.com/templates/gantry/css-compiled/master-cc1aaf512ce34e892baab6eae940a752.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'MuseoSans-700';src:url('webfonts/2E182B_0_0.eot');src:url('webfonts/2E182B_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2E182B_0_0.woff2') format('woff2'), url('webfonts/2E182B_0_0.woff') format('woff'), url('webfonts/2E182B_0_0.ttf') format('truetype');}@font-face{font-family:'MuseoSans-300';src:url('webfonts/2E182B_1_0.eot');src:url('webfonts/2E182B_1_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2E182B_1_0.woff2') format('woff2'), url('webfonts/2E182B_1_0.woff') format('woff'), url('webfonts/2E182B_1_0.ttf') format('truetype');}@font-face{font-family:'MuseoSans-500';src:url('webfonts/2E182B_2_0.eot');src:url('webfonts/2E182B_2_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2E182B_2_0.woff2') format('woff2'), url('webfonts/2E182B_2_0.woff') format('woff'), url('webfonts/2E182B_2_0.ttf') format('truetype');}body h1{color:#103f3b;font-size:41px;line-height:32px;text-shadow:none;}body h1.title{color:#ffffff;font-size:37px;text-shadow:none !important;margin-bottom:0px;width:100%;line-height:1.1;}@media (max-width: 480px){body h1{font-size:30px;}}body h1,body h2,body h3,body h4,body h5,body h6{font-family:MeseoSans-700, sans-serif;font-weight:normal;font-style:normal;}body p{font-family:MuseoSans-300;font-weight:normal;font-style:normal;}body div.khoza h1{padding-left:50px;}@media (max-width: 1030px){body div.khoza h1{text-align:center;padding-left:0px;}}@media (max-width: 959px){body div.khoza h1{line-height:1.1;}}@media (max-width: 660px){body div.khoza h1{text-align:right;width:68%;display:block;clear:both;float:right;}}body #rt-showcase .title{color:#ffffff;text-transform:uppercase;}body h2{color:#95c451;font-size:27px;line-height:32px;text-shadow:none;border-bottom:none;}@media (max-width: 480px){body h2{font-size:25px;}}body h2.title{text-shadow:none;color:#274e3d;line-height:32px;border-bottom:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}@media (max-width: 480px){body h2.title{font-size:30px;}}body h2.title-small{font-size:16px;text-transform:uppercase;color:#274e3d;line-height:1.1;text-shadow:none;margin:0px;border-bottom:none;padding-bottom:0px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}body h2.title-small-team{font-size:16px;color:#274e3d;line-height:1.1;text-shadow:none;margin:0px;border-bottom:none;padding-bottom:0px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}body h2.title-small-team span{font-weight:bold;text-transform:uppercase;}body div.khoza h2{margin-bottom:0px;text-align:left;}@media (max-width: 1030px){body div.khoza h2{text-align:center;}}@media (max-width: 660px){body div.khoza h2{text-align:right;width:44%;display:block;clear:both;float:right;}}body div.component-content form h2{color:#95c451;font-size:27px;line-height:32px;text-shadow:none;}@media (max-width: 480px){body div.component-content form h2{font-size:25px;}}body h3{color:#3d9593;font-size:19px;line-height:18px;text-shadow:none;}body div.khoza h3{padding-left:300px;margin-top:0px;}@media (max-width: 1030px){body div.khoza h3{text-align:center;padding-left:0px;}}@media (max-width: 660px){body div.khoza h3{text-align:right;display:block;clear:both;float:right;}}body h4{color:#02aca9;}body a{color:#274e3d;text-shadow:none;}body a.greyscale > img{height:126px;width:126px;display:inline-block;}body a.greyscale > img:hover{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(0%);}body p{color:#274e3d;line-height:1.5;}body span.teal{color:#02aca9;}body span.green{color:#95c451;}body img.pull-left{padding:0px 20px 10px 0px;}body a{color:#02aca9;}body a:hover{color:#95c451;}div#rt-showcase h1.title{padding-bottom:5px !important;}div#rt-showcase p{font-family:MuseoSans-500 !important;font-style:normal;font-weight:normal;}.img-right{margin:0 0 1em 1em !important;float:right !important;}.menu-contact div#rt-showcase{background:url('/templates/gantry/images/clouds.jpg');background-repeat:no-repeat;}.menu-contact h1.title{color:#274e3d !important;}.menu-pay-online div#rt-showcase{background:url('/templates/gantry/images/clouds.jpg');background-repeat:no-repeat;}.menu-pay-online h1.title{color:#274e3d !important;}ul.inline-menu{display:inline-block;text-transform:uppercase;}ul.inline-menu li{margin-top:3px;float:left;padding:0px 5px;}ul.inline-menu li.active img{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(0%);}ul.inline-menu li.active a:before{content:none !important;}ul.inline-menu li a:before{content:none;}ul.inline-menu li a:hover{background:none;}ul.inline-menu li img{height:130px;width:130px;transition-duration:.5s;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);}ul.inline-menu li img:hover{transition-duration:.5s;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(0%);}@media (max-width: 1199px){ul.inline-menu li img{width:120px;height:120px;}}ul.inline-menu li span{font-size:14px;color:#274e3d;clear:both;}p.quote{font-size:20px;font-family:MuseoSans-500;}.menu-team div#rt-quote{height:86px;}div#rt-quote{background-image:url('/templates/gantry/images/team-quote.jpg');background-repeat:no-repeat;background-size:cover;}@media (max-width: 530px){div#rt-quote{display:none;}}div#rt-quote div.rt-block{padding:0px;}div#rt-quote div.quote-text{padding-top:3px;}@media (max-width: 767px){div#rt-quote div.quote-text{padding-top:0px;}}div#rt-quote div.quote-text p{text-align:center;color:#ffffff;margin:0px;}header#rt-top-surround{border-bottom:none;box-shadow:none;}div#rt-top{border-bottom:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}div#rt-drawer{border-bottom:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}div#rt-showcase{height:300px;border-bottom:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;text-align:center;}div#rt-showcase div.rt-block{padding:100px 0px 0px;}@media (max-width: 1199px) and (min-width: 768px){div#rt-showcase div.rt-block{padding:57px 0px 0px;}}@media (max-width: 959px){div#rt-showcase div.rt-block{text-align:left;}}@media (max-width: 767px) and (min-width: 526px){div#rt-showcase div.rt-block{padding:35px 0px 0px;text-align:left;}div#rt-showcase div.rt-block h1{width:90%;}div#rt-showcase div.rt-block p{width:55%;}}@media (max-width: 525px){div#rt-showcase div.rt-block{text-align:center;padding:15px 0px 0px;}div#rt-showcase div.rt-block h1.title{font-size:30px;}div#rt-showcase div.rt-block p{font-size:17px;}}div#rt-showcase p{font-size:24px;text-shadow:none;}@media (max-width: 450px){div#rt-showcase p{font-size:17px;}}div#rt-showcase div.white-showcase p{color:#ffffff;}div#rt-showcase div.rt-showcase-pattern{background:url('/templates/gantry/images/header-right-large.png') right top no-repeat transparent;}@media (max-width: 1199px){div#rt-showcase div.rt-showcase-pattern{background:url('/templates/gantry/images/header-right.png') right top no-repeat transparent;height:220px;}}@media (max-width: 525px){div#rt-showcase div.rt-showcase-pattern{height:auto !important;background:none;}}div#rt-showcase div.rt-showcase-pattern div.khoza p{color:#ffffff;font-size:24px;text-shadow:none;line-height:1.1;}.box1{padding:20px 0px 20px 20px;background-color:#e4f1e3 !important;border:1px solid #c3dea8;}.box1 h2.title-small{padding-top:5px;padding-bottom:0px !important;font-size:14px;}.box1 ul{margin-left:14px;}.box1 ul li{color:#274e3d;font-size:13px;}.box1 img{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);}.gf-menu .dropdown ul li:hover{padding-top:0px;}div#rt-header{padding-top:10px;padding-bottom:10px;background:#ffffff;border-bottom:none;}@media (max-width: 1199px){div#rt-header div.menu-block{width:107%;}}@media (max-width: 1020px){div#rt-header div.menu-block{margin-left:-40px;}}@media (max-width: 959px){div#rt-header div.menu-block{width:135%;}}@media (max-width: 900px){div#rt-header div.menu-block{margin-left:-110px;}}div#rt-header div.menu-block > ul.gf-menu{margin-top:15px;}div#rt-header div.menu-block > ul.gf-menu > li{text-transform:uppercase;border:none;}div#rt-header div.menu-block > ul.gf-menu > li:hover{padding-top:0px;background:none;border:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}div#rt-header div.menu-block > ul.gf-menu > li:hover a{border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}div#rt-header div.menu-block > ul.gf-menu > li .item{font-size:14px;font-weight:bold;}div#rt-header div.menu-block > ul.gf-menu > li .item .border-fixer{display:none;}div#rt-header div.menu-block > ul.gf-menu > li.active{background:none;border:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}.menu-home div#rt-mainbody-surround > div.rt-container,.menu-services div#rt-mainbody-surround > div.rt-container,.menu-joomla-framework div#rt-mainbody-surround > div.rt-container,.menu-joomla-extensions div#rt-mainbody-surround > div.rt-container,.menu-custom-engineering div#rt-mainbody-surround > div.rt-container{display:none;}div#rt-showcase div.rt-showcase-pattern{height:300px;}div#rt-showcase div.rt-showcase-pattern div.rt-header{background-color:#ffffff;}div#rt-feature{background:#ffffff;}.menu-home div#rt-utility h1.title{font-size:28px;color:#303030;line-height:30px;font-weight:normal;letter-spacing:normal;margin-top:0;padding-bottom:15px;}div#rt-utility{text-align:center;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#FFFFFF),color-stop(1,#EBF6F3));background-image:-o-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:-moz-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:-webkit-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:-ms-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:linear-gradient(to right,#FFFFFF 0%,#EBF6F3 100%);}div#rt-utility div.rt-block{padding:0px;}div#rt-utility p.quote{margin-bottom:0px;}@media (max-width: 530px){div#rt-utility{display:none;}}div#rt-mainbottom{background:#f5f8e6;}.menu-home div#rt-showcase{background:url('/templates/gantry/images/header-left-large.png') left top no-repeat transparent;background-color:#ffffff;}@media (max-width: 1199px){.menu-home div#rt-showcase{background:url('/templates/gantry/images/header-left.png') left top no-repeat transparent;background-color:#ffffff;height:220px;}}@media (max-width: 830px){.menu-home div#rt-showcase{background:url('/templates/gantry/images/header-left-small.png') left top no-repeat transparent;background-color:#ffffff;}}.menu-home div#rt-showcase div.rt-showcase-pattern{background:url('/templates/gantry/images/header-right-large.png') right top no-repeat transparent;}@media (max-width: 1199px){.menu-home div#rt-showcase div.rt-showcase-pattern{background:url('/templates/gantry/images/header-right.png') right top no-repeat transparent;height:220px;}}@media (max-width: 830px){.menu-home div#rt-showcase div.rt-showcase-pattern{background:url('/templates/gantry/images/header-right-small.png') right top no-repeat transparent;}}@media (max-width: 660px){.menu-home div#rt-showcase div.rt-showcase-pattern{background:none;}}@media (max-width: 660px) and (min-width: 480px){.menu-home div#rt-showcase div.rt-showcase-pattern div.rt-container{margin-right:15px;}}.menu-home div#rt-showcase div.rt-showcase-pattern div.rt-grid-12 div.rt-block{width:43%;padding-top:85px;margin:0 auto;}@media (max-width: 1199px) and (min-width: 960px){.menu-home div#rt-showcase div.rt-showcase-pattern div.rt-grid-12 div.rt-block{padding-top:50px;width:52%;}}@media (max-width: 767px){.menu-home div#rt-showcase div.rt-showcase-pattern div.rt-grid-12 div.rt-block{width:55%;}}@media (max-width: 959px){.menu-home div#rt-showcase div.rt-showcase-pattern div.rt-grid-12 div.rt-block{padding-top:25px;}}@media (max-width: 660px){.menu-home div#rt-showcase div.rt-showcase-pattern div.rt-grid-12 div.rt-block{float:right;text-align:right;padding-right:0px;width:100%;}}@media (max-width: 480px){.menu-home div#rt-showcase div.rt-showcase-pattern div.rt-grid-12 div.rt-block{padding-top:10px;}}div.sri img{height:25px;padding-bottom:5px;}div.sri h1{color:#274e3d;border-bottom:none;margin-bottom:0px;}div.sri p{font-size:17px;}.menu-home div#rt-maintop{background:url('/templates/gantry/images/trees.jpg');height:150px;background-size:cover;}@media (max-width: 480px){.menu-home div#rt-maintop{background-position:-390px;}}@media (max-width: 1340px) and (min-width: 821px){div.testimonial{width:90%;margin:0 auto;}}@media (max-width: 820px) and (min-width: 769px){div.testimonial{width:85%;margin:0 auto;}}@media (max-width: 480px){div.testimonial{text-align:center;}}div.testimonial h2{text-align:center;color:#274e3d;}div.testimonial img{height:110px;}@media (max-width: 480px){div.testimonial img{float:none;margin:0 auto;padding-bottom:15px;}}div.testimonial button.slick-prev{background:url('/templates/gantry/images/prev.png');height:60px;width:65px;left:-80px;top:30%;}div.testimonial button.slick-prev:before{content:none;}div.testimonial button.slick-next{background:url('/templates/gantry/images/next.png');height:58px;width:63px;right:-80px;top:30%;}div.testimonial button.slick-next:before{content:none;}div#rt-footer{background:#2a412c;}div#rt-footer p{color:white;}div#rt-copyright{display:none;}.menu-home div#rt-feature div.rt-container div.rt-block{padding:0px;margin:0px;}.menu-home div#rt-feature div.rt-container div.rt-block div.logos{margin-bottom:0px;}.menu-home div#rt-feature div.rt-container div.rt-block div.logos img{float:left;padding:0px 75px;}@media (max-width: 1199px) and (min-width: 526px){div#rt-showcase{height:220px !important;}}@media (max-width: 767px){div#rt-showcase{background-position:-125px;}}@media (max-width: 525px){div#rt-showcase{height:auto;}}div.hostingMenu{text-align:center;}div.hostingMenu img{max-width:60px;max-height:60px;}div.hostingMenu p.hosting-read-more{font-weight:bold;}.menu-hosting div#rt-maintop,.menu-shared div#rt-maintop,.menu-xen-virtual div#rt-maintop,.menu-dedicated div#rt-maintop,.menu-colocation div#rt-maintop{box-shadow:none;border-top:none;text-align:center;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#FFFFFF),color-stop(1,#EBF6F3));background-image:-o-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:-moz-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:-webkit-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:-ms-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:linear-gradient(to right,#FFFFFF 0%,#EBF6F3 100%);}@media (max-width: 979px){.menu-hosting div.row-fluid,.menu-shared div.row-fluid,.menu-xen-virtual div.row-fluid,.menu-dedicated div.row-fluid,.menu-colocation div.row-fluid{margin:0 auto;}}.menu-hosting div.row-fluid div.span3,.menu-shared div.row-fluid div.span3,.menu-xen-virtual div.row-fluid div.span3,.menu-dedicated div.row-fluid div.span3,.menu-colocation div.row-fluid div.span3{text-align:center;}@media (max-width: 979px) and (min-width: 768px){.menu-hosting div.row-fluid div.span3,.menu-shared div.row-fluid div.span3,.menu-xen-virtual div.row-fluid div.span3,.menu-dedicated div.row-fluid div.span3,.menu-colocation div.row-fluid div.span3{width:45%;padding-top:20px;}}@media (max-width: 767px){.menu-hosting div.row-fluid div.span3,.menu-shared div.row-fluid div.span3,.menu-xen-virtual div.row-fluid div.span3,.menu-dedicated div.row-fluid div.span3,.menu-colocation div.row-fluid div.span3{width:100%;}}.menu-hosting div.row-fluid div.span3 img,.menu-shared div.row-fluid div.span3 img,.menu-xen-virtual div.row-fluid div.span3 img,.menu-dedicated div.row-fluid div.span3 img,.menu-colocation div.row-fluid div.span3 img{max-height:50px;}.menu-hosting div.row-fluid div.span3 h3,.menu-shared div.row-fluid div.span3 h3,.menu-xen-virtual div.row-fluid div.span3 h3,.menu-dedicated div.row-fluid div.span3 h3,.menu-colocation div.row-fluid div.span3 h3{color:#274e3d;}.menu-hosting div.row-fluid div.span3 ul,.menu-shared div.row-fluid div.span3 ul,.menu-xen-virtual div.row-fluid div.span3 ul,.menu-dedicated div.row-fluid div.span3 ul,.menu-colocation div.row-fluid div.span3 ul{text-align:left;min-height:210px;margin:0px 20px;padding-bottom:20px;}@media (max-width: 979px){.menu-hosting div.row-fluid div.span3 ul,.menu-shared div.row-fluid div.span3 ul,.menu-xen-virtual div.row-fluid div.span3 ul,.menu-dedicated div.row-fluid div.span3 ul,.menu-colocation div.row-fluid div.span3 ul{margin:0px 0px 0px 130px;}}@media (max-width: 959px){.menu-hosting div.row-fluid div.span3 ul,.menu-shared div.row-fluid div.span3 ul,.menu-xen-virtual div.row-fluid div.span3 ul,.menu-dedicated div.row-fluid div.span3 ul,.menu-colocation div.row-fluid div.span3 ul{margin:0px 0px 0px 55px;}}@media (max-width: 767px){.menu-hosting div.row-fluid div.span3 ul,.menu-shared div.row-fluid div.span3 ul,.menu-xen-virtual div.row-fluid div.span3 ul,.menu-dedicated div.row-fluid div.span3 ul,.menu-colocation div.row-fluid div.span3 ul{min-height:inherit;padding-bottom:15px;}}.menu-hosting div.row-fluid div.span3 ul li,.menu-shared div.row-fluid div.span3 ul li,.menu-xen-virtual div.row-fluid div.span3 ul li,.menu-dedicated div.row-fluid div.span3 ul li,.menu-colocation div.row-fluid div.span3 ul li{font-size:16px;}@media (max-width: 767px){.menu-hosting div.row-fluid div.span3 ul li a,.menu-shared div.row-fluid div.span3 ul li a,.menu-xen-virtual div.row-fluid div.span3 ul li a,.menu-dedicated div.row-fluid div.span3 ul li a,.menu-colocation div.row-fluid div.span3 ul li a{padding:15px 0px;}}.menu-hosting div.row-fluid div.span3 p.hosting-read-more,.menu-shared div.row-fluid div.span3 p.hosting-read-more,.menu-xen-virtual div.row-fluid div.span3 p.hosting-read-more,.menu-dedicated div.row-fluid div.span3 p.hosting-read-more,.menu-colocation div.row-fluid div.span3 p.hosting-read-more{padding-top:10px;}.menu-hosting div.row-fluid div.bottom-row,.menu-shared div.row-fluid div.bottom-row,.menu-xen-virtual div.row-fluid div.bottom-row,.menu-dedicated div.row-fluid div.bottom-row,.menu-colocation div.row-fluid div.bottom-row{margin-left:0px;}.menu-hosting div#rt-showcase,.menu-shared div#rt-showcase,.menu-xen-virtual div#rt-showcase,.menu-dedicated div#rt-showcase,.menu-colocation div#rt-showcase{background:url('/templates/gantry/images/hosting.jpg');background-size:cover;}.menu-hosting div#rt-showcase h1,.menu-shared div#rt-showcase h1,.menu-xen-virtual div#rt-showcase h1,.menu-dedicated div#rt-showcase h1,.menu-colocation div#rt-showcase h1{color:#274e3d;}.menu-hosting div#rt-showcase p,.menu-shared div#rt-showcase p,.menu-xen-virtual div#rt-showcase p,.menu-dedicated div#rt-showcase p,.menu-colocation div#rt-showcase p{color:#274e3d !important;}.menu-software-development #mobileMainStart{display:none !important;}.menu-software-development div#rt-showcase,.menu-joomla-cms div#rt-showcase,.menu-web-applications div#rt-showcase,.menu-wordpress div#rt-showcase,.menu-data-migration div#rt-showcase,.menu-gantry-framework div#rt-showcase,.menu-scripting div#rt-showcase,.menu-software-dev div#rt-showcase{background:url('/templates/gantry/images/software.jpg');background-size:cover;}.menu-software-development div#rt-showcase h1,.menu-joomla-cms div#rt-showcase h1,.menu-web-applications div#rt-showcase h1,.menu-wordpress div#rt-showcase h1,.menu-data-migration div#rt-showcase h1,.menu-gantry-framework div#rt-showcase h1,.menu-scripting div#rt-showcase h1,.menu-software-dev div#rt-showcase h1{color:#274e3d;}.menu-software-development div#rt-showcase p,.menu-joomla-cms div#rt-showcase p,.menu-web-applications div#rt-showcase p,.menu-wordpress div#rt-showcase p,.menu-data-migration div#rt-showcase p,.menu-gantry-framework div#rt-showcase p,.menu-scripting div#rt-showcase p,.menu-software-dev div#rt-showcase p{color:#274e3d !important;}.menu-software-development div#rt-feature,.menu-joomla-cms div#rt-feature,.menu-web-applications div#rt-feature,.menu-wordpress div#rt-feature,.menu-data-migration div#rt-feature,.menu-gantry-framework div#rt-feature,.menu-scripting div#rt-feature,.menu-software-dev div#rt-feature{background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#FFFFFF),color-stop(1,#EBF6F3));background-image:-o-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:-moz-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:-webkit-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:-ms-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:linear-gradient(to right,#FFFFFF 0%,#EBF6F3 100%);}.menu-software-development div#rt-feature div.rt-omega,.menu-joomla-cms div#rt-feature div.rt-omega,.menu-web-applications div#rt-feature div.rt-omega,.menu-wordpress div#rt-feature div.rt-omega,.menu-data-migration div#rt-feature div.rt-omega,.menu-gantry-framework div#rt-feature div.rt-omega,.menu-scripting div#rt-feature div.rt-omega,.menu-software-dev div#rt-feature div.rt-omega{padding-top:20px;}.softwareDev p{font-size:17px;color:#274e3d;line-height:1.5;}.softwareDev p span{font-size:18px;font-family:MuseoSans-500;font-weight:normal;font-style:normal;}.softwareDev p a{text-transform:uppercase;font-size:17px;font-weight:bold;}div.softwareDevMenu{background-image:url('/images/logo_background.png');background-repeat:no-repeat;background-position:center;padding:50px 0px;}div.softwareDevMenu ul{margin-left:110px;}@media (max-width: 1199px) and (min-width: 960px){div.softwareDevMenu ul{margin-left:60px;}}@media (max-width: 959px) and (min-width: 768px){div.softwareDevMenu ul{margin-left:15px;}}@media (max-width: 767px){div.softwareDevMenu ul{width:205px;margin:0 auto;}}div.softwareDevMenu ul li{display:inline-block;list-style:none;width:215px;margin-bottom:20px;}@media (max-width: 1199px) and (min-width: 960px){div.softwareDevMenu ul li{width:200px;}}@media (max-width: 959px) and (min-width: 768px){div.softwareDevMenu ul li{width:160px;}}@media (max-width: 767px){div.softwareDevMenu ul li{margin-bottom:5px;}}div.softwareDevMenu ul li a{color:#274e3d !important;font-size:16px;font-family:MuseoSans-500, sans-serif;font-weight:bold;text-transform:uppercase;}@media (max-width: 959px) and (min-width: 767px){div.softwareDevMenu ul li a{font-size:14px;}}div.softwareDevMenu ul li a:hover{background-color:transparent;color:#02aca9 !important;}div.softwareDevMenu ul li a::before{content:url('/images/arrow_right.png');vertical-align:top;}div.softwareDevMenu ul li img{padding-right:5px;}div.softwareDevMenu ul li.current a{color:#02aca9 !important;}div.softwareDevMenu ul li.current a::before{content:url('/images/arrow_right.png') !important;vertical-align:top;}div.softwareDevMenu a{color:;}.menu-systems-engineering div#rt-showcase{background:url('/templates/gantry/images/systems.jpg');background-size:cover;}.menu-systems-engineering div#rt-showcase h1{color:#274e3d;}.menu-systems-engineering div#rt-showcase p{color:#274e3d !important;}.menu-team div#rt-quote{height:76px;}.menu-about-us div#rt-showcase,.menu-team div#rt-showcase,.menu-job-openings div#rt-showcase,.menu-matt-simonsen div#rt-showcase,.menu-david-beuving div#rt-showcase,.menu-amy-simonsen div#rt-showcase,.menu-jason-brennan div#rt-showcase,.menu-jesse-hammil div#rt-showcase,.menu-marlon-hardin div#rt-showcase,.menu-tom-reed div#rt-showcase{background:url('/templates/gantry/images/team.jpg');background-size:cover;}@media (max-width: 959px) and (min-width: 641px){.menu-about-us div#rt-showcase,.menu-team div#rt-showcase,.menu-job-openings div#rt-showcase,.menu-matt-simonsen div#rt-showcase,.menu-david-beuving div#rt-showcase,.menu-amy-simonsen div#rt-showcase,.menu-jason-brennan div#rt-showcase,.menu-jesse-hammil div#rt-showcase,.menu-marlon-hardin div#rt-showcase,.menu-tom-reed div#rt-showcase{background-position:-330px 0px;}}@media (max-width: 640px) and (min-width: 526px){.menu-about-us div#rt-showcase,.menu-team div#rt-showcase,.menu-job-openings div#rt-showcase,.menu-matt-simonsen div#rt-showcase,.menu-david-beuving div#rt-showcase,.menu-amy-simonsen div#rt-showcase,.menu-jason-brennan div#rt-showcase,.menu-jesse-hammil div#rt-showcase,.menu-marlon-hardin div#rt-showcase,.menu-tom-reed div#rt-showcase{background-position:-340px;}}@media (max-width: 525px){.menu-about-us div#rt-showcase,.menu-team div#rt-showcase,.menu-job-openings div#rt-showcase,.menu-matt-simonsen div#rt-showcase,.menu-david-beuving div#rt-showcase,.menu-amy-simonsen div#rt-showcase,.menu-jason-brennan div#rt-showcase,.menu-jesse-hammil div#rt-showcase,.menu-marlon-hardin div#rt-showcase,.menu-tom-reed div#rt-showcase{background-position:-207px 0px;}}.menu-about-us #rt-feature .rt-block,.menu-team #rt-feature .rt-block,.menu-job-openings #rt-feature .rt-block,.menu-matt-simonsen #rt-feature .rt-block,.menu-david-beuving #rt-feature .rt-block,.menu-amy-simonsen #rt-feature .rt-block,.menu-jason-brennan #rt-feature .rt-block,.menu-jesse-hammil #rt-feature .rt-block,.menu-marlon-hardin #rt-feature .rt-block,.menu-tom-reed #rt-feature .rt-block{margin-bottom:0px;}.menu-about-us #rt-quote .rt-block,.menu-team #rt-quote .rt-block,.menu-job-openings #rt-quote .rt-block,.menu-matt-simonsen #rt-quote .rt-block,.menu-david-beuving #rt-quote .rt-block,.menu-amy-simonsen #rt-quote .rt-block,.menu-jason-brennan #rt-quote .rt-block,.menu-jesse-hammil #rt-quote .rt-block,.menu-marlon-hardin #rt-quote .rt-block,.menu-tom-reed #rt-quote .rt-block{margin:5px 10px;}@media (max-width: 979px){.menu-about-us div#rt-mainbody div.span7,.menu-about-us div#rt-mainbody div.span5,.menu-team div#rt-mainbody div.span7,.menu-team div#rt-mainbody div.span5,.menu-job-openings div#rt-mainbody div.span7,.menu-job-openings div#rt-mainbody div.span5,.menu-matt-simonsen div#rt-mainbody div.span7,.menu-matt-simonsen div#rt-mainbody div.span5,.menu-david-beuving div#rt-mainbody div.span7,.menu-david-beuving div#rt-mainbody div.span5,.menu-amy-simonsen div#rt-mainbody div.span7,.menu-amy-simonsen div#rt-mainbody div.span5,.menu-jason-brennan div#rt-mainbody div.span7,.menu-jason-brennan div#rt-mainbody div.span5,.menu-jesse-hammil div#rt-mainbody div.span7,.menu-jesse-hammil div#rt-mainbody div.span5,.menu-marlon-hardin div#rt-mainbody div.span7,.menu-marlon-hardin div#rt-mainbody div.span5,.menu-tom-reed div#rt-mainbody div.span7,.menu-tom-reed div#rt-mainbody div.span5{width:100%;}}.menu-tom-reed h2.title-small-team{padding-bottom:40px;}div.pullQuote{text-align:center;padding:0px 30px;max-width:380px;display:inline-block;margin-bottom:15px;}div.pullQuote hr{border:0;width:100%;color:green;background-color:green;margin:0 auto;height:2px;}div.pullQuote P{font-size:18px;padding-top:10px;}@media (max-width: 1319px){div.pullQuote{max-width:none;}}@media (max-width: 478px) and (min-width: 459px){.menu-team div#rt-feature div.module-content,.menu-matt-simonsen div#rt-feature div.module-content,.menu-david-beuving div#rt-feature div.module-content,.menu-amy-simonsen div#rt-feature div.module-content,.menu-jason-brennan div#rt-feature div.module-content,.menu-jesse-hammil div#rt-feature div.module-content,.menu-marlon-hardin div#rt-feature div.module-content,.menu-tom-reed div#rt-feature div.module-content{width:70%;margin:0 auto;}}@media (max-width: 458px) and (min-width: 331px){.menu-team div#rt-feature div.module-content,.menu-matt-simonsen div#rt-feature div.module-content,.menu-david-beuving div#rt-feature div.module-content,.menu-amy-simonsen div#rt-feature div.module-content,.menu-jason-brennan div#rt-feature div.module-content,.menu-jesse-hammil div#rt-feature div.module-content,.menu-marlon-hardin div#rt-feature div.module-content,.menu-tom-reed div#rt-feature div.module-content{width:302px;margin:0 auto;}}@media (max-width: 330px){.menu-team div#rt-feature div.module-content,.menu-matt-simonsen div#rt-feature div.module-content,.menu-david-beuving div#rt-feature div.module-content,.menu-amy-simonsen div#rt-feature div.module-content,.menu-jason-brennan div#rt-feature div.module-content,.menu-jesse-hammil div#rt-feature div.module-content,.menu-marlon-hardin div#rt-feature div.module-content,.menu-tom-reed div#rt-feature div.module-content{width:280px;}}.menu-team div#rt-feature span.separator:before,.menu-matt-simonsen div#rt-feature span.separator:before,.menu-david-beuving div#rt-feature span.separator:before,.menu-amy-simonsen div#rt-feature span.separator:before,.menu-jason-brennan div#rt-feature span.separator:before,.menu-jesse-hammil div#rt-feature span.separator:before,.menu-marlon-hardin div#rt-feature span.separator:before,.menu-tom-reed div#rt-feature span.separator:before{content:none;}.menu-team div#rt-feature,.menu-team div#rt-mainbody-surround,.menu-matt-simonsen div#rt-feature,.menu-matt-simonsen div#rt-mainbody-surround,.menu-david-beuving div#rt-feature,.menu-david-beuving div#rt-mainbody-surround,.menu-amy-simonsen div#rt-feature,.menu-amy-simonsen div#rt-mainbody-surround,.menu-jason-brennan div#rt-feature,.menu-jason-brennan div#rt-mainbody-surround,.menu-jesse-hammil div#rt-feature,.menu-jesse-hammil div#rt-mainbody-surround,.menu-marlon-hardin div#rt-feature,.menu-marlon-hardin div#rt-mainbody-surround,.menu-tom-reed div#rt-feature,.menu-tom-reed div#rt-mainbody-surround{background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#FFFFFF),color-stop(1,#EBF6F3));background-image:-o-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:-moz-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:-webkit-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:-ms-linear-gradient(right,#FFFFFF 0%,#EBF6F3 100%);background-image:linear-gradient(to right,#FFFFFF 0%,#EBF6F3 100%);}.menu-team ul.menu h2.team-title,.menu-matt-simonsen ul.menu h2.team-title,.menu-david-beuving ul.menu h2.team-title,.menu-amy-simonsen ul.menu h2.team-title,.menu-jason-brennan ul.menu h2.team-title,.menu-jesse-hammil ul.menu h2.team-title,.menu-marlon-hardin ul.menu h2.team-title,.menu-tom-reed ul.menu h2.team-title{margin-bottom:0px;}@media (max-width: 959px){.menu-team div#rt-main div.rt-grid-12 img{float:none;}}.menu-email div#rt-showcase,.menu-plesk div#rt-showcase,.menu-plesk-database-setup div#rt-showcase,.menu-plesk-email-setup div#rt-showcase,.menu-outlook-email-setup div#rt-showcase,.menu-iphone-email-setup div#rt-showcase,.menu-android-email-setup div#rt-showcase,.menu-plesk-change-your-password div#rt-showcase{background:url('/templates/gantry/images/hosting.jpg');background-size:cover;}.menu-email div#rt-showcase h1.title,.menu-plesk div#rt-showcase h1.title,.menu-plesk-database-setup div#rt-showcase h1.title,.menu-plesk-email-setup div#rt-showcase h1.title,.menu-outlook-email-setup div#rt-showcase h1.title,.menu-iphone-email-setup div#rt-showcase h1.title,.menu-android-email-setup div#rt-showcase h1.title,.menu-plesk-change-your-password div#rt-showcase h1.title{color:#274e3d;}.menu-email p,.menu-plesk p,.menu-plesk-database-setup p,.menu-plesk-email-setup p,.menu-outlook-email-setup p,.menu-iphone-email-setup p,.menu-android-email-setup p,.menu-plesk-change-your-password p{padding-top:10px;padding-bottom:5px;}span.image-title{text-align:center;display:block;line-height:1.1;}span.image-title h2.team-title{color:#274e3d;line-height:1.1;font-size:14px;}@media (max-width: 1199px){span.image-title h2.team-title{font-size:13px;}}span.image-title span.team-subtitle{font-size:10px;text-align:center;color:#274e3d;}@media (max-width: 1199px){span.image-title span.team-subtitle{font-size:9px;}}ul.social-buttons{list-style-type:none;margin:0px;}ul.social-buttons li{display:inline-block;padding:10px 10px 10px 0px;}ul.social-buttons li span.social{color:#31b6b0;}.menu-blog div#rt-showcase{background-image:url('/templates/gantry/images/blog.jpg');background-repeat:no-repeat;background-size:cover;background-color:#ecf6f4;}.menu-blog div#rt-showcase div.rt-showcase-pattern{background:url('/templates/gantry/images/header-right-large.png') right top no-repeat transparent;text-align:center;}@media (max-width: 1199px){.menu-blog div#rt-showcase div.rt-showcase-pattern{background:url('/templates/gantry/images/header-right.png') right top no-repeat transparent;height:220px;}}@media (max-width: 830px){.menu-blog div#rt-showcase div.rt-showcase-pattern{background:url('/templates/gantry/images/header-right-small.png') right top no-repeat transparent;}}.menu-blog div#rt-showcase div.rt-showcase-pattern div.rt-block{padding:100px 376px 15px;}@media (max-width: 1199px){.menu-blog div#rt-showcase div.rt-showcase-pattern div.rt-block{padding:50px 260px 15px;}}@media (max-width: 767px){.menu-blog div#rt-showcase div.rt-showcase-pattern div.rt-block{padding:34px 65px 15px;}}.menu-blog div#rt-showcase div.rt-showcase-pattern div.rt-block p{color:#ffffff;font-size:24px;text-shadow:none;line-height:1.1;}.menu-blog div#rt-showcase div.blog-header h1.title{color:#274e3d !important;}.menu-blog div#rt-showcase div.blog-header p{color:#274e3d !important;}.menu-blog div#rt-main div.rt-grid-9 div.rt-block{margin-top:0px;padding-top:0px;}@media (max-width: 767px){.menu-blog div#rt-main div.rt-grid-9 div.rt-block{margin:0px 0px 15px;padding:0px;}}.menu-blog div#rt-mainbody-surround > div.rt-container{display:block;}.menu-blog div#rt-mainbody{background:#ffffff;padding:15px;}.menu-blog a{color:#274e3d;}.menu-blog div#rt-sidebar-b{background:#abdcda;background:rgba(171,220,218,0.86);margin-top:0px;padding-top:0px;}.menu-blog div#rt-sidebar-b div.rt-block{margin-top:0px;}.menu-blog div.blog{padding-bottom:0px;}.menu-blog div.blog h2.title{font-size:16px;text-transform:uppercase;color:#274e3d;line-height:1.1;text-shadow:none;margin:0px;border-bottom:none;padding-bottom:0px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}.menu-blog div.blog div.mod-post-title{font-size:12px;text-transform:uppercase;color:#274e3d;line-height:1.1;text-shadow:none;margin:0px;border-bottom:none;padding-bottom:0px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}.menu-blog div.blog div.ezblog-latestpost div.mod-item{border-top:none;margin-top:0px !important;}.menu-blog div.blog div#ezblog-categories div.mod-item{padding-bottom:0px !important;padding-top:0px !important;margin-top:0px !important;border-top:none;}.menu-blog div.blog div.archives{padding-bottom:15px;}.menu-blog div#rt-mainbody-surround{border-top:25px solid #03aca9;}.menu-blog div#rt-main div.rt-grid-8 div.rt-block{margin-top:0px;padding-top:0px;}div.blog-content div.blog-text p span{font-size:15px;line-height:1.3 !important;}@media (max-width: 721px){#ezblog-body .blog-read .blog-navi li{width:49%;}}span.icon-quote-left,span.icon-quote-right{font-size:6px;vertical-align:top;}div#ezblog-menu{display:none !important;}div.blog-post{background:url('/templates/gantry/images/arrow-down.png') no-repeat;}div.blog-text{background:url('/templates/gantry/images/blogbar.png') no-repeat left bottom;background-size:contain;}div.blog-text p{padding-bottom:10px;}#ezblog-body .blog-post + .blog-post{border-top:none;}div.mtm{background:none;}div.blog-map{display:none;}.menu-contact h2{border-bottom:none !important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;color:#274a3d;}.menu-contact .component-content h2{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;color:#274a3d;}.formResponsive input[type="text"]{width:80%;}.formResponsive input[type="text"]:focus{border-color:#95c451;outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px #95c451, 0 0 8px #95c451;-moz-box-shadow:inset 0 1px 1px #95c451, 0 0 8px #95c451;box-shadow:inset 0 1px 1px #95c451, 0 0 8px #95c451;}.formResponsive textarea{width:80%;height:140px;}.formResponsive textarea:focus{border-color:#95c451;outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px #95c451, 0 0 8px #95c451;-moz-box-shadow:inset 0 1px 1px #95c451, 0 0 8px #95c451;box-shadow:inset 0 1px 1px #95c451, 0 0 8px #95c451;}h2#contact{font-weight:normal;margin-top:0px;}.formResponsive input[type="submit"]{background-color:#0074cc;background-image:-ms-linear-gradient(top,#95c451,#274e3d);background-image:-webkit-gradient(linear,0 0,0 100%,from(#95c451),to(#274a3d));background-image:-webkit-linear-gradient(top,#95c451,#274e3d);background-image:-o-linear-gradient(top,#95c451,#274e3d);background-image:-moz-linear-gradient(top,#95c451,#274e3d);background-image:linear-gradient(top,#95c451,#274e3d);background-repeat:repeat-x;border-color:#95c451;}.formResponsive input[type="submit"]:hover{background-color:#274e3d;}.menu-pay-online form{max-width:600px;}@media (max-width: 480px){.menu-pay-online td{display:block;}}img#groupImage{float:left;padding:0px 20px 20px 0px;}div.class4960{padding:0px;margin:0px;}@media (max-width: 959px){div.class4960{display:none;}}div.smallDesktopStart{display:none;}@media (max-width: 1199px) and (min-width: 959px){div.smallDesktopStart{display:block !important;}}body{background:#f5f5f5;color:#6e6e6e;}a:hover{color:#303030;}h1,h2,h3,h4,h5,h6{color:#303030;}a,ul.menu li .separator{color:#95c451;}#rt-maintop{background:#f0f0f0 url(../images/patterns/noise.png);border-bottom:1px solid #ffffff;box-shadow:0 1px 0 #cecece, inset 0 2px 4px 0 rgba(0,0,0,0.1);}#rt-footer{color:#6e6e6e;background:#eeeeee url(../images/patterns/noise.png);border-top:1px solid #afafaf;-webkit-box-shadow:inset 0 5px 12px rgba(0,0,0,0.13);-moz-box-shadow:inset 0 5px 12px rgba(0,0,0,0.13);box-shadow:inset 0 5px 12px rgba(0,0,0,0.13);}#rt-copyright{border-top:1px solid #d5d5d5;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.title,.component-content h2{color:#303030;text-shadow:1px 1px 0 #ffffff;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;}.title1 .title{background:#ffffff;border:1px solid #d5d5d5;}.title2 .title{color:#303030;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);}.title4 .title{color:#6e6e6e;}.box1{background:#ffffff;border:1px solid #d5d5d5;}.box2{color:#303030;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);}#rt-showcase .box1,#rt-showcase .box2,#rt-top-surround .box1,#rt-top-surround .box2{color:#6e6e6e;text-shadow:1px 1px 0 #ffffff;}#rt-showcase .box1 .title,#rt-showcase .box2 .title,#rt-top-surround .box1 .title,#rt-top-surround .box2 .title{color:#303030;text-shadow:1px 1px 0 #ffffff;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;}#rt-showcase .title1 .title,#rt-top-surround .title1 .title{color:#303030;text-shadow:1px 1px 0 #ffffff;border:1px solid #d5d5d5;}#rt-showcase .title2 .title,#rt-top-surround .title2 .title{color:#303030;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);}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:#303030;}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button{color:#ffffff;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);box-shadow:0 2px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2);}.button:hover,.readon:hover,.readmore:hover,button.validate:hover,#member-profile a:hover,#member-registration a:hover,.formelm-buttons button:hover{color:#ffffff;}.button:active,.readon:active,.readmore:active,button.validate:active,#member-profile a:active,#member-registration a:active,.formelm-buttons button:active{-webkit-box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;box-shadow:0 1px 0 #ffffff;}.readmore a{color:#ffffff;}.readmore a:hover{color:#ffffff;}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button,.btn-primary{border-color:#5f832c;background-color:#91be51;background-image:-moz-linear-gradient(top,#9ec960,#7ead3b);background-image:-webkit-gradient(linear,0 0,0 100%,from(#9ec960),to(#7ead3b));background-image:-webkit-linear-gradient(top,#9ec960,#7ead3b);background-image:-o-linear-gradient(top,#9ec960,#7ead3b);background-image:linear-gradient(to bottom,#9ec960,#7ead3b);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9ec960', endColorstr='#ff7dac3a', GradientType=0);}.button:hover,.readon:hover,.readmore:hover,button.validate:hover,#member-profile a:hover,#member-registration a:hover,.formelm-buttons button:hover,.btn-primary:hover{background-color:#a0ca63;background-image:-moz-linear-gradient(top,#acd177,#8ec046);background-image:-webkit-gradient(linear,0 0,0 100%,from(#acd177),to(#8ec046));background-image:-webkit-linear-gradient(top,#acd177,#8ec046);background-image:-o-linear-gradient(top,#acd177,#8ec046);background-image:linear-gradient(to bottom,#acd177,#8ec046);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacd077', endColorstr='#ff8ec045', GradientType=0);}.button:active,.readon:active,.readmore:active,button.validate:active,#member-profile a:active,#member-registration a:active,.formelm-buttons button:active,.btn-primary:active{background-color:#9ac759;background-image:-moz-linear-gradient(top,#90c149,#a8ce6f);background-image:-webkit-gradient(linear,0 0,0 100%,from(#90c149),to(#a8ce6f));background-image:-webkit-linear-gradient(top,#90c149,#a8ce6f);background-image:-o-linear-gradient(top,#90c149,#a8ce6f);background-image:linear-gradient(to bottom,#90c149,#a8ce6f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff90c149', endColorstr='#ffa7ce6f', GradientType=0);}.powered-by{background:url(../images/logo/powered.png);}.pagenav li{background:#f0f0f0;border:1px solid #d5d5d5;box-shadow:inset 0 0 0 1px #ffffff, 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);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);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{background:#f0f0f0;border:1px solid #d5d5d5;box-shadow:inset 0 0 0 1px #ffffff, 0 1px 2px rgba(0,0,0,0.2);}#gantry-totop:active{-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);color:#6e6e6e;}.system-unpublished .system-unpublished{background:#ffffff;border-color:#d5d5d5;}.tags .label-info{background:#7ba939;}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:#303030;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:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}select{border:1px solid #d5d5d5;}.uneditable-input,.uneditable-textarea{color:#aaaaaa;background-color:#f5f5f5;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);}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);}.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;}.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;padding:15px;font-weight:bold;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;}.logo-type-gantry #rt-logo{background:url(../images/logo/light/logo.png) 0 0 no-repeat;}#rt-top-surround{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);color:#6e6e6e;text-shadow:0 2px 3px #ffffff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.3);box-shadow:0 2px 4px rgba(0,0,0,0.3);border-bottom:1px solid #ffffff;}#rt-top-surround .title{color:#303030;text-shadow:1px 1px 1px #ffffff;}#rt-top-surround a:hover{color:#303030;}#rt-top-surround:after{background:url(../images/patterns/noise.png);}#rt-showcase{background-color:#e0e0e0;background-image:-moz-linear-gradient(top,#d7d7d7,#eeeeee);background-image:-webkit-gradient(linear,0 0,0 100%,from(#d7d7d7),to(#eeeeee));background-image:-webkit-linear-gradient(top,#d7d7d7,#eeeeee);background-image:-o-linear-gradient(top,#d7d7d7,#eeeeee);background-image:linear-gradient(to bottom,#d7d7d7,#eeeeee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd7d7d7', endColorstr='#ffeeeeee', GradientType=0);color:#6e6e6e;border-bottom:1px solid #ffffff;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);text-shadow:0 2px 3px #ffffff;}#rt-showcase .title{color:#303030;text-shadow:1px 1px 1px #ffffff;}#rt-showcase a:hover{color:#303030;}.rt-showcase-pattern{background-image:-webkit-linear-gradient(rgba(0,0,0,0.03) 2px,transparent 2px), -webkit-linear-gradient(0,rgba(0,0,0,0.03) 2px,transparent 2px), -webkit-linear-gradient(rgba(0,0,0,0.03) 1px,transparent 1px), -webkit-linear-gradient(0,rgba(0,0,0,0.03) 1px,transparent 1px);background-size:80px 80px, 80px 80px, 5px 5px, 5px 5px;background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;}.title3 .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);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.3);box-shadow:0 2px 4px rgba(0,0,0,0.3);border-bottom:1px solid #ffffff;color:#303030;text-shadow:1px 1px 1px #ffffff;}.box3{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);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.3);box-shadow:0 2px 4px rgba(0,0,0,0.3);border-bottom:1px solid #ffffff;color:#6e6e6e;text-shadow:0 2px 3px #ffffff;}.box3 .title{color:#303030;text-shadow:1px 1px 1px #ffffff;}.box3 a:hover{color:#303030;}#rt-showcase .box3 .title,#rt-top-surround .box3 .title{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;}#rt-showcase .title3 .title,#rt-top-surround .title3 .title{-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.3);box-shadow:0 2px 4px rgba(0,0,0,0.3);border-bottom:1px solid #ffffff;}.promo h1{text-shadow:1px 1px 0 #ffffff;}.promo h1 b{color:#303030;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(100%,#000000),color-stop(40%,#000000),color-stop(0%,rgba(0,0,0,0.5)));mask:url(../images/mask.svg#light);}.promo p b{color:#303030;}#rt-drawer{background:#ffffff;border-bottom:1px solid #ffffff;-webkit-box-shadow:inset 0 -2px 4px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 -2px 4px rgba(0,0,0,0.3);box-shadow:inset 0 -2px 4px rgba(0,0,0,0.3);}@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

fa-lemon-o hidden-print t1

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

<i class=" fa-lemon-o hidden-print t1"></i> fa-lemon-o hidden-print t1
Icon classes are echoed via CSS :before.

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

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

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

<i class=" fa-lemon-o hidden-print t1 icon-2x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-3x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-lemon-o hidden-print t1 on icon-check-empty
fa-lemon-o hidden-print t1 on icon-circle
fa-lemon-o hidden-print t1l on icon-sign-blank
icon-ban-circle on fa-lemon-o hidden-print t1

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