.header {
	padding: 60px 0 0;
    text-align: center;
}

.site-name {
	height: 34px;
	display: block;
	width: fit-content;
    margin: 0 auto;
    font: 700 30px/1.22 'Abscissa',"Times New Roman",Georgia,Times,sans-serif;
}
a:hover, footer a:hover, .nav-menu a:hover {
    color: var(--bright-active);
}
.description {
    margin: 0;
    color: #999;
}
div.burger {
    position:fixed;
    top:1px;
    right:11px;
    z-index:999;
    width:40px;
    height:50px;
    cursor:pointer
}
div.x,div.y,div.z {
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    border-radius:2px;
    background:#666;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
    -ms-transition:all .2s ease-out;
    width:26px;
    height:3px
}
div.y {
    top:18px
}
div.z {
    top:37px
}
div.collapse {
    top:20px;
    background:var(--bright-active);
    -webkit-transition:all 70ms ease-out;
    transition:all 70ms ease-out;
    -ms-transition:all 70ms ease-out
}
div.rotate30 {
    -webkit-transform:rotate(30deg);
    transform:rotate(30deg);
    -ms-transform:rotate(30deg)
}
div.rotate150,div.rotate30 {
    -webkit-transition:all 50ms ease-out;
    transition:all 50ms ease-out;
    -ms-transition:all 50ms ease-out
}
div.rotate150 {
    -webkit-transform:rotate(150deg);
    transform:rotate(150deg);
    -ms-transform:rotate(150deg)
}
div.rotate45 {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -ms-transform:rotate(45deg)
}
div.rotate135,div.rotate45 {
    -webkit-transition:all .1s ease-out;
    transition:all .1s ease-out;
    -ms-transition:all .1s ease-out
}
div.rotate135 {
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    -ms-transform:rotate(135deg)
}

.link-back2top {
    right:0;
    bottom:50px;
    bottom:0;
    z-index:999;
    margin:15px
}
.link-back2top,.link-back2top a {
    position:fixed;
    width:2pc;
    height:2pc
}
.link-back2top a {
    display:block;
    overflow:hidden;
    border-radius:2pc 2pc 2pc 2pc;
    background:url(../images/to-top.png) no-repeat scroll 13px center #d6d6d6;
    font-size:0;
    line-height:0
}
.link-back2top a:hover {
    background-color:var(--bright-active)
}

.move-block {
    position:relative
}

.container {
    margin:0 auto;
    padding:0 60px;
    width:1150px;
    overflow-y: hidden;
    height:100%
}

.side-click-mask {
    position:fixed;
    top:0;
    left:0;
    z-index:88;
    display:none;
    width:100%;
    height:100%
}

.sidebar-container {
    position:fixed;
    top:0;
    right:-330px;
    z-index:100;
    width:300px;
    height:100%;
    /*border-left:1px solid #eee;*/
    background-color:#fff;
    color:#fafafa;
    font-size:13px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 10px 20px 0 rgba(236,236,236,.86);
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
    scrollbar-width: none
}
.sidebar-container::-webkit-scrollbar {
    display: none
}
.sidebar-container section:first-child {
	margin-top: 48px
}
.sidebar {
    overflow-x: hidden
}
.sidebar p {
    text-align:center
}
.sidebar-header {
    padding-top: 16px;
    padding-bottom: 5px;
    margin-left: 0px;
    text-align: center;
}

.widget-title {
    margin: 15px 26px 0;
    padding-bottom: 10px;
    color: #555;
    font: 700 20px/1.22 'Montserrat',"Times New Roman",Georgia,Times,sans-serif;
}

.widget-tags {
    margin-left: 1.4em!important;
    margin-top: -10px
}

.widget-tags ul {
    padding-block-start: 0;
    padding-inline-start: 0;
}

.sidebar ul{
    list-style: none;
    padding-block-start: 0;
    padding-inline-start: 0;
}

.widget-tags li {
    float: left
}
.widget-tags li:last-child {
    margin-bottom: 60px
}
.widget-tags a, .widget-list a {
    display: block;
    margin: 2px;
    padding: 2px 8px;
    color: #aaa;
    font-size: 14.4px;
    font-weight: 400;
    line-height: 1.6;
    font-family: var(--base-font-family)
}

.widget-tags a {
    border-radius: 2px;
}
.widget-list a.active,.widget-list a.active:hover,.widget-list a:hover,.widget-list.recent a.active:hover {
    background-color:#666;
    color:#fff
}
.widget-list.recent a.active {
   background-color:#fff;
    color:#666;
    font-weight: 700
}
.widget-list a:hover span {
    color:#fff
}
.widget-list a:hover {
    background-color:#666;
    color:#fff
}

.widget-list .side-list-item-lock a:hover {
  background-image: url(../images/lock-bg.gif);
	will-change: background-position;
}
.widget-list {
    margin:50px 0 0 -1px;
    padding:0;
    list-style:none
}
.widget-list2 {
    margin:0
}
.widget-list li {
    margin:0;
    line-height:1.5
}
.widget-list li span {
    color:#ccc;
    text-transform:uppercase
}
.widget-list{
    margin:0;
    font-size:14.4px
}
.widget-list a {
    display:block;
    margin:0;
    padding:.4em 25px .4em 26px;
    color:#aaa;
    font-weight:400;
    line-height:1.7;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sidebar-container {
    color: #bfbfbf;
    font-size: 14px;
}

.sidebar-container .tags a:hover {
    color: #0085a1 !important;
}

.sidebar-container .tags a {
    border-color: #f5f5f5;
}

.sidebar-container .list-inline>li {
    padding-left: 0px;
}

.nav-menu {
	display: block;
    margin: 10px 0px 20px;
    padding: 0;
    text-align: center;
    font-family: var(--base-font-family)
}
.nav-menu ul li {
    position: relative;
    bottom: -1px;
    display: inline-block;
    padding: 8px 19px 7px;
    color: #999;
    text-decoration: none;
    font-size: 14.4px;
    line-height: 1.5;
}
.nav-menu a.current {
    font-weight: bold;
}
.nav-menu a:after,.nav-menu a:before {
    position:absolute;
    top:50%;
    left:50%;
    width:60px;
    height:60px;
    border:2px solid rgba(0,0,0,.1);
    border-radius:50%;
    content:'';
    opacity:0;
    -webkit-transition:-webkit-transform .3s,opacity .3s;
    transition:transform .3s,opacity .3s;
    -webkit-transform:translateX(-50%) translateY(-50%) scale(.2);
    transform:translateX(-50%) translateY(-50%) scale(.2)
}
.nav-menu a:after {
    width:50px;
    height:50px;
    border-width:6px;
    -webkit-transform:translateX(-50%) translateY(-50%) scale(.8);
    transform:translateX(-50%) translateY(-50%) scale(.8)
}
.nav-menu a:focus:after,.nav-menu a:focus:before,.nav-menu a:hover:after,.nav-menu a:hover:before {
    opacity:1;
    -webkit-transform:translateX(-50%) translateY(-50%) scale(1);
    transform:translateX(-50%) translateY(-50%) scale(1)
}
.search-input {
    width: 100%;
    outline: 0;
	border: none;
    color: #555;
    font-size: 14.4px;
    line-height: 1.7;
    padding: 6px 56px 6px 10px;
    background-color: #fafafa;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    font-family: var(--base-font-family)
}
.search-input::-webkit-input-placeholder {
    color:#ccc;
}