.hbtn{position:relative;box-sizing:border-box;display:inline-block;overflow:hidden;padding:15px;margin:0 3px 6px;text-align:center;border:2px solid navy;text-decoration:none;color:#fff;white-space:nowrap;z-index:0;width:auto;font-weight: bolder;}.hbtn:hover { border: none;}.hbtn.hb-fill-bottom:before,.hbtn.hb-fill-left:before,.hbtn.hb-fill-on:before,.hbtn.hb-fill-top:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1}.hbtn i{padding-right:8px}.hpill{border-radius:50px}.hbtn.hb-fill-on:before{top:0;right:auto;bottom:auto;left:0;width:100%;height:100%;opacity:0}.hbtn.hb-fill-on:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-bottom:before{top:0;right:auto;bottom:auto;left:0;width:100%;height:0;opacity:1}.hbtn.hb-fill-bottom:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-left:before{top:0;right:0;bottom:auto;left:auto;width:0;height:100%;opacity:1}.hbtn.hb-fill-left:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-top:before{top:auto;right:auto;bottom:0;left:0;width:100%;height:0;opacity:1}.hbtn.hb-fill-top:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-middle2:before,.hbtn.hb-fill-right:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;bottom:auto;width:0;opacity:1}.hbtn.hb-fill-right:before{right:auto;left:0;height:100%}.hbtn.hb-fill-right:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-middle:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:auto;right:auto;bottom:0;left:0;width:100%;height:0;opacity:1}.hbtn.hb-fill-middle:hover:before{width:100%;height:50%;opacity:1}.hbtn.hb-fill-middle2:before{right:0;left:auto;height:100%}.hbtn.hb-fill-bottom-rev:before,.hbtn.hb-fill-on-rev:before{right:auto;left:0;height:100%;position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;bottom:auto}.hbtn.hb-fill-middle2:hover:before{width:50%;height:100%;opacity:1}.hbtn.hb-fill-on-rev:before{width:100%;opacity:1}.hbtn.hb-fill-on-rev:hover:before{width:100%;height:100%;opacity:0}.hbtn.hb-fill-bottom-rev:before{width:100%;opacity:1}.hbtn.hb-fill-bottom-rev:hover:before{width:100%;height:0;opacity:1}.hbtn.hb-fill-left-rev:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;right:0;bottom:auto;left:auto;width:100%;height:100%;opacity:1}.hbtn.hb-fill-middle-rev:before,.hbtn.hb-fill-right-rev:before,.hbtn.hb-fill-top-rev:before{right:auto;left:0;position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;opacity:1}.hbtn.hb-fill-left-rev:hover:before{width:0;height:100%;opacity:1}.hbtn.hb-fill-top-rev:before{top:auto;bottom:0;width:100%;height:100%}.hbtn.hb-fill-top-rev:hover:before{width:100%;height:0;opacity:1}.hbtn.hb-fill-right-rev:before{top:0;bottom:auto;width:100%;height:100%}.hbtn.hb-fill-right-rev:hover:before{width:0;height:100%;opacity:1}.hbtn.hb-fill-middle-rev:before{top:auto;bottom:0;width:100%;height:50%}.hbtn.hb-fill-middle-rev:hover:before{width:100%;height:0%;opacity:1}.hbtn.hb-fill-middle2-rev:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;right:0;bottom:auto;left:auto;width:50%;height:100%;opacity:1}.hbtn.hb-fill-middle2-rev:hover:before{width:0;height:100%;opacity:1}.hb-fill-middle-rev:after,.hb-fill-middle:after{width:100%;opacity:1;right:auto;left:0;top:0;bottom:auto}.hb-fill-bottom,.hb-fill-left,.hb-fill-middle,.hb-fill-middle2,.hb-fill-on,.hb-fill-right,.hb-fill-top{background:0 0;color:#fff;transition:color .3s ease,background 0s ease}.hb-fill-bottom-rev,.hb-fill-bottom:hover,.hb-fill-left-rev,.hb-fill-left:hover,.hb-fill-middle-rev,.hb-fill-middle2-rev,.hb-fill-middle2:hover,.hb-fill-middle:hover,.hb-fill-on-rev,.hb-fill-on:hover,.hb-fill-right-rev,.hb-fill-right:hover,.hb-fill-top-rev,.hb-fill-top:hover{background:#fff;color:#000;transition:color .3s ease,background 0s .3s ease}.hb-fill-bottom-rev:hover,.hb-fill-left-rev:hover,.hb-fill-middle-rev:hover,.hb-fill-middle2-rev:hover,.hb-fill-on-rev:hover,.hb-fill-right-rev:hover,.hb-fill-top-rev:hover{background:0 0;color:#fff;transition:color .3s ease,background 0s ease}.hb-fill-middle-rev:after,.hb-fill-middle2-rev:after,.hb-fill-middle2:after,.hb-fill-middle:after,.hbtn.hb-fill-bottom-bg:before,.hbtn.hb-fill-left-bg:before,.hbtn.hb-fill-on-bg:before,.hbtn.hb-fill-top-bg:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1}.hb-fill-middle:after{height:0}.hb-fill-middle-rev:after,.hb-fill-middle:hover:after{height:50%}.hb-fill-middle-rev:hover:after{height:0}.hb-fill-middle2:after{top:0;right:auto;bottom:auto;left:0;width:0;height:100%;opacity:1}.hb-fill-middle2:hover:after{width:50%}.hb-fill-middle2-rev:after{top:0;right:auto;bottom:auto;left:0;width:50%;height:100%;opacity:1}.hb-fill-middle2-rev:hover:after{width:0}.hbtn.hb-fill-on-bg:before{top:0;right:auto;bottom:auto;left:0;width:100%;height:100%;opacity:0}.hbtn.hb-fill-on-bg:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-bottom-bg:before{top:0;right:auto;bottom:auto;left:0;width:100%;height:0;opacity:1}.hbtn.hb-fill-bottom-bg:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-left-bg:before{top:0;right:0;bottom:auto;left:auto;width:0;height:100%;opacity:1}.hbtn.hb-fill-left-bg:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-top-bg:before{top:auto;right:auto;bottom:0;left:0;width:100%;height:0;opacity:1}.hbtn.hb-fill-top-bg:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-middle2-bg:before,.hbtn.hb-fill-right-bg:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;bottom:auto;width:0;opacity:1}.hbtn.hb-fill-right-bg:before{right:auto;left:0;height:100%}.hbtn.hb-fill-right-bg:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-middle-bg:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:auto;right:auto;bottom:0;left:0;width:100%;height:0;opacity:1}.hbtn.hb-fill-middle-bg:hover:before{width:100%;height:50%;opacity:1}.hbtn.hb-fill-middle2-bg:before{right:0;left:auto;height:100%}.hbtn.hb-fill-bottom-rev-bg:before,.hbtn.hb-fill-on-rev-bg:before{right:auto;left:0;height:100%;position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;bottom:auto}.hbtn.hb-fill-middle2-bg:hover:before{width:50%;height:100%;opacity:1}.hbtn.hb-fill-on-rev-bg:before{width:100%;opacity:1}.hbtn.hb-fill-on-rev-bg:hover:before{width:100%;height:100%;opacity:0}.hbtn.hb-fill-bottom-rev-bg:before{width:100%;opacity:1}.hbtn.hb-fill-bottom-rev-bg:hover:before{width:100%;height:0;opacity:1}.hbtn.hb-fill-left-rev-bg:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;right:0;bottom:auto;left:auto;width:100%;height:100%;opacity:1}.hbtn.hb-fill-middle-rev-bg:before,.hbtn.hb-fill-right-rev-bg:before,.hbtn.hb-fill-top-rev-bg:before{right:auto;left:0;position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;opacity:1}.hbtn.hb-fill-left-rev-bg:hover:before{width:0;height:100%;opacity:1}.hbtn.hb-fill-top-rev-bg:before{top:auto;bottom:0;width:100%;height:100%}.hbtn.hb-fill-top-rev-bg:hover:before{width:100%;height:0;opacity:1}.hbtn.hb-fill-right-rev-bg:before{top:0;bottom:auto;width:100%;height:100%}.hbtn.hb-fill-right-rev-bg:hover:before{width:0;height:100%;opacity:1}.hbtn.hb-fill-middle-rev-bg:before{top:auto;bottom:0;width:100%;height:50%}.hbtn.hb-fill-middle-rev-bg:hover:before{width:100%;height:0%;opacity:1}.hbtn.hb-fill-middle2-rev-bg:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;right:0;bottom:auto;left:auto;width:50%;height:100%;opacity:1}.hbtn.hb-fill-middle2-rev-bg:hover:before{width:0;height:100%;opacity:1}.hb-fill-middle-bg:after,.hb-fill-middle-rev-bg:after{width:100%;opacity:1;right:auto;left:0;top:0;bottom:auto}.hb-fill-bottom-bg,.hb-fill-left-bg,.hb-fill-middle-bg,.hb-fill-middle2-bg,.hb-fill-on-bg,.hb-fill-right-bg,.hb-fill-top-bg{background:0 0;color:#fff;transition:all .3s ease}.hb-fill-bottom-bg:hover,.hb-fill-bottom-rev-bg,.hb-fill-left-bg:hover,.hb-fill-left-rev-bg,.hb-fill-middle-bg:hover,.hb-fill-middle-rev-bg,.hb-fill-middle2-bg:hover,.hb-fill-middle2-rev-bg,.hb-fill-on-bg:hover,.hb-fill-on-rev-bg,.hb-fill-right-bg:hover,.hb-fill-right-rev-bg,.hb-fill-top-bg:hover,.hb-fill-top-rev-bg{background:#fff;color:#000;transition:all .3s ease}.hb-fill-bottom-rev-bg:hover,.hb-fill-left-rev-bg:hover,.hb-fill-middle-rev-bg:hover,.hb-fill-middle2-rev-bg:hover,.hb-fill-on-rev-bg:hover,.hb-fill-right-rev-bg:hover,.hb-fill-top-rev-bg:hover{background:0 0;color:#fff;transition:all .3s ease}.hb-fill-middle-bg:after,.hb-fill-middle-rev-bg:after,.hb-fill-middle2-bg:after,.hb-fill-middle2-rev-bg:after,.hbtn.hb-fill-bottom-br:before,.hbtn.hb-fill-left-br:before,.hbtn.hb-fill-on-br:before,.hbtn.hb-fill-top-br:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1}.hb-fill-middle-bg:after{height:0}.hb-fill-middle-bg:hover:after,.hb-fill-middle-rev-bg:after{height:50%}.hb-fill-middle-rev-bg:hover:after{height:0}.hb-fill-middle2-bg:after{top:0;right:auto;bottom:auto;left:0;width:0;height:100%;opacity:1}.hb-fill-middle2-bg:hover:after{width:50%}.hb-fill-middle2-rev-bg:after{top:0;right:auto;bottom:auto;left:0;width:50%;height:100%;opacity:1}.hb-fill-middle2-rev-bg:hover:after{width:0}.hbtn.hb-fill-on-br:before{top:0;right:auto;bottom:auto;left:0;width:100%;height:100%;opacity:0;border:2px solid #fff}.hbtn.hb-fill-on-br:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-bottom-br:before{top:0;right:auto;bottom:auto;left:0;width:100%;height:0;opacity:1;border:2px solid #fff}.hbtn.hb-fill-bottom-br:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-left-br:before{top:0;right:0;bottom:auto;left:auto;width:0;height:100%;opacity:1;border:2px solid #fff}.hbtn.hb-fill-left-br:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-top-br:before{top:auto;right:auto;bottom:0;left:0;width:100%;height:0;opacity:1;border:2px solid #fff}.hbtn.hb-fill-top-br:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-middle2-br:before,.hbtn.hb-fill-right-br:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;bottom:auto;width:0;opacity:1}.hbtn.hb-fill-right-br:before{right:auto;left:0;height:100%;border:2px solid #fff}.hbtn.hb-fill-right-br:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-middle-br:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:auto;right:auto;bottom:0;left:0;width:100%;height:0;opacity:1;border:2px solid #fff}.hbtn.hb-fill-middle-br:hover:before{width:100%;height:50%;opacity:1}.hbtn.hb-fill-middle2-br:before{right:0;left:auto;height:100%;border:2px solid #fff}.hbtn.hb-fill-bottom-rev-br:before,.hbtn.hb-fill-on-rev-br:before{right:auto;left:0;height:100%;border:2px solid #fff;position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;bottom:auto}.hbtn.hb-fill-middle2-br:hover:before{width:50%;height:100%;opacity:1}.hbtn.hb-fill-on-rev-br:before{width:100%;opacity:1}.hbtn.hb-fill-on-rev-br:hover:before{width:100%;height:100%;opacity:0}.hbtn.hb-fill-bottom-rev-br:before{width:100%;opacity:1}.hbtn.hb-fill-bottom-rev-br:hover:before{width:100%;height:0;opacity:1}.hbtn.hb-fill-left-rev-br:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;right:0;bottom:auto;left:auto;width:100%;height:100%;opacity:1;border:2px solid #fff}.hbtn.hb-fill-middle-rev-br:before,.hbtn.hb-fill-right-rev-br:before,.hbtn.hb-fill-top-rev-br:before{right:auto;left:0;position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;opacity:1;border:2px solid #fff}.hbtn.hb-fill-left-rev-br:hover:before{width:0;height:100%;opacity:1}.hbtn.hb-fill-top-rev-br:before{top:auto;bottom:0;width:100%;height:100%}.hbtn.hb-fill-top-rev-br:hover:before{width:100%;height:0;opacity:1}.hbtn.hb-fill-right-rev-br:before{top:0;bottom:auto;width:100%;height:100%}.hbtn.hb-fill-right-rev-br:hover:before{width:0;height:100%;opacity:1}.hbtn.hb-fill-middle-rev-br:before{top:auto;bottom:0;width:100%;height:50%}.hbtn.hb-fill-middle-rev-br:hover:before{width:100%;height:0%;opacity:1}.hbtn.hb-fill-middle2-rev-br:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;right:0;bottom:auto;left:auto;width:50%;height:100%;opacity:1;border:2px solid #fff}.hbtn.hb-fill-middle2-rev-br:hover:before{width:0;height:100%;opacity:1}.hb-fill-middle-br:after,.hb-fill-middle-rev-br:after{width:100%;opacity:1;right:auto;left:0;top:0;bottom:auto}.hb-fill-bottom-br,.hb-fill-left-br,.hb-fill-middle-br,.hb-fill-middle2-br,.hb-fill-on-br,.hb-fill-right-br,.hb-fill-top-br{background:0 0;color:#fff;transition:color .3s ease,background 0s ease}.hb-fill-bottom-br:hover,.hb-fill-bottom-rev-br,.hb-fill-left-br:hover,.hb-fill-left-rev-br,.hb-fill-middle-br:hover,.hb-fill-middle-rev-br,.hb-fill-middle2-br:hover,.hb-fill-middle2-rev-br,.hb-fill-on-br:hover,.hb-fill-on-rev-br,.hb-fill-right-br:hover,.hb-fill-right-rev-br,.hb-fill-top-br:hover,.hb-fill-top-rev-br{background:#fff;color:#000;transition:color .3s ease,background 0s .3s ease}.hb-fill-bottom-rev-br:hover,.hb-fill-left-rev-br:hover,.hb-fill-middle-rev-br:hover,.hb-fill-middle2-rev-br:hover,.hb-fill-on-rev-br:hover,.hb-fill-right-rev-br:hover,.hb-fill-top-rev-br:hover{background:0 0;color:#fff;transition:color .3s ease,background 0s ease}.hb-fill-middle-br:after,.hb-fill-middle-rev-br:after,.hb-fill-middle2-br:after,.hb-fill-middle2-rev-br:after,.hbtn.hb-fill-bottom-bg-br:before,.hbtn.hb-fill-left-bg-br:before,.hbtn.hb-fill-on-bg-br:before,.hbtn.hb-fill-top-bg-br:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;border:2px solid #fff}.hb-fill-middle-br:after{height:0}.hb-fill-middle-br:hover:after,.hb-fill-middle-rev-br:after{height:50%}.hb-fill-middle-rev-br:hover:after{height:0}.hb-fill-middle2-br:after{top:0;right:auto;bottom:auto;left:0;width:0;height:100%;opacity:1}.hb-fill-middle2-br:hover:after{width:50%}.hb-fill-middle2-rev-br:after{top:0;right:auto;bottom:auto;left:0;width:50%;height:100%;opacity:1}.hb-fill-middle2-rev-br:hover:after{width:0}.hbtn.hb-fill-on-bg-br:before{top:0;right:auto;bottom:auto;left:0;width:100%;height:100%;opacity:0}.hbtn.hb-fill-on-bg-br:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-bottom-bg-br:before{top:0;right:auto;bottom:auto;left:0;width:100%;height:0;opacity:1}.hbtn.hb-fill-bottom-bg-br:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-left-bg-br:before{top:0;right:0;bottom:auto;left:auto;width:0;height:100%;opacity:1}.hbtn.hb-fill-left-bg-br:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-top-bg-br:before{top:auto;right:auto;bottom:0;left:0;width:100%;height:0;opacity:1}.hbtn.hb-fill-top-bg-br:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-middle2-bg-br:before,.hbtn.hb-fill-right-bg-br:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;bottom:auto;width:0;opacity:1}.hbtn.hb-fill-right-bg-br:before{right:auto;left:0;height:100%;border:2px solid #fff}.hbtn.hb-fill-right-bg-br:hover:before{width:100%;height:100%;opacity:1}.hbtn.hb-fill-middle-bg-br:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:auto;right:auto;bottom:0;left:0;width:100%;height:0;opacity:1;border:2px solid #fff}.hbtn.hb-fill-middle-bg-br:hover:before{width:100%;height:50%;opacity:1}.hbtn.hb-fill-middle2-bg-br:before{right:0;left:auto;height:100%;border:2px solid #fff}.hbtn.hb-fill-bottom-rev-bg-br:before,.hbtn.hb-fill-on-rev-bg-br:before{right:auto;left:0;height:100%;border:2px solid #fff;position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;bottom:auto}.hbtn.hb-fill-middle2-bg-br:hover:before{width:50%;height:100%;opacity:1}.hbtn.hb-fill-on-rev-bg-br:before{width:100%;opacity:1}.hbtn.hb-fill-on-rev-bg-br:hover:before{width:100%;height:100%;opacity:0}.hbtn.hb-fill-bottom-rev-bg-br:before{width:100%;opacity:1}.hbtn.hb-fill-bottom-rev-bg-br:hover:before{width:100%;height:0;opacity:1}.hbtn.hb-fill-left-rev-bg-br:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;right:0;bottom:auto;left:auto;width:100%;height:100%;opacity:1;border:2px solid #fff}.hbtn.hb-fill-middle-rev-bg-br:before,.hbtn.hb-fill-right-rev-bg-br:before,.hbtn.hb-fill-top-rev-bg-br:before{right:auto;left:0;position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;border:2px solid #fff;opacity:1}.hbtn.hb-fill-left-rev-bg-br:hover:before{width:0;height:100%;opacity:1}.hbtn.hb-fill-top-rev-bg-br:before{top:auto;bottom:0;width:100%;height:100%}.hb-fill-middle-bg-br:after,.hb-fill-middle-rev-bg-br:hover:after{height:0}.hbtn.hb-fill-top-rev-bg-br:hover:before{width:100%;height:0;opacity:1}.hbtn.hb-fill-right-rev-bg-br:before{top:0;bottom:auto;width:100%;height:100%}.hbtn.hb-fill-right-rev-bg-br:hover:before{width:0;height:100%;opacity:1}.hbtn.hb-fill-middle-rev-bg-br:before{top:auto;bottom:0;width:100%;height:50%}.hbtn.hb-fill-middle-rev-bg-br:hover:before{width:100%;height:0%;opacity:1}.hbtn.hb-fill-middle2-rev-bg-br:before{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;right:0;bottom:auto;left:auto;width:50%;height:100%;opacity:1;border:2px solid #fff}.hbtn.hb-fill-middle2-rev-bg-br:hover:before{width:0;height:100%;opacity:1}.hb-fill-bottom-bg-br,.hb-fill-left-bg-br,.hb-fill-middle-bg-br,.hb-fill-middle2-bg-br,.hb-fill-on-bg-br,.hb-fill-right-bg-br,.hb-fill-top-bg-br{background:0 0;color:#fff;transition:all .3s ease}.hb-fill-bottom-bg-br:hover,.hb-fill-bottom-rev-bg-br,.hb-fill-left-bg-br:hover,.hb-fill-left-rev-bg-br,.hb-fill-middle-bg-br:hover,.hb-fill-middle-rev-bg-br,.hb-fill-middle2-bg-br:hover,.hb-fill-middle2-rev-bg-br,.hb-fill-on-bg-br:hover,.hb-fill-on-rev-bg-br,.hb-fill-right-bg-br:hover,.hb-fill-right-rev-bg-br,.hb-fill-top-bg-br:hover,.hb-fill-top-rev-bg-br{background:#fff;color:#000;transition:all .3s ease}.hb-fill-bottom-rev-bg-br:hover,.hb-fill-left-rev-bg-br:hover,.hb-fill-middle-rev-bg-br:hover,.hb-fill-middle2-rev-bg-br:hover,.hb-fill-on-rev-bg-br:hover,.hb-fill-right-rev-bg-br:hover,.hb-fill-top-rev-bg-br:hover{background:0 0;color:#fff;transition:all .3s ease}.hb-fill-middle-bg-br:after,.hb-fill-middle-rev-bg-br:after{position:absolute;content:'';background:#fff;transition-duration:.3s;z-index:-1;top:0;right:auto;bottom:auto;left:0;width:100%;opacity:1;border:2px solid #fff}.hb-fill-middle-bg-br:hover:after,.hb-fill-middle-rev-bg-br:after{height:50%}.hb-fill-middle2-bg-br:after,.hb-fill-middle2-rev-bg-br:after{position:absolute;content:'';background:#fff;z-index:-1;right:auto;bottom:auto;height:100%;opacity:1;border:2px solid #fff;transition-duration:.3s;left:0;top:0}.hb-fill-middle2-bg-br:after{width:0}.hb-fill-middle2-bg-br:hover:after,.hb-fill-middle2-rev-bg-br:after{width:50%}.hpill.hb-border-bottom-br:after,.hpill.hb-border-bottom:after,.hpill.hb-border-left-br:after,.hpill.hb-border-left:after,.hpill.hb-border-off-br:after,.hpill.hb-border-off2-br:after,.hpill.hb-border-off2:after,.hpill.hb-border-off3-br:after,.hpill.hb-border-off3:after,.hpill.hb-border-off:after,.hpill.hb-border-right-br:after,.hpill.hb-border-right:after,.hpill.hb-border-top-br:after,.hpill.hb-border-top:after{border-radius:50px}.hb-fill-middle2-rev-bg-br:hover:after{width:0}.hbtn.hb-border-bottom-br2:after,.hbtn.hb-border-bottom-br3:after,.hbtn.hb-border-bottom-br:after,.hbtn.hb-border-left-br2:after,.hbtn.hb-border-left-br3:after,.hbtn.hb-border-left-br:after,.hbtn.hb-border-off-br2:after,.hbtn.hb-border-off-br3:after,.hbtn.hb-border-off-br:after,.hbtn.hb-border-off2-br2:after,.hbtn.hb-border-off2-br3:after,.hbtn.hb-border-off2-br:after,.hbtn.hb-border-off3-br2:after,.hbtn.hb-border-off3-br3:after,.hbtn.hb-border-off3-br:after,.hbtn.hb-border-right-br2:after,.hbtn.hb-border-right-br3:after,.hbtn.hb-border-right-br:after,.hbtn.hb-border-top-br3:after,.hbtn.hb-border-top-br:after{width:100%;height:100%;content:'';z-index:2}.hbtn.hb-border-off{border-color:#fff;transition-duration:.3s}.hbtn.hb-border-off:hover{border-color:transparent}.hbtn.hb-border-off3,.hbtn.hb-border-top{border-color:#fff}.hbtn.hb-border-top:hover{border-color:initial}.hbtn.hb-border-right{border-color:#fff}.hbtn.hb-border-right:hover{border-color:initial}.hbtn.hb-border-bottom{border-color:#fff}.hbtn.hb-border-bottom:hover{border-color:initial}.hbtn.hb-border-left{border-color:#fff}.hbtn.hb-border-left:hover{border-color:initial}.hbtn.hb-border-off2:hover,.hbtn.hb-border-off3:hover{border-color:transparent}.hbtn.hb-border-bottom:hover,.hbtn.hb-border-right:hover{border-left-color:transparent;border-top-color:transparent}.hbtn.hb-border-left:hover,.hbtn.hb-border-top:hover{border-right-color:transparent;border-bottom-color:transparent}.hbtn.hb-border-off2{transition:border-top-color .1s .21s linear,border-right-color .1s .14s linear,border-bottom-color .1s 70ms linear,border-left-color .1s 0s linear}.hbtn.hb-border-off2:hover,.hbtn.hb-border-off3,.hbtn.hb-border-off3:hover{transition:border-top-color .1s 0s linear,border-right-color .1s 70ms linear,border-bottom-color .1s .14s linear,border-left-color .1s .21s linear}.hbtn.hb-border-top{transition:border-right-color .1s .14s linear,border-bottom-color .1s 70ms linear,border-left-color .1s 0s linear}.hbtn.hb-border-top:hover{border-left-color:transparent;transition:border-right-color .1s 0s linear,border-bottom-color .1s 70ms linear,border-left-color .1s .14s linear}.hbtn.hb-border-right{transition:border-bottom-color .1s .14s linear,border-left-color .1s 70ms linear,border-top-color .1s 0s linear}.hbtn.hb-border-right:hover{border-bottom-color:transparent;transition:border-bottom-color .1s 0s linear,border-left-color .1s 70ms linear,border-top-color .1s .14s linear}.hbtn.hb-border-bottom{transition:border-left-color .1s .14s linear,border-top-color .1s 70ms linear,border-right-color .1s 0s linear}.hbtn.hb-border-bottom:hover{border-right-color:transparent;transition:border-left-color .1s 0s linear,border-top-color .1s 70ms linear,border-right-color .1s .14s linear}.hbtn.hb-border-left{transition:border-top-color .1s .14s linear,border-right-color .1s 70ms linear,border-bottom-color .1s 0s linear}.hbtn.hb-border-left:hover{border-top-color:transparent;transition:border-top-color .1s 0s linear,border-right-color .1s 70ms linear,border-bottom-color .1s .14s linear}.hbtn.hb-border-off2,.hbtn.hb-border-off22{border-color:#fff;transition-duration:.3s}.hbtn.hb-border-off22:hover{border-color:initial}.hbtn.hb-border-off32{border-color:#fff;transition-duration:.3s}.hbtn.hb-border-off32:hover{border-color:initial}.hbtn.hb-border-top2{border-color:#fff;transition:all .2s 0s linear}.hbtn.hb-border-top2:hover{border-color:initial}.hbtn.hb-border-right2{border-color:#fff;transition:all .2s 0s linear}.hbtn.hb-border-right2:hover{border-color:initial}.hbtn.hb-border-bottom2{border-color:#fff;transition:all .2s 0s linear}.hbtn.hb-border-bottom2:hover{border-color:initial}.hbtn.hb-border-left2{border-color:#fff;transition:all .2s 0s linear}.hbtn.hb-border-left2:hover{border-color:transparent transparent transparent initial;transition:all .2s 0s linear}.hbtn.hb-border-right2:hover,.hbtn.hb-border-top2:hover{border-bottom-color:transparent}.hbtn.hb-border-bottom2:hover,.hbtn.hb-border-right2:hover{border-top-color:transparent}.hbtn.hb-border-bottom2:hover,.hbtn.hb-border-top2:hover{border-left-color:transparent;border-right-color:transparent;transition:all .2s 0s linear}.hbtn.hb-border-right2:hover{border-left-color:transparent;transition:all .2s 0s linear}.hbtn.hb-border-bottom-br,.hbtn.hb-border-left-br,.hbtn.hb-border-off-br,.hbtn.hb-border-off2-br,.hbtn.hb-border-off3-br,.hbtn.hb-border-right-br,.hbtn.hb-border-top-br{transition-duration:.3s;overflow:visible;padding:10px 22px;box-sizing:border-box}.hbtn.hb-border-off-br{position:relative;border:none}.hbtn.hb-border-off-br:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff}.hbtn.hb-border-off2-br{position:relative;border:none}.hbtn.hb-border-off2-br:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff}.hbtn.hb-border-off3-br{position:relative;border:none}.hbtn.hb-border-off3-br:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff}.hbtn.hb-border-top-br{position:relative;border:none}.hbtn.hb-border-top-br:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff}.hbtn.hb-border-right-br{position:relative;border:none}.hbtn.hb-border-right-br:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff}.hbtn.hb-border-bottom-br{position:relative;border:none}.hbtn.hb-border-bottom-br:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff}.hbtn.hb-border-left-br{position:relative;border:none}.hbtn.hb-border-left-br:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff}.hbtn.hb-border-top-br:after{transition:border-right-color .1s .14s linear,border-bottom-color .1s 70ms linear,border-left-color .1s 0s linear,border-top-width .1s 0s linear}.hbtn.hb-border-top-br:hover:after{border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-top-width:4px;transition:border-right-color .1s 0s linear,border-bottom-color .1s 70ms linear,border-left-color .1s .14s linear,border-top-width .1s .14s linear}.hbtn.hb-border-right-br:after{transition:border-bottom-color .1s .14s linear,border-left-color .1s 70ms linear,border-top-color .1s 0s linear,border-right-width .1s 0s linear}.hbtn.hb-border-right-br:hover:after{border-bottom-color:transparent;border-left-color:transparent;border-top-color:transparent;border-right-width:4px;transition:border-bottom-color .1s 0s linear,border-left-color .1s 70ms linear,border-top-color .1s .14s linear,border-right-width .1s .14s linear}.hbtn.hb-border-bottom-br:after{transition:border-left-color .1s .14s linear,border-top-color .1s 70ms linear,border-right-color .1s 0s linear,border-bottom-width .1s .14s linear}.hbtn.hb-border-bottom-br:hover:after{border-left-color:transparent;border-top-color:transparent;border-right-color:transparent;border-bottom-width:4px;transition:border-left-color .1s 0s linear,border-top-color .1s 70ms linear,border-right-color .1s .14s linear,border-bottom-width .1s .14s linear}.hbtn.hb-border-left-br:after{transition:border-top-color .1s .14s linear,border-right-color .1s 70ms linear,border-bottom-color .1s 0s linear,border-left-width .1s 0s linear}.hbtn.hb-border-left-br:hover:after{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-width:4px;transition:border-top-color .1s 0s linear,border-right-color .1s 70ms linear,border-bottom-color .1s .14s linear,border-left-width .1s .14s linear}.hbtn.hb-border-bottom-br2,.hbtn.hb-border-left-br2,.hbtn.hb-border-off-br2,.hbtn.hb-border-off2-br2,.hbtn.hb-border-off3-br2,.hbtn.hb-border-right-br2,.hbtn.hb-border-top-br2{transition-duration:.2s;overflow:visible;padding:10px 22px;box-sizing:border-box}.hpill.hb-border-bottom-br2:after,.hpill.hb-border-left-br2:after,.hpill.hb-border-off-br2:after,.hpill.hb-border-off2-br2:after,.hpill.hb-border-off3-br2:after,.hpill.hb-border-right-br2:after,.hpill.hb-border-top-br2:after{border-radius:50px}.hbtn.hb-border-off-br2{position:relative;border:none}.hbtn.hb-border-off-br2:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff}.hbtn.hb-border-off2-br2{position:relative;border:none}.hbtn.hb-border-off2-br2:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff}.hbtn.hb-border-off3-br2{position:relative;border:none}.hbtn.hb-border-off3-br2:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff}.hbtn.hb-border-top-br2{position:relative;border:none}.hbtn.hb-border-top-br2:after{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;content:'';border:2px solid #fff;z-index:2}.hbtn.hb-border-right-br2{position:relative;border:none}.hbtn.hb-border-right-br2:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff}.hbtn.hb-border-bottom-br2{position:relative;border:none}.hbtn.hb-border-bottom-br2:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff}.hbtn.hb-border-left-br2{position:relative;border:none}.hbtn.hb-border-left-br2:after{box-sizing:border-box;position:absolute;top:0;left:0;border:2px solid #fff;transition:all .2s linear}.hbtn.hb-border-left-br2:hover:after,.hbtn.hb-border-right-br2:hover:after,.hbtn.hb-border-top-br2:hover:after{border-bottom-color:transparent;transition:all .2s linear}.hbtn.hb-border-top-br2:after{transition:all .2s linear}.hbtn.hb-border-top-br2:hover:after{border-right-color:transparent;border-left-color:transparent;border-top-width:4px}.hbtn.hb-border-right-br2:after{transition:all .2s linear}.hbtn.hb-border-right-br2:hover:after{border-left-color:transparent;border-top-color:transparent;border-right-width:4px}.hbtn.hb-border-bottom-br2:after{transition:all .2s linear}.hbtn.hb-border-bottom-br2:hover:after{border-left-color:transparent;border-top-color:transparent;border-right-color:transparent;border-bottom-width:4px;transition:all .2s linear}.hbtn.hb-border-left-br2:hover:after{border-top-color:transparent;border-right-color:transparent;border-left-width:4px}.hbtn.hb-border-bottom-br3,.hbtn.hb-border-left-br3,.hbtn.hb-border-off-br3,.hbtn.hb-border-off2-br3,.hbtn.hb-border-off3-br3,.hbtn.hb-border-right-br3,.hbtn.hb-border-top-br3{transition-duration:.3s;overflow:visible;padding:10px 22px;box-sizing:border-box}.hpill.hb-border-bottom-br3:after,.hpill.hb-border-left-br3:after,.hpill.hb-border-off-br3:after,.hpill.hb-border-off2-br3:after,.hpill.hb-border-off3-br3:after,.hpill.hb-border-right-br3:after,.hpill.hb-border-top-br3:after{border-radius:50px}.hbtn.hb-border-off-br3{position:relative;border:none}.hbtn.hb-border-off-br3:after{box-sizing:border-box;position:absolute;border:2px solid #fff;margin:0}.hbtn.hb-border-off2-br3{position:relative;border:none}.hbtn.hb-border-off2-br3:after{box-sizing:border-box;position:absolute;border:2px solid #fff;margin:0}.hbtn.hb-border-off3-br3{position:relative;border:none}.hbtn.hb-border-off3-br3:after{box-sizing:border-box;position:absolute;border:2px solid #fff;margin:0}.hbtn.hb-border-top-br3{position:relative;border:none}.hbtn.hb-border-top-br3:after{box-sizing:border-box;position:absolute;border:2px solid #fff;margin:0}.hbtn.hb-border-right-br3{position:relative;border:none}.hbtn.hb-border-right-br3:after{box-sizing:border-box;position:absolute;border:2px solid #fff;margin:0}.hbtn.hb-border-bottom-br3{position:relative;border:none}.hbtn.hb-border-bottom-br3:after{box-sizing:border-box;position:absolute;border:2px solid #fff;margin:0}.hbtn.hb-border-left-br3{position:relative;border:none}.hbtn.hb-border-left-br3:after{box-sizing:border-box;position:absolute;border:2px solid #fff;margin:0}.hbtn.hb-border-bottom-br3:after{left:0;bottom:0;border-top-width:2px;transition:border-top-width .1s .2s,height .2s .1s,width .2s 0s,margin .2s 0s}.hbtn.hb-border-bottom-br3:hover:after{width:60%;height:0;border-width:0 2px 2px;margin:0 20%;transition:border-top-width .1s 0s,height .2s .1s,width .2s .2s,margin .2s .2s}.hbtn.hb-border-left-br3:after{bottom:0;left:0;border-right-width:2px;transition:border-right-width .1s .2s,width .2s .1s,height .2s 0s,margin .2s 0s}.hbtn.hb-border-left-br3:hover:after{width:0;height:60%;border-width:2px 0 2px 2px;margin:5% 0;transition:border-right-width .1s 0s,width .2s .1s,height .2s .2s,margin .2s .2s}.hbtn.hb-border-top-br3:after{top:0;right:0;border-bottom-width:2px;transition:border-bottom-width .1s .2s,height .2s .1s,width .2s 0s,margin .2s 0s}.hbtn.hb-border-top-br3:hover:after{width:60%;height:0;border-width:2px 2px 0;margin:0 20%;transition:border-bottom-width .1s 0s,height .2s .1s,width .2s .2s,margin .2s .2s}.hbtn.hb-border-right-br3:after{bottom:0;right:0;border-left-width:2px;transition:border-left-width .1s .2s,width .2s .1s,height .2s 0s,margin .2s 0s}.hbtn.hb-border-right-br3:hover:after{width:0;height:60%;border-width:2px 2px 2px 0;margin:5% 0;transition:border-left-width .1s 0s,width .2s .1s,height .2s .2s,margin .2s .2s}.hbtn.hb-border-bottom-br4:after,.hbtn.hb-border-left-br4:after,.hbtn.hb-border-off-br4:after,.hbtn.hb-border-off2-br4:after,.hbtn.hb-border-off3-br4:after,.hbtn.hb-border-right-br4:after,.hbtn.hb-border-top-br4:after{width:100%;height:100%;content:'';z-index:2;margin:0}.hbtn.hb-border-bottom-br4,.hbtn.hb-border-left-br4,.hbtn.hb-border-off-br4,.hbtn.hb-border-off2-br4,.hbtn.hb-border-off3-br4,.hbtn.hb-border-right-br4,.hbtn.hb-border-top-br4{transition-duration:.3s;overflow:visible;padding:10px 22px;box-sizing:border-box}.hpill.hb-border-bottom-br4:after,.hpill.hb-border-left-br4:after,.hpill.hb-border-off-br4:after,.hpill.hb-border-off2-br4:after,.hpill.hb-border-off3-br4:after,.hpill.hb-border-right-br4:after,.hpill.hb-border-top-br4:after{border-radius:50px}.hbtn.hb-border-off-br4{position:relative;border:none}.hbtn.hb-border-off-br4:after{box-sizing:border-box;position:absolute;border:2px solid #fff}.hbtn.hb-border-off2-br4{position:relative;border:none}.hbtn.hb-border-off2-br4:after{box-sizing:border-box;position:absolute;border:2px solid #fff}.hbtn.hb-border-off3-br4{position:relative;border:none}.hbtn.hb-border-off3-br4:after{box-sizing:border-box;position:absolute;border:2px solid #fff}.hbtn.hb-border-top-br4{position:relative;border:none}.hbtn.hb-border-top-br4:after{box-sizing:border-box;position:absolute;border:2px solid #fff}.hbtn.hb-border-right-br4{position:relative;border:none}.hbtn.hb-border-right-br4:after{box-sizing:border-box;position:absolute;border:2px solid #fff}.hbtn.hb-border-bottom-br4{position:relative;border:none}.hbtn.hb-border-bottom-br4:after{box-sizing:border-box;position:absolute;border:2px solid #fff}.hbtn.hb-border-left-br4{position:relative;border:none}.hbtn.hb-border-left-br4:after{box-sizing:border-box;position:absolute;border:2px solid #fff}.hbtn.hb-border-bottom-br4:after{left:0;bottom:0;border-top-width:2px;transition:border-top-width .1s .2s,height .2s .1s,width .2s 0s,margin .2s 0s,border-bottom-width .2s 0s}.hbtn.hb-border-bottom-br4:hover:after{width:60%;height:0;border-width:0 2px 4px;margin:0 20%;transition:border-top-width .1s 0s,height .2s .1s,width .2s .2s,margin .2s .2s,border-bottom-width .2s .2s}.hbtn.hb-border-left-br4:after{bottom:0;left:0;border-right-width:2px;transition:border-right-width .1s .2s,width .2s .1s,height .2s 0s,margin .2s 0s,border-left-width .2s 0s}.hbtn.hb-border-left-br4:hover:after{width:0;height:60%;border-width:2px 0 2px 4px;margin:5% 0;transition:border-right-width .1s 0s,width .2s .1s,height .2s .2s,margin .2s .2s,border-left-width .2s .2s}.hbtn.hb-border-top-br4:after{top:0;right:0;border-bottom-width:2px;transition:border-bottom-width .1s .2s,height .2s .1s,width .2s 0s,margin .2s 0s,border-top-width .2s 0s}.hbtn.hb-border-top-br4:hover:after{width:60%;height:0;border-width:4px 2px 0;margin:0 20%;transition:border-bottom-width .1s 0s,height .2s .1s,width .2s .2s,margin .2s .2s,border-top-width .2s .2s}.hbtn.hb-border-right-br4:after{bottom:0;right:0;border-left-width:2px;transition:border-left-width .1s .2s,width .2s .1s,height .2s 0s,margin .2s 0s,border-right-width .2s 0s}.hbtn.hb-border-right-br4:hover:after{width:0;height:60%;border-width:2px 4px 2px 0;margin:5% 0;transition:border-left-width .1s 0s,width .2s .1s,height .2s .2s,margin .2s .2s,border-right-width .2s .2s}