close, .bot-close {
    background-color: rgb(5, 5, 5);
    border-color: rgb(45, 45, 45);
}

body, .full-meta li span.val {
    background-color: #161616;
}

body, .preview-bottom-ins li, .catslist-ins span.cat-total {
    color: rgb(192, 192, 192);
}

.preview-ins, .val-sort, .open, .search button, .menu li a, .brs-block, .catslist, .searches-list, .list, .desc-main, .full-wrap {
    background-color: #161616;
}

.preview-ins:hover, .navi li span, .catslist a, .searches-list a, .list a, .full-bns-block, .full-meta li div, .full-meta li a {
    background-color: rgb(36 36 36);
}

img, .br, .navi li a, .full-bn {
    background-color: #393939;
}

.preview-ins, .val-sort, .open, .search form, .menu li a, .brs-block, .catslist, .catslist a, .searches-list, .searches-list a, .list, .list a, .desc-main, .full-wrap, .full-bns-block, .full-meta li div, .full-meta li a, .full-meta li span.val {
    border-color: rgb(22, 22, 22);
}

a:hover, .logo a span, .preview-ins .name, h1, .menu li a i, .catslist-ins span.cat-name i, .foot span, .full-meta li .full-links-name i {
    color: rgb(192 192 192);
}

.preview-ins:hover .name {
    color: whitesmoke;
}

.preview-icon .icon, .navi li a:hover, .navi li a.active, .navi li.active a, .open:hover, .open.active, .search button:hover, .menu li a:hover, .menu li a.active, .menu li.active a, .catslist-icon span, .searches-list span.searches-icon, .list-icon span, .full-play span, .full-meta li span.cat-tag, .close:hover, .bot-close:hover {
    color: rgb(255 255 255 / 90%);
}

.preview-ins:hover, .preview-icon .icon, .open:hover, .open.active, .search button:hover, .menu li a:hover, .menu li a.active, .menu li.active a, .catslist-icon span, .catslist a:hover, .searches-list a:hover, .searches-list a span.searches-icon, .list-icon span, .list a:hover, .full-meta li span.cat-tag, .full-meta li a:hover, .close:hover, .bot-close:hover {
    border-color: rgb(192 192 192);
}

a, h2, .logo a, .preview-ins:hover .preview-bottom-ins li, .catslist a:hover span.cat-total, .preview-network .preview-ins a:hover .name, .desc-main span, .full-meta li span.val, .full-meta li .full-links-name {
    color: rgb(246, 246, 246);
}

.open, .search button, .menu li a, .menu li a:hover i, .menu li a.active i, .menu li.active a i {
    color: rgb(192 192 192);
}

.search input {
    background-color: rgba(255, 255, 255, 0.9);
    color: rgb(46, 46, 46);
}

.search input:focus {
    background-color: rgb(255, 255, 255);
}

body, html, div, p, a, ul, li, input, button, form, textarea, span, img, h1, h2, h3 {
    margin: 0;
    padding: 0;
}

div, ul, li, a {
    overflow: hidden;
}

body {
    font-family: Arial, sans-serif;
}

li {
    list-style-type: none;
}

img {
    display: block;
}

a {
    text-decoration: none;
}

h1, h2 {
    font-weight: normal;
    text-transform: capitalize;
}

h1 {
    float: left;
    margin: 10px 5px 0 5px;
    font-size: 18px;
    line-height: 28px;
    overflow: hidden;
}

h2 {
    margin: 40px 5px 0 5px;
    font-size: 22px;
    line-height: 24px;
}

.wrap {
    margin: 0 auto;
    position: relative;
}

.head {
    font-size: 0;
    text-align: center;
}

.open {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    margin: 10px 1px 0 1px;
}

.open-menu {
    float: left;
}

.open-search {
    float: right;
}

.logo {
    display: inline-block;
    vertical-align: top;
    margin: 10px 5px 0 5px;
}

.logo a {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    display: block;
    text-transform: capitalize;
    color: #ff0303;
}

.val-sort {
    border-style: solid;
    border-width: 1px;
    margin: 10px 1px 0 1px;
    padding: 0 0 10px 5px;
    text-transform: capitalize;
}

