/*-----Breadcrumbs-----*/
.page {
  position: relative;
  text-align: center;
  overflow: hidden;
  opacity: 1;
}
.bg-gray-7 {
  background-color: #f3f3f3;
  padding: 35px 0px 20px 0px;
}
.breadcrumbs-custom-path {
  padding: 10px 0;
  margin-left: -17px;
  margin-right: -17px;
}
.breadcrumbs-custom-path > * {
  padding-left: 17px;
  padding-right: 17px;
}
.breadcrumbs-custom-path a {
  display: inline;
  vertical-align: middle;
}
.breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus {
  color: #777777;
}
.breadcrumbs-custom-path li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.breadcrumbs-custom-path li::after {
  position: absolute;
  content: "\e91d";
  top: 52%;
  right: -12px;
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  font-style: normal;
  font-family: "iconfont";
  color: #151515;
  transform: translate3d(0, -50%, 0);
}
.breadcrumbs-custom-path li:last-child:after {
  display: none;
}
.breadcrumbs-custom-path a:hover {
  color: #54c1e5;
}
.breadcrumbs-custom-path .active a{
  font-weight: 900;
  color: #151515;
}
* + .breadcrumbs-custom-path {
  margin-top: 14px;
}

@media(max-width:1680px){
.bg-gray-7 {
  padding: 30px 0px 16px 0px;
}
.breadcrumbs-custom-path li {
  font-size: 20px;
}
}

@media(max-width:1440px){
.bg-gray-7 {
  padding: 22px 0px 10px 0px;
}
.breadcrumbs-custom-path li {
  font-size: 18px;
}
}

@media(max-width:1366px){
.bg-gray-7 {
  padding: 20px 0px 8px 0px;
}
.breadcrumbs-custom-path li {
  font-size: 17px;
}
}