/* Generated by Font Squirrel (https://www.fontsquirrel.com) on January 3, 2017 */
@font-face { font-family: 'oswald'; src: url('fonts/oswald-bold-webfont.woff2') format('woff2'), url('fonts/oswald-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'oswald'; src: url('fonts/oswald-light-webfont.woff2') format('woff2'), url('fonts/oswald-light-webfont.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'oswald'; src: url('fonts/oswald-regular-webfont.woff2') format('woff2'), url('fonts/oswald-regular-webfont.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'kumar_oneregular'; src: url('fonts/kumarone-regular-webfont.woff2') format('woff2'), url('fonts/kumarone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

/* custom css */
body { font-size: 16px; line-height: 22px; color: #3b3b3b; background: #77b5da; font-family: 'oswald'; font-weight: 400; }
img { max-width: 100%; height: 160px; }
a { color: #003466; }
a:hover, a:focus { outline: none; text-decoration: none; color: #d9b348; }
.btn{ background: #c8a238; border: 0; color: #000; font-weight: 600; letter-spacing: 1px; }
.btn2{ background: #c8a238; border: 0; color: #000; font-weight: 600; letter-spacing: 1px; }
.btn:hover, a.btn:hover{ color: #fff; }
.btn2:hover, a.btn:hover{ color: #fff; }
.over_flow{overflow:auto;}
@media (max-width: 767px){
	h1{ font-size: 26px; }
	h2{ font-size: 24px; }
	h3{ font-size: 22px; }
}
/* header*/
.header { }
.top {  padding: 10px 0; background: url('images/top-bg.jpg') no-repeat center center #fff; }
.top ul { padding: 0; margin: 0; list-style: none; }
.top ul li { display: inline-block; line-height: 16px; padding: 0 5px; border-left: 1px solid #003466; }
.top ul li:first-child { border-left: 0; padding-left: 0; }
.top ul li:last-child { padding-right: 0; }
.top ul li a { color: #000; display: block; }
.top ul li .fa { color: #003466; }
.top h1 { font-size: 20px; font-family: 'kumar_oneregular'; color: #003466; text-transform: uppercase; margin: 10px 0 0; }
.logo { position: absolute; left: 15px; top: 10px; z-index: 99; }
.topBar-bottom { background: #003466; padding: 10px 0; color: #fff; font-weight: 300; margin-bottom: 20px; }
.topBar-bottom p { margin: 0; }
.latest-news-wrap{}
.latest-news { background: #90c8e9; border: 2px solid #fff; border-radius: 10px; margin: 0 0 20px 0; padding: 10px 10px 10px 95px; position: relative; }
.latest-news #title { position: absolute; left: 0; top: 0; height: 100%; border-right: 2px solid #fff; padding: 10px; }
.latest-news p { margin: 0; }
@media (max-width: 767px){
	.top{ min-height: 110px; text-align: center; }
	.logo{ left: 50%; margin-left: -78px; }
	.topBar-bottom{ min-height: 50px; margin-bottom: 30px; }
}
@media (min-width:768px) {
	.top ul { text-align: right; }
	.logo { top: 10px;}
}
@media ( min-width: 992px){
	.top h1{}
	.logo { top: -15px; }
}
@media (max-width: 1199px){
	.latest-news-wrap { padding-left: 80px; }
}
@media ( min-width: 1200px){
	.top { min-height: 100px;}
	.top h1{ font-size: 30px; margin-top: 20px; }
	.logo{ top: 0; }
}
/* nav */
#topNav { padding: 0; margin: 0 0 15px 0; list-style: none; }
#topNav > li { display: block; font-weight: 600; position: relative; }
#topNav li a{ display: block; color: #fff; }
#topNav ul{ padding: 0; margin: 0; list-style: none; }

@media (max-width: 1199px){
	.mobnav{ position: absolute; left: 15px; top: 5px;z-index: 999; font-size: 23px; padding: 5px; display: block; background: #fff; border-radius: 2px; }
	#topNav { display: none; border: solid #d9b348; border-width: 5px 0 5px 0; max-height: 300px; overflow-x: hidden; overflow-y: scroll; background: #003466; font-size: 14px; letter-spacing: 1px; }
	#topNav li a{ padding: 3px 15px; }
	#topNav li a:hover{ color: #000; background: #fff; }
	#topNav ul{ font-size: 12px; }
	#topNav ul a{ padding-left: 20px; }
	#topNav ul a:before{ content: '>'; margin-right: 5px; }
}
@media (max-width: 767px){
	.mobnav{ left: 0; top: -2px; }
}
@media (min-width: 1200px){
	/*#topNav { margin: 0 15px; }*/
	#topNav > li { display: inline-block; }
	#topNav > li.active > a, #topNav > li > a:focus, #topNav > li > a:hover, #topNav > li:hover > a { background: #fff; border-radius: 5px 5px 0 0; color: #3b667e; }
	#topNav ul{ padding: 5px 0 ; margin: 0; list-style: none; overflow-x: hidden;
		font-size: 14px; box-shadow: 0px 3px 3px #3d3d3d; position: absolute; 
		left: 0; top: 100%; z-index: 9; background: #fff; width: 0; transition: width .5s; -webkit-transition: width .5s; }
		#topNav li:hover >ul{ width: 230px; z-index: 9999;}
		#topNav ul li{ display: block;  width: 230px;}
		#topNav li:hover >ul.woocom-menu{ width: 800px;}
		#topNav ul.woocom-menu >li{ width: 800px; }
			#topNav ul.q-menu >{ width: 100px; }
		#topNav ul.woocom-menu >li >a{ width: 25%; float: left; }
		#topNav ul li a{ display: block;  padding: 5px 15px; color: #003466;  }
		#topNav ul li a:hover{ background: #003466; color: #fff;}
		#topNav ul ul{ left: 100%; top: 1px; }
	}
	/* content-area */
	.content-area { background: #fff; padding: 15px; border-radius: 2px 2px 0 0; box-shadow: 0 0 3px #3d3d3d; }
	.pageTitle { margin: 0 0 20px 0; font-weight: 600; font-family: "kumar_oneregular"; color: #003466; }
	.pageTitle::after { background: #fcf8e3  none repeat scroll 0 0; content: ""; display: block; height: 2px; margin-top: 5px; width: 50%; }
	.entry p { margin: 0 0 20px 0; }
	.entry h2 { font-weight: 600; }
	.entry h3 { font-weight: 600; }
	.entry h4 { font-weight: 600; }
	.entry h5 { font-weight: 700; }
	.entry h6 { font-weight: 700; }

	/* banner-slider */
	.banner-wrap { margin-bottom: 30px; }
	#banner-slider .item img { width: 100%; border: 1px solid #ddd; }

	/* notice-board */
	.notice-board { background: #3b667e; padding: 15px 15px 50px; color: #fff; position: relative; margin-top: 15px; }
	.notice-board .title { padding: 5px 15px; margin: 0 0 5px 0; background: #d9b348; color: #000; font-weight: 600; }
	.notice-board a{ color: #fff; }
	.notice-board a:hover{ color: #d9b348; }
	.notice-board h4 { font-weight: 600; color: #efefef; margin-bottom: 15px; }
	.notice-board h4:after { width: 50%; height: 2px; background: #fff; content: ''; display: block; margin-top: 6px; }
	.notice-board h5 { font-weight: 600; }
	.notice-board .btn { position: absolute; bottom: 15px; color: #000;}
	.notice-board .btn2 {background: #c8a238; border: 0; color: #000; font-weight: 600; letter-spacing: 1px; position: absolute; right: 15px; bottom: 15px; color: #000;}
	.notice-board .btn:hover{ color: #fff; }
	.notice-board .btn2:hover{ color: #fff; }
	@media (min-width:768px) {
		.alpha { padding-left: 0; }
		.omega { padding-right: 0; }
	}
	@media (min-width:992px) {
		.notice-board-wrap{ padding-left: 0; }
		.notice-board {padding-bottom: 80px; margin-top: 0;}
		.notice-board .title{ margin-bottom: 15px; }
	}
	@media (min-width:1200px) {
		.notice-board { height: 310px; }
	}

	/* sidebar */
	.widget { background: #003466; padding: 15px; color: #fff; border-top: 5px solid #d9b348; margin-top: 30px; }
	.widgetTitle { margin: 0 0 20px 0; color: #d9b348; font-weight: 600; letter-spacing: 1px; }
	.widget a { color: #fff; }
	.widget a:hover { color: #d9b348; }
	.widget ul { padding: 0; margin: 0; list-style: none; }
	.widget .widgetList li { padding: 0 0 6px 20px; position: relative; }
	.widget .widgetList li:before { content: "\f101"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; color: #d9b348; }
	#photo-gallery img { border: 1px solid #d9b348; }
	@media (min-width:768px) {
		.widget:first-child { margin-top: 0; }
	}
	/* footer */
	.footer { margin-top: 30px; padding: 30px 0 0; background: #1b1b1b; color: #fff;}
	.footer a{ color: #fff; }
	.footer h4{ font-weight: 600; color: #d9b348; margin: 0 0 15px 0; }
	.footer p{ font-family: 'Arial'; font-size: 13px; line-height: 20px; margin: 0 0 20px 0; }
	.copyright{ background: #000; margin-top: 30px; padding: 15px 0; }
	.copyright p{ margin: 0; font-size: 12px; }