@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans:ital@0;1&display=swap');
body{margin:0px;padding:0px;font-family:Ropa Sans,sans-serif;background-color:#D0D1D3;}


.msm{z-index:50;display:none;position:absolute;padding:0px;margin:0px;top:0;left:0;margin-top:50px;background-color: #FFFFFF;width:350px;}
.mhdbox{display:none;}
.black_overlay{margin:0;padding:0;display: none;position: absolute;top:0;left:0;width:100%;height:100%;background-color:#525252;z-index:49;opacity: 0.8;}
.hmhdnbox {float:left;padding:10px 2px 2px 5px;border:0px solid red;font-size:27px;color:var(--mnuclr);transition:0.6s; }

.two{display: grid; grid-template-columns:150px auto;border:0px  solid red;}
.three{display:grid;position:relative;text-align:center;width:250px;position:relative;}
.four{float:right;position:relative;text-align:right;top: 0;}

.mcntr{ z-index:1;display:flex;flex-grow:1;position:relative;width:100%;height:100%;}
.mcntr .mcntrl{z-index:1;flex-grow:1;width:250px;margin-right:0px;height:100%;transition:0.9s;padding:0px 15px 75px 15px;position:sticky;top:0;left:0;}
.mcntr .mcntrlh{z-index:1;flex-grow:1;width:0px;margin-right:0px;height:100%;width:0px;transition:0.9s;padding:0px;background-color: #FFFFFF;visibility:hidden;}
.mcntr .mcntrr{z-index:1;display:block;flex-grow:1;width:100%;height:100%;background-color:#E8E8E8;}

.mcntrlogo{z-index:100;position:relative;flex-grow:1;width:225px;height:390px;margin-right:0px;transition:0.9s;padding:0px;border-radius: 0px 0px 50px 50px;
box-shadow: 0 4px 8px 0 rgba(180, 180, 180, 0.2), 0 6px 20px 0 rgba(180, 180, 180, 0.2);
background-image: url('kawa2.png');background-size: contain;background-repeat:no-repeat;background-position: center;background-color:#FFFFFF;top:0;left:0;}

.topmnu{z-index:25; display:fixed;position:sticky;width:100%;height:105px;top:0;left:0;}

.tcntr{display:block;position:relative;width:100%;height:45px;border:0px  solid red;background-image:url('mbg.png');background-position:left bottom;}
.tcntr .tcntrlft{float:left;display:inline-block;position:relative;border:0px  solid green;padding:0px;}
.tcntr .tcntrRht{float:right;display:inline-block;position:relative;border:0px  solid blue;padding-right:10px;}
.bcntrmnu{display:block;position:relative;width:100%;height:60px;border:0px  solid yellow;background-image:url('mrbg.png');background-position:left top;}
.bcmnu{float:right;display:block;position:relative;width:98%;height:30px;padding:10px 10px 0px 0px;margin-top:10px;text-align:right;border:0px solid green;}

.tmnubox { padding:2px 2px 2px 15px;display:block;position:relative;border:0px  solid #F1F7F9; }
.tmnulog{height:15px;padding:13px 15px 0px 0px;text-align:right;font-size:14px;border:0px solid green;}
.bcntr{z-index:2;display:block;flex-grow:1;position:relative;width:100%;height:350px;}

.mhlbox{z-index:51;padding:15px 5px 5px 0px;display:none;position:relative;border:0px  solid red;font-size:30px;color:var(--themebg);transition:0.9s;}


.psel{font-size:18px;color:var(--mnuclr);padding:8px 15px 8px 15px;margin-bottom:3px;cursor:pointer;text-decoration:none;opacity:1;}
.psel:hover {color:var(--mnuhover);}
.pnsel{font-size:18px;color:var(--mnuhover);padding:8px 15px 8px 15px;margin-bottom:3px;cursor:pointer;text-decoration:none;opacity:1;}
.pnsel:hover {color:var(--mnuclr);}

.pcontent{display:block;position:relative;padding:20px 40px 20px 40px;background-color:#F1F7F9;border:0px solid #CF1914;}
.scontent{display:block;position:relative;padding:20px 40px 20px 40px;background-color:#F7E2E3;}

.dmNewsList{display:grid;grid-template-columns:300px auto; gap:10px;border:0px solid #CF1914;text-align:left;margin-top:10px;margin-bottom:10px;}
.dmNewsList .dmNewsLeft{ display:inline;position:relative;padding:5px;border:0px solid blue;margin-right:5px;}
.dmNewsList .dmNewsRight{ display:inline;position:relative;padding-top:5px;padding-left:10px;border:0px solid green;}


.ftrwrapper{display:grid;grid-template-columns:240px auto;border:0px  solid red;height:300px;background-color:#E8E8E8;}
.lbox {	padding:25px 5px 5px 20px;display:block;position:relative;border:0px  solid blue;}
.rbox {	display:block;position:relative;padding:30px 15px 5px 5px;padding-left:10px;border:0px  solid yellow;text-align:right;}

.divhide {display:none;}
.divshow {display:block;}

.mcont{display:block;position:relative;width:100%;font-size:18px;color:var(--lst1color);margin-bottom:50px;border:0px  solid red;box-sizing:border-box;}

.dmAddList{float:left;position:relative;width:195px;height:300px;border:0px solid blue;margin:20px 20px 15px 0px}
.dmAddbottom{ width:100%;height:30px;border:0px solid green;text-align:center;}
.dmAddTop{display:block;position:relative;width:175px;height:285px;padding:10px;padding-bottom:0px;border:0px solid #CF1914;
background-color:#FFFFFF;box-shadow: 0 4px 8px 0 rgba(180, 180, 180, 0.5), 0 6px 20px 0 rgba(180, 180, 180, 0.7);margin-bottom:5px;}
.dmPhoto{ display:block;position:relative;width:175px;height:225px;border:0px solid #CF1914;}
.dmCaption{ display:block;position:relative;height:50px;border:0px solid #CF1914;text-align:center;padding-top:10px;}

.dmGovList{display:inline-block;width:98%;border:1px solid var(--stitle);text-align:left;background-color:var(--lst1bg);padding:10px 0px 10px 10px;border-radius:3px;margin-bottom:10px;}
.dmGovList .dmGovLeft{ float:left;position:relative;width:190px;border:0px solid red;margin-right:5px;}
.dmGovList .dmGovRight{ float:right;position:relative;width:40px;padding-right:10px;border:0px solid yellow;text-align:right;}
.dmGovList .dmGovCnth{ display:none;position:relative;padding-top:2px;border:0px solid yellow;text-align:left;transition:0.6s;}
.dmGovList .dmGovCnt{ float:left;display:block;width:98%;padding-top:2px;border:0px solid yellow;text-align:left;transition:0.6s;}

.dmDocList{display:inline-block;width:98%;border:1px solid var(--stitle);text-align:left;background-color:var(--lst1bg);border-radius:3px;padding:10px;margin-bottom:15px; }
.dmDocList .dmDocLeft{ float:left;width:70%;position:relative;padding:5px;border:0px solid red;margin-right:5px;cursor:pointer;}
.dmDocList .dmDocRight{ float:right;width:50px;position:relative;padding:5px;padding-right:5px;border:0px solid yellow;text-align:right;cursor:pointer;}
.dmDocList .dmDoct{ display:inline-block;position:relative;width:100%;padding:10px 10px 10px 10px;border:0px solid yellow;text-align:left;}
.dmDocList .dmDoctHide{ display:none;position:relative;width:100%;padding-top:2px;border:0px solid yellow;text-align:left;}

.regList{ float:left;width:48%;display:grid;grid-template-columns:170px auto; gap:10px;padding:5px;border:0px solid #CF1914;margin-right:5px;margin-bottom:5px;}
.regList .regLeft{ display:inline;position:relative;padding:12px 5px 5px 5px;border:0px solid blue;margin-right:5px;font-size:18px;color:var(--lst1color);text-align:left;}
.regList .regRight{display:inline;position:relative;padding:5px;padding-left:10px;border:0px solid green;font-size:18px;color:var(--lst2color);text-align:left;}

.stbg{ background-color:#FFFFFF;border: 1px solid #DADEE4;}
.linebg{background-color:var(--mnuactbg);}
.lsthbg{background-color:var(--lst1hd);border:0px solid #DADEE4;}
.imgselb{vertical-align:left;border:0px  solid green;}
.imgpri{vertical-align:left;border:0px  solid green;}
.dwidth{width:550px;}

.dmContList{display:inline-block;width:100%;border:0px solid var(--stitle);text-align:left;background-color:var(--lst1bg);padding:0px;margin-bottom:10px;}
.dmContList .dmContLeft{ float:left;position:relative;width:40%;padding:10px 10px 10px 10px;border:0px solid red;margin-right:5px;}
.dmContList .dmContRight{ float:right;position:relative;width:50%;padding:10px 10px 10px 10px;border:0px solid yellow;text-align:right;}
 


.dmHisList{display:grid;grid-template-columns:350px auto; gap:10px;border:0px solid #CF1914;text-align:left;margin-top:10px;margin-bottom:10px;padding-right:25px;}
.dmHisList .dmHisLeft{ display:inline;position:relative;padding:5px;border:0px solid blue;margin-right:5px;}
.dmHisList .dmHisRight{ display:inline;position:relative;padding-top:5px;padding-left:10px;border:0px solid green;text-align:justify;}
.dmimg{ width:325px;}

@keyframes slideInLeft { 0% { transform: translateX(-100px); } 100% { transform: translateX(0); }  }
@keyframes fadeInUp {0% { transform: translateY(50px); opacity: 0; }100% { transform: translateY(0%);opacity: 1; } }
@keyframes drop-in { from {opacity: 0;transform: translateY(-50px); } to {opacity: 1;transform: translate(0px); }  }
@keyframes slideInFromLeft { 0% {transform: translateX(-100px);} 100% {transform: translateX(0);} }

@keyframes slideInFromRight { 0% {transform: translate(50px);} 100% {transform: translateY(0);} }

.drop-in {animation: drop-in 1s ease 200ms backwards; }   
.drop-in-2 {animation: drop-in 1200ms ease 500ms backwards; }
.fadeInUp{animation: 1.5s fadeInUp; }
.slideInLeft{animation: 1s ease-out 0s 1 slideInLeft;}
.slideInFromLeft{animation: 1s ease-out 0s 1 slideInLeft;}
.slideInFromRight{animation: 1s ease-out 0s 1 slideInFromRight;}

.plyrList{float:left;display:grid;width:100%;box-sizing:border-box;grid-template-columns:90px auto;border:0px solid #CF1914;background-color:#FFFFFF;margin:0px 0px 10px 0px;padding:10px;box-shadow: 0 2px 48px 0 rgba(180, 180, 180, 0.3), 0 2px 4px 0 rgba(180, 180, 180, 0.3);}
.plyrList .dmAddLeft{ float:left;position:relative;padding:5px;border:0px solid blue;margin-right:10px;}
.plyrList .dmAddRight{ float:left;position:relative;padding-top:5px;border:0px solid #CF1914;flex-grow:1;}
.chkbox{ padding:3px;width:18px;height:18px;background-color:#FFFFFF;border-radius:5px;border:2px solid blue;accent-color: green; }

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

    .mcntr{ z-index:1;display:flex;flex-grow:1;position:relative;width:100%;height:100%;}
    .mcntr .mcntrl{display:none;z-index:1;flex-grow:1;width:0px;margin-right:0px;height:100%;transition:0.9s;padding:0px 15px 75px 15px;position:sticky;top:0;left:0;visibility:hidden;}
    .mcntr .mcntrl2{display:none;z-index:1;flex-grow:1;width:0px;margin-right:0px;height:100%;width:0px;transition:0.9s;padding:0px;background-color: #FFFFFF;}
    .mcntr .mcntrr{z-index:1;display:block;flex-grow:1;width:100%;height:100%;background-color:#FFFFFF;transition:0.9s;}
    .imgselb{vertical-align:left;border:0px  solid green;}

}  

@media only screen and (max-width:960px) 
{  
    .psel{font-size:18px;color:var(--mnuclr);padding:8px 10px 8px 10px;margin-bottom:3px;cursor:pointer;text-decoration:none;opacity:1;}
    .psel:hover {color:--mnuhover;}
    .pnsel{font-size:18px;color:--mnuhover;padding:8px 10px 8px 10px;margin-bottom:3px;cursor:pointer;text-decoration:none;opacity:1;}
    .pnsel:hover {color:var(--mnuclr);}
    .regList{ float:left;width:96%;display:grid;grid-template-columns:200px auto; gap:10px;padding:5px;border:0px solid #CF1914;margin-right:5px;margin-bottom:5px;}
    .regList .regLeft{ display:inline;position:relative;padding:12px 5px 5px 5px;border:0px solid blue;margin-right:5px;font-size:18px;color:var(--lst1color);text-align:left;}
    .regList .regRight{display:inline;position:relative;padding:5px;padding-left:10px;border:0px solid green;font-size:18px;color:var(--lst2color);text-align:left;}
}  

@media only screen and (max-width:800px) 
{ 
    .topmnu{z-index:25; display:fixed;position:sticky;width:100%;height:50px;top:0;left:0;}
    .bcntrmnu{display:block;position:relative;width:100%;height:5px;border:0px  solid yellow;background-image: url('rbg.png');}
    .bcmnu{float:right;display:none;position:relative;width:98%;height:30px;padding:10px 10px 0px 0px;margin-top:10px;text-align:right;border:0px solid green;}

    
    .tmnubox { padding:2px 2px 2px 15px;display:none;position:relative;border:0px  solid #F1F7F9; }
    .mhlbox{z-index:51;padding:2px 2px 2px 15px;display:block;position:relative;border:0px  solid #F1F7F9; }

    .ftrwrapper{  display: grid;grid-template-columns:220px auto;border:0px  solid red;height:300px;	}
    .lbox {	padding:25px 5px 5px 10px;display:block;position:relative;background-color:#E8E8E8;border:0px  solid blue;}
    .rbox {	display:block;position:relative;padding:30px 15px 5px 5px;padding-left:2px;border:0px  solid yellow;text-align:right;background-color:#E8E8E8;}

    .dmContList{display:inline-block;width:98%;border:0px solid var(--stitle);text-align:left;background-color:var(--lst1bg);padding:0px;margin-bottom:10px;}
    .dmContList .dmContLeft{ float:left;position:relative;width:350px;border:0px solid red;margin-right:5px;}
    .dmContList .dmContRight{ float:left;position:relative;width:400px;;padding:15px 0px 15px 0px;border:0px solid yellow;text-align:right;}

    

} 

@media only screen and (max-width:650px) 
{  
    .pcontent{display:block;position:relative;padding:15px 20px 15px 20px;background-color:#F1F7F9;border:0px solid #CF1914;}

    .regList{ float:left;width:95%;display:block;padding:2px;border:0px solid #CF1914;margin-right:5px;margin-bottom:1px;}
    .regList .regLeft{ display:block;position:relative;width:98%;padding:5px 5px 2px 5px;border:0px solid blue;margin-right:2px;font-size:18px;color:var(--lst1color);text-align:left;}
    .regList .regRight{display:block;position:relative;width:98%;padding:2px 5px 2px 5px;border:0px solid green;font-size:18px;color:var(--lst2color);text-align:left;}
    
    .tmnulog{display:none;height:15px;padding:13px 15px 0px 0px;text-align:right;font-size:14px;border:0px solid green;}
    .tmnubox { padding:2px 2px 2px 15px;display:none;position:relative;border:0px  solid #F1F7F9; }
    .mhlbox{z-index:51;padding:2px 2px 2px 15px;display:block;position:relative;border:0px  solid #F1F7F9; }
      
    .ftrwrapper{  display:block;border:0px  solid red;height:300px;	}
    .lbox {	padding:25px 5px 5px 20px;display:block;position:relative;background-color:#E8E8E8;border:0px  solid blue;text-align:center;}
    .rbox {	display:block;position:relative;padding:30px 15px 5px 5px;padding-left:10px;border:0px  solid yellow;text-align:right;background-color:#E8E8E8;text-align:center;margin-bottom:200px;}
   
    .dmHisList{display:block;border:0px solid #CF1914;text-align:center;margin-top:10px;margin-bottom:10px;padding:5px;}
    .dmHisList .dmHisLeft{ display:block;width:320px;position:relative;padding:5px;border:0px solid blue;margin-right:0px;text-align:left;}
    .dmHisList .dmHisRight{ display:block;width:320px;position:relative;padding-top:5px;padding-left:0px;border:0px solid green;text-align:justify;padding-right:0px;}
    .dmimg{ width:300px;}


}  

@media only screen and (max-width:560px) 
{  
    .hmhdnbox {display:none;padding:10px 2px 2px 5px;border:0px solid red;font-size:27px;color:var(--mnuclr);transition:0.6s; }
    .mhdbox{display:block;padding:9px 2px 2px 5px;border:0px solid red;font-size:30px;color:var(--mnuclr);transition:0.6s;}

    .dmNewsList{display:block;border:0px solid #CF1914;text-align:left;margin-top:10px;margin-bottom:10px;}
    .dmNewsList .dmNewsLeft{ display:block;position:relative;padding:5px;border:0px solid blue;margin-right:0px;text-align:left;}
    .dmNewsList .dmNewsRight{ display:block;position:relative;padding-top:5px;padding-left:0px;border:0px solid green;text-align:left;}
    .imgselb{vertical-align:left;border:0px  solid green;max-width:300px;}

    .dwidth{width:90%;}
    .dmContList{display:inline-block;width:98%;border:0px solid var(--stitle);text-align:left;background-color:var(--lst1bg);padding:0px;margin-bottom:10px;}
    .dmContList .dmContLeft{ float:left;position:relative;width:350px;border:0px solid red;margin-right:5px;}
    .dmContList .dmContRight{ float:left;position:relative;width:350px;padding:15px 0px 15px 0px;border:0px solid yellow;text-align:right;}

    .plyrList{float:left;display:grid;width:100%;overflow-y:hidden;box-sizing:border-box;grid-template-columns:70px auto;border:0px solid #CF1914;background-color:#FFFFFF;margin:0px 0px 10px 0px;padding:10px;box-shadow: 0 2px 48px 0 rgba(180, 180, 180, 0.3), 0 2px 4px 0 rgba(180, 180, 180, 0.3);}
    .plyrList .dmAddLeft{ float:left;position:relative;padding:5px;border:0px solid blue;margin-right:10px;}
    .plyrList .dmAddRight{ float:left;position:relative;padding-top:5px;border:0px solid #CF1914;flex-grow:1;}

}