/*
================================================
Common CSS
================================================
*/
:root {
  --blue: #2b54a3;
  --white: #fff;
}
section h2 span {
  color: var(--blue);
}
.heading-line:before {
  background: var(--blue);
}
.heading-line:after {
  background: var(--blue);
}
.heading-line {
  border-bottom: 1px solid var(--blue);
}
#switcher .theme-click {
  background-color: var(--blue);
}
/*
================================================
Scroll top Arrow
================================================
*/
#scrollUp i:hover {
  color: var(--blue);
}
/*
================================================
Navigation
================================================
*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: var(--blue);
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: var(--blue);
}
/*
================================================
Banner Content
================================================
*/
.banner-content a {
  color: var(--blue);
}
.banner-content a:hover {
  background: var(--blue);
  border-color: var(--white);
  color: var(--white);
}
.banner-content h1 {
  color: var(--blue);
}
.banner-content a {
  border: 2px solid var(--blue);
}
.hero h1,
.hero h2 {
  color: var(--white);
}
.hero h3 {
  color: var(--white);
}
.btn.btn-hero {
  color: var(--white);
  background-color: var(--blue);
  border-color: #2bd5b3;
}
.btn.btn-hero:hover,
.btn.btn-hero:focus {
  color: var(--blue);
  background-color: var(--white);
  border-color: #eee;
}
.fade-carousel .carousel-indicators > li {
  background: var(--white);
}
.fade-carousel .carousel-indicators > li.active {
  background: var(--blue);
}
/*
================================================
About Us
================================================
*/
.about-box .icon::before {
  border: 2px solid var(--blue);
}
.about-box:hover .icon {
  background: var(--blue);
  color: var(--white);
}
.progress-area {
  background: #f9f9f9;
}
.skills .progress .progress-bar {
  background-color: var(--blue);
}
.list-sectors > li > span {
  color: var(--blue);
}
/*
================================================
Services
================================================
*/
.service-callouts i {
  color: var(--blue);
}
.about-box .icon {
  color: var(--blue);
}
/*
================================================
Portfolio
================================================
*/
.portfolio #filters ul li a:hover h5,
.portfolio #filters ul li a.active h5 {
  background-color: var(--blue);
}
.filter.active,
.filter:hover {
  color: var(--blue);
}
.work-info p {
  color: var(--blue);
}
/*
================================================
Contact us
================================================
*/
.contact-info-wrapper:hover .contact-info-icon {
  background: var(--blue);
  color: var(--white);
}
footer {
  background: var(--blue);
}