
#left-menu-wrapper{position:fixed; top:0px;left:0px;z-index:2000;background:#071d39;color: #8c9ca9;height:100%;width:100px;/*overflow-y:auto;*/}
#left-menu-wrapper .menu-close{width:30px; height: 30px; display: block; margin: 20px 0px;}
#left-menu-wrapper .menu-logo{padding: 20px 0px;}
.left-menu-content{position: relative; padding-left:10%;padding-bottom: 30px; overflow-y: hidden;}

.accordianparent .sub-menu{display: none;margin-top: 10px;}
.accordianparent .accordiandown{position: absolute; right:10px; top:15px; }
.accordianparent .accordiandown .fa{padding: 5px; cursor: pointer;z-index: 3000;}
.accordianparent .accordiandown .fa-angle-down{/*color: #000;*/color: #D2422F;}
.accordian-menu > li{font-size: 1.1rem;padding: 10px 10px 10px 0px;}
.accordian-menu > li > a{color:#fbfbfb; padding: 5px 10px 5px 0px;}

.sub-menu-content{} /* #8c9ca9 23313b */
.sub-menu-content{position:fixed;top:0px;left:-220px; width:220px;
	                background: #071d39;height: 100%;border-right: 1px solid #1e2b35;
	                visibility: hidden;-webkit-transform: all .5s; transition: all .5s;z-index:1990;}
.sub-menu-content.menu-active{visibility: visible;left:100px;-webkit-transform: all .5s; transition: all .5s;}
.sub-menu-content ul li{border-bottom: 1px solid #1e2b35;padding:0px;}
.sub-menu-content ul li:last-child{border-bottom: 0px;}
.sub-menu-content ul li a{color: #fff;display: block;position: relative;padding: 15px;font-size:0.9rem;line-height: 20px;padding-right: 40px;}
.sub-menu-content ul li a,
.sub-menu-content ul li a:after,
.sub-menu-content ul li a:before {-webkit-transform: all .5s; transition: all .5s;}

.sub-menu-content ul li a:after {display: block;position: absolute;top: 0;left:0%;bottom: 0;margin: auto;width:1%;height:100%;content: '.';color: transparent;background: #1065af;visibility:hidden;opacity: 0;z-index: -1;}
.sub-menu-content ul li a:hover:after {opacity: 1;visibility: visible;width:100%;}
.sub-menu-content ul li.subsubmenu-link{position: relative;}

.subsub-menu-content{position:fixed;top:0px;left:-220px; width:220px;background: #23313b;z-index:1985;height: 100%;border-right: 1px solid #1e2b35;visibility: hidden;-webkit-transform: all .5s;  transition: all .5s;}
.subsub-menu-content.menu-active{visibility: visible;left:320px;-webkit-transform: all .5s;  transition: all .5s;}
.subsub-menu-content ul li{border-bottom: 1px solid #1e2b35;padding:0px;}
.subsub-menu-content ul li:last-child{border-bottom: 0px;}
.subsub-menu-content ul li a{color: #fff;display: block;position: relative;padding: 15px;font-size:0.9rem;line-height: 20px;padding-right:40px;}
.subsub-menu-content ul li a,
.subsub-menu-content ul li a:after,
.subsub-menu-content ul li a:before {-webkit-transform: all .5s; transition: all .5s;}
.subsub-menu-content ul li a:after {display: block;position: absolute;top: 0;left:0%;bottom: 0;margin: auto;width:1%;height:100%;content: '.';color: transparent;background: #939393;visibility:hidden;opacity: 0;z-index: -1;}
.subsub-menu-content ul li a:hover:after {opacity: 1;visibility: visible;width:100%;}


.subsubsub-menu-content{position:fixed;top:0px;left:-220px; width:220px;background: #23313b;z-index:1980;height: 100%;border-right: 1px solid #1e2b35;visibility: hidden;-webkit-transform: all .5s;  transition: all .5s;}
.subsubsub-menu-content.menu-active{visibility: visible;left:540px;-webkit-transform: all .5s;  transition: all .5s;}
.subsubsub-menu-content ul li{border-bottom: 1px solid #1e2b35;padding:0px;}
.subsubsub-menu-content ul li:last-child{border-bottom: 0px;}
.subsubsub-menu-content ul li a{color: #fff;display: block;position: relative;padding: 15px;font-size:0.9rem;line-height: 20px;padding-right: 40px;}
.subsubsub-menu-content ul li a,
.subsubsub-menu-content ul li a:after,
.subsubsub-menu-content ul li a:before {-webkit-transform: all .5s; transition: all .5s;}
.subsubsub-menu-content ul li a:after {display: block;position: absolute;top: 0;left:0%;bottom: 0;margin: auto;width:1%;height:100%;content: '.';color: transparent;background: #337db6;visibility:hidden;opacity: 0;z-index: -1;}
.subsubsub-menu-content ul li a:hover:after {opacity: 1;visibility: visible;width:100%;}

.subsubmenu-link-wrap a,
.subsubsubmenu-link-wrap a{position: relative;}
.subsubmenu-link-wrap span.fa,
.subsubsubmenu-link-wrap span.fa{display: block;position: absolute;top:50%;right:5px;margin-top:-20px;width:40px;color:#fff;line-height:40px;text-align: center; font-size: 30px;cursor: pointer;z-index: 1995;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.subsubmenu-link-wrap span.fa:hover,
.subsubsubmenu-link-wrap span.fa:hover{color:rgba(0,0,0,0.9);-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}

.subsubmenu-link-wrap span.menu-active,
.subsubsubmenu-link-wrap span.menu-active{background:rgba(255,255,255,0.5);}


#search-sub.sub-menu-content{width:300px;}
#search-sub .header-search-wrapper{height: auto; text-align: left;}
#search-sub #search-form-wrap{margin:20px 10px;z-index: 1995;}

@media only screen and (max-width:767px){
#left-menu-wrapper{
 -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: menuHideLeft; animation-name: menuHideLeft; -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}

@-webkit-keyframes menuShowRight {
 from { -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
 40% { -webkit-transform:translateX(-60%); transform:translateX(-60%); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
 60% { -webkit-transform:translateX(-40%); transform:translateX(-40%); opacity: 1; }
 80% { -webkit-transform:translateX(-20%); transform:translateX(-20%); }
 to { -webkit-transform:translateX(0%); transform:translateX(0%); opacity: 1; }
}

@keyframes menuShowRight {
 from { -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
 40% { -webkit-transform:translateX(-60%); transform:translateX(-60%); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
 60% { -webkit-transform:translateX(-40%); transform:translateX(-40%); opacity: 1; }
 80% { -webkit-transform:translateX(-20%); transform:translateX(-20%); }
 to { -webkit-transform:translateX(0%); transform:translateX(0%); opacity: 1; }
}
#left-menu-wrapper.menuShowRight {
-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: menuShowRight; animation-name: menuShowRight; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-transform:translateX(0%); transform:translateX(0%); opacity: 1;}

@-webkit-keyframes menuHideLeft {
 from { -webkit-transform:translateX(0%); transform:translateX(0%); opacity: 1;  }
 40% { -webkit-transform:translateX(-40%); transform:translateX(-40%);  }
 60% { -webkit-transform:translateX(-60%); transform:translateX(-60%); opacity: 1; }
 80% { -webkit-transform:translateX(-80%); transform:translateX(-80%); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
 to { -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
}

@keyframes menuHideLeft {
 from { -webkit-transform:translateX(0%); transform:translateX(0%); opacity: 1;  }
 40% { -webkit-transform:translateX(-40%); transform:translateX(-40%);  }
 60% { -webkit-transform:translateX(-60%); transform:translateX(-60%); opacity: 1; }
 80% { -webkit-transform:translateX(-80%); transform:translateX(-80%); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
 to { -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
}
#left-menu-wrapper.menuHideLeft {
 -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: menuHideLeft; animation-name: menuHideLeft; -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-duration: .75s; animation-duration: .75s; opacity: 0;}
.accordian-menu li a{font-size:1rem;}

.mobile-menu-close {text-align: center; }
.mobile-menu-close .fa{width:40px;color:#fff;line-height:40px;text-align: center; cursor: pointer;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.mobile-menu-close .fa:hover{color:rgba(0,92,164,1);-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.sub-menu-content.menu-active{left:0px;width:100%;z-index: 2010;overflow-y:auto;}
.subsub-menu-content.menu-active{left:0px;width:100%;z-index: 2020;overflow-y:auto;}
.subsubsub-menu-content.menu-active{left:0px;width:100%;z-index: 2030;overflow-y:auto;}
.sub-menu-content ul li a{padding: 10px 15px;font-size: 1rem;}
.subsub-menu-content ul li a{padding:10px 15px;font-size: 1rem;}
.subsubsub-menu-content ul li a{padding:10px 15px;font-size: 1rem;}
.sub-menu-content .fa-angle-right:before,
.subsub-menu-content .fa-angle-right:before{font-size: 24px;}
#search-sub.sub-menu-content{width:100%;}
}