@charset "UTF-8";
/* IMPORTS */
/* VARIABLES */
/*
 * Cityu Template Theme
 */
/* MIXINS */
@media (max-width: 999.98px) {
  .region-sidebar .navigation {
    display: none; } }

.region-sidebar .navbar-nav > .nav-item {
  border-bottom: 1px solid #dddddd; }
  .region-sidebar .navbar-nav > .nav-item > .nav-link {
    display: block;
    padding: 0;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.33;
    letter-spacing: 1px;
    color: #1d1d1b;
    background-color: #f6f6f6;
    padding: 20px 30px; }
    @media (max-width: 1199.98px) {
      .region-sidebar .navbar-nav > .nav-item > .nav-link {
        padding: 20px 20px; } }
    .region-sidebar .navbar-nav > .nav-item > .nav-link[target=_blank] > span::after {
      content: "";
      font-family: "Font Awesome 5 Pro";
      font-weight: 400;
      color: inherit;
      margin-left: 6px;
      font-size: 13.5px;
      line-height: 1.33;
      letter-spacing: 1px;
      color: #1d1d1b; }
  .region-sidebar .navbar-nav > .nav-item:last-child {
    border-bottom: none; }
  .region-sidebar .navbar-nav > .nav-item.t-active > a,
  .region-sidebar .navbar-nav > .nav-item.t-active > span {
    color: #bf165e;
    border-bottom: 3px solid #bf165e; }
    .region-sidebar .navbar-nav > .nav-item.t-active > a::before,
    .region-sidebar .navbar-nav > .nav-item.t-active > span::before {
      color: #bf165e; }
  .region-sidebar .navbar-nav > .nav-item:hover > a {
    color: #bf165e; }
    .region-sidebar .navbar-nav > .nav-item:hover > a::before {
      color: #bf165e; }
    .region-sidebar .navbar-nav > .nav-item:hover > a[target=_blank] span::after {
      color: #bf165e; }
  .region-sidebar .navbar-nav > .nav-item .dropdown-menu {
    position: static !important;
    transform: none !important;
    z-index: 0;
    margin: 0;
    padding: 0;
    background-color: #f6f6f6;
    border: none;
    border-radius: 0; }
    .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li {
      padding: 0; }
      .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li:active, .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li:focus {
        background-color: transparent; }
      .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > a,
      .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > span {
        display: block;
        padding: 10px 30px;
        font-size: 13.5px;
        line-height: 1.33;
        color: #626262; }
        @media (max-width: 1199.98px) {
          .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > a,
          .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > span {
            padding: 10px 20px; } }
        .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > a:hover,
        .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > span:hover {
          background-color: #dddddd; }
        .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > a.t-active, .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > a.is-active,
        .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > span.t-active,
        .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > span.is-active {
          color: #bf165e;
          font-weight: bold; }
        .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > a.t-active.dropdown-toggle,
        .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > span.t-active.dropdown-toggle {
          color: #626262; }
        .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > a span::after,
        .region-sidebar .navbar-nav > .nav-item .dropdown-menu > li > span span::after {
          font-size: 12.5px; }

.region-sidebar .navbar-nav a.menu-external-link span::after {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #626262;
  margin-left: 10px;
  font-size: 13.5px;
  line-height: 1.33;
  letter-spacing: 1px; }

.region-sidebar .navbar-nav a.menu-external-link.t-active span::after {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #bf165e;
  font-weight: 900; }

.region-sidebar .dropdown-toggle {
  position: relative; }
  .region-sidebar .dropdown-toggle::after {
    display: none; }
  .region-sidebar .dropdown-toggle::before {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: inherit;
    font-size: 13.5px;
    line-height: 1.33;
    letter-spacing: 1px;
    color: #626262; }

.region-sidebar .dropdown-toggle[aria-expanded="true"]::before {
  content: "\f106"; }

.region-sidebar .t-menu-level-2 a {
  padding-left: 53px !important;
  padding-right: 7px !important; }
  @media (max-width: 999.98px) {
    .region-sidebar .t-menu-level-2 a {
      padding-left: 43px !important; } }

.t-sidebar-collapse {
  display: none; }

@media (max-width: 999.98px) {
  .is-sidebar .t-sidebar-mobile {
    display: block; } }

.t-sidebar-mobile {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 1;
  bottom: 0;
  transform: translateY(100%); }
  @media (max-width: 999.98px) {
    .t-sidebar-mobile .dropdown-menu {
      position: static !important;
      transform: none !important; } }
  .t-sidebar-mobile .t-sidebar-collapse {
    display: block; }
  .t-sidebar-mobile .t-sidebar-collapse {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0;
    color: #FFFFFF;
    background-color: #bf165e; }
    .no-touch .t-sidebar-mobile .t-sidebar-collapse:hover, .t-sidebar-mobile .t-sidebar-collapse:active {
      color: #FFFFFF; }
    .t-sidebar-mobile .t-sidebar-collapse p {
      position: relative;
      margin: 0 auto;
      max-width: 568px;
      padding: 0 40px 0 20px;
      font-size: 12px;
      line-height: 32px;
      letter-spacing: 1px;
      font-weight: 900;
      max-height: 32px;
      overflow: hidden; }
      @media (min-width: 760px) and (max-width: 999.98px) {
        .t-sidebar-mobile .t-sidebar-collapse p {
          max-width: 720px;
          padding: 0 28px 0 8px; } }
      .t-sidebar-mobile .t-sidebar-collapse p::after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        font-size: 16px;
        line-height: 16px;
        color: #FFFFFF;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900; }
      .t-sidebar-mobile .t-sidebar-collapse p::after {
        right: 20px;
        font-weight: 300;
        font-size: 13px; }
        @media (min-width: 760px) and (max-width: 999.98px) {
          .t-sidebar-mobile .t-sidebar-collapse p::after {
            right: 8px; } }
    .t-sidebar-mobile .t-sidebar-collapse .nav-sidebar-normal {
      display: none; }
    .t-sidebar-mobile .t-sidebar-collapse span {
      display: none;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 32px;
      background-color: #FFFFFF;
      opacity: 0.1;
      box-shadow: 0 1px 0 0 #6b203e; }
    .no-touch .t-sidebar-mobile .t-sidebar-collapse:hover span, .t-sidebar-mobile .t-sidebar-collapse:active span {
      display: block; }
    .t-sidebar-mobile .t-sidebar-collapse + .navbar-nav {
      display: block;
      background-color: #98114B; }
      .no-touch .t-sidebar-mobile .t-sidebar-collapse + .navbar-nav > li > a:hover {
        background-color: #790D3C; }
      .t-sidebar-mobile .t-sidebar-collapse + .navbar-nav > li > ul {
        background-color: #810E3F; }
  .t-sidebar-mobile .t-sidebar-collapse.collapsed p::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900; }
  .t-sidebar-mobile .t-sidebar-collapse.collapsed p::after {
    font-weight: 300;
    right: 20px; }
    @media (min-width: 760px) and (max-width: 999.98px) {
      .t-sidebar-mobile .t-sidebar-collapse.collapsed p::after {
        right: 8px; } }
  .t-sidebar-mobile .t-sidebar-collapse.collapsed .nav-sidebar-normal {
    display: block; }
  .t-sidebar-mobile .t-sidebar-collapse.collapsed .sidebar-close {
    display: none; }
  .t-sidebar-mobile .t-sidebar-collapse.collapsed + .t-navbar-nav {
    display: none; }
  .t-sidebar-mobile .navbar-nav .t-menu-level-1 > li span {
    padding-left: 28px !important; }
    @media (max-width: 1199.98px) {
      .t-sidebar-mobile .navbar-nav .t-menu-level-1 > li span {
        padding-left: 40px !important; } }
  .t-sidebar-mobile .navbar-nav .t-menu-level-1 > li .is-active > span {
    padding-left: 44px !important; }
    @media (max-width: 1199.98px) {
      .t-sidebar-mobile .navbar-nav .t-menu-level-1 > li .is-active > span {
        padding-left: 56px !important; } }
    .t-sidebar-mobile .navbar-nav .t-menu-level-1 > li .is-active > span::before {
      left: 28px !important; }
      @media (max-width: 1199.98px) {
        .t-sidebar-mobile .navbar-nav .t-menu-level-1 > li .is-active > span::before {
          left: 40px !important; } }
  .t-sidebar-mobile .navbar-nav .t-menu-level-2 {
    background-color: #6d0b35 !important; }
    .t-sidebar-mobile .navbar-nav .t-menu-level-2 > li span {
      padding-left: 61px !important; }
      @media (max-width: 1199.98px) {
        .t-sidebar-mobile .navbar-nav .t-menu-level-2 > li span {
          padding-left: 73px !important; } }
    .t-sidebar-mobile .navbar-nav .t-menu-level-2 > li .is-active > span {
      padding-left: 77px !important; }
      @media (max-width: 1199.98px) {
        .t-sidebar-mobile .navbar-nav .t-menu-level-2 > li .is-active > span {
          padding-left: 89px !important; } }
      .t-sidebar-mobile .navbar-nav .t-menu-level-2 > li .is-active > span::before {
        left: 61px !important; }
        @media (max-width: 1199.98px) {
          .t-sidebar-mobile .navbar-nav .t-menu-level-2 > li .is-active > span::before {
            left: 73px !important; } }
    .t-sidebar-mobile .navbar-nav .t-menu-level-2 > li > a:hover {
      background-color: #61092e !important; }
  .t-sidebar-mobile .navbar-nav .is-active:not(.dropdown-toggle) {
    color: #bf165e; }

.body-noscroll {
  position: relative;
  height: 100vh;
  overflow: hidden; }