/* Direct links vertical */
.hh-direct-links__vertical .hh-direct-links__picker {
   display: none;
   padding: 0;
   list-style: none;
   border-bottom: 1px solid #22bbea;
   position: relative;
}

.hh-direct-links__vertical .hh-direct-links__picker-item {
   padding: 18px 20px;
}

.hh-direct-links__vertical .hh-direct-links__picker-toggle {
   background-image: url('/images/18.44d1c5cd165b2683e6c2113/1536301247029/hh-chevron-icon.svg');
   background-repeat: no-repeat;
   width: 100%;
   height: 58px;
   background-position: center right 20px;
   right: 0;
   bottom: 0;
   position: absolute;
   z-index: 3;
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
   transition: 0.2s;
   cursor: pointer;
}

.hh-direct-links--active .hh-direct-links__picker-toggle {
   -webkit-transform: scaleY(-1);
   transform: scaleY(-1);
   transition: 0.2s;
}

.hh-direct-links__vertical .hh-direct-links__list {
   display: inline-block;
   margin: 0;
   padding: 0;
}

.hh-direct-links__vertical .hh-direct-links__list-item {
   list-style: none;
   margin-top: 1em; 
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.hh-direct-links__vertical .hh-direct-links__list-item:first-child {
   margin-top: 0;
}

.hh-direct-links__vertical .hh-direct-links__list-item a:after {
   content: '';
   background: url('/images/18.5a9a02cf1665ad57aafd6e5c/1539614551223/hh-arrow-right-icon.svg');
   background-size: 100%;
   background-position: center;
   height: 12px;
   width: 7px;
   margin-left: .5em;
   display: inline-block;
   background-repeat: no-repeat;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.hh-direct-links__vertical .hh-direct-links__list-item a:hover:after  {
   margin: 0 0 0 1em;
}

.hh-direct-links__vertical a {
   text-decoration: none;
   display: inline!important;
   position: relative;
   padding-bottom: 6px;
   border-bottom: 1px solid #22bbea;
   cursor: pointer;
}

@media all and (max-width: 1280px) {
   .hh-direct-links__vertical {
      padding: 0px 15px;
   }
}

@media all and (max-width: 991px) {
   .hh-direct-links__vertical {
      padding: 0px;
   }
}

@media all and (max-width: 767px) {
   .hh-direct-links__vertical {
      box-shadow: 0 0 50px #dadada;
      position: relative;
      background-color: #fff;
   }

   .hh-direct-links__vertical .hh-direct-links__picker {
      display: block;
   }

   .hh-direct-links__vertical .hh-direct-links__list {
      display: block;
      max-height: 0;
      overflow: hidden;
      -webkit-transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
   }

   .hh-direct-links--active .hh-direct-links__list {
      overflow: visible;
      width: 100%;
      max-height: 100em;
      -webkit-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
   }

   .hh-direct-links__vertical .hh-direct-links__list-item {
      border: none;
      margin: 0;
   }

   .hh-direct-links__vertical .hh-direct-links__list-item a {
      padding: 13px 20px;
      width: 100%;
      display: block!important;
      border-bottom: none;
   }

   .hh-direct-links__vertical .hh-direct-links__list-item a:after {
      content: none;
   }

   .hh-direct-links__vertical .hh-direct-links__list-item a:hover  {
      margin: 0
   }
}