*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#e5e5e5;color:#717171;font:13px/18px Arial,Verdana,Tahoma,Helvetica,sans-serif}
img{max-width:100%;height:auto;border:0}
a{color:#738894;text-decoration:none}
a:hover{text-decoration:underline}
.page{max-width:1024px;margin:0 auto;background:#fff}
/* top */
.top{display:flex;align-items:center;justify-content:space-between;min-height:90px;padding:20px 26px 10px;background:linear-gradient(#fff,#f4f4f4);border-bottom:1px solid #ececec;position:relative}
.logo img{display:block;width:209px;height:31px}
.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:38px}
.menu a{font:13px Verdana,Tahoma,Arial,Helvetica,sans-serif;color:#738894}
.menu .current a{text-decoration:underline}
.nav-toggle,.nav-toggle-label{display:none}
/* hero + boxes */
.hero{padding:0 28px;background:#f2f2f2;text-align:center}
.hero img{display:block;margin:0 auto;width:968px}
.front-boxes{max-width:968px;margin:0 auto;background:#f6f6f6;border-bottom:1px solid #e3e3e3}
.boxes{display:flex}
.box{flex:1;padding:22px 30px 24px 55px}
.box+.box{border-left:1px solid #dcdcdc}
.box h2{font:16px/18px Verdana,Tahoma,Arial,Helvetica,sans-serif;color:#4e4848;margin:0 0 6px}
.box p{margin:0 0 14px;color:#676767}
.box h3{font:11px/16px Verdana,Tahoma,Arial,Helvetica,sans-serif;color:#4e4848;margin:0 0 4px}
.box ul{list-style:none;margin:0;padding:0}
.box li{margin:0 0 4px}
.box li a{font:11px Verdana,Tahoma,Arial,Helvetica,sans-serif}
/* main */
.main{display:flex;gap:0;padding:20px 28px 40px;max-width:1024px;margin:0 auto}
.content{flex:0 1 548px;min-width:0;padding-right:40px;border-right:1px solid #e4e4e4}
.sidebar{flex:0 0 380px;padding:10px 0 0 34px}
h1{font:bold 26px/30px Arial,Verdana,Tahoma,sans-serif;color:#717171;margin:10px 0 16px}
.text h2,.entry h2{font:bold 16px/18px Arial,Verdana,Tahoma,Helvetica,sans-serif;color:#717171;margin:18px 0 8px}
.text p{margin:0 0 13px}
.text a{color:#738894}
.text b,.text strong{color:#5e5e5e}
.entry{overflow:hidden;margin:0 0 30px}
.entry .alignleft,.alignleft{float:left;margin:0 21px 10px 0}
.entry h2{margin-top:0}
.aligncenter{display:block;margin:0 auto}
.alignright{float:right;margin:0 0 10px 21px}
/* sidebar */
.side-title{font:16px/18px Verdana,Tahoma,Arial,Helvetica,sans-serif;color:#4e4848;margin:0 0 26px}
.side-post{display:flex;gap:14px;margin:0 0 20px}
.side-post img{display:block;width:116px;height:116px;flex:0 0 116px}
.pad{padding-bottom:6px}
.side-post-title{font:bold 13px/18px Arial,Verdana,Tahoma,sans-serif;color:#717171}
.more{font:13px Verdana,Tahoma,Arial,Helvetica,sans-serif;color:#738894}
/* blog list */
.blog-item{display:flex;gap:14px;margin:0 0 20px}
.blog-item img{display:block;width:116px;height:116px;flex:0 0 116px}
.blog-title{font:bold 16px/18px Arial,Verdana,Tahoma,sans-serif;color:#717171}
.pager{display:flex;justify-content:space-between;margin-top:20px}
/* footer */
.bund{display:flex;gap:34px;align-items:center;min-height:70px;margin:0 28px;padding:20px 38px;background:#a8a8a8;color:#fff;font:12px Verdana,Tahoma,Arial,Helvetica,sans-serif}
.bund a{color:#fff}
.page>.bund{margin-bottom:0}
/* responsive */
@media (max-width:900px){
  .main{flex-direction:column;padding:16px}
  .content{padding-right:0;border-right:0}
  .sidebar{padding:20px 0 0;border-top:1px solid #e4e4e4;margin-top:20px}
  .boxes{flex-direction:column}
  .box{padding:18px 20px}
  .box+.box{border-left:0;border-top:1px solid #dcdcdc}
  .hero{padding:0}
  .bund{margin:0;flex-direction:column;align-items:flex-start;gap:6px}
}
@media (max-width:700px){
  .top{flex-wrap:wrap;padding:16px}
  .nav-toggle-label{display:block;cursor:pointer;width:30px;padding:4px 0}
  .nav-toggle-label span{display:block;height:3px;margin:5px 0;background:#738894;border-radius:2px}
  .menu{display:none;width:100%;margin-top:12px}
  .nav-toggle:checked~.menu{display:block}
  .menu ul{flex-direction:column;gap:0}
  .menu li{border-top:1px solid #eee}
  .menu a{display:block;padding:10px 0}
  .entry .alignleft{max-width:40%}
}