#navbar-top {
  background: #fdfdfd;
  height: 115px;
  position: fixed;
  min-height: 8rem;
  display: flex;
  padding: 0 5.2rem 0 3.5rem;
  width: 100%;
  z-index: 99;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

#menubar-top {
  width: 0px;
}

.row.region.region-top-header {
  margin: auto;
  width: 46.5rem;
  left: 9rem;
  position: relative;
}

ul.tb-megamenu-nav.nav.level-0.items-7 {
  background: #fdfdfd;
}

.nav-collapse.always-show {
  background: #fdfdfd !important;
}

#menubar-top-logo {
  margin-top: -10rem;
  margin-left: -20.5rem;
  height: 46.5px !important;
  width: 208px !important;
}

#mbt-search-toggle {
  margin-top: -15.5rem;
  left: 49rem;
  position: relative;
  cursor: pointer;
}

#tb-megamenu-column-8 li {

  left: -12rem;
}

#tb-megamenu-column-13 li {
  left: -37rem;
}


#mbt-search-toggle:hover {
  margin-top: -15.5rem;
  transform: scale(1.2);
  transition: all 0.3s;
}

.dropdown-toggle.active-trail {
  background: #583333;
}

.tb-megamenu .nav>li>a {
  background: #fdfdfd;
  color: #221000;
  border: none;
  font-weight: 700;
  font-size: 18px;
  max-height: 11.4rem;
  min-height: 8rem;
  padding: 0 1rem !important;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.tb-megamenu .nav>li>a:active,
.tb-megamenu .nav>li>a:before,
.tb-megamenu .nav>li>a:focus {
  color: #221000;
}

.tb-megamenu .nav>li>a:hover {
  color: #221000 !important;
  border-radius: 3px;
}

#tb-megamenu-column-1,
#tb-megamenu-column-2,
#tb-megamenu-column-3,
#tb-megamenu-column-4,
#tb-megamenu-column-5,
#tb-megamenu-column-6,
#tb-megamenu-column-7,
#tb-megamenu-column-8,
#tb-megamenu-column-9,
#tb-megamenu-column-10,
#tb-megamenu-column-11,
#tb-megamenu-column-12,
#tb-megamenu-column-13,
#tb-megamenu-column-14 {
  background: #fdfdfd;
  width: 100% !important;
  height: 362px;
  box-shadow: 0 6px 3px -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 6px 3px -2px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 6px 3px -2px rgba(0, 0, 0, 0.16);
  position: absolute;
  padding-top: 1rem;
  margin-top: -1rem;
}

.tb-megamenu .dropdown-menu li>a,
.tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link {
  color: #3e3a3c;
}

.tb-megamenu .nav li.dropdown.active>.dropdown-toggle {
  background-color: #fdfdfd;
  color: #221000;
  text-decoration: none !important;
}

.tb-megamenu .mega-nav>li a,
.tb-megamenu .dropdown-menu .mega-nav>li a {
  text-transform: capitalize;
  text-align: center;
  background: #fdfdfd;
  color: #54565b;
  font-size: 20px;
  font-weight: 400;
  font-family: work-sans, sans-serif;
  text-decoration: none;
}

.tb-megamenu .mega-nav>li a,
.tb-megamenu .dropdown-menu .mega-nav>li a:hover {
  text-decoration: underline;
}

.tb-megamenu .nav>li.dropdown.open.active>a:hover,
.tb-megamenu .nav>li.dropdown.open.active>a:focus,
.tb-megamenu .nav>li.dropdown.open.active>span.tb-megamenu-no-link:hover,
.tb-megamenu .nav>li.dropdown.open.active>span.tb-megamenu-no-link:focus {
  text-decoration: underline;
}

.tb-megamenu .nav>li.dropdown.open>.dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active>.dropdown-toggle {
  text-decoration: underline;
  background: #fdfdfd;
  color: #221000;
  text-decoration: underline !important;
  text-decoration-thickness: 3px !important;
  text-decoration-color: #b58150 !important;
  text-underline-offset: 6px !important;
}

