.header-section{position:relative;z-index:9;box-shadow:var(--primary-shadow);transition:all .4s ease;top:0}.beautypress-logo-wraper{position:relative}.beautypress-logo{display:block;position:absolute;top:0;left:0;background-color:var(--color-white);box-shadow:var(--hover-shadow);padding:30px 15px;z-index:9;text-align:center}
.header-section.navbar-fixed.off-canvas{top:-100px;opacity:0;visibility:hidden}
.header-section.navbar-fixed{position:fixed;left:0;width:100%;transition:all .6s ease}
.header-section.navbar-fixed.fixed{top:0;opacity:1;visibility:visible}
.header-section.navbar-fixed.off-canvas.menu-skew{top:0;opacity:1;visibility:visible}
.menu-skew{animation-duration:.6s;animation-fill-mode:both;will-change:transform}
@media(max-width:480px){.menu-skew{animation-fill-mode:none;will-change:unset}}@-webkit-keyframes swingInX{0%{-webkit-transform:perspective(400px) rotateX(-90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg)}}@-moz-keyframes swingInX{0%{-moz-transform:perspective(400px) rotateX(-90deg)}100%{-moz-transform:perspective(400px) rotateX(0deg)}}@-o-keyframes swingInX{0%{-o-transform:perspective(400px) rotateX(-90deg)}100%{-o-transform:perspective(400px) rotateX(0deg)}}@keyframes swingInX{0%{transform:perspective(400px) rotateX(-90deg)}100%{transform:perspective(400px) rotateX(0deg)}}
.menu-skew.swingInX{-webkit-transform-origin:top;-moz-transform-origin:top;-ie-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-backface-visibility:hidden !important;-webkit-animation-name:swingInX;-moz-backface-visibility:hidden !important;-moz-animation-name:swingInX;-o-backface-visibility:hidden !important;-o-animation-name:swingInX;backface-visibility:hidden !important;animation-name:swingInX}
@media(max-width:480px){.menu-skew.swingInX{animation-name:none;transform-origin:unset}}@-webkit-keyframes swingOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg)}100%{-webkit-transform:perspective(400px) rotateX(-90deg)}}@-moz-keyframes swingOutX{0%{-moz-transform:perspective(400px) rotateX(0deg)}100%{-moz-transform:perspective(400px) rotateX(-90deg)}}@-o-keyframes swingOutX{0%{-o-transform:perspective(400px) rotateX(0deg)}100%{-o-transform:perspective(400px) rotateX(-90deg)}}@keyframes swingOutX{0%{transform:perspective(400px) rotateX(0deg)}100%{transform:perspective(400px) rotateX(-90deg)}}
.menu-skew.swingOutX{-webkit-transform-origin:top;-webkit-animation-name:swingOutX;-webkit-backface-visibility:hidden !important;-moz-animation-name:swingOutX;-moz-backface-visibility:hidden !important;-o-animation-name:swingOutX;-o-backface-visibility:hidden !important;animation-name:swingOutX;backface-visibility:hidden !important}
@media(max-width:480px){.menu-skew.swingOutX{animation-name:none;transform-origin:unset}}