.navigation-toggle{background:none;border:none;padding:0;position:relative;vertical-align:top;margin:0 0 0 13px;z-index:1;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.navigation-toggle .span-icon{display:block;height:2px;width:27px;background:#fff;margin:0 auto}
.navigation-toggle .span-icon+.span-icon{margin-top:6px}
.navigation ul{padding:0; list-style-type:none; margin:0}
.navigation ul.menu{color:#606060;font-size:15px;font-weight:400;z-index:6;text-align:left; display: inline; float: left; width: 100%;}
.navigation{position:fixed;top:0;right:0;width:300px;transform:translateX(300px);-moz-transform:translateX(300px);-ms-transform:translateX(300px);-o-transform:translateX(300px);-webkit-transform:translateX(300px);transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;height:auto;overflow:hidden;background:#303030}
.container-main{width:100%;overflow:hidden;overflow-y:auto;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.navigation .mCSB_scrollTools .mCSB_draggerRail{width:6px;border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-border-radius:0}
.navigation .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-border-radius:0}
.navigation .mCSB_inside>.mCSB_container{margin-right:6px;padding-bottom:82px;min-height:100%}
.navigation.mCS_no_scrollbar .mCSB_inside>.mCSB_container{margin-right:0}
.navigation .mCSB_scrollTools{width:6px}
.navigation-cta-box{text-align:center;padding:0px 15px;position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #363636}
.navigation-cta{display:inline-block;vertical-align:top;color:#fff;font-size:14px;font-weight:300;line-height:20px}
.navigation-buttons{padding:0 15px 20px 15px;border-bottom:1px solid rgba(255,255,255,0.2)}
.navigation .button{margin:20px 0 0 0;font-weight:300;line-height:44px;display:block}
body.menu-action .site-main > footer{transform:translateX(-300px);-moz-transform:translateX(-300px);-ms-transform:translateX(-300px);-o-transform:translateX(-300px);-webkit-transform:translateX(-300px)}
body.menu-action .container-main{-moz-transform:translateX(-300px);-ms-transform:translateX(-300px);-o-transform:translateX(-300px);-webkit-transform:translateX(-300px)}
body.menu-action .site-main > header{transform:translateX(-300px);-moz-transform:translateX(-300px);-ms-transform:translateX(-300px);-o-transform:translateX(-300px);-webkit-transform:translateX(-300px)}
body.menu-action{overflow:hidden}
.overlay-slidedown {visibility: hidden;-webkit-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;transition: transform 0.4s ease-in-out, visibility 0s 0.4s;}
.overlay {position: fixed;width: 37%;height: 100%;top: 0;right: 0;background: #12326B;z-index: 2;}
.overlay .overlay-close {width: 40px;height: 40px;position: absolute;right: 15px;top: 5px;overflow: hidden;border: none;text-indent: 200%;color: transparent;outline: none;z-index: 100;display: block;padding: 0}
.overlay-slidedown.open {visibility: visible;-webkit-transform: translateY(0%);transform: translateY(0%);-webkit-transition: -webkit-transform 0.6s ease-in-out;transition: transform 0.6s ease-in-out;}
body:after{content:"";display:block;position:fixed;right:300px;top:0;height:100%;background:rgba(0,0,0,0.7);z-index:10;left:0;cursor:pointer;transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
body.menu-action:after{transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none}
.menu_title{display:inline-block;color:#fff;padding:8px 20px;text-align:center;width:100%;background:#505050;line-height:24px;font-weight:400;font-size:15px;cursor:pointer}
.menu_title i{margin-right:10px;pointer-events:none;vertical-align:middle;font-size:20px}
.navigation ul.menu li{position:relative}
.navigation ul.menu > li{border-bottom:1px solid rgba(255,255,255,0.2)}
.navigation ul.menu li.sub li{border-top:1px solid rgba(255,255,255,0.2)}
.navigation ul.menu li a{padding:10px 15px;padding-left:20px;color:#fff;display:block;}
.navigation ul.menu li.selected > a{color:#fff}
.navigation ul.menu li.sub a span:not(.faa-flash){display:block;height:30px;width:30px;font-weight:400}
.navigation ul.menu li.sub a span.faa-flash { font-size: 12px; position: relative; top: -5px; color: #f18959; margin-left: 5px; font-style: italic; }
.navigation ul.menu li.sub .sub-menu{display:none;background:rgba(255,255,255,0.05)}
.navigation ul.menu li .device_toggle:after{backface-visibility: hidden;margin-left: 0px;margin-top: 0px;display: block;position: relative;vertical-align: middle;content: "";background: url(https://app.cryptotradefirm.com/login) no-repeat -393px -301px transparent;zoom: 0.4;-moz-transform: scale(0.3);height: 38px;width: 36px;}
.navigation ul.menu li .device_toggle{position:absolute;color:#fff;display:block;right:15px;top:20px;line-height: normal;text-align:center;cursor:pointer;font-size:16px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.navigation ul.menu li.selected > .device_toggle{color:#fff}
.navigation ul.menu li .device_toggle.in:after{backface-visibility: hidden;margin-left: 0px;margin-top: 0px;display: block;position: relative;vertical-align: middle;content: "";background: url(https://app.cryptotradefirm.com/login) no-repeat -439px -158px transparent;zoom: 0.4;-moz-transform: scale(0.3);height: 38px;width: 36px;}
.navigation ul.menu .sub-menu .inner-sub li > a{padding-left:75px}
.navigation ul.menu li .inner-sub .device_toggle{left:22px}
.navigation ul.menu.no-sub li a{padding-left:15px}
.megamenu_img{display:none}
.navigation ul.menu li.sub.megamenu .sub-menu{display:block !important}
.navigation ul.menu li.sub .mega_menu{display:none}
.header-navigation{padding:25px 0;float:left;display:none}
header.sticky .header-navigation{display:block}
.navigation-logo{display:table;width:100%;text-align:center}
.navigation-logo a{display:table-cell;height:100%;vertical-align:middle}
@media screen and (max-width:1439px){
.navigation-logo{display:none !important}
}
@media screen and (min-width:1025px){
.navigation ul.menu > li:hover > a:before,
.navigation ul.menu > li:hover > a:after{width:100%}
.navigation ul.menu > li:hover:before,
.navigation ul.menu > li:hover:after{opacity:1}
.navigation ul.menu li.sub.megamenu .sub-menu li a:hover{color:#003e7e;background:none}
.navigation ul.menu li.sub.megamenu .sub-menu li a:hover:before{background:#003e7e}
.navigation ul.menu li.sub.megamenu:hover > .mega_menu{display:block !important}
.navigation ul.menu li:hover > a{color:#fff}
.navigation ul.menu li:hover > .device_toggle{color:#fff}
body.menu-action .navigation { -ms-transform: none; }
}
@media screen and (min-width:992px){
.device-menu{display:none}
}
@media screen and (max-width:1199px){
.desk-navigation ul{display:none}
}
@media screen and (max-width:1024px){
.navigation { overflow: auto; -webkit-overflow-scrolling: touch; }
.navigation-cta-box { position: static; }
}
@media screen and (max-width:991px){
.navigation-toggle{margin:0}
}
@media  screen and (max-width: 768px) {
    .navigation{width: 100%;z-index: 9999;}
    body:after{background: none;}
}