

<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet">

<style>
body {font-family:Prompt; text-decoration:none;}
ul {
padding:10px 25px;
list-style-type:square;
}
ul li {
padding:2px;
}

.header-link:hover {
    color: #4db5a0;
    text-decoration:none;
}

.white {color:#FFF;}
.black {color:#000;}
.tx-1 {font-size:48px;line-height:54px;}
.tx-2 {font-size:38px;line-height:44px;}
.tx-3 {font-size:30px;line-height:36px;}
.tx-4 {font-size:24px;line-height:30px;}
.tx-5 {font-size:20px;line-height:26px;}
.tx-6 {font-size:16px;line-height:22px;}
.tx-7 {font-size:14px;line-height:20px;}
.tx-time {font-size:12px;line-height:20px;}

.page-bg {background:rgba(255, 255, 255, 1);}
.page-areatop {max-width:1560px;width:100%;padding:0;margin:auto;}
.page-area {max-width:1560px;width:100%;padding:15px;margin:auto;}
.page-padding {padding:30px 0;}
.page-height {height:500px;}
.page-texttopic {color:#2b2b2b;font-weight:500;text-align:center;text-transform:uppercase;padding:0;}
.page-txcolor {color:#2b2b2b;}

@media screen and (max-width:1024px) {
.tx-1 {font-size:38px;line-height:44px;}
.tx-2 {font-size:30px;line-height:36px;}
.tx-3 {font-size:24px;line-height:30px;}
.tx-4 {font-size:20px;line-height:26px;}
.tx-5 {font-size:18px;line-height:24px;}
.tx-6 {font-size:14px;line-height:20px;}

.page-padding {padding:20px 0;}
}
@media screen and (max-width:430px) {
.tx-1 {font-size:30px;line-height:36px;}
.tx-2 {font-size:24px;line-height:30px;}
.tx-3 {font-size:20px;line-height:26px;}
.tx-4 {font-size:18px;line-height:24px;}
.tx-5 {font-size:14px;line-height:20px;}
.tx-7 {font-size:12px;line-height:20px;}
.page-area {padding:10px;}
}

.image-flash {width:100%;background-size:cover;}
.flashhome-bgposition {position:relative;margin-top:-51px;z-index:100;}
.flashhome-bgtop {
height:52px;padding:0;
background-image:url("images/home/bg-topb.png");
background-repeat:repeat-x;
background-position:center bottom;
background-size:contain;
}

/*--sector1--*/
.sector1-bg {
height:auto;padding:250px 0 0;
background-image:url("images/home/bg-coursestop2.png"),url("images/home/bg-coursestop1.jpg");
background-repeat:repeat-x,no-repeat;
background-position:left bottom,left top;
	background-size:contain,cover;
}
/* หน้าแรก km: ฮีโรวิดีโอ — หัวข้อ+ค้นหาทับวิดีโอ, การ์ดอยู่ชั้นล่าง */
.sector1-vidhero {
	position: relative;
	overflow: hidden;
	background-color: #1a4050;
	margin-top: -112px;
	padding-top: 112px;
	min-height: 58vh;
}
@media screen and (max-width: 932px) {
	.sector1-vidhero {
		margin-top: -106px;
		padding-top: 106px;
	}
}
/* หน้าแรก: แถบเมนูจาง 50% ตอนอยู่บนสุด — เลื่อนลงแล้วขาวเต็ม */
body.page-home #header {
transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease;
}
body.page-home #header.header-home-at-top {
background-color:rgba(255, 255, 255, 0.68);
backdrop-filter:blur(5px);
border-bottom:1px solid rgba(52, 119, 189, 0.3);
box-shadow:none;
}
body.page-home .sector1-bgblank {
display:none;
}
@media screen and (max-width:932px) {
body.page-home #header.header-home-at-top .bg-dark {
background-color:rgba(255, 255, 255, 0.15) !important;
}
body.page-home #header.header-scrolled .bg-dark {
background-color:#FFF !important;
}
}
.sector1-vidhero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}
.sector1-vidhero__video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	opacity: 0.5;
	filter: brightness(1.12) saturate(0.72);
}
.sector1-vidhero__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(8, 32, 47, 0.16) 0%,
		rgba(8, 32, 47, 0.20) 28%,
		rgba(8, 32, 47, 0.28) 55%,
		rgba(8, 32, 47, 0.34) 78%,
		rgba(8, 32, 47, 0.28) 100%
	);
}
/* ทับวิดีโอ: เว้นใต้เมนู fixed (~96px) + ช่องว่าง — ไม่ให้หัวข้อทับเมนู */
.sector1-vidhero__overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 4;
	padding: 318px 0 20px;
	pointer-events: none;
}
@media screen and (max-width: 932px) {
	.sector1-vidhero__overlay {
		padding-top: 322px;
	}
}
.sector1-vidhero__overlay .page-area {
	pointer-events: none;
}
.sector1-vidhero__intro {
	pointer-events: auto;
	background: transparent;
}
.sector1-vidhero__inner {
	position: relative;
	z-index: 3;
	padding: clamp(500px, 34vh, 600px) 0 24px;
}
.sector1-vidhero__cards {
	background: transparent;
}
/* หน้า seminar (flashpage): พื้นหลังวิดีโอแทนรูป — จางเหมือนหน้าแรก */
.flashpage-carousel-inner--video {
	position: relative;
	overflow: hidden;
}
.flashpage-carousel-inner--video .flashpage-hero-vid {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}
.flashpage-carousel-inner--video .flashpage-hero-vid__video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	opacity: 0.55;
	filter: brightness(1.08) saturate(0.85);
}
.flashpage-carousel-inner--video .flashpage-hero-vid__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.38) 0%,
		rgba(255, 255, 255, 0.22) 28%,
		rgba(255, 255, 255, 0.12) 55%,
		rgba(255, 255, 255, 0.18) 78%,
		rgba(240, 245, 248, 0.35) 100%
	);
}
.flashpage-carousel-inner--video .flashpage-box {
	position: relative;
	z-index: 2;
}
.flashpage-carousel-inner--video .flashpage-txbox {
	z-index: 3;
}
.carousel--flashpage-video .carousel-control-prev,
.carousel--flashpage-video .carousel-control-next {
	display: none !important;
}
.sector1-vidhero .sector1-text1 {
	color: #ffffff;
	font-weight: 600;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.58);
}
.sector1-vidhero .sector1-text2 {
	color: #fff;
	font-weight: 600;
	text-shadow: 0 3px 10px rgba(0, 0, 0, 0.62);
}
.sector1-bgblank {margin-top:0px;}
.sector1-text1 {color:#113b51;font-weight:400;text-align:center;text-transform:uppercase;padding:0;}
.sector1-text2 {color:#136792;font-size:60px;line-height:66px;font-weight:400;text-align:center;text-transform:uppercase;padding:10px 0 15px;}
.sector1-search {background:#FFF;max-width:100%;padding:5px 10px 5px 20px;border:1px solid #20a48d;border-radius:20px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);margin:auto;align-items:center;}
.sector1-boxsearch {
	background:#279192;
	max-width:100%;
	width:100%;
	box-sizing:border-box;
	color:#FFF;
	min-height:36px;
	padding:7px 1.6rem 7px 12px;
	font-size:13px;
	border:1px solid #20a48d;
	border-radius:15px;
	box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);
	text-align:left;
	text-overflow:clip;
	white-space:nowrap;
}
.sector1-columnl {width:70%;color:#FFF;padding:0 10px;text-align:left;}
.sector1-columnr {width:30%;color:#FFF;padding:0 0 0 2px;text-align:left;}
.sector1-box {width:33.333333%;padding:10px;}
.sector1-container {position:relative;}
.sector1-image {width:100%;height:200px;background-size:cover;border-radius:20px;}
.sector1-on {
position:absolute;cursor:pointer;
top:0;width:100%;height:100%;
opacity:0;transition:.5s ease;border-radius:20px;
}
.sector1-container:hover .sector1-on {opacity:1;background:linear-gradient(rgba(32, 122, 129, 0.9),rgba(17, 59, 81, 0.9),rgba(17, 59, 81, 0.9));outline:2px solid rgba(79, 254, 179, 0);outline-offset:0px;}
.sector1-texton {
position:absolute;
color:#FFF;font-size:22px;line-height:28px;text-transform:uppercase;text-align:center;
width:100%;top:34%;left:0%;padding:20px;
border-radius:20px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}
.sector1-off {
position:absolute;cursor:pointer;
top:0;height:100%;width:100%;border-radius:20px;
opacity:1;transition:.5s ease;background:linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2),rgba(17, 59, 81, 0.2),rgba(17, 59, 81, 0.8));
}
.sector1-container:hover .sector1-off {opacity:0;}
.sector1-textoff {
position:absolute;
background:rgba(0, 0, 0, 0);color:#FFF;font-size:18px;line-height:24px;font-weight:400;text-transform:uppercase;text-align:left;
width:100%;bottom:0%;left:0%;padding:10px 20px;
border-radius:20px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* การ์ด One on One / In-house: แสดงตัวเล็ก-ใหญ่ตามที่กำหนด ไม่บังคับ uppercase */
.sector1-texton.sector1-title-mixed-case,
.sector1-textoff.sector1-title-mixed-case {
text-transform:none;
}

form.examplesearch input[type=text] {
float:left;width:95%;
padding:5px;font-size:14px;color:#666;text-transform:uppercase;
background:rgba(255, 255, 255, 0);border-right:none;
border:0px solid rgba(200, 200, 200, 1);
}
form.examplesearch button {
float:left;width:5%;cursor:pointer;
padding:5px;font-size:17px;color:#666;text-transform:uppercase;
background:#FFF;border-left:none;
border:0px solid rgba(200, 200, 200, 1);
}

form.examplesearch button:hover {
background:#FFF;
}
form.examplesearch button:focus {
outline:0;
box-shadow:0 0 0 .2rem rgba(255, 255, 255, 0);
}
form.examplesearch input[type=text]:focus {
outline:0;
box-shadow:0 0 0 .2rem rgba(255, 255, 255, 0);
}
form.examplesearch::after {
content: "";
clear: both;
display: table;
}	

@media screen and (max-width:1280px) {
.sector1-bg {padding:250px 0 0;}
.sector1-vidhero__inner {padding: clamp(500px, 33vh, 580px) 0 20px;}
}
@media screen and (max-width:1024px) {
.sector1-bg {padding:220px 0 0;}
.sector1-vidhero__inner {padding: clamp(480px, 35vh, 560px) 0 20px;}
.sector1-search {max-width:100%;}
.sector1-text2 {font-size:50px;line-height:56px;}
.sector1-columnl {width:66%;}
.sector1-columnr {width:34%;}
}
@media screen and (max-width:932px) {
.sector1-bgblank {margin-top:106px;}
.sector1-bg {padding:150px 0 0;}
.sector1-vidhero__inner {padding: clamp(480px, 40vh, 560px) 0 16px;}
.sector1-search {max-width:100%;}
.sector1-text2 {font-size:40px;line-height:46px;}
.sector1-columnl {width:62%;}
.sector1-columnr {width:38%;}
.sector1-image {height:150px;}
.sector1-texton {font-size:16px;line-height:22px;top:28%;}
.sector1-textoff {font-size:14px;line-height:20px;}
}
@media screen and (max-width:430px) {
.sector1-bg {padding:100px 0 0;}
.sector1-vidhero__inner {padding: clamp(460px, 44vh, 520px) 0 12px;}
.sector1-text2 {font-size:30px;line-height:36px;}
.sector1-search {
	background:transparent;
	border:0;
	box-shadow:none;
	padding:0;
	margin-left:0;
	margin-right:0;
}
.sector1-columnl {
	background:#fff;
	border:1px solid #20a48d;
	border-radius:16px;
	box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);
	padding:6px 10px;
}
.sector1-columnl > .row {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-left:0;
	margin-right:0;
}
.sector1-boxsearch {padding:7px 1.8rem 7px 12px;}
.sector1-columnl {width:100%;}
.sector1-columnr {width:100%;padding:6px 4px 0;}
.sector1-box {width:100%;}
.sector1-texton {font-size:24px;line-height:30px;top:28%;}
.sector1-textoff {font-size:16px;line-height:22px;}
form.examplesearch input[type=text] {width:90%;}
form.examplesearch button {width:10%;}
}


/*--sector1--*/

/*--sector2--*/
.sector2-bg {background:#FFF;}
.sector2-columnl {width:80%;color:#FFF;padding:0 10px;text-align:left;}
.sector2-columnr {width:20%;color:#FFF;padding:0 10px;text-align:right;}
.sector2-text1 {color:#575757;font-weight:500;text-transform:uppercase;padding:0;}
.sector2-text1.sector2-title-en {text-transform:none;}
.sector2-margin {float:right;padding:20px 0 10px;margin:inherit;}

.sector2-viewall {background:#156082;max-width:180px;color:#FFF;font-size:14px;text-align:center;padding:10px;border:1px solid #156082;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;}
.sector2-viewall:hover {background:#113b51;}
.sector2-register {background:#279192;max-width:100px;color:#FFF;font-size:12px;text-align:center;padding:10px;border:1px solid #279192;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;}
.sector2-register:hover {background:#113b51;}

.sector2-bgbar {
border-collapse: collapse;
border-spacing: 0;
width:100%;background:#113b51;
color:#333;font-size:14px;
padding:0;border-radius:5px 5px 0 0;}
.sector2-blank {padding:8px;}

@media screen and (max-width:1280px) {
.sector2-columnl {width:70%;}
.sector2-columnr {width:30%;}
}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:932px) {
.sector2-columnl {width:60%;}
.sector2-columnr {width:40%;}
.sector2-bgbar {width:1024px;}
}
@media screen and (max-width:668px) {
.sector2-columnl {width:100%;}
.sector2-columnr {width:100%;}
.sector2-margin {float:inherit;}
}
/*--sector2--*/

/*--sector3--*/
.sector3-bg {
height:auto;padding:50px 0 10px;
background-image:url("images/home/bg-courses.jpg");
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
}
/* หน้าแรก km — บล็อกหลักสูตรสำคัญ: วิดีโอพื้นหลัง + parallax (เลื่อนช้ากว่าเนื้อหา) */
.sector3-bg--parallax {
	position: relative;
	overflow: hidden;
	background-image: none;
	background-color: #0b1628;
	isolation: isolate;
}
.sector3-bg__media {
	position: absolute;
	left: 0;
	right: 0;
	top: -14%;
	bottom: -14%;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	will-change: transform;
}
.sector3-bg__video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center center;
	opacity: 0.5;
	filter: brightness(0.96) saturate(0.88);
}
.sector3-bg__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(6, 15, 38, 0.78) 0%,
		rgba(6, 15, 38, 0.52) 42%,
		rgba(10, 24, 48, 0.72) 100%
	);
}
.sector3-bg__content {
	position: relative;
	z-index: 2;
}
.sector3-columnl {width:50%;color:#FFF;padding:0 10px;text-align:left;}
.sector3-columnr {width:50%;color:#FFF;padding:0 10px;text-align:right;}
.sector3-columntl {width:50%;color:#FFF;padding:0 10px;text-align:left;}
.sector3-columntr {width:50%;color:#FFF;padding:0 10px;text-align:right;}
.sector3-text1 {color:#FFF;font-weight:500;}
.sector3-text2 {color:#FFF;font-weight:300;}	
.sector3-boxcolumnl {width:33.3%;padding:5px;text-align:left;}
.sector3-boxsearch {width:100%;padding:10px;text-align:center;border-radius:20px;}
.sector3-borderblank {padding:10px 0;}
.sector3-border {width:100%;text-align:left;border-bottom:1px solid #666;}

.sector3-boxcourses {width:50%;padding:10px;text-align:center;}
.sector3-coursestx {width:100%;padding:10px;border-radius:5px;box-shadow:1px 1px 8px 1px rgba(100, 100, 100, 0);transition:.5s ease;}
.sector3-image {max-width:700px;width:100%;border-radius:5px;}
.sector3-imageteacher {max-width:150px;width:100%;border-radius:50%;}
.sector3-height {height:160px;padding:0;}
.sector3-tx1 {color:#002058;font-size:16px;line-height:22px;text-align:left;font-weight:500;padding:8px 0 0;}
.sector3-tx2 {color:#555;font-size:12px;text-align:left;padding:0;}
.sector3-tx3 {color:#002058;text-align:left;padding:20px 0;transition:.5s ease;}
.sector3-time {color:#333;padding:0 5px;}
.sector3-txstar {color:#555;font-size:12px;text-align:left;padding:0 0;}
.sector3-margin {float:right;padding:20px 0 10px;margin:inherit;}
.sector3-viewall {background:#415eca;max-width:180px;color:#FFF;font-size:14px;text-align:center;padding:10px 20px;border:1px solid #415eca;border-radius:20px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;}
.sector3-viewall:hover {background:#113b51;}
.sector3-link {transition:.5s ease;}
.sector3-link:hover .sector3-tx3 {color:#53aeb9;}
.sector3-link:hover .sector3-coursestx {transform:scale(1.01);}

.carousel-indicators li {
box-sizing:content-box;cursor:pointer;opacity:.5;
-ms-flex:0 1 auto;flex:0 1 auto;transition:opacity .6s ease;
width:8px;height:8px;border-radius:50%;
margin-bottom:-20px;margin-right:3px;margin-left:3px;text-indent:-999px;
background-color: #060f26;
background-clip: padding-box;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.carousel-indicators .active {
opacity: 1;
background-color: #FFF;
}	
.sector3-arrow-l {background:rgba(65, 94, 202, 1);color:#FFF;max-width:60px;font-size:24px;border-radius:50%;padding:10px 14px;margin-left:-0px;}
.sector3-arrow-r {background:rgba(65, 94, 202, 1);color:#FFF;max-width:60px;font-size:24px;border-radius:50%;padding:10px 14px;margin-right:-0px;}	
.checked {color:orange;}

@media screen and (max-width:1280px) {
.sector3-bg {padding:30px 0 10px;}
.sector3-columnl {width:40%;}
.sector3-columnr {width:60%;}
.sector3-boxcolumnl {width:50%;}
}
@media screen and (max-width:1024px) {
.sector3-columnl {width:100%;}
.sector3-columnr {width:100%;}
.sector3-boxcolumnl {width:25%;}
}
@media screen and (max-width:932px) {
.sector3-bg {padding:20px 0 10px;}
.sector3-boxcolumnl {width:33.3%;}
}
@media screen and (max-width:430px) {
.sector3-boxcolumnl {width:50%;}
.sector3-boxcourses {width:100%;padding:10px;text-align:center;}
}
/*--sector3--*/

/*--sector4--*/
.sector4-bg {background:#FFF;}
.sector4-columnl {width:30%;padding:0 10px;text-align:left;}
.sector4-columnr {width:70%;padding:0 10px;text-align:left;}
.sector4-text1 {color:#415eca;font-weight:500;text-transform:uppercase;padding:0;}
.sector4-text2 {color:#4e4e4e;font-weight:300;text-transform:uppercase;padding:15px 0;}
.sector4-viewall {background:#415eca;max-width:150px;color:#FFF;font-size:14px;text-align:center;padding:10px 20px;border:1px solid #415eca;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;text-decoration:none !important;}
.sector4-viewall:hover {background:#113b51;color:#FFF;text-decoration:none;}
.sector4-boxfaq-q {background:rgba(65, 94, 202, 1);color:#FFF;font-size:20px;text-align:center;font-weight:500;padding:8px 15px;border-radius:10px;}
.sector4-boxfaq-a {background:rgba(32, 164, 141, 1);color:#FFF;font-size:20px;text-align:center;font-weight:500;padding:11px 15px;border-radius:10px;}

@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:932px) {
.sector4-columnl {width:100%;}
.sector4-columnr {width:100%;}
}
@media screen and (max-width:430px) {
}
/*--sector4--*/

/*--sector5--*/
.sector5-bg {background:#FFF;}
.sector5-box {width:33.333333%;padding:0px;background:#FFF;}
.sector5-container {position:relative;}
.sector5-image {width:100%;height:400px;background-size:cover;}
.sector5-columnl {width:50%;color:#FFF;padding:0 10px;text-align:left;}
.sector5-columnr {width:50%;color:#FFF;padding:0 10px;}
.sector5-link {color:#FFF;font-size:16px;line-height:22px;text-align:right;padding:10px 0 0;border:0px solid rgba(79, 254, 179, 1);border-radius:0;}
.sector5-linko {color:#FFF;font-size:16px;line-height:22px;text-align:center;padding:10px 0 0;border:0px solid rgba(79, 254, 179, 1);border-radius:0;}
.sector5-on {
position:absolute;cursor:pointer;
top:0;width:100%;height:100%;
opacity:0;transition:.5s ease;border-radius:0;
}
.sector5-container:hover .sector5-on {opacity:1;background:linear-gradient(rgba(65, 94, 199, 0.9),rgba(28, 45, 107, 0.6));outline:2px solid rgba(79, 254, 179, 0.5);outline-offset:-10px;}
.sector5-texton {
position:absolute;
color:#FFF;font-size:26px;line-height:32px;text-transform:uppercase;text-align:center;
width:100%;top:40%;left:0%;padding:20px;
border-radius:0;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}
.sector5-off {
position:absolute;cursor:pointer;
top:0;height:100%;width:100%;border-radius:0;
opacity:1;transition:.5s ease;background:linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.8));
}
.sector5-container:hover .sector5-off {opacity:0;}
.sector5-textoff {
position:absolute;
background:rgba(0, 0, 0, 0);color:#FFF;font-size:24px;line-height:30px;font-weight:500;text-transform:uppercase;text-align:left;
width:100%;bottom:0%;left:0%;padding:20px;
border-radius:0;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width:1280px) {
.sector5-image {height:260px;}
.sector5-columnl {width:100%;}
.sector5-columnr {width:100%;}
.sector5-link {font-size:12px;line-height:20px;text-align:left;padding:0;}
.sector5-linko {font-size:12px;line-height:20px;padding:0;}
.sector5-texton {font-size:22px;line-height:28px;top:40%;}
.sector5-textoff {font-size:20px;line-height:26px;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:932px) {
.sector5-image {height:180px;}
.sector5-texton {font-size:18px;line-height:24px;top:35%;padding:10px;}
.sector5-textoff {font-size:16px;line-height:22px;padding:10px 20px;}
}
@media screen and (max-width:668px) {
.sector5-box {width:100%;}
.sector5-image {height:240px;}
}
/*--sector5--*/

/*--sector6--*/
.sector6-bg {background-image:linear-gradient(rgba(236, 245, 254, 1),rgba(255, 255, 255, 1),rgba(236, 245, 254, 1));}
.sector6-column {width:25%;padding:20px;}
.sector6-partners {max-width:200px;width:100%;margin:auto;transition:.5s ease;}
.sector6-partners:hover {transform:scale(1.04);opacity:0.7;}

@media screen and (max-width:430px) {
.sector6-column {width:50%;}
}
/*--sector6--*/

/*--foot--*/
.foot-bg {background:#113b51;}
.foot-main-row {align-items:flex-start;}
.foot-columnl {width:50%;padding:8px 10px;}
.foot-columnr {width:50%;padding:8px 10px;}
.foot-columnlb {width:50%;padding:10px;}
.foot-columnrl {width:60%;padding:10px;}
.foot-columnrr {width:40%;padding:10px;display:flex;align-items:center;}
.foot-logo {display:block;max-width:290px;width:auto;margin-left:-18px;}
.foot-iconbsiarea.foot-bsi-under-address {padding:6px 0 0;}
.foot-columnsl .foot-iconcolumnl {padding:10px 10px 10px 0;}
.foot-icon {max-width:90px;width:100%;}
.foot-iconbsi {max-width:136px;width:auto;height:auto;flex:0 0 auto;}
.foot-iconbsi-2 {max-width:136px;}
.foot-bsi-icons {
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:flex-start;
gap:12px;
}
.foot-iconbsiarea {padding:15px 15px 0;text-align:left;}
.foot-bsi-under-address {padding:6px 0 0;text-align:left;}
.foot-txtopicl {text-align:left;text-transform:uppercase;padding:12px 0 4px;}
.foot-contact-stack {display:flex;flex-direction:column;gap:6px;padding:0 10px;}
.foot-call-row {padding:0;}
.foot-emergency-row {padding:0;}
.foot-emergency-row .foot-tx {padding:1px 3px;line-height:1.3;}
.foot-phone-title,
.foot-phone-number {text-transform:none;font-weight:700;}
.foot-emergency-text {color:#ffd747;text-transform:none;font-weight:700;}
.foot-social-row {padding:2px 0 0 100px;}
.foot-social-inner {display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;}
.foot-social-icons {display:flex;align-items:center;gap:8px;}
.foot-visitor-row {padding:0 0 0 100px;}
.foot-columnr {align-self:flex-start;}
.foot-txtopicr {text-align:left;text-transform:uppercase;padding:10px 10px 0;}
.foot-tx {text-align:left;text-transform:uppercase;padding:3px;}
.foot-link {color:#FFF;font-size:14px;text-align:left;text-transform:uppercase;padding:10px 0 0;transition:.5s ease;}
.foot-link:hover {color:#85b1ff;margin-left:3px;}
.foot-columnsl {width:50%;padding:0 10px;}
.foot-columnsr {width:50%;padding:0 10px;}
.foot-columnicon {width:5%;padding:0 5px;}
.foot-txsocial {text-align:left;padding:0;}
.foot-txvisitor {text-align:right;padding:6px 15px 0;line-height:1.3;}
.foot-iconcolumnl {width:17%;padding:10px;}
.foot-iconcolumnr {width:83%;padding:10px;}
.foot-linkicon {width:25px;border-radius:5px;transition:.5s ease;}
.foot-linkicon:hover {opacity: 0.4;}

@media screen and (max-width:1280px) {
.foot-columnicon {width:7%;}
.foot-iconcolumnl {width:22%;}
.foot-iconcolumnr {width:78%;}
.foot-columnsl .foot-iconcolumnl {padding-left:0;}
}
@media screen and (max-width:1024px) {
.foot-columnl {width:50%;padding:10px 0;}
.foot-columnr {width:50%;padding:10px 0;}
.foot-columnlb {width:100%;padding:0 10px;}
.foot-columnrl {width:65%;padding:10px 0;}
.foot-columnrr {width:35%;padding:10px 0;}
.foot-txtopicr {padding:10px;}
.foot-tx {padding:5px;}
.foot-columnsl {padding:0;}
.foot-columnsr {padding:0;}
.foot-columnicon {width:9%;}
.foot-iconcolumnl {width:25%;}
.foot-iconcolumnr {width:75%;}
.foot-columnsl .foot-iconcolumnl {padding-left:0;}
}
@media screen and (max-width:932px) {
.foot-columnl {width:100%;padding:8px 0;}
.foot-columnr {width:100%;padding:8px 0;}
.foot-social-row,.foot-visitor-row {padding-left:100px;}
.foot-columnlb {width:50%;}
.foot-txtopicl {text-align:left;text-transform:uppercase;padding:20px 0;}
.foot-txtopicr {text-align:left;text-transform:uppercase;padding:10px 0 0;}
.foot-columnicon {width:13%;}
.foot-iconcolumnl {width:35%;}
.foot-iconcolumnr {width:65%;}
}
@media screen and (max-width:430px) {
.foot-columnlb {width:100%;}
.foot-columnsl {width:60%;}
.foot-columnsr {width:40%;}
.foot-columnicon {width:22%;}
.foot-iconcolumnl {width:52%;}
.foot-iconcolumnr {width:48%;}
.foot-columnsl .foot-iconcolumnl {padding-left:0;}
}
/*--foot--*/	

/*--cookie-settings-panel--*/
.cookie-settings-overlay {
position:fixed;
inset:0;
z-index:10001;
background:rgba(0, 0, 0, 0.55);
display:flex;
align-items:stretch;
justify-content:flex-start;
opacity:0;
visibility:hidden;
transition:opacity .3s ease, visibility .3s ease;
}
.cookie-settings-overlay--visible {
opacity:1;
visibility:visible;
}
.cookie-settings-overlay[hidden] {
display:none !important;
}
body.cookie-settings-open {
overflow:hidden;
}
.cookie-settings-panel {
position:relative;
width:100%;
max-width:420px;
height:100%;
background:#fff;
overflow-y:auto;
box-shadow:4px 0 24px rgba(0, 0, 0, 0.2);
transform:translateX(-100%);
transition:transform .35s ease;
font-family:'Prompt', sans-serif;
}
.cookie-settings-overlay--visible .cookie-settings-panel {
transform:translateX(0);
}
.cookie-settings__close {
position:absolute;
top:16px;
right:16px;
width:32px;
height:32px;
border:none;
background:transparent;
font-size:28px;
line-height:1;
color:#333;
cursor:pointer;
padding:0;
z-index:2;
}
.cookie-settings__close:hover {
color:#00a8cc;
}
.cookie-settings__header {
padding:28px 24px 20px;
border-bottom:1px solid #e8ecef;
}
.cookie-settings__title {
margin:0 32px 8px 0;
font-size:22px;
font-weight:700;
color:#1a232e;
line-height:1.3;
}
.cookie-settings__shortcut {
margin:0 0 12px;
font-size:13px;
color:#00a8cc;
}
.cookie-settings__intro {
margin:0 0 20px;
font-size:14px;
line-height:1.6;
color:#444;
}
.cookie-settings__accept-all {
display:block;
width:100%;
padding:12px 20px;
border:none;
border-radius:4px;
background:#00a8cc;
color:#fff !important;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:background .2s ease;
}
.cookie-settings__accept-all:hover {
background:#008ba3;
}
.cookie-settings__body {
padding:20px 24px 32px;
}
.cookie-settings__section-title {
margin:0 0 16px;
font-size:17px;
font-weight:700;
color:#00a8cc;
}
.cookie-settings__card {
border:1px solid #dde3e8;
border-radius:4px;
padding:16px;
margin-bottom:14px;
background:#fff;
}
.cookie-settings__card-head {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}
.cookie-settings__card-titles {
flex:1 1 auto;
min-width:0;
}
.cookie-settings__card-title {
display:block;
font-size:15px;
font-weight:600;
color:#00a8cc;
line-height:1.4;
}
.cookie-settings__card-subtitle {
display:block;
font-size:12px;
color:#888;
margin-top:2px;
}
.cookie-settings__always-on {
flex:0 0 auto;
font-size:12px;
color:#888;
white-space:nowrap;
padding-top:2px;
}
.cookie-settings__card-desc {
margin:0;
font-size:13px;
line-height:1.6;
color:#555;
}
.cookie-settings__toggle {
display:flex;
align-items:center;
gap:8px;
flex:0 0 auto;
cursor:pointer;
margin:0;
white-space:nowrap;
}
.cookie-settings__toggle input[type="checkbox"] {
width:18px;
height:18px;
margin:0;
accent-color:#00a8cc;
cursor:pointer;
flex-shrink:0;
}
.cookie-settings__toggle-label {
font-size:13px;
color:#333;
}
.cookie-settings__save {
display:block;
width:100%;
margin-top:8px;
padding:11px 20px;
border:1px solid #00a8cc;
border-radius:4px;
background:#fff;
color:#00a8cc !important;
font-size:15px;
font-weight:600;
cursor:pointer;
transition:background .2s ease, color .2s ease;
}
.cookie-settings__save:hover {
background:#00a8cc;
color:#fff !important;
}
@media screen and (max-width:480px) {
.cookie-settings-panel {
max-width:100%;
}
}
/*--cookie-settings-panel--*/

/*--cookie-consent--*/
.cookie-consent {
position:fixed;
left:0;
right:0;
bottom:0;
z-index:10000;
background:#1a232e;
color:#fff;
padding:18px 0;
box-shadow:0 -2px 12px rgba(0, 0, 0, 0.25);
transform:translateY(110%);
transition:transform .35s ease;
font-family:'Prompt', sans-serif;
}
.cookie-consent--visible {
transform:translateY(0);
}
html.cookie-consent-accepted .cookie-consent,
.cookie-consent[hidden] {
display:none !important;
}
.cookie-consent__inner {
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
flex-wrap:nowrap;
max-width:1560px;
margin:0 auto;
padding:0 24px;
}
.cookie-consent__text {
margin:0;
font-size:15px;
line-height:1.6;
flex:1 1 auto;
color:#fff !important;
}
.cookie-consent__link {
color:#00a8cc !important;
text-decoration:none;
}
.cookie-consent__link:hover {
color:#33bdd9 !important;
text-decoration:underline;
}
.cookie-consent__actions {
flex:0 0 auto;
display:flex;
align-items:center;
gap:12px;
flex-wrap:nowrap;
}
.cookie-consent__btn {
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:4px;
font-size:15px;
font-weight:500;
padding:9px 28px;
cursor:pointer;
text-decoration:none;
white-space:nowrap;
transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.cookie-consent__btn--settings {
background:transparent;
border:1px solid #fff;
color:#fff !important;
font-family:'Prompt', sans-serif;
}
.cookie-consent__btn--settings:hover {
background:rgba(255, 255, 255, 0.1);
color:#fff !important;
}
.cookie-consent__btn--accept {
background:#00a8cc;
border:1px solid #00a8cc;
color:#fff !important;
}
.cookie-consent__btn--accept:hover {
background:#008ba3;
border-color:#008ba3;
color:#fff !important;
}
@media screen and (max-width:768px) {
.cookie-consent__inner {
flex-direction:column;
align-items:flex-start;
}
.cookie-consent__actions {
width:100%;
}
.cookie-consent__btn {
flex:1 1 auto;
min-width:120px;
}
}
/*--cookie-consent--*/

/*--copyright--*/
.copyright-bg {background:#0a2538;}
.copyright-columnl {width:50%;color:#FFF;padding:0 10px;text-align:left;}
.copyright-columnr {width:50%;color:#FFF;padding:0 10px;text-align:right;}

.copyright-link {color:#FFF;text-align:left;padding:0 5px;transition:.5s ease;}
.copyright-link:hover {color:#036b77;}

@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {
.copyright-columnl {width:50%;}
.copyright-columnr {width:50%;}
}
@media screen and (max-width:932px) {
.copyright-columnl {width:100%;text-align:center;}
.copyright-columnr {width:100%;padding:10px 0 0;text-align:center;}
}
@media screen and (max-width:430px) {
}
/*--copyright--*/

iframe {width:80%;aspect-ratio:16 / 9;}
@media screen and (max-width:896px) {
iframe {width:100%;}
}
.video-flame {width:100%;aspect-ratio:16 / 9;}

.rotate {
animation: ro infinite;
animation-duration: 3s;
}
.rotate1 {
animation: ro infinite;
animation-duration: 20s;
}
.updown {
animation: ud infinite;
animation-duration: 3s;
}
@keyframes ud {
0%   {bottom:0px;}
25%  {bottom:8px;}
50%  {bottom:0px;}
75%  {bottom:8px;}
100% {bottom:0px;}
}
@keyframes ro {
0%   {transform:rotateY(0deg);}
25%  {transform:rotateY(180deg);}
50%  {transform:rotateY(0deg);}
75%  {transform:rotateY(180deg);}
100% {transform:rotateY(0deg);}
}
.flashing {
-webkit-animation: flashing .8s infinite;
-moz-animation: flashing .8s infinite;
-ms-animation: flashing .8s infinite;
-o-animation: flashing .8s infinite;
animation: flashing .8s infinite;
}
@-webkit-keyframes flashing {
from {opacity:.2;}
to {opacity:1;}
}
@-moz-keyframes flashing {
from {opacity:.2;}
to {opacity:1;}
}
@-ms-keyframes flashing {
from {opacity:.2;}
to {opacity:1;}
}
@-o-keyframes flashing {
from {opacity:.2;}
to {opacity:1;}
}
@keyframes flashing {
from {opacity:.2;}
to {opacity:1;}
}
</style>
