/* Template Css */
[aria-hidden="true"]{display:none;} [aria-hidden="false"]{display:block;}

/* Message System Css -------------- */
.notif{width:100%;height:100%;}
.notif .message-box{margin:12px;}.notif .message-close{color:#000;}.notif .message-text{}
.notif .msg-done, .notif .msg-confirm,
.notif .msg-success{padding:12px;background:#ccffcc;border:1px solid #a5dda5;color:#005000}
.notif .msg-danger{padding:12px;background:#ffcccc;border:1px solid #ffa5a5;color:#500000}
.notif .msg-alert{padding:12px;background:#ffcc99;border:1px solid #ffa050;color:#502500}
.notif .msg-warning{padding:12px;background:#ffffaa;border:1px solid #cccc50;color:#2f2f00}
.notif .msg-info{padding:12px;background:#e5e5ff;border:1px solid #c5c5f0;color:#002a3a}
.notif .msg-notif{padding:12px;background:#eeeeee;border:1px solid #cccccc;color:#202020}
.notif-fixed{position:fixed;left:0;top:0;z-index:9999;padding:12px;
	background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);}

/* Basic Colors -------------- */
.required{color:#ff0040;}

/* Basic Styles -------------- */
.brief{font-size:75%;color:#405b8e;}
.small-text{font-size:75%;color:#304050;}
.small-text-red{font-size:75%;color:#ff0040;}

/* -------------- */
.imagebox-center{
	display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center; align-content:flex-start;
}
.imagebox-center img{display:inline-block;max-width:100%;margin:24px 12px;}

/* -------------- */
.cs-box1{
	display:flex; flex-wrap:wrap; justify-content:space-around; 
	align-items:center; align-content:flex-start;
	gap:60px 24px;
}
.cs-box1 > div{max-width:420px;min-width:180px;}

.cs-box1 .cs-box1-image{}
.cs-box1 .cs-box1-title{}
.cs-box1 .cs-box1-brief{font-size:0.9em;color:#6e6e6e;}

/* cs-box2 */
.cs-box2{
	display:flex; flex-wrap:wrap; justify-content:space-around; 
	align-items:stretch; align-content:flex-start;
	gap:60px 24px;
}
.cs-box2 > div.cs-box2-section{max-width:640px;min-width:180px;}
.cs-box2 > div div.cs-box2-image{}
.cs-box2 > div div.cs-box2-image img{width:100%;height:auto;}
.cs-box2 > div .cs-box2-title{padding:12px;}
.cs-box2 > div .cs-box2-brief{padding:12px;font-size:0.9em;color:#6e6e6e;}

/* -- content-flex ------------ */
.content-flex1{
	display:flex; flex-wrap:wrap; justify-content:space-around; 
	align-items:center; align-content:flex-start;
	gap:60px 24px;
}
.content-flex1 > div{max-width:420px;min-width:180px;}
.content-flex1 > div img{width:100%;height:auto;}


/* -------------- */
.phone-box1{
	display:flex; flex-wrap:wrap; justify-content:space-around; 
	align-items:center; align-content:flex-start;
	gap:60px 24px;
}
.phone-box1 > div{max-width:420px;min-width:180px;}

/* -------------- */
.line-box1{
	display:flex; flex-wrap:wrap; justify-content:space-around; 
	align-items:center; align-content:flex-start;
	gap:60px 24px;
}
.line-box1 > div{max-width:420px;min-width:180px;}

.line-box1 .line-box1-image{}
.line-box1 .line-box1-title{}
.line-box1 .line-box1-brief{font-size:0.9em;color:#6e6e6e;}

/* -------------- */
.light-box1{
	display:flex; flex-wrap:wrap; justify-content:space-around; 
	align-items:center; align-content:flex-start;
	gap:60px 24px;
}
.light-box1 > div{max-width:420px;min-width:180px;}

.light-box1 .light-box1-image{}
.light-box1 .light-box1-title{}
.light-box1 .light-box1-brief{font-size:0.9em;color:#6e6e6e;}

/* -------------- */
.namad-box1{
	display:flex; flex-wrap:wrap; justify-content:space-around; 
	align-items:center; align-content:flex-start; gap:60px 24px;
}
.namad-box1 > div{max-width:420px;min-width:180px;}
.namad-box1 > div .namad-box1-image img{filter:grayscale(100%);transition:0.25s;}
.namad-box1 > div .namad-box1-image img:hover{cursor:pointer;filter:grayscale(0%);transform:rotate(0deg) scale(0.95)}


.namad-box2{
	display:flex; flex-wrap:wrap; justify-content:center; 
	align-items:center; align-content:flex-start; gap:60px 24px;
}
.namad-box2 > div{max-width:600px;min-width:240px;}
.namad-box2 > div .namad-box2-image img{width:100%;height:auto;filter:grayscale(100%);transition:0.25s;}
.namad-box2 > div .namad-box2-image img:hover{cursor:pointer;filter:grayscale(0%);transform:rotate(0deg) scale(0.95)}

.namad-box2 div.namad-box2-subflex{ 
	display:flex; flex-wrap:nowrap; justify-content:center; 
	align-items:center; align-content:flex-start; gap:60px 24px;
}

/* -- grey-box ------------ */
.box-grey1{border:1px solid var(--grey1)} .box-grey2{border:1px solid var(--grey2)}
.box-grey3{border:1px solid var(--grey3)} .box-grey4{border:1px solid var(--grey4)}
.box-grey5{border:1px solid var(--grey5)} .box-grey6{border:1px solid var(--grey6)}
.box-grey7{border:1px solid var(--grey7)} .box-grey8{border:1px solid var(--grey8)}
.box-grey9{border:1px solid var(--grey9)} .box-grey10{border:1px solid var(--grey10)}

/* -------------- */
.cs-footer1{
	display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center; align-content:flex-start;
	gap:60px 24px;
}
.cs-footer1 > div{max-width:420px;}


.copyright{font-size:15px;padding:6px 12px;}