/* ==================================================
//  Color
//================================================= */

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
button:hover a,
button.btn:hover,
button.btn:active,
#quienes-somos h1.title,
#prevencion h1.title,
.about-tab .nav-tabs > li > a,
.about-accordion .panel-title,
.single-service i,
.single-service > a,
.member-info span,
.date h4,
.single-news h6 > span.color a,
.post-item h2:hover,
.post-item h2 a:hover,
.blog .posted-date,
.posted-date a,
.widget h3:hover,
.widget h3 a:hover {
  color: #73ac3b;
}

/* ==================================================
//  background
//================================================= */

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar,
.nav > li > a:hover,
.nav > li > a:focus,
button.btn:before,
button.btn:after,
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.about-tab .nav-tabs > li.active > a,
.about-tab .nav-tabs > li.active > a:hover,
.about-tab .nav-tabs > li.active > a:focus,
.about-accordion .panel-heading .panel-title span i.fa-angle-down,
.about-accordion .panel-heading:hover .panel-title span i,
.member-social ul li a i.fa-envelope-o,
.about-tab .nav > li > a:hover,
.about-tab .nav > li > a:focus,
.fb-bg:hover,
.twitter-bg:hover,
.reply:hover,
.pagination > li > a {
  background: #73ac3b;
}

/* ==================================================
//  background-rgba 
//================================================= */

.bg-green:before {
  background: rgba(152, 172, 59, 0.8);
}

/* ==================================================
// Different Color
//================================================= */

.achievement-logo i {
  color: #1d253c;
}

/* ==================================================
// Different Background Color
//================================================= */

.bg-mirage,
.bg-mirage:before,
.bg-mirage:after {
  background: #1d253c;
}

/* ==================================================
// Different Background RGBA
//================================================= */

.bg-mirage-rgba:before,
.ceo-overlay,
.news-overlay {
  background: rgba(29, 37, 60, 0.9);
}

/* ==================================================
//  border-color
//================================================= */

.bg-white button a:hover,
.navbar-default .navbar-toggle,
.comment-area input[type='text'],
.comment-area input[type='phone'],
.comment-area textarea,
.comment-area input[type='email'],
button.btn {
  border-color: #73ac3b !important;
}

/* ==================================================
//  Button-gradient 
//================================================= */

button.btn {
  background: linear-gradient(to right, #fff 50%, #73ac3b 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}

button.btn-transparent {
  background: linear-gradient(to right, #73ac3b 50%, rgba(255, 255, 255, 0) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  color: #d4688f;
  border: solid 1px #fff !important;
}

button.btn-transparent:hover,
button.btn-transparent:active {
  color: #fff !important;
  background-position: left bottom;
}

button.btn-transparent:hover a,
button.btn-transparent:active a {
  color: #fff !important;
}

/* ==================================================
//  background-image 
//================================================= */

.skill-bar .progress .bar {
  background: url(../images/progress-bar-green.png) repeat-x scroll 0 0 #73ac3b;
}