.hamburger { display: block; width: 50px; height: 50px; position: fixed; top: 0; left: 0; z-index: 10000; padding: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation; }

.hamburger__icon { position: relative; margin-top: 7px; margin-bottom: 7px; }

.hamburger__icon,

.hamburger__icon:before,

.hamburger__icon:after { display: block; width: 25px; height: 2px; background-color: #222; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, transform; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }

.hamburger__icon:before,

.hamburger__icon:after { position: absolute; content: ""; }

.hamburger__icon:before { top: -7px; }

.hamburger__icon:after { top: 7px; }

.hamburger.active .hamburger__icon { background-color: transparent; }

.hamburger.active .hamburger__icon:before,

.hamburger.active .hamburger__icon:after { background-color: #000; }

.hamburger.active .hamburger__icon:before { -moz-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); }

.hamburger.active .hamburger__icon:after { -moz-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); }

.fat-nav { top: 0; left: 0; z-index: 9999; position: fixed; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

.fat-nav__wrapper { width: 100%; height: 100%; display: table; table-layout: fixed; }

.fat-nav.active { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

.fat-nav ul { display: table-cell; vertical-align: middle; margin: 0; padding: 0; }

.fat-nav li { list-style-type: none; text-align: center; padding: 0 15px 15px; font-size: 24px; line-height:30px; }

.fat-nav li,

.fat-nav li a { color: #fff; }

.fat-nav li a { text-decoration: none; }

.fat-nav ul ul { display:inline-block; width:100%; }

.fat-nav ul ul li { /*display:inline-block;*/ display:block; vertical-align:top; font-size:16px; line-height:22px; padding:10px 0 0; }