@charset "utf-8";
/* CSS Document */

/*@font-face {
	font-family: 'SerifGothicStd-Light';
	src: url('../fonts/SerifGothicStd-Light.eot?') format('eot'), 
	     url('../fonts/SerifGothicStd-Light.otf')  format('opentype'),
	     url('../fonts/SerifGothicStd-Light.woff') format('woff'), 
	     url('../fonts/SerifGothicStd-Light.ttf')  format('truetype'),
	     url('../fonts/SerifGothicStd-Light.svg#SerifGothicStd-Light') format('svg');
		
}
*/
body { }

textarea{ resize: none;}
.form-control{ box-shadow: none; }
.form-control:focus {border-color: #787878;box-shadow: none;outline: 0 none;}
.btn.btn-custom{background-color:#787878;color:#FFF; font-size:17px; border-color:#787878;padding: 4px 10px;  -moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;}
.btn.btn-custom:hover, .btn.btn-custom:focus, .btn.btn-custom:active, .btn.btn-custom.active, .open .dropdown-toggle.btn.btn-custom
{ background-color:#FFF; color:#787878; }
.navbar { margin-bottom:1px; }
.container {background: url(../images/cont_bg.png) repeat-x; background-position: bottom; }
.box_wrap{ margin:0px  auto; box-shadow:0px 3px 4px 1px rgba(0, 0, 0, 0.4); }
.photo_wrap { text-align:center; padding:22px 0; }
.photo_wrap img{width:128px; display:block; margin:0 auto; border:5px solid #e0dfdf; }
.photo_wrap h4 { color:#009eda; }
.panel_wrap { float:right; width:90%;}
.panel_wrap.last { margin-bottom:15px;}
.panel_wrap .panel-heading{ background-color:#787878; color:#FFF; font-size:18px; padding:4px  20px; border-radius:0; box-shadow:-2px 5px 2px 1px rgba(0,0,0,0.3);margin-bottom: 10px; } 
.panel_wrap .panel-body{ padding:4px 12px; width:97%!important}
.panel_wrap .panel-body ul { float:left; padding:0;}
.panel_wrap .panel-body ul li{ display:block; list-style:none; font-size:20px; color:#009eda;}
.logo{ float:left; padding:24px 0 10px;}
.logo img { width:100%; max-width:100%; }
.panel_wrap .panel-body ul li a { background:none!important; color:#009eda!important; font-size:17px!important; height:auto }
.panel_wrap .panel-body ul li a:hover { color:#313C49!important; }


.small_title{background-color:#efefef; color:#FFF; font-size:16px; padding:4px  20px; border-radius:0; box-shadow:0px 2px 2px 1px rgba(0,0,0,0.3);margin-bottom: 15px; float:left; width:100%; color: #009EDA; }
.small_title h2{ padding:5px; margin:0; }
.centerbox{ background:#FFF; border:1px solid #d3d3d3;  padding: 0 10px;}
.centerbox .row{ margin-top:10px;}
.centerbox  h2{ background: #EFEFEF ; text-align:center; margin: 0; padding: 10px; border:1px solid #ddd} 
.chart_wrap{ margin-top:20px;}
.chart_wrap .panel-heading{ background-color: #bf3f26; color:#FFF; font-size:19px; padding:4px 10px; }
.chart_wrap .panel-body img{ max-width:100%; }
.footer{ background-color:#787878; color:#FFF; padding:10px 0 0 4%;  }
.mobile_logo{ display:none;}

.header { border-bottom:2px solid #ccc; display:flex}
.menu-main { border-right:1px solid #ccc; }
.menu-main a {
		display: block;
		height: 100%;
		color: #5f6f81;
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.menu-main a:focus{
		background: #5f6f81;
		color: white;
}


@media only screen and (max-width:767px)  {
.panel_wrap{ width:100%;}
.mobile_logo{ display: block; margin: 15px auto; text-align: center; width: 40%;}
.logo{ }
.photo_wrap{ padding:0 0 10px;}
}