body{margin:0em;padding:0em;font-family:Arial,Helvetica,sans-serif;font-size:10pt;color:#000;}
.dn{display:none;}
.blk{display:block;}
#header{display:flex;flex-wrap:wrap;width:100%;height:150px;background:#c9c9c9 url(images/circles-light.png) repeat;}
#logo{max-width:990px;width:100%;margin:.6em auto 0;text-align:center;font-size:3.0em;font-weight:600;}
#menu{align-self:flex-end;max-width:990px;width:100%;margin:0 auto;border:1px solid #000;border-right:0;border-left:0;overflow:hidden;border-radius:10px 10px 0 0;background:#828282;}
#menu a{display:block;float:left;margin-right:0.12em;padding:0.5em 1.0em;text-decoration:none;text-transform:none;font-size:1.2em;font-weight:600;color:#fff;}
#menu a:hover{background:#000;color:#fff;}
#menu a.on{color:#fff;background:#212121;}
#menu .menu-drop{float:left;overflow:hidden;}
#menu .submenu{display:none;position:absolute;margin-top:44px;background:#828282;min-width:160px;box-shadow:1px 8px 16px 1px rgba(0,0,0,0.2);z-index:11;}
#menu .menu-drop{font-size:1.1em;color:#fff;border:none;outline:none;padding:.3em 1.0em;background-color:inherit;font-family:inherit;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:#000;color:#fff;}
#menu .menu-drop:hover .submenu{display: block;}

#hb{display:none;overflow:hidden;width:35px;margin:0 20px 0 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;}
.block2{display:inline-block;width:48%;vertical-align:top;}

#footer{max-width:990px;width:98%;margin:0 auto 10px;padding-top:10px;border-top:1px dashed #828282;}
#footer .block4 a{display:block;padding:15px 0 0;}

@media (max-width:780px){
  #header{height:75px;}
  #logo{margin:.3em auto;text-align:left;}
  #hb{display:block;}
  .togoff{display:none;}
  .togon{display:block;}
  #menu{z-index:10;position:absolute;top:54px;border:1px solid #000;border-left:0;border-right:0;border-radius:0;}
  #menu a{float:none;width:225px;text-align:left;}
  #menu .menu-drop{padding:.3em 0 .5em;}
  #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:450px){
  #logo{font-size:2.5em;margin-top:.65em;}
  #hb{margin-top:-8px;}
}
#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;}