p {
    margin-top: 15px;
    margin-bottom: 5px;
}

a {
    color: #ccc;
    text-decoration: none
}

body {
    margin: 0;
    background: #171717;
    background-image: -moz-radial-gradient(center,ellipse cover,#181923 50%,#10101a 80%);
    background-image: -webkit-radial-gradient(center,ellipse cover,#181923 50%,#10101a 80%);
    background-image: radial-gradient(ellipse cover at center,#181923 50%,#10101a 80%);
    font-family: 'GothamPro',sans-serif;
    height: 100vh;
}

* {
    outline: none;
    text-decoration: none;
}

.centerinfo {
    width: 100%;
    height: 300px;
    height: max-content;
    max-width: 600px;
    text-align: center;
    margin: auto;
    line-height: 22px;
    font-size:13px;
}

h1 {
    color: #ddd;
    font-size: 38px;
    margin: 50px auto;
    font-weight: 500;
    line-height: 42px;
}

.enter-website {
    outline: 0;
    font-size: 25px;
    background: #46b23c;
    color: #FFF;
    padding: 15px 25px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #46b23c;
    transition: 0.3s;
}

.enter-website:hover {
    background: #369f2c;
}

.howtocontent {
    max-width: 945px;
    padding: 10px 20px;
    background: #111216;
    border-radius: 5px;
}

.content-left {
    max-width: 985px;
    margin: auto;
}


.wrapper {
    position: relative;
    width: 1280px;
    margin: 0 auto
}

#header-wrapper {
    min-height: 114px
}

#header {
    position: relative;
    height: auto
}

#header .header-content {
    height: 64px
}

.header-content {
    position: relative;
    height: 70px
}

.header-left {
    width: 60%;
    height: 100%;
    float: left
}

.header-right {
    width: 40%;
    height: 100%;
    float: right
}

.scroll {
    max-height: 270px;
    overflow-y: auto
}

.scroll::-webkit-scrollbar {
    width: 16px;
    height: 16px;
    background: inherit
}

.scroll::-webkit-scrollbar-track:vertical {
    border-right: 8px solid rgba(0,0,0,.2)
}

.scroll::-webkit-scrollbar-thumb:vertical {
    border-right: 8px solid rgba(255,255,255,.2)
}

.scroll::-webkit-scrollbar-track:horizontal {
    border-bottom: 8px solid rgba(0,0,0,.2)
}

.scroll::-webkit-scrollbar-thumb:horizontal {
    border-bottom: 8px solid rgba(255,255,255,.2)
}

.scroll::-webkit-resizer,.scroll::-webkit-scrollbar-corner {
    background: inherit;
    border-right: 8px solid rgba(255,255,255,.2)
}

.scroll.home {
    max-height: 93px
}

#content {
    height: auto;
    min-height: 600px
}

.film-content {
    margin-top: 29px
}

.film-content .clear {
    display: none
}

.film-content h1,.film-content h2 {
    margin: 50px 0 15px
}

.single-content {
    position: relative;
    display: block;
    margin-bottom: 5px;
    width: 100%
}

a.add-to {
    display: inline-block;
    float: right;
    background: #1d1d1d;
    padding: 2px 0;
    margin-top: -4px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    cursor: pointer;
    text-decoration: none
}

a.add-to:hover {
    color: #e2c022
}

.single-content.c-sidebar {
    width: 23%;
    float: left;
    background: #212121;
    box-shadow: 0 2px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    padding: 12px 12px 10px 0;
    border-radius: 2px
}

.c-sidebar h2 {
    border-color: #2d2d2d
}

.c-sidebar h3 {
    font-size: 14px
}

.left-c {
    float: left;
    width: 70%
}

.left-r {
    float: right;
    width: 30%
}

.left-c .single-content,.left-r .single-content {
    width: 100%!important
}

.article {
    margin-top: 10px
}

.article h1 {
    font-size: 18px;
    color: #fff;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #242424
}

.article-content p {
    margin: 0 0 10px;
    line-height: 16px;
    text-align: justify;
    text-justify: inter-word
}

.article-content p:empty {
    display: none
}

.article-content p a {
    color: #62ade8
}

.article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 2px 1px rgba(0,0,0,.21)
}

