/* Media Queries: desktop */
@media(max-width: 360px) {
	#wrapper-all {width:100%;}
    #top { width:100%;}
	#footer {width:100%}
	
	#add_container {color:#444; font: 130% Arial, sans-serif; line-height:26px;}
	#ad_right p{color:#444; font: 120% Arial, sans-serif; line-height:26px;}
	#box_in2 p{color:#444; font: 110% Arial, sans-serif; line-height:26px;}
	#box_in3 p{color:#FFF; font: 110% Arial, sans-serif; line-height:26px; text-align:center;}
	#wrapper_2_inn_right p {color:#444; font: 120% Arial, sans-serif; line-height:26px;}
#examiners-bar_b p {color:#FFF; font: 110% Arial, sans-serif; line-height:26px; padding-bottom:10px;}
#examiners-bar p {font: 120% Arial, sans-serif; line-height:28px; color:#444; text-align:left;}
	
	
    #top_inn { display:flex;}
    #header {display:flex; margin:auto; overflow:hidden;}
    #name_seg	{overflow:hidden;}
    #menu_seg {display:none; }
    #sddm {display:none;}
	
	#wrapper{width:100%; overflow:hidden;}
	#add_container {display:block; width:88%; overflow:hidden;text-align:left; padding:1%;}	
	#ad_left {float:left; width:100%; margin:auto;}
	#ad_right {Margin:auto; position:relative; background:none; width:98%; overflow:hidden; text-align:left; padding:2% 1%;}
	
	#pscroller1{width:340px; height:600px; border: none; padding: 10px 0; background:none; color: #000000; font-size:110%; font-family:arial; line-height:24px; text-align:left;}
	#pscroller2{width: 340px; height:600px; border: none; padding:0; color: #000000; font-size:110%; font-family:arial; line-height:24px; text-align:left;}

	#wrapper_2{width:100%;}	
	#wrapper_2_inn {width:88%; display:block; padding:1%;}
	#wrapper_2_inn_left {overflow:hidden; width:100%; margin:auto;}
	#examiners-bar{width:100%;overflow:hidden;background:none;margin:1% 0;text-align:left;padding:0;}
	#examiner{ width:98%; display:block; overflow:hidden; background:#FFF; margin-top:1%; text-align:left; padding:1%; border: none;}
	#box_in1 {margin:0; padding:1%; width:98%; background:none; text-align:left;}
	#box_in2 {margin:auto; width:98%; padding:1%; background:none; text-align:left; }
	
	#wrapper_2_inn_right {width:98%; margin:auto; overflow:hidden;  position: relative; padding:1%;}
	.right_navs {margin:0;padding:0;float:left;text-align:left;}
	.right_navs li {margin:1% 0;padding:0;margin-right:0;text-align:left;}
	.right_navs li a {padding:1% 2%; display:block; border: 1px solid #74aec7; border-radius: 20px; text-align:left; background: #e1f5f7; color:#000; font-size:105%; font-family:Arial, Helvetica, Sans-serif, Verdana, Tahoma; font-weight: 700; text-decoration: none;}
	.right_navs li a:hover {color:#0176ba; background:url(..//images/right-nav.png) no-repeat left center; transition-timing-function: ease-in-out;  transition-duration: 0.5s; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;} 

	.right_navs_b {margin:0;padding:0;float:left;text-align:left;}
	.right_navs_b li {margin:1% 0; padding:1% 2%; display:block; border: 1px solid #74aec7; border-radius: 20px; text-align:left; background: #e1f5f7; color:#000; font-size:105%; font-family:Arial, Helvetica, Sans-serif, Verdana, Tahoma; font-weight: 500; text-decoration: none;}

	#container_down_b  {width:90%; display:flex;}
	#container_down  {width:90%; display:flex;}
	#container_down_b_inn{padding:1%;margin:auto; width:88%; display:block; overflow:hidden; background:none; text-align:center;}
	#container_down_inn{padding:1%;margin:auto; width:88%; display:block; overflow:hidden; background:none; text-align:center;}	
	#title_divider_art{width:100%;overflow:hidden;background:none; margin:0;padding:0;text-align:center;}
	#box_in3 {margin:3% 0; padding:2%; width:96%; background:none; border-top:2px solid #FFF; border-bottom:2px solid #FFF; text-align:center;}
	#box_pix{width:98%;display:block;  position:relative; min-height:300px; background:none; margin:0; text-align:center;padding:1%;border:none;}
	#box_text{width:98%;display:block;  position:relative; min-height:300px; background:none; margin:0; text-align:center;padding:1%;border:none;font: 110% Arial, sans-serif; line-height:26px;}
		
	#footer_bottom {width:85%; overflow:hidden;background:none;margin:auto;margin-top:6%;padding:0 0; text-decoration:left;}
	#footer_bottom_inn{ width:100%; display:block; overflow:hidden;background:none;margin:auto;padding:0; margin:0;}
	#footer_bottom_A{width:100%; overflow:hidden; padding:1%; text-align:left;}	
	#footer_bottom_B{width:100%; overflow:hidden; padding:1%;text-align:left;}
	
}

@media(max-width: 440px) {
	#wrapper-all {width:100%;}
    #top { width:100%;}
	#footer {width:100%}
	
	#add_container {color:#444; font: 130% Arial, sans-serif; line-height:26px;}
	#ad_right p{color:#444; font: 120% Arial, sans-serif; line-height:26px;}
	#box_in2 p{color:#444; font: 110% Arial, sans-serif; line-height:26px;}
	#box_in3 p{color:#FFF; font: 110% Arial, sans-serif; line-height:26px; text-align:center;}
	#wrapper_2_inn_right p {color:#444; font: 120% Arial, sans-serif; line-height:26px;}
#examiners-bar_b p {color:#FFF; font: 110% Arial, sans-serif; line-height:26px; padding-bottom:10px;}
#examiners-bar p {font: 120% Arial, sans-serif; line-height:28px; color:#444; text-align:left;}	
	
    #top_inn { display:flex;}
    #header {display:flex; margin:auto; overflow:hidden;}
    #name_seg	{overflow:hidden;}
    #menu_seg {display:none; }
    #sddm {display:none;}
	
	#wrapper{width:100%; overflow:hidden;}
	#add_container {display:block; width:88%; overflow:hidden;text-align:left; padding:1%;}	
	#ad_left {float:left; width:100%; margin:auto;}
	#ad_right {Margin:auto; position:relative; background:none; width:98%; overflow:hidden; text-align:left; padding:2% 1%;}
	
	#pscroller1{width:340px; height:600px; border: none; padding: 10px 0; background:none; color: #000000; font-size:110%; font-family:arial; line-height:24px; text-align:left;}
	#pscroller2{width: 340px; height:600px; border: none; padding:0; color: #000000; font-size:110%; font-family:arial; line-height:24px; text-align:left;}

	#wrapper_2{width:100%;}	
	#wrapper_2_inn {width:88%; display:block; padding:1%;}
	#wrapper_2_inn_left {overflow:hidden; width:100%; margin:auto;}
	#examiners-bar{width:100%;overflow:hidden;background:none;margin:1% 0;text-align:left;padding:0;}
	#examiner{ width:98%; display:block; overflow:hidden; background:#FFF; margin-top:1%; text-align:left; padding:1%; border: none;}
	#box_in1 {margin:0; padding:1%; width:98%; background:none; text-align:left;}
	#box_in2 {margin:auto; width:98%; padding:1%; background:none; text-align:left; }
	
	#wrapper_2_inn_right {width:98%; margin:auto; overflow:hidden;  position: relative; padding:1%;}
	.right_navs {margin:0;padding:0;float:left;text-align:left;}
	.right_navs li {margin:1% 0;padding:0;margin-right:0;text-align:left;}
	.right_navs li a {padding:1% 2%; display:block; border: 1px solid #74aec7; border-radius: 20px; text-align:left; background: #e1f5f7; color:#000; font-size:105%; font-family:Arial, Helvetica, Sans-serif, Verdana, Tahoma; font-weight: 700; text-decoration: none;}
	.right_navs li a:hover {color:#0176ba; background:url(..//images/right-nav.png) no-repeat left center; transition-timing-function: ease-in-out;  transition-duration: 0.5s; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;} 

	.right_navs_b {margin:0;padding:0;float:left;text-align:left;}
	.right_navs_b li {margin:1% 0; padding:1% 2%; display:block; border: 1px solid #74aec7; border-radius: 20px; text-align:left; background: #e1f5f7; color:#000; font-size:105%; font-family:Arial, Helvetica, Sans-serif, Verdana, Tahoma; font-weight: 500; text-decoration: none;}

	#container_down_b  {width:90%; display:flex;}
	#container_down  {width:90%; display:flex;}
	#container_down_b_inn{padding:1%;margin:auto; width:88%; display:block; overflow:hidden; background:none; text-align:center;}
	#container_down_inn{padding:1%;margin:auto; width:88%; display:block; overflow:hidden; background:none; text-align:center;}	
	#title_divider_art{width:100%;overflow:hidden;background:none; margin:0;padding:0;text-align:center;}
	#box_in3 {margin:3% 0; padding:2%; width:96%; background:none; border-top:2px solid #FFF; border-bottom:2px solid #FFF; text-align:center;}
	#box_pix{width:98%;display:block;  position:relative; min-height:300px; background:none; margin:0; text-align:center;padding:1%;border:none;}
	#box_text{width:98%;display:block;  position:relative; min-height:300px; background:none; margin:0; text-align:center;padding:1%;border:none;font: 110% Arial, sans-serif; line-height:26px;}
		
	#footer_bottom {width:85%; overflow:hidden;background:none;margin:auto;margin-top:6%;padding:0 0; text-decoration:left;}
	#footer_bottom_inn{ width:100%; display:block; overflow:hidden;background:none;margin:auto;padding:0; margin:0;}
	#footer_bottom_A{width:100%; overflow:hidden; padding:1%; text-align:left;}	
	#footer_bottom_B{width:100%; overflow:hidden; padding:1%;text-align:left;}
	
}


@media(max-width: 768px) {
	#wrapper-all {width:100%;}
    #top { width:100%;}
	#footer {width:100%}
	
	#add_container {color:#444; font: 130% Arial, sans-serif; line-height:26px;}
	#ad_right p{color:#444; font: 120% Arial, sans-serif; line-height:26px;}
	#box_in2 p{color:#444; font: 110% Arial, sans-serif; line-height:26px;}
	#box_in3 p{color:#FFF; font: 110% Arial, sans-serif; line-height:26px; text-align:center;}
	#wrapper_2_inn_right p {color:#444; font: 120% Arial, sans-serif; line-height:26px;}
#examiners-bar_b p {color:#FFF; font: 110% Arial, sans-serif; line-height:26px; padding-bottom:10px;}
#examiners-bar p {font: 120% Arial, sans-serif; line-height:28px; color:#444; text-align:left;}
	
    #top_inn { display:flex;}
    #header {display:flex; margin:auto; overflow:hidden;}
    #name_seg	{overflow:hidden;}
	
	#wrapper{width:100%; overflow:hidden;}
	#add_container {display:block; width:88%; overflow:hidden;text-align:left; padding:1%;}	
	#ad_left {float:left; width:100%; margin:auto;}
	#ad_right {Margin:auto; position:relative; background:none; width:98%; overflow:hidden; text-align:left; padding:2% 1%;}
	
	#pscroller1{width:100%; height:600px; border: none; padding: 10px 0; background:none; color: #000000; font-size:110%; font-family:arial; line-height:24px; text-align:left;}
	#pscroller2{width: 100%; height:600px; border: none; padding:0; color: #000000; font-size:110%; font-family:arial; line-height:24px; text-align:left;}

	#wrapper_2{width:100%;}	
	#wrapper_2_inn {width:88%; display:block; padding:1%;}
	#wrapper_2_inn_left {overflow:hidden; width:100%; margin:auto;}
	#examiners-bar{width:100%;overflow:hidden;background:none;margin:1% 0;text-align:left;padding:0;}
	#examiner{ width:98%; display:block; overflow:hidden; background:#FFF; margin-top:1%; text-align:left; padding:1%; border: none;}
	#box_in1 {margin:0; padding:1%; width:98%; background:none; text-align:left;}
	#box_in2 {margin:auto; width:98%; padding:1%; background:none; text-align:left; }
	
	#wrapper_2_inn_right {width:98%; margin:auto; overflow:hidden;  position: relative; padding:1%;}
	.right_navs {margin:0;padding:0;float:left;text-align:left;}
	.right_navs li {margin:1% 0;padding:0;margin-right:0;text-align:left;}
	.right_navs li a {padding:1% 2%; display:block; border: 1px solid #74aec7; border-radius: 20px; text-align:left; background: #e1f5f7; color:#000; font-size:105%; font-family:Arial, Helvetica, Sans-serif, Verdana, Tahoma; font-weight: 700; text-decoration: none;}
	.right_navs li a:hover {color:#0176ba; background:url(..//images/right-nav.png) no-repeat left center; transition-timing-function: ease-in-out;  transition-duration: 0.5s; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;} 

	.right_navs_b {margin:0;padding:0;float:left;text-align:left;}
	.right_navs_b li {margin:1% 0; padding:1% 2%; display:block; border: 1px solid #74aec7; border-radius: 20px; text-align:left; background: #e1f5f7; color:#000; font-size:105%; font-family:Arial, Helvetica, Sans-serif, Verdana, Tahoma; font-weight: 500; text-decoration: none;}

	#container_down_b  {width:90%; display:flex;}
	#container_down  {width:90%; display:flex;}
	#container_down_b_inn{padding:1%;margin:auto; width:88%; display:block; overflow:hidden; background:none; text-align:center;}
	#container_down_inn{padding:1%;margin:auto; width:88%; display:block; overflow:hidden; background:none; text-align:center;}	
	#title_divider_art{width:100%;overflow:hidden;background:none; margin:0;padding:0;text-align:center;}
	#box_in3 {margin:3% 0; padding:2%; width:96%; background:none; border-top:2px solid #FFF; border-bottom:2px solid #FFF; text-align:center;}
	#box_pix{width:98%;display:block;  position:relative; min-height:300px; background:none; margin:0; text-align:center;padding:1%;border:none;}
	#box_text{width:98%;display:block;  position:relative; min-height:300px; background:none; margin:0; text-align:center;padding:1%;border:none;font: 110% Arial, sans-serif; line-height:26px;}
		
	#footer_bottom {width:85%; overflow:hidden;background:none;margin:auto;margin-top:6%;padding:0 0; text-decoration:left;}
	#footer_bottom_inn{ width:100%; display:block; overflow:hidden;background:none;margin:auto;padding:0; margin:0;}
	#footer_bottom_A{width:100%; overflow:hidden; padding:1%; text-align:left;}	
	#footer_bottom_B{width:100%; overflow:hidden; padding:1%;text-align:left;}
	
}



body{
width:100%;
background:#0353a4;
text-align:center;
margin: auto;
padding:0;
text-align:center;
font-size:100%;
}

#wrapper-all{width:100%;overflow:hidden; background:none;text-align:center;margin:auto;padding:0 0;}
#top{width:100%;overflow:hidden; background:#001737;text-align:center;margin:auto;padding:0 0;}
#top_inn{ width:90%; display: inline-block;overflow:hidden;background:none;text-align:center;margin:auto;padding:10px 0;margin-top:0;}
#header{display:inline-block;overflow:hidden;background:none;text-align:center;margin:auto;padding:0;margin:0; width:100%;}
#name_seg{width:90%; display:block;overflow:hidden;background:#FFF;text-align:center;margin:auto;padding:0 0;}
#menu_seg{width:90%; display:block;overflow:hidden;background:url(..//images/menu-bg.jpg) bottom left #FFF repeat-x;text-align:center;margin:auto;padding:0;}
.main_menu{width:100%; overflow:hidden; background:none;text-align:right; padding:0 0;}

#ad_right p {font: 120% Arial, sans-serif; line-height:28px; color:#444; text-align:left;}
#box_in2 p {font: 120% Arial, sans-serif; line-height:28px; color:#444; text-align:left;}
#box_in3 p {font: 120% Arial, sans-serif; line-height:28px; color:#FFF; color:#FFF; text-align:center; }
#examiners-bar_b p {color:#FFF; font: 110% Arial, sans-serif; line-height:26px; padding-bottom:10px;}
#examiners-bar p {font: 120% Arial, sans-serif; line-height:28px; color:#444; text-align:left;}
	

/* Styling of hamburg-menu */
#hamburg_menu{width:90%; overflow:hidden; background:url(..//images/harm-bg.jpg) bottom left #001737 repeat-x; text-align:center; margin:auto;padding:5px 0;}

.accordion {
  background: url(..//images/harm-bg.jpg) bottom left #001737 repeat-x;
  color: #444;
  cursor: pointer;
  padding: 0 18px;
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
  transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: none;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
  padding:5px;
  background-color:#001737;
  display: none;
  overflow: hidden;
}

#ham-nav {margin:auto; padding:0; text-align:center;}
#ham-nav li {margin:auto; padding:0;display: block; list-style:none; text-align:center; padding:2px 0;}
#ham-nav li a {display:block;background:#01214f;padding:7px 5px; color:#FFF; font-size:95%; font-family:'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma; font-weight: 700; text-decoration: none; border:none;}
#ham-nav li a:hover {color:#0cabd9; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;} 
#ham-nav li a.selected {color:#0cabd9;} 


/* General header */


/* home page */
#wrapper{width:100%; display: inline-block;overflow:hidden;background:none;text-align:center;margin:auto;padding:0;margin-top:0}
#ad_container{display:inline-block;overflow:hidden;margin:auto;width:88%; background:#FFF;text-align:center;padding:1%;}
#ad_left {float:left; width:300px; margin:auto;}
#ad_right { float:right; background:none; width:73%; overflow:hidden; text-align:left; margin-right:0; padding:0 1%;}
#wrapper_2{width:100%; display: inline-block;overflow:hidden;background:none;text-align:center;margin:auto;padding:0 0;}
#wrapper_2_inn{width:90%; display:inline-block;overflow:hidden;margin:auto;background:#c4e6ef;text-align:left;padding:0 0;margin:auto;}
#wrapper_2_inn_left{max-width:1000px; display:flex; flex:1; float:left; display:inline-block;overflow:hidden;background:#e8f3f4;margin-left:0;text-align:left;padding:10px;}
#wrapper_2_inn_right {width:360px; float:right; margin-right:8px; overflow:hidden; background:none; padding:10px 10px;font: 110% Arial, sans-serif; line-height:28px; }
#examiners-bar{width:100%;overflow:hidden;background#DDC;margin:10px 0;text-align:left;padding:0;}

#examiner{width:100%;display:inline-block;overflow:hidden;background:#FFF;float:left;margin:1% 1% 0 0;text-align:center;padding:3px;border: none;}

#box_in1 {margin:0; padding:5px; width:150px; float:left; background:none; text-align:center;}
#box_in2 { display:flex; margin-top:20px; width:80%; padding:10px; background:none; text-align:left; color:#444; font: 110% Arial, sans-serif; line-height:26px;}
#box_in3 {margin:30px 10px 0 0; padding:20px; width:100%; float:left; background:none; border-top:2px solid #FFF; border-bottom:2px solid #FFF; text-align:center;}
#box_in3 p {color:#FFF; text-align:center; }

#examiners-bar_b{width:96%;overflow:hidden;background:rgb(6, 122, 160);margin:10px 0;text-align:left;padding:2%;}

#box_pix{display:flex; width:300px;display:inline-block; min-height:300px; background:#FFF; margin:5px;text-align:center;padding:9;border: none;}
#box_text{display:flex; width:380px;display:inline-block; background:none; margin:3px 7px;text-align:center;padding:9;font: 110% Arial, sans-serif; line-height:26px;}


#examiners-bar p a, #wrapper_2_inn_right p a {text-decoration:none; color:rgb(249, 92, 29);}
#examiners-bar p a:hover, #wrapper_2_inn_right p a:hover {text-decoration:underline;}

#item_box li {list-style:none; margin:0 0; text-align:left; padding:0; }
#item_box li td{padding:5px;}
#item_box li a{font:bold 110% Calibri, Arial, sans-serif; text-align:left; padding:0; color:#279c29;}
#item_box li a:hover{color:#F00;}
#examiner a{font:bold 90% 'Open Sans', Arial, sans-serif; text-align:left; color:#279c29;}
#examiner a:hover {color:#BBB;}





#container_down{display:inline-block;overflow:hidden;margin:auto;background:#FFF;text-align:center;padding:1% 0 4% 0; width:90%}
#container_down_b{display:inline-block;overflow:hidden;margin:auto;background:rgb(0, 76, 127);text-align:center;padding:1% 0 4% 0; width:90%}
#container_down_inn{padding:10px;margin:1% 2%; width:88%; display:inline-block;overflow:hidden;margin:auto;background:none;text-align:left;}
#container_down_b_inn{padding:10px;margin:1% 2%; width:96%; display:inline-block;overflow:hidden;margin:auto;background:none;text-align:left;}
#item_box_art {max-width:520px; font:90%; padding:10px; float:left; margin:5px; background:#FFF; text-align:left; overflow:hidden;}
#title_divider_ad{width:99%;overflow:hidden;background:none; margin:0 0 20px 0;text-align:left; line-height: 23px;  font-family:'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;}
#title_divider_art{width:100%;overflow:hidden;background:none; margin:0;padding:0;text-align:left;}
#art_cell {width:100%; padding-left:2%; font:95% 'Open Sans', Arial, sans-serif; text-align:left; color:#222; line-height:140%;}
.latest_text{font:90%; font-family:'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma; text-align:left;padding:0; margin:5px 0; color:#222;}
.latest_text a{color:#da3d3d;}
.item_nav_art {margin:2% 0; padding:0 20px 0 0; text-align:center;}
.item_nav_art li {width:100%;list-style:none; margin:0 0; float:left; display:block; text-align:center; padding:0;}
.item_nav_art li a{width:100%; font:bold 100% 'Open Sans', Arial, sans-serif;  text-align:center; display:block; float:left; color:#FFF; text-decoration:none; padding:20px 10px; background:#279c29;}
.item_nav_art li a:hover{background:url(..//images/alert_button.png) no-repeat #000 left center;transition-timing-function: ease-in-out;  transition-duration: 0.5s;}



/* general footer */
#footer{ width:100%; overflow:hidden;background:rgb(0, 24, 40);margin:auto;padding-bottom:2%; text-align:center}
#footer_bottom{ width:85%; overflow:hidden;background:none;margin:auto;margin-top:6%;padding:0 0; text-decoration:left;}
#footer_bottom_inn{ width:100%; overflow:hidden;background:none;margin:auto;padding:0; margin:0;}
#footer_bottom_A{width:100%; overflow:hidden;background:none;margin:auto;padding:0; margin:0; text-align:left;}
#footer_bottom_B{width:100%; overflow:hidden;background:none;margin:auto;padding:0; margin:0; text-align:left;}

#footer_bottom_B p {color:#c9c9c9; font-weight:500; text-align:left; padding:0 0; margin:5px 0; font: 88% 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma; display:inline-block; overflow:hidden;}
#footer_bottom_B p a{color:#2A2; text-decoration:none;}
#footer_bottom_B p a:hover{color:#FFF; text-decoration:none;}