.sm_menu_outer .mobile_menu a:after,.sm_menu_outer .mobile_menu li.back a:before{font-weight:900;color:rgba(0,0,0,.24);font-family:'Line Awesome Free';font-size:20px;position:absolute;top:0}
body.mmactive{overflow:hidden}

.mobile_menu{display:none;position:relative}
.mobileMenuC{height:70px;background-color:none;position:fixed;width:100%;top:0;padding:15px 10px 10px 30px;z-index:99;display:none}
.sm_menu_outer.active .mobile_menu{display:block}
.sm_menu_outer{height:calc(100vh - 90px);overflow-y:scroll;overflow-x:hidden;position:fixed;right:0;bottom:0;z-index:-9;width:100%;opacity:0;background-color:#f4f5f6;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;}
.sm_menu_outer.active{opacity:1;z-index:999}
.sm_menu_outer .mobile_menu li.back a{padding:0 5px 0 45px;position:relative;height:60px;line-height:60px;background:#fff}
.sm_menu_outer .mobile_menu li.back a:before{left:15px;content:'\f104'}
.sm_menu_outer .mobile_menu li a.mobileLogin:after,.sm_menu_outer .mobile_menu li.back a:after{opacity:0}
.sm_menu_outer .mobile_menu a{color:#000;display:block;font-size:15px;padding:0 15px;text-decoration:none;position:relative;font-weight:600;height:88px;line-height:90px}
.sm_menu_outer .mobile_menu a:after{right:15px;content:'\f105'}
.sm_menuIcon{width:44px;height:44px;background:#011e65;display:inline-block;border-radius:6px;float:left;margin:22px 10px 0 0;text-align:center;padding:8.5px 0;line-height:normal}
.sm_menuIcon img{text-align:center;height:27px}
.sm_menu_outer.slide .mobile_menu .submenu{background-color:#f4f5f6;height:100%;position:absolute;right:-100%;top:0;transition:.5s;width:100%;z-index:999}
.sm_menu_outer.slide .mobile_menu li.active>.submenu{right:0}
.sm_menu_outer .mobile_menu li{list-style-type:none;border-bottom:1px solid;color:#fff}

#sm_menu_ham{cursor:pointer;float:right;height:25px;position:fixed;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;width:30px;top:25px;right:15px;z-index:9999}
#sm_menu_ham span{background-color:#fff;border-radius:5px;display:block;height:2px;left:0;opacity:1;position:absolute;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;width:30px}
#sm_menu_ham span:first-child{top:0}
#sm_menu_ham span:nth-child(2),#sm_menu_ham span:nth-child(3){top:10px}
#sm_menu_ham span:nth-child(4){top:20px}
#sm_menu_ham.open span:first-child,#sm_menu_ham.open span:nth-child(4){left:50%;top:18px;width:0}
#sm_menu_ham.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
#sm_menu_ham.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}

.mobileBgGray{ background: #fff; padding: 10px 10px 10px 30px}
.mobileHamColor span{background-color: #0F6FFF !important;}
.scrolH{height:calc(100vh - 70px);}
.mobileSLogo{display: none;}
.scrolDis{display: none;}
.scrolSho{display: block;}

.mmactive .mobileMenuC{background: #fff; padding: 10px 10px 10px 30px;;}
.mmactive .mobileLogo{display: none;}
.mmactive .mobileSLogo{display: block;}
.mmactive > #sm_menu_ham span {
    background-color: #0F6FFF !important;
}

.mmactive .sm_menu_outer{height: calc(100vh - 70px);}

@media (min-width:1104px){
	#sm_menu_ham,.sm_menu_outer{display:none}
}
@media only screen and (max-width:1105px){
	.mobileMenuC{display:block} .mainHeader{display: none;}
}