/*Fonts Used*/
 @import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,300i,400,400i,500,500i,600,600i,700,700i,800,900|Barlow:300,300i,400,400i,500,500i,600,600i,700,700i,800,900');

*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; -webkit-text-size-adjust: 100%;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* end reset */

/*preset*/
body{ font-size: 15px; line-height: 30px; font-family: 'Barlow', Helvetica, sans-serif, serif; color: #333; background: #fff; }
a{ text-decoration:none; }
img{max-width: 100%;}
textarea { resize: none; overflow: auto; }
iframe{ border: none; width: 100%;}
ul, h1, h2, h3, h4{ margin:0; padding:0; list-style:none; }
strong , b{ font-weight: bold;}
em, i{font-style: italic;}
input[type="submit"]{cursor: pointer;border: none;}
a[href^="tel:"]{color: inherit!important; text-decoration: none;}
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

.clearfix:before, .clearfix:after { content:""; display: table; clear: both; }
.clearfix {clear: both; overflow: hidden;}
.comp{color: #00426f; font-weight:bold; }
.comingsoon{color:red; font-style:italic; font-weight:bold; }
.col2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2px; -moz-column-gap: 2px;  column-gap: 2px;}
.col3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 2px; -moz-column-gap: 2px;  column-gap: 2px;}
.col2 li, .col3 li{ overflow: hidden; }
.back_top{ display: none; z-index: -1; }
.center{ display: block; margin: 0 auto; }

