html {height: 100%;}

body {
	min-height: 100%;
	height: 100%;
	font-family: 'Montserrat', sans-serif;
    margin: 0px;
    padding: 0px;
	font-size: 13px;
    color: #202020;
	font-weight: 400;
	background: #ffffff;
}

#header {
	padding-top: 20px;
	padding-bottom: 20px;
}

.company {
	color: #000000;
	font-size: 18px;
	font-weight: 500;
}

.topmenu a:hover {
	text-decoration: none;
	border-bottom: 2px solid #063971;
}

.topmenu {
	padding-top: 25px;
}

.shortcut a {
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	padding-top: 130px;
}

a.s1 {
	background: url(../img/s1.svg) no-repeat center center;
	background-size: 89px 85px;
}

a.s2 {
	background: url(../img/s2.svg) no-repeat center center;
	background-size: 74px 94px;
}

a.s3 {
	background: url(../img/s3.svg) no-repeat center center;
	background-size: 95px 69px;
}

.shortcut a:hover {
	color: #aabbcf;
	text-decoration: none;
}

#about_ {
	background: url(../img/right.png) no-repeat right center;
}

#about img {
	width: 100%;
	height: auto;
}

.short_about {
	background: #ffffff;
	padding: 15px;
	font-size: 14px;
	line-height: 24px;
}

a.readmore:link, a.readmore:visited {
	color: #063971;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	padding-top: 8px;
}

#mission_ {
	height: 400px;
	background: rgba(40,55,145,0.38);
	position: relative;
}

#mission {
	height: 400px;
	background: url(../img/pic2.jpg) no-repeat center center;
	background-size: cover;
}

.target a:link, .target a:visited {
	display: block;
	margin: 35px auto 0px auto;
	width: 265px;
	height: 50px;
	background: #063971;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 500;
	line-height: 50px;
	border-bottom: 4px solid #032c5b;
	transition: all 0.3s ease;
}

.target a:hover {
	text-decoration: none;
	background: #032c5b;
}

#mission_ .container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.news_item img {
	width: 100%;
	height: auto;
}

a.news_title:link, a.news_title:visited {
	color: #202020;
	font-size: 16px;
	line-height: 22px;
}

.p15 {
	padding: 15px;
}

.created {
	color: #5c5c5c;
	font-size: 16px;
	position: absolute;
	left: 15px;
	bottom: 10px;
}

#foooter {
	background: #063971;
	padding-top: 35px;
	padding-bottom: 35px;
}

.flogo img {
	width: 165px;
	height: auto;
	margin-bottom: 20px;
}

.flogo {
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
}

.fmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 14px;
	line-height: 22px;
}

.fmenu a {
	color: #ffffff;
}

.fmenu {
	color: #ffffff;
}

.fphone a {
	color: #ffffff;
	background: url(../img/phone.svg) no-repeat left center;
	background-size: 21px 21px;
	padding-left: 30px;
	padding-top: 9px;
	padding-bottom: 9px;
	display: block;
}

