@import url('https://fonts.googleapis.com/css?family=Roboto');
a:hover, a:focus { text-decoration: none; outline: none; }
body{ font-family: 'Open Sans', sans-serif; }
/*
1.1 Header Area
***************************************************/
/*Bootstrap Reset*/
.navbar-nav > li > a { padding-top: 0; padding-bottom: 0; }
.mainmenu { background-color: transparent; border-color: transparent; margin-bottom: 0; border: 0px !important; }
.navbar-nav > li:last-child > a { padding-right: 0px; margin-right: 0px; }
.dropdown-menu { padding: 0px 0; margin: 0 0 0; border: 0px solid transition !important; border: 0px solid rgba(0,0,0,.15);	 border-radius: 0px; -webkit-box-shadow: none !important; box-shadow: none !important;  }
/*=-====Main Menu=====*/
.header_bottom { background: #0071ba }
.header_area .header_bottom .mainmenu a , .navbar-default .navbar-nav > li > a { color: #000; font-size: 14px; line-height:14px; text-transform: uppercase; padding:10px 20px; font-family: 'Roboto', sans-serif; font-weight:400; }

.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus ,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ color: #0071ba;  outline: 0; } /*-----./ Main Menu-----*/

.navbar-default .navbar-toggle { border-color: #fff } /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar { background-color: #fff } /*Toggle Button*/
.navbar-default .navbar-nav>li>a{position:relative;}
.navbar-default .navbar-nav>li>a::before{content: ""; width: 1px; height: 20px; background: #e4e4e4; top: 50%; left: 0; position: absolute; margin-top:-10px;}
.navbar-default .navbar-nav>li:first-child a::before{display:none;}
 /*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a { background:transparent	; color:#000 !important; }
header.active .navbar-nav > li > a:hover { color:#000 !important; }
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#043071; background:none;}
.mainmenu .collapse ul ul ul > li:hover > a{color:#043071; background:none;}
.mainmenu .collapse ul ul li a { color:#000; font-weight:400; font-size:14px; padding: 6px 20px;text-decoration: none;}
.mainmenu .collapse ul ul li a i { float:right; font-weight:400; position:absolute; right:10px;  }
.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#fff; margin:0; padding:0; border-radius:0; }
.mainmenu .collapse ul ul li { border-top: 1px solid #526e9d; }
.mainmenu .collapse ul ul li:first-child { border-top: 0px solid #526e9d; }
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{/* background:#0090ff */}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#e4eeb8}

/******************************Drop-down menu work on hover**********************************/

.mainmenu{background:#fff;border: 0 solid;margin: 0;padding: 0;min-height:90px;}
.mainmenu .collapse ul ul li .tabbing ul { position: relative; top: 0; left: 0; width: 20%; }
.mainmenu .collapse ul li.pro-drop ul.dropdown-menu { padding:15px 20px 10px 20px; width:100%; left:0px;min-width:100%; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);}
.mainmenu .collapse ul ul li .tabbing ul ul { background:#0b558e; }
.mainmenu .collapse ul ul li .tabbing ul .sub-level-tab ul { background:#0b558e; }
.mainmenu .collapse ul ul li .tabbing ul li:first-child { border-top:0px solid #fff; margin: 0 10px 0 0; }
.mainmenu .collapse ul ul li .tabbing ul li { border-top:0px solid #fff; }
.mainmenu .collapse ul ul li .sub-level-tab ul li:first-child { border-top:0px solid #fff; }
.mainmenu .collapse ul ul li .sub-level-tab ul li { border-top:0px solid #0a69b3 !important; }
.menu-info { margin:0 0 0 20px;}
.menu-info p { font-size:14px; color:#000; line-height:24px;    margin-bottom: 10px;text-align: justify;}
.menu-icon { margin:0 0 20px; }
.menu-info img { max-width:100%; }
#ChildVerticalTab_1 ul { width:35%;min-width: auto; }
#ChildVerticalTab_2 ul { width:35%;min-width: auto;display: inline-block; }
#ChildVerticalTab_3 ul { width:35%;min-width: auto; }
#ChildVerticalTab_4 ul { width:35%;min-width: auto; }
#ChildVerticalTab_5 ul { width:35%;min-width: auto; }

header{ position: fixed; top: 0; left: 0; z-index: 9999; width: 100%;background: #FFF; } 
header.active{ box-shadow: 0px 0px 10px #ddd;}

ul#fresponsive {
    text-align: center;
    display: table;
}

ul#fresponsive li {
    display: inline-block;
    float: none;
    display: table-cell;
}
ul#fresponsive li:first-child a {
    padding-left: 0;
}

ul#fresponsive li:last-child a {
    padding-right: 0;
}
ul#fresponsive ul li {
    display: block;
}


@media only screen and (max-width: 1024px) {
.navbar-default .navbar-nav > li > a { font-size:12px;     padding:15px 16px !important }

header.active .navbar-nav > li > a {
	color: #000 !important; 
	   padding:15px 16px !important;
}
}




@media only screen and (min-width:767px) {
.mainmenu .collapse ul li{position:static;}
.mainmenu .collapse ul li:hover> ul{}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;}
/*******/
.mainmenu .collapse ul ul li{position:relative;  }
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:280px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}
.mainmenu .collapse ul ul li a {color:#000;    padding-left: 0px;}
.mainmenu .collapse ul ul li a:hover {color:#043071 !important;}


}