/*Fonts Used*/
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i');

*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}

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;}
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }
input, textarea, select{-webkit-appearance: none;}
/* end reset */

/*preset*/
body{font-size: 17px; line-height: 22px; font-family: 'Roboto', sans-serif, Arial, Helvetica, sans-serif; color:#333;}
a{ text-decoration:none; }
img{max-width: 100%; vertical-align: top; image-rendering:-webkit-optimize-contrast;}
textarea { resize:vertical; }
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;}
a[href^="tel:"]{color: inherit!important; text-decoration: none;}

.clearfix:before, .clearfix:after { content:""; display: table; clear: both; }
.clearfix {clear: both; overflow: hidden;}
.comp{color:#003262; 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: 0; -moz-column-gap: 0;  column-gap: 0;}
.col3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.col2 li, .col3 li{overflow: hidden; display: inline-block; width: 100%;}
.back_top{display: none; z-index: -1;}

/*Heading for SEO*/
.h1_hdng {font-size: 22px; font-weight: 700; color: #000; margin: 10px auto 10px}

/*Thumbnail Images*/
.thumb_left_dd, .thumb_left_dr{  float:left; margin:10px 19px 0 0; height: auto;}
.thumb_right_dd, .thumb_right_dr{ float:right; margin:10px 0 0 19px; height: auto;}
.thumb_center_dd, .thumb_center_dr{ display: block; margin: 10px auto; 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;}

/* Forms Presets */
::-webkit-input-placeholder {opacity: 1; color: inherit;}
::-moz-placeholder {opacity: 1; color: inherit;}
:-ms-input-placeholder {opacity: 1; color: inherit;}
:-moz-placeholder {opacity: 1; color: inherit;}
/*end preset*/

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

/*header*/
header{background: url(images/hdr_bg.png) repeat-y center top; height: 190px;}
	.logo{float: left;}
	.logo a{display: block;}
	.logo a img{display: inline-block; vertical-align: top;}
	.logo a img.logo_icon{width: 113px;margin-top: 7px;}
	.logo a img.logo_comp{width: 292px;margin: 20px 0 0 13px;}
	.header_right{float: right; text-align: right;margin: 35px 0 0;}
		.media{display: inline-block; vertical-align: top;margin-top: 7px;}
		.media ul li{display: inline-block; vertical-align: top; width: 33px; height: 33px;margin-left: -1px;}
		.media ul li a{display: block; width: 33px; height: 33px;}
		.header_info{display: inline-block; vertical-align: top; padding-left: 49px; margin: 0 3px 0 43px; position: relative;}
		.header_info:before{content: url(images/hdr_icon.png); left: 0; top: 2px; position: absolute;}
		.header_info:after{ position: absolute; background: #e1e1e1; content: ""; top: 3px; left: -26px; width: 1px; height: 42px; }
		.header_info h3 { font-size: 27px; font-family: 'Abril Fatface', cursive; line-height: 30px; color: #9feeff;}
		.header_info h3 span{text-align: left; font-size: 17px; font-weight: 400; line-height: 22px; color: #fff; display: block; font-family: 'Roboto', sans-serif;padding-left: 7px;margin-bottom: -3px;}

	.header_text {display:inline-block;text-align:center;margin: 12px 12px 0;}
	.header_text h3 {font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight:400; color: #fff;}

/*end header*/

/*nav*/
.nav_area{position: absolute; bottom: -11px; right: 0;}
nav {background: #fff; height: 64px; text-align: right; float: right; position: relative;width: 829px; bottom:-13px;}
nav:after {background: #fff; height: 100%; width: 460px; right: -460px; position: absolute; content: ""; top: 0;}
nav ul li{display:inline-block; position:relative; margin-left: 61px;}
nav ul li:first-child{margin-left:0;}
nav ul li:after{ content:""; width: 6px; height: 5px; background: #c5394e; position:absolute; top:31px; right:-35px;}
nav ul li:last-child:after{ content:""; }
nav ul li a{display:block; font-size: 17px; font-weight: 400; color:#1a1a1a; line-height: 64px; padding:0;}
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{ color:#7e1b28; text-decoration: underline;}

/*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; border-bottom: 1px solid #fff; margin:0 auto; padding:10px 8px; text-align:left; font-weight: bold; position: relative;}
.nav_toggle_button i{cursor: pointer;}
.fa{display:block; float: right; margin-top: 19px;}
/*end nav*/

/*banner*/
.slider{width: 2000px; height: 574px; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
	.mobi_ban{display: none;}

.bnr_info{background: rgba(0,55,109,.66); top: 0; bottom: 0; right: 0; width: 380px; position: absolute; z-index: 7;}
	.slogan{background: rgba(0,55,109,.7); top: 50%; position: absolute; z-index: 8;  -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 544px; padding: 15px 17px 0 20px;}
	.slogan h2, .slogan h3{font: 300 35px/35px 'Montserrat', sans-serif; color: #fff; margin-bottom: 22px; position: relative;}
	.slogan h2:after{background: #235e97; content: ""; bottom: -10px; left: 0; position: absolute; width: 285px; height: 1px;}
	.slogan h2 span, .slogan h3 span{font-size: 40px; line-height: 100%; font-weight: 600; display: block; text-transform: uppercase;}
	.slogan h3{font-style: italic; margin-bottom: 31px;}
	.slogan h3 span{color: #35d2f3;font-style: normal;margin-top: 2px;}
	.slogan p{font-size: 17px; font-weight: 400; line-height: 28px; padding-right: 20px; color: #fff;}
	.slogan a{font-size: 17px; font-weight: 400; font-family: 'Montserrat', sans-serif; line-height: 40px; border: 1px solid #d4dde6; color: #fff; text-align: center; display: block; margin: 10px 0 0;width: 184px;border-radius: 21px;}
	.slogan a:hover{color: #05bfe7; border-color: #05bfe7;}

	.slogan-covid h4{ font-weight: bold; font-size: 20px; color: #fff; margin: 10px 0 6px; }
	.slogan-covid p{ font-size: 17px; font-weight: 400; line-height: 21px; padding-right: 0; color: #fff; margin-bottom: 6px;}
	.slogan-covid a{ font-size: 15px; font-weight: bold; font-family: 'Montserrat', sans-serif; line-height: 0; border: unset; color: #fff; border-radius: 0; margin:0; display: unset; text-align: left; }



/*end banner*/

/*main*/
#main_area .wrapper{ padding: 85px 0 0;}
	main{float: left; width: 685px; line-height: 28px; max-width: 100%; display: block; padding: 0 239px 102px 0; position: relative;margin-top: 28px;}
		main .h1_title{font: 400 35px/45px 'Abril Fatface', cursive; color: #003262; margin-bottom:28px;}
		main .h1_title span{font-size: 56px; display: block; line-height: 44px;text-transform: uppercase;}
		main .h1_title small{font: 400 40px/42px 'Roboto', sans-serif; color: #252525; display: block;}
		main p{text-align: left; margin-bottom:15px; position: relative; z-index: 3;}
		main ol{padding-left: 35px; margin-bottom: 15px;}
		main ul {margin-bottom: 15px;}
		main ul li{padding:0 10px 0 20px; text-align: left; position: relative;}
		main .bullet {padding:0 0 0 15px;}
		main .bullet li:before{position: absolute; content: ""; top: 8px; left: 0; width: 13px; height: 13px; background: #fff; border-radius: 50%; border: 3px solid #661521;}
		main a{font-weight: bold; color: #661521;}
		main a:hover{text-decoration: underline;}
			.t_home{position: absolute; bottom: 0; right: 0;z-index: 2;}

	.about_box {padding: 20px;  background: #d7d7d7;  border-bottom: 6px dotted #00376d;  border-left: 3px solid #00376d;  margin: 30px 0;  border-top: 3px solid #00376d;  border-right: 3px solid #00376d;}

	.serv_boxes {margin:30px 0 10px;}
	.serv_boxes ul {font-size:0;text-align: center; margin:0;}
	.serv_boxes ul li{display:inline-block; vertical-align:top; width:30%; margin:0 10px 20px; position:relative;padding: 0;}
	.serv_boxes ul li a img{opacity:0.7;}
	.serv_boxes ul li a span{font-size:20px; transition: 0.5s; position:absolute; bottom:0; left:0; right:0; padding:10px; background:#00376d; color:#FFF;text-align: center;margin: auto;display: inline-block;width: 100%; position:relative;}
	.serv_boxes a span:after { font-family: FontAwesome; content: '\f064'; position: absolute; top: 10px;  right: 45px;  opacity: 0; transition: 0.5s; }
	.serv_boxes a:hover span:after { opacity: 1;}
	.serv_boxes ul li a:hover span{background:#661521;padding-right: 55px;}
	.serv_boxes ul li a:hover img{opacity:1;}

	.serv_boxes ul li:nth-child(7) a span {font-size:17px;}
	.serv_boxes ul li:nth-child(7) a span:after {right:20px;}

/*end main*/

/*sidebar*/
.sidebar{float: right; width: 377px;}
	.side_box1{position: relative;}
	.side_box1:before{background: url(images/side_shadow.png) repeat-y top left; content: ""; position: absolute; top: 17px; left: -133px; width: 970px; height: 125px;}
	.side_box1:after{background: url(images/side_shadow.png) repeat-y top left; content: ""; position: absolute; bottom: 9px; left: -133px; width: 970px; height: 125px;}
		[class^=sb1_box]{width: 100%; height: 159px; margin-bottom: 8px; padding: 24px 12px 10px 58px; position: relative;z-index: 2;}
		[class^=sb1_box]:after {background: #fff; width: 20px; height: 144px; content: "\00bb"; position: absolute; top: 7px; left: 8px;font-size: 20px;line-height: 144px;text-indent: 6px;color: #831c2c;}
		[class^=sb1_box] h2{font: 400 25px/28px 'Roboto', sans-serif; color: #fff;margin-bottom: 5px;}
		[class^=sb1_box] h2 span{font: 400 35px/29px 'Abril Fatface', cursive; color: #fff; display: block;}
		[class^=sb1_box] p{font: 400 17px/27px 'Roboto', sans-serif; color: #fff;}
		[class^=sb1_box] a{color: #fff; text-decoration: underline; text-transform: uppercase;}
		[class^=sb1_box] a:hover{color: #05bfe7; text-decoration: none;}

			.sb1_box1{background: url(images/sb1_box1.png) repeat-y top left #901f2e;}
			.sb1_box2{background: #003262;}
      .sb1_box2:after{color: #003262;}

/*end sidebar*/

/*bottom*/
#bottom1{background: url(images/btm1_bg1.png) no-repeat center top, url(images/btm1_bg2.png) repeat-y center top; height: 393px; padding: 87px 0 0;}
 	.btm1_hdng{width: 378px; float: right; padding: 39px 0 0;}
 	.btm1_hdng h2{font: 400 30px/32px 'Roboto', sans-serif; color: #fff;margin-bottom: 17px;}
 	.btm1_hdng h2 span{font: 400 52px/44px 'Abril Fatface', cursive; display: block;}
 	.btm1_hdng p{font: 400 17px/28px 'Roboto', sans-serif; color: #fff;}

	.btm1_serv{float: left; width: 662px;}
	.btm1_serv ul li{display: inline-block; vertical-align: top; margin-bottom: 13px; width: 325px; height: 65px;}
	.btm1_serv ul li:nth-child(odd){margin-right: 7px;}
	.btm1_serv ul li a{display: block; background: #06c0e7; padding-left: 57px; font: 400 22px/33px 'Roboto', sans-serif; color:#001931; position: relative;}
	.btm1_serv ul li a:hover{background: #fff;}

	.btm1_serv ul li a:before{background: #fff; width: 28px; height: 25px; position: absolute; content: "\00bb"; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: #001931;line-height: 104%;padding-left: 7px;}
	.btm1_serv ul li a:hover:before{background: #06c0e7; color: #fff;}

#bottom2{background: url(images/btm2_bg1.png) no-repeat center top #002b55; height: 490px; }
#bottom2 .wrapper{height: 100%; padding: 75px 10px 0 516px;}
	.btm2_img{position: absolute; bottom: 0; left: 52px; z-index: 2;}
	.btm2_info1{margin-bottom: 47px;}
	.btm2_info1 h2{font: 400 30px/32px 'Roboto', sans-serif; color: #fff; margin-bottom: 30px;}
	.btm2_info1 h2 span{font: 400 52px/45px 'Abril Fatface', cursive; display: block;}
	.btm2_info1 p{font-size: 17px; line-height: 26px; font-weight: 400; color: #fff;}
	.btm2_info1 p a{font-weight: 700; color: #fff; text-transform: uppercase;}
	.btm2_info1 p a:hover{color: #05bfe7;}

	.btm2_info2{width: 545px; position: relative; background: #06c0e7; height: 125px; padding: 42px 0 0 62px;}
	.btm2_info2:before{width: 976px; background: url(images/btm2_shadow.png) repeat-y right top; content: ""; position: absolute; height: 100%; top: 0; left: -976px}
	.btm2_info2 h2{font: 400 34px/100% 'Abril Fatface', cursive; color:#1a1a1a;text-transform: uppercase;}
	.btm2_info2 a{font: 400 17px/39px 'Roboto', sans-serif; color:#1a1a1a; display: block; position: absolute; right: -19px; top: 42px; padding-left: 18px; text-transform: uppercase;background: #fff;width: 158px;height: 42px;}
	.btm2_info2 a:hover{background: #661521; color: #fff;}

	.btm2_info2 a:before{background: url(images/btm2_aft.png) repeat-y top left; width: 18px; height: 16px; position: absolute; content: "\00bb"; top: 13px; right: 13px; color: #fff; font-size: 13px;line-height: 100%;padding-left: 7px;}
	.btm2_info2 a:hover:before{background: #fff; color: #811b2a;}
/*end bottom*/

/*footer*/
.footer_top{background: #fff; padding: 78px 0 0; height: 540px;}
	.map{width: 465px; height: 385px; float: left;}
	.map iframe{width: 100%; height: 100%; border: 0;}

	.contact_info{width: 579px; float: right;}
	.contact_info h2{font: 400 30px/25px 'Roboto', sans-serif; color: #252525; margin-bottom: 13px;}
	.contact_info h2 span{font: 400 52px/51px 'Abril Fatface', cursive; color: #8e1f30; display:block;}
	.contact_info p{font: 400 17px/28px 'Roboto', sans-serif; color:#1e1e1e;padding: 0 18px 0 6px;}
	.contact_info ul{padding:0; margin: 16px 0 0;}
	.contact_info ul li{display:inline-block; vertical-align:top; width: 280px; text-align: center; padding: 22px 10px 0; border: 1px solid #c4c4c4; font: 400 17px/26px 'Abril Fatface', cursive; color: #8f1f30; white-space: pre-line;min-height: 172px;}
	.contact_info ul li h4{font: 400 20px/22px 'Roboto', sans-serif; color: #252525;  position: relative; text-transform: uppercase;}
	.contact_info ul li h4:after{background: #eee; content: ""; width: 50px; height: 7px; bottom: -15px; left: 0; right: 0; margin: auto; position: absolute;}
  .contact_info ul li span{font-size: 27px;line-height: 29px;}
  .contact_info ul li small{color:#2f2f2f; font-family: 'Roboto', sans-serif;}
	.contact_info ul li a{color:#8f1f30;}
	.contact_info ul li a[href^="tel:"] {color: inherit;}
	.contact_info ul li a:hover{color: #002b55;}
	.contact_info ul li:nth-child(1){margin-right: 10px;line-height: 25px;}

	.ftr_btn {display:block;margin:10px auto;text-align:center;font-size:18px;background: #06c0e7;padding:10px 15px;color:#fff;width:280px;}
	a:hover.ftr_btn {background: #661521;}

.footer_btm{   font-size: 0;}
	.ftr_logo{float: right; position: relative; background: #002b55; width: 235px; height: 101px;text-align: left;}
	.ftr_logo:after{position: absolute; background: #002b55; width: 460px; height: 100%; content: ""; right: -460px; top:0;}
	.ftr_logo a{display: block;}
	.ftr_logo a img{display: inline-block; vertical-align: middle;}
	.ftr_logo a img.logo_icon{width: 60px;margin: 8px 0 0 10px;}
	.ftr_logo a img.logo_comp{width: 156px;margin: 7px 0 0 8px;}

	.footer_left{width: 845px; float: left;  background: url(images/fleft_bg1.png) repeat-y top left; height: 101px; position: relative;text-align: left;padding: 23px 0 0;}
	.footer_left:before{width: 458px; background: url(images/fleft_bg2.png) repeat-y top left; height: 100%; position: absolute; top: 0; left: -458px; content: "";}
		.footer_nav ul li{display:inline-block; position:relative; margin-right: 67px;}
		.footer_nav ul li:last-child{margin-right:0;}
		.footer_nav ul li:after{ content:""; width: 6px; height: 5px; background: #c5394e; position:absolute; top:12px; right:-37px;}
		.footer_nav ul li:last-child:after{display: none;}
		.footer_nav ul li a{display:block; font-size: 17px; font-weight: 400; color:#fff; line-height: 30px; }
		.footer_nav ul li a:hover, .footer_nav ul li a:active, .footer_nav ul li.current_page_item > a, .footer_nav ul li a:hover small, .footer_nav ul li.current_page_item a small{text-decoration: underline;}

		.copyright{font-size: 18px; font-weight: 400; color:#fff; line-height: 24px;}
		.copyright a{color:#fff;}
		.copyright a:hover{text-decoration: underline;}
		.footer_links{display:inline-block; margin-left:10px; position:relative;}
		.footer_links:before{content:"\2022"; left:-10px; 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 #661521; border-bottom:2px solid #661521;}
.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; margin-bottom: 20px;}
.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 Style */
.sitemap{list-style-type: none; padding: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3px; -moz-column-gap: 3px;  column-gap: 3px;}
.sitemap li {counter-increment: step-counter; overflow: hidden; width: 100%; display: inline-block;}
.sitemap li{padding:5px 15px; background: #E3E3E3;}
.sitemap li:nth-child(odd){background: #F2F2F2;}
.sitemap li a{display: block;}
.sitemap li a:before {content: counter(step-counter) '. ';}

/* Pages under Certain Parent Pages */
.sitemap ul {margin-top: 5px;}
.sitemap ul li:nth-child(odd){background: #E3E3E3;}
.sitemap ul li:nth-child(even){background: #F2F2F2;}
.sitemap ul li {counter-increment: sub-counter;}
.sitemap ul li a:before {content: counter(step-counter) '.' counter(sub-counter) ' ';}
.privacy{display: inline-block;
	margin-left: 10px;
	position: relative;}
.privacy::before {
	content: "\2022";
	left: -10px;
	top: 0;
	position: absolute;
  }