.muuweb-header-m { top: 0; box-shadow: 0 5px 10px rgba(0,0,0,.05); left: 0; z-index: 1000; position: fixed; width: 100%; transition: all 0.8s; border-top-width: 4px; border-top-style: solid; border-top-color: #c00607; height: 60px; }
.muuweb-header-m .muuweb-logo { width: calc(100% - 20px); float: left; margin: 7px 0 0 10px; display: block; transition: all 0.8s; }
.muuweb-header-m .muuweb-logo img { display: block; height: 45px; }
.muuweb-header-m .bg { position: fixed; top: 60px; right: 0; bottom: 0; width: calc(100% - 20px); height: 100vh; z-index: 99; background: #000; opacity: .8; filter: alpha(opacity=10); cursor: pointer; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.6s; border-right-width: 10px; border-left-width: 10px; border-right-style: solid; border-left-style: solid; border-right-color: #f5f5f5; border-left-color: #f5f5f5; display: none }
.muuweb-header-m .menu-box { position: absolute; z-index: 9999; right: 0; padding: 21px 15px; transition: all 0.6s; }
.muuweb-header-m .muuweb-menu { width: 30px; margin: 0 auto; cursor: pointer; }
.muuweb-header-m .muuweb-menu .line { position: relative; top: 0; display: block; width: 100%; height: 2px; transition: transform 0.3s ease, top 0.3s ease, width 0.3s ease, opacity 0.3s, background 0.3s; transform-origin: center center; background: #fff; ; }
.muuweb-header-m .muuweb-menu .line:nth-child(2) { margin: 6px 0; }
.muuweb-header-m.ishow { }
.muuweb-header-m.ishow .bg { transform: scaleX(1); }
.muuweb-header-m.ishow .menu-box { right: 0; }
.muuweb-header-m.ishow .muuweb-menu .line:nth-child(1) { top: 8px; transform: rotate(45deg); opacity: 0.8; }
.muuweb-header-m.ishow .muuweb-menu .line:nth-child(2) { opacity: 0; width: 0 }
.muuweb-header-m.ishow .muuweb-menu .line:nth-child(3) { top: -8px; transform: rotate(-45deg); opacity: 0.8; }
.muuweb-header-m .muuweb-nav { position: fixed; right: 0; bottom: 0; overflow-y: auto; padding-top: 0; width: 0%; z-index: 99; cursor: pointer; transition: .36s ease-in-out; -webkit-transition: .36s ease-in-out; transform-origin: 100% 50%; padding: 0; top: 0px; background: #222222; }
.muuweb-header-m .muuweb-nav li { overflow: hidden; position: relative; }
.muuweb-header-m .muuweb-nav li a { color: #fff }
.muuweb-header-m.ishow .muuweb-nav { transform: scaleX(1); width: calc(100% - 0px); opacity: 0.9;overflow: hidden }
 @media (min-width: 1200px) {
.muuweb-header-m { display: none; }
}
 @-webkit-keyframes scaleUpDown { from {
-webkit-transform: scale(1.1);
transform: scale(1.1) translateZ(0);
}
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) translateZ(0); }
}
@keyframes scaleUpDown { from {
-webkit-transform: scale(1.1);
transform: scale(1.1) translateZ(0);
}
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) translateZ(0); }
}
 @-webkit-keyframes colorSlide { 0% {
height:0;
}
90% {
height:40px;
}
}
@keyframes colorSlide { 0% {
height:0;
}
90% {
height:40px;
}
}
@-webkit-keyframes trackBallSlide { 0% {
opacity: 1;
-webkit-transform: scale(1) translateY(-8px);
transform: scale(1) translateY(-8px);
}
34% {
opacity: 1;
-webkit-transform: scale(0.9) translateY(4px);
transform: scale(0.9) translateY(4px);
}
68% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(16px);
transform: scale(0.4) translateY(16px);
}
100% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(-8px);
transform: scale(0.4) translateY(-8px);
}
}
@keyframes trackBallSlide { 0% {
opacity: 1;
-webkit-transform: scale(1) translateY(-8px);
transform: scale(1) translateY(-8px);
}
34% {
opacity: 1;
-webkit-transform: scale(0.9) translateY(4px);
transform: scale(0.9) translateY(4px);
}
68% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(16px);
transform: scale(0.4) translateY(16px);
}
100% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(-8px);
transform: scale(0.4) translateY(-8px);
}
}
@-webkit-keyframes nudgeMouse { 0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes nudgeMouse { 0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
 @-moz-keyframes three-quarters-loader { 0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes three-quarters-loader { 0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes three-quarters-loader { 0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}