/* main menu
----------------------------*/
#ddmenu{ display:block; text-align:center;}
#ddmenu ul{width:100%!important; margin:0 auto; padding:0; display:inline-block; list-style:none; position:relative; z-index:999999990; visibility:hidden;}
#ddmenu li { margin:0; padding:0; display:inline-block; position:relative; color:#EEF4FB; float:left;}


#ddmenu li.over a{ background-color:#FFFFFF;  color:#383a35;}
#ddmenu a.arrow{ background-image:url(../images/arrow2.gif); background-repeat:no-repeat; background-position:right center; border-left:1px solid transparent; border-right:1px solid transparent;}
#ddmenu li.over a.arrow{ background-color:#FFFFFF; color:#383a35; }   
#ddmenu li > div{ padding:0; margin:0; display:none;}              
        
/* sub-menu layout
--------------------------------------------*/
#ddmenu div.drop{position:absolute; text-align:left; font-family:'Avenir-Book'; background:white; color:#333333; line-height:30px; font-size:12px; font-weight:bold;}
/* sub-menu offset
--------------------------------------------*/
#ddmenu div.drop { left:0px;/*Use this property to change offset of the sub-menu*/ }
#ddmenu div.dropToLeft { left:auto; right:0px; }
#ddmenu div.dropToLeft2 { left:auto; right:-100px; }
  
/* links in sub menu
----------------------------*/

#ddmenu div.drop a
{
    line-height:20px;
    font-size:13px;
    font-family:'Avenir-Book'; font-weight:900;
	
    color:#383a35;
    text-decoration:none;    
    display:block;
    text-align:left;    
    position:static;
    background-image:none;
	padding: 7px;
	margin: 1px 0 0 0;
	background:#FFFFFF; 
}

#ddmenu div.drop a:hover { background:#001641; color:#FFFFFF;}
#ddmenu div.drop div { background:#FFFFFF; width:280px; }  
#ddmenu div.column{ float:left;}
#ddmenu div.column div {padding:0px;}
#ddmenu div.menu-icon  { display:none;}
#ddmenu li.hide1 {float:left;} 

@media only screen and (min-width:951px)and (max-width:999px)
{
#ddmenu a{ color:#FFFFFF; 
padding-left:15px!important; 
padding-right:15px!important; 
padding-top:5px!important; 
padding-bottom:5px!important; 
line-height:30px; 
text-decoration:none; 
display:inline-block;
outline:0; 
position:relative; 
white-space:nowrap; 
font-family: 'Roboto', sans-serif; font-weight:500; font-size:14px;
}
}


@media only screen and (min-width:641px)and (max-width:950px)
{

.dd_adtw{width:100%;  float:left; background:#004b8d; height:39px; padding-top:3px; padding-bottom:3px;}
.right_short_so{ width:300px; height:39px; float:right; margin-top:1px;}

#ddmenu div.drop a { padding: 7px !important; margin: -1px 0 1px 0; background:#666666; text-decoration:none; color:#FFF;}
#ddmenu div.drop div { width:100%; padding:0; }
#ddmenu {  width:200px; /*position:absolute; z-index:100;*/ margin-top:6px; float:left;}
#ddmenu ul { border: 1px solid #001641; }
#ddmenu li.hide1 {display:none;}

#ddmenu li.over a{ background-color:#999999;  color:#FFFFFF; padding-left:20px;}

#ddmenu div.drop{width:102.3%!important;}

#ddmenu div.drop a{ background:#212121!important;}
#ddmenu div.drop a:hover {
    background: #999999!important;
    color: #FFFFFF;
}


#ddmenu li.over a.arrow{ background-color:#FFFFFF; color:#FFFFFF; }
#ddmenu div.menu-icon  {
		width: 103px;
		height:22px;
		background: transparent url(../images/normal_mn.jpg) no-repeat center center;
		display: block; /*or inline-block*/
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
         
        /*align the icon to the right*/
        margin-left:auto;
        margin-right:90px;
		background-color: #004b8d;
		padding: 3px 3px 0px;
	}
	
    #ddmenu div.menu-icon-active {
		width: 103px;
		height:22px;
		/*background: transparent url(../images/menu_close.jpg) no-repeat center center;*/
		background: transparent url(../images/normal_mn.jpg) no-repeat center center;
		display: block; /*or inline-block*/
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
         
        /*align the icon to the right*/
        margin-left:auto;
        margin-right:90px;
		background-color: #004b8d;
		padding: 3px 3px 0px;
    }
	
	/*override the original settings*/
	#ddmenu ul {
		width: 100%!important; 
		display: none;
		background: url(../images/scroll_menu_bg.png);
		border: none; 
		border-top:0px solid #FFFFFF;
        border-radius:0; margin-top:12px;
	}
	
    #ddmenu li {
		float: none!important;
        display:block; line-height:23px;
        width:97.4%;
        font-size:12px !important;
        text-align:left;
	    border-top: 0px solid #FFFFFF!important; border-bottom:none!important; 
	   border-right:none!important;
    }
