
@color: #fafafa;

#topnav .navigation-menu > li .submenu li a:hover {
    color: @color;
}
#topnav .navigation-menu > li.selected  > a,#topnav .navigation-menu ul.submenu > li.selected  > a,#topnav .navigation-menu li.current.selected > a{
	color: @color;
}
.btn-color:hover,
.btn-color:active,
.btn-color:focus {
  background-color: @color;
  border-color: @color; 
  opacity: 0.7;
}
.btn-color:hover, .btn-color:active, .btn-color:focus{
	
  background-color: @color;
  border-color: @color; 
  opacity: 0.7;
}
@-webkit-keyframes preloader {
  0% {
    height: 30px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background-color: #fff;
  }
  25% {
    height: 60px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    background-color: @color;
  }
  50% {
    height: 30px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background-color: #fff;
  }
  100% {
    height: 30px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background-color: #fff;
  }
}
@keyframes preloader {
  0% {
    height: 30px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background-color: #fff;
  }
  25% {
    height: 60px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    background-color: @color;
  }
  50% {
    height: 30px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background-color: #fff;
  }
  100% {
    height: 30px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background-color: #fff;
  }
}
a {
  color: @color;
}
a.white-text:hover {
  color: @color;
}
.form-control:focus { 
  border-color: @color;
}
section.parallax .form-control:focus {
  border-color: @color;
}
section.grey .form-control:focus,
section.grey .form-select:focus {
  border-color: @color;
}
section.dark .progress-bar {
  background-color: @color;
}
section.splash:after { 
  background-color: @color;
}
section.colored {
  background-color: @color; 
}
.title hr { 
  border-top: 1px solid @color;
}
.btn-color { 
  border-color: @color;
  background-color: @color;
}
.btn-color-out {
  color: @color;
  border-color: @color; 
}
.btn-color-out:hover,
.btn-color-out:active,
.btn-color-out:focus {
  background-color: @color;
  border-color: @color; 
}
.go-top a:hover {
  color: @color;
}
.preview-icon:hover code,
.preview-icon:hover i {
  color: @color;
}
.social-list > li > a:hover {
  background-color: @color;
}
.social-list.style-2 > li > a:hover {
  color: @color; 
}
#topnav.scroll .navigation-menu > li > a:hover {
  color: @color; 
}
#topnav.scroll .navigation-menu > li.active > a {
  color: @color;
}
#topnav.scroll .menu-extras .menu-item .cart > a:hover,
#topnav.scroll .menu-extras .menu-item .search > a:hover {
  color: @color;
}
#topnav .navbar-toggle:hover span {
  background-color: @color;
}
#topnav .navigation-menu > li .submenu li span.label { 
  background-color: @color; 
}
#topnav.scroll.dark .navigation-menu > li > a:hover {
  color: @color;
}
#topnav.scroll.dark .navigation-menu > li.active > a {
  color: @color;
}
.cart .cart-number { 
  background-color: @color; 
}
.shopping-cart .product-list li .product-summary a:hover {
  color: @color;
}
.icon-box-small:hover .ib-icon {
  color: @color;
  border-color: @color;
}
.icon-box-small .ib-icon { 
  color: @color;
  border: 1px solid @color; 
}
.icon-box-small hr { 
  border-color: @color;
}
.icon-box-basic i {
  color: @color; 
}
.text-box hr { 
  border-color: @color;
}
.number-box h4:after { 
  background-color: @color; 
}
.nav-outside .flex-direction-nav > li > a:hover {
  color: @color;
}
.control-nav-dark .flex-control-nav > li > a.flex-active {
  border-color: @color;
}
.control-nav-dark .flex-control-nav > li > a.flex-active:before {
  background-color: @color;
}
.progress-bar.colored {
  background-color: @color;
}
.services [class*="col-"]:hover {
  background-color: @color;
  border-color: @color; 
}
.blog-post:hover .post-body > hr { 
  border-color: @color;
}
.team-social ul > li > a:hover {
  color: @color;
}
.features h4:after { 
  background-color: @color; 
}
section.dark .pricing-table.featured {
  border-color: @color;
}
.pricing-table.featured {
  border-color: @color; 
}
.pricing-table.featured .pricing-head i {
  color: @color;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: @color;
}
.accordion > li.active .accordion-title h4:before { 
  color: @color;
}
#filters li.active {
  border-color: @color;
  color: @color;
}
#filters li.active:hover {
  color: @color;
}
.projects-controller a > span:hover {
  color: @color;
}
.post-listing h2 a:hover {
  color: @color;
}
.post-single .post-info h2 a:hover {
  color: @color;
}
.pagination li.active > a {
  background-color: @color;
  border-color: @color; 
}
.pagination li.active > a:hover {
  background-color: transparent;
  color: @color;
  border-color: @color;
}
.pagination li.active > a:focus {
  background-color: @color;
  border-color: @color; 
}
.pagination li > a:focus { 
  color: @color;
}
.sidebar .widget a:hover {
  color: @color;
}
.widget .tags a:hover {
  background-color: @color;
  border-color: @color; color: white;
}
.product-info h4 a:hover {
  color: @color;
}
.cart > tbody > tr > td > a:hover {
  color: @color;
}
.cart > tbody > tr > td .circle.red {
  background-color: @color;
}
.single-product-price h3 > span { 
  color: @color; 
}
.rating-stars .ti-star.full {
  color: @color;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border: 1px solid @color;
  color: @color; 
}
.nav-tabs.outline > li.active > a,
.nav-tabs.outline > li.active > a:focus,
.nav-tabs.outline > li.active > a:hover { 
  border-bottom-color: @color; 
}
.timeline > li:hover .timeline-item:after {
  background-color: @color;
}
.timeline > li .timeline-item:after { 
  border: 2px solid @color; 
}
.timeline > li .timeline-item h4 { 
  color: @color; 
}
#footer-widgets .widget ul li a:hover {
  color: @color;
}
#footer .footer-social ul > li > a:hover {
  color: @color;
}
#footer .list-inline > li:after { 
  color: @color; 
}
#footer .list-inline > li > a:hover {
  color: @color;
}
.red {
  color: @color !important;
} 
.red-dot:before { 
  color: @color;
}
  #topnav .navigation-menu > li .submenu li a:hover {
    color: @color;
  }
  #topnav.dark .navigation-menu > li > a:hover {
    color: @color;
  }
  #topnav.dark .navbar-toggle:hover span {
    background-color: @color;
  }
  #topnav .navigation-menu > li > a:hover {
    color: @color;
  }
  #topnav .navigation-menu > li .submenu li a:hover {
    color: @color;
  }
  #topnav .navigation-menu > li.has-submenu.open > a {
    color: @color;
  }
  #topnav .menu-extras .menu-item .cart > a:hover,
  #topnav .menu-extras .menu-item .search > a:hover {
    color: @color;
  }