.button {
    background: #252525;
    background: linear-gradient(to bottom,#262727,#252525 100%);
    border: 0;
    border-radius: 2px;
    padding: 8px 35px;
    color: #dedede;
    box-shadow: 0 1px 1px rgba(0,0,0,.03),inset 0 3px 2px rgba(0,0,0,.02);
    cursor: pointer;
    height: 45px;
    outline: 0
}

.button:hover {
    background: linear-gradient(to bottom,#262626,#3a3a3a 100%)
}

.button:active {
    box-shadow: 0 1px 1px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.42)
}

.tab {
    float: left;
    background: 0;
    border: 0;
    padding: 10px 20px;
    color: #dedede;
    font-size: 14px;
    box-shadow: 2px 0 2px 0 rgba(0,0,0,.2);
    cursor: pointer
}

.sidebar-tab {
    display: none
}

.content-right {
    width: 100%;
    float: right;
    overflow: hidden
}

.content-right .single-content.sidebar {
    width: 100%
}

.center {
    text-align: center
}

.button.like-button {
    height: 18px;
    padding: 0 1px;
    font-size: 12px;
    background: 0;
    box-shadow: none
}

.single-content.sidebar {
    width: 30%;
    float: right
}

.top {
    margin-bottom: 10px;
    padding-bottom: 7px;
    border-bottom: 2px solid #282828;
    display: block;
    font-size: 14px;
    font-family: "Noto Sans",arial,helvetica,sans-serif
}

.top span {
    padding-bottom: 5px;
    padding-right: 6px;
    border-bottom: 2px solid #f3d872
}

.sidebar-content {
    display: block;
    background: #1b1b1b;
    margin: 15px 0 15px 15px;
    padding: 13px 13px 10px;
    border-radius: 2px;
    box-shadow: 0 2px 1px rgba(0,0,0,.06)
}

.sidebar-content select {
    display: block;
    width: 100%;
    padding: 5px;
    background: #242424;
    border: 1px solid #323232;
    color: #ccc;
    box-sizing: border-box
}

.left {
    float: left
}

.right {
    float: right
}

.article-content {
    font-size: 14px
}

button:disabled {
    background: none repeat scroll 0 0 rgba(255,255,255,.04)!important;
    border-color: rgba(222,222,222,.75)!important;
    color: rgba(255,255,255,.29)!important;
    cursor: not-allowed
}

.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignnone {
    margin: 5px 10px 20px 0
}

.add-content {
    padding-top: 40px
}

.add-content h1 {
    font-size: 24px;
    color: #f3d872
}

a.select-type {
    display: inline-block;
    margin: 30px 5px;
    width: 100px;
    padding: 35px 50px 40px;
    background: #222;
    border-radius: 2px;
    box-shadow: 0 2px 1px rgba(0,0,0,.2);
    font-size: 14px
}

.select-type:hover {
    background: #282828;
    color: #f3d872;
    text-decoration: none
}

.select-type span {
    display: block;
    margin-bottom: 10px;
    font-size: 26px
}

#note {
    display: block;
    box-sizing: border-box;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 3px;
    line-height: 14px;
    background: #1b1b1b;
    text-shadow: 0 1px 1px rgba(0,0,0,.62)
}

#note .remove {
    float: right;
    margin-right: -5px;
    cursor: pointer
}

#note.red {
    background: #762a2a;
    background: linear-gradient(to bottom,#762a2a,#d24444 100%)
}

#note.green {
    background: #65762a;
    background: linear-gradient(to bottom,#65762a,#b2d244 100%)
}

.content.wrapper {
    padding: 10px;
    border-radius: 5px
}

body {
    color: #8289b3!important
}

#header-wrapper {
    min-height: auto;
    margin-bottom: 0;
    margin-top: 0
}

#header .header-content {
    height: 64px;
    padding: 10px
}

.content.wrapper {
    border: 0;
    box-shadow: none!important;
    border-radius: 3px 3px 0 0;
    min-height: 400px;
    overflow: hidden
}

h1.title,h2.title,h4.title {
    border: none!important;
    align-items: center
}

h1.title span,h2.title span,h4.title span {
    color: #eee;
    border-bottom: none!important;
    border: none!important;
    font-weight: 700;
    font-size: 26px;
    padding-right: 10px
}

.title_button {
    background: #181923;
    border-radius: 3px;
    padding: 6px 9px;
    font-size: 10px;
    color: #eee;
    vertical-align: text-top
}

.title_button:hover {
    text-decoration: none;
    background: #443b6d!important;
    color: #e6e1fb!important
}