@media (min-width: 768px) {
	#supheader {
		height: 38px;
		line-height: 38px;
		background: #063971;
		font-size: 14px;
		color: #ffffff;
	}
	
	a.phone {
		float: right;
		color: #ffffff;
		background: url(../img/phone.svg) no-repeat left center;
		background-size: 21px 21px;
		padding-left: 30px;
		margin-left: 30px;
	}
	
	.address {
		background: url(../img/marker.svg) no-repeat left center;
		background-size: 18px 24px;
		padding-left: 30px;
	}
	
	.logo img {
		width: 100%;
		height: auto;
	}

	#slider h1 {
		color: #ffffff;
		font-size: 40px;
		font-weight: bold;
		line-height: 54px;
		padding-top: 20px;
	}
	
	.short_desc {
		font-size: 18px;
		color: #ffffff;
		line-height: 24px;
		padding-top: 30px;
	}
	
	a.hreadmore:link, a.hreadmore:visited {
		display: block;
		width: 255px;
		height: 43px;
		line-height: 43px;
		background: #ffffff;
		text-align: center;
		border-radius: 8px;
		color: #141a41;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		margin-top: 40px;
		transition: all 0.3s ease;
	}

	a.hreadmore:hover {
		text-decoration: none;
		font-size: 19px;
	}
	
	.shortcut {
		background: #ffffff;
		padding: 19px;
		margin-top: -50px;
	}

	.shortcut_ {
		background: #063971;
		height: 180px;
		border-bottom: 4px solid #032b57;
	}
	
	#slider {
		height: 500px;
		background: url(../img/mainbg.jpg) no-repeat center center;
		background-size: cover;
	}

	#slider_ {
		background: rgba(6,57,113,0.4);
		height: 500px;
	}
	
	#about {
		padding-top: 65px;
		padding-bottom: 65px;
		background: #f2f2f2 url(../img/left.png) no-repeat left center;
	}
	
	.short_head {
		font-size: 30px;
		font-weight: 500;
		padding-bottom: 20px;
	}
	
	.target {
		font-size: 48px;
		color: #ffffff;
		text-align: center;
		line-height: 58px;
		font-weight: 500;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.newsheading {
		font-size: 36px;
		font-weight: 500;
		text-transform: uppercase;
		text-align: center;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	#news {
		background: #f2f2f2;
		padding-bottom: 80px;
	}
	
	.news_item {
		background: #ffffff;
		min-height: 465px;
		position: relative;
	}
	
	.fheading {
		color: #ffffff;
		font-size: 18px;
		font-weight: 500;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	
	.faddress {
		background: url(../img/marker.svg) no-repeat left center;
		background-size: 18px 24px;
		padding-left: 30px;
	}
	
	#copyright {
		text-align: center;
		color: #ffffff;
		height: 30px;
		line-height: 30px;
		background: #032b57;
		font-size: 11px;
	}
	
	.topmenu ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		float: right;
	}

	.topmenu ul li {
		display: inline-block;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 500;
		padding-left: 40px;
	}

	.topmenu a {
		color: #202020;
	}
	
	.active {
		border-bottom: 2px solid #063971;
	}
	
	.submenu {
		display: none;
		position: absolute;
		left: 40px;
		top: 20px;
		background: rgba(5,60,110,0.9);
		width: 270px;
	}
	
	.with_sub {
		position: relative;
		background: url(../img/down.svg) no-repeat right center;
		background-size: 10px 6px;
		padding-right: 20px;
	}
	
	.haddress, .hphone {
		display: none;
	}
	
	.oa table {
		width: 100%;
	}
	
	.search_panel input[type="text"] {
		width: calc(100% - 200px);
		height: 35px;
		outline: none;
		border: none;
		background: #ffffff;
	}

	.search_panel input[type="submit"] {
		width: 185px;
		height: 35px;
		outline: none;
		border: none;
		background: #ffffff;
		float: right;
		font-weight: bold;
		text-transform: uppercase;
	}
	
}

