
@color2: #222222;
a {
    color:  @color2 ;
}
.btn-primary:hover {
    background-color:  @color2 ;
    border-color:  @color2 ;
}
.learnmore-btn:focus,
.learnmore-btn:hover { 
    color:  @color2 ;
}
.footer-sidebar .widget-title {
    color: @color2 ;
}
.tt-sidebar-wrapper .widget-title ,.entry-header h2 a:hover, .case-study-right .btn:hover,.client-slider-v4 .client-info .client-name span{
     
    color: @color2 ;
}
.footer-sidebar ul li i { 
    color: @color2 ;
}
.btn-outline:hover, .btn-outline:focus { 
    color: @color2 ;
}
ul.nav li.selected  >a,ul.nav li.selected  >a{ 
    color: @color2 !important;
}
#toTop:hover { 
    background-color: @color2 ;
}
#toTop { 
    color: @color2 ;
    border: 2px solid @color2 ; 
}
.check-circle-list li:hover i{
    color:  @color2 ;
}
.form-control:focus {
    border-color:  @color2 ;
}
.section-title { 
    color:  @color2 ; 
}
.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav > li.active > a,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover,
.navbar-custom .dropdown-menu>.active>a, 
.navbar-custom .dropdown-menu>.active>a:focus, 
.navbar-custom .dropdown-menu>.active>a:hover {
    background-color: transparent;
    color:  @color2 ;
}
#fullpage-nav .nav>li>a:focus, 
#fullpage-nav .nav>li>a:hover { 
  color:  @color2 ;
}
#fullpage-nav .nav>li.active>a {
  color:  @color2 ; 
}
#fullpage-nav .navbar-on .bar1,
#fullpage-nav .navbar-on .bar2,
#fullpage-nav .navbar-on .bar3 { 
    background-color:  @color2 ; 
}
.search-icon.active:after { 
    color: @color2 ;
}
.page-header a.btn:hover { 
    color:  @color2 ;
}
.control-one .carousel-control:hover {
    background-color:  @color2 ; 
}
.control-two:hover .carousel-control:hover {
    color:  @color2 ; 
}
.slider-caption .btn:hover { 
    color:  @color2 ;
}
.service-tab li.active i:before,
.service-tab li:hover i:before{
    color: @color2 ;
}
.service-tab li span{ 
    color:#202020;
    
}
.service-tab li.active:after,
.service-tab li:hover:after {
     
    border-bottom:10px solid  @color2 ;
     
}
.creative-section h2::after { 
    background-color:  @color2 ; 
}
ul.project-meta li a:hover{
    color:  @color2 ;
}

.project-link { 
    background:  @color2 ; 
}
.version-two.border-style ul.project-meta li a:hover {
    color:  @color2 ;
}
.version-two .recent-project .btn { 
    color:  @color2 ; 
}
.version-five .recent-project .project-link a:hover {
     
    color:  @color2 ;
}
.version-eight .project-link ul li a{
     
    color:  @color2 ; 
    border: 2px solid  @color2 ;
    
}
.version-eight .project-link ul li a:hover {
    background-color:  @color2 ; 
}

.info a.like i,
.info a.like:hover {
    color:  @color2 ;
}
.features .media a i::before { 
    color:  @color2 ;
    border: 1px solid  @color2 ;
    
}
.features .media:hover a i::before {
    background-color:  @color2 ; 
}
.features .media-heading a:hover{
    color:  @color2 ;
}
.progress-bar {
    background-color:  @color2 ; 
}
.accordion-v1 .panel-title a{ 
    background-color:  @color2 ;
}
.mission-tab .nav-tabs>li.active>a::before {
     
    background-color:  @color2 ; 
}
#factsTwo .selected{
    color:  @color2 ;
}
#factsTwo .selected span.count-description {
    color:  @color2 ;
}
.member-info { 
    background:  @color2 ; 
}
.member-info .social-link li a { 
    color:  @color2 ; 
}.team-intro-section {}
.team-intro {
    background-color:  @color2 ; 
}
.team-intro .btn:hover{ 
    color:  @color2 ; 
}
.sbox-gutter:hover {
    background-color:  @color2 ;
}

.service-box i::before {  
    color:  @color2 ;
}
.service-box h3 { 
    color:  @color2 ; 
}
.service-box-v2:hover h3 {
    color:  @color2 ;
}
.process-box {
    background-color:  @color2 ; 
}
ul#filter li.active{
    background-color:  @color2 ; 
}
ul#filter.filter-transparent  li.active{
     color:  @color2 ;
}

.portfolio-info .btn:hover { 
    color:  @color2 ;
}
.portfolio-nav a:hover {
    color:  @color2 ;
}
.client-testimonial blockquote { 
    border-left: 5px solid  @color2 ; 
}
.portfolio-meta li a:hover {
    color:  @color2 ;
}

