@charset "utf-8";
html, body{width:100%; font-size:17px; font-family: Helvetica, sans-serif; font-style:normal; font-variant: normal; color:#0C1836;}
html, body, fieldset, div, p, ul, h1, h2, img, form{position:relative; margin:0; padding:0; margin-inline-start:0; margin-inline-end:0; margin-block-start:0; margin-block-end:0; padding-block-start:0; padding-block-end:0; padding-inline-start:0; padding-inline-end:0; min-inline-size:0;}
a{text-decoration:none;}
img{float:none;}
:root {--mtMaxWith: 1440px;}
.sClear{clear:both; width:100%; height:0; display:block;}

.dbody{position:relative; width:100%; max-width:var(--mtMaxWith); margin:0 auto; display:block;} /* background:#F7F7F7; */
.dheader{width:100%; margin:0; padding:0; height:calc(100vw / 3.6); max-height:240px; overflow:hidden; z-index:2;}
/* height:calc(var(--mtMaxWith)/3.6); */
.imglogo{position:relative; height:100%; margin:0; display:inline-block; cursor:pointer;}
.dhText{position:absolute; top:25%; right:0; width:80%; width:calc(100% - (100% / 5)); text-align:right; font-size:300%; color:#0F1D42; z-index:3; display:block;}

.dmenu{position: sticky; top:0; right:0; width:100%; margin:0; padding:0; background:#0E1C3F; z-index:2}
.dmenuIn{position:relative; height:100%; width:auto; background:#0E1C3F; display:inline-block;}
.smenu{display:inline-block; width:auto; height:100%; text-align:center; overflow:hidden;}
.smenu:hover{background:#2B3956}
.amenu{margin:0; padding:15px 12px; color:#fff; cursor:pointer; display:inline-block;}
.sPartners, .sGallery{position:absolute; top:100%; left:auto; text-align:left; background:#0E1C3F; display:none; z-index:5;}
.aYlink{margin:0; padding:12px 12px; color:#fff; background:#0E1C3F; cursor:pointer; display:block; z-index:5;}
.aYlink:hover{background:#2B3956}

.imgMenu{width:32px; position:absolute; top:8px; right:8px; cursor:pointer; z-index:4; display:none;}

.dcontent{width:100%; margin:1% 0 3% 0; padding:0;}
.h1Part{margin:3% 0 0 0; padding:3% 1%; font-size:270%; font-weight:100; color:#0E1C3F;}
.h1Part::first-letter{color:#BC250A;}

.dCell0{width:33%; width:calc(100% / 3.03); margin:0; padding:0; display:inline-block; vertical-align:top;}
.imgCell0{width:auto; height:90px; margin:5% auto; display:block;}
.a0{cursor:pointer;}
/* color:#fff; display: flex; */
.dCell{width:33%; width:calc(100% / 3.03); margin:5% 0; padding:0; display:inline-block; vertical-align:top;}
.imgCell{width:auto; height:100px; margin:1% auto; display:block;}
.dCellIn{width:88%; height:240px; margin:0; padding:3% 3% 3% 9%; line-height:120%;}
.hCell{margin:0; padding:3% 0 9% 0; font-size:150%; font-weight:100; color:#0E1C3F; display:block;}
.hCell::first-letter{color:#BC250A;}

.addr{} /* max-width:calc(var(--mtMaxWith)/2.2); */
.imgAddr{}
.dCellPdf{width:33%; width:calc(100% / 3.03); margin:0; padding:0; display:inline-block; vertical-align:top;}
.dCellPdf2{margin:0 4%; border-top:1px solid #BC250A}
.aPdf{margin:8px 0 0 0; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}

.dGrButons{width:100%; margin:0; padding:0; text-align:center;}
.b_dRed{width:auto; margin:2% auto; padding:3% 10%; color:#fff; background-color:#BC250A; display:inline-block;} /* red buttons #BC250A hover #8C1601 */
.b_dRed:hover{background:#8C1601; cursor:pointer;}

.imgMap{}

.dLeft{float:left; width:31%; margin:5% 0; padding:0 1%; display:block; vertical-align:top;}
.dRight{float:right; width:65%; margin:5% 0; padding:0 0 0 2%; display:block; vertical-align:top;}


.dfooter{position:relative; width:100%; text-align:center; background:#0E1C3F; display:block; clear:both}
.sfooter{position:relative; width:100%; text-align:center; color:#fff; padding:3% 0; display:block;}
.dGeodi{padding:15px 0; color:#EAEAEA; font-size:77%;}
.aGeodi{color:#fff;}

/* gallery */
.gallery{margin:0 1% 2% 1%}
.dGall{margin:1px 0 0 1px; width:18%; width:calc(20% - 5px); height:calc(100vw / 8); max-height:180px; background:#0C1836; display:inline-block; overflow:hidden;}
.iGall{width:100%; height:100%; object-fit:cover;} /* object-fit:scale-down; */
.dGText{margin:0 0 1% 0; columns: 70px 3;}

@media only screen and (max-width: 1280px) {
.dhText{top:20%; font-size:270%;}
.h1Part{font-size:240%;}
.imgCell0{height:70px;}
.imgCell{ height:75px;}
.dGText{margin:0 0 1% 0; columns: 70px 2;}
}

@media only screen and (max-width: 1024px) {
.dhText{top:15%; font-size:250%;}
.h1Part{font-size:220%;}
.dCell0{width:50%; width:calc(100% / 2.03);}
.dCell{width:50%; width:calc(100% / 2.03);}
.dCellPdf{width:50%; width:calc(100% / 2.03);}
.imgCell0{height:90px;}
.imgCell{height:95px;}
.dCellPdf2{margin:2% 4%;}
.aPdf{margin:8px 0;}
}

@media only screen and (max-width: 900px) {
.imgCell{height:85px;}
}


@media only screen and (max-width: 800px) {
.dhText{top:12%; font-size:240%;}	
.h1Part{font-size:210%;}
.dLeft{float:none; width:98%; margin:5% 0;}
.dRight{float:none; width:98%; margin:5% 0;}
.dGText{margin:0 0 1% 0; columns:auto;}
}

@media only screen and (max-width: 800px) {
.dGall{width:31%; width:calc(33% - 4px); height:calc(100vw / 5); max-height:162px;}
}

@media only screen and (max-width: 640px) {
.dhText{font-size:130%;}
.h1Part{font-size:115%;}
.dCell0{width:100%;}
.dCell{width:100%; margin:7% 0;}
.dCellPdf{width:100%; margin:7% 0;}
.imgCell0{width:75%; max-width:240px; height:auto;}
.imgCell{width:75%; max-width:240px; height:auto;}
.dCellIn{height:auto;}
/* .dGrButons{position:relative; padding:40px 0;} */
}

@media only screen and (max-width: 480px) {

.amenu{font-size:90%; padding:15px 8px;}
.imgCell0{width:90%;}
.imgCell{width:90%}
.imglogo{}
.hCell{}
.imgAddr{}
}

@media only screen and (max-width: 425px) {
.dhText{font-size:125%;}
}

@media only screen and (max-width: 375px) {
.dhText{top:3%; font-size:120%;}
}


/* about.php */
p{margin:2% 1%;}

/* activities.php */
.table{width:100%;}
td{padding:10px 2px; font-weight:100; vertical-align:top;}
tr:hover{background:#FFCD70;}
.td1{width:22px; color:#505050;}
.td2{width:200px; font-weight:500;}
.td3{width:62px; color:#505050; font-size:90%;}
.td4{width:auto;}
@media only screen and (max-width: 480px) {
td{font-size:75%;}
.td2{width:95px;}
}