@color1: #577295;
@color2: #f9dba5;

.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:after, .butn-bord:after {
  background: @color1;
} 
.butn-light span, .butn-bord span {
  color: @color1;
}

.butn-bord {
  background: transparent !important;
  border-color: @color1;
}
.navbar .navbar-nav .active {
  color: @color2 !important;
}
.header .caption p span:after { 
  background: @color1; 
}

.hero .feat-item .icon:after { 
  background-color: @color1;
  background: -webkit-gradient(linear, left top, right bottom, from(@color2), to(@color1));
  background: linear-gradient(to bottom right, @color2, @color1); 
}
.hero .feat-item h6 {
  color: @color1; 
}

.tabs-section .nav-pills .nav-link.active {
  border-top-color: @color1; 
  color: @color1;
}

.skills .skill-progress .progres { 
  background-color: @color1;
  background: -webkit-gradient(linear, left top, right bottom, from(@color2), to(@color1));
  background: linear-gradient(to bottom right, @color2, @color1); 
}
.process .item .cont:hover {
  background-color: @color1;
}
.process .item .icon {
  color: @color2; 
}
.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 { 
  border: 1px solid @color1; 
  color: @color1;
}
.works .item-img-overlay p {
  color: @color1; 
}
.why-us .item .icon { 
  color: @color2; 
}
.why-us .item .icon:after { 
  background-color: @color1;
  background: -webkit-gradient(linear, left top, right top, from(@color1), to(@color2));
  background: linear-gradient(to right, @color1, @color2); 
}
.team .item .team-img:after { 
  background-color: @color2;
  background: -webkit-gradient(linear, left top, left bottom, from(@color1), to(@color2));
  background: linear-gradient(to bottom, @color1, @color2); 
}
.price .active { 
  background-color: @color1;
  background: -webkit-gradient(linear, left top, left bottom, from(@color1), to(@color2));
  background: linear-gradient(to bottom, @color1, @color2); 
} 
.price .active .butn span {
  color: @color1;
}
.blog .item .info .tag { 
  background-color: @color1; 
} 
.blog .item .more:hover {
  color: @color1;
}
.page-header h6 a:hover {
  color: @color1;
}
.posts .item .tag a {
  background-color: @color1; 
} 
.posts .item .spical { 
  border-left: 4px solid @color1;
}
.posts .comments .cont .reply:hover, .posts .add-comment .cont .reply:hover {
  color: @color1;
}
.pagination .active a {
  background-color: @color1; 
}
.side-bar .tags li { 
  background-color: @color1; 
}
.contact .contact-info .item .icon { 
  color: @color1;
}
footer .social a:hover {
  background-color: @color1; 
}
@media screen and (max-width: 991px) {
	.nav-scroll .navbar-collapse .active {
    color: @color1 !important;
  }
}