@charset "utf-8";

.navbar-default{background-color:transparent;}
.navbar-default .navbar-brand.logo{width:130px;padding:15px 0 0 15px;}
.navbar-default .navbar-brand.logo img{width:100%;height:auto;}
.navbar-default .navbar-offcanvas {background-color:#20182E;}
.offcanvas-stop-scrolling {height: 100%;overflow:hidden;}

.navbar-inverse .navbar-offcanvas {background-color:#222;}
.navbar-offcanvas h3{background-color:#ff6600;color:#fff;}
.navbar-toggle .icon-bar{width:24px;height:2px;border-radius:0; }
.navbar-toggle .icon-bar+.icon-bar{margin-top: 6px;}

.navbar-offcanvas {position: fixed;width: 100%;max-width:300px;left:-340px;top: 0;padding-left: 0;padding-right:0;z-index: 999;overflow: scroll;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in; }
.navbar-offcanvas.in {box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
.navbar-offcanvas.navbar-offcanvas-fade {opacity: 0; }
.navbar-offcanvas.navbar-offcanvas-fade.in {opacity: 1; }
.navbar-offcanvas.offcanvas-transform.in {-webkit-transform: translateX(340px);-ms-transform: translateX(340px);transform: translateX(340px); }
.navbar-offcanvas.offcanvas-position.in {left: 0; }
.navbar-offcanvas.navbar-offcanvas-right {left: auto;right: -340px; }
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: ranslateX(-340px);-ms-transform: translateX(-340px);transform: translateX(-250px); }
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {left: auto;right: 0; }
.navbar-offcanvas.dropdown.active .caret {border-top: 0;border-bottom: 4px solid; }
.navbar-offcanvas.dropdown-menu {position: relative;width: 100%;border: inherit;box-shadow: none;-webkit-transition: height 0.15s ease-in;transition: height 0.15s ease-in;border-radius:0; }
.navbar-offcanvas.dropdown-menu.shown {display: block;margin-bottom: 10px; }
.navbar-offcanvas h3{font-size:1.2em;font-weight:600;padding:20px 15px;margin:0;}
.offcanvas-toggle {display:block;}


.navbar-form {float: none !important;padding: 10px 15px;margin: 8px -15px;border-top: 1px solid transparent;border-bottom: 1px solid transparent;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }
.navbar-form .form-group {width: 100%;margin-bottom: 5px;}
.navbar-form .form-group input {width: 100%; }
.navbar-nav {margin:0 -15px;float: none !important; }
.navbar-nav > li {float: none;border-bottom: 1px solid #111;}
	
.navbar-nav > li > a {font-weight:600;padding:14px 20px;color:#fff;font-size:1.15em;}
.navbar{margin-bottom:0;}
.navbar-default{border:0;height:65px;}
.navbar-default .navbar-nav > li > a{color:#eaeaea !important;}
.navbar-default .navbar-nav > li > a:hover{color:#fff;}
	
.navbar-nav li.dropdown.open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;border: 0;-webkit-box-shadow: none;box-shadow: none;border-radius:0; } 
.navbar-nav li.dropdown.open .dropdown-menu > li >a{color:#eaeaea;}	
.navbar-nav li.dropdown.open .dropdown-menu > li >a:hover{color:#fff;}	

.navbar-nav .open .dropdown-menu{background-color:#000;border-radius:0}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#eaeaea;line-height:30px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:#222;color:#fff;}
.navbar-default .navbar-toggle{position:absolute;width:30px;height:30px;right:15px;border:0;margin-top:20px;margin-right:5px;padding:0;border-radius:0;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent;}	
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background:#000;color:#fff !important;}
.offcanvas-toggle {background-color:transparent;}	
.offcanvas-toggle .icon-bar{background:#000 !important;-webkit-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
-webkit-transform: rotate(45deg) translate(6px,65px);  
-ms-transform: rotate(45deg) translate(6px, 6px);
transform: rotate(45deg) translate(6px, 6px); }
.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
opacity: 0; }
.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
-webkit-transform: rotate(-45deg) translate(5px, -5px);
-ms-transform: rotate(-45deg) translate(5px, -5px);
transform: rotate(-45deg) translate(5px, -5px);}


#Mobile>ul>li{border-bottom:1px solid rgba(0,0,0,0.02);}
#Mobile>ul>li>a{display:block;height:54px;line-height:54px;padding:0 0 0 30px;font-size:15px;font-weight:500;color:#fff;position:relative;background-color:#171022;}

#Mobile>ul>li.keep>a:before{content:'';display:block;position:absolute;width:1px;height:14px;right:30px;top:calc(50% - 7px);background:#FF6600;transition:all .3s ease}
#Mobile>ul>li.keep>a:after{content:'';display:block;position:absolute;width:14px; height:1px;right:24px;top:calc(50% - 1px);background:#FF6600;}
#Mobile>ul>li.open>a{color:#FF6600;}
#Mobile>ul>li.open>a:before {transform:rotate(90deg);}
#Mobile>ul>li:first-child{border-top:0}
#Mobile>ul>li>ul.depth2{background:rgba(0,0,0,0.05);display:none;}
#Mobile>ul>li>ul>li{border-top:1px solid rgba(0,0,0,0.05);}
#Mobile>ul>li>ul>li>a{display:block;height:45px;line-height:45px;font-size:13px;font-weight:normal;padding-left:30px;position:relative;color:#E0DAEB;}
#Mobile>ul>li>ul>li>ul>li>a:hover{color:#fff;}
#Mobile>ul>li>ul>li>a.off{font-weight:bold;}
#Mobile>ul>li>ul>li>a:before{position:absolute;right:28px;top:50%;width:5px;height:5px;border-top:4px dashed;border-right:4px solid transparent;border-left: 4px solid transparent;}
#Mobile>ul>li>ul>li>a.on:before{content:'';}
#Mobile>ul>li>ul>li>a.off:before{content:''}
#Mobile>ul>li>ul>li>ul.depth3{display:none;padding:10px 30px;background:#000;}
#Mobile>ul>li>ul>li>ul>li>a{height:30px;line-height:30px;font-size:0.9em;color:#fff;}

#Mobile>ul>li>ul>li.open > a{font-weight:500;color:#fff;}
#Mobile ul.depth2 li.open ul.depth3 >li.open > a{position:relative;padding-right:20px;font-weight:bold;color:#fff}
#Mobile ul.depth2 li.open ul.depth3 >li.open > a:after {content: '';position:absolute;top:50%;right:0;width:10px;height:1px;background:#fff;}

#Mobile ul.depth1 li.open ul.depth2 {display:block;background-color:#271D38;}
#Mobile ul.depth2 li.open ul.depth3 {display:block;}

#Mobile .btnWrap{overflow:hidden;background:rgba(0,0,0,0.1);text-align:center;font-size:110%;line-height:46px;border:solid rgba(0,0,0,0.1);border-width:1px 0} 
#Mobile .btnWrap a{float:left;width:50%;position:relative;}
#Mobile .btnWrap a:nth-child(1):after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;display:block;background:rgba(0,0,0,0.1)}
#Mobile .btnWrap a:before{font-family:"Font Awesome 5 Free";font-weight:900;display:inline-block;margin-right:5px;}
#Mobile .btnWrap a:nth-child(1):before{content:'\f07a'}
#Mobile .btnWrap a:nth-child(2):before{content:'\f002'}