Font Awesome icon usage statistics

  • 5 types of Font Awesome iconic font are used and found 5 times in total.
  • WIMPY.CO.ZA used 1.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of WIMPY.CO.ZA are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • WIMPY.CO.ZA includes "http://WIMPY.CO.ZA/templates/destinyfx/css-compiled/master-fb38d4ac63c526e49c39abe465590a38.css" to use Font Awesome and information from CSS is like below.
  • @font-face {
      font-family: "museo_slab900";
      font-style: normal;
      font-weight: normal;
      src: url("../fonts/museo_slab_900-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo_slab_900-webfont.woff") format("woff"), url("../fonts/museo_slab_900-webfont.ttf") format("truetype"), url("../fonts/museo_slab_900-webfont.svg#museo_slab900") format("svg");
    }
    @font-face {
      font-family: "museo_slab500";
      font-style: normal;
      font-weight: normal;
      src: url("../fonts/museo_slab_500-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo_slab_500-webfont.woff") format("woff"), url("../fonts/museo_slab_500-webfont.ttf") format("truetype"), url("museo_slab_500-webfont.svg#museo_slab500") format("svg");
    }
    .hidden-phone2 {
      display: none;
    }
    .rt-block.margintop20 {
      margin-top: 20px;
    }
    .rt-block.marginbottom20 {
      margin-bottom: 20px;
    }
    .rt-block.margintop30 {
      margin-top: 30px;
    }
    .rt-block.marginbottom30 {
      margin-bottom: 30px;
    }
    #rt-top {
      z-index: 3;
    }
    #rt-top .rt-block {
      margin-bottom: 5px;
      margin-top: 5px;
      padding-bottom: 0;
      padding-top: 0;
    }
    #rt-top .rt-block.box1,
    #rt-top .rt-block.box2,
    #rt-top .rt-block.box3,
    #rt-top .rt-block.box4,
    #rt-top .rt-block.box5 {
      padding-top: 15px;
      padding-bottom: 15px;
    }
    #rt-top p {
      margin: 0;
    }
    #rt-top a:hover,
    #rt-top a:focus,
    #rt-top .nav > li > a:hover,
    #rt-top .nav > li > a:focus {
      color: #bf0f18;
    }
    #rt-top .rt-alpha .jfx_social {
      margin-left: -6px;
    }
    #rt-top .rt-omega .jfx_social {
      margin-right: -8px;
    }
    .jfx_social ul {
      margin: 0;
    }
    .jfx_social li {
      list-style: none;
      display: inline-block;
    }
    .jfx_social .hiddentext {
      display: none;
    }
    .jfx_social li a {
      padding: 8px;
      color: #888888;
    }
    #rt-logo {
      -webkit-transition: opacity 0.2s ease-out;
      -moz-transition: opacity 0.2s ease-out;
      -o-transition: opacity 0.2s ease-out;
      transition: opacity 0.2s ease-out;
    }
    #rt-logo:hover {
      opacity: 0.7;
    }
    .rttopfixedtop > .rt-top-inner {
      position: fixed !important;
      top: 0 !important;
      width: 100%;
      background: #ffffff;
      z-index: 999;
      -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.09);
      -moz-box-shadow: 0 0 7px rgba(0,0,0,0.09);
      box-shadow: 0 0 7px rgba(0,0,0,0.09);
    }
    #rt-top.rttopfixedtop {
      height: 32px;
    }
    .rtheaderfixedtop > .rt-header-inner {
      position: fixed !important;
      top: 0 !important;
      width: 100%;
      background: #ffffff;
      z-index: 999;
      -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.09);
      -moz-box-shadow: 0 0 7px rgba(0,0,0,0.09);
      box-shadow: 0 0 7px rgba(0,0,0,0.09);
    }
    #rt-header.rtheaderfixedtop {
      z-index: 999;
    }
    #rt-header.rtheaderfixedtop {
      height: 97px;
    }
    .rtheaderfixedtop .logo-block {
      margin: 0 10px;
    }
    .rtheaderfixedtop {
      padding: 24px 14px;
    }
    .gf-menu.l1 > li > .item {
      font-size: 30px;
      line-height: 24px;
      padding-top: 35px;
      padding-bottom: 35px;
      padding-left: 14px;
      padding-right: 14px;
      position: relative;
      text-transform: uppercase;
      color: #fff;
    }
    #rt-header {
      z-index: 2;
      position: relative;
      background-color: #e21c23;
    }
    #rt-top {
      z-index: 2;
      position: relative;
      background-color: #fff;
    }
    .nav > li > a:hover {
      background: none;
    }
    #rt-top .nav > li > a {
      color: #888888;
    }
    #rt-top a {
      color: #888888;
    }
    #rt-top .nav > li {
      display: inline-block;
      margin-bottom: 0;
    }
    #rt-top .nav > li:last-child:after {
      content: none;
    }
    #rt-top ul.menu li a:before,
    #rt-top ul.menu li .item:before,
    #rt-top ul.menu li .separator:before {
      content: none;
      margin-right: 0;
    }
    #rt-top ul.menu li a,
    #rt-top ul.menu li .item,
    #rt-top ul.menu li .separator {
      font-size: 90%;
      font-weight: normal;
      padding-right: 11px;
      padding-left: 11px;
      display: inline-block;
    }
    #rt-top ul.menu li:first-child a,
    #rt-top ul.menu li:first-child .item,
    #rt-top ul.menu li:first-child .separator {
      padding-left: 0;
    }
    #rt-top .rt-omega {
      text-align: right;
    }
    .contactstop {
      font-size: 90%;
    }
    #rt-top .rt-alpha .contactstop span.inner {
      margin-right: 20px;
    }
    #rt-top .rt-alpha .contactstop [class^="icon-"]:before,
    #rt-top .rt-alpha .contactstop [class*=" icon-"]:before {
      margin-left: 0;
    }
    .contactstop [class^="icon-"]:before,
    .contactstop [class*=" icon-"]:before {
      margin-right: 8px;
      font-size: 110%;
      margin-left: 20px;
    }
    .contactstop span.inner {
      font-family: 'Open Sans', 'Helvetica', arial, serif;
    }
    #rt-static {
      background: url("../images/joomfx_bg.jpg") no-repeat fixed;
      background-size: cover;
    }
    .showcase_joomfx {
      text-align: center;
      padding-bottom: 115px;
      padding-top: 100px;
    }
    .showcase_joomfx h1 {
      font-size: 210%;
      line-height: 50px !important;
      color: #bf0f18;
      margin-bottom: 70px;
    }
    .showcase_joomfx .btn {
      width: 180px;
      border-width: 2px;
      border-color: #ffffff !important;
      color: #ffffff !important;
      margin-left: 15px;
      margin-right: 15px;
      font-size: 20px;
      padding: 15px;
    }
    .showcase_joomfx .btn:hover {
      border-color: #bf0f18 !important;
    }
    #featuredprojects {
      margin: 10px 0 10px 2px;
    }
    #featuredprojects ul {
      margin-left: 0;
      margin-bottom: 0;
    }
    #featuredprojects ul li {
      background: none repeat scroll 0 0 #ffffff;
      float: left;
      list-style: none outside none;
      padding-left: 0 !important;
      width: 45% !important;
      border: 1px solid #e9e9e9;
      margin-right: 30px;
      -webkit-transition: background 0.4s ease-out 0s;
      -moz-transition: background 0.4s ease-out 0s;
      -o-transition: background 0.4s ease-out 0s;
      -ms-transition: background 0.4s ease-out 0s;
      transition: background 0.4s ease-out 0s;
    }
    #featuredprojects ul.col4 li {
      width: 23% !important;
      margin-right: 24px;
    }
    #featuredprojects ul li:hover {
      background: #bf0f18;
    }
    #featuredprojects ul li:hover p {
      color: #f5f5f5;
    }
    #featuredprojects ul li:hover h4 a {
      color: #ffffff;
    }
    #featuredprojects ul li:hover ::-moz-selection {
      background: none repeat scroll 0 0 #FFFFFF;
      color: #bf0f18;
    }
    #featuredprojects ul li.lastone {
      margin-right: 0 !important;
    }
    #featuredprojects .information {
      padding-left: 10px;
      padding-right: 10px;
    }
    #featuredprojects h4 {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px;
      -webkit-transition: all 0.4s ease-out 0s;
      -moz-transition: all 0.4s ease-out 0s;
      -o-transition: all 0.4s ease-out 0s;
      -ms-transition: all 0.4s ease-out 0s;
      transition: all 0.4s ease-out 0s;
    }
    #featuredprojects h4 a {
      color: #e21c23;
    }
    #featuredprojects h4 a:hover {
      text-decoration: underline;
    }
    #featuredprojects p {
      line-height: 1.5em;
      text-align: center;
      font-size: 90%;
      color: #a5a5a5;
      margin-bottom: 20px;
      -webkit-transition: color 0.4s ease-out 0s;
      -moz-transition: color 0.4s ease-out 0s;
      -o-transition: color 0.4s ease-out 0s;
      -ms-transition: color 0.4s ease-out 0s;
      transition: color 0.4s ease-out 0s;
    }
    .spotlight .overlay-default {
      background-image: url("../images/magnifier.png");
    }
    .features {
      margin-bottom: 5px;
      position: relative;
    }
    .features .col1 {
      float: left;
      width: 48%;
      margin-right: 40px;
    }
    .features .col2 {
      float: left;
      width: 48%;
    }
    .features span {
      background: none repeat scroll 0 0 #ffffff;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      display: block;
      vertical-align: middle;
      border: 1px solid #bf0f18;
      float: left;
      font-size: 24px;
      margin-top: 3px;
    }
    .features ul {
      margin: 0;
    }
    .features ul li {
      list-style: none;
    }
    .features ul li {
      line-height: 1.7;
    }
    .features .content {
      margin-left: 68px;
      margin-bottom: 35px;
    }
    .features .content.lastone,
    .features .content.lastone p {
      margin-bottom: 0;
    }
    #rt-extension {
      background: none repeat scroll 0 0 #f7f7f7;
      border-top: 1px solid #E9E9E9;
      border-bottom: 1px solid #E9E9E9;
    }
    .articles1 .nspMain {
      margin: 0 -15px;
    }
    .articles1.col4 .nspMain {
      margin: 0 -12px;
    }
    .articles2 .nspMain {
      margin: 0 -15px;
      margin-top: -7px;
    }
    .articles2 .nspArt .nspContentPadding .nspHeader {
      padding-top: 0;
    }
    .articles2 .nspArt p.nspText {
      margin-bottom: 0 !important;
    }
    .nspBotInterface,
    .nspTopInterface,
    .nspBotInterface,
    .nspTopInterface {
      position: absolute;
      right: 3px;
      top: 16px;
      padding: 0 15px;
    }
    #rt-maintop .nspBotInterface,
    #rt-maintop .nspTopInterface,
    #rt-extension .nspBotInterface,
    #rt-extension .nspTopInterface,
    #rt-after .nspBotInterface,
    #rt-after .nspTopInterface {
      background: #f7f7f7;
    }
    #rt-feature .nspBotInterface,
    #rt-feature .nspTopInterface,
    #rt-utility .nspBotInterface,
    #rt-utility .nspTopInterface,
    #rt-mainbottom .nspBotInterface,
    #rt-mainbottom .nspTopInterface,
    #rt-bottom .nspBotInterface,
    #rt-bottom .nspTopInterface {
      background: #ffffff;
    }
    #rt-colored .nspBotInterface,
    #rt-colored .nspTopInterface,
    #rt-colored .title6 .title span,
    #rt-colored .title5 .title span {
      background: #bf0f18;
    }
    #rt-footer .nspBotInterface,
    #rt-footer .nspTopInterface {
      background: #2E373C;
    }
    #rt-footer .nspPrev i,
    #rt-footer .nspNext i {
      color: #E1F1FE !important;
    }
    #rt-footer .nspPrev:hover i,
    #rt-footer .nspNext:hover i {
      color: #bf0f18 !important;
    }
    #rt-colored .title6 .title span,
    #rt-colored .title5 .title span {
      color: #ffffff;
    }
    .title5 .title {
      background: url("../images/titlelines.png") repeat-x scroll 0 57px transparent;
      border-bottom: none;
      margin-bottom: 30px;
      text-align: center;
      font-size: 160%;
    }
    #rt-colored .nspPrev:hover i,
    #rt-colored .nspNext:hover i {
      color: #e1e1e1 !important;
    }
    #rt-colored .articles1 .nspMain p.nspText {
      color: #646464;
    }
    .nspNext,
    .nspPrev {
      border-width: 0px !important;
      border-color: #e5e5e5 !important;
      height: 21px !important;
      width: 16px !important;
      margin: 0 !important;
      border-radius: 2px !important;
      text-indent: 0 !important;
      -moz-box-sizing: inherit !important;
      background: none !important;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
    }
    .nspPrev {
      margin-left: 0 !important;
    }
    .nspArt div {
      overflow: visible !important;
    }
    .nspPrev:before {
      border: none !important;
      margin: 3px 0 0 6px !important;
    }
    .nspPrev i {
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
    }
    .nspNext:before {
      border: none !important;
    }
    .nspNext i {
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
    }
    .nspPrev:hover i,
    .nspNext:hover i {
      color: #bf0f18 !important;
    }
    .nspPagination li {
      width: 11px !important;
      height: 11px !important;
    }
    a.modal.nspImageWrapper {
      background: none !important;
      border: none !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
      left: auto !important;
      top: auto !important;
      width: auto !important;
      position: relative;
    }
    .nspArt .nspImageWrapper {
      position: relative;
    }
    .articles1 .nspAfterPadding {
      background: none repeat scroll 0 0 #FFFFFF;
      border: 1px solid #E5E5E5;
    }
    .articles1 .nspContentPadding {
      padding: 0 20px;
    }
    .nspArt .nspContentPadding .nspHeader {
      font-size: 130%;
      padding: 15px 0 15px;
      line-height: 27px;
    }
    .nspArt .nspContentPadding .nspHeader a {
      color: #494949;
    }
    .nspArt .nspContentPadding .nspHeader a:hover {
      color: #bf0f18;
    }
    .nspArt .nspContentPadding p.nspText {
      margin-bottom: 15px;
    }
    .nspArt .nspContentPadding p.nspInfo,
    .nspArt .nspContentPadding p.nspInfo a {
      font-size: 12px;
      color: #888888;
    }
    .nspArt .nspContentPadding p.nspInfo a:hover {
      color: #bf0f18;
    }
    .nspArt .nspContentPadding p.nspInfo {
      margin-bottom: 20px;
    }
    .nspArt .nspContentPadding p.nspInfo span {
      margin-right: 20px;
    }
    .nspArt .nspContentPadding p.nspInfo span:last-child {
      margin-right: 0 !important;
    }
    .nspArt .nspContentPadding p.nspInfo i {
      font-size: 14px;
      margin-right: 5px;
    }
    .gkNspPM-NewsGallery .gkImagesWrapper > a {
      padding: 0 15px !important;
    }
    .gkNspPM-NewsGallery .gkImagesWrapper > a > .gkImgOverlay > span {
      background: url("../images/link.png") no-repeat scroll 50% 50% #bf0f18 !important;
    }
    .gkNspPM-NewsGallery .gkImagesWrapper > a img {
      padding: 0 !important;
      border: none !important;
    }
    .gkNspPM-NewsGallery .gkImagesWrapper > a > .gkImgOverlay {
      padding: 0 !important;
      border: none !important;
    }
    .gkNspPM-NewsGallery.gkArrows {
      padding: 0 30px !important;
      margin-bottom: 10px;
    }
    .gkNspPM-Highlights {
      margin-bottom: 10px !important;
      margin-top: -10px !important;
      padding: 0;
    }
    .gkNspPM-Highlights li {
      padding: 13px 10px 13px 45px !important;
    }
    .gkNspPM-Highlights li:before {
      left: 0 !important;
      top: 16px !important;
    }
    .gkNspPM-Highlights li:after {
      left: 24px !important;
      top: 24px !important;
    }
    .gkNspPM-Highlights li h3:before {
      left: 23px !important;
      top: 25px !important;
    }
    .gkNspPM-Highlights h3 {
      font-size: 130% !important;
      text-transform: none !important;
      margin-bottom: 0 !important;
    }
    .gkNspPM-Highlights h3 a {
      color: #494949;
    }
    .gkNspPM-Highlights h3 a:active,
    .gkNspPM-Highlights h3 a:focus,
    .gkNspPM-Highlights h3 a:hover {
      color: #bf0f18 !important;
    }
    .feedback {
      margin-top: 10px;
      margin-bottom: 5px;
    }
    .feedback .col1 {
      float: left;
      width: 48%;
      margin-right: 40px;
    }
    .feedback .col2 {
      float: left;
      width: 48%;
    }
    .feedback ul {
      margin: 0;
    }
    .feedback ul li {
      list-style: none;
    }
    .feedback ul li {
      line-height: 1.7;
    }
    .feedback img {
      float: left;
      border-radius: 50%;
    }
    .feedback .content {
      margin-left: 95px;
      margin-bottom: 45px;
    }
    .feedback .customerinfo {
      font-size: 12px;
      font-weight: bold;
      color: #888888;
    }
    .feedback .content.lastone,
    .feedback .content.lastone p.customerinfo {
      margin-bottom: 0;
    }
    #rt-colored {
      background: #bf0f18;
      color: #ffffff;
    }
    #rt-colored p,
    #rt-colored h1,
    #rt-colored h2,
    #rt-colored h3,
    #rt-colored h4,
    #rt-colored h5,
    #rt-colored h6 {
      color: #ffffff;
    }
    .acymailing_module .modal {
      background: none;
      border: 2px solid #ffffff;
      border-radius: 4px;
      box-shadow: none;
      -webkit-box-shadow: none;
      margin-left: 0;
      position: relative;
      left: auto;
      top: auto;
      z-index: auto;
      width: auto;
      color: #ffffff;
      padding: 15px 58px;
      font-weight: bold;
      font-size: 20px;
      -webkit-transition: background 0.2s ease-out;
      -moz-transition: background 0.2s ease-out;
      -o-transition: background 0.2s ease-out;
      transition: background 0.2s ease-out;
    }
    .acymailing_module .modal:hover {
      background: #ffffff;
      color: #bf0f18;
    }
    .acymailing_module p {
      margin-bottom: 0;
    }
    p.acymailing_mootoolsintro {
      float: left;
      font-size: 180%;
      font-weight: bold;
      line-height: 56px;
    }
    .acymailing_mootoolsbutton p {
      text-align: right;
      float: right;
    }
    .rt-block.newsletter {
      padding-bottom: 5px;
      padding-top: 5px;
    }
    .component-body .acymailing_introtext {
      padding-bottom: 30px !important;
      font-size: 14px !important;
    }
    .component-body #system-message {
      margin: 0 !important;
    }
    .component-body table.acymailing_form {
      width: 100% !important;
    }
    .component-body .acysubbuttons {
      text-align: left;
    }
    .component-body .subbutton {
      margin-top: 5px;
      padding: 5px 15px;
    }
    .component-body form {
      margin-bottom: 0 !important;
    }
    #rt-footer table.acymailing_form {
      width: 100% !important;
    }
    #rt-footer table.acymailing_form .inputbox {
      background: #3d4950 !important;
      color: #898F93;
      border: none !important;
      margin-bottom: 12px;
    }
    #rt-footer .acysubbuttons {
      text-align: left !important;
    }
    #rt-footer .acymailing_introtext {
      padding-bottom: 10px !important;
    }
    #rt-footer form {
      margin-bottom: 0 !important;
    }
    .footer-logo {
      margin-top: -10px;
    }
    #rt-footer .jfx_social {
      margin-top: -3px;
    }
    #rt-footer .jfx_social li {
      font-size: 16px;
    }
    #rt-footer .jfx_social li a > span {
      line-height: 30px;
    }
    #rt-footer .rt-alpha .jfx_social {
      margin-left: -6px;
    }
    .nspBotInterface,
    .nspTopInterface {
      position: absolute;
      top: 17px;
      right: 0;
    }
    .footer .nspArts {
      padding: 0;
    }
    .footer .nspArt {
      border-bottom: 1px solid #374147;
    }
    .footer .nspArt:last-child {
      border-bottom: none;
    }
    .footer .nspArt .nspContentPadding .nspHeader {
      font-size: 100%;
      font-weight: normal;
      line-height: 20px;
      padding: 12px 0;
    }
    .footer .nspArt:first-child .nspContentPadding .nspHeader {
      padding-top: 1px !important;
    }
    #rt-footer .gallery-flickr ul li {
      backgorung: none !important;
      padding-left: 0;
    }
    #rt-footer .gallery-flickr ul {
      margin-top: -15px;
    }
    #rt-footer .gallery-flickr a {
      background: #000000;
    }
    #rt-footer .gallery-flickr a img {
      width: 69px;
      -webkit-transition: opacity 0.2s ease-out 0s;
      -moz-transition: opacity 0.2s ease-out 0s;
      -o-transition: opacity 0.2s ease-out 0s;
      -ms-transition: opacity 0.2s ease-out 0s;
      transition: opacity 0.2s ease-out 0s;
    }
    #rt-footer .gallery-flickr a img:hover {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
      filter: alpha(opacity=60);
      opacity: 0.6;
    }
    .intouch ul {
      margin: 0;
      list-style: none;
    }
    .intouch ul li {
      line-height: 1.9em;
    }
    .intouch ul li i {
      margin-right: 10px;
      font-size: 110%;
    }
    #rt-copyright .nav > li {
      display: inline-block;
      margin-bottom: 0;
    }
    #rt-copyright {
      background-color: #c5ab93 !important;
      font-size: 11px !important;
    }
    #rt-copyright ul.menu li a:before,
    #rt-copyright ul.menu li .item:before,
    #rt-copyright ul.menu li .separator:before {
      content: none;
      margin-right: 0;
    }
    #rt-copyright ul.menu li a,
    #rt-copyright ul.menu li .item,
    #rt-copyright ul.menu li .separator {
      font-weight: normal;
      font-size: 100%;
    }
    #rt-copyright ul.menu li {
      margin-right: 25px;
    }
    #rt-copyright ul.menu li:last-child {
      margin-right: 0;
    }
    #rt-copyright ul.menu {
      text-align: right;
    }
    #rt-login {
      position: fixed;
      z-index: 999;
      right: 0px;
      top: 170px;
    }
    #rt-login .rt-block {
      padding: 0;
      margin: 0;
    }
    #btl {
      float: right;
      position: relative;
      width: auto;
      border: 1px solid #E9E9E9;
      border-right: none;
      -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.09);
      box-shadow: 0 0 4px rgba(0,0,0,0.09);
    }
    #rt-login .rt-alpha,
    #rt-login .rt-omega {
      float: right;
      width: 20px;
    }
    #btl .btl-panel > span {
      margin: 0 !important;
    }
    #rt-login #btl .btl-panel > span#btl-panel-login {
      text-indent: -999em !important;
      line-height: 0;
      height: 33px;
      display: block;
      background: url("../images/login.png") no-repeat scroll center 7px #ffffff !important;
      border-radius: 0 !important;
      padding: 0 17px !important;
      width: 0 !important;
      -webkit-transition: background-color 0.2s ease-out 0s;
      -moz-transition: background-color 0.2s ease-out 0s;
      -o-transition: background-color 0.2s ease-out 0s;
      -ms-transition: background-color 0.2s ease-out 0s;
      transition: background-color 0.2s ease-out 0s;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
    }
    #rt-login #btl .btl-panel > span#btl-panel-login:hover {
      background: url("../images/login.png") no-repeat scroll center -28px #bf0f18 !important;
    }
    #rt-login #btl .btl-panel > span#btl-panel-registration {
      text-indent: -999em !important;
      line-height: 0;
      height: 33px;
      display: block;
      background: url("../images/register.png") no-repeat scroll center -28px #ffffff !important;
      border-radius: 0 !important;
      padding: 0 17px !important;
      width: 0 !important;
      -webkit-transition: background-color 0.2s ease-out 0s;
      -moz-transition: background-color 0.2s ease-out 0s;
      -o-transition: background-color 0.2s ease-out 0s;
      -ms-transition: background-color 0.2s ease-out 0s;
      transition: background-color 0.2s ease-out 0s;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
    }
    #rt-login #btl .btl-panel > span#btl-panel-registration:hover {
      background: url("../images/register.png") no-repeat scroll center 8px #bf0f18 !important;
    }
    #rt-login #btl .btl-panel > span#btl-panel-profile {
      text-indent: -999em !important;
      line-height: 0;
      height: 33px;
      display: block;
      background: url("../images/close.png") no-repeat scroll center 8px #ffffff !important;
      border-radius: 0 !important;
      padding-right: 18px !important;
      padding: 0 17px !important;
      width: 0 !important;
      -webkit-transition: background-color 0.2s ease-out 0s;
      -moz-transition: background-color 0.2s ease-out 0s;
      -o-transition: background-color 0.2s ease-out 0s;
      -ms-transition: background-color 0.2s ease-out 0s;
      transition: background-color 0.2s ease-out 0s;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
    }
    #rt-login #btl .btl-panel > span#btl-panel-profile:hover {
      background: url("../images/close.png") no-repeat scroll center -28px #bf0f18 !important;
    }
    #btl-content-profile .btl-buttonsubmit {
      margin: 5px !important;
    }
    .btl-buttonsubmit input.btl-buttonsubmit,
    .btl-buttonsubmit button.btl-buttonsubmit {
      -webkit-transition: all 0.2s ease-out 0s;
      -moz-transition: all 0.2s ease-out 0s;
      -o-transition: all 0.2s ease-out 0s;
      -ms-transition: all 0.2s ease-out 0s;
      transition: all 0.2s ease-out 0s;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
      border-radius: 2px !important;
      background: none !important;
      border: 1px solid #bf0f18 !important;
      font-weight: bold;
      font-size: 90%;
      color: #bf0f18 !important;
      text-shadow: 0 0 !important;
      height: 32px !important;
    }
    .btl-buttonsubmit input.btl-buttonsubmit:hover,
    .btl-buttonsubmit button.btl-buttonsubmit:hover {
      color: #ffffff !important;
      background: #bf0f18 !important;
    }
    #btl-content-login h3,
    #btl-content-registration h3 {
      background: #f7f7f7;
      padding: 2px 0 2px 19px !important;
      border-bottom: 1px solid #e9e9e9;
      font-size: 14px;
    }
    .btl-content-block {
      border-radius: 0 !important;
    }
    #simplemodal-container a.modalCloseImg {
      background: url("../images/close.png") no-repeat scroll center 6px #E4E4E4 !important;
      right: 7px !important;
      top: 7px !important;
      -webkit-transition: background-color 0.2s ease-out 0s;
      -moz-transition: background-color 0.2s ease-out 0s;
      -o-transition: background-color 0.2s ease-out 0s;
      -ms-transition: background-color 0.2s ease-out 0s;
      transition: background-color 0.2s ease-out 0s;
    }
    #simplemodal-container a.modalCloseImg:hover {
      background: url("../images/close.png") no-repeat scroll center -30px #bf0f18 !important;
      right: 7px !important;
      top: 7px !important;
    }
    #register-link a {
      color: #bf0f18;
    }
    .btl-note,
    #register-link {
      padding: 23px 0 !important;
    }
    #register-link a:hover {
      text-decoration: underline;
    }
    .btl-content-block {
      font-size: 14px !important;
    }
    .btl-input > input[type="text"],
    .btl-input > input[type="password"] {
      border-radius: 0 !important;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
    }
    .btl-input > input:focus {
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
      border: 1px solid #DADADA !important;
    }
    #btl-input-remember {
      float: none !important;
      margin-left: 40px;
      text-align: center;
    }
    .btl-formlogin div.btl-buttonsubmit {
      padding: 20px 0 0 !important;
      margin: 10px 25px 25px 20px !important;
    }
    .btl-formregistration div.btl-buttonsubmit {
      margin: 20px 25px 30px 20px !important;
      padding: 20px 0 0 !important;
    }
    div.btl-buttonsubmit {
      border-top: 1px solid #e9e9e9 !important;
    }
    #bt_ul {
      float: none !important;
    }
    #btl-content-login #bt_ul li a:hover {
      color: #bf0f18 !important;
    }
    .simplemodal-wrap #btl-content-login ul {
      text-align: center !important;
      list-style-type: none !important;
    }
    #rt-fullwidth {
      min-height: 450px;
    }
    #rt-showcase {
      min-height: 450px;
    }
    #rt-showcase {
      background: url("../images/showcase_bg.png") repeat scroll 0 0 #DDDDDD;
      padding-bottom: 35px;
      padding-top: 35px;
    }
    .layout-slideshow {
      z-index: 0;
    }
    .layout-slideshow .sprocket-features-title {
      font-size: 180% !important;
    }
    .layout-slideshow .sprocket-features-content {
      top: auto !important;
      bottom: 40px;
      top: auto;
      width: 60% !important;
    }
    .layout-slideshow .sprocket-features-pagination {
      bottom: auto !important;
      top: 15px !important;
      left: auto !important;
      right: 20px !important;
      position: absolute;
      z-index: 10;
    }
    .sprocket-features-desc a.readon {
      background: none repeat scroll 0 0 transparent !important;
      border: medium none !important;
      box-shadow: none !important;
      padding: 0 !important;
      font-size: 90%;
    }
    .sprocket-features-desc a.readon:hover {
      text-decoration: underline;
      color: #bf0f18 !important;
    }
    .layout-slideshow .sprocket-features-arrows .arrow {
      cursor: pointer;
      font-size: 2em !important;
      line-height: 18px;
      text-align: center;
    }
    .layout-slideshow .sprocket-features-title,
    .layout-slideshow .sprocket-features-desc {
      background: url('../php/rgba.php?name=black&a=50');
      background: rgba(0,0,0,0.5);
      color: #EEE;
    }
    .layout-slideshow .sprocket-features-pagination li,
    .layout-slideshow .sprocket-features-arrows .arrow,
    .sprocket-features-pagination li,
    .layout-slideshow .sprocket-features-arrows .arrow {
      background: url('../php/rgba.php?name=black&a=80');
      background: rgba(0,0,0,0.8);
    }
    #rt-breadcrumbs {
      background: url("../images/wimpy_header_bg.jpg") no-repeat fixed;
      background-size: cover;
      padding-top: 20px;
      padding-bottom: 20px;
      color: #ffffff !important;
    }
    #rt-breadcrumbs a {
      color: #646464 !important;
      float: left;
      margin-top: -24px;
      padding: 15px;
    }
    #rt-breadcrumbs a:hover {
      color: #bf0f18 !important;
    }
    #rt-breadcrumbs h1,
    #rt-breadcrumbs h2,
    #rt-breadcrumbs h3,
    #rt-breadcrumbs h4,
    #rt-breadcrumbs h5,
    #rt-breadcrumbs h6 {
      margin: 0 !important;
      line-height: 20px !important;
      color: #646464 !important;
    }
    #rt-breadcrumbs .breadcrumb {
      background: none;
      color: #ffffff;
      border-radius: 0;
      text-align: right;
    }
    #rt-breadcrumbs .breadcrumb li {
      color: #ffffff;
      text-shadow: none;
      font-size: 12px;
    }
    #rt-breadcrumbs .breadcrumb a:after,
    #rt-breadcrumbs [class^="breadcrumb"] a:after {
      font-size: 10px;
      margin: 0 8px;
      color: #ffffff;
    }
    #rt-breadcrumbs .breadcrumb a {
      color: #ffffff;
      font-size: 12px;
    }
    #rt-breadcrumbs .breadcrumb a:hover {
      color: #bf0f18;
    }
    #rt-breadcrumbs .breadcrumb .divider {
      color: #ffffff;
    }
    form#contact-form legend {
      display: none;
    }
    .contact h3 {
      line-height: 35px;
      margin-top: 1px;
      padding-bottom: 10px;
      border-bottom: 2px solid #e21c23;
    }
    .contact-form input,
    .contact-form textarea {
      width: 300px !important;
    }
    input#jform_contact_email_copy {
      width: 10px !important;
    }
    form#contact-form {
      margin-bottom: 15px;
    }
    form#contact-form .form-actions {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 0;
      background-color: transparent;
      border-top: none;
    }
    .form-horizontal .control-label {
      text-align: left;
      width: 150px;
    }
    form#user-registration .form-actions {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      background-color: transparent;
      border-top: none;
    }
    form#user-registration .control-group {
      margin-bottom: 10px;
    }
    .sprocket-mosaic .sprocket-mosaic-filter li,
    .sprocket-mosaic .sprocket-mosaic-order li {
      background: #ffffff;
      border: 1px solid #e9e9e9;
      color: #888888;
      text-transform: none !important;
      padding: 1px 10px !important;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
    }
    .sprocket-mosaic-filter ul li {
      margin-right: 3px !important;
    }
    .sprocket-mosaic-order ul li {
      margin-left: 3px !important;
    }
    .sprocket-mosaic .sprocket-mosaic-filter li.active,
    .sprocket-mosaic-order li.active,
    .sprocket-mosaic .sprocket-mosaic-filter li:hover,
    .sprocket-mosaic-order li:hover {
      border-color: #bf0f18;
      color: #bf0f18;
    }
    .sprocket-mosaic .sprocket-mosaic-header {
      margin-bottom: 30px !important;
    }
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-padding {
      padding: 0;
    }
    .sprocket-mosaic .sprocket-mosaic-item {
      border: 1px solid #e5e5e5;
      border-radius: 0;
      -webkit-backface-visibility: hidden;
    }
    .sprocket-mosaic-columns-3 .sprocket-mosaic-item {
      margin: 15px;
    }
    .sprocket-mosaic .sprocket-mosaic-container.sprocket-mosaic-columns-3 {
      margin: -15px;
    }
    .sprocket-mosaic-columns-4 .sprocket-mosaic-item {
      margin: 12px;
    }
    .sprocket-mosaic-content-wrapper {
      padding: 15px;
      background: #ffffff;
    }
    h2.sprocket-mosaic-title {
      font-size: 130%;
      line-height: 27px;
      margin-top: 3px;
    }
    h2.sprocket-mosaic-title a {
      color: #494949;
    }
    h2.sprocket-mosaic-title a:hover {
      color: #bf0f18;
    }
    .sprocket-mosaic .sprocket-readmore {
      display: inline-block;
      font-size: 90%;
      margin-top: 5px;
      color: #bf0f18;
    }
    .sprocket-mosaic .sprocket-readmore:hover {
      text-decoration: underline;
    }
    .sprocket-mosaic .sprocket-mosaic-tags,
    #main .sprocket-mosaic ul.sprocket-mosaic-tags {
      display: inline-block;
      float: right;
      margin: 0 !important;
      background: none !important;
      padding: 0 !important;
      margin-top: 5px !important;
    }
    .sprocket-mosaic .sprocket-mosaic-tags li,
    #main .sprocket-mosaic ul.sprocket-mosaic-tags li {
      background: none repeat scroll 0 0 #EEEEEE !important;
      border-radius: 2px 2px 2px 2px !important;
      color: #999999 !important;
      font-size: 90%;
      font-style: normal;
    }
    .sprocket-mosaic ul li {
      line-height: 1.7em;
    }
    .sprocket-mosaic-loadmore {
      background: #ffffff !important;
      border-radius: 4px 4px 4px 4px !important;
      border: 1px solid #bf0f18 !important;
      color: #bf0f18 !important;
      margin-top: 30px !important;
      margin-bottom: 0 !important;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
    }
    .sprocket-mosaic-loadmore span {
      text-transform: none !important;
      font-size: 100% !important;
    }
    .sprocket-mosaic-loadmore:hover {
      color: #ffffff !important;
      background: #bf0f18 !important;
    }
    .sprocket-mosaic-loadmore .loadmore-all span {
      line-height: 1.85em !important;
    }
    .sprocket-mosaic-loadmore .loadmore-info {
      display: none;
    }
    .style2 .sprocket-mosaic .sprocket-mosaic-container {
      margin: 0;
    }
    .style2 .sprocket-mosaic-item {
      margin: 0;
      border: none !important;
    }
    .style2 span.imagehoverlink {
      display: none !important;
    }
    .style2 .sprocket-mosaic-content-wrapper {
      overflow: hidden;
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      text-align: center;
      background: none no-repeat scroll 50% 50% rgba(0,0,0,0.7);
      padding: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.4s ease 0s;
      -moz-transition: opacity 0.4s ease 0s;
      -o-transition: opacity 0.4s ease 0s;
      -ms-transition: opacity 0.4s ease 0s;
      transition: opacity 0.4s ease 0s;
    }
    .style2 .sprocket-mosaic-item:hover .sprocket-mosaic-content-wrapper {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .style2 .sprocket-mosaic-content-wrapper-inner {
      margin-top: 20px;
      padding-left: 30px;
      padding-right: 30px;
      overflow: hidden;
    }
    .style2 .sprocket-mosaic-item .sprocket-mosaic-head {
      padding: 0;
      margin: 0;
    }
    .style2 h2.sprocket-mosaic-title a {
      color: #ffffff !important;
    }
    .style2 h2.sprocket-mosaic-title a:hover {
      color: #bf0f18 !important;
    }
    .style2 .sprocket-readmore {
      font-size: 100% !important;
    }
    .style2 .sprocket-mosaic-text,
    .style2 .sprocket-readmore,
    .style2 .sprocket-mosaic-tags {
      display: none !important;
    }
    .style2 h2.sprocket-mosaic-title {
      margin-top: 0;
      margin-bottom: 0;
      position: relative;
      top: -60px;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      -ms-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s;
    }
    .style2 .sprocket-mosaic-item:hover h2.sprocket-mosaic-title {
      top: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .style2 .sprocket-mosaic-columns-3 li {
      width: 33.4% !important;
    }
    .noloadmore .sprocket-mosaic-loadmore {
      display: none;
    }
    .sprocket-mosaic {
      margin-bottom: 10px;
      margin-top: 10px;
    }
    .nosorting .sprocket-mosaic-order {
      display: none;
    }
    .buttonsup .sprocket-mosaic {
      position: static;
    }
    .buttonsup .sprocket-mosaic-header {
      margin: 0 !important;
      position: absolute;
      right: 11px;
      top: 18px;
      padding-left: 20px;
      background: #ffffff;
    }
    #rt-maintop .buttonsup .sprocket-mosaic-header,
    #rt-extension .buttonsup .sprocket-mosaic-header,
    #rt-after .buttonsup .sprocket-mosaic-header {
      background: #f7f7f7;
    }
    #rt-footer .buttonsup .sprocket-mosaic-header {
      background: #2e373c;
    }
    .buttonsup .sprocket-mosaic {
      margin-top: 25px;
    }
    .nofilter .sprocket-mosaic-filter {
      display: none;
    }
    .buttonsup .sprocket-mosaic-order {
      margin-right: 3px;
    }
    .pricingtables {
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .pricingtables .tables3 {
      display: inline-block;
      margin-right: 30px;
      width: 31.1%;
    }
    .pricingtables .highlight {
      box-shadow: 0 0 4px rgba(0,0,0,0.09);
      -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.09);
    }
    .pricingtables .highlight .headingrow {
      padding: 40px 20px;
      font-size: 150%;
    }
    .pricingtables .tables3.last {
      margin-right: 0 !important;
    }
    .pricingtables .tables4.last {
      margin-right: 0 !important;
    }
    .pricingtables .tables4 {
      display: inline-block;
      margin-right: 24px;
      width: 22.9%;
    }
    .pricingtables ul {
      margin: 0;
      list-style: none;
      text-align: center;
      border: 1px solid #e9e9e9;
      border-radius: 4px;
      background: #ffffff;
    }
    .pricingtables ul li {
      padding: 15px 20px;
      border-bottom: 1px solid #e9e9e9;
    }
    .pricingtables .headingrow {
      padding: 20px;
      font-size: 130%;
      font-weight: bold;
    }
    .pricingtables .pricerow {
      padding: 40px 20px;
      background: #bf0f18;
      font-size: 220%;
      color: #ffffff;
    }
    .pricingtables .buttonrow {
      padding: 20px;
    }
    .features2 {
      margin-top: 10px;
      margin-bottom: 5px;
    }
    .features2 div.col4 {
      float: left;
      width: 23%;
      margin-right: 27px;
      text-align: center;
    }
    .features2 div.col3 {
      float: left;
      width: 31%;
      margin-right: 35px;
      text-align: center;
    }
    .features2 div.lastone {
      margin-right: 0;
    }
    .features2 div p.icon {
      background: none repeat scroll 0 0 #ffffff;
      cursor: default;
      font-size: 40px;
      height: 110px;
      line-height: 110px;
      margin: 0 auto 25px;
      overflow: hidden;
      position: relative;
      width: 110px;
      border-radius: 55px;
      border: 1px solid #bf0f18;
      color: #bf0f18;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
    }
    .features2 div:hover p.icon {
      color: #ffffff !important;
      background: #bf0f18;
    }
    .features2 div h3 {
      margin-bottom: 20px;
      -webkit-transition: color 0.2s ease-out 0s;
      -moz-transition: color 0.2s ease-out 0s;
      -o-transition: color 0.2s ease-out 0s;
      -ms-transition: color 0.2s ease-out 0s;
      transition: color 0.2s ease-out 0s;
    }
    .features2 div h3 a {
      color: #e21c23;
    }
    .features2 div:hover h3 a {
      color: #bf0f18;
    }
    .features2 div p {
      margin-bottom: 0px;
    }
    .features3 {
      margin-top: 5px;
      margin-bottom: 5px;
    }
    .features3 div.col4 {
      float: left;
      width: 23%;
      margin-right: 27px;
    }
    .features3 div.col3 {
      float: left;
      width: 29%;
      margin-right: 19px;
      padding-right: 19px;
    }
    .features3 .lastone {
      margin-right: 0 !important;
    }
    .features3 h4 span {
      font-size: 100%;
      font-weight: bold;
    }
    .features3 h4 {
      margin-bottom: 15px;
    }
    .features3 h4 a {
      color: #494949;
    }
    .features3 div.col4:hover a,
    .features3 div.col3:hover a {
      color: #bf0f18;
    }
    .features3 p {
      margin-bottom: 0px;
    }
    .features3 span {
      margin-left: 3px;
    }
    #ourteam {
      margin: 10px 0 10px 2px;
    }
    #ourteam ul {
      margin-left: 0;
      margin-bottom: 0;
    }
    #ourteam ul li {
      background: none repeat scroll 0 0 #ffffff;
      float: left;
      list-style: none outside none;
      padding-left: 0 !important;
      width: 31.1% !important;
      border: 1px solid #e9e9e9;
      margin-right: 30px;
      -webkit-backface-visibility: hidden;
      -webkit-transition: background 0.4s ease-out 0s;
      -moz-transition: background 0.4s ease-out 0s;
      -o-transition: background 0.4s ease-out 0s;
      -ms-transition: background 0.4s ease-out 0s;
      transition: background 0.4s ease-out 0s;
    }
    #ourteam ul.col4 li {
      width: 22.9% !important;
      margin-right: 25px;
      -webkit-backface-visibility: hidden;
    }
    #ourteam ul li:hover {
      background: #bf0f18;
    }
    #ourteam ul li:hover p {
      color: #f5f5f5;
    }
    #ourteam ul li:hover h4 a,
    #ourteam ul li:hover h4 {
      color: #ffffff;
    }
    #ourteam ul li:hover ::-moz-selection {
      background: none repeat scroll 0 0 #FFFFFF;
      color: #bf0f18;
    }
    #ourteam ul li.lastone {
      margin-right: 0 !important;
    }
    #ourteam .information {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 10px;
      padding-top: 10px;
    }
    #ourteam h4 {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px;
      -webkit-transition: all 0.2s ease-out 0s;
      -moz-transition: all 0.2s ease-out 0s;
      -o-transition: all 0.2s ease-out 0s;
      -ms-transition: all 0.2s ease-out 0s;
      transition: all 0.2s ease-out 0s;
    }
    #ourteam h4 a,
    #ourteam h4 {
      color: #e21c23;
    }
    #ourteam h4 a:hover {
      text-decoration: underline;
    }
    #ourteam p.position {
      line-height: 1.5em;
      text-align: center;
      font-size: 90%;
      color: #a5a5a5;
      margin-bottom: 10px;
      margin-top: -10px;
      -webkit-transition: color 0.2s ease-out 0s;
      -moz-transition: color 0.2s ease-out 0s;
      -o-transition: color 0.2s ease-out 0s;
      -ms-transition: color 0.2s ease-out 0s;
      transition: color 0.2s ease-out 0s;
    }
    #ourteam p {
      line-height: 1.7em;
      text-align: center;
      -webkit-transition: color 0.2s ease-out 0s;
      -moz-transition: color 0.2s ease-out 0s;
      -o-transition: color 0.2s ease-out 0s;
      -ms-transition: color 0.2s ease-out 0s;
      transition: color 0.2s ease-out 0s;
    }
    #ourteam .imagecontainer {
      position: relative;
    }
    #ourteam .jfx_social {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      background: rgba(0,0,0,0.5);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-backface-visibility: hidden;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
    }
    #ourteam ul li:hover .jfx_social {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    #ourteam .jfx_social ul {
      padding: 0;
      position: relative;
      top: 50%;
      text-align: center;
      margin-top: -12px;
    }
    #ourteam .jfx_social ul li {
      float: none;
      width: auto !important;
      border: none;
      margin-right: 0;
      background: none;
      color: #ffffff;
      font-size: 24px;
      -webkit-backface-visibility: hidden;
    }
    #ourteam .jfx_social ul li a {
      color: #ffffff;
    }
    ul.menu li a,
    ul.menu li .item,
    ul.menu li .separator,
    form#login-form li a,
    .item-page h2 a,
    .blog h2 a,
    .pagination ul li a,
    div.k2CategoriesListBlock ul li a {
      color: #161616;
      text-transform: uppercase;
    }
    ul.menu li a:hover,
    ul.menu li .item:hover,
    form#login-form li a:hover,
    .item-page h2 a:hover,
    .blog h2 a:hover,
    .pagination ul li a:hover,
    div.k2CategoriesListBlock ul li a:hover {
      color: #bf0f18;
    }
    .readmore:hover a {
      color: #ffffff;
    }
    .component-content #users-profile-core,
    .component-content #users-profile-custom {
      margin: 0;
    }
    .component-content #users-profile-custom dl {
      margin-bottom: 0;
    }
    form#login-form p {
      margin-bottom: 5px;
    }
    #login-form .userdata {
      margin-bottom: 17px;
    }
    #login-form .userdata .button {
      margin-top: 5px;
    }
    .mainfeature1 {
      margin-top: 5px;
      margin-bottom: 5px;
    }
    .mainfeature1 .col2 {
      text-align: right;
    }
    .mainfeature1 .btn,
    .mainfeature2 .btn {
      margin-top: 15px;
    }
    .sprocket-lists {
      margin-top: -4px;
      position: static !important;
      margin-bottom: 10px;
    }
    .sprocket-lists .sprocket-lists-title {
      background: url("../images/listclosed.png") no-repeat scroll 98% #f7f7f7 !important;
      border-left: none !important;
      border-right: none !important;
      border-top: none !important;
      border-bottom: 1px solid #e5e5e5 !important;
      border-radius: 0 !important;
      line-height: 30px !important;
      margin: 0 !important;
      padding: 13px !important;
      -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;
      font-size: 130% !important;
    }
    .sprocket-lists li.active .sprocket-lists-title {
      background: url("../images/listopen.png") no-repeat scroll 98% #f7f7f7 !important;
    }
    .sprocket-lists .sprocket-lists-title:hover {
      color: #bf0f18;
    }
    .sprocket-lists-item a.readon,
    .sprocket-strips-content .readon {
      background: none repeat scroll 0 0 transparent !important;
      border: medium none !important;
      padding: 0 !important;
      font-weight: normal !important;
      font-size: 90% !important;
    }
    .sprocket-lists-item a.readon:hover,
    .sprocket-lists-item a.readon:focus,
    .sprocket-strips-content .readon:hover,
    .sprocket-strips-content .readon:focus {
      color: #bf0f18 !important;
      text-decoration: underline !important;
    }
    .sprocket-lists-item .sprocket-padding {
      padding: 18px 10px !important;
      line-height: 1.7em !important;
    }
    .sprocket-lists .sprocket-lists-image {
      margin: 6px 15px 15px 0 !important;
    }
    .sprocket-lists-title .indicator {
      display: none !important;
    }
    .sprocket-lists .sprocket-lists-nav {
      width: auto;
      position: absolute;
      top: 16px;
      right: 8px;
      background: #ffffff;
    }
    #rt-maintop .sprocket-lists .sprocket-lists-nav,
    #rt-extension .sprocket-lists .sprocket-lists-nav,
    #rt-after .sprocket-lists .sprocket-lists-nav {
      background: #f7f7f7;
    }
    #rt-footer .sprocket-lists .sprocket-lists-nav {
      background: #2E373C;
    }
    .sprocket-lists .sprocket-lists-pagination {
      display: none;
    }
    .sprocket-lists .sprocket-lists-arrows {
      width: 40px;
    }
    .sprocket-lists .spinner {
      margin-top: 3px;
    }
    .sprocket-lists .sprocket-lists-arrows .arrow {
      background: none;
      color: #494949 !important;
      -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;
      font-size: 100%;
      margin: 0 !important;
      width: 16px;
      height: auto;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
    }
    .sprocket-lists .sprocket-lists-arrows .arrow:hover {
      color: #bf0f18 !important;
    }
    .ourclients > ul {
      list-style: none outside none;
      margin-left: 1px;
      margin-bottom: 10px;
      margin-top: 10px;
    }
    .ourclients li {
      float: left;
      margin-right: 25px;
      width: 22.9%;
      border: 1px solid #e7e7e7;
      background: #ffffff;
      text-align: center;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
    }
    .ourclients .col3 li {
      width: 31.1%;
      margin-right: 30px;
    }
    .ourclients li.last {
      margin-right: 0;
    }
    .ourclients img {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
      filter: gray;
      -webkit-filter: grayscale(1);
    }
    .ourclients img:hover {
      filter: none;
      -webkit-filter: grayscale(0);
    }
    .rt-block.calltoaction {
      padding-bottom: 5px;
      padding-top: 5px;
    }
    .ctabutton .leftside {
      float: left;
    }
    .ctabutton h2,
    .ctabutton h1,
    .ctabutton h3,
    .ctabutton h4 {
      margin-bottom: 0;
      margin-top: 13px;
    }
    .ctabutton a.btn {
      float: right;
      color: #ffffff !important;
      border: 2px solid #FFFFFF !important;
      padding: 15px 40px;
      border-radius: 4px 4px 4px 4px;
      font-size: 20px;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
    }
    .ctabutton a.btn:hover {
      background: #ffffff !important;
      color: #bf0f18 !important;
    }
    #rt-footer ul.menu {
      margin-left: 2px;
      margin-top: 1px;
    }
    #rt-footer ul.menu li {
      margin-bottom: 6px;
    }
    #rt-footer ul.menu li a:before,
    #rt-footer ul.menu li .item:before,
    #rt-footer ul.menu li .separator:before {
      font-size: 100%;
      margin-right: 8px;
    }
    #rt-footer ul.menu li a,
    #rt-footer ul.menu li .item,
    #rt-footer ul.menu li .separator {
      font-size: 100%;
      font-weight: normal;
    }
    .sprocket-tabs.layout-top .sprocket-tabs-nav {
      padding: 0 !important;
    }
    .sprocket-tabs.layout-top {
      margin-top: -4px;
    }
    .sprocket-tabs-nav {
      background: none !important;
    }
    .sprocket-tabs-nav > li > .sprocket-tabs-inner {
      border-radius: 0 !important;
    }
    .sprocket-tabs-nav > li > .sprocket-tabs-inner {
      border: 1px solid;
      border-color: #e5e5e5 !important;
      background: #f7f7f7;
      line-height: 1.7em !important;
      padding: 15px !important;
    }
    .sprocket-tabs-nav > li.active > .sprocket-tabs-inner {
      border-color: #e5e5e5 #e5e5e5 transparent !important;
    }
    .sprocket-tabs-nav > li > .sprocket-tabs-inner .sprocket-tabs-text {
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
    }
    .sprocket-tabs-text i {
      margin-right: 5px;
    }
    .sprocket-tabs-nav > li.active > .sprocket-tabs-inner .sprocket-tabs-text,
    .sprocket-tabs-nav > li:hover > .sprocket-tabs-inner .sprocket-tabs-text {
      color: #bf0f18;
    }
    .sprocket-tabs-nav li {
      margin-right: 7px;
    }
    .sprocket-tabs.layout-top .sprocket-tabs-panels {
      margin-top: 19px;
    }
    .sprocket-tabs.layout-top .sprocket-tabs-panels h4 {
      margin-bottom: 20px;
    }
    .sprocket-tabs.layout-top .sprocket-tabs-panels p {
      margin-bottom: 18px;
    }
    .sprocket-tabs .sprocket-tabs-panels p:last-child {
      margin-bottom: 0;
    }
    .sprocket-tabs.layout-left {
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .sprocket-tabs.layout-left .sprocket-tabs-nav {
      padding: 0px 0 1px 0px !important;
      border-right: none;
    }
    .sprocket-tabs.layout-left .sprocket-tabs-nav > li.active > .sprocket-tabs-inner {
      border-color: #e5e5e5 !important;
    }
    .sprocket-strips .sprocket-strips-nav {
      width: auto;
      position: absolute;
      top: -59px;
      right: -5px;
      background: #ffffff;
    }
    #rt-maintop .sprocket-strips .sprocket-strips-nav,
    #rt-extension .sprocket-strips .sprocket-strips-nav,
    #rt-after .sprocket-strips .sprocket-strips-nav {
      background: #f7f7f7;
    }
    #rt-footer .sprocket-strips .sprocket-strips-nav {
      background: #2E373C;
    }
    .sprocket-strips .sprocket-strips-pagination {
      display: none;
    }
    .sprocket-strips .sprocket-strips-arrows {
      width: 40px;
    }
    .sprocket-strips .sprocket-strips-arrows .arrow {
      background: none;
      color: #494949 !important;
      -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;
      font-size: 100%;
      margin: 0 !important;
      width: 16px;
      height: auto;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
    }
    .sprocket-strips .sprocket-strips-arrows .arrow:hover {
      color: #bf0f18 !important;
    }
    .sprocket-strips .sprocket-strips-item {
      box-shadow: none;
      -webkit-box-shadow: none;
      border-radius: 0;
    }
    .sprocket-strips .sprocket-strips-container.cols-4 {
      margin: 0 -11px;
    }
    .sprocket-strips .sprocket-strips-container.cols-3 {
      margin: 0 -15px;
    }
    .sprocket-strips .sprocket-strips-container.cols-4 > li {
      margin: 4px 12px 10px 12px;
    }
    .sprocket-strips .sprocket-strips-container.cols-3 > li {
      margin: 4px 15px 10px 15px;
    }
    .sprocket-strips .cols-4 > li {
      width: 22.7%;
    }
    .sprocket-strips .cols-3 > li {
      width: 30.4%;
    }
    .sprocket-strips .sprocket-strips-content {
      background: rgba(0,0,0,0.5);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.4s ease 0s;
      -moz-transition: opacity 0.4s ease 0s;
      -o-transition: opacity 0.4s ease 0s;
      -ms-transition: opacity 0.4s ease 0s;
      transition: opacity 0.4s ease 0s;
    }
    .sprocket-strips .sprocket-strips-content:hover {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .sprocket-strips .sprocket-strips-content .sprocket-strips-title a {
      color: #ffffff;
    }
    .sprocket-strips .sprocket-strips-content .sprocket-strips-title a:hover {
      color: #bf0f18;
    }
    .sprocket-strips .sprocket-strips-content .readon {
      margin: 0;
    }
    .oursponsors .sprocket-strips .sprocket-strips-item {
      min-height: 155px;
      border: 1px solid #e9e9e9;
    }
    .oursponsors .sprocket-strips .sprocket-strips-content {
      display: none !important;
    }
    #rt-totop {
      position: fixed;
      bottom: 0;
      left: 0;
      height: 0;
      width: 0;
    }
    #gantry-totop {
      position: fixed;
      bottom: 20px;
      right: 20px;
      visibility: hidden;
      background: #252C30 !important;
      border: none !important;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
      border-radius: 2px !important;
      padding: 7px 14px;
      color: #bf0f18 !important;
      -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;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    #gantry-totop:hover {
      color: #ffffff !important;
      background: #bf0f18 !important;
    }
    #gantry-totop.totopfixed {
      visibility: visible;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    ul.sigFreeClassic li.sigFreeThumb span.sigFreeLinkOuterWrapper {
      background: none !important;
    }
    ul.sigFreeClassic li.sigFreeThumb span.sigFreeLinkWrapper {
      border: none !important;
    }
    ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg,
    ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover img.sigFreeImg {
      -webkit-transition: opacity 0.3s ease-out;
      -moz-transition: opacity 0.3s ease-out;
      -o-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out;
    }
    ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg:hover,
    ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover img.sigFreeImg:hover {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      filter: alpha(opacity=70);
      opacity: 0.7;
    }
    .tp-leftarrow.default:after {
      content: "\f104";
      display: block;
      font-family: FontAwesome;
      position: relative;
      margin-right: 4px;
    }
    .tp-rightarrow.default:after {
      content: "\f105";
      display: block;
      font-family: FontAwesome;
      position: relative;
      margin-left: 4px;
    }
    .tp-leftarrow.default,
    .tp-rightarrow.default {
      background-image: none !important;
      border-radius: 50%;
      box-shadow: 0 0 0 2px #FFFFFF inset;
      -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
      font-size: 34px;
      height: 50px !important;
      line-height: 49px;
      overflow: hidden;
      text-align: center;
      width: 50px !important;
      color: #ffffff;
      -webkit-transition: opacity 0.25s ease-out 0s, box-shadow 0.25s ease-out 0s, background-color 0.25s ease-out 0s;
      -moz-transition: opacity 0.25s ease-out 0s, box-shadow 0.25s ease-out 0s, background-color 0.25s ease-out 0s;
      -o-transition: opacity 0.25s ease-out 0s, box-shadow 0.25s ease-out 0s, background-color 0.25s ease-out 0s;
      -ms-transition: opacity 0.25s ease-out 0s, box-shadow 0.25s ease-out 0s, background-color 0.25s ease-out 0s;
      transition: opacity 0.25s ease-out 0s, box-shadow 0.25s ease-out 0s, background-color 0.25s ease-out 0s;
    }
    .tp-leftarrow.default:hover,
    .tp-rightarrow.default:hover {
      background-color: #bf0f18;
      box-shadow: 0 0 0 2px #bf0f18 inset;
      -webkit-box-shadow: 0 0 0 2px #bf0f18 inset;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .gf-menu .item,
    #featuredprojects h4,
    p.acymailing_mootoolsintro,
    .tp-caption.destinyfx_white_title,
    .tp-caption.destinyfx_darkbg_title,
    .tp-caption.destinyfx_whitebg_title,
    .features3 h4 span {
      font-family: 'museo_slab900' !important;
      text-transform: uppercase;
      font-weight: 100;
    }
    h4,
    h2 {
      color: #e21c23 !important;
    }
    .title {
      color: #494949;
      border-bottom: 2px solid #e21c23;
    }
    #rt-fullwidth {
      min-height: 0px;
    }
    body {
      background: #ffffff;
      color: #646464;
    }
    a:hover {
      color: #161616;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: #494949;
    }
    a,
    ul.menu li .separator {
      color: #bf0f18;
    }
    #rt-maintop {
      background: #f7f7f7;
      border-bottom: 1px solid #e9e9e9;
      border-top: 1px solid #E9E9E9;
    }
    #rt-after {
      background: #f7f7f7;
      border-top: 1px solid #e9e9e9;
      border-bottom: 1px solid #e9e9e9;
    }
    #rt-footer {
      color: #898f93;
      background: #2e373c;
    }
    #rt-footer a {
      color: #bec2c4;
    }
    #rt-footer a:hover {
      color: #bf0f18;
    }
    #rt-copyright {
      background: #252c30;
      color: #5C6063;
    }
    #rt-copyright a {
      color: #838a8e;
    }
    #rt-copyright a:hover {
      color: #bf0f18;
    }
    .title {
      color: #494949;
      border-bottom: 2px solid #e21c23;
      padding-bottom: 10px;
      margin-bottom: 25px;
    }
    #rt-footer .title,
    #rt-copyright .title {
      color: #E1F1FE;
      padding-bottom: 0;
      border-bottom: none;
      margin-bottom: 15px;
    }
    .component-content h2 {
      color: #494949;
    }
    .title1 .title {
      border: 1px solid #e21c23;
      background: #f8f8f8;
    }
    .title2 .title {
      background: #f1f5f8;
      border: 1px solid #e21c23;
    }
    .title3 .title {
      background: none;
      border: 1px solid #e21c23;
    }
    .title4 .title {
      background: none;
      border: 1px solid #384d51;
    }
    .title5 .title {
      background: url("../images/titlelines.png") repeat-x scroll 0 57px transparent;
      border-bottom: none;
      margin-bottom: 30px;
      text-align: center;
      font-size: 160%;
    }
    .title5 .title span {
      padding-left: 20px;
      padding-right: 20px;
      background: #ffffff;
    }
    .title6 .title {
      background: url("../images/titlelines.png") repeat-x scroll 0 15px transparent;
      border-bottom: none;
      margin-bottom: 20px;
      font-size: 160%;
    }
    .title6 .title span {
      padding-right: 20px;
      background: #ffffff;
    }
    #rt-maintop .title5 .title span,
    #rt-extension .title5 .title span,
    #rt-maintop .title6 .title span,
    #rt-extension .title6 .title span,
    #rt-after .title5 .title span,
    #rt-after .title6 .title span {
      background: #f7f7f7;
    }
    #rt-footer .title5 .title span,
    #rt-footer .title6 .title span {
      background: #2e373c;
    }
    #rt-copyright .title5 .title span,
    #rt-copyright .title6 .title span {
      background: #2e373c;
    }
    .box1 {
      background: #f8f8f8;
      border: 1px solid #e9e9e9;
    }
    .box2 {
      background: #f1f5f8;
      border: 1px solid #e5e9ea;
    }
    .title3 .title {
      background: #ffffff;
      border-bottom: 1px solid #e9e9e9;
      color: #494949;
    }
    .box3 {
      background: #ffffff;
      border: 1px solid #e9e9e9;
      color: #494949;
    }
    .box3 .title {
      color: #494949;
    }
    .title4 .title {
      background: #2e373c;
      border-bottom: 1px solid #384d51;
      color: #ffffff;
    }
    .box4 {
      background: #2e373c;
      color: #898f93;
    }
    .box4 .title {
      color: #E1F1FE;
      border-bottom: 1px solid #384d51;
    }
    .box4 a {
      color: #bec2c4;
    }
    .box4 a:hover {
      color: #bf0f18;
    }
    #rt-showcase .box1,
    #rt-showcase .box2,
    #rt-top-surround .box1,
    #rt-top-surround .box2 {
      color: #646464;
    }
    #rt-showcase .box1 .title,
    #rt-showcase .box2 .title,
    #rt-top-surround .box1 .title,
    #rt-top-surround .box2 .title {
      color: #494949;
      border-bottom: 1px solid #e21c23;
    }
    #rt-showcase .title1 .title,
    #rt-top-surround .title1 .title {
      color: #494949;
      border: 1px solid #e21c23;
    }
    #rt-showcase .title2 .title,
    #rt-top-surround .title2 .title {
      color: #494949;
    }
    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: #494949;
    }
    .button,
    .readon,
    .readmore,
    button.validate,
    #member-profile a,
    #member-registration a,
    .formelm-buttons button,
    .btn-primary {
      border-color: #bf0f18;
      color: #bf0f18;
      font-weight: bold;
      background: none;
      -webkit-transition: background 0.2s ease-out;
      -moz-transition: background 0.2s ease-out;
      -o-transition: background 0.2s ease-out;
      transition: background 0.2s ease-out;
    }
    .btn.white {
      border-color: #ffffff !important;
      border-width: 2px;
      color: #ffffff !important;
    }
    .btn.white:hover {
      border-color: #bf0f18 !important;
    }
    .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: #bf0f18;
      color: #ffffff;
    }
    .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: #bf0f18;
      color: #ffffff;
    }
    .button:focus,
    .readon:focus,
    .readmore:focus,
    button.validate:focus,
    #member-profile a:focus,
    #member-registration a:focus,
    .formelm-buttons button:focus,
    .btn-primary:focus {
      background: #bf0f18;
      color: #ffffff !important;
    }
    .button:focus,
    .btn-primary:focus {
      border-color: #bf0f18 !important;
    }
    .gf-menu.l1 > li.active > a,
    .box4 a.readon,
    .jfx_social li a:hover,
    .jfx_social li a:focus {
      color: #bf0f18 !important;
    }
    .box4 a.readon:hover {
      color: #ffffff !important;
    }
    ::-moz-selection {
      background: #bf0f18;
      color: #fff;
    }
    #rt-colored ::-moz-selection {
      background: #ffffff;
      color: #bf0f18;
    }
    ::selection {
      background: #bf0f18;
      color: #fff;
    }
    .dropdown-menu li > a:hover,
    .dropdown-menu li > a:focus,
    .dropdown-submenu:hover > a,
    .nav-pills > .active > a,
    .nav-pills > .active > a:hover,
    .nav-list > .active > a,
    .nav-list > .active > a:hover {
      background: #bf0f18;
    }
    .nav .dropdown-toggle .caret {
      border-bottom-color: #bf0f18;
      border-top-color: #bf0f18;
    }
    .btn-primary {
      text-shadow: none;
      color: #bf0f18 !important;
      border-color: #bf0f18 !important;
    }
    .btn-primary:hover {
      color: #ffffff !important;
    }
    .btn-primary .caret {
      border-bottom-color: #bf0f18;
      border-top-color: #bf0f18;
    }
    .btn-primary .caret {
      border-bottom-color: #bf0f18;
      border-top-color: #bf0f18;
    }
    .btn-primary.dropdown-toggle:hover .caret,
    .btn-primary.dropdown-toggle:focus .caret {
      border-bottom-color: #ffffff;
      border-top-color: #ffffff;
    }
    .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: #646464;
    }
    .system-unpublished .system-unpublished {
      background: #ffffff;
      border-color: #d5d5d5;
    }
    .tags .label-info {
      background: #900b12;
    }
    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: #494949;
      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: #646464;
    }
    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: #ffffff;
      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;
    }
    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {
      border: 1px solid #D9D9D9;
    }
    .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: #ffffff;
      color: #888888;
      -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.09);
      -moz-box-shadow: 0 0 7px rgba(0,0,0,0.09);
      box-shadow: 0 0 7px rgba(0,0,0,0.09);
    }
    #rt-top-surround .title {
      color: #494949;
    }
    #rt-top .rt-top-inner {
      border-bottom: 1px solid #e9e9e9;
    }
    #rt-header .rt-header-inner {
      border-bottom: 1px solid #e9e9e9;
    }
    @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-youtube

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

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

icon-youtube

icon-youtube

icon-youtube

icon-youtube

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

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

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

CSS3 animations aren't supported in IE8 - IE9.

icon-youtube on icon-check-empty
icon-youtube on icon-circle
icon-youtubel on icon-sign-blank
icon-ban-circle on icon-youtube

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