.tb-megamenu .nav>li.dropdown.open.active>a:hover,
.tb-megamenu .nav>li.dropdown.open.active>a:focus,
.tb-megamenu .nav>li.dropdown.open.active>span.tb-megamenu-no-link:hover,
.tb-megamenu .nav>li.dropdown.open.active>span.tb-megamenu-no-link:focus {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: #b58150;
  text-underline-offset: 6px;
  background: #fdfdfd;
  color: #221000;
}

.tb-megamenu .dropdown-menu {
  border-bottom: none;
}

.tb-megamenu .dropdown-menu li>a,
.tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link {
  border-top: none;
}

.tb-megamenu-no-link.tb-megamenu-no-submenu {
  text-align: center;
  font-weight: bold !important;
  padding: 1rem 1.5rem;
  font-size: 30px;
  font-family: work-sans, sans-serif;
}

.tb-megamenu .mega-nav>li:first-child>a,
.tb-megamenu .dropdown-menu .mega-nav>li:first-child>a,
.tb-megamenu .mega-nav>li:first-child>span.tb-megamenu-no-link,
.tb-megamenu .dropdown-menu .mega-nav>li:first-child>span.tb-megamenu-no-link {
  color: #9b3214;
  padding-bottom: 1.2rem;
  background-image: url("/themes/custom/tupperlake/i/homepage/menu-brown-arrow.svg");
  background-repeat: no-repeat;
  background-position: 230px 4px;
  width: 20rem;
  display: flex;
  align-items: flex-start;
  transition: all 0.3s;
  font-size: 30px;
  font-weight: 700;
  text-decoration: none;
}

.tb-megamenu .mega-nav>li {
  transition: all 0.3s;
  animation: fadeIn 1.5s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.tb-megamenu .dropdown-menu .active>a,
.tb-megamenu .dropdown-menu .active>a:hover {
  background-image: none;
  background: #fdfdfd;
  color: #54565b;
}

.tb-megamenu .dropdown-menu .active>a:hover {
  text-decoration: underline;
}

.block.block-block-content.block-block-contentf23974e2-f380-45ca-8a1c-6fa5fe9e80de,
.block.block-block-content.block-block-contentc096c833-9775-4a16-90d3-125bf23d16cc,
.block.block-block-content.block-block-contentf81ad469-2d9b-446d-93b1-9567a73f5ba3,
.block.block-block-content.block-block-content2c2f3b54-7a7a-4f66-95de-b913f731d9ba,
.block.block-block-content.block-block-content9e5d0afc-7f22-41e9-8b41-15c59d04fa45,
.block.block-block-content.block-block-content5af4d02c-910b-4ef3-8b27-39888c2aeb51,
.block.block-block-content.block-block-contentc8a75dfe-6250-4fc1-9c49-1d41ac0f3314,
.block.block-block-content.block-block-content4432685a-ebd4-4cd8-94dc-3dc4fa2b4ffa {
  display: none;
}

.content .block.block-block-content.block-block-contentf23974e2-f380-45ca-8a1c-6fa5fe9e80de,
.content .block.block-block-content.block-block-contentc096c833-9775-4a16-90d3-125bf23d16cc,
.content .block.block-block-content.block-block-contentf81ad469-2d9b-446d-93b1-9567a73f5ba3,
.content .block.block-block-content.block-block-content2c2f3b54-7a7a-4f66-95de-b913f731d9ba,
.content .block.block-block-content.block-block-content9e5d0afc-7f22-41e9-8b41-15c59d04fa45,
.content .block.block-block-content.block-block-content5af4d02c-910b-4ef3-8b27-39888c2aeb51,
.content .block.block-block-content.block-block-contentc8a75dfe-6250-4fc1-9c49-1d41ac0f3314,
.content .block.block-block-content.block-block-content4432685a-ebd4-4cd8-94dc-3dc4fa2b4ffa {
  display: block;
}

#menu-bar-img {
  width: 280px;
  margin: auto;
  z-index: 2;
  margin-left: 46.5%;
  position: absolute;
}