.navi {
    float: left;
    padding-top: 5px;
}

.navi ul {
    float: left;
    margin: 0 15px 0 5px;
}

.navi li {
    float: left;
    margin: 5px 2px 0 0;
}

.navi li a, .navi li span {
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
}

.search {
    display: none;
    padding: 10px 10px 0 10px;
    margin: 0 auto;
    max-width: 580px;
}

.search form {
    border-style: solid;
    border-width: 1px;
    position: relative;
}

.search input {
    text-transform: capitalize;
    width: 96%;
    padding: 0 2%;
    border: 0 none;
    outline: 0 none;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
}

.search button {
    position: absolute;
    top: 0;
    right: 0;
    border: 0 none;
    cursor: pointer;
    outline: 0 none;
    width: 65px;
    text-align: center;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
}

.menu {
    display: none;
    padding: 10px 10px 0 10px;
    margin: 0 auto;
    max-width: 580px;
    text-align: left;
}

.menu li {
    margin-top: 1px;
}

.menu li a {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    text-transform: capitalize;
    padding: 0 20px;
}

.previews-block {
    padding-top: 8px;
}

.preview {
    width: 100%;
}

.preview-ins {
    border-style: solid;
    border-width: 1px;
    margin: 2px 1px 0 1px;
    padding: 4px;
}

.preview a {
    display: block;
}

.preview-img {
    position: relative;
    padding-bottom: 56.6%;
}

.preview-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.preview-ins .name {
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    padding-top: 2px;
}

.preview-bottom {
    display: table;
    width: 100%;
    padding-top: 3px;
}

.preview-bottom-ins, .preview-icon {
    display: table-cell;
    vertical-align: middle;
}

.preview-bottom-ins {
    padding-left: 2px;
}

.preview-bottom-ins ul {
    height: 16px;
    margin-top: 2px;
}

.preview-bottom-ins li {
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 12px;
    margin-right: 15px;
}

.preview-bottom-ins li:last-child {
    margin-right: 0;
}

.preview-bottom-ins li span.hd {
    display: block;
    padding: 0 3px;
    font-size: 12px;
    border-radius: 1px;
}

.preview-bottom-ins li span.hd, .navi li.active a.navi-hd, .navi li a.navi-hd:hover {
    background-color: rgb(35, 145, 225);
    background: linear-gradient(to bottom, rgb(55, 165, 245), rgb(15, 125, 205));
    color: rgb(255, 255, 255);
}

.preview-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-top: 3px;
}

.preview-icon .icon {
    opacity: 0.6;
    border-style: solid;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    border-radius: 9px;
    color: #f00;
    background-color: white;
}

.preview-ins:hover .preview-icon .icon {
    opacity: 1;
}

.preview-ins-cat .name {
    text-transform: capitalize;
}

.pages li a, .pages li span {
    min-width: 18px;
    padding: 0 5px;
}

.brs-block {
    border-style: solid;
    border-width: 1px;
    margin: 10px 1px 0 1px;
    font-size: 0;
    text-align: center;
    padding: 5px 0 15px 0;
}

.br {
    width: 300px;
    height: 250px;
    margin: 10px 5px 0 5px;
    display: inline-block;
    vertical-align: top;
}

.br-2, .br-3, .br-4, .br-5 {
    display: none;
}

.catslist {
    border-style: solid;
    border-width: 1px;
    margin: 10px 1px 0 1px;
    font-size: 0;
    padding: 8px 9px 10px 9px;
}

.catslist li {
    page-break-inside: avoid;
    break-inside: avoid;
}

.catslist-wr {
    float: left;
    width: 100%;
}

.catslist a {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    display: block;
    margin: 2px 1px 0 1px;
}

.catslist-cat {
    display: table;
    width: 100%;
    height: 36px;
}

