.menuHolder {
  position: relative; }
  .menuHolder .mainMenu {
    display: flex; }
    .menuHolder .mainMenu > li {
      position: relative; }
      .menuHolder .mainMenu > li:last-child {
        margin: 0; }
      .menuHolder .mainMenu > li .secondLevel {
        opacity: 0;
        position: absolute;
        visibility: hidden;
        transition: all 0.3s ease-in-out;
        top: 100%;
        left: 0;
        width: 100%;
        min-width: 200px;
        z-index: 1; }
        .menuHolder .mainMenu > li .secondLevel ul {
          background-color: #000000; }
          .menuHolder .mainMenu > li .secondLevel ul li a {
            color: white; }
            .menuHolder .mainMenu > li .secondLevel ul li a:hover {
              background-color: #dddddd;
              color: black; }

.menuHolder:not(.megamenu) .mainMenu > li a {
  display: block;
  padding: 20px;
  font-size: 16px; }
  .menuHolder:not(.megamenu) .mainMenu > li a:hover {
    background-color: #000000;
    color: white; }
.menuHolder:not(.megamenu) .mainMenu > li:hover a {
  background-color: #000000;
  color: white; }
.menuHolder:not(.megamenu) .mainMenu > li:hover .subMenu {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.5s; }

.megamenu .megamenuDrawer {
  background-color: #dddddd;
  transition: all 0.3s ease-in-out;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border: 1px solid red; }
  .megamenu .megamenuDrawer.open {
    height: attr("menuheight"); }
.megamenu .mainMenu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0; }
  .megamenu .mainMenu > li {
    list-style-type: none;
    margin-right: 30px; }
    .megamenu .mainMenu > li.active a {
      text-decoration: underline; }
    .megamenu .mainMenu > li.hasSubmenu {
      position: static; }
      .megamenu .mainMenu > li.hasSubmenu > .subMenu {
        padding: 30px 0;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 3;
        transition: all 0.5s ease-in-out;
        opacity: 0;
        visibility: hidden;
        transition-delay: 0.1s; }
        .megamenu .mainMenu > li.hasSubmenu > .subMenu span {
          font-size: 24px;
          font-weight: bold; }
        .megamenu .mainMenu > li.hasSubmenu > .subMenu img {
          width: 100%; }
        .megamenu .mainMenu > li.hasSubmenu > .subMenu.show {
          transition-delay: 0.7s;
          opacity: 1;
          visibility: visible; }
        .megamenu .mainMenu > li.hasSubmenu > .subMenu.secondLevel .col-md-3 {
          width: 100%;
          max-width: 100%; }
        .megamenu .mainMenu > li.hasSubmenu > .subMenu.secondLevel li {
          border-bottom: 1px solid #cccccc;
          padding: 10px 0; }
          .megamenu .mainMenu > li.hasSubmenu > .subMenu.secondLevel li a {
            text-decoration: none; }
        .megamenu .mainMenu > li.hasSubmenu > .subMenu.secondLevel .hasSubmenu {
          position: relative; }
          .megamenu .mainMenu > li.hasSubmenu > .subMenu.secondLevel .hasSubmenu.open::after {
            transform: rotateZ(180deg); }
          .megamenu .mainMenu > li.hasSubmenu > .subMenu.secondLevel .hasSubmenu::after {
            content: '';
            position: absolute;
            top: 20px;
            right: 0;
            width: 10px;
            height: 10px;
            background-image: url(../../images/arrowdown.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            transition: all 0.3s ease-in-out; }
        .megamenu .mainMenu > li.hasSubmenu > .subMenu.secondLevel a {
          padding: 0;
          color: inherit; }
        .megamenu .mainMenu > li.hasSubmenu > .subMenu.secondLevel .thirdLevel {
          display: none; }
          .megamenu .mainMenu > li.hasSubmenu > .subMenu.secondLevel .thirdLevel ul {
            background-color: transparent;
            padding-left: 20px; }
            .megamenu .mainMenu > li.hasSubmenu > .subMenu.secondLevel .thirdLevel ul li {
              border: none;
              padding: 0; }
    .megamenu .mainMenu > li a {
      transition: all 0.3s ease-in-out; }
    .megamenu .mainMenu > li:last-child {
      margin-right: 0; }

.hiddenMenu {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transition-delay: 0.1s;
  background-color: rgba(0, 0, 0, 0.5); }
  .hiddenMenu .content {
    padding: 30px 0;
    background-color: #ffffff;
    opacity: 0;
    transform: scaleY(0);
    transition: all 0.5s ease-in-out;
    transform-origin: center 0; }
    .hiddenMenu .content ul {
      justify-content: flex-start;
      flex-direction: column;
      align-items: flex-start; }
      .hiddenMenu .content ul h5 {
        margin-bottom: 15px; }
      .hiddenMenu .content ul li {
        margin-bottom: 10px; }
        .hiddenMenu .content ul li a {
          display: block; }
        .hiddenMenu .content ul li img {
          display: block;
          width: 100%; }
  .hiddenMenu.open {
    opacity: 1;
    visibility: visible; }
    .hiddenMenu.open .content {
      opacity: 1;
      transform: scaleY(1); }
  .hiddenMenu.full .content {
    height: 100vh; }
    .hiddenMenu.full .content .sideTabs {
      opacity: 0;
      transition: all 0.3s ease-in-out;
      height: calc(100vh - 186px);
      overflow: auto; }
      .hiddenMenu.full .content .sideTabs ul > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
        padding: 0;
        margin-bottom: 10px;
        padding-bottom: 10px; }
        .hiddenMenu.full .content .sideTabs ul > li.hasSubmenu > a {
          position: relative; }
          .hiddenMenu.full .content .sideTabs ul > li.hasSubmenu > a::after {
            content: "";
            display: block;
            position: absolute;
            top: 10px;
            right: 0;
            width: 13px;
            height: 13px;
            background-image: url(../../images/arrowdown.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            filter: brightness(100); }
        .hiddenMenu.full .content .sideTabs ul > li.hasSubmenu .ddSecondLevel {
          display: none; }
          .hiddenMenu.full .content .sideTabs ul > li.hasSubmenu .ddSecondLevel li {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none; }
            .hiddenMenu.full .content .sideTabs ul > li.hasSubmenu .ddSecondLevel li a {
              font-size: 12px;
              white-space: wrap; }
        .hiddenMenu.full .content .sideTabs ul > li a {
          color: #000000;
          font-size: 22px;
          letter-spacing: 0;
          line-height: 38px;
          transition: 0.3s ease-in-out; }
    .hiddenMenu.full .content .tabContent {
      overflow: auto;
      max-height: calc(100vh - 135px);
      padding-bottom: 50px; }
      .hiddenMenu.full .content .tabContent .contentListing {
        margin-bottom: 30px;
        opacity: 0;
        transition: all 0.3s ease-in-out; }
        .hiddenMenu.full .content .tabContent .contentListing .listingHolder {
          display: flex;
          flex-direction: row; }
          .hiddenMenu.full .content .tabContent .contentListing .listingHolder .listingItemLI {
            margin-right: 0; }
            .hiddenMenu.full .content .tabContent .contentListing .listingHolder .listingItemLI .listingItem {
              transition: all 0.3s ease-in-out; }
              .hiddenMenu.full .content .tabContent .contentListing .listingHolder .listingItemLI .listingItem .listingImage {
                display: block;
                width: 100%;
                margin-bottom: 18px; }
                .hiddenMenu.full .content .tabContent .contentListing .listingHolder .listingItemLI .listingItem .listingImage a {
                  display: block;
                  width: 100%;
                  height: 100%;
                  overflow: hidden; }
                  .hiddenMenu.full .content .tabContent .contentListing .listingHolder .listingItemLI .listingItem .listingImage a img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transition: all 0.3s ease-in-out; }
              .hiddenMenu.full .content .tabContent .contentListing .listingHolder .listingItemLI .listingItem .listingInfos .listingTitle a {
                color: #000000;
                font-size: 15px;
                letter-spacing: 0;
                line-height: 20px;
                position: relative;
                padding-right: 40px;
                transition: all 0.3s ease-in-out; }
              .hiddenMenu.full .content .tabContent .contentListing .listingHolder .listingItemLI .listingItem:hover {
                transform: translateY(-10px); }
                .hiddenMenu.full .content .tabContent .contentListing .listingHolder .listingItemLI .listingItem:hover .listingImage a img {
                  transform: scale(1.2); }
      .hiddenMenu.full .content .tabContent .contact {
        opacity: 0;
        transition: all 0.3s ease-in-out; }
        .hiddenMenu.full .content .tabContent .contact .title {
          color: #000000;
          text-transform: uppercase;
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 4.29px;
          line-height: 26px;
          padding-bottom: 8px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
          margin-bottom: 22px; }
        .hiddenMenu.full .content .tabContent .contact p {
          color: #000000;
          font-size: 16px;
          font-weight: 300;
          letter-spacing: 0;
          line-height: 26px;
          white-space: normal; }
          .hiddenMenu.full .content .tabContent .contact p a {
            color: #0088CC;
            transition: all 0.3s ease-in-out;
            font-weight: 700; }
            .hiddenMenu.full .content .tabContent .contact p a:hover {
              opacity: 0.5; }
    .hiddenMenu.full .content .moreLinks {
      display: flex;
      flex-direction: row;
      border-top: 1px solid black;
      padding-top: 20px; }
  .hiddenMenu.full.open .content .sideTabs {
    opacity: 1;
    transition-delay: 0.1s; }
  .hiddenMenu.full.open .content .tabContent .contentListing {
    opacity: 1;
    transition-delay: 0.3s; }
  .hiddenMenu.full.open .content .tabContent .contact {
    opacity: 1;
    transition-delay: 0.4s; }

.megamenuBG {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: #ffffff;
  z-index: 2;
  transform: scaleY(0);
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, transform 0.5s ease-in-out, background-color 0.3s ease-in-out, height 0.5s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform-origin: 50% 0;
  transition-delay: 0.3s; }
  .megamenuBG.show {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible; }

/*# sourceMappingURL=Toolkit-mainMenu.css.map */