@media(min-width: 642px){
.dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 0;
  overflow: hidden;
  max-height: 0;
  
  -webkit-transition: max-height 1ms linear 1s;
     -moz-transition: max-height 1ms linear 1s;

  pointer-events: none;
}

.top-bar-section ul > li:hover .dropdown, .top-bar-section ul  > li:focus .dropdown {
  pointer-events: auto;
  z-index: 10;
  max-height: 2000px;
  -webkit-transition: none;
     -moz-transition: none;
}
.top-bar-section ul li ul.dropdown li{border:1px solid #FAFAFA;border-top:none;border-bottom:0px}
.top-bar-section ul li ul.dropdown li:nth-child(odd){background:#E4E4E4;}
.top-bar-section ul li ul.dropdown li:nth-child(even){background:#F1F1F1;}
.top-bar-section ul li ul.dropdown li:hover, .top-bar-section ul li ul.dropdown li.selected{background:#2B2B2B;}
.top-bar-section ul li ul.dropdown li.selected a{color:#fff !important;}
 .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button){color:#fff}

 /* forward */
.top-bar-section ul li:hover .dropdown li:nth-child(1) {
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.top-bar-section ul li:hover .dropdown li:nth-child(2) {
  -webkit-transition-delay: 66ms;
     -moz-transition-delay: 66ms;
      -ms-transition-delay: 66ms;
       -o-transition-delay: 66ms;
          transition-delay: 66ms;
}

.top-bar-section ul li:hover .dropdown li:nth-child(3) {
  -webkit-transition-delay: 133ms;
     -moz-transition-delay: 133ms;
      -ms-transition-delay: 133ms;
       -o-transition-delay: 133ms;
          transition-delay: 133ms;
}

.top-bar-section ul li:hover .dropdown li:nth-child(4) {
  -webkit-transition-delay: 200ms;
     -moz-transition-delay: 200ms;
      -ms-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms;
}

.top-bar-section ul li:hover .dropdown li:nth-child(5) {
  -webkit-transition-delay: 266ms;
     -moz-transition-delay: 266ms;
      -ms-transition-delay: 266ms;
       -o-transition-delay: 266ms;
          transition-delay: 266ms;
}

.top-bar-section ul li:hover .dropdown li:nth-child(6) {
  -webkit-transition-delay: 333ms;
     -moz-transition-delay: 333ms;
      -ms-transition-delay: 333ms;
       -o-transition-delay: 333ms;
          transition-delay: 333ms;
}

.top-bar-section ul li:hover .dropdown li:nth-child(7) {
  -webkit-transition-delay: 400ms;
     -moz-transition-delay: 400ms;
      -ms-transition-delay: 400ms;
       -o-transition-delay: 400ms;
          transition-delay: 400ms;
}

.top-bar-section ul li:hover .dropdown li:nth-child(8) {
  -webkit-transition-delay: 466ms;
     -moz-transition-delay: 466ms;
      -ms-transition-delay: 466ms;
       -o-transition-delay: 466ms;
          transition-delay: 466ms;
}

.top-bar-section ul li:hover .dropdown li:nth-child(9) {
  -webkit-transition-delay: 533ms;
     -moz-transition-delay: 533ms;
      -ms-transition-delay: 533ms;
       -o-transition-delay: 533ms;
          transition-delay: 533ms;
}

.top-bar-section ul li:hover .dropdown li:nth-child(10) {
  -webkit-transition-delay: 600ms;
     -moz-transition-delay: 600ms;
      -ms-transition-delay: 600ms;
       -o-transition-delay: 600ms;
          transition-delay: 600ms;
}

.top-bar-section ul li:hover .dropdown li:nth-child(11) {
  -webkit-transition-delay: 666ms;
     -moz-transition-delay: 666ms;
      -ms-transition-delay: 666ms;
       -o-transition-delay: 666ms;
          transition-delay: 666ms;
}

.top-bar-section ul li:hover .dropdown li:nth-child(12) {
  -webkit-transition-delay: 733ms;
     -moz-transition-delay: 733ms;
      -ms-transition-delay: 733ms;
       -o-transition-delay: 733ms;
          transition-delay: 733ms;
}
.top-bar-section ul  li:hover .dropdown li:nth-child(13) {
  -webkit-transition-delay: 800ms;
     -moz-transition-delay: 800ms;
      -ms-transition-delay: 800ms;
       -o-transition-delay: 800ms;
          transition-delay: 800ms;
}



/* backward */
ul.dropdown li:nth-child(1) {
  -webkit-transition-delay: 800ms;
     -moz-transition-delay: 800ms;
      -ms-transition-delay: 800ms;
       -o-transition-delay: 800ms;
          transition-delay: 800ms;
}
ul.dropdown li:nth-child(2) {
 -webkit-transition-delay: 733ms;
     -moz-transition-delay: 733ms;
      -ms-transition-delay: 733ms;
       -o-transition-delay: 733ms;
          transition-delay: 733ms;
}

ul.dropdown li:nth-child(3) {
 -webkit-transition-delay: 666ms;
     -moz-transition-delay: 666ms;
      -ms-transition-delay: 666ms;
       -o-transition-delay: 666ms;
          transition-delay: 666ms;
}

ul.dropdown li:nth-child(4) {
-webkit-transition-delay: 600ms;
     -moz-transition-delay: 600ms;
      -ms-transition-delay: 600ms;
       -o-transition-delay: 600ms;
          transition-delay: 600ms;
}
ul.dropdown li:nth-child(5) {
-webkit-transition-delay: 533ms;
     -moz-transition-delay: 533ms;
      -ms-transition-delay: 533ms;
       -o-transition-delay: 533ms;
          transition-delay: 533ms;
}

ul.dropdown li:nth-child(6) {
  -webkit-transition-delay: 466ms;
     -moz-transition-delay: 466ms;
      -ms-transition-delay: 466ms;
       -o-transition-delay: 466ms;
          transition-delay: 466ms;
}

ul.dropdown li:nth-child(7) {
   -webkit-transition-delay: 400ms;
     -moz-transition-delay: 400ms;
      -ms-transition-delay: 400ms;
       -o-transition-delay: 400ms;
          transition-delay: 400ms;
}

ul.dropdown li:nth-child(8) {
   -webkit-transition-delay: 333ms;
     -moz-transition-delay: 333ms;
      -ms-transition-delay: 333ms;
       -o-transition-delay: 333ms;
          transition-delay: 333ms;
}

ul.dropdown li:nth-child(9) {
  -webkit-transition-delay: 266ms;
     -moz-transition-delay: 266ms;
      -ms-transition-delay: 266ms;
       -o-transition-delay: 266ms;
          transition-delay: 266ms;
}
ul.dropdown li:nth-child(10) {
  -webkit-transition-delay: 200ms;
     -moz-transition-delay: 200ms;
      -ms-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms;
}
ul.dropdown li:nth-child(11) {
  -webkit-transition-delay: 133ms;
     -moz-transition-delay: 133ms;
      -ms-transition-delay: 133ms;
       -o-transition-delay: 133ms;
          transition-delay: 133ms;
}

ul.dropdown li:nth-child(12) {
   -webkit-transition-delay: 66ms;
     -moz-transition-delay: 66ms;
      -ms-transition-delay: 66ms;
       -o-transition-delay: 66ms;
          transition-delay: 66ms;
}

ul.dropdown li:nth-child(13) {
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}


/* Default
 ================================================================= */
.top-bar-section ul li ul.dropdown li {
  opacity: 0;

  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
     -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
      -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
       -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
          transition: opacity .4s,         transform .6s, max-height .6s;
}

.top-bar-section ul li:hover .dropdown li {
  opacity: 1;

  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}




.dropdown {
  -webkit-perspective: 400px;
     -moz-perspective: 400px;
      -ms-perspective: 400px;
       -o-perspective: 400px;
          perspective: 400px;
}

.dropdown li {
  -webkit-transform-origin: 50% 50% -50px;
     -moz-transform-origin: 50% 50% -50px;
      -ms-transform-origin: 50% 50% -50px;
       -o-transform-origin: 50% 50% -50px;
          transform-origin: 50% 50% -50px;

  -webkit-transform: rotateX( -180deg );
     -moz-transform: rotateX( -180deg );
      -ms-transform: rotateX( -180deg );
       -o-transform: rotateX( -180deg );
          transform: rotateX( -180deg );
}


}