#ddmenu a.arrow { background:url(../images/res_barrow.png) 95% 14px  no-repeat;  background-position-right:30px; }
#ddmenu li.over a.arrow { background:url(../images/res_button.png) 95% 14px no-repeat;}

#ddmenu a { display:block; padding-bottom:5px!important; padding-top:5px!important; font-size:14px!important; font-weight:normal!important; border-right:none!important; width:100%; padding-left:5px!important;}
#ddmenu div.drop { position:relative; border-top-color:transparent; border-radius:0; box-shadow:none;} 
#ddmenu div.drop, #ddmenu div.dropToLeft, #ddmenu div.dropToLeft2 {left:0px; right:auto;} 
/*turn each column to list vertically instead of horizontally */
#ddmenu div.column {width:auto; float:none; padding:0;}
}

#mddmenu{ display:block; text-align:center; letter-spacing:normal; font-size:0px; font-family:'Avenir-Book';}
#mddmenu ul{width:100%; margin:0 auto; padding:0; font-size:0; display:inline-block; list-style:none; position:relative; z-index:999999990; visibility:hidden;}
#mddmenu li { margin:0; padding:0; font-size:14px; display:inline-block; position:relative; color:#EEF4FB; float:left;}
#mddmenu a{ color:#FFFFFF; /*padding: 12px 6px 10px !important;*/ line-height:30px; text-decoration:none; display:inline-block; outline:0; position:relative; white-space:nowrap; font-size:13px; font-weight:bold; font-family:'Avenir-Book';}


/* links without sub-menu */
#mddmenu li.over a{ background-color:#FFFFFF;  color:#383a35; }

