.hfc-overlay-btn-wrap{overflow:hidden;clear:both;text-align:center}.hfc-button{cursor:pointer;background-color:#191919;color:#fff;display:inline-block;padding:3px 12px;font-size:22px;position:relative;overflow:hidden;text-align:center;z-index:100;transition:opacity .25s ease}.hfc-button:hover{opacity:.7}.hfc-button.active .top{-webkit-transform:translateY(11px) translateX(0) rotate(45deg);transform:translateY(11px) translateX(0) rotate(45deg);background:#fff}.hfc-button.active .middle{opacity:0;background:#fff}.hfc-button.active .bottom{-webkit-transform:translateY(-11px) translateX(0) rotate(-45deg);transform:translateY(-11px) translateX(0) rotate(-45deg);background:#fff}.hfc-button span{background:#ff5252;border:none;height:5px;width:100%;position:absolute;top:0;left:0;transition:all .35s ease;cursor:pointer}.hfc-button span:nth-of-type(2){top:11px}.hfc-button span:nth-of-type(3){top:22px}.hfc-overlay{position:fixed;background:#ff5252;top:0;left:0;width:100%;height:0;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden}.hfc-overlay.open{opacity:1;visibility:visible;height:100%;z-index:10}.hfc-overlay.open li{-webkit-animation:fadeInRight .5s ease forwards;animation:fadeInRight .5s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s}.hfc-overlay.open li:nth-of-type(2){-webkit-animation-delay:.4s;animation-delay:.4s}.hfc-overlay.open li:nth-of-type(3){-webkit-animation-delay:.45s;animation-delay:.45s}.hfc-overlay.open li:nth-of-type(4){-webkit-animation-delay:.5s;animation-delay:.5s}.hfc-overlay nav{position:relative;height:70%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:22px;font-weight:400;text-align:center}.hfc-overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%}.hfc-overlay ul li{display:block;height:25%;height:calc(100% / 4);min-height:50px;position:relative;opacity:0}.hfc-overlay ul li a{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden}.hfc-overlay ul li a:hover:after,.hfc-overlay ul li a:focus:after,.hfc-overlay ul li a:active:after{width:100%}.hfc-overlay ul li a:after{content:'';position:absolute;bottom:0;left:50%;width:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:3px;background:#fff;transition:.35s}@-webkit-keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}