.logo-top {
  height: 5.5rem;
}
@media screen and (min-width: 767px) {
  .page-body
    .page-container.horizontal-menu
    header.navbar.navbar-fixed-top.f-nav {
    margin-top: 0 !important;
  }
  .page-body .page-container.horizontal-menu header.navbar .navbar-inner {
    display: flex;
    align-items: center;
    background: url(header.png) top right no-repeat repeat, linear-gradient(45deg, #54cf86, #00bcc2);
    -webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
  }
  .page-body .page-container.horizontal-menu header.navbar .navbar-nav {
    /* // float: right;  */
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    ul.nav
    > li.dropdown
    > span {
    color: #fff;
  }
  .page-body .page-container.horizontal-menu header.navbar ul.nav > li.sep {
    border-left: 1px solid #fff;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    ul.nav
    > li.dropdown
    > a {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
  }
  .page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a:hover,
  .page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a:focus {
    /* // color: #eee; */
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li.root-level
    > ul {
    margin-top: 5px;
  }

  /* menu style */
  .page-container.horizontal-menu header.navbar ul.nav {
    order: 3;
  }
  .page-body .page-container.horizontal-menu header.navbar .navbar-nav {
    border-left: 1px solid transparent;
    margin-left: auto;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    > a {
    padding: 22px 20px;
    border-right: 1px solid transparent;
    color: #aaabae;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li:hover
    > a {
    /* background-color: rgba(69, 74, 84, 0.3);
		color: #fff; */
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li.active
    > a {
    background-color: transparent;
    color: #f6fe70;
  }
  .page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul {
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    ul
    li
    > a {
    border-bottom: 1px solid #303641; /* #464C59 */
    color: #aaabae;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    ul
    li:hover
    > a {
    background-color: #2b303a;
    color: #fff;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    ul
    li.active
    > a {
    background-color: #0a3f3f;
    color: #fdfe73;
  }
  .page-body
    .page-container.horizontal-menu
    header.navbar
    .navbar-nav
    > li
    ul
    li
    ul {
  }
  /* end menu style */

  .boxed-layout .page-container {
    margin-top: 15px;
  }
  .boxed-layout
    .page-container.horizontal-menu
    > header.navbar.navbar-fixed-top {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
}