.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { *zoom: 1; }
.dropmenu{ *zoom: 1; list-style-type: none; width: 945px; margin: 10px auto 20px auto; padding: auto;}

.dropmenu:before, .dropmenu:after{ content: ""; display: table;}
.dropmenu:after{ clear: both;}
.dropmenu li{
  position: relative;
  width: 157.5px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}

.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #ffffff;
/**  background: #001db0;**/
  color: #333333;
  font-size: 18px;
  line-height: 18px;
  text-decoration: none;
  font-weight: bold;
}


.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{ width: 157.5px;}
.dropmenu li ul li a{
  padding: 10px 5px 10px 5px;
  border-top: 1px solid #ffffff;
  background-color: rgba(200,200,200,0.9);
  text-align: left;
  color: #000000;
  font-size: 12px;
}
.dropmenu li:hover > a{ background-color: rgba(0,29,176,0.7); color: #ffffff;}
.dropmenu li a:hover{ background-color: rgba(0,29,176,0.7); color: #ffffff;}

/**
#flip { position: relative; z-index: 2; }
#flip li ul { visibility: hidden; perspective: 400px;}
#flip li:hover ul{ visibility: visible;}
#flip ul li{ transform: rotateY(90deg); transform-origin: 50% 0; transition: .3s;}
#flip li:hover li{ transform: rotateY(0);}
#flip ul li:nth-child(2) { transition-delay: .1s;}
#flip ul li:nth-child(3) { transition-delay: .2s;}
#flip ul li:nth-child(4) { transition-delay: .3s;}
#flip ul li:nth-child(5) { transition-delay: .4s;}

#flip { position: relative; z-index: 1; }
#flip ul { visibility: hidden; perspective: 400px;}
#flip li:hover ul{ visibility: visible;}
#flip ul li{ transform: rotateX(-90deg); transform-origin: 50% 0; transition: .1s;}
#flip li:hover ul li{ transform: rotateX(0);}
#flip li:hover ul li:nth-child(1) { transition-delay: 0s;}
#flip li:hover ul li:nth-child(2) { transition-delay: .1s;}
#flip li:hover ul li:nth-child(3) { transition-delay: .2s;}
#flip li:hover ul li:nth-child(4) { transition-delay: .3s;}
#flip li ul li:nth-last-of-type(1) { transition-delay: 0s;}
#flip li ul li:nth-last-of-type(2) { transition-delay: .1s;}
#flip li ul li:nth-last-of-type(3) { transition-delay: .2s;}
#flip li ul li:nth-last-of-type(4) { transition-delay: .3s;}

#flip { position: relative; z-index: 3; }
#flip > li{ perspective: 400px;}
#flip li ul{ visibility: hidden; transform: rotateX(-90deg); transform-origin: 50% 0; transition: .3s;}
#flip li:hover ul{ visibility: visible; transform: rotateX(0);}
**/
#flip { position: relative; z-index: 5; }
#flip li ul{ opacity: 0; top: 50%; visibility: hidden; transition: .5s;}
#flip li:hover ul{ top: 100%; visibility: visible; opacity: 1;}