/*Heading for SEO*/
.h2_hdng{font-size: 22px; font-weight: 700; color: #000;}
.h3_hdng{font-size: 20px; font-weight: 700; color: #555;}

/*Thumbnail Images*/
.thumb_left_dd, .thumb_left_dr{  float: left; margin: 10px 19px 10px 0; height: auto; }
.thumb_right_dd, .thumb_right_dr{ float: right; margin: 10px 0 10px 19px; height: auto; }
.thumb_center_dd, .thumb_center_dr{ display: block; margin: 10px auto 10px; height: auto; }

/* Text Alignment */
.text_left, .text_left p{ text-align: left; }
.text_right, .text_right p{ text-align: right; }
.text_center,.text_center p{ text-align: center; display: block; }
/*end preset*/

.wrapper{ width:100%; max-width:1080px; margin:0 auto; position:relative;}

/* header */
header { background: #fff; height: 140px; }
	.logo{ position: relative; z-index: 100; float: left; margin: 20px 0 0 -2px;}
	.logo img { width: 298px; }
	.header_info { float: right; text-align: right; color: #333333; font-size: 15px; margin: 20px 0 11px;}
	.header_info h2 span { font-size: 18px; color: #cc2329; font-weight: 700; }
	.header_info h2, .media { display: inline-block; vertical-align: top; }
  .media { margin: 3px -4px 0 20px; }
  .media h2, .media a { display: inline-block; }
  .media a { margin: 0 4px; }
/* end header */

/* nav */
nav { float: right; background: #00426f; width: 612px; height: 45px; text-align: center; position: relative; z-index: 10; border-radius: 21px;  padding-top: 8px;}
nav ul li{ display:inline-block; position:relative;  }
nav ul li:first-child{ margin-left: 0; }
nav ul li:last-child{ margin-right: 0; }
nav ul li:after{ content:url('images/nav_spacer.png'); position:absolute; top:-1px; right:-2px; }
nav ul li:last-child:after{ content:""; }
nav ul li a{ display:block; font-size: 16px; color:#fff; line-height: 28px; padding:0 16px; border-radius: 17px; }
nav ul li a:hover, nav ul li a:active, nav ul li.current_page_item > a, nav ul li a:hover small, nav ul li.current_page_item a small{ background: url(images/nav_btn_hov.png) repeat-x; }

/* Sub Menu */
nav ul li:hover > ul { display: block; visibility: visible; }
nav ul ul { display:none; margin:0; padding:0; position:absolute; top:100%; left:0; z-index:999; }
nav ul ul ul { left:100%; top: 0; }
nav ul ul li{display: block; width: 100%; margin: 0;}
nav ul ul li a { background: #353535; width: 150px; margin: auto; height: auto; display: block; padding: 0; text-indent: 15px; border-bottom: 1px solid; line-height: 40px;text-align: left;}

/* Drop down icon */
nav span{ position:absolute; right:0; top:0; display:none; padding:0; cursor:pointer; z-index:9; color: #fff;}
.fa:before{position: absolute;}

/* Navigation bar icon */
.nav_toggle_button{width:100%; display:none; color:#fff; background:#00426f; margin:0 auto; padding:10px 15px; text-align:left; font-weight: bold; position: relative;}
.nav_toggle_button i{ cursor: pointer;}
.fa {display:block; float: right; }
/*end nav*/

/*banner*/
#banner{background: url(images/bnr_bg.png) no-repeat center top, #004677;}
	#bnr_txt_xs { display: none; }
	.bnr_wrap { height: 690px; padding-top: 38px;}
	.slider { background: #fff; border-radius: 10px; height: 434px; padding: 4px; }
		.mobi_ban{ display: none; }

		[class^=bnr_txt] { position: absolute; bottom: 34px; background: rgba(0,66,111,.9); font-weight: 300; color: #fff;  width: 428px; height: 155px; padding: 25px 0 0 35px; }
		[class^=bnr_txt] h2 { font-size: 22px;  text-indent: 2px;}
		[class^=bnr_txt] h2 span { font-weight: 700; }
		[class^=bnr_txt] p { font-size: 15px;  line-height: 21px;margin: 12px 0 -5px;padding-right: 29px;color: rgba(255,255,255,.8);}
		[class^=bnr_txt] a {  font-weight: 300; color: rgba(255,255,255,.8);}
		[class^=bnr_txt] a:hover { text-decoration: underline; }
		.bnr_txt_right { right: 27px; }
    .bnr_txt_left { left: 27px; }
/*end banner*/

/*middle*/
#middle{   text-align: center;}
[class^=mid_box]{ display: inline-block; vertical-align: top; width: 256px; border-radius: 11px; background: #fff; margin: -180px 16px 0 0;min-height: 360px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);}
[class^=mid_box] h2 { position: relative; background: url(images/mid_title_bg.png) repeat; border-radius: 10px 10px 0 0; height: 51px;  color: #fff; font: 500 20px/46px 'Barlow Condensed';}
[class^=mid_box] h2:after { position: absolute; left: 0; right: 0; top: 87px; }
[class^=mid_box] p { position: relative; font-size: 15px; min-height: 126px; color: #333333;  margin-top: 124px;font-weight: 300;line-height: 21px;padding: 17px 37px 0;}
[class^=mid_box] p:before {position: absolute; content: ""; background: #aeaeae; width: 95px; height: 1px; left: 0; right: 0; margin: auto;  top: 0; }
[class^=mid_box] a { position: relative; font: 300 16px/32px 'Barlow Condensed'; color: rgba(255,255,255,.8); display: block; margin: auto; width: 123px; height: 33px; background: url(images/mid_btn.png) repeat-x; border-radius: 14px; }
[class^=mid_box] a:before { position: absolute; content: url(images/mid_bfr.png); left: 0; right: 0; top: -4px; }
[class^=mid_box] a:hover:before { content: url(images/mid_bfr_hov.png); }
[class^=mid_box] a:hover { background-position: bottom center; }
.mid_box1 { float: left; margin-left: 0;}
.mid_box4 { float: right; margin-right: 0;}

.mid_box1 h2:after { content: url(images/mid_aft1.png); }
.mid_box2 h2:after { content: url(images/mid_aft2.png); }
.mid_box3 h2:after { content: url(images/mid_aft3.png); }
.mid_box4 h2:after { content: url(images/mid_aft4.png); }
/*end middle*/

/*main*/
#main_area{padding: 69px 0 30px;min-height: 422px;}
	main{ float: left; width: 596px; font-size: 15px; font-weight: 300; line-height: 27px; text-align: justify; color: #333333;}
		main h1{ font: 700 23px Arial; margin-bottom:19px;  color: #00426f; }
		main h1 span{  color: #4d4d4d; font-weight: 400; }
		main p{ margin-bottom:23px; }
		main ol{ padding-left: 35px; margin-bottom: 15px; }
		main ol li, main .bullet li{ margin-bottom: 5px; }
		main .bullet { margin-bottom: 15px; }
		main .bullet li{ padding:0 0 0 20px; position: relative; }
		main .bullet li:before{ position: absolute; content: ""; top: 8px; left: 0; width: 13px; height: 13px; background: #fff; border-radius: 50%; border: 3px solid #00426F; }
		main a{ font-weight: bold; color: #cd141a; text-decoration: underline; }
		main a:hover{ text-decoration: none; color: #333; }
/*end main*/

/*sidebar*/
.sidebar{ position: relative; background: linear-gradient(rgba(0,41,69,.4),rgba(0,41,69,.4)), url(images/sdbr_bg.jpg) no-repeat; float: right; width: 370px; height: 279px; margin-top: 4px;}
.sidebar img { position: absolute; bottom: 0; left: -28px;}
/*end sidebar*/

/*bottom*/
#bottom1{ background: #f1f9ff; padding: 64.2px 0 70px; text-align: center;overflow: hidden;}
	[class^=btm1_box] { position: relative; display: inline-block; vertical-align: top; width: 48.8%; text-align: left; color: #1a1a1a;padding-right: 192px;}
	[class^=btm1_box] h2 { font: 400 23px Arial; margin-bottom: 20px;  }
	[class^=btm1_box] h2 span { font-weight: 700; color: #cd141a; }
	[class^=btm1_box] p { font-weight: 300; line-height: 26px; min-height: 132px; }
	[class^=btm1_box] a { position: relative; font: 300 16px/31px 'Barlow Condensed'; color: rgba(255,255,255,.8); display: block; width: 123px; height: 33px; background: url(images/mid_btn.png) repeat-x; border-radius: 14px; text-align: center; }
	[class^=btm1_box] a:before { position: absolute; content: url(images/mid_bfr.png); left: 0; right: 0; top: -4px; }
	[class^=btm1_box] a:hover:before { content: url(images/mid_bfr_hov.png); }
	[class^=btm1_box] a:hover { background-position: bottom center; }
  .btm1_box1 { float: left; }
  .btm1_box2 { float: right; padding-left: 19px;}

#bottom2{  text-align: center; color: #333333; font-weight: 300; font-family: 'Barlow'; padding: 66px 0 18px;}
.btm2_wrap h2 { font: 400 20px Arial; color: #4d4d4d;}
.btm2_wrap h2 span { font-weight: 700; font-size: 30px; color: #00426f; display: block; line-height: 37px;}
.btm2_wrap p { font-weight: 300; line-height: 26px;  margin: 10px auto 43px; width: 722px;}
[class^=btm2_box] { display: inline-block; vertical-align: top; width: 276px; min-height: 229px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); border-radius: 12px;margin: 0 24px 51px;padding: 25px 14px 0;}
[class^=btm2_box] h3 { font: 500 22px 'Barlow Condensed'; position: relative; padding-bottom: 14px; color: #004778; margin-bottom: 9px;}
[class^=btm2_box] h3:before { position: absolute; content: ""; background: rgba(174,174,174,.5); width: 80px; height: 1px; left: 0; right: 0; margin: auto;  bottom: 0; }
[class^="btm2_box"] p { width: 100%; line-height: 23px;min-height: 92px;margin: auto;}
[class^=btm2_box] a { position: relative; font: 300 16px/32px 'Barlow Condensed'; color: rgba(255,255,255,.8); display: block; width: 123px; height: 33px; background: url(images/mid_btn.png) repeat-x; border-radius: 14px; text-align: center; margin: auto;}
[class^=btm2_box] a:before { position: absolute; content: url(images/mid_bfr.png); left: 0; right: 0; top: -4px; }
[class^=btm2_box] a:hover:before { content: url(images/mid_bfr_hov.png); }
[class^=btm2_box] a:hover { background-position: bottom center; }
.btm1_img { position: absolute;  right: 0; bottom: -9px; }
.btm1_img:after { position: absolute; content: url(images/btm_img_aftr.png); left: 0; right: 0; bottom: 2px; }
/*end bottom*/

/*footer*/
footer{}
	.ftr_top{ position: relative;  }
		.ftr_map { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; }
		.ftop_wrap { height: 432px; }
		.ftr_contact { background: #fff; width: 407px; height: 100%; text-align: center; position: absolute; left: 68px; padding: 55px 20px;}
		.ftr_contact h2{ font: 400 20px Arial; color: #4d4d4d; font-weight: 400;}
		.ftr_contact span{ display: inline-block; font: 400 25px/30px Arial;font-weight: 700; color: #4d4d4d; position: relative; }
		.ftr_contact small{ font-size: 25px; color: #cb1319; }
		.ftr_contact p { white-space: pre-line; font-size: 16px; font-weight: 300; color: #1a1a1a; line-height: 26px;}
		.ftr_contact p em { font-style: normal; font-size: 20px;  color: #cb1319; font-weight: 700;}
		.ftr_contact p a { color: #1a1a1a; }
		.ftr_contact p a:hover { color: #004e84;  }
		.ftr_contact p.ftr_info1 { position: relative; margin: 7px 0 0;line-height: 22px;font-size: 15px;}
		.ftr_info1:after{ content: url(images/ftr_icon.png); display: block; margin: 20px auto 12px; }
		.ftr_contact br { display: none; }
		.ftr_contact i { font-style: normal; }

	.ftr_btm{ clear: both; background: #004e84; height: 80px; padding-top: 22px; text-align:center; }
		.ftr_nav, .copyright { display: inline-block; vertical-align: top; }
		.ftr_nav { float: left; }
		.ftr_nav ul li{display: inline-block; vertical-align: top;position:relative;}
		.ftr_nav ul li:after{top: 11px; right: -1px; content: ""; width: 1px; background: #0065aa; height: 11px; position: absolute;}
		.ftr_nav ul li:last-child:after{display:none;}
		.ftr_nav ul li a{ display: block; padding: 0 15.9px;  color: rgba(255,255,255,.8);font-size: 16px;}
    .ftr_nav ul li:first-child a { padding-left: 0; }
		.ftr_nav ul li a:hover, .ftr_nav ul li a:active, .ftr_nav ul li.current_page_item a{ text-decoration:underline;}

		.copyright { float: right; }
		.copyright, .copyright a{ color:rgba(255,255,255,.8);font-size: 13px;}
		.copyright a:hover{color:#ffcd00;}
		.ftr_comp{display:inline-block; margin:0 10px; position:relative;}
		.ftr_comp:before{content:"\2022"; left:-8px; top:0; position: absolute;}
		.ftr_comp:after{content:"\2022"; right:-8px; top:0; position: absolute;}

/**Resources**/
.resources {font-size:14px; margin-top:10px;}
.resources a { display:block;font-weight:bold; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
.resources a:hover {padding-left:2px; text-decoration: none!important; color: red;}
.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE;border:1px solid #0160C5; border-bottom:2px solid #0160C5;}
.resources ul li:before{content:"";}
.resources ul li:after{content:"";}
.resources ul li a span {font-size:11px; color:#666666; letter-spacing:1px; }

/* IE 8 */
.lt-ie8 .dang-ie{width:100%;height:100%;position:fixed;background-color:#00abdd}
.message{text-align:center;color:#fff;font-size:20px;position:absolute;top:20%;left:0;right:0}
.inner-message{position:relative;top:-20%;left:0;right:0;text-align:center;margin:auto}
.inner-message img{position:relative;left:0}
.inner-message a.download{display:block;width:300px;padding:10px;color:#fff;margin:2em auto;border:1px solid #fff}
.terms{color:#fff;font-size:13px;padding:20px;position:absolute;right:0;bottom:0}
.terms a{color:#fff;font-weight:700}
.lt-ie8 .protect-me{display:none}

/* Sitemap */
.sitemap li {padding:0; counter-increment: step-counter;}
.sitemap li a:before {content: counter(step-counter) '. '; color: #333; }
.sitemap ul li {padding:0 10px;}
.sitemap li a {display:block; border: 1px solid #333; border-bottom:2px solid #00426f; margin:0 auto 6px; padding:7px 10px; background:#FAFDFE;}

.sitemap ul li {counter-increment: sub-counter;}
.sitemap ul li a:before {content: counter(step-counter) '.' counter(sub-counter) ' '; color: #333; }

.sitemap ul.children li { padding-top: 0!important;}