.ha-header{position:fixed;top:0;left:0;width:100%;padding:0;margin:0;z-index:999;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.ha-header-perspective{width:100%;height:100%;position:relative;-webkit-perspective:1100px;-moz-perspective:1100px;perspective:1100px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;perspective-origin:50% 0}.ha-header-perspective>div{background:#fff;text-align:left;padding:0 7%;height:50%;width:100%;margin:0 auto;position:relative;text-align:justify;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;overflow:hidden}.ha-header-front{z-index:2;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;transform-origin:50% 100%}.ha-header-perspective .ha-header-bottom{background:#ddd;-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;transform-origin:50% 0%;z-index:1;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transition:top 0.5s;-moz-transition:top 0.5s;transition:top 0.5s;position:absolute;top:0}.ha-header-perspective>div::after{content:'';display:inline-block;width:100%}