
@color1: #ba956d;
@color2: #ba956d;

.section-head h6:before, .section-head h6:after { 
  background-color: @color1; 
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: @color1;
}
.butn-bg {
  background: @color1;
  border-color: @color1; 
}
.butn-bg:hover span {
  color: @color1;
}
 
.butn-light:before, .butn-light:after {
  background: @color1;
} 
.butn-light span {
  color: @color1;
}
.navbar .navbar-nav .active {
  color: @color1 !important;
}
.header .caption p span:after { 
  background: @color1; 
}
.hero .intro h4:after { 
  background: @color1; 
}
.hero .item .icon { 
  color: @color1; 
}
.hero .item .icon:after { 
  background: @color1; 
}
.hero .hero-img:after { 
  background: @color1;
  background: -webkit-gradient(linear, left bottom, left top, from(@color1), to(@color2));
  background: linear-gradient(to top, @color1, @color2); 
}
.section-box .skills .skill-progress .progres { 
  background: @color1;
  background: -webkit-gradient(linear, left top, right top, from(@color1), to(@color2));
  background: linear-gradient(to right, @color1, @color2); 
}
.section-box .skills .skill-progress .progres:before { 
  background: @color1;
  background: -webkit-gradient(linear, left top, right top, from(@color1), to(@color2));
  background: linear-gradient(to right, @color1, @color2); 
}
.section-box .skills .skill-progress .progres:after { 
  border-top: 5px solid @color1; 
}
.section-box .accordion .active .title { 
  background: @color1;
  background: -webkit-gradient(linear, left top, right top, from(@color1), to(@color2));
  background: linear-gradient(to right, @color1, @color2); 
} 
.section-box .vid-butn { 
  color: @color1; 
}
.services .item .icon { 
  color: @color1; 
}
.numbers .icon { 
  color: @color1; 
}
.works .filtering .active {
  background: @color1;
  background: -webkit-gradient(linear, left top, right top, from(@color1), to(@color2));
  background: linear-gradient(to right, @color1, @color2); 
}
.works .item-img-overlay .icon:hover {
  background: @color1; 
} 
.works .item-img-overlay p {
  color: @color1; 
}
.team .item:hover {
  background: @color1;
  background: -webkit-gradient(linear, left top, right top, from(@color1), to(@color2));
  background: linear-gradient(to right, @color1, @color2); 
}
.team .item:hover .team-img {
  border-color: @color1;
}
.team .item .info span { 
  color: @color1;
}
.price .item .value .per { 
  color: @color1;
}
.price .item.active:after { 
  background: @color1;
  background: -webkit-gradient(linear, left top, left bottom, from(@color1), to(@color2));
  background: linear-gradient(to bottom, @color1, @color2); 
}
.testimonials .item h6 span { 
  color: @color1; 
}
.testimonials .owl-theme .owl-nav [class*=owl-]:hover {
  background: @color1;
}
.blogs .side-bar .widget .widget-title h6:after { 
  background: @color1; 
}
.subscribe .butn { 
  background: -webkit-gradient(linear, left top, right top, from(@color1), to(@color2));
  background: linear-gradient(to right, @color1, @color2);
}
.subscribe .butn:hover {
  border-color: @color1;
}
.contact-info .info .item .icon { 
  color: @color1;
}
.contact-info .info .social a:hover {
  background: @color1;
}
.contact .form button { 
  background: @color1;
  background: -webkit-gradient(linear, left top, right top, from(@color1), to(@color2));
  background: linear-gradient(to right, @color1, @color2); 
}
.contact .form button:hover {
  background: @color1;
}
footer .social a:hover {
  background: @color1;
}
@media screen and (max-width: 991px) {
   
  .nav-scroll .navbar-collapse .active {
    color: @color1 !important;
  }
 
}
