body { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
footer.footer { margin-top:auto; }

.content { max-width:1360px; margin:0 auto; width:100%; padding-left:40px; padding-right:40px; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:left; }

main { padding:52px 0 140px; }

a { color:hsl(220,100%,50%); -webkit-transition:.1s color ease-out; -o-transition:.1s color ease-out; transition:.1s color ease-out; }
a:hover { color:hsl(225,100%,55%) !important; -webkit-transition:none; -o-transition:none; transition:none; }

html.disablescroll { overflow-y:scroll; }
html.disablescroll body { overflow:hidden; height:100%; }

/* header */
header.header { background:#fff; position:relative; z-index:1000; border-bottom:1px solid hsl(210,15%,96%); }

.header p { margin-bottom:0; }

.header > .content { height:66px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }

.header > .content > div { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

/* header - logo */
.header p.logo { font-size:18px; line-height:24px; font-weight:500; padding-right:20px; border-right:1px solid #eee; margin-right:6px; }
.header p.logo a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.header p.logo a b { font-size:0; line-height:0; background:url('/assets/svg/bitfrost.svg') no-repeat 0 0; width:100px; height:22px; background-size:contain; outline:none; margin-right:12px; }

/* header - categories */
.header ul.categories { display:flex; flex-wrap:wrap; align-items:center; min-width:0; white-space:nowrap; }
.header ul.categories > li { overflow:hidden; }
.header ul.categories > li > a { color:inherit; display:block; line-height:20px; padding:0 14px; border-radius:14px; position:relative; text-overflow:ellipsis; overflow:hidden; }
.header ul.categories > li.s > a { font-weight:500; }
.header ul.categories > li.s > a:after { content:''; position:absolute; left:14px; bottom:-24px; width:calc(100% - 28px); height:2px; background:hsl(220,100%,50%); }
.header .categories p.a { position:relative; overflow:hidden; padding:0 29px 0 12px; line-height:28px; border-radius:14px; font-weight:500; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.header .categories p.a:after { content:''; position:absolute; top:0; right:10px; width:11px; height:100%; background:url('/assets/svg/common/arrow.svg') no-repeat center center; opacity:.5; -webkit-transition:all .1s; -o-transition:all .1s; transition:all .1s; }
.header .categories p.a:hover:after { opacity:0.8; }

/* header - right side */
.header p.go { font-size:14px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.header p.go a { color:rgba(0,0,0,.5); }

/* footer */
footer.footer { border-top:1px solid hsl(210,15%,96%); color:hsl(215,5%,60%); font-size:14px; background:#fff; padding:45px 0 80px; }
footer.footer p { margin-bottom:0; }
footer.footer a { color:inherit; }
footer.footer .content div { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:9px; font-weight:500; }
footer.footer div ul { display:-webkit-box; display:-ms-flexbox; display:flex; }
footer.footer div ul li:not(:last-child) { margin-right:30px; }

@media screen and (max-width:1070px) {
.content { padding-left:20px; padding-right:20px; }
}
@media screen and (max-width:735px) {
main { padding:26px 0 60px; }

header.header { border-bottom:none; }
.header > .content { height:56px; }
.header > .content > div { width:100%; }
.header p.logo { padding-right:16px; margin-right:16px; }
.header .logo a { -webkit-tap-highlight-color:transparent; }

.header ul.categories > li:first-child { display:none; }
.header ul.categories > li > a { padding:inherit; }
.header ul.categories > li.s > a { font-weight:400; }

.header p.go { display:none; }

footer.footer { border-top:none; }
footer.footer .content div { margin-bottom:12px; }
footer.footer div ul li:not(:last-child) { margin-right:20px; }
}
@media screen and (max-width:370px) {
.header p.logo { padding-right:0; margin-right:0; border:none; }
.header ul.categories { display:none; }

}