* {  box-sizing: border-box;}#menu li {  font-size: 0.5rem;  display: inline-block;  position: relative;  padding: 15px 20px;  cursor: pointer;  z-index: 5;  min-width: 120px;}li {  margin: 0;}.drop {  overflow: hidden;  list-style: none;  position: absolute;  padding: 0;  width: 100%;  left: 0; }.drop div {  -webkit-transform: translate(0, -100%);  -moz-transform: translate(0, -100%);  -ms-transform: translate(0, -100%);  transform: translate(0, -100%);  -webkit-transition: all 0.5s 0.1s;  -moz-transition: all 0.5s 0.1s;  -ms-transition: all 0.5s 0.1s;  transition: all 0.5s 0.1s;  position: relative;}.drop li {  display: block;  padding: 0;  width: 100%;  background: #ffffff !important;}.drop li a { color:#666; }#marker {  height: 6px;  background: #3E8760 !important;  position: absolute;  bottom: 0;  width: 120px;  z-index: 2;  -webkit-transition: all 0.35s;  -moz-transition: all 0.35s;  -ms-transition: all 0.35s;  transition: all 0.35s;}#menu li:nth-child(1):hover ul div {  -webkit-transform: translate(0, 0);  -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  transform: translate(0, 0);}#menu li:nth-child(1):hover ~ #marker {  -webkit-transform: translate(0px, 0);  -moz-transform: translate(0px, 0);  -ms-transform: translate(0px, 0);  transform: translate(0px, 0);}#menu li:nth-child(2):hover ul div {  -webkit-transform: translate(0, 0);  -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  transform: translate(0, 0);}#menu li:nth-child(2):hover ~ #marker {  -webkit-transform: translate(120px, 0);  -moz-transform: translate(120px, 0);  -ms-transform: translate(120px, 0);  transform: translate(120px, 0);}#menu li:nth-child(3):hover ul div {  -webkit-transform: translate(0, 0);  -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  transform: translate(0, 0);}#menu li:nth-child(3):hover ~ #marker {  -webkit-transform: translate(240px, 0);  -moz-transform: translate(240px, 0);  -ms-transform: translate(240px, 0);  transform: translate(240px, 0);}#menu li:nth-child(4):hover ul div {  -webkit-transform: translate(0, 0);  -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  transform: translate(0, 0);}#menu li:nth-child(4):hover ~ #marker {  -webkit-transform: translate(360px, 0);  -moz-transform: translate(360px, 0);  -ms-transform: translate(360px, 0);  transform: translate(360px, 0);}