.case-study-left {
    background-color:  @color2 ; 
}
.case-study-left .btn:hover {
    color:  @color2 ;   
}
.contact-section .btn{ 
    background-color:  @color2 ;
    border-color:  @color2 ;
}
.btonepage.backToTop i{ 
    background:  @color2 ; 
}
.footer-logo p span{
    color:  @color2 ; 
}
.social-icon ul li a i:hover{
    color:  @color2 ;
    border: 1px solid  @color2 ;
}
.promo-section {
    background-color:  @color2 ; 
}
.promo-block:hover i{
    color:  @color2 ; 
}
.flex-direction-nav a:before { 
    color:  @color2 ; 
}
#work-showcase .carousel-control:focus, 
#work-showcase .carousel-control:hover,
.carousel.slide[data-ride=carousel] .carousel-control:focus,
.carousel.slide[data-ride=carousel] .carousel-control:hover, {
     
    background-color:  @color2 ; 
}
#work-showcase .carousel-indicators .active,
.carousel.slide[data-ride=carousel] .carousel-indicators .active{
    background-color:  @color2 ;
}
.intro-block:nth-child(odd){
    background:  @color2 ;
}
.intro-block a.learn-more{ 
    color:  @color2 ;
     
}
.entry-header .entry-meta li a:hover{
    color:  @color2 ;
}
.entry-header h2 a{
    color:  @color2 ;
}
.entry-footer a:hover { 
    background:  @color2 ; 
}
.gallery-slider .carousel-control:focus, 
.gallery-slider .carousel-control:hover {
     
    background-color:  @color2 ;
}
.post-wrapper .link-post a { 
    color:  @color2 ; 
}
.post-wrapper .link-post:hover a{ 
    background-color:  @color2 ;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus { 
    background-color:  @color2 ; 
}
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus {
    background-color:  @color2 ;
    border-color:  @color2 ;
}
.pager li>a:focus, 
.pager li>a:hover {
    background-color:  @color2 ; 
}
.sidebar-wrapper .widget h2{ 
    color:  @color2 ;
}
.widget-post-info h3 a:hover{
    color:  @color2 ;  
}
.widget_categories ul li a:hover{
    color:  @color2 ;
}
.widget_categories ul li a:hover .badge {
    background-color:  @color2 ;    
}
.widget_tag_cloud ul li a:hover{
    background-color:  @color2 ;   
}
.blog-grid .featured-wrapper .entry-meta li a:hover{
    color:  @color2 ;
}
.blog-grid .featured-wrapper .external-link:hover {
    background-color:  @color2 ;
}

.blog-grid .entry-content .readmore a{
     border: 2px solid  @color2 ;
}
.blog-grid .entry-content .readmore a:hover{
    background-color:  @color2 ; 
}
.author-box-info h3 small {
    color:  @color2 ; 
}
.authors-post a:hover{
    color:  @color2 ;
}
.author-social ul li a:hover {
    color:  @color2 ;
}
.comment-list .comment-author a:hover,
.comment-list .comment-info a:hover{
    color:  @color2 ;
}
.hero-block-v1 h2 span {
    color:  @color2 ;
}
.hero-block-v2 h2 span{ 
    color:  @color2 ;
}
.cta-v1 {
    background-color:  @color2 ; 
}
.cta-v1 .btn:hover { 
    color:  @color2 ;
}.cta-v3 { 
    background-color:  @color2 ; 
}
.cta-v3 .btn:hover { 
    color:  @color2 ;
}
.cta-v4 .btn:hover { 
    border-color:  @color2 ;
    background-color:  @color2 ;
}
#client-slider-v1 .carousel-control:hover i,
#client-slider-v1 .carousel-control:focus i {
    color:  @color2 ;
    border-color:  @color2 ;
}
#client-slider-v2 .testimonial-content .author span{
    color: @color2 ;
}
#client-slider-v2 .carousel-control:focus, 
#client-slider-v2 .carousel-control:hover {
    color:  @color2 ;
    border: 1px solid  @color2 ;
}
.content-wrapper::before { 
    background-color:  @color2 ;
    
}
.content-wrapper header { 
    color:  @color2 ;
     
}
.content-wrapper header i { 
    color:  @color2 ;
}
.content-wrapper header h2 { 
    color:  @color2 ;
}
.basecamp-testimonial { 
    background-color:  @color2 ;
}
.error-info h1{
    color:  @color2 ; 
}
.error-info-alt h1 {
    color:  @color2 ; 
}
.error-info-alt .btn { 
    color:  @color2 ; 
}
.error-info-alt .btn:hover {
    background:  @color2 ; 
    border-color:  @color2 ;
}
.btn-solid.light {
    color:  @color2 ; 
}
.btn-solid.light:hover {
    color:  @color2 ;
}
 
.btn-bordered.light:hover {
    color:  @color2 ; 
}

.tt-banner-gallery .tt-slider-title {
    color:  @color2 ; 
}