.catslist-ins, .catslist-icon {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

.catslist-ins span {
    display: block;
    overflow: hidden;
    padding-left: 0.5px;
}

.catslist-ins span.cat-name {
    font-size: 15px;
    height: 18px;
    line-height: 18px;
    text-transform: capitalize;
}

.catslist-ins span.cat-total {
    font-size: 12px;
    height: 18px;
    line-height: 18px;
}

.catslist-icon {
    width: 30px;
    padding-left: 5px;
}

.catslist-icon span {
    opacity: 0.9;
    border-style: solid;
    border-width: 1px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    display: block;
    text-align: center;
    font-size: 14px;
}

.catslist a:hover .catslist-icon span {
    opacity: 1;
}

.searches-list {
    border-style: solid;
    border-width: 1px;
    margin: 10px 1px 0 1px;
    padding: 8px 8px 10px 10px;
}

.searches-list li {
    float: left;
    margin: 2px 2px 0 0;
}

.searches-list a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 15px;
}

.searches-list span {
    display: block;
    float: left;
}

.searches-list span.searches-icon {
    opacity: 0.9;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 5px;
    font-size: 12px;
    text-align: center;
}

.searches-list a:hover span.searches-icon {
    opacity: 1;
}

.searches-list span.searches-name {
    padding: 0 10px 0 3px;
    text-transform: capitalize;
}

.preview-network .preview-ins .name {
    text-transform: capitalize;
    margin-top: 2px;
    font-size: 13px;
}

.preview-network .preview-icon {
    width: 22px;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
}

.preview-network .preview-icon .icon {
    opacity: 0.9;
    border-style: solid;
    border-width: 1px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
}

.list {
    border-style: solid;
    border-width: 1px;
    margin: 10px 1px 0 1px;
    padding: 8px 8px 10px 10px;
    font-size: 0;
}

.list li {
    page-break-inside: avoid;
    break-inside: avoid;
}

.list-wr {
    float: left;
    width: 100%;
}

.list a {
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    display: block;
    margin: 2px 1px 0 1px;
}

.list-ins {
    display: table;
    width: 100%;
    height: 24px;
}

.list-name, .list-icon {
    display: table-cell;
    vertical-align: middle;
}

.list-name {
    padding-left: 5px;
    font-size: 15px;
    text-transform: capitalize;
}

.list-icon {
    width: 24px;
    padding-left: 5px;
}

.list-icon span {
    opacity: 0.9;
    border-style: solid;
    border-width: 1px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: block;
    text-align: center;
    font-size: 14px;
}

.list a:hover .list-icon span {
    opacity: 1;
}

.desc-main {
    border-style: solid;
    border-width: 1px;
    margin: 10px 1px 0 1px;
    padding: 0 10px 10px 10px;
    text-align: justify;
    font-size: 14px;
    line-height: 22px;
}

.desc-main p {
    padding-top: 10px;
}

.full-play {
    float: left;
    margin: 10px 5px 0 0;
}

.full-play span {
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    width: 30px;
    text-align: center;
}

.full-wrap {
    border-style: solid;
    border-width: 1px;
    margin: 10px 1px 0 1px;
}

.full-tab {
    display: table;
    width: 100%;
}

