@charset "utf-8";


.navbar {
    position: absolute;
    right: 0;
    top: -13px;
}
  .navigation {
      width: 100%;
      height: 80px;
      margin-bottom: 0px;
      /* margin-top: 7px; */
      padding-top: 6px;
      z-index: 999;
      position: absolute;
  }

  .sticky {
      position: fixed;
      top: 0px;
      background: rgba(0, 0, 0, 0.5);
      z-index: 99;
      box-shadow: 0 0 10px 9px rgb(0 0 0 / 7%);
      width: 100%;
  }

  .mrgb {
      margin-top: -17px !important
  }

  .menu-toggler,
  .navWrap .modal-header i {
      font-size: 22px;
      color: #fff;
      cursor: pointer;
      padding: 10px;

  }

  .navWrap .modal-header i {
      font-size: 18px;
  }

  ul {
      list-style-type: none;
      padding-left: 0;
      margin: 0
  }

  ul.header-top-c {
      color: #fff;
      display: inline-flex;
      list-style-type: none;
      margin-bottom: 0
  }

  ul.header-top-c li:first-child {
      border-left: 0px solid #ffffff3b;
  }

  ul.header-top-c li {
      margin-left: 0px;
      text-align: center;
      margin-right: 0px;
      border-right: 0px solid #ffffff3b;
      font-size: 14px
  }

  ul.header-top-c li a {
      color: #fff;
      padding: 20px 15px;
      text-transform: uppercase;
      display: inline-block;
      text-decoration: none;
  }

  ul.header-top-c li a:hover {
      background: transparent;
      color: #fff
  }

  .navbar-brand img {
      max-height: 130px;
      margin-top: -30px;
      position: absolute
  }

  .header-space {
      height: 100px
  }

  @media (min-width:576px) {
      .navbar-dark .navbar-brand {
          margin-right: 9rem
      }
  }

  header#active-sticky {
      z-index: 200
  }

  .navbar-brand img,
  header#active-sticky {
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s
  }

  header.is-sticky {
      background-color: #434343
  }

  .is-sticky.bg-light,
  .is-sticky.bg-white {
      -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
      box-shadow: 0 1px 10px rgba(0, 0, 0, .1)
  }

  .is-sticky .navbar-brand img {
      max-width: 90px
  }

  .navWrap.modal.fade .modal-dialog {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%)
  }

  .navWrap.modal.show .modal-dialog {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      left: 0 !important;
  }

  .navWrap .modal-dialog {
      position: absolute;
      right: 0;
      width: 100%;
      top: 0;
      margin: 0
  }

  .modal-backdrop {
      z-index: 9
  }

  .menu-toggler,
  .navWrap .modal-header i {
      font-size: 30px;
      color: #fff;
      cursor: pointer;
      padding: 5px;
  }

  .navWrap .modal-header i {
      font-size: 18px
  }

  .navWrap .modal-header {
      border-color: rgba(255, 255, 255, .3);
      width: calc(100% + 40px);
      margin-left: 0;
      z-index: 1
  }

  .nav-footer p {
      font-weight: 200;
      color: #ababab;
      font-size: 13px;
      line-height: 24px
  }

  .nav-footer {
      border-top: 1px solid rgba(255, 255, 255, .3);
      margin-top: 5px;
      padding-top: 15px
  }

  nav.primary-menu ul {
      list-style: none;
      margin: 0;
      padding: 0
  }

  nav.primary-menu ul ul {
      display: none
  }

  nav.primary-menu>ul>li>ul {
      border-left: 5px solid rgba(255, 255, 255, .4)
  }

  nav.primary-menu li.active>ul {
      display: block
  }

  nav.primary-menu li {
      padding: 0;
      font-size: 12px
  }

  nav.primary-menu li a {
      display: block;
      text-transform: uppercase;
      color: #fff;
      letter-spacing: 2.1px;
      padding: 6px 0 6px 10px;
      position: relative;
      font-size: 16px
  }

  nav.primary-menu ul li a:hover,
  nav.primary-menu ul li.active>a {
      background: rgba(255, 255, 255, .15);
      border-left: 5px solid rgba(255, 255, 255, .4)
  }

  nav.primary-menu li a i {
      font-size: 16px;
      padding-right: 5px
  }

  nav.primary-menu a:not(:only-child):after {
      content: "\f067";
      font-family: FontAwesome;
      position: absolute;
      right: 10px;
      top: 7px
  }

  nav.primary-menu .active>a:not(:only-child):after {
      content: "\f068"
  }

  .navbar-light .menu-toggler,
  .navbar-light .primary-menu li a {
      color: #111
  }

  .navbar-light nav.primary-menu>ul>li>ul {
      background-color: #fff
  }

  .navbar-light .primary-menu ul li a:hover,
  .navbar-light .primary-menu ul li.active>a {
      background: rgba(0, 0, 0, .1);
      border-color: rgba(0, 0, 0, .3)
  }

  .horizontal.primary-menu>ul>li {
      float: left;
      margin-left: 10px
  }

  .horizontal.primary-menu>ul>li>a {
      padding-left: 5px;
      padding-right: 25px
  }

  .horizontal.primary-menu>ul>li>a:not(:only-child)::after {
      right: 2px;
      top: 8px
  }

  .horizontal.primary-menu>ul>li>ul {
      position: absolute;
      top: 100%;
      z-index: 2;
      width: 180px
  }

  .horizontal.primary-menu ul li a,
  .horizontal.primary-menu ul li>a {
      border-left: 5px solid transparent
  }

  @media (min-width:768px) and (max-width:991px) {
      .horizontal.primary-menu>ul>li {
          margin-left: 2px
      }

      nav.primary-menu li a {
          letter-spacing: 0
      }
  }

  @media (max-width:767px) {
      .horizontal.primary-menu {
          width: 100%
      }

      [aria-expanded=true] .ti-menu::before {
          content: "\e646"
      }

      .horizontal.primary-menu>ul>li {
          float: none;
          position: relative
      }

      .horizontal.primary-menu>ul>li>ul {
          position: static
      }

  }

  .sidebar-layout header {
      -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
      box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1)
  }

  .sidebar-layout .copyright-text p {
      font-size: 13px;
      line-height: 25px
  }

  .sidebar-layout .social-icons a {
      font-size: 18px
  }

  .sidebar-layout .menu-icon {
      font-size: 16px;
      cursor: pointer
  }

  .expand .ti-menu::before {
      content: "\e646"
  }

  @media (max-width:768px) {

      .sidebar-layout header {
          overflow-y: scroll
      }

      .sidebar-layout .w-85 {
          width: 100%
      }

      .sidebar-header {
          width: 280px;
          -webkit-transition: all ease .3s;
          -o-transition: all ease .3s;
          transition: all ease .3s;
          left: -100%
      }

      .expand .sidebar-header {
          left: 0
      }

  }

  @media (min-width:1200px) and (max-width:1700px) {
      .sidebar-header .pl-60 {
          padding-left: 30px
      }
  }

  @media (min-width:992px) and (max-width:1199px) {
      .sidebar-layout .w-15 {
          width: 20%
      }

      .sidebar-layout .w-85 {
          width: 80%
      }

      .sidebar-header .pl-60 {
          padding-left: 15px
      }
  }

  @media (max-width:480px) {
      .navbar-brand img {
          max-height: 60px
      }

      .is-sticky .navbar-brand img {
          max-height: 60px
      }

      .navigation {
          width: 100%;
          height: 80px;
          background: rgba(0, 0, 0, 0.5);
          margin-bottom: 0px;
          padding-top: 10px;
          z-index: 999;
          position: static;
      }
  }







  @media (max-width:390px) {
      .nav-tabs .nav-item {
          margin-bottom: 10px;
          width: 100%
      }
  }

  .navWrap .modal-content {
      width: 60%;
      overflow: hidden;
      background-image: url(../images/side-menu-bg.png)
  }

  .bg-dark {
      display: block;
      width: 100%;
      height: 100%;
      z-index: -1;
      position: absolute;
      background-color: #fff;
      background-image: url(../images/menu-bg.jpg);


  }

  .bg-dark:hover {
      background-color: rgba(255, 255, 255, 0);
      background-blend-mode: normal
  }

  .pdrl {
      padding-left: 40px;
      padding-right: 40px;
      margin-top: -60px
  }

  .pd-ctrl {
      padding: 0 50px;
      margin-top: 40px
  }

  @media (min-width:576px) {
      /* .modal-dialog{
        max-width:100%
    }*/
  }

  @media (max-width:768px) {

      .navWrap .modal-content {
          width: 100%;
          overflow: hidden;
          background-color: #343a40
      }
  }