@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
.c-breadcrumb {
  background-image: url("/images/ban-2.jpg");
  background-size: cover;
  background-position: right;
}

.nav-breadcrumb {
  background-color: rgba(0, 85, 150, 0.8196078431);
}
.nav-breadcrumb .breadcrumb {
  background-color: transparent;
}
.nav-breadcrumb .breadcrumb a, .nav-breadcrumb .breadcrumb li, .nav-breadcrumb .breadcrumb ::before {
  color: white;
}
.nav-breadcrumb .breadcrumb .active {
  font-weight: 400;
}
.nav-breadcrumb .breadcrumb a {
  font-weight: 100;
}

.title-solutions h1 {
  color: white;
  font-weight: 700;
}
.title-solutions .container-text {
  width: 50%;
}
.title-solutions .container-text p {
  color: white;
}

.title-solutions-detail h1 {
  color: white;
  font-weight: 700;
}
.title-solutions-detail .container-text {
  width: 50%;
}
.title-solutions-detail .container-text p {
  color: white;
}

/*RESPONSIVE*/
@media only screen and (max-width: 600px) {
  .container-text {
    width: 100% !important;
  }
  .title-solutions {
    padding-top: 1.5rem !important;
  }
  .title-solutions-detail {
    padding-top: 0.5rem !important;
  }
}
@media (max-width: 766px) {
  .sol-title-res {
    font-size: 20px;
  }
}

/*# sourceMappingURL=breadcrumb-sub-cat.css.map */