.navigation-toggle{background:none;border:none;/*height:36px;width:36px;*/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-family:"Roboto";font-weight:400;z-index:6;text-align:left}

.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:20px 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{transform:translateX(-300px);-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{position:fixed;top:0;left:0;height:100%;width:100%;overflow:hidden}*/

body.menu-action{overflow:hidden}

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:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);-webkit-transform:translateX(-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{text-align:left;float:right;padding:0;text-transform:uppercase}*/

.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:40px;color:#fff;display:block}

.navigation ul.menu li.selected > a{background:#42ce7a;color:#fff}

/*.navigation ul.menu li.selected > .device_toggle{color:#404040}*/

.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.sub > a{}





.navigation ul.menu li .device_toggle:after{content:"+";display:block; font-family:'FontAwesome';font-style:normal;font-weight:400;vertical-align:middle;line-height:42px}

/* .navigation ul.menu li .device_toggle:after{content:"\f067";display:block; font-family:'FontAwesome';font-style:normal;font-weight:400;vertical-align:middle;line-height:42px} */



.navigation ul.menu li .device_toggle{position:absolute;color:#fff;display:block;width:42px;height:42px;left:0;top:0;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{content:"-"; font-family: sans-serif; font-weight: bold;}

/* .navigation ul.menu li .device_toggle.in:after{content:"\f068"} */



.navigation ul.menu .sub-menu li > a{padding-left:60px}



.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}

.desk-navigation ul li a:hover{color:#42ce7a}

.navigation ul.menu li:hover > a{background:#42ce7a;color:#fff}

.navigation ul.menu li:hover > .device_toggle{color:#fff}



body.menu-action .navigation { -ms-transform: none; }

}



@media screen and (min-width:992px) and (max-width:1199px)

{

/*.desk-navigation ul li+li{margin-left:10px}*/

}

@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 0 0 17px}*/

.navigation-toggle{margin:0}

}

@media screen and (max-width:767px)

{

}

@media screen and (max-width:567px)

{

}

@media screen and (max-width:479px)

{

}

@media screen and (max-width:359px)

{

}

