.navbar-brand {
  color: #8dcd47 !important;
}
.navbar-brand > span {
  color: #7e6ba4 !important;
}

.navbar-default .navbar-nav > .active > a {
  color: #8dcd47 !important;
}
.navbar-default .navbar-nav > li > a {
  color: #7e6ba4 !important;
}
.navbar-default .navbar-nav > li > a:hover{
  color: #fff !important;
}

.slider_btn:hover,.slider_btn:focus{
	border-color:#7e6ba4;
	color: #8dcd47;
}
.slides-navigation a::before,
.slides-navigation a::after,
.slides-navigation .icon-wrap::before,
.slides-navigation .icon-wrap::after {
	background: #8dcd47;
}
.slides-navigation h3 {
  color: #8dcd47 !important;
}
.slides-pagination a {
  border: 2px solid #8dcd47;
}

.heading h2 {
  border-bottom: 11px solid #7e6ba4;
  color: #7e6ba4;
}

.panel-title a {
	color: #7e6ba4;		
}
.panel-title a span {
  color: #7e6ba4;		
}
.panel-title a:hover, .panel-title a:hover span {
	color: #8dcd47;		
}
.panel-default .in{
  /* border-color: #2da2c8; */
  border-left: 5px solid #7e6ba4;
}

.about_slider .slick-dots li button:before {
  color: #8dcd47;
}

.about_slider .slick-dots li.slick-active button:before {
  color: #7e6ba4;
  font-size: 55px !important;
}

.slick-prev, .slick-next {
  background-color: #8dcd47;
}

.form-control {
  border-radius: 5px !important;
}

.form-control:focus {
  border-color: #7e6ba4 !important;
}
.submit_btn {
  background-color: #7e6ba4;
  border-radius: 10px !important;
}
.submit_btn:hover{
	color: #7e6ba4;
	border-color: #7e6ba4;
}

.single_service:hover .service_icon{	
	color: #2da2c8;
	border: 2px solid #2da2c8;
	background-color: #fff;
}
.single_service:hover .service_title{
	color: #2da2c8;
}
.single_service > .service_title:after {
  background-color: #2da2c8;
}
.single_contact_feaured > i {
  color: #8dcd47 !important;
}
.single_contact_feaured > h4 {
  color: #8dcd47 !important;
}

.btn-more-info {
  display: block;
  text-align: center;
  position: relative;
  border: none;
  color: #8dcd47;
  background-color: #7e6ba4;
  width: 120px;
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  height: 36px;
  line-height: 36px;
  float: right;
  text-decoration: none;
}
.btn-more-info:hover {
  color: #7e6ba4;
  background-color: #8dcd47;
  box-shadow: 0px 6px 20px rgb(74 167 68 / 60%);
  text-decoration: none;
}

.scrollToTop{
  border-radius: 10px;
	background-color: #8dcd47;
  color: #7e6ba4;
}
.scrollToTop:hover,.scrollToTop:focus{
  /*
  background-color: #fff;
  color: #8dcd47;
  border: 2px solid #7e6ba4;
  */
	background-color: #7e6ba4;
  color: #8dcd47;
}

.top_overlay {
	float: left;
	display: inline;
	width: 100%;
	position: relative;
}
.top_overlay_wrapper {
  position: relative; 
  overflow: hidden; 
  width: 100%; 
  height: 400px;
}
.top_overlay_wrapper img {
  backface-visibility: hidden;
  position: absolute;
  top: 0px;
  z-index: -1;
  /*
  left: -9.165px;
  max-width: none;
  height: 919px;
  width: 1225.33px;
  */
}
.top_overlay_caption {
  margin-top: 100px;
  padding: 0 13%;
  position: relative;
  text-align: center;
  z-index: 999;
}
.top_overlay_caption h2 {
  color: #fff;
}
.top_overlay_caption p {
  color: #fff;
  margin-top: 30px;
  font-size: 18px;
}

#options {
  display: inline;
  float: left;
  width: 100%;
  padding: 30px 0px 50px 0px;
}

a.btn-option {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  border: 2px solid #3498db;
  color: #3498db;
  text-align: center;
  overflow: hidden;
  text-decoration: none;
  border-radius: 8px;
  width: 80%;
  margin: 10px 10% auto;
  cursor: pointer;
  transition: color 0.3s ease;
  z-index: 1;
}

/* Background swipe */
a.btn-option::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #3498db;
  transform: scaleX(0);             /* Awal tidak terlihat */
  transform-origin: left;           /* Animasi arah kiri → kanan */
  transition: transform 0.4s ease-in-out;
  z-index: -1;
}

a.btn-option:hover {
  color: #fff;
}

a.btn-option:hover::before {
  transform: scaleX(1);             /* Isi elemen kiri → kanan */
}

#pump-house, #pump-station, #mobile-pump, #towing-pump {
  display: inline;
  float: left;
  width: 100%;
  padding: 80px 0px 0px 0px;
}
.product-title {
  color: #8dcd47 !important;
  border-bottom: 11px solid #8dcd47 !important;
  margin-bottom: 5px !important;
}
@media (min-width: 768px) {
  .top_overlay_caption {
    margin-top: 200px !important;
  }
}

/*
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { 
  color: #8dcd47 !important;
}
*/
/*
.navbar-default .navbar-nav > li > a {
  color: #7e6ba4;
}*/

.service_icon{
	background-color: #2da2c8;
}

.heading h3 {
  border-bottom: 5px solid #2da2c8;
}
.fa-2x {
  color: #2da2c8;
}
.single_team span {
  color: #2da2c8;
}
.team_social a:hover,.team_social a:focus{
	background-color: #2da2c8;
}
.single_price .price {
  background-color: #2da2c8; 
}
.price_btn {
  background-color: #2da2c8;
  border: 1px solid #2da2c8;
}
.price_btn:hover{
	color: #2da2c8 !important;
}
.business_price {
  background-color: #2da2c8 !important;
}
.business_price .price_btn{	
	color: #2da2c8 !important;
}
.post_commentbox a:hover, .post_commentbox span:hover{
	color: #2da2c8;
}
.read_more{
	color: #2da2c8;	
}
.read_more:hover,.read_more:focus{
	border-bottom: 2px solid #2da2c8;
}
.testi_media .media-body span {
  color: #2da2c8;
}
.testimonial_slider .slick-dots li.slick-active button{
  background: none repeat scroll 0 0 #2da2c8;  
}
.wagwep-container ul#portfolio-filter a:hover{
  background-color: #2da2c8;
}
.wagwep-container ul#portfolio-filter li.current a {
  background:#2da2c8;  
}
.subscr_btn {
  background-color: #2da2c8;
}
.footer_left > p a {
  color: #2da2c8;
  font-weight: bold;
}
.social_nav li a:hover{
  color: #2da2c8;
  border-color: #2da2c8; 
}