/* links with sub-menu */
#mddmenu a.arrow
{
    background-image:url(../images/arrow2.gif);
    background-repeat:no-repeat;
    background-position:right center;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
#mddmenu li.over a.arrow
{
    background-color:#FFFFFF;
    color:#383a35;


}   

#mddmenu li > div
{
    padding:0;
    margin:0;
    display:none;
}              
        
/* sub-menu layout
--------------------------------------------*/

#mddmenu div.drop
{
    position:absolute;
    text-align:left;
     font-family:'Avenir-Book';
    background:white;
    color:#333333;
    line-height:30px;
    font-size:12px;
    font-weight:bold; 

    
}
  

#mddmenu div.drop{left:0px;}
#mddmenu div.dropToLeft { left:auto; right:0px; }
#mddmenu div.dropToLeft2{ left:auto; right:-100px; }
#mddmenu div.drop a{ line-height:20px; font-size:13px; font-family:'Avenir-Book'; font-weight:900; color:#383a35; text-decoration:none; display:block; text-align:left; position:static; background-image:none; padding: 7px; margin: 1px 0 0 0; background:#FFFFFF; }
#mddmenu div.drop a:hover{ background:#001641; color:#FFFFFF;}
#mddmenu div.drop div{ background:#FFFFFF; width:280px; }  
#mddmenu div.column{float:left; }
#mddmenu div.column div{padding:0px;}
#mddmenu div.menu-icon { display:none; }
#mddmenu li.hide1 {float:left;} 


@media only screen and (min-width:481px)and (max-width:640px)
{
.accordion .item .content {display: none; position:absolute;  width:139%!important; float:left; margin-left:-41%!important; left:0!important; margin-top:7px; border:1px solid #011435; padding:5px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eceaea+0,dad7d7+100 */
background: #eceaea; /* Old browsers */
background: -moz-linear-gradient(top, #eceaea 0%, #dad7d7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eceaea 0%,#dad7d7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eceaea 0%,#dad7d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceaea', endColorstr='#dad7d7',GradientType=0 ); /* IE6-9 */
}
}




@media only screen and (min-width:320px)and (max-width:640px)

{
.dd_adtw{ display:none!important;}

	#mddmenu div.drop a
	{
		padding: 7px !important;
		margin: 0 0 1px 0;
		background:#666666;
		text-decoration:none;
		color:#FFF; 
	}
	#mddmenu div.drop div
	{
	background:none;  
	width:100%;
	padding:0;
	}
	#mddmenu
	{/* background:#00CC99;*/ 	}
	#mddmenu ul
	{ 
   
    border: 1px solid #001641;
	}
    #mddmenu li.hide1 {display:none;}/*hide elements that is not needed in mobile */
    
    #mddmenu div.menu-icon  {
		width: 36px;
		height:30px;
		background: transparent url(../images/res_menu.jpg) no-repeat center center;
		display: block; /*or inline-block*/
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
		background-color: #004b8d;
		padding: 3px 3px 0px;
	}
	
    #mddmenu div.menu-icon-active {
		width: 36px;
		height:30px;
		background: transparent url(../images/menu_close.jpg) no-repeat center center;
		display: block; /*or inline-block*/
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
         
        /*align the icon to the right*/
       /* margin-left:auto;*/
        margin-right:4px;
		background-color: #004b8d;
		padding: 3px 3px 0px;
    }
	
	/*override the original settings*/
	#mddmenu ul {
		width: 100%; 
		display: none;
		background:#004b8d;
		border: none; 
		border-top:1px solid #FFFFFF;
        border-radius:0!important; 
	}
	
#mddmenu li { float: none!important; display:block; width:97.4%; font-size:12px !important; text-align:left; border-top: 1px solid #FFFFFF!important; border-bottom:none!important;  border-right:none!important;}
#mddmenu a.arrow { background:url(../images/res_barrow.png) 95% 14px  no-repeat;  background-position-right:30px; }
#mddmenu li.over a.arrow { background-color:#009baa; background:url(../images/res_button.png) 95% 14px no-repeat; }
#mddmenu a { display:block; padding-bottom:0px!important; padding-top:0px!important; font-size:12px!important; font-weight:normal!important; border-right:none!important; width:98.7%!important; padding-left:5px; }
#mddmenu div.drop { position:relative; border-top-color:transparent; border-radius:0; box-shadow:none; }
#mddmenu div.drop, #mddmenu div.dropToLeft, #mddmenu div.dropToLeft2 { left:0px; right:auto; }
/*turn each column to list vertically instead of horizontally */
#mddmenu div.column { width:auto; float:none; padding:0; }
}

/*search_area*/
.accordion { width: 100%; overflow: hidden; margin: auto; }
.accordion .item .heading { height:20px; width:20px; cursor: pointer; box-sizing:border-box; }
.accordion .item.open .heading,
.accordion .item:last-child .heading { border: 0; }
.accordion .item.open .heading {  }
.accordion .item .content {display: none; position:absolute;  width:120%; float:left; margin-left:-22.7%; left:0!important; margin-top:7px; border:1px solid #011435; padding:5px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eceaea+0,dad7d7+100 */
background: #eceaea; /* Old browsers */
background: -moz-linear-gradient(top, #eceaea 0%, #dad7d7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eceaea 0%,#dad7d7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eceaea 0%,#dad7d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceaea', endColorstr='#dad7d7',GradientType=0 ); /* IE6-9 */
}
.bh_54 {float:left; width:60%; height:17px; padding:5px; border: 1px solid  #999999; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; background-color:#fff; margin-left:8px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}


.bh_57 {float:left; background-color:#004b8d; width:50px; height:29px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;
text-decoration:none;  text-align:center; border:0; cursor:pointer; margin-left:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}