.tb-megamenu .mega-nav>li,
.tb-megamenu .dropdown-menu .mega-nav>li {
  position: relative;
  z-index: 1;
  width: 305px;
  margin: auto;
  left: -27rem;
  display: flex;
  align-items: flex-start;
}

ul.tb-megamenu-subnav.mega-nav.level-1.items-6 {
  padding-left: 28rem;
  margin: auto;
}

#tb-megamenu-column-5 {
  margin-left: -7rem;
}

li.tb-megamenu-item.level-2.mega.hunt-trap a {
  color: #54565b !important;
  padding-top: 2.78rem;
  text-decoration: none;
  margin-bottom: -15px;
  background-image: none;
}

li.tb-megamenu-item.level-2.mega.hunt-trap a {
  font-size: 20px !important;
  color: #54565b !important;
  font-weight: 400;
}

li.tb-megamenu-item.level-2.mega.hunt-trap a:hover {
  text-decoration: underline;
  color: #54565b;
}

#tb-megamenu-column-1 .tb-megamenu-subnav.mega-nav.level-1.items-8 {
  margin-left: 41.5rem;
}

#tb-megamenu-column-2 #menu-bar-img {
  margin-left: 57.7%;
}

#tb-megamenu-column-3 .tb-megamenu-subnav.mega-nav.level-1.items-3 {
  margin-left: 25rem;
}

#tb-megamenu-column-4 #menu-bar-img {
  margin-left: 52.5%;
}

#tb-megamenu-column-5 .tb-megamenu-subnav.mega-nav.level-1.items-4 {
  margin-left: 26.5rem;
  background-position: 130px 4px;
}

#tb-megamenu-column-6 #menu-bar-img {
  margin-left: 48.4%;
}

#tb-megamenu-column-9 #menu-bar-img {
  margin-left: 46%;
}

#tb-megamenu-column-10 .tb-megamenu-subnav.mega-nav.level-1.items-10 {
  margin-left: -14rem;
}

#tb-megamenu-column-11 #menu-bar-img {
  margin-left: 39.9%;
}

#tb-megamenu-column-12 .tb-megamenu-subnav.mega-nav.level-1.items-7 {
  margin-left: -26.6rem;
}

#tb-megamenu-column-12 #menu-bar-img {
  margin-left: 36.8%;
}

.tb-megamenu-item:last-of-type #tb-megamenu-column-12 {
  margin-left: -5.5rem;
}

#block-block-content5af4d02c-910b-4ef3-8b27-39888c2aeb51 {
  margin-left: -4.3rem;
}

#tb-megamenu-column-13 #menu-bar-img {
  margin-left: 36.75%;
}

#tb-megamenu-column-13 .tb-megamenu-subnav.mega-nav.level-1.items-8 {
  margin-left: -17.5rem;
}

#tb-megamenu-column-14 .tb-megamenu-subnav.mega-nav.level-1.items-8 {
  margin-left: -37.3rem;
}

#tb-megamenu-column-1 .tb-megamenu-subnav.mega-nav.level-1.items-9{
  margin-left: 41.5rem;
}

#tb-megamenu-column-12 .tb-megamenu-subnav.mega-nav.level-1.items-8{
  margin-left: -26.2rem;
}

#tb-megamenu-column-14 .tb-megamenu-subnav.mega-nav.level-1.items-7 {
  margin-left: -37.6rem;
}

#tb-megamenu-column-14 .tb-megamenu-subnav.mega-nav.level-1.items-6 {
  margin-left: -65.6rem;
}

