/* fixed bottom step navigation */
.pushy{
    position: fixed;
    width:100%;
    height:91px;
    bottom: 0;
    z-index: 999;
    background: #f5f5f5;
    font-size: 0.9em;
    font-weight: bold;
    /*-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);*/
/*    overflow: hidden;*/
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
    border-top:1px solid #4cb848;
}

.pushy a{
    display: block;
    color: #b3b3b1;
    padding:10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(255, 255, 255, .1);
    text-decoration: none;
}

.pushy a:hover{
    background: #00b4ff;
    color: #FFF;
}

.pushy ul{height:90px;margin:0px auto 0 auto !important;max-width:492px;width: 100%;padding: 0px;}
.pushy ul li{list-style-type: none;display: inline-block;padding:4px 20px;text-align: center !important;}
.pushy ul li a{display:inline-block;background: #fff;width:80px;height:80px;border-radius:90px;text-align: center;border: 1px solid #ddd;}
.pushy ul li a:hover,.pushy ul li a.active{background: #ff6222;color:#fff !important;}
.pushy ul li a span{display: block;font-size:14px !important;white-space: nowrap;}
.pushy ul li a .fa{margin-top: 8px;}
.pushy ul li strong{display:block;margin-top: 7px;color:#a59ec9;text-align: center;}


.pushy ul li a.completed{
    background-color: #b62433 !important;
    color: #fff;
}