.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;
    width:44px;
    height:44px;
    position:absolute;
    /* top:0; */
    top: 10px;
    /* right:0; */
    right: 10px;
    z-index:10000;
    /* padding:12px; */
    -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: #FFFF05;
    border-radius: 50%;
    
    position: fixed;
}
.hamburger__icon{
    position:relative;
    /* margin-top:7px;
    margin-bottom:7px */
}
.hamburger__icon{
    display:block;
    width:44px;
    height: 44px;
    background-color:transparent;
    -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;
    border: 1px solid #0061D2;
    border-radius: 50%;
}
.hamburger__icon:after,.hamburger__icon:before{
    display:block;
    width:18px;
    height:2px;
    background-color:#0061D2;
    -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:16px;
    left: 13px;
    border-radius: 1px;
}
.hamburger__icon:after{
    top: 27px;
    left: 13px;
    border-radius: 1px;
}
.hamburger.active .hamburger__icon{
    background-color:transparent;
    border: 1px solid #0061D2;
    border-radius: 50%;
}
.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before{
    background-color:#0061D2;
}
.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(5px)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(-6px)rotate(-45deg);
}
.fat-nav{
    top:0;
    left:0;
    z-index:9999;
    position:fixed;
    display:none;
    width:100%;
    height:100vh;
    /* background:rgba(0,0,0,.8); */
    background: #0061D2;
    -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: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:block;
    margin:0;
    padding:0;
}
.fat-nav li{
    list-style-type:none;
    text-align:center;
    padding:15px;
    /* font-size:2em; */
    font-size: 1.4rem;
}
.fat-nav li,.fat-nav li a{
    color:#fff;
}
.fat-nav li a{
    text-decoration:none;
}