.menu-trigger,


.menu-trigger span {


  display: inline-block;


  -webkit-transition: all .4s;


  transition: all .4s;


  -webkit-box-sizing: border-box;


          box-sizing: border-box;


}





.menu-trigger:hover {


  opacity: 1;


}





.menu-trigger {


  position: relative;


  width: 36px;


  height: 29px;


  opacity: 1;


}





.menu-trigger span {


  position: absolute;


  left: 0;


  width: 100%;


  height: 1px;


  border-radius: 1px;


}





.menu-trigger span:nth-of-type(1) {


  top: 0;


  background-color: #00495b;


}





.menu-trigger span:nth-of-type(2) {


  top: 0;


  bottom: 0;


  margin: auto;


  background-color: #00495b;


}





.menu-trigger span:nth-of-type(3) {


  bottom: 0;


  background-color: #00495b;


}





.menu-trigger.active span:nth-of-type(1) {


  -webkit-transform: translateY(14px) rotate(-45deg);


  transform: translateY(14px) rotate(-45deg);


  background-color: #00495b;


}





.menu-trigger.active span:nth-of-type(2) {


  opacity: 0;


  background-color: #00495b;


}





.menu-trigger.active span:nth-of-type(3) {


  -webkit-transform: translateY(-14px) rotate(45deg);


  transform: translateY(-14px) rotate(45deg);


  background-color: #00495b;


}





/*# sourceMappingURL=sourcemap/menu-trigger.css.map */