@media (max-width: 767px) {
	
	.search_panel input[type="text"] {
		width: 100%;
		height: 35px;
		outline: none;
		border: none;
		background: #ffffff;
		margin-bottom: 15px;
	}

	.search_panel input[type="submit"] {
		width: 100%;
		height: 35px;
		outline: none;
		border: none;
		background: #ffffff;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.contentheading h1 {
		font-size: 24px;
	}
	
	.with_sub {
		position: relative;
		background: #042e5d url(../img/downw.svg) no-repeat right 15px top 17px !important;
		background-size: 10px 6px !important;
		padding-right: 20px;
	}
	
	.submenu {
		display: none;
		background: rgba(5,60,110,0.9);
		width: 100%;
	}
	
	.topmenu ul {
		margin: 0px;
		padding: 50px 0px;
		list-style: none;
	}

	.topmenu ul li {
		display: block;
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 500;
		background: #042e5d;
		margin-bottom: 2px;
		min-height: 40px;
		line-height: 40px;
		padding-left: 15px;
	}

	.topmenu a {
		color: #c7e2ff;
	}
	
	.hamburger {
		width: 50px;
		height: 50px;
		position: fixed;
		border-radius: 50%;
		right: 15px;
		top: 15px;
		background: #063971 url(../img/menu.svg) no-repeat center center;
		background-size: 27px 21px;
		z-index: 1000;
	}
	
	.menu-close {
		width: 50px;
		height: 50px;
		position: fixed;
		right: 15px;
		top: 15px;
		background: url(../img/close.svg) no-repeat center center;
		background-size: 30px 30px;
		z-index: 10000;
	}
	
	#copyright {
		text-align: center;
		color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		background: #032b57;
		font-size: 11px;
	}
	
	.faddress {
		background: url(../img/marker.svg) no-repeat left center;
		background-size: 18px 24px;
		padding-left: 30px;
		line-height: 24px;
	}
	
	.fheading {
		color: #ffffff;
		font-size: 18px;
		font-weight: 500;
		text-transform: uppercase;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	
	.news_item {
		background: #ffffff;
		position: relative;
		margin-bottom: 15px;
		padding-bottom: 40px;
	}
	
	#news {
		background: #f2f2f2;
		padding-bottom: 30px;
	}
	
	.newsheading {
		font-size: 36px;
		font-weight: 500;
		text-transform: uppercase;
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.target {
		font-size: 24px;
		color: #ffffff;
		text-align: center;
		line-height: 30px;
		font-weight: 500;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.short_head {
		font-size: 25px;
		font-weight: 500;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#about {
		padding-top: 30px;
		padding-bottom: 30px;
		background: #f2f2f2 url(../img/left.png) no-repeat left center;
	}
	
	#slider {
		background: url(../img/mainbg.jpg) no-repeat center center;
		background-size: cover;
	}

	#slider_ {
		background: rgba(6,57,113,0.4);
		height: 100%;
	}
	
	.shortcut {
		background: #ffffff;
		margin-top: 15px;
	}

	.shortcut_ {
		background: #063971;
		height: 180px;
		border-bottom: 4px solid #032b57;
	}
	
	a.hreadmore:link, a.hreadmore:visited {
		display: block;
		width: 200px;
		height: 43px;
		line-height: 43px;
		background: #ffffff;
		text-align: center;
		border-radius: 8px;
		color: #141a41;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		margin-top: 20px;
		margin-bottom: 40px;
		transition: all 0.3s ease;
	}

	a.hreadmore:hover {
		text-decoration: none;
		font-size: 19px;
	}

	.short_desc {
		font-size: 14px;
		color: #ffffff;
		line-height: 18px;
		padding-top: 10px;
	}
	
	#slider h1 {
		color: #ffffff;
		font-size: 20px;
		font-weight: bold;
		line-height: 24px;
		padding-top: 20px;
	}
	
	.topmenu {
		display: none;
		width: 100%;
		height: 100%;
		background: #063971;
		left: 0px;
		top: 0px;
		position: fixed;
		z-index: 1001;
	}
	
	.logo, .company {
		text-align: center;
	}
	
	.logo img {
		width: 50%;
		height: auto;
	}	
	
	a.phone {
		color: #ffffff;
		background: url(../img/phone.svg) no-repeat left center;
		background-size: 21px 21px;
		padding-left: 30px;
		margin-left: 15px;
		margin-right: 15px;
		display: inline-block;
	}

	#supheader {
		display: none;
	}
	
	.haddress {
		background: url(../img/marker.svg) no-repeat left center;
		background-size: 18px 24px;
		padding-left: 30px;
		margin-top: 7px;
		font-size: 18px;
		color: #ffffff;
		line-height: 24px;
	}
	
	a.hphone {
		color: #ffffff;
		background: url(../img/phone.svg) no-repeat left center;
		background-size: 21px 21px;
		padding-left: 30px;
		margin-top: 25px;
		display: block;
		font-size: 18px;
	}
	
	.tc {
		text-align: center;
	}
	
	.oa {
		overflow-x: auto;
	}

}

.mw {
	min-width: 100px;
}

.submenu a:link, .submenu a:visited {
	color: #ffffff !important;
	text-transform: none;
	display: block;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-left: 15px;
	padding-right: 15px;
}

.submenu a:hover {
	background: rgba(5,60,110,1);
}

.contentheading {
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
	background: url(../img/bbg.jpg) no-repeat center center;
	background-size: cover;
}

.contentheading h1 {
	color: #ffffff;
	text-transform: uppercase;
}

.static {
	font-size: 16px;
	padding-top: 40px;
	padding-bottom: 60px;
}

.static2 {
	font-size: 16px;
	padding-top: 40px;
}

.contentheading h1:after {
	content: "";
	width: 130px;
	height: 4px;
	background: #ffffff;
	margin: 10px auto;
	display: block;
}

.bread {
	color: #ffffff;
}

.bread a {
	color: #ffffff;
	text-decoration: underline;
}

.static table td {
	padding: 10px;
}

.static table {
	margin: 0px auto;
}

.static table tr:first-child {
	background: #063971;
	color: #ffffff;
}

.static table tr:nth-child(even) {
	background: #f0f0f0;
}

.static table a img {
	width: 24px;
	height: auto;
}

.gray {
	background: #f2f2f2;
}

.pagination {
  margin: 0px 0;
  font-size: 13px;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination a:link, .pagination a:visited {
	color: #0088cc;
	text-decoration: none;
}

.pagination a:link, .pagination a:visited {
	color: #005580;
	text-decoration: none;
}

.pagi {
	text-align: center;
	padding-bottom: 40px;
}

.search_panel {
	background: #063971;
	padding: 15px;
}

#map {
	width: 100%;
	height: 500px;
}

.rlink a {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	border: 1px solid #cccccc;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}