@charset "UTF-8";
/* IMPORTS */
/* VARIABLES */
/*
 * Cityu Template Theme
 */
/* MIXINS */
.section-breadcrumb .breadcrumb {
  display: block;
  margin-bottom: 0;
  padding: 20px 0;
  background-color: transparent;
  border-radius: 0; }
  @media (min-width: 760px) {
    .section-breadcrumb .breadcrumb {
      padding: 30px 0; } }
  @media (min-width: 1000px) {
    .section-breadcrumb .breadcrumb {
      padding: 40px 0 40px; } }
  @media (min-width: 1200px) {
    .section-breadcrumb .breadcrumb {
      padding: 50px 0 50px; } }
  .section-breadcrumb .breadcrumb a {
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #838990; }
    .no-touch .section-breadcrumb .breadcrumb a:hover,
    .no-touch .section-breadcrumb .breadcrumb a:focus {
      color: #2E2E2E; }
  .section-breadcrumb .breadcrumb .active {
    padding-left: 0;
    color: #2E2E2E;
    cursor: auto; }

.section-breadcrumb .breadcrumb-position {
  position: relative;
  display: flex;
  flex-wrap: nowrap; }
  .section-breadcrumb .breadcrumb-position::before {
    content: "";
    content: "";
    padding-left: 8px;
    padding-right: 8px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 0.8125rem;
    color: #838990;
    position: absolute;
    padding: 0 10px 0 22px;
    z-index: 1;
    left: 0;
    top: 0;
    display: none;
    color: rgba(131, 137, 144, 0.7);
    font-size: 22px;
    line-height: 22px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.8) 0%, #FEFEFE 50%, #FCFCFC 100%); }
    .no-touch .section-breadcrumb .breadcrumb-position::before:hover::after,
    .no-touch .section-breadcrumb .breadcrumb-position::before:focus::after {
      padding-left: 1rem;
      padding-right: 0; }
    .no-touch .section-breadcrumb .breadcrumb-position::before:hover::before,
    .no-touch .section-breadcrumb .breadcrumb-position::before:focus::before {
      padding-left: 1rem;
      padding-right: 0; }
    @media (min-width: 1000px) {
      .section-breadcrumb .breadcrumb-position::before {
        display: none !important; } }
  .section-breadcrumb .breadcrumb-position::after {
    content: "";
    content: "";
    padding-left: 8px;
    padding-right: 8px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 0.8125rem;
    color: #838990;
    position: absolute;
    padding: 0 0 0 10px;
    z-index: 1;
    right: 0;
    top: 0;
    display: none;
    color: rgba(131, 137, 144, 0.7);
    font-size: 22px;
    line-height: 22px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #FEFEFE 80%, #FCFCFC 100%); }
    .no-touch .section-breadcrumb .breadcrumb-position::after:hover::after,
    .no-touch .section-breadcrumb .breadcrumb-position::after:focus::after {
      padding-left: 1rem;
      padding-right: 0; }
    .no-touch .section-breadcrumb .breadcrumb-position::after:hover::before,
    .no-touch .section-breadcrumb .breadcrumb-position::after:focus::before {
      padding-left: 1rem;
      padding-right: 0; }
    @media (min-width: 1000px) {
      .section-breadcrumb .breadcrumb-position::after {
        display: none !important; } }

.section-breadcrumb .breadcrumb-home {
  position: relative;
  z-index: 1;
  line-height: 20px; }
  .section-breadcrumb .breadcrumb-home a::before {
    content: "";
    padding-left: 8px;
    padding-right: 8px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 0.8125rem;
    color: #838990;
    padding: 0; }
    .no-touch .section-breadcrumb .breadcrumb-home a::before:hover::after,
    .no-touch .section-breadcrumb .breadcrumb-home a::before:focus::after {
      padding-left: 1rem;
      padding-right: 0; }
    .no-touch .section-breadcrumb .breadcrumb-home a::before:hover::before,
    .no-touch .section-breadcrumb .breadcrumb-home a::before:focus::before {
      padding-left: 1rem;
      padding-right: 0; }

.section-breadcrumb .breadcrumb-first {
  display: none; }

.section-breadcrumb .chevron-left-show::before {
  display: block; }

.section-breadcrumb .chevron-right-show::after {
  display: block; }

.section-breadcrumb .breadcrumb-others {
  line-height: 20px;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto; }
  @media (min-width: 1000px) {
    .section-breadcrumb .breadcrumb-others {
      white-space: normal; } }
  .section-breadcrumb .breadcrumb-others span::before {
    content: "";
    padding-left: 8px;
    padding-right: 8px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 0.8125rem;
    color: #838990;
    padding: 0 6px;
    opacity: 0.5;
    font-size: 80%; }
    .no-touch .section-breadcrumb .breadcrumb-others span::before:hover::after,
    .no-touch .section-breadcrumb .breadcrumb-others span::before:focus::after {
      padding-left: 1rem;
      padding-right: 0; }
    .no-touch .section-breadcrumb .breadcrumb-others span::before:hover::before,
    .no-touch .section-breadcrumb .breadcrumb-others span::before:focus::before {
      padding-left: 1rem;
      padding-right: 0; }

.no-touch .breadcrumb-others::-webkit-scrollbar {
  height: 4px; }

.no-touch .breadcrumb-others::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #DFDFDF; }

.no-touch .breadcrumb-others::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #8D8D8D; }

.no-touch .breadcrumb-others::-webkit-scrollbar-button:start {
  background: transparent; }

.no-touch .breadcrumb-others::-webkit-scrollbar-button:end {
  background: transparent; }

@media (min-width: 1000px) {
  .has-headline-carousel-d .section-breadcrumb .breadcrumb {
    padding: 153px 0 20px;
    border: none;
    margin-top: -170px;
    margin-bottom: 0; } }

@media (min-width: 1000px) {
  .has-headline-carousel-d.has-headline-carousel-sm .section-breadcrumb .breadcrumb {
    padding: 153px 0 20px;
    border: none;
    margin-top: -150px;
    margin-bottom: 0; } }