@charset "UTF-8";
*{margin:0; padding:0; box-sizing:border-box; text-decoration:none;list-style:none;}
html{font-size:10px;}
body{font-family:'Roboto', sans-serif; font-size:1.4rem;}
img{width:100%;border:none; height:auto; display:block;}
a, a:link, a:active, a:hover{text-decoration:none;}
b, strong{font-weight:500}
.mb-2{margin-bottom:2rem;}
.mb-3{margin-bottom:3rem;}

/* CTA Bar */
.cta-bar{position:relative;z-index:99;font-weight:600;padding:2rem 5rem;color:#fff;background:#002984;text-align:center; display:flex; flex-direction:column; align-items:center; gap:1rem; line-height:2.3rem;}
.cta-bar p{margin-bottom:0!important}
.xit{position:absolute;top:1rem;right:1rem;cursor:pointer;font-size:2rem;background:red; width:3rem; height:3rem; line-height:2.5rem; display:flex; justify-content:center;border-radius:100%; color:#fff}
.mdb{min-width:88px;padding:10px 14px}
.green,.dropdown-toggle.green{background-color:#259b24}
a.mdb.purple,a.mdb.green,a.mdb.orange,a.mdb.blue{color:#fff!important}
.mdb{outline:0;outline-offset:0;border:0;border-radius:2px;transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out}
.mdb{display:inline-block;padding:6px 12px;margin-bottom:0;text-align:center;white-space:nowrap;vertical-align:middle; -ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; background-image:none;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:700;line-height:1.1;text-transform:uppercase;letter-spacing:inherit;color:#ffffffde}
.br{-webkit-box-shadow:0 1px 3px 0 #0000001f 0 1px 2px 0 #0000003d;-moz-box-shadow:0 1px 3px 0 #0000001f 1px 2px 0 #0000003d;box-shadow:0 1px 3px 0 #0000001f 0 1px 2px 0 #0000003d}
.lev{transition:.3s all}
.lev:hover{transform:translateY(-5px);transition:.3s all}
.re{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}

/* Header */
.htop_row, .hmr_htext, .nav{display:none;}
.hmr_content{display:flex;align-items:center;justify-content:space-between; padding:1rem;}
.logo_right{display:flex;align-items:center;justify-content:end; gap:1rem;}
.logo{width:7rem;}
.logo-p, .logo-dep{width:7rem;}
.menu-btn{font-size:3rem;cursor:pointer;background:none;border:none;color:#777; padding:0 1rem;}
.overlay{position:fixed;top:0;right:-25rem;width:25rem;height:100%;background:#333;color:#fff;padding-top:3rem;transition:.3s; z-index:2}
.overlay .closebtn{position:absolute;top:1rem;right:2.5rem;font-size:3rem;cursor:pointer; color:red;}
.nav-links li{display:block}
.nav-links a{display:block;padding:1.5rem;color:#fff;}
.nav-links a:hover{background:#575757}

.submenu{display:none;position:absolute;background:#1a367b;padding:0;margin:0;list-style:none;z-index:10;}

/* Hero Section */
.hero{margin-bottom:0.2rem; position:relative; background:#083880}
.hero_img::after{content:"";position: absolute;top: 0;left: 0;width: 100%;height:100%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), black);  opacity: 0.7;}
.heroContent, .heroContent_Center{position:absolute;top:50%;left:5%; transform:translateY(-50%); color:white;font-size:2rem;font-weight:500}
.heroContent_Center{left:50%;transform:translate(-50%, -50%);}
.heroContent em{font-style:normal; color:#e95301; display:block;}
.heroContent a{color:#fff; font-size:2rem;font-weight:500}
.heroContent a i{color:#e95301;margin-right:1rem;}
.noshade .hero_img::after{display:none;}

/* Main */
.breadcrumb{padding:1.6rem 1rem; background:#083880; color:#fff; font-size:1.6rem;}
.breadcrumb a{color:#f1621f; font-weight:500}
.breadcrumb a:hover{border-bottom:1px solid #f1621f}
.breadcrumb i{margin:0 0.8rem;}
.cont_section{padding:1.6rem;}
h1{font-size:2.5rem; font-weight:500; color:#083880; margin-bottom:1.6rem; line-height:3.5rem;}
.heroContent h1, .heroContent_Center h1{margin:0}
.page_content{font-size:1.6rem; line-height:2.6rem; text-align:justify;}
.page_content h2, .page_content h3{font-size:2rem; font-weight:600; margin-bottom:1.6rem; text-align:left;}
.page_content span{font-size:1.7rem; font-weight:500;}
.page_content a{color:#083880;}
.page_content a:hover{border-bottom:1px solid #083880;}
.page_content p, .page_content ul{margin-bottom:2rem;}
.page_content ol{margin:0 0 3rem 3rem;  list-style-type:decimal;}
.page_content ol li{margin-bottom:1rem; list-style-type:decimal; padding-left:1rem}
.page_content ol ::marker{color:#000; font-weight:600; font-size:2rem}

.pc_table{overflow:hidden; overflow-x:auto; margin-bottom:3rem;}
.pc_table table{border-collapse:collapse; width:96rem; line-height:3rem;}
.pc_table table th, .pc_table table td{border-collapse:collapse; border:1px solid #dfe0e3; padding:1rem;}
.pc_table table th{background:#dfe0e3; font-weight:500; font-size:1.8rem; padding:1.6rem 1rem;}
.pc_table table td p, .pc_table table td ul, .pc_table table td ol{margin-bottom:0}
.pc_table table td:first-child{text-align:center;}

.pc_list{margin-bottom:3rem;}
.pc_list ul{margin:0 1rem}
.pc_list ul li{position:relative; padding-left:3.5rem; border-bottom:1px solid #ddd; margin-bottom:1rem; padding-bottom:0.8rem;}
.pc_list ul li:last-child{border:none; margin:0}
.pc_list ul li a{color:#000; font-weight:500;}
.pc_list ul li a:hover{color:#555}
.pc_list ul li i{position:absolute; top:0.4rem; left:0; color:#f1621f; font-size:2rem; font-weight:600;}
.pc_list:last-child{border-bottom:none}

.grid2_3_1{display:grid; gap:2rem;}
.c_img{display:flex; justify-content:center; width:80%; margin:auto;}
hr{margin-bottom:2rem; border:1px solid #e95301; border-radius:5px;}
address{line-height:3.5rem; font-style:normal; text-align:left; margin-bottom:2rem;}
.map{position: relative;overflow: hidden;width: 100%;padding-top: 56.25%;}
.map iframe{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%; border:0}

footer{background:#1a367b; color:#fff; padding:2rem; font-size:1.6rem;}
.footer{display:flex; flex-direction:column; align-items:center; gap:1rem;}
.footer ul{display:flex;align-items:center; gap:1rem;}
.footer ul a{color:#b0c2ee; font-size:2rem;}
.footer ul a:hover{color:#fff;}

@media only screen and (min-width:768px)
	{
		.grid2_3_1{grid-template-columns:2fr 1fr}
		.c_img{width:60%;}
		footer{padding:1rem 2rem;}
		.footer{flex-direction:row; justify-content:space-between;}
	}
@media only screen and (min-width:1024px)
	{
		/* CTA Bar */
		.cta-bar{flex-direction:row; justify-content:center; font-size:1.6rem; font-weight:400; background:#c1e9da; color:#000}
		.green,.dropdown-toggle.green{background-color:#111}


		.menu-btn, .overlay{display:none}
		.htop_row, .hbtm_row{display:block; background:#1a367b; padding:1rem;}
		.htr_content{display:flex;align-items:center;justify-content:space-between;}
		.htr_content ul{display:flex;align-items:center; gap:1rem;}
		.htr_content ul a{color:#b0c2ee; font-size:2rem;}
		.htr_content ul a:hover{color:#fff;}
		.htr_btn a{width:max-content; background:#f1621f; color:#fff; padding:0.5rem 1rem; border-radius:0.5rem; font-size:1.6rem; transition:0.5s all ease; display:flex; gap:0.5rem; align-items:center;}
		.htr_btn a img{width:3rem; height:3rem; border-radius:100%; background:#fff;}
		.htr_btn a:hover{background:#1e638c;}
		.hmid_row{background:#f7fafc}
		.hmr_content{padding:0.5rem 1rem}
		.hmr_htext{font-size:2rem; color:#2d3748; display:block; font-weight:600; text-transform:uppercase;}
		.hbtm_row{padding:0; border-top:3px solid #f1621f; border-bottom:3px solid #f1621f;}
		.nav, .nav-links{display:flex}
		.nav-links li{padding:1rem 0.5rem; display:block; transition:0.5s all ease;}
		.nav-links li li{padding:0.5rem;}
		.nav-links li:not(:first-child){margin:0 0.5rem;}
		.nav-links li li{margin:0 !important;}
		.nav-links a{padding:0;font-size:1.6rem}
		.nav-links li:hover{background:#1e638c;}
		.nav-links a:hover{background:none;}
		.has-submenu{position:relative;}
		.has-submenu:hover .submenu{display:block; top:100%; padding:0.5rem;}
		.submenu li{white-space:nowrap;}
		.submenu a{display:block;color:#fff; padding:0.5rem}

		.heroContent, .heroContent_Center{font-size:4rem;}
		.heroContent_Center{text-align:center; display:flex; flex-direction:column; align-items:center; gap:2rem;}	
		.pc_table table{width:100%}
	}
@media only screen and (min-width:1280px)
	{
		.cta-bar{padding:1.5rem 2rem; text-align:left; justify-content:start; font-size:1.8rem;}
		.xit{position:absolute;top:1rem;right:2rem;}
		.pageContainer{width:1200px; max-width:1200px; margin:0 auto}	
		.htop_row, .hmr_content{padding:1rem 2rem}
		 .hbtm_row{padding:0 2rem}
		.logo, .logo-dep{width:8rem;}
		.logo-p{width:14rem;}
		.hmr_htext{font-size:2.3rem;}
		.nav-links li:not(:first-child){margin:0 1rem;}
		.hero_img{height:30rem;overflow:hidden; object-position:center;}

		main{padding:0;}
		.cont_section, .gen_section{padding:5rem 2rem 8rem;}
		h1{font-size:3rem; margin-bottom:4rem; line-height:4rem;}
		.heroContent_Center{white-space:nowrap}
		.heroContent h1, .heroContent_Center h1{margin:0; font-size:4rem;}
		.page_content{font-size:1.8rem; line-height:3rem;}
		.page_content h1{margin-bottom:2rem;}
		.page_content h2, .page_content h3{font-size:2.4rem; font-weight:500; margin-bottom:2rem;}
		.page_content span{font-size:2rem;}			
		.c_img{width:80%;}
		footer{position:fixed; bottom:0; width:100%; padding:1rem 2rem;}

		.map{padding-top:0; height:30rem;}
	}

	/* Accordion Section */
.accordion-container{position:relative;max-width:100%;height:auto;margin:0 auto}
.set{position:relative;width:100%;height:auto;background-color:#f5f5f5}
.set > a{font-size:1.6rem; display:block;padding:1.5rem;text-decoration:none;color:#333;font-weight:600;background:#ededed; border:1px solid #555; border-collapse:collapse; transition:all .2s linear}
.set > a i{margin-right:1rem}
.set > a.active{color:#083880;}
.content{background-color:#fff; border:1px solid #555; border-collapse:collapse; border-top:none; display:none; text-align:justify; padding:1rem 1.5rem 2rem;}
.content p{padding:0 1rem 1rem;margin:0;color:#333; margin:0 !important}
.content p img{width:max-content;}
.content ul{padding:0 1rem 1rem;color:#333; margin:0 !important}
.content ul li{padding-left:3rem; position:relative;margin-bottom:1rem;}
.content ul li:before{position:absolute; top:1px; left:0; content:'➤'; font-size:1.3rem; font-weight:500; color:#f1621f}
.content i{font-weight:500; color:#f1621f; margin-right:0.5rem;}

@media (max-width: 1023px) {
  .has-submenu > a::after{content: ' ▼';float: right;}
  .has-submenu.open .submenu{display: block;}
  .submenu{position: static;background: #444;}
  .submenu a {padding-left: 2rem;font-size: 1.4rem;}
}