/* Malli: @include icon($facebook)*/
.header-menu-icon-wrapper .nav-icon {
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
cursor: pointer;
margin-top: 0;
margin-bottom: 0;
display: block; }
.header-menu-icon-wrapper .nav-icon span {
display: block;
position: absolute;
width: 100%;
border-radius: 0;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out; }
.header-menu-icon-wrapper .nav-icon span:nth-child(1) {
top: 0; }
.header-menu-icon-wrapper .nav-icon:hover span:nth-child(1), .header-menu-icon-wrapper .nav-icon.hover span:nth-child(1) {
top: -0.125rem; }
.header-menu-icon-wrapper .nav-icon.open span:nth-child(1) {
width: 0%;
left: 50%; }
.header-menu-icon-wrapper .nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 130%;
left: -15%; }
.header-menu-icon-wrapper .nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 130%;
left: -15%; }
.header-menu-icon-wrapper .nav-icon.open span:nth-child(4) {
width: 0%;
left: 50%; }
