@charset"UTF-8";
 .block {
    display:block
}
.inline-block {
    display:inline-block
}
.inline {
    display:inline
}
.show {
    display:block
}
.hide {
    display:none
}
.invisible {
    visibility:hidden
}
.list-reset {
    list-style-type:none;
    margin:0;
    padding:0
}
.clearfix ::before, .clearfix::after {
    content:"";
    display:table;
    clear:both
}
.screen-reader-text {
    clip:rect(1px, 1px, 1px, 1px);
    height:1px;
    overflow:hidden;
    position:absolute!important;
    width:1px;
    word-wrap:normal!important
}
html {
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body {
    margin:0
}
h1 {
    font-size:2em;
    margin:.67em 0
}
hr {
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre {
    font-family:monospace, monospace;
    font-size:1em
}
a {
    background-color:transparent
}
abbr[title] {
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b, strong {
    font-weight:bolder
}
code, kbd, samp {
    font-family:monospace, monospace;
    font-size:1em
}
small {
    font-size:80%
}
sub, sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-.25em
}
sup {
    top:-.5em
}
img {
    border-style:none
}
button, input, optgroup, select, textarea {
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button, input {
    overflow:visible
}
button, select {
    text-transform:none
}
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline:1px dotted ButtonText
}
fieldset {
    padding:.35em .75em .625em
}
legend {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress {
    vertical-align:baseline
}
textarea {
    overflow:auto
}
[type=checkbox], [type=radio] {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}
details {
    display:block
}
summary {
    display:list-item
}
template {
    display:none
}
[hidden] {
    display:none
}
blockquote, body, dd, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, legend, ol, p, pre, ul {
    margin:0;
    padding:0
}
li>ol, li>ul {
    margin-bottom:0
}
table {
    border-collapse:collapse;
    border-spacing:0
}
address, blockquote, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, ol, p, pre, table, ul {
    margin-bottom:30px
}
dd, ol, ul {
    margin-left:20px
}
.token.cdata, .token.comment, .token.doctype, .token.prolog {
    color:#787878
}
.token.punctuation {
    opacity:.7
}
.token.namespace {
    opacity:.7
}
.token.boolean, .token.deleted, .token.number, .token.tag {
    color:#cf694a
}
.token.builtin, .token.constant, .token.keyword, .token.property, .token.selector, .token.symbol {
    color:#f9ee9a
}
.language-css .token.string, .style .token.string, .token.attr-name, .token.attr-value, .token.char, .token.entity, .token.inserted, .token.operator, .token.string, .token.url, .token.variable {
    color:#919e6b
}
.token.atrule {
    color:#7386a5
}
.token.important, .token.regex {
    color:#e9c163
}
.token.bold, .token.important {
    font-weight:700
}
.token.italic {
    font-style:italic
}
.token.entity {
    cursor:help
}
pre[data-line] {
    padding:1em 0 1em 3em;
    position:relative
}
.language-markup .token.attr-name, .language-markup .token.punctuation, .language-markup .token.tag {
    color:#ad895c
}
.token {
    position:relative;
    z-index:1
}
.line-highlight {
    background:rgba(84, 84, 84, .25);
    background:-webkit-gradient(linear, left top, right top, color-stop(70%, rgba(84, 84, 84, .1)), to(rgba(84, 84, 84, 0)));
    background:-o-linear-gradient(left, rgba(84, 84, 84, .1) 70%, rgba(84, 84, 84, 0));
    background:linear-gradient(to right, rgba(84, 84, 84, .1) 70%, rgba(84, 84, 84, 0));
    border-bottom:1px dashed #545454;
    border-top:1px dashed #545454;
    left:0;
    line-height:inherit;
    margin-top:.75em;
    padding:inherit 0;
    pointer-events:none;
    position:absolute;
    right:0;
    white-space:pre;
    z-index:0
}
.line-highlight:before, .line-highlight[data-end]:after {
    background-color:#8794a6;
    border-radius:999px;
    -webkit-box-shadow:0 1px #fff;
    box-shadow:0 1px #fff;
    color:#f5f2f0;
    content:attr(data-start);
    font:bold 65%/1.5 sans-serif;
    left:.6em;
    min-width:1em;
    padding:0 .5em;
    position:absolute;
    text-align:center;
    text-shadow:none;
    top:.4em;
    vertical-align:.3em
}
.line-highlight[data-end]:after {
    bottom:.4em;
    content:attr(data-end);
    top:auto
}
.container {
    max-width:1300px;
    padding-left:20px;
    padding-right:20px;
    margin:0 auto
}
.container-big {
    max-width:1600px;
    padding-left:20px;
    padding-right:20px;
    margin:0 auto
}
.row {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-flex:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-left:-15px;
    margin-right:-15px
}
.col {
    padding-left:15px;
    padding-right:15px
}
[class^=col-] {
    -webkit-box-flex:1;
    -webkit-flex:auto;
    -ms-flex:auto;
    flex:auto
}
.col-0 {
    width:0%
}
.col-1 {
    width:8.33333%
}
.col-2 {
    width:16.66667%
}
.col-3 {
    width:25%
}
.col-4 {
    width:33.33333%
}
.col-5 {
    width:41.66667%
}
.col-6 {
    width:50%
}
.col-7 {
    width:58.33333%
}
.col-8 {
    width:66.66667%
}
.col-9 {
    width:75%
}
.col-10 {
    width:83.33333%
}
.col-11 {
    width:91.66667%
}
.col-12 {
    width:100%
}
.push-0 {
    margin-left:0
}
.push-1 {
    margin-left:8.33333%
}
.push-2 {
    margin-left:16.66667%
}
.push-3 {
    margin-left:25%
}
.push-4 {
    margin-left:33.33333%
}
.push-5 {
    margin-left:41.66667%
}
.push-6 {
    margin-left:50%
}
.push-7 {
    margin-left:58.33333%
}
.push-8 {
    margin-left:66.66667%
}
.push-9 {
    margin-left:75%
}
.push-10 {
    margin-left:83.33333%
}
.push-11 {
    margin-left:91.66667%
}
.push-12 {
    margin-left:100%
}
.pull-0 {
    margin-right:0
}
.pull-1 {
    margin-right:8.33333%
}
.pull-2 {
    margin-right:16.66667%
}
.pull-3 {
    margin-right:25%
}
.pull-4 {
    margin-right:33.33333%
}
.pull-5 {
    margin-right:41.66667%
}
.pull-6 {
    margin-right:50%
}
.pull-7 {
    margin-right:58.33333%
}
.pull-8 {
    margin-right:66.66667%
}
.pull-9 {
    margin-right:75%
}
.pull-10 {
    margin-right:83.33333%
}
.pull-11 {
    margin-right:91.66667%
}
.pull-12 {
    margin-right:100%
}
@media (max-width:992px) {
    .col-d-0 {
        width:0%
    }
    .commentmetadata a {
        display:none
    }
    .col-d-1 {
        width:8.33333%
    }
    .col-d-2 {
        width:16.66667%
    }
    .col-d-3 {
        width:25%
    }
    .col-d-4 {
        width:33.33333%
    }
    .col-d-5 {
        width:41.66667%
    }
    .col-d-6 {
        width:50%
    }
    .col-d-7 {
        width:58.33333%
    }
    .col-d-8 {
        width:66.66667%
    }
    .col-d-9 {
        width:75%
    }
    .col-d-10 {
        width:83.33333%
    }
    .col-d-11 {
        width:91.66667%
    }
    .col-d-12 {
        width:100%
    }
    .push-d-0 {
        margin-left:0
    }
    .push-d-1 {
        margin-left:8.33333%
    }
    .push-d-2 {
        margin-left:16.66667%
    }
    .push-d-3 {
        margin-left:25%
    }
    .push-d-4 {
        margin-left:33.33333%
    }
    .push-d-5 {
        margin-left:41.66667%
    }
    .push-d-6 {
        margin-left:50%
    }
    .push-d-7 {
        margin-left:58.33333%
    }
    .push-d-8 {
        margin-left:66.66667%
    }
    .push-d-9 {
        margin-left:75%
    }
    .push-d-10 {
        margin-left:83.33333%
    }
    .push-d-11 {
        margin-left:91.66667%
    }
    .push-d-12 {
        margin-left:100%
    }
    .pull-d-0 {
        margin-right:0
    }
    .pull-d-1 {
        margin-right:8.33333%
    }
    .pull-d-2 {
        margin-right:16.66667%
    }
    .pull-d-3 {
        margin-right:25%
    }
    .pull-d-4 {
        margin-right:33.33333%
    }
    .pull-d-5 {
        margin-right:41.66667%
    }
    .pull-d-6 {
        margin-right:50%
    }
    .pull-d-7 {
        margin-right:58.33333%
    }
    .pull-d-8 {
        margin-right:66.66667%
    }
    .pull-d-9 {
        margin-right:75%
    }
    .pull-d-10 {
        margin-right:83.33333%
    }
    .pull-d-11 {
        margin-right:91.66667%
    }
    .pull-d-12 {
        margin-right:100%
    }
}
@media (max-width:768px) {
    .col-t-0 {
        width:0%
    }
    .col-t-1 {
        width:8.33333%
    }
    .col-t-2 {
        width:16.66667%
    }
    .col-t-3 {
        width:25%
    }
    .col-t-4 {
        width:33.33333%
    }
    .col-t-5 {
        width:41.66667%
    }
    .col-t-6 {
        width:50%
    }
    .col-t-7 {
        width:58.33333%
    }
    .col-t-8 {
        width:66.66667%
    }
    .col-t-9 {
        width:75%
    }
    .col-t-10 {
        width:83.33333%
    }
    .col-t-11 {
        width:91.66667%
    }
    .col-t-12 {
        width:100%
    }
    .push-t-0 {
        margin-left:0
    }
    .push-t-1 {
        margin-left:8.33333%
    }
    .push-t-2 {
        margin-left:16.66667%
    }
    .push-t-3 {
        margin-left:25%
    }
    .push-t-4 {
        margin-left:33.33333%
    }
    .push-t-5 {
        margin-left:41.66667%
    }
    .push-t-6 {
        margin-left:50%
    }
    .push-t-7 {
        margin-left:58.33333%
    }
    .push-t-8 {
        margin-left:66.66667%
    }
    .push-t-9 {
        margin-left:75%
    }
    .push-t-10 {
        margin-left:83.33333%
    }
    .push-t-11 {
        margin-left:91.66667%
    }
    .push-t-12 {
        margin-left:100%
    }
    .pull-t-0 {
        margin-right:0
    }
    .pull-t-1 {
        margin-right:8.33333%
    }
    .pull-t-2 {
        margin-right:16.66667%
    }
    .pull-t-3 {
        margin-right:25%
    }
    .pull-t-4 {
        margin-right:33.33333%
    }
    .pull-t-5 {
        margin-right:41.66667%
    }
    .pull-t-6 {
        margin-right:50%
    }
    .pull-t-7 {
        margin-right:58.33333%
    }
    .pull-t-8 {
        margin-right:66.66667%
    }
    .pull-t-9 {
        margin-right:75%
    }
    .pull-t-10 {
        margin-right:83.33333%
    }
    .pull-t-11 {
        margin-right:91.66667%
    }
    .pull-t-12 {
        margin-right:100%
    }
}
@media (max-width:576px) {
    .col-m-0 {
        width:0%
    }
    .col-m-1 {
        width:8.33333%
    }
    .col-m-2 {
        width:16.66667%
    }
    .col-m-3 {
        width:25%
    }
    .col-m-4 {
        width:33.33333%
    }
    .col-m-5 {
        width:41.66667%
    }
    .col-m-6 {
        width:50%
    }
    .col-m-7 {
        width:58.33333%
    }
    .col-m-8 {
        width:66.66667%
    }
    .col-m-9 {
        width:75%
    }
    .col-m-10 {
        width:83.33333%
    }
    .col-m-11 {
        width:91.66667%
    }
    .col-m-12 {
        width:100%
    }
    .push-m-0 {
        margin-left:0
    }
    .push-m-1 {
        margin-left:8.33333%
    }
    .push-m-2 {
        margin-left:16.66667%
    }
    .push-m-3 {
        margin-left:25%
    }
    .push-m-4 {
        margin-left:33.33333%
    }
    .push-m-5 {
        margin-left:41.66667%
    }
    .push-m-6 {
        margin-left:50%
    }
    .push-m-7 {
        margin-left:58.33333%
    }
    .push-m-8 {
        margin-left:66.66667%
    }
    .push-m-9 {
        margin-left:75%
    }
    .push-m-10 {
        margin-left:83.33333%
    }
    .push-m-11 {
        margin-left:91.66667%
    }
    .push-m-12 {
        margin-left:100%
    }
    .pull-m-0 {
        margin-right:0
    }
    .pull-m-1 {
        margin-right:8.33333%
    }
    .pull-m-2 {
        margin-right:16.66667%
    }
    .pull-m-3 {
        margin-right:25%
    }
    .pull-m-4 {
        margin-right:33.33333%
    }
    .pull-m-5 {
        margin-right:41.66667%
    }
    .pull-m-6 {
        margin-right:50%
    }
    .pull-m-7 {
        margin-right:58.33333%
    }
    .pull-m-8 {
        margin-right:66.66667%
    }
    .pull-m-9 {
        margin-right:75%
    }
    .pull-m-10 {
        margin-right:83.33333%
    }
    .pull-m-11 {
        margin-right:91.66667%
    }
    .pull-m-12 {
        margin-right:100%
    }
}
@media (max-width:992px) {
    .col-d-0 {
        width:0%
    }
    .col-d-1 {
        width:8.33333%
    }
    .col-d-2 {
        width:16.66667%
    }
    .col-d-3 {
        width:25%
    }
    .col-d-4 {
        width:33.33333%
    }
    .col-d-5 {
        width:41.66667%
    }
    .col-d-6 {
        width:50%
    }
    .col-d-7 {
        width:58.33333%
    }
    .col-d-8 {
        width:66.66667%
    }
    .col-d-9 {
        width:75%
    }
    .col-d-10 {
        width:83.33333%
    }
    .col-d-11 {
        width:91.66667%
    }
    .col-d-12 {
        width:100%
    }
    .push-d-0 {
        margin-left:0
    }
    .push-d-1 {
        margin-left:8.33333%
    }
    .push-d-2 {
        margin-left:16.66667%
    }
    .push-d-3 {
        margin-left:25%
    }
    .push-d-4 {
        margin-left:33.33333%
    }
    .push-d-5 {
        margin-left:41.66667%
    }
    .push-d-6 {
        margin-left:50%
    }
    .push-d-7 {
        margin-left:58.33333%
    }
    .push-d-8 {
        margin-left:66.66667%
    }
    .push-d-9 {
        margin-left:75%
    }
    .push-d-10 {
        margin-left:83.33333%
    }
    .push-d-11 {
        margin-left:91.66667%
    }
    .push-d-12 {
        margin-left:100%
    }
    .pull-d-0 {
        margin-right:0
    }
    .pull-d-1 {
        margin-right:8.33333%
    }
    .pull-d-2 {
        margin-right:16.66667%
    }
    .pull-d-3 {
        margin-right:25%
    }
    .pull-d-4 {
        margin-right:33.33333%
    }
    .pull-d-5 {
        margin-right:41.66667%
    }
    .pull-d-6 {
        margin-right:50%
    }
    .pull-d-7 {
        margin-right:58.33333%
    }
    .pull-d-8 {
        margin-right:66.66667%
    }
    .pull-d-9 {
        margin-right:75%
    }
    .pull-d-10 {
        margin-right:83.33333%
    }
    .pull-d-11 {
        margin-right:91.66667%
    }
    .pull-d-12 {
        margin-right:100%
    }
}
@media (max-width:768px) {
    .col-t-0 {
        width:0%
    }
    .col-t-1 {
        width:8.33333%
    }
    .col-t-2 {
        width:16.66667%
    }
    .col-t-3 {
        width:25%
    }
    .col-t-4 {
        width:33.33333%
    }
    .col-t-5 {
        width:41.66667%
    }
    .col-t-6 {
        width:50%
    }
    .col-t-7 {
        width:58.33333%
    }
    .col-t-8 {
        width:66.66667%
    }
    .col-t-9 {
        width:75%
    }
    .col-t-10 {
        width:83.33333%
    }
    .col-t-11 {
        width:91.66667%
    }
    .col-t-12 {
        width:100%
    }
    .push-t-0 {
        margin-left:0
    }
    .push-t-1 {
        margin-left:8.33333%
    }
    .push-t-2 {
        margin-left:16.66667%
    }
    .push-t-3 {
        margin-left:25%
    }
    .push-t-4 {
        margin-left:33.33333%
    }
    .push-t-5 {
        margin-left:41.66667%
    }
    .push-t-6 {
        margin-left:50%
    }
    .push-t-7 {
        margin-left:58.33333%
    }
    .push-t-8 {
        margin-left:66.66667%
    }
    .push-t-9 {
        margin-left:75%
    }
    .push-t-10 {
        margin-left:83.33333%
    }
    .push-t-11 {
        margin-left:91.66667%
    }
    .push-t-12 {
        margin-left:100%
    }
    .pull-t-0 {
        margin-right:0
    }
    .pull-t-1 {
        margin-right:8.33333%
    }
    .pull-t-2 {
        margin-right:16.66667%
    }
    .pull-t-3 {
        margin-right:25%
    }
    .pull-t-4 {
        margin-right:33.33333%
    }
    .pull-t-5 {
        margin-right:41.66667%
    }
    .pull-t-6 {
        margin-right:50%
    }
    .pull-t-7 {
        margin-right:58.33333%
    }
    .pull-t-8 {
        margin-right:66.66667%
    }
    .pull-t-9 {
        margin-right:75%
    }
    .pull-t-10 {
        margin-right:83.33333%
    }
    .pull-t-11 {
        margin-right:91.66667%
    }
    .pull-t-12 {
        margin-right:100%
    }
}
@media (max-width:576px) {
    .col-m-0 {
        width:0%
    }
    .col-m-1 {
        width:8.33333%
    }
    .col-m-2 {
        width:16.66667%
    }
    .col-m-3 {
        width:25%
    }
    .col-m-4 {
        width:33.33333%
    }
    .col-m-5 {
        width:41.66667%
    }
    .col-m-6 {
        width:50%
    }
    .col-m-7 {
        width:58.33333%
    }
    .col-m-8 {
        width:66.66667%
    }
    .col-m-9 {
        width:75%
    }
    .col-m-10 {
        width:83.33333%
    }
    .col-m-11 {
        width:91.66667%
    }
    .col-m-12 {
        width:100%
    }
    .push-m-0 {
        margin-left:0
    }
    .push-m-1 {
        margin-left:8.33333%
    }
    .push-m-2 {
        margin-left:16.66667%
    }
    .push-m-3 {
        margin-left:25%
    }
    .push-m-4 {
        margin-left:33.33333%
    }
    .push-m-5 {
        margin-left:41.66667%
    }
    .push-m-6 {
        margin-left:50%
    }
    .push-m-7 {
        margin-left:58.33333%
    }
    .push-m-8 {
        margin-left:66.66667%
    }
    .push-m-9 {
        margin-left:75%
    }
    .push-m-10 {
        margin-left:83.33333%
    }
    .push-m-11 {
        margin-left:91.66667%
    }
    .push-m-12 {
        margin-left:100%
    }
    .pull-m-0 {
        margin-right:0
    }
    .pull-m-1 {
        margin-right:8.33333%
    }
    .pull-m-2 {
        margin-right:16.66667%
    }
    .pull-m-3 {
        margin-right:25%
    }
    .pull-m-4 {
        margin-right:33.33333%
    }
    .pull-m-5 {
        margin-right:41.66667%
    }
    .pull-m-6 {
        margin-right:50%
    }
    .pull-m-7 {
        margin-right:58.33333%
    }
    .pull-m-8 {
        margin-right:66.66667%
    }
    .pull-m-9 {
        margin-right:75%
    }
    .pull-m-10 {
        margin-right:83.33333%
    }
    .pull-m-11 {
        margin-right:91.66667%
    }
    .pull-m-12 {
        margin-right:100%
    }
}
@media (max-width:992px) {
    .col-d-0 {
        width:0%
    }
    .col-d-1 {
        width:8.33333%
    }
    .col-d-2 {
        width:16.66667%
    }
    .col-d-3 {
        width:25%
    }
    .col-d-4 {
        width:33.33333%
    }
    .col-d-5 {
        width:41.66667%
    }
    .col-d-6 {
        width:50%
    }
    .col-d-7 {
        width:58.33333%
    }
    .col-d-8 {
        width:66.66667%
    }
    .col-d-9 {
        width:75%
    }
    .col-d-10 {
        width:83.33333%
    }
    .col-d-11 {
        width:91.66667%
    }
    .col-d-12 {
        width:100%
    }
    .push-d-0 {
        margin-left:0
    }
    .push-d-1 {
        margin-left:8.33333%
    }
    .push-d-2 {
        margin-left:16.66667%
    }
    .push-d-3 {
        margin-left:25%
    }
    .push-d-4 {
        margin-left:33.33333%
    }
    .push-d-5 {
        margin-left:41.66667%
    }
    .push-d-6 {
        margin-left:50%
    }
    .push-d-7 {
        margin-left:58.33333%
    }
    .push-d-8 {
        margin-left:66.66667%
    }
    .push-d-9 {
        margin-left:75%
    }
    .push-d-10 {
        margin-left:83.33333%
    }
    .push-d-11 {
        margin-left:91.66667%
    }
    .push-d-12 {
        margin-left:100%
    }
    .pull-d-0 {
        margin-right:0
    }
    .pull-d-1 {
        margin-right:8.33333%
    }
    .pull-d-2 {
        margin-right:16.66667%
    }
    .pull-d-3 {
        margin-right:25%
    }
    .pull-d-4 {
        margin-right:33.33333%
    }
    .pull-d-5 {
        margin-right:41.66667%
    }
    .pull-d-6 {
        margin-right:50%
    }
    .pull-d-7 {
        margin-right:58.33333%
    }
    .pull-d-8 {
        margin-right:66.66667%
    }
    .pull-d-9 {
        margin-right:75%
    }
    .pull-d-10 {
        margin-right:83.33333%
    }
    .pull-d-11 {
        margin-right:91.66667%
    }
    .pull-d-12 {
        margin-right:100%
    }
}
@media (max-width:768px) {
    .col-t-0 {
        width:0%
    }
    .col-t-1 {
        width:8.33333%
    }
    .col-t-2 {
        width:16.66667%
    }
    .col-t-3 {
        width:25%
    }
    .col-t-4 {
        width:33.33333%
    }
    .col-t-5 {
        width:41.66667%
    }
    .col-t-6 {
        width:50%
    }
    .col-t-7 {
        width:58.33333%
    }
    .col-t-8 {
        width:66.66667%
    }
    .col-t-9 {
        width:75%
    }
    .col-t-10 {
        width:83.33333%
    }
    .col-t-11 {
        width:91.66667%
    }
    .col-t-12 {
        width:100%
    }
    .push-t-0 {
        margin-left:0
    }
    .push-t-1 {
        margin-left:8.33333%
    }
    .push-t-2 {
        margin-left:16.66667%
    }
    .push-t-3 {
        margin-left:25%
    }
    .push-t-4 {
        margin-left:33.33333%
    }
    .push-t-5 {
        margin-left:41.66667%
    }
    .push-t-6 {
        margin-left:50%
    }
    .push-t-7 {
        margin-left:58.33333%
    }
    .push-t-8 {
        margin-left:66.66667%
    }
    .push-t-9 {
        margin-left:75%
    }
    .push-t-10 {
        margin-left:83.33333%
    }
    .push-t-11 {
        margin-left:91.66667%
    }
    .push-t-12 {
        margin-left:100%
    }
    .pull-t-0 {
        margin-right:0
    }
    .pull-t-1 {
        margin-right:8.33333%
    }
    .pull-t-2 {
        margin-right:16.66667%
    }
    .pull-t-3 {
        margin-right:25%
    }
    .pull-t-4 {
        margin-right:33.33333%
    }
    .pull-t-5 {
        margin-right:41.66667%
    }
    .pull-t-6 {
        margin-right:50%
    }
    .pull-t-7 {
        margin-right:58.33333%
    }
    .pull-t-8 {
        margin-right:66.66667%
    }
    .pull-t-9 {
        margin-right:75%
    }
    .pull-t-10 {
        margin-right:83.33333%
    }
    .pull-t-11 {
        margin-right:91.66667%
    }
    .pull-t-12 {
        margin-right:100%
    }
}
@media (max-width:576px) {
    .col-m-0 {
        width:0%
    }
    .col-m-1 {
        width:8.33333%
    }
    .col-m-2 {
        width:16.66667%
    }
    .col-m-3 {
        width:25%
    }
    .col-m-4 {
        width:33.33333%
    }
    .col-m-5 {
        width:41.66667%
    }
    .col-m-6 {
        width:50%
    }
    .col-m-7 {
        width:58.33333%
    }
    .col-m-8 {
        width:66.66667%
    }
    .col-m-9 {
        width:75%
    }
    .col-m-10 {
        width:83.33333%
    }
    .col-m-11 {
        width:91.66667%
    }
    .col-m-12 {
        width:100%
    }
    .push-m-0 {
        margin-left:0
    }
    .push-m-1 {
        margin-left:8.33333%
    }
    .push-m-2 {
        margin-left:16.66667%
    }
    .push-m-3 {
        margin-left:25%
    }
    .push-m-4 {
        margin-left:33.33333%
    }
    .push-m-5 {
        margin-left:41.66667%
    }
    .push-m-6 {
        margin-left:50%
    }
    .push-m-7 {
        margin-left:58.33333%
    }
    .push-m-8 {
        margin-left:66.66667%
    }
    .push-m-9 {
        margin-left:75%
    }
    .push-m-10 {
        margin-left:83.33333%
    }
    .push-m-11 {
        margin-left:91.66667%
    }
    .push-m-12 {
        margin-left:100%
    }
    .pull-m-0 {
        margin-right:0
    }
    .pull-m-1 {
        margin-right:8.33333%
    }
    .pull-m-2 {
        margin-right:16.66667%
    }
    .pull-m-3 {
        margin-right:25%
    }
    .pull-m-4 {
        margin-right:33.33333%
    }
    .pull-m-5 {
        margin-right:41.66667%
    }
    .pull-m-6 {
        margin-right:50%
    }
    .pull-m-7 {
        margin-right:58.33333%
    }
    .pull-m-8 {
        margin-right:66.66667%
    }
    .pull-m-9 {
        margin-right:75%
    }
    .pull-m-10 {
        margin-right:83.33333%
    }
    .pull-m-11 {
        margin-right:91.66667%
    }
    .pull-m-12 {
        margin-right:100%
    }
}
img[data-action=zoom] {
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in
}
.zoom-img, .zoom-img-wrap {
    position:relative;
    z-index:666;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
img.zoom-img {
    cursor:pointer;
    cursor:-webkit-zoom-out;
    cursor:-moz-zoom-out
}
.zoom-overlay {
    z-index:420;
    background:#16151f;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    pointer-events:none;
    opacity:0;
    -webkit-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .zoom-overlay {
        -webkit-backdrop-filter:saturate(180%) blur(10px);
        backdrop-filter:saturate(180%) blur(10px);
        background:rgba(22, 21, 31, .8)
    }
}
.zoom-overlay-open .zoom-overlay {
    opacity:1
}
.zoom-overlay-open, .zoom-overlay-transitioning {
    cursor:default
}
.animate {
    -webkit-animation:animateElement cubic-bezier(.3, .45, .45, .95) .75s;
    animation:animateElement cubic-bezier(.3, .45, .45, .95) .75s;
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-transition:-webkit-transform .2s;
    transition:-webkit-transform .2s;
    -o-transition:transform .2s;
    transition:transform .2s;
    transition:transform .2s, -webkit-transform .2s
}
@-webkit-keyframes animateElement {
    0% {
        opacity:0;
        -webkit-transform:translate(0, 50px);
        transform:translate(0, 50px)
    }
    100% {
        opacity:1;
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@keyframes animateElement {
    0% {
        opacity:0;
        -webkit-transform:translate(0, 50px);
        transform:translate(0, 50px)
    }
    100% {
        opacity:1;
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
*, ::after, ::before {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
body {
    font-family:"SF Pro SC", "SF Pro Text", "SF Pro Icons", PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
    font-size:18px;
    line-height:1.7;
    color:#fff;
    background-color:#16151f;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow-x:hidden
}
body.is-in::after {
    visibility:hidden;
    opacity:0;
    pointer-events:none
}
body::after {
    content:"";
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#0a0a12;
    z-index:15;
    -webkit-transition:1s;
    -o-transition:1s;
    transition:1s
}
body input, body textarea {
    border:1px solid #c6c6c6;
    outline:0
}
@media only screen and (max-width:576px) {
    body {
        font-size:16px;
        line-height:29px
    }
}
::-webkit-input-placeholder {
    color:#757575
}
::-moz-placeholder {
    color:#757575
}
:-ms-input-placeholder {
    color:#757575
}
::-ms-input-placeholder {
    color:#757575
}
::placeholder {
    color:#757575
}
::-moz-selection {
    color:#fff;
    background-color:rgba(50, 58, 150, .7)
}
::selection {
    color:#fff;
    background-color:rgba(50, 58, 150, .7)
}
h1, h2, h3, h4, h5, h6 {
    font-weight:700;
    line-height:1.4em;
    color:#fff;
}
h1 {
    font-size:36px
}
h2 {
    font-size:28px
}
h3 {
    font-size:24px
}
h4 {
    font-size:20px
}
h5 {
    font-size:18px
}
h6 {
    font-size:16px
}
blockquote {
    position:relative;
    padding:20px 20px 20px 45px;
    font-family:Poppins, Arial, sans-serif;
    font-size:21px;
    line-height:37px;
    font-weight:700;
    color:#fff
}
blockquote:before {
    content:'\201C';
    position:absolute;
    font-family:Poppins, Arial, sans-serif;
    top:.3em;
    left:-.01em;
    font-size:4em;
    color:rgba(255, 255, 255, .6)
}
blockquote cite {
    font-size:16px;
    font-style:normal;
    color:#fff
}
blockquote cite:before {
    content:'\2014''\00a0'
}
@media only screen and (max-width:576px) {
    blockquote {
        padding:20px 20px 20px 35px;
        font-size:18px;
        line-height:28px
    }
}
pre {
    overflow:auto;
    padding:15px;
    font-size:14px;
    white-space:pre-wrap;
    word-wrap:break-word;
    word-break:break-all
}
code[class*=language-], pre[class*=language-] {
    white-space:pre-wrap;
    word-break:break-all;
    line-height:inherit
}
.zoom-img-wrap, img {
    max-width:100%;
    height:auto;
    vertical-align:middle
}
.zoom-img-wrap+em, img+em {
    display:block;
    margin-top:20px;
    font-size:12px;
    line-height:1;
    font-style:normal;
    font-weight:400;
    text-align:center;
    color:#b7b9c2
}
a {
    text-decoration:none;
    color:#fff;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
a:hover {
    color:#323a96
}
hr {
    display:block;
    width:100%;
    height:1px;
    margin:50px 0;
    border:0;
    background:rgba(255, 255, 255, .1)
}
.page__content .footnotes, .page__content address, .page__content blockquote, .page__content dl, .page__content fieldset, .page__content form, .page__content h1, .page__content h2, .page__content h3, .page__content h4, .page__content h5, .page__content h6, .page__content hr, .page__content ol, .page__content p, .page__content pre, .page__content table, .page__content ul, .post__content .footnotes, .post__content address, .post__content blockquote, .post__content dl, .post__content fieldset, .post__content form, .post__content h1, .post__content h2, .post__content h3, .post__content h4, .post__content h5, .post__content h6, .post__content hr, .post__content ol, .post__content p, .post__content pre, .post__content table, .post__content ul {
    min-width:100%;
}
.page .page__content .kg-width-full .kg-image, .post .post__content .kg-width-full .kg-image {
    border-radius:0;
    clear:both;
    display:block;
    margin-left:50%;
    max-width:none;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:100vw;
    pointer-events:none
}
.page__content, .post__content {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.wp-caption {
    max-width:100%
}
.kg-embed-card .fluid-width-video-wrapper {
    margin:0
}
.kg-gallery-container {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    max-width:1040px;
    width:100vw
}
.page .page__content .kg-gallery-container, .page .page__content .kg-width-wide .kg-image, .post .post__content .kg-gallery-container, .post .post__content .kg-width-wide .kg-image {
    max-width:1080px;
    padding:0 20px
}
.page .page__content .kg-width-wide .kg-image, .post .post__content .kg-width-wide .kg-image {
    width:100vw
}
.kg-gallery-row {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.kg-gallery-image img {
    display:block;
    margin:0;
    width:100%;
    height:100%
}
.kg-gallery-row {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.kg-gallery-row:not(:first-of-type) {
    margin:3px 0 0
}
.kg-gallery-image:not(:first-of-type) {
    margin:0 0 0 3px
}
.kg-embed-card figcaption, .kg-gallery-card figcaption, .wp-caption-text {
    width:100%;
    padding: 15px 10px 10px 10px;
    font-size:14px;
    line-height: 1.5;
    text-align:center;
    color:rgba(255, 255, 255, .8);
    background-color:#0a0a12;
}
.kg-embed-card figcaption em, .kg-gallery-card figcaption em, .kg-image-card figcaption em {
    font-style:normal
}
.kg-embed-card iframe {
    width:100%
}
.kg-width-wide figcaption {
    width:initial;
    max-width:100%;
    margin:0 20px
}
.kg-embed-card>.js-reframe {
    margin:0
}
.alignleft {
    float:left;
    margin:5px 30px 15px 0;
    max-width:50%
}
.alignright {
    float:right;
    margin:5px 0 15px 30px;
    max-width:50%
}
.full-width {
    clear:both;
    margin:5px 0 30px
}
.kg-bookmark-card {
    background:#0a0a12;
    margin:0 0 30px;
    width:100%
}
.kg-bookmark-card .kg-bookmark-container:hover {
    text-decoration:none
}
.kg-bookmark-container {
    border:1px solid rgba(255, 255, 255, .1);
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    color:#fff;
    min-height:140px
}
.kg-bookmark-container:hover {
    border-color:#323a96
}
.kg-bookmark-content {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:20px
}
.kg-bookmark-title {
    color:#fff;
    font-size:18px;
    font-weight:700;
    line-height:1.2
}
.kg-bookmark-description {
    color:rgba(255, 255, 255, .8);
    display:-webkit-box;
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    margin-top:15px;
    max-height:48px;
    overflow-y:hidden
}
.kg-bookmark-thumbnail {
    position:relative;
    min-width:33%;
    max-height:100%
}
.kg-bookmark-thumbnail img {
    height:100%;
    left:0;
    -o-object-fit:cover;
    object-fit:cover;
    position:absolute;
    top:0;
    width:100%
}
.kg-bookmark-metadata {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    color:rgba(255, 255, 255, .8);
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    font-size:14px;
    font-weight:400;
    margin-top:15px;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.kg-bookmark-icon {
    height:24px;
    margin-right:5px;
    width:24px
}
.kg-bookmark-author {
    line-height:1.5
}
.kg-bookmark-author:after {
    content:"\00b7";
    margin:0 5px
}
.kg-bookmark-publisher {
    overflow:hidden;
    line-height:1.5;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:240px
}
@media only screen and (max-width:480px) {
    .kg-bookmark-container {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .kg-bookmark-thumbnail {
        -webkit-box-ordinal-group:2;
        -webkit-order:1;
        -ms-flex-order:1;
        order:1;
        width:100%;
        min-height:160px
    }
    .kg-bookmark-content {
        -webkit-box-ordinal-group:3;
        -webkit-order:2;
        -ms-flex-order:2;
        order:2
    }
}
.hero {
    position:relative;
    margin-bottom:30px;
    border-radius:30px;
    overflow:hidden;
    -webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15);
    box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15);
    background-color:#0a0a12
}
@media only screen and (max-width:992px) {
    .hero {
        border-radius:30px
    }
    .blog-content-title h2 {
        font-size:20px;
        margin-bottom: 0px;
    }
    .blog-content-des, .article__meta.blog-content-meta {
        display:none
    }
}
@media only screen and (max-width:576px) {
    .hero {
        -webkit-box-shadow:none;
        box-shadow:none
    }
}
.hero__inner::before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    border-radius:30px;
    background-color:rgba(16, 17, 30, .6)
}
@media only screen and (max-width:992px) {
    .hero__inner::before {
        border-radius:30px
    }
}
.hero__image {
    padding-top:50%;
    min-height:280px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.hero__image img {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media only screen and (max-width:992px) {
    .hero__image {
        padding-top:55%
    }
}
@media only screen and (max-width:768px) {
    .hero__image {
        padding-top:65%
    }
}
.hero__content {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    z-index:1;
    width:100%;
    max-width:650px;
    padding:0 20px;
    text-align:center
}
.hero__title {
    font-size:57px;
    margin:0 0 10px;
    color:#fff
}
@media only screen and (max-width:576px) {
    .hero__title {
        font-size:43px;
        margin:0 0 5px
    }
}
.hero__desc {
    font-size:18px;
    color:rgba(255, 255, 255, .8);
    margin:0
}
@media only screen and (max-width:576px) {
    .hero__desc {
        font-size:15px;
        line-height:21px
    }
}
.hero-without-image {
    margin:50px 0 80px
}
.hero-without-image .hero-inner {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.hero-without-image .hero-content {
    width:100%;
    max-width:650px;
    padding:0 20px;
    text-align:center
}
@media only screen and (max-width:576px) {
    .hero-without-image {
        margin:20px 0 50px
    }
}
.top {
    position:fixed;
    bottom:25px;
    right:-100px;
    z-index:5;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:5px;
    background-color:#0a0a12;
    color:#fff;
    cursor:pointer;
    -webkit-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease
}
.top.is-active {
    right:30px
}
@media only screen and (max-width:768px) {
    .top {
        bottom:15px
    }
    .top.is-active {
        right:25px
    }
}
.header {
    width:100%;
    margin:35px 0;
    -webkit-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    color:#fff
}
@media only screen and (max-width:992px) {
    .header {
        margin:25px 0
    }
}
.header__inner {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.logo__link {
    font-size:27px;
    line-height:1;
    font-weight:700;
    vertical-align:middle;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:2px;
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
}
.logo__img {
    width: 120px;
}
.logo__link:hover {
    color:#fff
}
.logo__image {
    max-height:40px
}
.main-nav {
    width:100%;
    max-width:1300px;
    margin:0 auto
}
.main-nav__box {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:80%;
    padding-top:200px;
    margin:0 auto
}
.main-nav__box .nav__icon-close {
    position:absolute;
    top:20px;
    right:40px;
    z-index:5;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:30px;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    color:rgba(255, 255, 255, .5);
    -webkit-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease;
    cursor:pointer
}
.main-nav__box .nav__icon-close:hover {
    color:#fff
}
@media only screen and (max-width:768px) {
    .main-nav__box {
        padding-top:100px
    }
    .main-nav__box .nav__icon-close {
        top:22px;
        right:42px
    }
}
@media only screen and (max-width:576px) {
    .main-nav__box {
        width:90%
    }
}
.navigation {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.top-nav .nav__list .nav__item .nav__link:hover {
    color:#ffffff;
}
.navigation:hover {
    opacity:.6;
}
.top-nav {
    margin-right:25px
}
.top-nav .nav__list .nav__item {
    display:inline-block;
    margin-right:25px
}
.top-nav .nav__list .nav__item:last-child {
    margin-right:0
}
.top-nav .nav__list .nav__item .nav__link {
    position:relative;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.top-nav .nav__list .nav__item .nav__link:hover::before {
    opacity:1;
    visibility:visible
}
.top-nav .nav__list .nav__item .nav__link::before {
    content:"";
    position:absolute;
    left:50%;
    top:-15px;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    display:block;
    width:7px;
    height:7px;
    border-radius:50%;
    -webkit-transition:all .25s;
    -o-transition:all .25s;
    transition:all .25s;
    opacity:0;
    visibility:hidden;
    background-color:#323a96
}
.top-nav .nav__list .nav__item .nav__link.signup-link {
    height:28px;
    line-height:28px;
    display:inline-block;
    border-radius:30px;
    padding:0 15px;
    background-color:#323a96;
    color:#fff
}
.top-nav .nav__list .nav__item .nav__link.signup-link:hover {
    background-color:#2c3383
}
.top-nav .nav__list .nav__item .nav__link.signup-link::before {
    content:none
}
@media only screen and (max-width:992px) {
    .top-nav {
        display:none
    }
}
.mobile-nav .nav__list .nav__item {
    display:block;
    margin-bottom:35px;
    text-align:center
}
.mobile-nav .nav__list .nav__item:last-child {
    margin-bottom:0
}
.mobile-nav .nav__list .nav__item .nav__link {
    position:relative;
    font-size:18px;
    color:#fff
}
.mobile-nav .nav__list .nav__item .nav__link.signup-link {
    height:30px;
    line-height:30px;
    display:inline-block;
    border-radius:30px;
    padding:0 15px;
    background-color:#323a96;
    color:#fff
}
.mobile-nav .nav__list .nav__item .nav__link.signup-link:hover {
    background-color:#2c3383
}
.mobile-nav .nav__list .nav__item .nav__link.signup-link::before {
    content:none
}
@media only screen and (max-width:576px) {
    .mobile-nav .nav__list .nav__item {
        margin-bottom:20px
    }
}
.nav-buttons {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:24px;
    color:#fff
}
.nav-buttons .nav__icon-menu {
    display:none
}
@media only screen and (max-width:992px) {
    .nav-buttons .nav__icon-menu {
        display:block
    }
}
.nav-buttons .nav__icon {
    cursor:pointer
}
.nav-buttons .nav__icon:first-child {
    margin-right:15px
}
.menu-overlay {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:100;
    opacity:0;
    visibility:hidden;
    background-color:#0a0a12;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.menu-overlay.is-open {
    opacity:1;
    visibility:visible
}
@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .menu-overlay {
        -webkit-backdrop-filter:saturate(180%) blur(10px);
        backdrop-filter:saturate(180%) blur(10px);
        background-color:rgba(10, 10, 18, .9)
    }
}
@media only screen and (min-width:992px) {
    .menu-overlay {
        display:none
    }
}
.nav-grid {
    width:100%;
    height:75vh;
    overflow-y:auto
}
.nav-grid__item {
    margin-bottom:30px
}
@media only screen and (max-width:768px) {
    .nav-grid__item {
        height:auto
    }
}
.nav-grid__title {
    position:relative;
    margin-bottom:50px;
    padding-bottom:15px;
    font-size:30px;
    font-weight:700;
    text-align:center;
    color:#fff
}
.nav-grid__title::after {
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    display:block;
    width:25px;
    height:2px;
    background-color:#fff
}
@media only screen and (max-width:768px) {
    .nav-grid__title {
        margin-bottom:30px
    }
}
.search {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:100;
    opacity:0;
    visibility:hidden;
    background-color:#0a0a12;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.search.is-visible {
    opacity:1;
    visibility:visible
}
@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .search {
        -webkit-backdrop-filter:saturate(180%) blur(10px);
        backdrop-filter:saturate(180%) blur(10px);
        background-color:rgba(10, 10, 18, .9)
    }
}
.search__box {
    position:relative;
    max-width:650px;
    width:100%;
    margin:0 auto;
    padding-top:200px
}
.search__box .search__close {
    position:absolute;
    right:0;
    top:175px;
    font-size:30px;
    line-height:1;
    color:rgba(255, 255, 255, .5);
    -webkit-transition:all .25s;
    -o-transition:all .25s;
    transition:all .25s;
    cursor:pointer
}
.search__box .search__close:hover {
    color:#fff
}
@media only screen and (max-width:768px) {
    .search__box .search__close {
        top:75px
    }
}
@media only screen and (max-width:768px) {
    .search__box {
        width:80%;
        padding-top:100px
    }
}
@media only screen and (max-width:576px) {
    .search__box {
        width:90%
    }
}
.search__group {
    position:relative;
    margin-bottom:30px
}
.search__group .search__text {
    width:100%;
    height:auto;
    padding:0 20px 12px 0;
    font-size:30px;
    font-weight:700;
    line-height:1;
    border:0;
    border-bottom:5px solid rgba(255, 255, 255, .5);
    color:#fff;
    background-color:transparent
}
.search__group .search__text::-webkit-input-placeholder {
    font-weight:700;
    color:rgba(255, 255, 255, .5)
}
.search__group .search__text::-moz-placeholder {
    font-weight:700;
    color:rgba(255, 255, 255, .5)
}
.search__group .search__text:-ms-input-placeholder {
    font-weight:700;
    color:rgba(255, 255, 255, .5)
}
.search__group .search__text::-ms-input-placeholder {
    font-weight:700;
    color:rgba(255, 255, 255, .5)
}
.search__group .search__text::placeholder {
    font-weight:700;
    color:rgba(255, 255, 255, .5)
}
.search__group .search__text::-ms-clear {
    display:none
}
@media only screen and (max-width:576px) {
    .search__group .search__text {
        font-size:30px
    }
}
.search__group .search__text:focus {
    color:#fff;
    border-bottom-color:#323a96
}
.search-results-list {
    height:55vh;
    padding:0 0 25px 0;
    list-style:circle;
    font-weight:700;
    color:#fff;
    overflow:auto;
    white-space:normal
}
.search-results-list .search-results__item {
    padding-bottom:15px;
    margin-bottom:15px;
    display:list-item;
    list-style-type:none;
    border-bottom:1px solid rgba(255, 255, 255, .1)
}
.search-results-list .search-results__link {
    position:relative;
    display:block;
    margin-left:-15px;
    padding-left:20px;
    font-size:18px;
    line-height:24px;
    font-weight:700;
    color:#fff;
    -webkit-transition:all .25s ease-in-out;
    -o-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out
}
.search-results-list .search-results__link:hover {
    margin-left:15px
}
.search-results-list .search-results__link::before {
    content:"";
    position:absolute;
    top:6px;
    left:0;
    width:7px;
    height:7px;
    border-radius:50%;
    border:1px solid #fff
}
.search-results-list .search-results-date {
    font-size:12px;
    line-height:1;
    font-weight:400;
    color:rgba(255, 255, 255, .6)
}
.search-results-list .no-results {
    margin-left:-10px;
    list-style:none
}
.search-results-list .no-results h3 {
    font-size:18px
}
.load-more {
    margin:0 auto
}
.load-more-section {
    margin:30px auto;
    text-align:center
}
@media only screen and (max-width:576px) {
    .load-more-section {
        margin:20px auto
    }
}
.load-more-posts i {
    margin-left:5px
}
.footer-widgets {
    padding:80px 0 30px;
    margin-top:20px;
    background-color:#0a0a12
}
.footer-widgets .row .col {
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.footer-widgets .row .col:last-child>.widget {
    padding-right:0
}
@media only screen and (max-width:768px) {
    .footer-widgets {
        padding:80px 0 0
    }
}
@media only screen and (max-width:576px) {
    .footer-widgets {
        padding:50px 0 0
    }
}
@media only screen and (max-width:768px) {
    .widget {
        margin-bottom:60px
    }
}
.widget__title {
    position:relative;
    margin-bottom:20px;
    font-size:30px;
    line-height:1;
    color:#fff
}
@media only screen and (max-width:992px) {
    .widget__title {
        font-size:24px
    }
}
.footer-logo {
    margin-bottom:20px;
    font-size:27px;
    line-height:33px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:2px;
    -webkit-transition:none;
    -o-transition:none;
    transition:none
}
.footer-desc {
    margin-bottom:0;
    font-size:16px;
    line-height:24px;
    color:rgba(255, 255, 255, .6)
}
.widget-nav {
    padding-right:30px
}
.widget-nav .nav__item {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(255, 255, 255, .1)
}
.widget-nav .nav__item:last-child {
    margin-bottom:0
}
.widget-nav .nav__link {
    font-size:16px;
    color:#fff
}
@media only screen and (max-width:992px) {
    .widget-nav {
        padding-right:0
    }
}
@media only screen and (max-width:768px) {
    .widget-subscribe {
        margin-bottom:0
    }
}
.subscribe-subtitle {
    width:100%;
    margin-bottom:20px;
    font-size:16px;
    line-height:26px;
    color:rgba(255, 255, 255, .6)
}
@media only screen and (max-width:768px) {
    .subscribe-subtitle {
        max-width:100%
    }
}
.subscribe-group-top {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.subscribe-group-top .subscribe-email {
    position:relative;
    width:100%;
    height:50px;
    padding:8px 15px;
    font-size:13px;
    border-radius:5px;
    line-height:50px;
    color:#0a0a12;
    background-color:#fff;
    border:1px solid #c6c6c6;
    outline:0;
    -webkit-appearance:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:border-color .2s ease-in-out;
    -o-transition:border-color .2s ease-in-out;
    transition:border-color .2s ease-in-out;
    cursor:text
}
.subscribe-group-top .subscribe-button {
    margin-left:10px
}
.subscribe-form .alert {
    display:none
}
.alert.alert--loading {
    color:#ff970d
}
.alert.alert--success {
    color:#09815c
}
.alert.alert--error {
    color:#cd3d3d
}
.subscribe-form.error .alert--error, .subscribe-form.loading .alert--loading, .subscribe-form.success .alert--success {
    display:block;
    margin-top:15px;
    font-size:15px;
    line-height:26px
}
.footer {
    position:relative;
    padding:50px 0;
    background-color:#0a0a12
}
.footer .footer__inner {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:992px) {
    .footer .footer__inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.copyright {
    font-size:13px;
    text-align:center;
    color:rgba(255, 255, 255, .6)
}
.copyright a {
    color:#fff
}
.contact {
    text-align:center
}
.contact .contact__list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.contact .contact__item {
    display:inline-block;
    margin-left:10px
}
.contact .contact__item:first-child {
    margin-left:0
}
.contact .contact__link {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:40px;
    height:40px;
    font-size:18px;
    line-height:40px;
    border-radius:3px;
    color:#fff;
    background-color:#16151f
}
.contact .contact__link:hover {
    background-color:#323a96
}
@media only screen and (max-width:992px) {
    .contact {
        margin-bottom:5px
    }
    .contact .contact__item {
        margin-bottom:10px
    }
    .contact .contact__link {
        width:30px;
        height:30px;
        line-height:30px;
        font-size:16px
    }
}
.button {
    display:inline-block;
    white-space:nowrap;
    vertical-align:middle;
    font:inherit;
    border:none;
    border-radius:5px;
    outline:0;
    -webkit-appearance:none;
    text-align:center;
    text-decoration:none;
    color:#fff;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease;
    cursor:pointer
}
.button:hover {
    color:#fff
}
.button--primary {
    padding:0 1.8rem;
    height:50px;
    font-size:16px;
    font-weight:600;
    line-height:50px;
    background-color:#323a96
}
.button--primary:hover {
    background-color:#2c3383
}
.button--middle {
    position:relative;
    height:60px;
    width:100%;
    max-width:280px;
    font-size:12px;
    line-height:60px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease;
    background-color:#0a0a12
}
.button--middle:hover {
    background-color:#08080f
}
.button--big {
    display:block;
    width:100%
}
.article {
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    min-height:380px;
    margin-bottom:30px
}
.article:hover {
    -webkit-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px)
}
@media only screen and (max-width:576px) {
    .article {
        min-height:280px
    }
}
.article__inner {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    height:100%;
    border-radius:30px;
    overflow:hidden;
    -webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15);
    box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15);
    background-color:#0a0a12
}
.article__inner .featured-post {
    position:absolute;
    top:0;
    right:0;
    z-index:10;
    width:35px;
    height:35px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:18px;
    color:rgba(255, 255, 255, .8);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.article__inner .featured-post::before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    border-color:#323a96 #323a96 transparent transparent;
    border-style:solid;
    border-width:29px
}
.article__inner .featured-post i {
    position:relative
}
.article__title {
    margin:10px 0 15px;
    font-size:21px
}
.article__title a {
    color:#fff
}
@media only screen and (max-width:576px) {
    .article__title {
        margin:5px 0 10px;
        font-size:18px
    }
}
.article__excerpt {
    margin-bottom:15px;
    font-size:15px;
    color:rgba(255, 255, 255, .6)
}
@media only screen and (max-width:576px) {
    .article__excerpt {
        margin-bottom:10px;
        font-size:13px;
        line-height:21px
    }
}
.article__image {
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:#0a0a12
}
.article__image::after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(16, 17, 30, .6);
    pointer-events:none
}
.article__image img {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media only screen and (max-width:768px) {
    .article__image {
        padding-top:75%
    }
}
@media only screen and (max-width:576px) {
    .article__image {
        padding-top:80%
    }
}
.article__content {
    z-index:1;
    width:100%;
    margin-top:auto;
    padding:0 30px 30px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
@media only screen and (max-width:576px) {
    .article__content {
        padding:0 20px 20px
    }
}
.article__meta {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    color:#fff
}
.article-tags {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.article-tags__box {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:1
}
.article-tags__box a {
    height:23px;
    padding:0 10px;
    margin:0 0 5px;
    text-transform:uppercase;
    font-size:10px;
    line-height:23px;
    letter-spacing:1px;
    font-weight:700;
    border-radius:30px;
    color:rgba(255, 255, 255, .9);
    background-color:#323a96
}
.article-tags__box a:hover {
    background-color:#2c3383
}
@media only screen and (max-width:576px) {
    .article-tags__box a {
        height:20px;
        line-height:20px
    }
}
.article--members {
    height:23px;
    padding:0 10px;
    margin:0 0 5px 5px;
    text-transform:uppercase;
    font-size:10px;
    line-height:23px;
    letter-spacing:1px;
    font-weight:700;
    border-radius:30px;
    border:1px solid rgba(255, 255, 255, .6);
    color:rgba(255, 255, 255, .9)
}
@media only screen and (max-width:576px) {
    .article--members {
        height:20px;
        line-height:20px
    }
}
.article--public {
    display:none
}
.article__date {
    font-size:14px;
    color:#fff
}
.article__date::before {
    content:"";
    position:relative;
    bottom:.2rem;
    display:inline-block;
    height:3px;
    width:3px;
    margin:0 .5rem 0 .5rem;
    border-radius:50%;
    background-color:rgba(255, 255, 255, .8)
}
@media only screen and (max-width:576px) {
    .article__date {
        display:none
    }
}
.article__author {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.article__author-image {
    display:inline-block;
    width:25px;
    height:25px;
    margin-right:7px;
    border-radius:50%;
    border:1px solid rgba(255, 255, 255, .6);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#0a0a12
}
.article__author-link {
    font-size:14px;
    text-decoration:underline;
    color:#fff
}
.article__author-link:hover {
    color:#fff
}
.article__author span {
    color:rgba(255, 255, 255, .8)
}
.article__share {
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    position:absolute;
    top:20px;
    right:30px;
    width:35px;
    height:35px;
    text-align:center;
    line-height:35px;
    border-radius:50%;
    color:#fff;
    background-color:#0a0a12;
    font-size:19px;
    cursor:pointer
}
.article__share .share__link {
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    opacity:0;
    width:0;
    height:0;
    text-align:center;
    line-height:35px;
    border-radius:50%;
    color:#fff;
    font-size:19px;
    cursor:pointer
}
.article__share .share__link:nth-child(2) {
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s;
    position:absolute;
    right:30px;
    top:30px;
    background-color:#55acee
}
.article__share .share__link:nth-child(3) {
    -webkit-transition-delay:.4s;
    -o-transition-delay:.4s;
    transition-delay:.4s;
    position:absolute;
    right:30px;
    top:30px;
    background:#dc4e41
}
.article__share .share__link:nth-child(4) {
    -webkit-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s;
    position:absolute;
    right:30px;
    top:30px;
    background-color:#bd081c
}
.article__share:hover .share__link {
    opacity:1;
    width:35px;
    height:35px
}
.article__share:hover .share__link:nth-child(2) {
    right:0;
    left:150px
}
.article__share:hover .share__link:nth-child(2):hover {
    -webkit-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s;
    background:#3ea1ec
}
.article__share:hover .share__link:nth-child(3) {
    right:0;
    top:100px
}
.article__share:hover .share__link:nth-child(3):hover {
    -webkit-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s;
    background:#d83a2b
}
.article__share:hover .share__link:nth-child(4) {
    right:0;
    top:50px
}
.article__share:hover .share__link:nth-child(4):hover {
    -webkit-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s;
    background:#323232
}
.post {
    position:relative;
    margin-bottom:30px
}
.post-image {
    position:absolute;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    top:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border-radius: 30px;
}
.image-box {
    position:relative;
    padding-top:50%;
    min-height:280px;
    border-radius:30px;
    overflow:hidden;
    -webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .15);
    background-color:#0a0a12;
}
@media only screen and (max-width:992px) {
    .image-box {
        padding-top:55%
    }
}
@media only screen and (max-width:768px) {
    .image-box {
        padding-top:65%
    }
}
.post-tags {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.post-tags a {
    height:23px;
    padding:0 10px;
    text-transform:uppercase;
    font-size:10px;
    line-height:23px;
    letter-spacing:1px;
    font-weight:700;
    border-radius:30px;
    color:rgba(255, 255, 255, .9);
    background-color:#323a96
}
.post-tags a:hover {
    background-color:#2c3383
}
@media only screen and (max-width:576px) {
    .post-tags a {
        height:20px;
        line-height:20px
    }
}
.post-head {
    margin:40px 0
}
.post-title {
    font-size:43px;
    margin:15px 0 15px;
    text-align:center
}
@media only screen and (max-width:768px) {
    .post-title {
        font-size:38px
    }
}
@media only screen and (max-width:576px) {
    .post-title {
        font-size:28px
    }
}
.post__meta {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#fff
}
.post__author {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.post__author-image {
    display:inline-block;
    width:25px;
    height:25px;
    margin-right:7px;
    border-radius:50%;
    border:1px solid rgba(255, 255, 255, .6);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#0a0a12
}
.post__author-link {
    font-size:14px;
    text-decoration:underline;
    color:#fff
}
.post__author-link:hover {
    color:#fff
}
.post__author span {
    color:rgba(255, 255, 255, .8)
}
.post__date {
    font-size:14px;
    color:#fff
}
.post__date::before {
    content:"";
    position:relative;
    bottom:.2rem;
    display:inline-block;
    height:3px;
    width:3px;
    margin:0 .5rem 0 .5rem;
    border-radius:50%;
    background-color:rgba(255, 255, 255, .8)
}
.post__content {
    color:rgba(255, 255, 255, .6)
}
.post__content a:hover {
    color:#fff;
    text-decoration:underline
}
.post__content pre {
    background-color:#0a0a12
}
.post-full-content .post-content p {
    text-align:center;
    color:rgba(255, 255, 255, .8)
}
.post-full-content .post-upgrade-cta-content {
    padding:80px 20px;
    text-align:center;
    border-radius:5px;
    overflow:hidden;
    -webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15);
    box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15);
    background-color:#0a0a12
}
.post-full-content .post-upgrade-cta-content h2 {
    font-size:27px
}
.post-full-content .post-upgrade-cta-content .signin__bottom-text {
    margin-top:10px
}
@media only screen and (max-width:576px) {
    .post-full-content .post-upgrade-cta-content {
        padding:60px 20px
    }
    .post-full-content .post-upgrade-cta-content h2 {
        font-size:24px;
        margin-bottom:20px
    }
}
.post__share {
    margin-bottom:80px
}
.post__share .share__head {
    text-align:center
}
.post__share .share__title {
    position:relative;
    display:inline-block;
    margin-bottom:25px;
    font-size:15px;
    font-weight:700;
    letter-spacing:1px;
    text-align:center;
    text-transform:uppercase
}
.post__share .share__list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
.post__share .share__item {
    margin:0 5px;
    text-align:center
}
.post__share .share__link {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:50%;
    font-size:16px;
    color:#0a0a12;
    background-color:#fff;
    -webkit-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.post__share .share__link:hover.share__qq {
    color:#12b7f5
}
.post__share .share__link:hover.share__weixin {
    color:#07c160
}
.post__share .share__link:hover.share__qqkongjian {
    color:#fece01
}
@media only screen and (max-width:576px) {
    .post__share {
        margin-bottom:50px
    }
}
.post__navigation {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:50px
}
.post__navigation a:first-child {
    margin-right:4%
}
.post__navigation a:last-child {
    margin-right:0
}
.post__navigation .next, .post__navigation .prev {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -ms-flex-align:end;
    align-items:flex-end;
    width:100%;
    min-height:230px;
    padding:0 25px 25px;
    border-radius:30px;
    overflow:hidden;
    transition:transform .2s, -webkit-transform .2s;
    -webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15);
    box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#0a0a12
}
.post__navigation .next::after, .post__navigation .prev::after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(16, 17, 30, .6);
    pointer-events:none
}
.post__navigation .next:hover, .post__navigation .prev:hover {
    -webkit-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px)
}
.post__navigation .next .post__nav, .post__navigation .prev .post__nav {
    display:inline-block;
    margin-bottom:5px;
    font-size:13px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:rgba(255, 255, 255, .8)
}
.post__navigation .next .post__nav-box, .post__navigation .prev .post__nav-box {
    position:relative;
    z-index:1;
    width:100%
}
.post__navigation .next .post__nav__title, .post__navigation .prev .post__nav__title {
    margin-bottom:0;
    font-size:21px
}
.post__navigation .next .post__nav__title a, .post__navigation .prev .post__nav__title a {
    color:#fff
}
.post__navigation .next {
    text-align:right;
    margin-left:auto
}
@media only screen and (max-width:768px) {
    .post__navigation {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .post__navigation .next, .post__navigation .prev {
        width:100%
    }
    .post__navigation .prev {
        margin-bottom:20px
    }
}
.comments__article {
    margin-bottom:20px
}
.page {
    position:relative;
    margin-bottom:30px
}
.page-title {
    font-size:43px;
    margin-bottom:20px;
    text-align:center
}
@media only screen and (max-width:768px) {
    .page-title {
        font-size:38px
    }
}
@media only screen and (max-width:768px) {
    .page-title {
        font-size:28px
    }
}
.page-image {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.image-box {
    position:relative;
    padding-top:50%;
    border-radius:30px;
    overflow:hidden;
    background-color:#0a0a12;
}
.post-image:hover {
    filter:blur(10px)
}
@media only screen and (max-width:992px) {
    .image-box {
        padding-top:55%
    }
}
@media only screen and (max-width:768px) {
    .image-box {
        padding-top:65%
    }
}
.page-head {
    margin:40px 0
}
.page__content {
    color:rgba(255, 255, 255, .6)
}
.page__content a:hover {
    color:#fff;
    text-decoration:underline
}
.page__content pre {
    background-color:#0a0a12
}
.archive-box {
    position:relative;
    margin:50px 0 80px;
    text-align:center
}
@media only screen and (max-width:576px) {
    .archive-box {
        margin:20px 0 50px
    }
}
.archive-meta {
    font-size:16px;
    color:rgba(255, 255, 255, .6)
}
.archive-title {
    position:relative;
    margin:0;
    font-size:47px;
    line-height:57px
}
@media only screen and (max-width:576px) {
    .archive-title {
        font-size:40px;
        line-height:52px
    }
}
.archive-description {
    max-width:600px;
    margin:10px auto 0;
    font-size:16px;
    line-height:32px
}
@media only screen and (max-width:576px) {
    .archive-description {
        margin:5px auto 0;
        line-height:28px
    }
}
.author-profile {
    max-width:500px;
    width:100%;
    margin:50px auto 80px;
    text-align:center
}
.author-profile .author-image-box {
    margin-bottom:20px
}
.author-profile .author__image {
    display:block;
    width:130px;
    height:130px;
    margin:0 auto;
    border-radius:30px;
    -webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15);
    box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#0a0a12
}
.author-profile .author-title {
    margin-bottom:20px;
    font-size:40px
}
.author-profile .author-bio {
    margin-bottom:20px;
    font-size:18px;
    line-height:32px;
    font-weight:400
}
.author-profile .icon-link {
    margin-right:8px;
    padding-right:8px;
    font-size:15px;
    border-right:1px solid rgba(255, 255, 255, .3);
    color:rgba(255, 255, 255, .6)
}
.author-profile .icon-link:last-child {
    margin-right:0;
    border-right:none;
    padding-right:0
}
.author-profile .icon-link a {
    color:rgba(255, 255, 255, .6)
}
.author-profile .weixin-link, .author-profile .qq-link {
    border-right-color:transparent
}
.author-profile .qq-link a:hover {
    color:#12b7f5
}
.author-profile .weixin-link a:hover {
    color:#07c160
}
.author-profile .zhifubao-link a:hover {
    color:#00a0e9
}
@media only screen and (max-width:576px) {
    .author-profile {
        margin:20px auto 50px
    }
    .author-profile .author-image-box {
        margin-bottom:15px
    }
    .author-profile .author-title {
        margin-bottom:15px;
        font-size:37px
    }
    .author-profile .author-bio {
        margin-bottom:15px;
        font-size:16px;
        line-height:28px
    }
    .author-profile .icon-link {
        font-size:14px
    }
}
.signin-form, .signup-form, .subscriber-box {
    width:100%;
    max-width:550px;
    margin:100px auto 10vw
}
@media only screen and (max-width:576px) {
    .signin-form, .signup-form, .subscriber-box {
        margin:50px auto 10vw
    }
}
.account-box, .subscriber-box {
    max-width:650px;
    text-align:center
}
.signin__button, .signup__button {
    margin-left:10px
}
.signin__box, .signup__box {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:10px
}
.signin__box input, .signup__box input {
    position:relative;
    width:100%;
    height:50px;
    padding:8px 15px;
    font-size:14px;
    line-height:30px;
    color:#757575;
    background-color:#fff;
    border:1px solid #c6c6c6;
    border-radius:5px;
    outline:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:border-color .2s ease-in-out;
    -o-transition:border-color .2s ease-in-out;
    transition:border-color .2s ease-in-out;
    cursor:text
}
.signin__box input:focus, .signup__box input:focus {
    color:#0a0a12
}
.account__title, .checkout__title, .signin__title, .signup__title, .subscriber__title {
    margin-bottom:5px;
    font-size:43px;
    color:#fff
}
@media only screen and (max-width:576px) {
    .account__title, .checkout__title, .signin__title, .signup__title, .subscriber__title {
        font-size:37px;
        line-height:47px
    }
}
.account__desc, .checkout__desc, .signin__desc, .signup__desc, .subscription__desc {
    font-size:18px;
    color:rgba(255, 255, 255, .6)
}
@media only screen and (max-width:576px) {
    .account__desc, .checkout__desc, .signin__desc, .signup__desc, .subscription__desc {
        font-size:16px;
        line-height:24px
    }
}
.checkout__desc, .checkout__title {
    text-align:center
}
.subscription__desc {
    max-width:550px;
    margin:0 auto
}
.signin__bottom-text, .signup__bottom-text {
    margin-bottom:0;
    color:rgba(255, 255, 255, .6)
}
.signin__bottom-text a, .signup__bottom-text a {
    color:#fff;
    text-decoration:underline
}
.message-error, .message-loading, .message-success {
    display:none
}
.signin-form.loading .message-loading, .signup-form.loading .message-loading {
    color:#ff970d
}
.signin-form.success .message-success, .signup-form.success .message-success {
    color:#09815c
}
.signin-form.error .message-error, .signup-form.error .message-error {
    color:#cd3d3d
}
.signin-form.error .message-error, .signin-form.loading .message-loading, .signin-form.success .message-success, .signup-form.error .message-error, .signup-form.loading .message-loading, .signup-form.success .message-success {
    display:block;
    margin-top:15px;
    font-size:15px;
    line-height:26px
}
.checkout-form {
    max-width:750px;
    width:100%;
    margin:100px auto 10vw
}
@media only screen and (max-width:576px) {
    .checkout-form {
        margin:50px auto 10vw
    }
}
.checkout__desc {
    max-width:500px;
    margin:0 auto 50px
}
.checkout-box {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
@media only screen and (max-width:768px) {
    .checkout-box {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.checkout-plan {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:35px;
    font-size:16px;
    border-top:6px solid #323a96;
    text-align:left;
    color:rgba(255, 255, 255, .8);
    background-color:#0a0a12;
    border-radius:10px;
    -webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15);
    box-shadow:0 5px 10px 0 rgba(0, 0, 0, .15)
}
.checkout-plan:last-child {
    margin:0 0 0 30px
}
@media only screen and (max-width:768px) {
    .checkout-plan:last-child {
        margin:30px 0 0 0
    }
}
.checkout-plan-header {
    position:relative;
    padding:0 0 40px;
    color:rgba(255, 255, 255, .6);
    text-align:center
}
.checkout-plan-header::after {
    content:"";
    position:absolute;
    right:30%;
    bottom:25px;
    left:30%;
    display:block;
    height:2px;
    background-color:rgba(255, 255, 255, .1);
    border-radius:2px
}
.checkout-plan-header h3 {
    margin:0 0 25px;
    color:#fff;
    font-size:1.8rem;
    line-height:1.15em;
    font-weight:700
}
.checkout-plan-header span {
    font-size:33px;
    font-weight:400;
    color:rgba(255, 255, 255, .6)
}
.checkout-plan-header strong {
    font-size:68px;
    line-height:1;
    color:#fff
}
.checkout-plan-content {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.checkout-plan-content ul {
    margin:0;
    padding:0;
    list-style:none
}
.checkout-plan-content ul li {
    position:relative;
    margin:0;
    padding:0 0 15px 20px;
    line-height:1.4em;
    color:rgba(255, 255, 255, .8)
}
.checkout-plan-content ul li::before {
    content:"✓";
    position:absolute;
    left:0;
    display:block;
    color:#98c22e;
    font-size:.9rem;
    font-weight:600
}
.checkout-plan-content .button {
    margin:20px 0 0
}
.blog-layout {
    padding: 1rem;
}
.blog-images {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    border-radius: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    float: left;
}
.blog-content {
    float: left;
    padding: 0px 0px 0px 1rem;
    font-weight:bold;
    margin: 10px auto;
}
.blog-content h2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog-layout-main {
    background: rgba(16, 17, 30, .6);
    display: flex;
    padding: 1rem;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
    border-radius: 14px;
}
.blog-content-des p {
    color:#B1B1C1;
}
/*
    ====================================================================================================
    微信分享
    ====================================================================================================
*/
 .wechat-share {
    border-radius: 20px;
}
.wechat-share>h2 {
    color: #555;
}
.wechat-share>p {
    color: #55555596;
}
.wechat-share>.fancybox-close-small {
    color: #000;
}
/*
    ====================================================================================================
    二维码弹窗
    ====================================================================================================
*/
 .fc-content {
    text-align: center;
    border-radius: 20px;
}
.fc-content>h2 {
    color: #555;
}
.fc-content button {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    font: inherit;
    border: none;
    border-radius: 5px;
    outline: 0;
    -webkit-appearance: none;
    text-align: center;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
    padding: 0 1.8rem;
    height: 50px;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    background-color: #323a96;
}
.fc-container .fancybox-bg {
    background: #000;
}
/*
    ====================================================================================================
    文章分享卡片
    ====================================================================================================
*/
 .quick-view-aside h3 {
    color: #555;
}
#article-sharing-card p {
    text-align: left;
}
#article-sharing-card button {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    font: inherit;
    border: none;
    border-radius: 5px;
    outline: 0;
    -webkit-appearance: none;
    text-align: center;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
    padding: 0 1.8rem;
    height: 50px;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    background-color: #323a96;
}
/*
    ====================================================================================================
    文章微信分享二维码
    ====================================================================================================
*/
#article-wechat-sharing-qr-code{
    
}