.custom-menu-primary {
   width: 100%;
}
.custom-menu-primary nav.navigation-primary > ul {
   padding: 0;
   margin: 0;
   list-style: noneP;
   display: flex;
   width: 100%;
}

.custom-menu-primary nav.navigation-primary > ul > li {
   position: relative;
   overflow: hidden;
   display: flex;
   align-items: center;
   height: 85px;
   padding-left: 24px;
   padding-right: 24px;
}


.custom-menu-primary nav.navigation-primary > ul > li:not(:last-child) a:before {
   content: '';
   position: absolute;
   background: rgba(61, 57, 82, 0.2);
}

.custom-menu-primary nav.navigation-primary > ul > li > a {
   display: inline-block;
   position: relative;
   font-family: 'SofiaPro', sans-serif;
   font-size: 18px;
   line-height: 20px;
   padding: 0 0 0 5px;
   text-decoration: none;
   /*   overflow: hidden; */
   white-space: nowrap;
}


.custom-menu-primary nav.navigation-primary > ul > li:not(:last-child) > a:after {
   content: '';
   opacity:1;
   position: absolute;
   left: 0;
   bottom: 1px;
   pointer-events: none;
   width: 0;
   height: 7px;
   transition:  width 0.3s;
}

.custom-menu-primary nav.navigation-primary > ul > li:not(:last-child) > a:hover:after {
   width: calc(100% - 5px);
}

.custom-menu-primary nav.navigation-primary > ul > li:not(:last-child) > a.active-branch:after {
   width: calc(100% - 5px);
}

.custom-menu-primary nav.navigation-primary > ul > li.get-in-touch > a {
   position: relative;
   padding-left: 0;
   overflow: visible;
}


.custom-menu-primary nav.navigation-primary > ul > li.get-in-touch > a:after {
   content: '';
   position: absolute;
   left: 0;
   bottom: -3px;
   pointer-events: none;
   width: 100%;
   height: 1px;
   opacity: 1;
   transform: translate3d(0, 0, 0);
   transition: opacity 0.3s, transform 0.3s;
}

.custom-menu-primary nav.navigation-primary > ul > li.get-in-touch > a:hover:after {
   opacity: 0;
   transform: translate3d(0, 10px, 0);
}

.custom-menu-primary nav.navigation-primary>ul>li.get-in-touch.active-branch:after {
   display: none;
}

@media (max-width:1024px) {
   .custom-menu-primary {
      opacity: 0;
      overflow: hidden;
      position: fixed;
      top: 60px;
      left: -9999px;
      width: 100%;
      height: calc(100vh - 60px);
      box-sizing: border-box;
      padding: 60px 0 0;
      background: #fff;
      transition: opacity 0.3s 0.6s, left 0s 0.9s;
      will-change: opacity, left;
   }

   .js-nav-open .custom-menu-primary {
      opacity: 1;
      left: 0;
      transition: opacity 0.3s;
   }

   .custom-menu-primary nav.navigation-primary > ul {
      flex-direction: column;
   }

   .custom-menu-primary nav.navigation-primary > ul > li {
      display: block;
      height: 35px;
      padding: 0 25px 0 100px;
      margin: 0 0 18px 0;
   }

   .custom-menu-primary nav.navigation-primary > ul > li > a {
      padding: 10px 0px 5px 11px;
      font-size: 26px;
      letter-spacing: 0.81px;
      opacity: 0;
      transform: translate3d(-100px, 0, 0);
      transition: opacity 0.3s 0.15s, transform 0.3s 0.15s;
   }

   .custom-menu-primary nav.navigation-primary>ul>li.active-branch:after{
      transform: translate3d(-100px, 0, 0);
   }

   .js-nav-open .custom-menu-primary nav.navigation-primary > ul > li > a {
      opacity: 1;
      transform: translate3d(0, 0, 0);
   }

   .custom-menu-primary nav.navigation-primary > ul > li:nth-child(2) > a {
      transition-delay: 0.1s;
   }

   .custom-menu-primary nav.navigation-primary > ul > li:nth-child(3) > a {
      transition-delay: 0.2s;
   }

   .custom-menu-primary nav.navigation-primary > ul > li:nth-child(4) > a {
      transition-delay: 0.3s;
   }

   .custom-menu-primary nav.navigation-primary > ul > li:nth-child(5) > a {
      transition-delay: 0.4s;
   }

   .custom-menu-primary nav.navigation-primary > ul > li:nth-child(6) > a {
      transition-delay: 0.5s;
   }

   .custom-menu-primary nav.navigation-primary > ul > li.get-in-touch > a {
      margin-left: 12px;
   }

   .custom-menu-primary nav.navigation-primary>ul>li {
      overflow: visible;
   }

   .custom-menu-primary nav.navigation-primary>ul>li:not(:last-child)>a.active-branch:after, 
   .custom-menu-primary nav.navigation-primary>ul>li:not(:last-child)>a:hover:after{
      width: calc(100% - 10px);
   }

}


@media (max-width: 667px) {
   .custom-menu-primary {
      padding-top: 30px;
   }

   .custom-menu-primary nav.navigation-primary > ul > li {
      padding-left: 60px;
      height: 30px;
   }

   .custom-menu-primary nav.navigation-primary > ul > li > a {
      padding: 5px 0px 5px 6px;
      font-size: 22px;
   }

   .custom-menu-primary nav.navigation-primary > ul > li.get-in-touch > a {
      margin-left: 6px;
   }

   .custom-menu-primary nav.navigation-primary > ul > li.get-in-touch > a:after {
      bottom: 0;
   }

   .custom-menu-primary nav.navigation-primary>ul>li:not(:last-child)>a:after{
      height: 8px;
      bottom: 4px;
   }

   .custom-menu-primary nav.navigation-primary>ul>li.active-branch:after{
      left: 24px;
      width: 20px;
   }



}


@media (min-width: 1025px) {
   .custom-menu-primary nav.navigation-primary > ul {
      justify-content: center;
   }

   .custom-menu-primary nav.navigation-primary > ul > li.blog,
   .custom-menu-primary nav.navigation-primary > ul > li.get-in-touch {
      position: absolute;
   }

   .custom-menu-primary nav.navigation-primary > ul > li.blog {
      right: 167px;
   }

   .custom-menu-primary nav.navigation-primary > ul > li.get-in-touch {
      right: 20px;
   }

   .custom-menu-primary nav.navigation-primary > ul > li:not(:last-child) a:before {
      left: 50%;
      bottom: -15px;
      width: 1px;
      height: 16px;
      transform: translate3d(0, 200%, 0);
      transition: transform 0.6s;
   }
   .custom-menu-primary nav.navigation-primary > ul > li:not(:last-child) a.active-branch:before {
      transform: translate3d(0, 100%, 0);
      transition: transform 0.6s;
   }

}