#tb-megamenu-column-10 .tb-megamenu-subnav.mega-nav.level-1.items-8 {
  margin-left: -13.6rem;
}

#tb-megamenu-column-15 #menu-bar-img {
  margin-left: 36.93%;
}

#tb-megamenu-column-12 .tb-megamenu-subnav.mega-nav.level-1.items-6 {
  margin-left: -54.5rem;
}

.tb-megamenu .mega-nav>li:first-child>a,
.tb-megamenu .dropdown-menu .mega-nav>li:first-child>a:hover {
  color: #9b3214;
  background-position: 250px 4px;
}

#tb-megamenu-column-5 .tb-megamenu-subnav.mega-nav.level-1.items-4>li:first-child>a {
  background-position: 130px 4px;
}

#tb-megamenu-column-5 .tb-megamenu-subnav.mega-nav.level-1.items-4>li:first-child>a:hover {
  background-position: 150px 4px;
}

#tb-megamenu-column-7 .tb-megamenu-subnav.mega-nav.level-1.items-8>li:first-child>a {
  background-position: 225px 4px;
}

#tb-megamenu-column-7 .tb-megamenu-subnav.mega-nav.level-1.items-8>li:first-child>a:hover {
  background-position: 245px 4px;
}

#tb-megamenu-column-10 .tb-megamenu-subnav.mega-nav.level-1.items-10>li:first-child>a {
  background-position: 165px 4px;
}

#tb-megamenu-column-10 .tb-megamenu-subnav.mega-nav.level-1.items-10>li:first-child>a:hover {
  background-position: 185px 4px;
}

#tb-megamenu-column-12 .tb-megamenu-subnav.mega-nav.level-1.items-8>li:first-child>a {
  background-position: 192px 4px;
}

#tb-megamenu-column-13 .tb-megamenu-subnav.mega-nav.level-1.items-8>li:first-child>a {
  background-position: 130px 4px;
}

#tb-megamenu-column-13 .tb-megamenu-subnav.mega-nav.level-1.items-8>li:first-child>a:hover {
  background-position: 150px 4px;
}

#tb-megamenu-column-12 .tb-megamenu-subnav.mega-nav.level-1.items-8>li:first-child>a:hover {
  background-position: 212px 4px;
}

#tb-megamenu-column-14 .tb-megamenu-subnav.mega-nav.level-1.items-8>li:first-child>a {
  background-position: 125px 4px;
}

#tb-megamenu-column-14 .tb-megamenu-subnav.mega-nav.level-1.items-8>li:first-child>a:hover {
  background-position: 145px 4px;
}

@media only screen and (max-width: 959px) {
  .row.region.region-top-header {
    left: 16rem;
    display: flex;
  }
}

/* Menubar Search */
#menubar-search {
  z-index: 1;
  position: relative;
  display: flex;

  height: 0px;
  overflow: hidden;

  transition: height 0.25s;
}

#menubar-search.open {
  height: 20.5rem;
}

#mbs-left {
  display: none;
}

#mbs-right {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: auto;
}

#mbs-right-title {
  color: #9b3214;
  font-size: 34px;
  font-weight: 700;
  text-transform: capitalize;
  text-align: center;
  bottom: -0.5rem;
  position: relative;
  background-image: url("/themes/custom/tupperlake/i/homepage/menu-search-icon.svg");
  background-repeat: no-repeat;
  background-position: 25rem 1rem;
  padding-top: 5rem;
  padding-left: 2rem;
}

body.page-view-search-api #mbs-right-title {
  background-position: 25rem 5rem;
  padding-top: 8rem;
}

body.page-view-search-api #mbs-form {
  margin-bottom: 4rem !important;
}

#mbs-form {
  position: relative;
  width: 798px;
  display: flex;
  align-items: center;
  min-height: 5rem;
  max-height: 5rem;
  margin-bottom: 7rem !important;
  margin: auto;
}

