/* --------------------------------------
=========================================
COLOR : BLUE 

MAIN COLOR CODE: #4c7abd

DEEP COLOR CODE: #1976d2
=========================================
----------------------------------------- */
a {
  color: #4c7abd;
}

a:hover {
  color: #1976d2;
}

.section-icon {
  color: #4c7abd;
}

.section-subtitle span {
  color: #4c7abd;
}

.mian-btn {
  background: #4c7abd;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #2196f3;
}

.navbar-default .navbar-nav>li>a.nav-active {
  color: #2196f3;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #2196f3;
}

.ab-color-3 {
  color: #4c7abd;
  border-color: #4c7abd;
}

.cross-accordion .panel .panel-heading.like a:before {
  background: #4c7abd;
  border: 1px solid #4c7abd;
}

.cross-accordion .panel .panel-heading.light a:before {
  background: #4c7abd;
  border: 1px solid #4c7abd;
}

.cross-accordion .panel .panel-heading.headphone a:before {
  background: #4c7abd;
  border: 1px solid #4c7abd;
}

.cross-accordion .panel .panel-heading a:after {
  color: #2196f3;
  border: 1px solid #2196f3;
}

.cross-progress .progress-bar {
  background-color: #4c7abd;
}

.cross-progress .progress-percent {
  border: 3px solid #4c7abd;
}

.sv-color-1 {
  background-color: #4c7abd;
  border-color: #4c7abd;
}

.single-counter .fa {
  color: #4c7abd;
}

.popup-link:hover {
  border-color: #2196f3;
}

.filters li a:hover {
  color: #2196f3
}

.filters .active {
  color: #2196f3
}

.video-section h2 a {
  background: #4c7abd;
}

.single-team .social-links a:hover {
  color: #2196f3;
}

.testimonial-icon {
  color: #4c7abd;
}

.nav-justified>li.active a h5 {
  color: #4c7abd;
}

.single-blog-post:hover .blog-post-date {
  border-color: #2196f3;
  background: #2196f3;
}

.blog-meta a:hover {
  color: #2196f3;
}

.read-more:hover {
  color: #2196f3;
}

.features-price {
  border-color: #4c7abd;
}

.price-btn {
    background: #333;
}

.price-btn:hover {
  background: #2196f3;
}

.features-price-btn {
  background: #4c7abd;
}

.features-price-btn:hover {
    background: #333;
}

.contact-info-wrapper:hover .contact-info-icon {
  background: #2196f3;
  color: #fff;
}

.contact-btn {
  background: ##4c7abd;
}

.footer-btn {
  background: ##4c7abd;
  padding: 15px 20px;
}

.footer-btn:hover {
  background: #1976d2;
}

.footer .social-links li a:hover {
  color: #2196f3;
}