/*logo*/
.index_navigation_headbg{width:100%; margin:auto; height:97px; background:#fff;}
.index_navigation_Top{ width:100%; margin:0 auto; height:97px;}
.index_navigation_Logo{height:97px;}
.index_navigation_Logo ul li{ float:left; margin-top:33px; font-size:16px; color:#323137; line-height:30px; }
.index_navigation_Logo ul li img{width:233px; height:30px; border:none;}
.index_navigation_tel{margin-top:32px; text-align:right; font-size:24px; color:#0d264a; line-height:31px;}

.index_navigation_Menubg{width:100%; margin:auto; background:#0d264a;}
.index_navigation_page_Menu{width:100%; position:relative;}
.index_navigation_page_Menu ul li{ float:left; list-style:none; position:relative; padding:0 36px; height:51px;}
.index_navigation_page_Menu ul li h2{ font-size:16px; color:#ffffff; line-height:51px; font-weight:bold; display:inline-block;}
.index_navigation_page_Menu ul li a:hover{ text-decoration:none;}
.index_navigation_page_Menu ul li:hover{background:#091c37;}
.index_navigation_page_Menu ul li:hover h2{font-size:16px; color:#ffffff; font-weight:bold; line-height:51px;}

.index_navigation_page_Menu ul li a:link, .index_navigation_page_Menu ul li a:visited{
color: #fff;
}

.index_navigation_page_Menu ul li a.selected,.index_navigation_page_Menu ul li a:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff;
}

.index_navigation_page_Menu ul li ul li a.selected,.index_navigation_page_Menu ul li  ul li a:hover{
color: #fff;
}
.index_navigation_page_Menu ul li ul li a:link, .index_navigation_page_Menu ul li ul li a:visited{
color: #fff;
}	
/*1st sub level menu*/
.index_navigation_page_Menu ul li ul{
position: absolute;
left:0px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding:0;
margin:0;
z-index:999;
background:#ffffff;
height:auto;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.index_navigation_page_Menu ul li ul li{
display: list-item;
float: none;
line-height:normal;
padding: 0;
line-height:20px;
margin:6px 0;
height:auto;
background:none;
}
.index_navigation_page_Menu ul li ul li:hover{ background:#262f72;}
.index_navigation_page_Menu ul li ul li:hover h3{color:#fff;}
.index_navigation_page_Menu ul li ul li h3{ color:#333333; font-weight:normal; text-align:center;font-size:14px; line-height:35px;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.index_navigation_page_Menu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.index_navigation_page_Menu ul li ul li a{
font:"Arial";
font-weight:normal;
font-size:12px;
padding:0;
margin: 0;
line-height:32px;
border-top-width: 0;
z-index:999;
border:none;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

.index_navigation_top_lan{ float:right !important; padding:0 !important; font-size:14px; color:#ffffff; line-height:51px;}
.dui-dropdown-menu{width:auto; left:-25px; transform:none; min-width:100px; display:none; background:#f0f0f0;}
.dui-dropdown-menu.single{z-index:1100; top:100%; color:#303233; height:auto; padding:0; position:absolute;}
.dui-dropdown-menu.single .nav-item{display:block;width:100%;font-size:14px;transition:all .3s; border-bottom:1px dashed #cfcfcf;}
.dui-dropdown-menu.single .nav-item a{padding:10px 32px;white-space:nowrap;display:inline-block;color:#303233;line-height:1;height:auto;background:0 0;text-align:center;width:100%;}
.dui-dropdown-menu.single .nav-item a:hover{color:#cf0d00;}

.index_navigation_top_search{float:right !important; padding-right:32px !important;}
.index_navigation_search_list{ position:absolute; width:100%; padding:10px 0; background:#f0f0f0; font-size:15px; text-align:center; z-index:9999}
.index_navigation_Page_Search{width:100%; margin:auto; background:#FFFFFF;}
.search_left{width:90%; float:left; background:#FFFFFF; border:none;}
.search_middle{width:5%; background:#fff; float:left; height:35px;}
.search_right{width: 5%;height:35px;border-left:none;float: left}
.index_navigation_page_Menu:hover .index_navigation_top_lan,.index_navigation_page_Menu:hover .index_navigation_top_search{ background:none !important;}

#dl-menu,.index_navigation_top_lan2,.index_navigation_top_search2{ display:none;}

@media (max-width: 1100px) and (min-width: 991px){
.dui-dropdown-menu{ right:-11px !important; left:inherit !important;}
.index_navigation_page_Menu ul li{ padding: 0 26px;}
}

@media (max-width: 991px) and (min-width: 1px){
.index_navigation_headbg{ height:60px; border-bottom:1px solid #f0f0f0;}
.index_navigation_Logo{ height:60px;}
.index_navigation_Logo ul li{ margin-top:15px;}
.index_navigation_Logo .index_navigation_Logo_wz{ display:none;}
.index_navigation_page_Menu{ display:none;}
.index_navigation_top_lan2,.index_navigation_top_search2{ display:block; float:right;}
.index_navigation_top_lan2{ margin-right:70px; font-size:14px; color:#0d264a; line-height:60px; position:relative;}
.index_navigation_top_search2{margin-right:22px;}
#dl-menu{
        display: block !important;
       width: 60px; height:60px; position:absolute; right:0; top:0; z-index:99;
		 border:none;
    }
.dl-menuwrapper:first-child{ margin-right:0;}
.dl-trigger .icon-bar{display:block;position:absolute;opacity:1;width:30px;height:3px;/* top: 10px; */left: 16px;background-color: #0d264a;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.dl-trigger .icon-bar1{top:22px}
.dl-trigger .icon-bar2{top:30px}
.dl-trigger .icon-bar3{top:38px}
.dl-trigger.dl-active .icon-bar1{top:30px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.dl-trigger.dl-active .icon-bar2{opacity:0;left:45px;width:0}
.dl-trigger.dl-active .icon-bar3{top:30px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
}


.dl-menuwrapper button {
    background: none;
    border: none;
    width: 60px;
    height: 60px;
    float: right;
    top: 0;
    right: 0;
    border-radius: 0;
	outline:medium;
}

@media (max-width: 767px){
.index_navigation_Logo ul li{ margin-top:10px;}
.index_navigation_Logo ul li img{ width:100%; height:auto;}
.index_navigation_top_lan2{ margin-right:55px;}
.index_navigation_top_search2{ margin-right:15px;}
.search_left{width:80%;}
.search_middle{width:10%;}
.search_right{width: 10%;}
.dl-menuwrapper button {
    background:none;
    border: none;
    width: 100%;
    width: 55px !important;
    height: 55px !important;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-left: 60px;
    border-radius: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 25px;
}
}
.dl-menu {
    margin: 0;
    width: 100%;
    opacity: 1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    min-width: 200px;
    position: absolute;
    right: 0;
    top: 51px;
    z-index: 9999;
	background:#0d264a;
}
.dl-menu li a{
    display: block;
    position: relative;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-transform: uppercase;

}
.dl-menu li a h2 {
    display: block;
    position: relative;
    padding: 10px 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-transform: uppercase;
	border-bottom:1px dashed #555;
}

.dl-menu li a:hover{
    background: rgba(255,248,213,0.1);
}