@font-face  { font-family:'FontAwesome'; src: url('/cdn/fonts/fontawesome-webfont.woff') format('woff'); font-weight:normal; font-style:normal; }

html.mm-opened                                                                  { overflow-y:visible !important; }

#mobile-nav                                                                     { position:fixed; top:0; left:0; right:0; z-index:999999; height:45px; }
#mobile-nav ul                                                                  { float:right; height:45px; }
#mobile-nav ul li                                                               { float:left; display:block; line-height:1.85em }
#mobile-nav ul li a                                                             { width:48px; height:45px; display:block; border:none; color:#fff; text-align:center; float:left; text-decoration:none; }

#mm-nav #mm-submit::before,
#mobile-nav .phone::before,
#mobile-nav .mobile::before,
#mobile-nav .mail::before,
#mobile-nav .facebook::before,
#mobile-nav .instagram::before,
#mobile-nav .twitter::before                                                    { font-family:'FontAwesome'; display:block; }

#mobile-nav .phone::before                                                      { content:""; font-size:32px; color:#fff; line-height:40px; }
#mobile-nav .mobile::before                                                     { content:""; font-size:32px; color:#fff; line-height:40px; }
#mobile-nav .mail::before                                                       { content:""; font-size:32px; color:#fff; line-height:40px; }
#mobile-nav .facebook::before                                                   { content:""; font-size:32px; color:#fff; line-height:40px; }
#mobile-nav .instagram::before                                                   { content:""; font-size:32px; color:#fff; line-height:40px; }
#mobile-nav .twitter::before                                                    { content:""; font-size:32px; color:#fff; line-height:40px; }
#mobile-nav .youtube::before                                                    { content:""; font-size:32px; color:#fff; line-height:40px; }


#mm-nav .mm-panel.mm-hassearch.mm-hasnavbar .mm-search                          { top:0px; }
#mm-nav .mm-navbar                                                              { top:40px; }

#mm-nav a                                                                       { border-bottom:none; }

#mmenu-button                                                                   { width:70px; height:45px; border:none; float:left; }
#mmenu-button:before,#mmenu-button:after,#mmenu-button span                     {	content: ''; display:block; width:30px; height:5px; position:absolute; left:20px; }
#mmenu-button:before                                                            { top:10px; }
#mmenu-button span                                                              { top:20px; }
#mmenu-button:after                                                             { top:30px; }

#mmenu-button:before,#mmenu-button:after,#mmenu-button span                     {	-webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s;	-webkit-transition-property: transform, top, bottom, left, opacity;	transition-property: transform, top, bottom, left, opacity; }
html.mm-opening #mmenu-button:before,html.mm-opening #mmenu-button:after        {	top:20px; }
html.mm-opening #mmenu-button span                                              { left:-80px; opacity:0; }
html.mm-opening #mmenu-button:before                                            { transform:rotate( 45deg ); }
html.mm-opening #mmenu-button:after                                             { transform: rotate( -45deg ); }

.mm-opening #mm-blocker                                                         { transition: background 1s ease 0.3s; }
#mmenu-close                                                                    { display:none; }
.mm-opening #mmenu-close                                                        { position:absolute; top:0; left:0; width:70px; height:45px; display:block; z-index:9999; border:none; }

#mm-nav .mm-listview > li:not(.mm-divider)::after                               { left:0px; }
#mm-nav #mm-submit::before                                                      { content:""; font-size:22px; line-height:32px; position:absolute; right:10px; top:5px; z-index:999; width:30px; height:35px; cursor:pointer; }
#mm-nav .mm-search input                                                        { height:32px; }

#mm-nav .mm-listview li                                                         { height:auto !important; }
