@media (max-width: 992px) {
  nav > #block_top_menu {
    display: none; } }

@media (min-width: 992px) {
  nav > #block_top_menu {
    display: block; } }

@media (max-width: 992px) {
  #top-container #block_top_menu {
    display: block; } }

@media (min-width: 992px) {
  #top-container #block_top_menu {
    display: none; } }

#block_top_menu {
  margin: 0 auto; }
  #block_top_menu .sf-menu {
    margin: 0 auto;
    background-color: #111;
    border-bottom: 2px solid #555;
    text-align: center; }
    @media (min-width: 992px) {
      #block_top_menu .sf-menu {
        background-color: unset;
        border-bottom: none; } }
    @media (max-width: 768px) {
      #block_top_menu .sf-menu {
        background-color: #333; } }
    #block_top_menu .sf-menu > li {
      margin-bottom: -2px;
      border-right: none;
      float: none;
      display: inline-block;
      width: auto;
      padding: 0 10px;
      margin-right: 10px; }
      @media (max-width: 992px) {
        #block_top_menu .sf-menu > li {
          display: block; } }
      #block_top_menu .sf-menu > li.sfHoverForce > a {
        background-color: #111;
        border-bottom: 2px solid #000;
        color: #fff; }
      #block_top_menu .sf-menu > li.sfHover > a {
        border-bottom: 2px solid #fff;
        background-color: #111; }
      #block_top_menu .sf-menu > li:Hover > a {
        border-bottom: 2px solid #aaa;
        background-color: #111; }
      #block_top_menu .sf-menu > li > a {
        border-bottom: 2px solid #555;
        color: #eee;
        padding: 17px 20px; }
        @media (min-width: 992px) {
          #block_top_menu .sf-menu > li > a {
            border-bottom: none; } }
        @media (max-width: 1200px) and (min-width: 992px) {
          #block_top_menu .sf-menu > li > a {
            padding: 17px 5px; } }
      #block_top_menu .sf-menu > li > .submenu-container {
        background-color: #555; }

@meida (min-width: $screen-md) {
  #block_top_menu .sf-menu > li > .submenu-container {
    top: 58px;
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.3); } }
        @media (max-width: 992px) {
          #block_top_menu .sf-menu > li > .submenu-container {
            top: 0px; } }
        #block_top_menu .sf-menu > li > .submenu-container > li {
          height: 30px;
          line-height: 30px; }
          @media (min-width: 768px) {
            #block_top_menu .sf-menu > li > .submenu-container > li {
              height: 40px;
              line-height: initial;
              margin-bottom: 30px; } }
          @media (min-width: 768px) {
            #block_top_menu .sf-menu > li > .submenu-container > li {
              float: none;
              display: inline-block; } }
          #block_top_menu .sf-menu > li > .submenu-container > li > a {
            color: #ddd; }
            #block_top_menu .sf-menu > li > .submenu-container > li > a:hover {
              color: #7fdbff; }
      @media (min-width: 992px) {
        #block_top_menu .sf-menu > li > ul {
          width: 100vw;
          left: 0px; } }

/*# sourceMappingURL=blocktopmenu.css.map */