/*--------  Breadcrumb style default  -----------*/
h2.page-title {
  font-size: 36px;
  font-weight: bold;
  text-transform: capitalize;
}
.breadcrumbs li {
    display: inline-block;
    font-family: 'Raleway', sans-serif;
}
.breadcrumbs > ul li {
  color: #757575;
  font-size: 16px;
  font-weight: normal;
  text-transform: capitalize;
}
.breadcrumbs > ul li a {
  color: #757575;
  padding-right: 17px;
  position: relative;
}
.breadcrumbs > ul li a:hover{
    color: #333;
}
.breadcrumbs ul li a.active::after {
    color: #757575;
}
.breadcrumbs ul li a::after {
  background-color: #757575;
  content: "";
  font-size: 8px;
  height: 2px;
  margin-left: 11px;
  position: absolute;
  right: 3px;
  top: 10px;
  width: 7px;
}

.breadcrumb-bg-1 {
  background: rgba(0, 0, 0, 0) url("../../img/bg/breadcrumb.jpg") repeat center center / cover ;
}

.ptrn-3 {
  background: rgba(0, 0, 0, 0) url("../../img/pattern/3.jpg") repeat scroll 0 0;
}

.pattern-bread h2.page-title {
  display: inline-block;
  float: left;
  margin-bottom: 0;
}
.pattern-bread .breadcrumbs > ul {
  display: inline-block;
  float: right;
  margin-top: 5px;
}
.border-bread {
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
}
.bg-2.bread-bg {
  background-attachment: fixed;
  background-position: center center;
}

.breadcrumbs-img{}
.breadcrumbs-img h2.page-title {
  color: #f6f6f6;
}
.breadcrumbs-img .breadcrumbs > ul li a {
  color: #f6f6f6;
}
.breadcrumbs-img .breadcrumbs > ul li {
  color: #f6f6f6;
}
.breadcrumbs-img .breadcrumbs ul li a::after {
  background-color: #f6f6f6;
}
.breadcrumbs-img