
.highlight { color: #ffcc33 }
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }

/* Why Us or Features Section */
#tf-features,
#feature { padding: 20px 0 }
.features-content { padding: 0 10px 0 }
.features-content h4 {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #333333;
}

.nav {
 
}
.nav.nav-pills > li > a {
    position: relative;
    display: block;
    background-color: #e1e2e4;
    padding: 5px;
    border-bottom: 3px solid #b4b3b1;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.nav.nav-pills > li > a small {
    text-transform: lowercase;
    font-style: italic;
}
.nav.nav-pills > li > a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #f5a836;
    padding: 5px;
    border-bottom: 3px solid #d5954e;
}
.nav-pills > li > a { border-radius: 4px }
ul.features li span.fa {
    font-size: 35px;
    vertical-align: middle;
    margin-right: 20px;
    float: left;
    clear: both;
    margin-top: 5px;
}