.body-overlay.show {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 900;
  background-color: #000;
  opacity: 0.5; }

#MainNav.nav-Main {
  position: fixed;
  z-index: 1001;
  right: 0;
  top: 0;
  height: 100%;
  display: none;
  width: 250px;
  /*a {
        &:focus {
            outline: none;
        }

        &.focus {
            outline: 2px dotted currentcolor;
        }
    }*/ }
  @media (min-width: 576px) and (max-width: 767.98px) {
    #MainNav.nav-Main {
      width: 250px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    #MainNav.nav-Main {
      width: 300px; } }
  @media (min-width: 992px) {
    #MainNav.nav-Main {
      width: 30%;
      right: 0; } }
  #MainNav.nav-Main.show-menu {
    display: block; }
    #MainNav.nav-Main.show-menu .Main-nav {
      background-color: #580f11;
      width: 100%;
      height: 100%;
      right: -100%;
      position: absolute; }
  #MainNav.nav-Main .Main-nav {
    display: none; }
    #MainNav.nav-Main .Main-nav .MainNavToggle.toggle {
      background: transparent;
      color: #fff;
      font-weight: 100;
      float: right;
      padding: 5px 10px;
      font-size: 2rem;
      position: absolute;
      top: 0;
      right: 10px; }
      @media (min-width: 992px) {
        #MainNav.nav-Main .Main-nav .MainNavToggle.toggle {
          padding: 15px 35px;
          font-size: 4rem;
          position: absolute;
          top: 5px;
          right: 10px; } }
      #MainNav.nav-Main .Main-nav .MainNavToggle.toggle:hover, #MainNav.nav-Main .Main-nav .MainNavToggle.toggle:focus {
        color: #868686; }
    #MainNav.nav-Main .Main-nav .menu-inner {
      display: block;
      width: 100%;
      float: left; }
      #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 {
        display: block;
        margin: 0 0 2px;
        padding: 0;
        list-style-type: none;
        width: 100%;
        display: block;
        list-style-type: none;
        color: #fff;
        margin-top: 50px; }
        @media (min-width: 992px) {
          #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 {
            margin-top: 100px; } }
        #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item {
          display: block;
          width: 100%;
          float: left;
          margin: 0 0 10px;
          list-style-type: none;
          padding: 0; }
          #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > a, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > span, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > a:not([href]):not([tabindex]) {
            display: block;
            padding: 5px 0 5px 25px;
            background-color: #460b0d;
            text-align: left;
            text-decoration: none;
            font-size: 1.4rem;
            width: 100%;
            display: block;
            color: #fff;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 10px; }
            @media (min-width: 768px) {
              #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > a, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > span, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > a:not([href]):not([tabindex]) {
                font-size: 1.6rem;
                padding: 5px 0 5px 45px; } }
            #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > a:hover, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > span:hover, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > a:not([href]):not([tabindex]):hover {
              cursor: pointer; }
            #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > a:hover, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > a:focus, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > span:hover, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > span:focus, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > a:not([href]):not([tabindex]):hover, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 > li.level-1-item > a:not([href]):not([tabindex]):focus {
              background-color: #500d0f; }
        #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 ul.level-2 {
          margin: 0 0 2px;
          list-style-type: none;
          padding: 0;
          background-color: #580f11;
          display: none; }
          #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 ul.level-2 li.level-2-item {
            list-style-type: none; }
            #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 ul.level-2 li.level-2-item > a {
              text-decoration: none;
              padding: 5px 0 5px 25px;
              font-size: 1.2rem;
              margin: 5px 0;
              color: #fff;
              font-weight: bold;
              width: 100%;
              display: block; }
              @media (min-width: 768px) {
                #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 ul.level-2 li.level-2-item > a {
                  font-size: 1.4rem;
                  padding: 5px 0 5px 45px; } }
              #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 ul.level-2 li.level-2-item > a:hover, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 ul.level-2 li.level-2-item > a:focus {
                background-color: #460b0d; }
        #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 .about-items {
          width: 100%;
          float: left;
          display: block; }
          #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 .about-items ul {
            list-style-type: none;
            padding: 0;
            margin: 20px 0 0 0; }
            @media (min-width: 768px) {
              #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 .about-items ul {
                margin: 50px 0 0 0; } }
            #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 .about-items ul li {
              list-style-type: none; }
              #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 .about-items ul li > a {
                text-decoration: none;
                padding: 5px 0 5px 25px;
                font-size: 1.4rem;
                margin: 5px 0;
                color: #fff;
                font-weight: bold;
                width: 100%;
                display: block; }
                @media (min-width: 768px) {
                  #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 .about-items ul li > a {
                    padding: 5px 0 5px 45px; } }
                #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 .about-items ul li > a:hover, #MainNav.nav-Main .Main-nav .menu-inner ul.level-1 .about-items ul li > a:focus {
                  background-color: #460b0d; }
  #MainNav.nav-Main .mCSB_inside > .mCSB_container {
    margin-right: 0; }
  #MainNav.nav-Main .search-wrapper {
    width: 100%;
    display: block;
    padding: 25px;
    font-weight: 100; }
    @media (min-width: 768px) {
      #MainNav.nav-Main .search-wrapper {
        padding: 50px 50px 20px; } }
    #MainNav.nav-Main .search-wrapper .search {
      color: #fff;
      width: 100%;
      background: transparent;
      border-radius: 0;
      display: inline-block;
      float: left;
      border-bottom: 1px solid #fff;
      display: block;
      height: 40px; }
      #MainNav.nav-Main .search-wrapper .search .search-submit-button {
        height: 30px;
        margin: 6px 0 !important;
        display: inline-block;
        float: left;
        background: transparent;
        border: none;
        vertical-align: text-bottom;
        color: #fff;
        position: absolute;
        right: 50px; }
        @media (max-width: 767.98px) {
          #MainNav.nav-Main .search-wrapper .search .search-submit-button {
            right: 25px; } }
        #MainNav.nav-Main .search-wrapper .search .search-submit-button .svg-inline--fa.fa-search {
          margin-top: -10px !important;
          height: 20px !important;
          width: 20px !important;
          position: absolute;
          right: 18px; }
        #MainNav.nav-Main .search-wrapper .search .search-submit-button:hover, #MainNav.nav-Main .search-wrapper .search .search-submit-button:focus {
          color: #868686; }
        #MainNav.nav-Main .search-wrapper .search .search-submit-button:hover {
          cursor: pointer; }
      #MainNav.nav-Main .search-wrapper .search ::-webkit-input-placeholder {
        color: #fff;
        opacity: 1 !important;
        /* for older chrome versions. may no longer apply. */ }
      #MainNav.nav-Main .search-wrapper .search :-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
        opacity: 1 !important; }
      #MainNav.nav-Main .search-wrapper .search ::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
        opacity: 1 !important; }
      #MainNav.nav-Main .search-wrapper .search :-ms-input-placeholder {
        color: #fff; }
      #MainNav.nav-Main .search-wrapper .search input:focus {
        outline: 2px dotted; }
      #MainNav.nav-Main .search-wrapper .search #search-input {
        height: 40px;
        padding: 5px 0 10px 10px;
        font-size: 1.4rem;
        width: 80%;
        background: none;
        border: none;
        -webkit-transition: width .4s ease-out;
        transition: width .4s ease-out;
        display: inline-block;
        text-align: left;
        float: left;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff; }
        #MainNav.nav-Main .search-wrapper .search #search-input:hover {
          cursor: pointer; }
      #MainNav.nav-Main .search-wrapper .search input:focus::-webkit-input-placeholder {
        color: transparent; }
      #MainNav.nav-Main .search-wrapper .search input:focus:-moz-placeholder {
        color: transparent; }
      #MainNav.nav-Main .search-wrapper .search ::-webkit-input-placeholder {
        text-align: left; }
      #MainNav.nav-Main .search-wrapper .search :-moz-placeholder {
        /* Firefox 18- */
        text-align: left; }
      #MainNav.nav-Main .search-wrapper .search ::-moz-placeholder {
        /* Firefox 19+ */
        text-align: left; }
      #MainNav.nav-Main .search-wrapper .search :-ms-input-placeholder {
        text-align: left; }