.video {
    background-color: rgb(0, 0, 0);
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.video iframe, .video object, .video embed, .video video, .video source {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.on-player-pl {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
}

.on-player {
    background-color: rgb(25, 25, 25);
    border: 1px solid rgb(5, 5, 5);
    padding: 0 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 330px;
    z-index: 5500;
    margin: -156px 0 0 -166px;
}

.on-player-line {
    color: rgb(205, 205, 205);
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-transform: capitalize;
    text-align: center;
}

.on-player-name {
    float: left;
    padding-left: 4px;
}

.close {
    float: right;
    width: 28px;
    font-family: Arial, sans-serif;
}

.on-pl-spts {
    background-color: rgba(0, 0, 0, 0.7);
    overflow: hidden;
}

.on-player-sp {
    background-color: rgb(45, 45, 45);
    width: 300px;
    height: 250px;
    overflow: hidden;
}

.on-player-sp-2 {
    display: none;
}

.close, .bot-close {
    color: rgb(245, 245, 245);
    display: inline-block;
    vertical-align: top;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    margin: 5px 0;
}

.bot-close {
    padding: 0 10px;
}

.on-player-sp iframe {
    width: 300px !important;
    height: 250px !important;
    position: static;
}

.full-meta-wr {
    padding: 0 0 10px 0;
}

.full-meta {
    float: left;
}

.full-meta ul {
    float: left;
    padding: 8px 8px 0 10px;
}

.full-meta li {
    float: left;
    margin: 2px 2px 0 0;
}

.full-meta li div, .full-meta li a {
    display: block;
    height: 36px;
    line-height: 36px;
    border-style: solid;
    border-width: 1px;
    padding: 0 5px;
    font-size: 14px;
    text-align: center;
}

.full-meta li div span, .full-meta li a span {
    float: left;
    margin: 4px 5px;
    display: block;
    height: 28px;
    line-height: 28px;
}

.full-meta li span.val {
    font-size: 14px;
    min-width: 16px;
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    margin-left: 0;
}

.full-meta li.like a, .full-meta li.dislike a {
    cursor: pointer;
    width: 36px;
    padding: 0;
    font-size: 18px;
}

.full-meta li.like a {
    background-color: rgb(117, 176, 31);
    background: linear-gradient(to bottom, rgb(137, 196, 51), rgb(97, 156, 11));
    border-color: rgb(97, 156, 11);
    color: rgb(255, 255, 255);
}

.full-meta li.like a:hover {
    background: rgb(87, 146, 1);
    border-color: rgb(107, 166, 21);
}

.full-meta li span.perc {
    background-color: rgb(117, 176, 31);
    border-color: rgb(127, 186, 41);
    color: rgb(255, 255, 255);
}

.full-meta li.dislike a {
    background-color: rgb(217, 77, 77);
    background: linear-gradient(to bottom, rgb(237, 97, 97), rgb(197, 57, 57));
    border-color: rgb(197, 57, 57);
    color: rgb(255, 255, 255);
}

.full-meta li.dislike a:hover {
    background: rgb(187, 47, 47);
    border-color: rgb(207, 67, 67);
}

.full-meta li .full-links-name {
    border-color: transparent;
    background: none;
    padding: 0 5px 0 0;
    text-transform: capitalize;
}

.full-meta li a {
    text-transform: capitalize;
}

.full-meta li a span.val {
    opacity: 0.9;
}

.full-meta li a:hover span.val {
    opacity: 1;
}

.full-bns-block {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0 0 10px 0;
    text-align: center;
    font-size: 0;
}

.full-bns-name {
    font-size: 16px;
    text-transform: capitalize;
    margin: 10px 5px 0 5px;
    height: 18px;
    line-height: 18px;
}

.full-bn {
    margin: 10px 5px 0 5px;
    display: inline-block;
    vertical-align: top;
    width: 300px;
    height: 250px;
}

.full-bn-2, .full-bn-3 {
    display: none;
}

.foot {
    padding: 10px 0 20px 0;
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize;
    text-align: center;
}

.foot p {
    margin: 10px 5px 0 5px;
}

.foot ul {
    padding-top: 5px;
}

.foot li {
    margin: 5px 5px 0 5px;
    display: inline-block;
    vertical-align: top;
}

.foot a {
    text-decoration: underline;
}

.foot a:hover {
    text-decoration: none;
}

@media all and (min-width: 332px) {
    .preview {
        float: left;
        width: 50%;
    }

    .logo a {
        font-size: 18px;
    }
}

@media all and (min-width: 400px) {
    .logo a {
        font-size: 22px;
    }

    .preview-ins-cat .name {
        font-size: 16px;
    }
}

@media all and (min-width: 640px) {
    .logo a {
        font-size: 28px;
    }

    .br-2, .full-bn-2 {
        display: inline-block;
    }

    .catslist ul, .list ul {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
    }

    .on-player-pl {
        display: block;
    }
}

@media all and (min-width: 664px) {
    .preview {
        width: 33.3333%;
    }
}

@media all and (min-width: 1016px) {
    .wrap {
        width: 996px;
    }

    .logo a {
        font-size: 32px;
    }

    .val-sort {
        overflow: hidden;
        padding: 0;
    }

    h1 {
        font-size: 20px;
        margin: 10px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
    }

    h2 {
        margin: 40px 1px 0 1px;
    }

    .navi {
        float: right;
        padding: 0;
    }

    .navi ul {
        margin: 0 0 0 10px;
    }

    .navi li {
        margin: 0 0 0 1px;
    }

    .navi li a, .navi li span {
        height: 50px;
        line-height: 50px;
    }

    .pages {
        float: left;
    }

    .pages ul {
        margin: 0;
    }

    .pages li {
        margin: 0 1px 0 0;
    }

    .pages li a, .pages li span {
        min-width: 40px !important;
        padding: 0 5px !important;
    }

    .preview {
        width: 332px;
    }

    .preview-ins-cat .name {
        font-size: 18px;
    }

    .br-3 {
        display: inline-block;
    }

    .catslist ul, .list ul {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
    }

    .full-play {
        margin: 0;
    }

    .full-play span {
        width: 60px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
    }

    .full-block, .full-bns-block {
        display: table-cell;
        vertical-align: top;
    }

    .full-bns-block {
        border-left-style: solid;
        border-left-width: 1px;
        border-top: 0 none;
        width: 320px;
    }
}

@media all and (min-width: 1348px) {
    .wrap {
        width: 1328px;
    }

    .open {
        display: none;
    }

    .logo a {
        height: 50px;
        line-height: 50px;
    }

    .menu {
        display: block !important;
        position: absolute;
        top: 10px;
        left: 0;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    .menu li {
        float: left;
        margin: 0 1px;
    }

    .menu li a {
        font-size: 16px;
        padding: 0 15px;
        text-align: center;
    }

    .search {
        display: block !important;
        position: absolute;
        top: 10px;
        right: 1px;
        max-width: 100%;
        width: 330px;
        padding: 0;
        margin: 0;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .navi li a, .navi li span {
        min-width: 70px;
        font-size: 16px;
        padding: 0 15px;
    }

    .br-4 {
        display: inline-block;
    }

    .catslist ul, .list ul {
        column-count: 4;
        -moz-column-count: 4;
        -webkit-column-count: 4;
    }

    .full-bns-name {
        height: 30px;
        line-height: 30px;
    }

    .on-player {
        width: 608px;
        padding: 0 2px;
        margin: -156px 0 0 -306px;
    }

    .close {
        margin-right: 2px;
    }

    .on-player-sp {
        float: left;
        margin: 0 2px;
    }

    .on-player-sp-2 {
        display: block;
    }
}

@media all and (min-width: 1680px) {
    .wrap {
        width: 1660px;
    }

    .logo a {
        font-size: 36px;
        height: 60px;
        line-height: 60px;
    }

    .menu li a {
        font-size: 18px;
        min-width: 120px;
        height: 58px;
        line-height: 58px;
    }

    .search {
        width: 480px;
    }

    .search input {
        height: 58px;
        line-height: 58px;
        width: 94%;
        padding: 0 3%;
        font-size: 18px;
    }

    .search button {
        height: 58px;
        line-height: 58px;
        width: 75px;
        font-size: 20px;
    }

    h1 {
        font-size: 26px;
    }

    .pages li a, .pages li span {
        min-width: 45px !important;
    }

    .br-5 {
        display: inline-block;
    }

    .catslist ul, .list ul {
        column-count: 6;
        -moz-column-count: 6;
        -webkit-column-count: 6;
    }

    .full-meta li div, .full-meta li a {
        height: 46px;
        line-height: 46px;
        font-size: 16px;
    }

    .full-meta li div span, .full-meta li a span {
        height: 38px;
        line-height: 38px;
    }

    .full-meta li span.val {
        font-size: 16px;
        min-width: 26px;
        height: 36px;
        line-height: 36px;
    }

    .full-meta li.like a, .full-meta li.dislike a {
        width: 46px;
        font-size: 22px;
    }

    .full-meta li span.perc {
        padding: 0 8px;
    }

    .full-bn-3 {
        display: inline-block;
    }

    .full-bns-name {
        height: 18px;
        line-height: 18px;
    }
}

body, input {
}