.fat-nav,
.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before {
 -moz-transition-duration:.4s;
 -o-transition-duration:.4s;
 -webkit-transition-duration:.4s
}
.hamburger {
 display:
 block;
 position: fixed;
 top: 2%;
 right: 1%;
 z-index: 999999;
 padding: 17px 13px;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:
 border-box;
 -webkit-tap-highlight-color:transparent;
 -ms-touch-action:manipulation;
 touch-action:
 manipulation;
 background-color: #fe5862;
 border-radius:300px;
 border: #000 solid 4px;
}
.hamburger__icon {
 position:relative;
 margin-top: 6px;
 margin-bottom: 6px;
}
.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before {
 display:block;
 width: 23px;
 height: 3px;
 background-color: #000;
 -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;
 transition-duration:.4s;
}
.hamburger__icon:after,
.hamburger__icon:before {
 position:absolute;
 content:""
}
.hamburger__icon:before {
 top: -6px;
 margin-top: -3px;
}
.hamburger__icon:after {
 top: 6px;
 margin-top: 3px;
}
.hamburger.active .hamburger__icon {
 background-color:transparent
}
.hamburger.active .hamburger__icon:after,
.hamburger.active .hamburger__icon:before {
 background-color:#000
}
.hamburger.active .hamburger__icon:before {
 -moz-transform:translateY(10px)rotate(45deg);
 -ms-transform:translateY(10px)rotate(45deg);
 -webkit-transform:translateY(10px)rotate(45deg);
 transform:translateY(10px)rotate(45deg)
}
.hamburger.active .hamburger__icon:after {
 -moz-transform:translateY(-8px)rotate(-45deg);
 -ms-transform:translateY(-8px)rotate(-45deg);
 -webkit-transform:translateY(-8px)rotate(-45deg);
 transform:translateY(-8px)rotate(-45deg)
}
.fat-nav {
 top:0;
 right:0;
 z-index:9999;
 position:fixed;
 display:none;
 width: 100%;
 height:100%;
 background: rgba(1, 149, 133, 90%);
 -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;
 transition-duration:.4s;
 overflow-y: hidden;
 overflow-x:hidden;
 -webkit-overflow-scrolling:touch;
 float:right;
}
.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: 20px 0;
 padding:0
}
.fat-nav li {
 list-style-type:none;
 text-align:center;
 padding: 20px;
 font-size: 1.8em;
}
.fat-nav li,
.fat-nav li a {
 color: #fff;
 /* padding-left:35px; */
}
.fat-nav li a {
 text-decoration:none;
 line-height: 40px;
}
.fat-nav li a:hover {
background: url("../images/finger.svg") 0 8px no-repeat;
}