#mbs-form-input {
  flex-grow: 1;
  min-height: 40px;
  max-height: 40px;
  outline: none;
  font-size: 1.8rem;
  border: none;
  border-bottom: 1px solid #707272;
}

#mbs-form-input::placeholder {
  color: #000000;
  font-size: 20px;
  font-weight: 300;
  font-style: italic;
  opacity: 1;
  color: #707272;
}

#mbs-form-input::-webkit-input-placeholder,
#mbs-form-input::-moz-placeholder,
#mbs-form-input:-ms-input-placeholder,
#mbs-form-input:-moz-placeholder {
  color: #000000;
  font-size: 1.8rem;
  font-style: italic;
  opacity: 1;
}

#mbs-form-submit {
  outline: none;
  display: block;
  width: 201px;
  height: 40px;
  color: #fdfdfd;
  background: #b58150;
  font-size: 14px;
  border-radius: 24px;
  margin: auto;
  text-align: center;
  text-decoration: none;
  border: none;
  font-weight: bold;
  position: relative;
  line-height: 0rem;
  transition: all 0.3s;

  margin-top: 9rem;
  margin-left: -30rem;
  transition: all 0.3s;
}

#mbs-form-submit:hover {
  background: #be7b3d;
  font-size: 18px;
}

#menubar-search {
  overflow: hidden;
  height: 0;
  width: 134rem;
  background: #fdfdfd;
  margin-left: -52rem;
  margin-top: -6rem;
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.16);
}

#mm-2 #mobil-menu-search-form,
#mm-3 #mobil-menu-search-form,
#mm-4 #mobil-menu-search-form,
#mm-5 #mobil-menu-search-form,
#mm-6 #mobil-menu-search-form,
#mm-7 #mobil-menu-search-form,
#mm-8 #mobil-menu-search-form {
  display: none;
}

@media only screen and (max-width: 1000px) {
  #mbs-form {
    margin-left: 4rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  body.page-view-search-api #mbs-right-title {
    background-position: 25.5rem 5rem;
  }
}

@media only screen and (max-width: 699px) {
  #mbs-right-title {
    width: 375px;
    font-size: 20px;
  }

  #mbs-right {
    top: 2rem;
  }

  .views-row .search-result-wrapper .spr-right .spr-right-title a {
    font-size: 25px !important;
  }

  .views-row .search-result-wrapper .spr-right-body {
    font-weight: 400;
  }

  body.page-view-search-api #menubar-search {
    height: 390px;
  }

  #mbs-form-submit {
    margin-top: 9rem;
    margin-left: -15.95rem !important;
  }

  #mbs-form {
    margin: unset;
    width: 338px;

    margin-left: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
  }

  #mbs-form-input {
    margin-left: 2.2rem;
    text-align: center;
    font-size: 20px;
  }

  body.page-view-search-api #mbs-right-title {
    background-position: 11.6rem 4rem;
    padding-top: 7.5rem;
    margin-left: -1rem;
  }

  .view-display-id-search_page .search-results {
    margin-left: 7% !important;
    margin-top: 39% !important;
  }

  .search-title {
    margin-top: -3%;
  }

  .views-row .search-result-wrapper {
    top: -1rem;
  }

  .view-display-id-search_page .search-load-more-btn {
    padding-bottom: 7rem !important;
  }

  #mbs-right {
    padding-left: 1.5rem;
  }

  #menu-bar-img {
    display: none;
  }

  #block-tupperlake-mainnavigation {
    display: none !important;
  }
}

@media only screen and (max-width: 400px) {
  body.page-view-search-api #mbs-right-title {
    margin-left: -2rem;
  }

  #mbs-form-input {
    margin-left: .7rem;
  }

  #mbs-form-submit {
    margin-left: -17rem;
  }

  #mbs-right {
    padding-left: 1rem;
  }
}

@media only screen and (max-width: 395px) {
  #mbs-right {
    padding-left: 0rem;
  }
}