body{margin:0em;padding:0em;font-family:Arial,Helvetica,sans-serif;font-size:10pt;color:#000;}
.dn{display:none;}
.blk{display:block;}
#topbar{display:block;height:15px;background:#79a280 url(img/grn-bg.webp) repeat;}
#header{overflow:hidden;max-width:990px;width:100%;margin:.6em auto 0;border-bottom:1px solid #d3d3d3;vertical-align:top;}

#logo{float:left;font-size:3.0em;font-weight:600;color:#719a78;margin:0 0 7px;}
#menu{float:left;margin:0 0 -8px 50px;}
#menu a{display:block;float:left;margin-right:0.12em;padding:0.5em 1.0em;text-decoration:none;font-size:1.2em;font-weight:600;color:#719a78;}
#menu a:hover{background:#719a78;color:#fff;border-radius:10px;}
#menu a.on{color:#fff;background:#212121;}
#menu .submenu{display:none;position:absolute;margin-top:40px;background:#719a78;min-width:160px;box-shadow:1px 8px 16px 1px rgba(0,0,0,0.2);z-index:11;}
#menu .menu-drop{float:left;overflow:hidden;font-size:1.1em;color:#fff;padding:.3em 1.0em;border-left:1px solid #d3d3d3;margin:0;}
#menu .submenu a{font-size:1.0em;float:none;color:#fff;padding:.5em;text-decoration:none;display:block;text-align:left;}
#menu .submenu a:hover{background-color:#fff;color:#719a78;border-radius:0;}
#menu .menu-drop:hover .submenu{display: block;}

#hb{display:none;overflow:hidden;width:35px;margin:0 20px 7px 10px;cursor:pointer;float:left;font-size:12px;font-weight:600;}
#hb div{width:35px;height:5px;background-color:#000;margin: 6px 0;}
.togoff,.togon{display:block;}

#body{max-width:990px;width:98%;margin:0 auto;padding:5px 0;}

.block4{display:inline-block;width:24%;vertical-align:top;}
.block3{display:inline-block;width:31%;margin:0 1%;vertical-align:top;}
.block2{display:inline-block;width:48%;vertical-align:top;}

#highlight a{display:block;width:125px;background:#87b08e;color:#000;border:1px solid #5d7d62;padding:4px;text-decoration:none;text-align:center;border-radius:5px;margin:5px auto;font-weight:600;}
#footer-full{width:100%overflow:hidden;background:#79a280 url(img/grn-bg.webp) repeat;}
#footer{max-width:990px;width:98%;margin:0 auto;padding:10px 0;border-top:1px dashed #828282;}
#footer b{font-weight:800;}
#footer .block4 a{display:block;padding:19px 0 0;font-weight:800;color:#fff;}

/*Slider css*/
* {box-sizing:border-box}
.slide{display:none;}
.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:white;font-weight:bold;font-size:18px;transition:0.6s ease;border-radius:0 3px 3px 0; user-select:none;}
.next{right:0;border-radius:3px 0 0 3px;}
.prev:hover, .next:hover{background-color: rgba(0,0,0,0.8);}
.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#717171;border-radius:50%;display:inline-block;transition:background-color 0.6s ease;}
.active,.dot:hover{background-color:#fff;}
.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;}
@-webkit-keyframes fade{from{opacity:.4} to {opacity:1}}
@keyframes fade{from{opacity:.4} to {opacity:1}}

@media (max-width:980px){
  #hb{display:block;}
  .togoff{display:none;}
  .togon{display:block;}
  #menu{background:#719a78;color:#fff;z-index:10;position:absolute;top:85px;left:-45px;border:1px solid #000;border-left:0;border-right:0;}
  #menu a{color:#fff;float:none;width:225px;text-align:left;}
  #menu .menu-drop{padding:.3em 0 .5em;border:0;float:none;}
  #menu .submenu{display:block;position:relative;margin:0 0 0 1.3em;box-shadow:none;}
  #footer .block4{width:48%;margin-top:12px;}
}
@media (max-width:835px){
  #highlight .block3{width:45%;}
}
#backtotemp a{z-index:1000;position:absolute;text-align:center;left:50%;margin-left:-80px;top:-40px;transition:0.3s;font-weight:600;padding:5px;height:60px;width:160px;text-decoration:none;font-size:16px;color:#fff;border-radius:0 0 5px 5px;}
#backtotemp a:hover{top:0}
#backbtn{top:20px;background-color:#4c75a1;}