/* =============================================
   Mobile Button
============================================= */

.mobile-button {
  display: none;
}

@media (max-width: 1024px) {

  .mobile-button {
    display: block;
    width: 50px;
    height: 38px;
    background: none;
    position: fixed;
    right: 10px;
    top: 10px;
	z-index: 5000000;
	border: 1px solid #f8f8f8;
  }

  .mobile-button span {
    display: block;
    height: 2px;
    width: 26px;
    left: 12px;
    background: #FFF;
    position: absolute;
  }

  .mobile-button span {
    transition: ease .3s;
  }

  .mobile-button span:nth-child(1) { top: 10px;  }
  .mobile-button span:nth-child(2) { top: 18px;  }
  .mobile-button span:nth-child(3) { top: 26px;  }

	.mobile-button.button-animation span {
		background: #009999 !important;
	}
	
  .mobile-button.button-animation span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .mobile-button.button-animation span:nth-child(2) {
    opacity: 0;
  }
  
  .mobile-button.button-animation span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

}