.sidebar-content {
    background: #111216;
    box-shadow: none!important;
    border: 1px solid #111216;
    border-radius: 3px!important
}

.settings-menu {
    font-size: 14px;
    font-weight: 700;
    transition: .3s;
    text-decoration: none;
    background: #181923;
    border: 0;
    overflow: hidden;
    border-top: 0;
    text-transform: uppercase;
    margin: 0;
    margin-right: 20px;
    border-radius: 5px;
    padding: 0
}

.settings-menu .top {
    border-bottom: 1px solid #22242f;
    padding: 14px;
    margin-bottom: 10px
}

.top span {
    border-bottom: none!important
}

h4.title {
    border-color: #14161d!important
}

.button {
    box-shadow: none;
    text-shadow: none;
    background: #443b6d;
    color: #eee;
    display: inline-block;
    line-height: 26px;
    box-sizing: border-box;
    margin-top: 10px;
    border: 0;
    vertical-align: top;
    font-weight: 700
}

.button.edit {
    background: #868686!important;
    color: #fff!important;
    border-color: #868686;
    text-decoration: none
}

.button:hover {
    background: #362f56!important;
    color: #fff!important;
    border-color: #868686;
    text-decoration: none
}

.button:hover.arrow-bottom:after {
    color: #fff
}

.tab {
    box-shadow: none!important;
    color: #eee;
    background: #181923
}

button:disabled {
    background: none repeat scroll 0 0 rgba(255,255,255,.04)!important;
    color: #ddd!important
}

#at-custom-sidebar {
    box-shadow: none!important;
    background: 0 0!important
}

.article-content {
    padding: 10px
}

.article-content p {
    line-height: 22px
}

.film-content {
    margin-top: 0
}

.icon-scroll {
    cursor: pointer;
    width: 40px;
    height: 70px;
    box-shadow: inset 0 0 0 1px #000;
    border-radius: 25px;
    margin: -50px auto 0
}

.icon-scroll:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #000;
    margin-left: 16px;
    top: 8px;
    border-radius: 4px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(46px);
        transform: translateY(46px)
    }
}

@keyframes scroll {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(46px);
        transform: translateY(46px)
    }
}

.a2a_svg {
    width: 27px!important;
    height: 27px!important
}

@media only screen and (max-width: 1320px) {
    .settings-menu {
        margin:0 0 20px
    }

    .icon-scroll {
        margin: 0 auto!important
    }

    #header-wrapper {
        margin: 0 auto 10px!important
    }

    #header .header-content {
        border-radius: 3px
    }

    #header-wrapper {
        width: 100%!important
    }

    .wrapper {
        width: 100%!important;
        box-sizing: border-box!important;
        padding: 0 10px!important;
        display: block!important;
        width: auto!important
    }

    .content.wrapper {
        padding-top: 10px!important
    }

    .film-content .clear {
        display: none
    }

    #header-wrapper {
        height: auto;
        min-height: 60px;
        min-height: auto;
        margin-bottom: 15px
    }

    .content-left,.left-c,.single-content {
        width: 100%!important;
        margin-left: 0;
        margin-right: 0
    }

    .film-content {
        width: auto!important;
        float: none!important
    }

    .sidebar {
        display: none
    }

    .header-right {
        display: none;
        width: auto
    }

    .header-left {
        width: 100%;
        text-align: center
    }

    .c-sidebar,.content-right,.left-r,.sidebar {
        display: none
    }

    .button {
        font-size: 14px;
        height: auto
    }

    .article-content {
        font-size: 14px
    }

    .sidebar-tab {
        display: block
    }

    #sidebar {
        width: 100%
    }

    #sidebar .sidebar-content,#sidebar .single-content {
        display: block;
        margin-left: 0
    }
}

@media only screen and (max-width: 659px) {
    .tab {
        float:none
    }

    .wide-button {
        display: none
    }

    .right {
        width: 100%;
        margin-bottom: 10px
    }

    a.select-type {
        width: 100%;
        padding: 20px 0;
        margin: 15px 0 0
    }
}

@-webkit-keyframes snow {
    100% {
        background-position: 0 200px,0 200px,0 200px,0 200px
    }
}

@keyframes snow {
    100% {
        background-position: 0 200px,0 200px,0 200px,0 200px
    }
}

#previous p {
    margin-top: 6px;
    margin-bottom: 6px
}