.autocomplete-suggestions {
    border: 1px solid #1b1b1b;
    background: #2e2f35;
    overflow: auto;
    margin: 0 -60px 0 0;
    border-radius: 10px;
    overflow: hidden;
}

.autocomplete-suggestion {
    padding: 8px 15px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    color: #fff;
}

.autocomplete-selected {
    background: #151515;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #ea1753;
    border-bottom: 1px solid #ea1753;
}

.autocomplete-group {
    padding: 5px;
    font-weight: bold;
    padding: 10px 15px;
    font-weight: bold;
    color: #fff;
    background: #ea1753;
}

.autocomplete-group strong {
    display: block;
}

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;700&display=swap&subset=cyrillic');

/* NOTE */
/* .place ~ .item:nth-of-type such selection used
in case of banner or sidebar is placed on one line with items */
/* NOTE */
@font-face {
    font-family: "icomoon";
    src: url("https://xnhau.hot/static/images/fonts/icomoon.eot?nddhpi&v=1");
    src: url("https://xnhau.hot/static/images/fonts/icomoon.eot?nddhpi#iefix&v=1") format("embedded-opentype"),
    url("../images/fonts/icomoon9990.ttf?nddhpi&v=1") format("truetype"),
    url("https://xnhau.hot/static/images/fonts/icomoon.woff?nddhpi&v=1") format("woff"),
    url("https://xnhau.hot/static/images/fonts/icomoon.svg?nddhpi#icomoon&v=1") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

fieldset,
img {
    border: 0;
}

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

img,
object,
embed {
    vertical-align: bottom;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

p.text {
    width: 100%;
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 24px;

}

@media screen and (max-width: 640px) {
    p.text {
        font-size: 16px;
        margin: 0 0 12px;
    }
}

q:before,
q:after {
    content: "";
}

a * {
    cursor: pointer;
}

html {
    height: 100%;
    background-color: #16171b;
    font-size: 62.5%;
}

body {
    font: 400 14px/1.2 'Exo 2', sans-serif;
    min-height: 100%;
    min-width: 320px;
    position: relative;
    color: #212121;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    height: 100%;
}

a {
    color: #212121;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    font: 400 14px/1.2 'Exo 2', sans-serif;
}

@media (min-width:1025px) {

    .no-touch a:hover {
        color: #1290ff;
    }
}

input,
select,
textarea {
    font-size: 13px;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;;
}

.container {
    margin: 0 auto;
    overflow: hidden;
    position: relative;

    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    overflow: hidden;
}

.hidden {
    display: none;
}

.country {
    margin: 1px 3px 1px 0;
}

.page-error {
    padding: 10px;
    background: transparent;
    color: #e62117;
    border: 1px solid #e62117;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    margin: 20px 0 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.icon:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-edit:before {
    content: "\e900";
}

.icon-private:before {
    content: "\e901";
}

.ico-private:before {
    content: "\e901";
}

.icon-videos:before {
    content: "\e902";
}

.icon-pictures:before {
    content: "\e903";
}

.icon-add_friends:before {
    content: "\e904";
}

.icon-send_message:before {
    content: "\e905";
}

.icon-check1:before {
    content: "\e906";
}

.icon-thank_check:before {
    content: "\e907";
}

.icon-close1:before {
    content: "\e908";
}

.icon-error:before {
    content: "\e909";
}

.icon-user:before {
    content: "\e90a";
}

.icon-comment_arrow:before {
    content: "\e90b";
}

.icon-share:before {
    content: "\e90c";
}

.icon-comments:before {
    content: "\e90d";
}

.icon-screenshots:before {
    content: "\e90e";
}

.icon-report:before {
    content: "\e90f";
}

.icon-download1:before {
    content: "\e910";
}

.icon-details:before {
    content: "\e911";
}

.icon-heart1:before {
    content: "\e912";
}

.icon-like:before {
    content: "\e937";
}

.icon-rss:before {
    content: "\e938";
}

.icon-menu:before {
    content: "\e939";
}

.icon-top_models:before {
    content: "\e93a";
}

.icon-top_sites:before {
    content: "\e93b";
}

.icon-drop_arrow:before {
    content: "\e93c";
}

.icon-sort:before {
    content: "\e93d";
}

.icon-views:before {
    content: "\e93e";
}

.icon-calendar1:before {
    content: "\e93f";
}

.icon-clock:before {
    content: "\e940";
}

.icon-later:before {
    content: "\e941";
}

.icon-top_categories:before {
    content: "\e942";
}

.icon-en:before {
    content: "\e943";
}

.icon-add:before {
    content: "\e944";
}

.icon-mail:before {
    content: "\e945";
}

.icon-print:before {
    content: "\e946";
}

.icon-twitter:before {
    content: "\e947";
}

.icon-facebook:before {
    content: "\e948";
}

.icon-upload1:before {
    content: "\e949";
}

.icon-search1:before {
    content: "\e94a";
}

.icon-home1:before {
    content: "\e94b";
}

.icon-edit1:before {
    content: "\e94c";
}

.icon-private1:before {
    content: "\e94d";
}

.icon-videos1:before {
    content: "\e94e";
}

.icon-send_message1:before {
    content: "\e94f";
}

.icon-add_friend:before {
    content: "\e950";
}

.icon-error1:before {
    content: "\e951";
}

.icon-thank_check1:before {
    content: "\e952";
}

.icon-close2:before {
    content: "\e953";
}

.icon-check2:before {
    content: "\e954";
}

.icon-user1:before {
    content: "\e955";
}

.icon-comments_arrow:before {
    content: "\e956";
}

.icon-comments1:before {
    content: "\e957";
}

.icon-share1:before {
    content: "\e958";
}

.icon-screenshots1:before {
    content: "\e959";
}

.icon-report1:before {
    content: "\e95a";
}

.icon-download2:before {
    content: "\e95b";
}

.icon-details1:before {
    content: "\e95c";
}

.icon-drop_arrow1:before {
    content: "\e95d";
}

.icon-favourites:before {
    content: "\e95e";
}

.icon-like1:before {
    content: "\e95f";
}

.icon-rss1:before {
    content: "\e960";
}

.icon-pagination_arrow:before {
    content: "\e961";
}

.icon-arrow1:before {
    content: "\e962";
}

.icon-sort1:before {
    content: "\e963";
}

.icon-search2:before {
    content: "\e964";
}

.icon-top_models1:before {
    content: "\e965";
}

.icon-top_sites1:before {
    content: "\e966";
}

.icon-views1:before {
    content: "\e967";
}

.icon-calendar2:before {
    content: "\e968";
}

.icon-clock1:before {
    content: "\e969";
}

.icon-top_categories1:before {
    content: "\e96a";
}

.icon-later1:before {
    content: "\e96b";
}

.icon-heart2:before {
    content: "\e96c";
}

.icon-add1:before {
    content: "\e96d";
}

.icon-mail1:before {
    content: "\e96e";
}

.icon-print1:before {
    content: "\e96f";
}

.icon-twitter1:before {
    content: "\e970";
}

.icon-facebook1:before {
    content: "\e971";
}

.icon-upload2:before {
    content: "\e972";
}

.icon-home2:before {
    content: "\e973";
}

.icon-album:before {
    content: "\e913";
}

.icon-arrow:before {
    content: "\e914";
}

.icon-calendar:before {
    content: "\e915";
}

.icon-categories:before {
    content: "\e916";
}

.icon-check:before {
    content: "\e917";
}

.icon-comment-rate-down:before {
    content: "\e918";
}

.icon-comment-rate-up:before {
    content: "\e919";
}

.icon-download:before {
    content: "\e91a";
}

.icon-earth:before {
    content: "\e91b";
}

.icon-eye:before {
    content: "\e91c";
}

.icon-flag:before {
    content: "\e91d";
}

.icon-hand:before {
    content: "\e91e";
}

.icon-heart:before {
    content: "\e91f";
}

.icon-home:before {
    content: "\e920";
}

.icon-info:before {
    content: "\e921";
}

.icon-key:before {
    content: "\e922";
}

.icon-uniE923:before {
    content: "\e923";
}

.icon-uniE924:before {
    content: "\e924";
}

.icon-lock:before {
    content: "\e925";
}

.icon-member:before {
    content: "\e926";
}

.icon-message:before {
    content: "\e927";
}

.icon-model:before {
    content: "\e928";
}

.icon-logout:before {
    content: "\e929";
}

.icon-plus-in-circle:before {
    content: "\e92a";
}

.icon-premium:before {
    content: "\e92b";
}

.icon-search:before {
    content: "\e92c";
}

.icon-shape:before {
    content: "\e92d";
}

.icon-upload:before {
    content: "\e92e";
}

.icon-video:before {
    content: "\e92f";
}

.icon-watch:before {
    content: "\e930";
}

.icon-write:before {
    content: "\e931";
}

.icon-uniE932:before {
    content: "\e932";
}

.icon-uniE933:before {
    content: "\e933";
}

.icon-if_sort_1608845:before {
    content: "\e934";
}

.icon-close:before {
    content: "\e935";
}

.icon-if_ic_touch_app_48px_3669192:before {
    content: "\e936";
}

/* forms */
form .section-title {
    color: #ffffff;
    font-size: 18px;
    margin: 0 0 25px;
    display: block;
    font-weight: 400;
}

form .section-title.expand,
form .section-title.collapse {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

form .section-title.expand:hover,
form .section-title.collapse:hover {
    color: #1290ff;
}

form .section-title.collapse:after,
form .section-title.expand:after {
    content: "\e95d";
    display: block;
    position: absolute;
    margin-left: 10px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 1;
    font-size: 6px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

form .section-title.collapse:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

form .row {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 2.5rem;
    line-height: 0;
}

.message-form {
    padding: 20px 0 0;
    border-top: 1px solid #232428;
}

.message-form .form-upload {
    max-width: 820px;
}


.message-form form .row {
    width: 100%;
    max-width: 100%;
}

form .row:last-child {
    margin: 0;
}

form label {
    display: block;
    margin: 0 0 7px;
    line-height: 1.2;
    color: #ffff6d;
    font-size: 15px;
    font-weight: 400;
}

form label.field-label:after {
    content: ":";
}

form label.field-label.required:after {
    content: " (*):";
}

form .bottom label {
    margin: 0 0 8px;
    color: #8b8f96;
    font-size: 12px;
    line-height: 18px;
}

form .bottom label.field-label {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}

form .button-group .row {
    margin: 5px 0 0 0;
}

.button-group {
    margin: 0 0 2rem;
}

.two-sections .button-group {
    margin: 0;
}

form .button-group .row:first-child {
    margin: 0;
}

form .button-group .row label {
    margin: 0 0 5px;
    cursor: pointer;
    color: #8b8f96;
    transition: color .3s;
}

form .radio,
form .checkbox {
    display: none;
}

form .radio + label,
form .radio + span,
form .checkbox + label,
form .checkbox + span {
    position: relative;
    padding-left: 29px !important;
    cursor: pointer;
}

form .checkbox + label {
    font-size: 12px;
    line-height: 20px;
}

form .radio + span {
    line-height: 1.2;
}

form .checkbox + label::before,
form .checkbox + span::before {
    content: "";
    position: absolute;
    left: 0;
    top: -0;
    z-index: 2;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #2e2f35;
    background-color: #2e2f35;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #2e2f35;
    font-size: 11px;
    text-align: center;
    padding: 3px 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: background-color 0.3s, border 0.3s, color 0.3s, box-shadow .3s;
    transition: background-color 0.3s, border 0.3s, color 0.3s, box-shadow .3s;
}

form .checkbox:checked + label::before,
form .checkbox:checked + span::before {
    content: "\e906";
    background-color: #1290ff;
    border: 1px solid #1290ff;
    color: #fff;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
}

form .radio + span::before,
form .radio + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 2px solid #8b8f96;
    background-color: #191a1d;
    -webkit-transition: background-color 0.3s, border 0.3s, color 0.3s;
    transition: background-color 0.3s, border 0.3s, color 0.3s;
}


form .radio + span::after,
form .radio + label::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 2px solid transparent;
    background-color: transparent;
    -webkit-transition: background-color 0.3s, border 0.3s, color 0.3s;
    transition: background-color 0.3s, border 0.3s, color 0.3s;
}

form .radio:checked + span::before,
form .radio:checked + label::before {
    background-color: #1290ff;
    border: 5px solid #0f1014;
}

form .radio:checked + span::after,
form .radio:checked + label::after {
    border-color: #1290ff;
}

form .submit {
    text-align: center;
    padding: 11px 20px;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    -webkit-transition: background-color 0.3s, color 0.3s, box-shadow .3s, border-color .3s;
    transition: background-color 0.3s, color 0.3s, box-shadow .3s, border-color .3s;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    border-radius: 10px;
    background-color: #1290ff;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
}

@media (min-width: 1025px) {

    .no-touch form .submit:hover {
        color: #fff;
        background-color: #3b3d44;
    }
}

.sidebar form .submit {
    min-width: 154px;
}

.margin-fix .bottom .submit.active,
.margin-fix .bottom .submit.right.active,
form .submit.active {
    background-color: #1290ff;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    border-color: #1290ff;
    color: #fff;
}

.margin-fix .bottom .submit:disabled,
.margin-fix .bottom .submit.right:disabled,
form .submit:disabled {
    pointer-events: none;
    color: rgba(73, 75, 79, 0.95);
}

form .textfield,
form .textarea,
form .selectbox,
form .file {
    padding: 12px 20px;
    width: 100%;
    height: 40px;
    border-radius: 10px;
    background-color: #2e2f35;
    color: #8b8f96;
    font-size: 15px;
    font-weight: 400;
    border: none;
}

form .textarea {
    resize: none;
    min-height: 125px;
}

form .selectbox {
    padding: 10px 20px;
}

form .date {
    font-size: 0;
}

form .date .selectbox {
    width: auto;
    margin-right: 10px;
}

form .file {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: pointer;
    transform: rotate(180deg);
}

form .file[disabled] {
    cursor: default;
}

form .textfield.error,
form .textarea.error,
form .selectbox.error,
form .file.error,
form fieldset.error .textfield,
form fieldset.error .textarea,
form fieldset.error .selectbox,
form fieldset.error .file {
    border: 2px solid #1290ff;
}

form .file-control {
    position: relative;
    width: 100%;
    margin: 0 0 2rem;
}

form .file-control .textfield {
    padding-left: 24px;
}

form .file-control .button {
    position: absolute;
    left: 6px;
    top: 5px;
    border-radius: 10px;
    text-align: center;
    font-weight: 500;
    padding: 15px 10px;
    font-size: 13px;
    color: #fff;
    background-color: #1290ff;
}

form .file-control .button.disabled {
    color: #a2a2a2;
    background: #f1f1f1;
}

form .list-selector-popup {
    position: absolute;
    width: 100%;
    height: 160px;
    left: 0;
    bottom: 52px;
    border-radius: 5px;
    -webkit-box-shadow: -1px 1px 5px rgba(234, 24, 83, 0.3);
    box-shadow: -1px 1px 5px rgba(234, 24, 83, 0.3);
    z-index: 10000;
    background-color: #0f1014;
}

form .list-selector-popup:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #1f2125;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    -webkit-box-shadow: -1px 1px 5px rgba(234, 24, 83, 0.3);
    box-shadow: -1px 1px 5px rgba(234, 24, 83, 0.3);
    bottom: -5px;
    z-index: 10000;
}

form .list-selector-popup:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 7px;
    background-color: #1f2125;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    z-index: 10001;
}

form .list-selector-popup .button-group {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 8px;
    left: 8px;
    bottom: 30px;
    right: 8px;
}

form .list-selector-popup .button-group .group-title {
    margin: 0 5px 10px 0;
    padding: 3px;
    line-height: 1.2;
    background: #c8c8c8;
    font-weight: 800;
}

form .list-selector-popup .button-group .item {
    display: inline-block;
    width: 31%;
    padding: 3px 0 10px;
    vertical-align: top;
}

.fancybox-inner form .list-selector-popup .button-group .item {
    width: 49%;
}

.fancybox-outer,
.fancybox-inner {
    height: auto !important;
    overflow-y: auto !important;
}

@media (max-width: 813px) {
    .fancybox-outer,
    .fancybox-inner {
        height: auto;
        overflow-y: auto !important;
    }

    .fancybox-type-image .fancybox-outer {
        height: auto!important;
    }

    .fancybox-type-image .fancybox-inner {
        height: auto!important;
    }
}

/* .fancybox-lock {
    overflow: auto !important;
} */

form .list-selector-popup .button-group .item label {
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 25px;
}

form .list-selector-popup .filter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #c8c8c8;
    border: none;
}

form .list-selector-popup .filter input {
    width: 100%;
    height: 100%;
    padding: 8px 10px;
    border: none;
    font-weight: 400;
    line-height: 14px;
    background-color: #2e2f35;
    color: #8b8f96;
}

form .bottom {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
}

form .bottom a {
    text-decoration: none;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #8b8f96;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

form .bottom .links {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 0 1.5rem;
    position: relative;
    top: -10px;
}

form .bottom .links p:nth-child(2) a:first-child {
    font-weight: bold;
    color: #1290ff;
}

form .bottom .links p:nth-child(2) a:first-child:hover {
    color: #fff;
}

form .bottom .submit.right {
    float: right;
    margin: 0 0 0 10px;
}

.no-touch form .bottom a:hover {
    color: #1290ff;
}

@media (min-wdith: 1025px) {

    .no-touch form .bottom .submit.right:hover {
        background-color: #1290ff;
        color: #fff;
    }
}

form .captcha-control {
    width: 100%;
}

form .captcha-control .image {
    margin: 0 0 2rem;
    overflow: hidden;
}

form .captcha-control .image img {
    display: block;
    width: 165px;
    height: 68px;
    border-radius: 10px;
    border: 2px solid #2e2f35;
    overflow: hidden;
    margin: 0 0 15px;
}

form .captcha-control .image .textfield {
    max-width: 350px;
    width: 100%;
}

form [data-name="code"] {
    margin: 0 0 2rem;
    min-height: 78px;
}

form .success {
    margin: 1rem;
    color: #1290ff;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

@media screen and (max-width: 500px) {
    form .success {
        font-size: 20px;
    }
}

form .success.hidden {
    display: none;
}

form .success:before {
    z-index: 1;
    content: "\e907";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 63px;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

@media screen and (max-width: 500px) {
    form .success:before {
        width: 100%;
        top: 0;
        margin: 0 0 10px;
    }
}

.fancybox-outer form .success {
    width: auto;
    margin: 3rem;
}

form .generic-error {
    line-height: 20px;
    padding: 16px 10px;
    text-align: center;
    margin: 0 0 30px;
    border-radius: 10px;
    background-color: black;
    color: #ff4444;
    font-size: 18px;
    font-weight: 400;
}

@media screen and (max-width: 860px) {
    form .generic-error {
        font-size: 15px;
        line-height: 17px;
        margin: 0 0 20px;
    }
}

form .generic-error:before {
    z-index: 1;
    content: "\e909";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    margin: 0 3px 0 0;
    display: inline-block;
    position: relative;
    top: 2px;
}


form .info-message {
    display: inline-block;
    position: relative;
    margin: 0 1rem 1rem 1rem;
    padding: 1rem;
    font-size: 14px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #1f2125;
    color: #fff;
}

form .info-message:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #1f2125;
    left: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -5px;
}

form .info-message .bottom {
    display: block;
    padding: 1rem 0 0;
}

form .info-message .submit {
    min-width: auto;
    margin: 5px 5px 0 0;
    border-radius: 10px;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 16px;
    font-weight: 500;
    box-shadow: none;
    padding: 10px 20px;
    background-color: #000;
    color: #8b8f96;
}

form .info-message .submit:hover {
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    background-color: #1290ff;
    color: #ffffff;
}

form .field-error {
    display: none;
    padding: 5px 0 0 0;
    color: #1290ff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

form .field-error label {
    margin: 0;
}

form .smileys-support {
    position: relative;
}

form .smileys-support .textarea {
    border-radius: 0 0 10px 10px;
}

.popup-holder form .smileys-support .textarea {
    border-radius: 0 0 20px 20px;
    min-height: 120px;
}

form .smileys-support .smileys-bar {
    background: #000;
    cursor: default;
    font-size: 0;
    border-radius: 10px 10px 0 0;
}

form .smileys-support img {
    cursor: pointer;
    margin-right: 5px;
}

form .smileys-support img:last-child {
    margin: 0;
}

form .progressbar {
    position: absolute;
    z-index: 1200;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 5.0rem;
    border: 0.2rem solid #1290ff;
    padding: 0.8rem;
    border-radius: 2.4rem;
    background: #1f2125;
}

form .progressbar .text {
    position: absolute;
    width: 100%;
    top: 1rem;
    height: 3rem;
    font-size: 2.2rem;
    line-height: 3rem;
    text-align: center;
    color: #ffffff;
}

form .progressbar.half-done .text {
    color: #ffffff;
}

form .progressbar .progress {
    width: 0;
    height: 3rem;
    background: #1290ff;
    border-radius: 2rem;
}

.block-comments form .captcha-control .image {
    margin: 0 20px 0 0;
    overflow: hidden;
    min-width: 570px;
}

@media screen and (max-width: 1030px) {
    .block-comments form .captcha-control .image {
        margin: 0 0 10px;
    }
}

.block-comments form .captcha-control .image img {
    float: left;
    margin: 0 20px 0 0;
    border: 0;
    border-radius: 0;
}

@media screen and (max-width: 550px) {
    .block-comments form .captcha-control .image img {
        float: none;
        margin: 0 0 10px;
    }
}

.block-comments form .captcha-control .image .textfield {
    max-width: 380px;
}

@media screen and (max-width: 1030px) {
    .block-comments form .captcha-control .image .textfield {
        max-width: 280px;
    }
}

.block-comments form .submit {
    box-shadow: none;
    padding: 11px 21px;
    border-radius: 10px;
    background-color: #9a45ff;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
}

.block-comments form .submit:hover {
    color: #fff;
    background: #1290ff;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
}

/* toggle button */
.toggle-button {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s, box-shadow .3s, border-color .3s;
    transition: background-color 0.3s, color 0.3s, border 0.3s, box-shadow .3s, border-color .3s;
    cursor: pointer;
    line-height: 17px;
    text-transform: uppercase;
    padding: 10px 20px;
    min-height: 70px;
    border: 2px solid transparent;
    border-radius: 10px;
    background-color: #2e2f35;
    color: #8b8f96;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.toggle-button * {
    cursor: pointer;
}

.toggle-button input::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #d4d4d4;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: border 0.3s, background-color 0.3s, box-shadow .3s, color .3s;
    transition: border 0.3s, background-color 0.3s, box-shadow .3s, color .3s;
}

.toggle-button:hover label:before {
    border-color: #fff;
    background: #3b3d44;
}

.toggle-button.inversed.active input::before {
    border: 5px solid #ffffff;
    background-color: #1290ff;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    border-color: #1290ff;
}

.toggle-button.inversed .radio:checked + span::before,
.toggle-button.inversed .radio:checked + label::before {
    border: 5px solid #fff;
}

.toggle-button.inversed.active label::after {
    opacity: 0;
}

.toggle-button.active {
    color: #ffffff;
    background-color: #1290ff;
}

.toggle-button.inversed:hover {
    border: 2px solid #3b3d44;
    background-color: #3b3d44;
}

.toggle-button.inversed:hover label {
    color: #fff;
}

.toggle-button.inversed.active {
    color: #ffffff;
    background-color: #1290ff;
    border-color: #1290ff;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
}

.toggle-button.inversed.active label {
    color: #ffffff;
}

.toggle-button.inversed label {
    padding-left: 40px !important;
}

.toggle-button.done {
    pointer-events: none;
}

.toggle-button.done *,
.toggle-button.disabled * {
    cursor: default;
}

/* top links */
.top-links {
    padding: 5px 20px;
    font-size: 12px;
    background-color: #0b0b0b;
}

.top-links .center-hold {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.network ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.network li {
    margin-right: 30px;
}

.network li:last-child {
    margin: 0;
}

.network a {
    display: block;
    position: relative;
    padding-left: 11px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    letter-spacing: 0.3px;
    color: #8b8f96;

}

.network a::before {
    position: absolute;
    content: "";
    border-radius: 50%;
    z-index: 1;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #8b8f96;
    transition: background 0.3s;

}

@media (min-width: 1024px) {
    .network a:hover {
        color: #1290ff;
    }
    
    .network a:hover::before {
        background: #1290ff;
    }
}

.network .more {
    display: none;
}

.member-links {
    order: 3;
}

.member-links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.member-links .sort {
    min-width: 160px;
}

.member-links .sort ul {
    flex-direction: column;
}

.member-links .sort .type-sort:before {
    display: none;
}

.member-links .sort strong {
    padding: 0 15px 0 0;
}

.member-links li {
    padding: 0 20px 0 0;
    color: #fff;
}

.member-links .sort li {
    padding: 0;
    width: 100%;
}

.member-links .sort ul a {
    display: block;
    width: 100%;
    border-radius: 0;
}

.btn-icon {
    position: relative;
    padding-left: 39px;
}

.member-links .btn-icon {
    padding-left: 34px;
}

.btn-icon:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.login-btn:before {
    content: "\e913";
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
}

.signup-btn:before {
    content: "\e90f";
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
}

.logout-btn:before {
    content: "\e916";
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
}

.member-links a {
    background-color: transparent;
    -webkit-transition: background-color 0.3s, box-shadow .3s, color .3s;
    transition: background-color 0.3s, box-shadow .3s, color .3s;
    line-height: 30px;
    display: block;
    display: block;
    margin: 0 -20px 0 0;
    border-radius: 20px;
    padding: 0 17px;
    color: white;
    font-size: 13px;
    letter-spacing: 0.33px;
}

@media (max-wwidth: 1024px) {
    .no-touch .member-links a:hover {
        color: #fff;
        box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
        background-color: #1290ff;
    }
}

/* header */
.header {
    z-index: 20;
    padding: 8px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #16171b;
    position: relative;
    z-index: 1;
    z-index: 4;
}

.logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
}

.logo a {
    display: block;
    position: relative;
}

.search {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px 0 19px;
}

.search form {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 927px;
    flex: 0 1 927px;
    position: relative;
    padding: 0 10px 0 0;
    border-radius: 20px;
}

.search .search-text input {
    width: 100%;
    border: 0;
    background: none;
    border-radius: 10px;
    background-color: #2e2f35;
    color: #8b8f96;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 65px 10px 20px;
    letter-spacing: 0.38px;
    font: 400 14px/1.2 'Exo 2', sans-serif;
}

.search-text input::-webkit-input-placeholder {
    color: #8b8f96;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font: 400 14px/1.2 'Exo 2', sans-serif;
}

.search-text input:-ms-input-placeholder {
    color: #8b8f96;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font: 400 14px/1.2 'Exo 2', sans-serif;
}

.search-text input::-ms-input-placeholder {
    color: #8b8f96;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font: 400 14px/1.2 'Exo 2', sans-serif;
}

.search-text input::placeholder {
    color: #8b8f96;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font: 400 14px/1.2 'Exo 2', sans-serif;
}

.search-text input:focus::-webkit-input-placeholder {
    color: transparent;
}

.search-text input:focus:-ms-input-placeholder {
    color: transparent;
}

.search-text input:focus::-ms-input-placeholder {
    color: transparent;
}

.search-text input:focus::placeholder {
    color: transparent;
}

.search .search-text input:focus {
    outline: none;
}

.search .search-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    font-size: 0;
    line-height: 49px;
    color: #fff;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 61px;
    border-radius: 0 10px 10px 0;
    background-color: #1290ff;
    padding: 10px 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search .search-button:before {
    content: "\e94a";
    font-size: 20px;
}

@media (min-width: 1024px) {
    .no-touch .search .search-button:hover {
        background-color: #3b3d44;
    }
}

.social-bookmarks {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
}

.addthis_toolbox a.at300b,
.addthis_toolbox a.at300m {
    padding: 0 9px;
}

.addthis_toolbox.addthis_32x32_style span svg {
    display: none !important;
}

.addthis_toolbox.addthis_32x32_style span {
    height: auto !important;
    width: 26px !important;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 26px;
    color: #464750;
    background: transparent !important;
}

.addthis_toolbox a.addthis_button_preferred_1 span {
    width: 32px !important;
}

.addthis_toolbox a.addthis_button_preferred_1 span::before {
    content: "\e947";
}

.addthis_toolbox a.addthis_button_preferred_2 span {
    width: 26px !important;
}

.addthis_toolbox a.addthis_button_preferred_2 span::before {
    content: "\e948";
}

.addthis_toolbox a.addthis_button_preferred_3 span {
    width: 27px !important;
}

.addthis_toolbox a.addthis_button_preferred_3 span::before {
    content: "\e946";
}

.addthis_toolbox a.addthis_button_preferred_4 span {
    width: 31px !important;
}

.addthis_toolbox a.addthis_button_preferred_4 span::before {
    content: "\e945";
}

.addthis_toolbox a.at300m span {
    width: 26px !important;
}

.addthis_toolbox a.at300m span::before {
    content: "\e944";
}

.addthis_toolbox a {
    margin: 0 !important;
}

.addthis_toolbox.addthis_32x32_style a:hover span {
    color: #1290ff;
}

.addthis_toolbox {
    font-size: 0;
    margin: 0 -9px;
}

.at-icon {
    fill: #212121 !important;
    height: 30px !important;
    width: 30px !important;
}

/* navigation */
.header + nav {
    border-left: 0;
    border-right: 0;
    box-shadow: 0 5px 38px rgba(0, 0, 0, 0.09);
    background-color: #2e2f35;
    position: relative;
/*    padding: 0 0 0 55px;*/
}

@media screen and (max-width: 1152px) {
    .header + nav {
        padding: 0;
    }
}

.navigation {
    position: relative;
}

.navigation .button {
    display: none;
    width: 100%;
    padding: 8px 0;
    margin: 0;
    border: none;
    background: transparent;
    height: 38px;
    cursor: pointer;
}

.navigation .button .icon {
    display: inline-block;
    height: 17px;
    width: 29px;
    position: relative;
}

.navigation .button .ico-bar {
    background: linear-gradient(45deg, #ff2de1, #ff93f6, #ec03ff);
    height: 4px;
    width: 100%;
    position: absolute;
    -webkit-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
    left: 0;
}

.navigation .button .ico-bar:first-child {
    top: 0;
}

.navigation .button .ico-bar:nth-child(2) {
    top: 8px;
}

.navigation .button .ico-bar:nth-child(3) {
    top: 16px;
}

.navigation.open .button .ico-bar {
    background: linear-gradient(45deg, #ff2de1, #ff93f6, #ec03ff);
    left: 4px;
}

.navigation.open .button .ico-bar:first-child {
    top: -2px;
    -webkit-transform: rotate(45deg) translate(5px, 9px);
    transform: rotate(45deg) translate(5px, 9px);
}

.navigation.open .button .ico-bar:nth-child(3) {
    top: 14px;
    -webkit-transform: rotate(-45deg) translate(2px, -6px);
    transform: rotate(-45deg) translate(2px, -6px);
}

.navigation.open .button .ico-bar:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1350px;
    padding: 0 10px;
    width: 100%;
    margin: 0 auto;
}

.navigation .primary {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.navigation .primary li:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.navigation .primary a {
    display: block;
    padding: 16px 20px;
    text-transform: none;
    position: relative;
    -webkit-transition: color 0.3s, border-color .3s;
    transition: color 0.3s, border-color .3s;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 15px;
    color: #ffffff;
}

@media screen and (max-width: 1400px) {
    .navigation .primary a {
        padding: 16px 8px;
    }
}

.navigation .primary a:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background-color: yellow;
    height: 2px;
    width: 0;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.navigation .primary .selected a::before {
    width: 100%;
}

@media (min-width: 1024px) {
    .no-touch .navigation .primary a:hover::before {
        width: 100%;
    }
    
    .no-touch .navigation .primary .highlight.drop a:hover::before {
        width: auto;
    }
    
    .no-touch .navigation .primary a:hover {
        color: #f876ff;
    }
}

.navigation .primary .selected a {
    color: yellow;
    pointer-events: none;
    border-color: #1290ff;
}

.navigation .primary .highlight a {
    position: relative;
    /*padding-left: 41px;*/
}

.navigation .primary .highlight a:after {
color:#ea86ff;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e949";
    font-size: 20px;
    position: unset;
padding-left:6px;
    top: 13px;
    left: 15px;
}

.navigation .primary .highlight span:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e949";
    font-size: 20px;
    position: absolute;
    top: 7px;
    left: 10px;
    display: none;
}

.navigation .primary .highlight span:after {
    position: absolute;
    content: "\e914";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 6px;
    top: calc(50% - 1px);
    right: 11px;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateY(-50%) rotate(0);
    transition: transform 0.3s;
    display: none;
}


@media (max-width: 1152px) {
    .navigation .primary .highlight a:after,
    .navigation .primary .highlight a:before {
        display: none;
    }

    .navigation .primary .highlight span {
        position: relative;
    }

    .navigation .primary .highlight span:before {
        display: block;
        top: 0;
        left: -35px;
    }

    .navigation .primary .highlight span:after {
        display: block;
        right: -30px;
        top: 8px;
    }
}

#item1 {
    position: relative;
    font-size: 0;
    height: 100%;
}

#item1::after {
    position: absolute;
    content: "\e94b";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.navigation .primary .selected a::before {
    width: 100%;
}

.navigation .primary .drop {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navigation .primary .drop > a {
    position: relative;
    -webkit-transition: background-color 0.3s, border-radius 0.3s, box-shadow .3s;
    transition: background-color 0.3s, border-radius 0.3s, box-shadow .3s;
    padding: 16px 31px 16px 41px;
}

.navigation .primary .drop > a:after {
    position: absolute;
    z-index: 1;
    content: "\e914";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 6px;
    top: calc(50% - 1px);
    right: 11px;
    width: auto;
    left: auto;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.navigation .primary .drop:hover > a:before {color:white;}
.navigation .primary .drop > a:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e949";
    font-size: 20px;
    position: absolute;
    top: 14px;
    left: 15px;
    background: transparent;
color:#df74ff;
}

.navigation .primary ul {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 10;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s,
    -webkit-transform 0.3s;
    overflow: hidden;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    border-radius: 0 0 10px 10px;
    background-color: #2e2f35;
}

.navigation .primary ul li {
    display: block;
}

.navigation .primary .highlight ul li a {
    padding: 17px;
    text-align: center;
    color: #8b8f96;
    font-size: 14px;
    border-radius: 0;
    line-height: 16px;
    -webkit-transition: background-color 0.3s, color 0.3s, border-color .3s, box-shadow .3s;
    transition: background-color 0.3s, color 0.3s, border-color .3s, box-shadow .3s;

}

.navigation .primary ul li a:before,
.navigation .primary .highlight ul li a::after {
    display: none;
}

.navigation .primary .drop:focus ul,
.navigation .primary .drop:hover ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.navigation .primary .drop:hover > a {
    color: #fff;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    background-color: #1290ff;
}

.navigation .primary .drop:hover > a::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
color:white;
}

.no-touch .navigation .primary ul li a:hover {
    background-color: #3b3d44;
    color: #fff;
}

.navigation .secondary li:first-child {
    border-left: none;
}

.navigation .secondary a {
    text-decoration: none;
    padding: 17px 6px;
    position: relative;
    display: block;
    white-space: nowrap;
}

.navigation .secondary a:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background-color: #1290ff;
    height: 3px;
    width: 0;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.no-touch .navigation .secondary a:hover {
    color: #1290ff;
}

.no-touch .navigation .secondary a:hover::before {
    width: 100%;
}

/* footer */
.footer {
    background-color: #16171b;
    box-shadow: 0 -5px 38px rgba(0, 0, 0, 0.09);
    padding: 0 10px;
}

.footer .footer-wrap {
    max-width: 1885px;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: #9f9f9f;
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.33px;
    padding: 140px 0 55px;
    position: relative;
}

.footer .footer-wrap .footer-logo {
    content: '';
    width: 190px;
    height: 55px;
    position: absolute;
    display: inline-block;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}

.footer a {
    color: #ffffff;
    text-decoration: underline;
}

.footer a:hover {
    color: #ffffff;
}

.footer .nav {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 25px;
}

.footer .nav li {
    margin: 0 40px 0 0;
}

.footer .nav li:last-child {
    margin: 0;
}

.footer .nav a {
    display: block;
    background-color: transparent;
    text-decoration: none;
    -webkit-transition: background-color 0.3s, color 0.3s, box-shadow .3s;
    transition: background-color 0.3s, color 0.3s, box-shadow .3s;
    padding: 0 10px 14px;
    color: #fefefe;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.38px;
    position: relative;
}

@media (max-width: 1120px) {
    .footer .nav li {
        margin: 0;
    }

    .footer .nav a {
        padding: 10px;
    }
}

.footer .nav a::before {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    border-radius: 1px;
    background-color: #1290ff;
    transition: width 0.3s;
}

@media (min-width: 1024px) {
    .no-touch .footer .nav a:hover {
        color: #1290ff;
    }
    
    .no-touch .footer .nav a:hover::before {
        width: 100%;
    }
}

.footer .copyright {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
}

.footer .copyright a {
    color: #ffff;
    padding: 0 4px;
    text-decoration: none;
    line-height: 24px;
}

.footer .copyright br {
    display: none;
}

.footer .txt {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 auto 35px;
    max-width: 1136px;

    color: #8b8f96;
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.33px;
}

.box {
    margin: 0 0 20px;
    width: 100%;
}

.box.message {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 400px;
color:yellow;
font-weight:bold;
}

/* headings *****/
.headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 25px;
    padding: 30px 0 0;
    width: 100%;
}

h1,
h2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    color: #ffffff;
}

h1 a,
h2 a {
    color: #fff;
    transition: color .3s;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
}

h1 a:hover,
h2 a:hover {
    color: #1290ff;
}

.sort {
    position: relative;
    padding: 7px 20px;
    margin: 0 15px 0 0;
    min-width: 140px;
    -webkit-transition: background-color 0.3s, border-radius 0.3s, border .3s, box-shadow .3s;
    transition: background-color 0.3s, border-radius 0.3s, border .3s, box-shadow .3s;
    font-size: 13px;
    line-height: 16px;
    border-radius: 10px;
    background-color: #34363c;
    color: #8b8f96;
    cursor: pointer;
}

@media (max-width: 1025px) {
    .sort {
        cursor: pointer;
    }
}

.sort:last-child {
    margin: 0;
}

.sort:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
    z-index: 1;
    font-size: 6px;
    content: "\e962";
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (min-width: 1025px) {
    .sort:focus,
    .sort:hover {
        background-color: #1290ff;
        color: #fff;
        border-color: #1290ff;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    }

    .sort:hover:before {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }
}

.sort.open-sort {
    background-color: #1290ff;
    color: #fff;
    border-color: #1290ff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
}

.sort.open-sort:before {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.sort .icon {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    font-size: 14px;
    line-height: 0;
}

.sort .type-sort:before {
    content: "\e93d";
}

.sort [class*="videos"]:before,
.sort .type-video:before {
    content: "\e94e";
}

.sort .type-fav:before {
    content: "\e912";
}

.sort .type-visibility:before {
    content: "\e901";
}

.sort .type-edit:before {
    content: "\e900";
}

.sort [class*="release_year"]:before,
.sort [class*="post_date"]:before {
    content: "\e902";
}

.sort [class*="duration"]:before {
    content: "\e91d";
}

.sort [class*="dir"]:before,
.sort [class*="title"]:before {
    content: "\e91e";
}

.sort [class*="popularity"]:before,
.sort [class*="viewed"]:before,
.sort [class*="watched"]:before,
.sort [class*="last_time"]:before {
    content: "\e909";
}

.sort [class*="albums"]:before {
    content: "\e900";
}

.sort [class*="popularity"] + strong,
.sort [class*="viewed"] + strong,
.sort [class*="last_time"] + strong {
    padding: 0 17px 0 30px;
}

.sort [class*="dir"]:before,
.sort [class*="title"]:before {
    content: "\e91e";
}

.sort [class*="rating"]:before {
    content: "\e90b";
}

.icon type-sort last_content_date,
.sort [class*="most_favourited"]:before {
    content: "\e90c";
}

.sort [class*="date"]:before {
    content: "\e902";
}

.sort [class*="comments"]:before,
.sort [class*="most_commented"]:before {
    content: "\e914";
}

.sort strong {
    padding: 0 7px 0 11px;
    padding: 0 16px;
    display: block;
    text-align: center;
color:#ffc02b;
}

.icon.type-visibility + strong {
    padding: 0 15px 0 15px;
}

.sort .icon.total_albums + strong,
.sort .icon.type-video + strong {
    padding: 0 15px 0 15px;
    padding: 0 15px 0 19px;
}

.sort ul {
    position: absolute;
    top: 30px;
    width: 100%;
    right: 0;
    z-index: 100;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    border-radius: 0 0 10px 10px;
    background-color: #2e2f35;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity 0.3s, visibility 0.3s, transform .3s;
    transition: opacity 0.3s, visibility 0.3s, transform .3s;
}

.no-touch .sort ul li:first-child {
    margin-top: 0;
}

@media (min-width: 1025px) {
    .sort:hover ul {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.sort.open-sort ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.sort ul a {
    display: block;
    padding: 8px 17px 8px 17px;
    text-align: center;
    background: transparent;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    color: #8b8f96;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.33px;
    text-align: center;
    color: #dddddd;

}

@media (min-width: 1024px) {
    .no-touch .sort ul a:hover {
        color: #ffffff;
        background-color: #52555f;
    }
}

.headline .button,
.headline .more {
    padding: 7px 15px;
    color: #fff;
    background-color: #1290ff;
    margin: 2px 0 2px 3px;
    border-radius: 10px;
border:1px solid #4aa5ff;
}

.no-touch .headline .more:hover,
.no-touch .headline .button:hover {
    color: #fff;
    background-color: #5644ff;
box-shadow: 0 6px 12px rgb(0 176 255 / 49%);
}

.headline .button.icon {
    position: relative;
    padding: 7px 15px 7px 25px;
}

.headline .button.done {
    padding: 7px 15px;
}

.headline .button.icon:before {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.headline .button.done:before {
    content: "";
}

.headline .more {
    position: relative;
}

.headline .button.done,
.headline .button.disabled {
    pointer-events: none;
}

.headline .button.done *,
.headline .button.disabled * {
    cursor: default;
}

.headline .button span {
    padding: 0 9px;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
}

.toggle-button.done span,
.headline .button.done span {
    position: relative;
    padding: 0 9px 0 23px;
}

.toggle-button.done span:before,
.headline .button.done span:before {
    position: absolute;
    content: "\e954";
    font-size: 12px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.headline .more span {
    font-weight: bold;
    padding: 0 25px 0 9px;
}

.headline .more:after {
    content: "";
    border-left: 4px solid #222222;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    display: block;
    position: absolute;
    top: 10px;
    right: 8px;
}

.headline .more:hover:after {
    border-left: 4px solid #ffffff;
}

.headline .button-info {
    padding: 7px 15px 7px 30px;
    border-radius: 3px;
    border-radius: 10px;
    margin: 0 0 0 3px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 2px 0;
    position: relative;
    border-radius: 0 10px 10px 0;
    background-color: #34363c;
    color: #8b8f96;
}

.headline .button-info:before {
    content: "\e90a";
    position: absolute;
    left: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.headline .button-info + .button {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border-radius: 10px 0 0 10px;
}

@media (max-width: 568px) {
    .headline .button-info + .button {
        flex-shrink: 1;
background:linear-gradient(45deg, #994ffb, #3c6cef);
border:1px solid #34a7ff;
    }
}

@media (max-width: 568px) {
    .headline .button-info {
        flex-shrink: 0;
        flex-grow: 0;
    }
}
.empty-content {
    margin: 0 0 3rem;
    font-size: 14px;
    line-height: 1.2;
    padding: 10px 0 0 10px;
    color: #fff;
}

.empty-content h2 {
    font-size: 1.8rem;
    margin: 0 0 10px;
}

.empty-content a {
    color: #ffffff;
    text-decoration: underline;
}

.empty-content p {
    margin: 0 0 10px;
    line-height: 20px;
}

.empty-content ul,
.empty-content ol {
    padding-left: 20px;
}

.empty-content li {
    list-style: disc inside;
    line-height: 20px;
    margin-bottom: 10px;
}

.empty-content ol li {
    list-style: decimal inside;
}

.tags-cloud {
    padding: 30px 0 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.tags-cloud a {
    order: 0;
    margin: 10px;
    background-color: transparent;
    border-radius: 10px;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    text-transform: uppercase;
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.9px;
}

@media (max-width: 1024px) {
    .tags-cloud a {
        padding: 10px;
        margin: 0;
    }
}

@media (min-width: 1025px) {
    .no-touch .tags-cloud a:hover {
        color: #1290ff;
    }
}

.tags-cloud::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: transparent;
}

.tags-cloud .all {
    order: 2;
    text-align: center;
    padding: 11px 73px;
    margin: 30px 0 0;
    text-transform: capitalize;
    border-radius: 10px;
    background-color: #34363c;
    color: #8b8f96;
    font-size: 15px;
    font-weight: 400;
    transition: color .3s, border-color .3s, background .3s, box-shadow .3s;
}

@media (min-width: 1024px) {
    .no-touch .tags-cloud a.all:hover {
        color: #fff;
        border-color: #1290ff;
        background: #1290ff;
        box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    }
}

.search-cloud {
    margin-top: 2rem;
    text-align: center;
}

.search-cloud a {
    color: #8b8f96;
}

.spot img,
.spot embed,
.spot object,
.spot iframe {
    vertical-align: bottom;
    width: 100%;
    height: 100%;
}

/* top ad */
div.top {
    width: 100%;
    margin: 30px auto 0;
    padding: 15px 10px;
    text-align: center;
    border-radius: 10px;
    background-color: #191a1d;
}

div.top a {
    display: inline-block;
}

div.top img {
    height: auto;
    width: 100%;
    max-width: 1235px;
}

/* list ads */
.place {
    float: right;
    width: 320px;
    overflow: hidden;
    background: transparent;
    position: relative;
    -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65);
    box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65);
    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
    padding: 66px 0;
    font-size: 0;
}

.big-container .sidebar + .main-container .list-albums .place {
    padding: 102px 0;
}

.place ~ .item:nth-of-type(-n + 7) {
    width: calc((100% - 362px) / 3);
}

.margin-fix .place {
    margin-top: 10px;
}

.place .spot {
    overflow: hidden;
    margin: 0 0 10px;
}

.place .spot:last-child {
    margin: 0;
}

.place .spot a {
    width: 300px;
    height: 250px;
    background: #c8c8c8;
    overflow: hidden;
    display: block;
}

.list-albums .spot,
.list-videos .spot,
.list-playlists .spot {
    display: inline-block;
    width: 300px;
    height: 250px;
}

/* bottom adv */
.footer-margin {
    padding: 50px 0 30px;
    background-color: #2e2f35;
}

.bottom-adv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    width: 100%;
}

.bottom-adv .spot {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    height: 250px;
    overflow: hidden;
    margin: 1px;
}

.bottom-adv .spot a {
    width: 300px;
    height: 250px;
    background: #c8c8c8;
    overflow: hidden;
    display: block;
}

/* lists *****/
.list-comments,
.list-subscriptions,
.list-playlists,
.list-members,
.list-messages,
.list-models,
.list-sponsors,
.list-channels,
.list-categories,
.list-tags,
.list-albums,
.list-albums-images,
.list-videos-screenshots {
    width: 100%;
}

.margin-fix {
    margin: -22px 0 0 -10px;
    font-size: 0;
    line-height: 0;
}

.list-models .margin-fix {
    margin-top: -10px;
}

.margin-fix::after .margin-fix::before {
    content: "";
    display: table;
    width: 100%;
    overflow: hidden;
    clear: both;
}

.list-albums-images .margin-fix {
    margin-bottom: 20px;
}

.list-comments .margin-fix {
    margin: 0;
}

.list-tags .margin-fix {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.list-tags .margin-fix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.list-tags .margin-fix .item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.margin-fix .bottom {
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding: 2rem 0 0 10px;
}

.margin-fix .bottom .submit,
.margin-fix .bottom .submit.right {
    margin: 5px 10px 0 0;
    border-radius: 20px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    text-transform: capitalize;
    background: transparent;
    padding: 11px 38px;
    background-color: #2e2f35;
    color: #8b8f96;
}

.margin-fix .bottom .submit.right {
    margin: 5px 0 0 auto !important;
}

@media (min-width:1025px) {

    .no-touch .margin-fix .bottom .submit:hover,
    .no-touch .margin-fix .bottom .submit.right:hover {
        background-color: #1290ff;
        border-color: #1290ff;
        box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
        color: #fff;
    }
}

.margin-fix .bottom .submit:last-child,
.margin-fix .bottom .submit.right:last-child {
    margin: 5px 0 0;
}

@media (max-width: 767px) {
    .margin-fix .bottom .submit:last-child,
    .margin-fix .bottom .submit.right:last-child {
        margin: 5px 0 0 !important;
    }
}

.margin-fix .generic-error {
    margin: 15px 0 0 15px;
}

.no-thumb {
    background: url("https://xnhau.hot/static/images/no-avatar.svg") no-repeat center;
}

.list-members .item {
    width: calc(16.66% - 10px);
    display: inline-block;
    text-align: center;
    margin: 10px 0 2.5rem 10px;
    vertical-align: top;
}

.list-playlists .item,
.list-models .item,
.list-sponsors .item,
.list-channels .item,
.list-categories .item,
.list-albums .item,
.list-albums-images .item,
.list-videos .item,
.list-videos-screenshots .item {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background: transparent;
    vertical-align: top;
    cursor: pointer;
    margin: 20px 0 0 10px;
    width: calc(25% - 10px);
    cursor: pointer;
    border-radius: 10px;
    transition: background .3s, box-shadow .3s;
}

.list-playlists .item > a,
.list-models .item > a,
.list-sponsors .item > a,
.list-channels .item > a,
.list-categories .item > a,
.list-albums .item > a,
.list-albums-images .item > a,
.list-videos .item > a,
.list-videos-screenshots .item > a {
    border-radius: 10px;
    transition: background .3s, box-shadow .3s;
}

@media screen and (min-width: 1025px) {
    .list-playlists .item:hover > a,
    .list-models .item:hover > a,
    .list-sponsors .item:hover > a,
    .list-channels .item:hover > a,
    .list-categories .item:hover > a,
    .list-albums .item:hover > a,
    .list-albums-images .item:hover > a,
    .list-videos .item:hover > a,
    .list-videos-screenshots .item:hover > a {
        box-shadow: -1px 2px 21px rgba(15, 15, 15, 0.6);
        background-color: #2e2f35;
    }
}

.big-container .sidebar + .main-container .place ~ .item:nth-of-type(-n + 5) {
    width: calc((100% - 352px) / 2);
}

.big-container .sidebar + .main-container .list-albums .place ~ .item:nth-of-type(-n + 7) {
    width: calc((100% - 362px) / 3);
}

.big-container .sidebar + .main-container .list-videos .item {
    width: calc(25% - 10px);
}

@media screen and (max-width: 1550px) {
    .big-container .sidebar + .main-container .list-videos .item {
        width: calc(25% - 10px);
    }
}

.list-members .item a {
    display: block;
    display: inline-block;
    width: auto;
}

.list-members .item.unread a {
    padding-bottom: 20px;
}

.list-playlists .item a,
.list-sponsors .item,
.list-channels .item a,
.list-categories .item,
.list-models .item,
.list-albums .item a,
.list-videos .item a {
    display: block;

    font-size: 12px;
    line-height: 1.2;
}

.list-tags .item a {
    padding-left: 10px;
    color: #fff;
    transition: color .3s;
}

.list-tags .item a:hover {
    color: #1290ff;
}

.list-channels .item,
.list-models .item,
.list-sponsors .item,
.list-categories .item {
    display: inline-block;
    margin: 10px 0 0 10px;
    padding: 0;
    width: calc(25% - 10px);
}

@media (min-width:1025px) {
    .list-channels .item:hover,
    .list-models .item:hover,
    .list-sponsors .item:hover,
    .list-categories .item:hover {
        background-color: #2e2f35;
    }
}

@media (max-width: 1024px) {
    .list-members .item a {
      display: block;
      overflow: hidden;
    }
  
    .list-members .item .title {
      text-overflow: ellipsis;
      white-space: nowrap;
    }
}

.item-control {
    border-top: 1px solid #232428;
    padding: 10px 0;
    cursor: default;
}

.list-members .item.unread .img {
    border: 3px solid #1290ff;
}

.item .img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: box-shadow .3s, border-radius .3s;
}

@media (min-width: 1025px) {
    .list-playlists .item:hover .img,
    .list-models .item:hover .img,
    .list-sponsors .item:hover .img,
    .list-channels .item:hover .img,
    .list-categories .item:hover .img,
    .list-albums .item:hover .img,
    .list-videos .item:hover .img {
        border-radius: 10px 10px 0 0;
    }
}

.list-models .img,
.list-sponsors .img,
.list-channels .img,
.list-categories .img {
    padding-bottom: 133.44%;
}

.list-videos-screenshots .img,
.list-videos .img {
    width: 100%;
    padding-bottom: 56.25%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.list-videos .is-hd {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 3;
    font-weight: 900;
    text-transform: uppercase;
    padding: 6px 9px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0.12px;
    border-radius: 12px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 7px;
}

.list-playlists .img {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
}

.list-videos .img.preview-loading:after {
    display: block;
    position: absolute;
    content: "";
    width: 21px;
    height: 21px;
    background: url("https://xnhau.hot/static/images/loader.gif") no-repeat;
    bottom: 5px;
    right: 5px;
    z-index: 1;
    opacity: 0.8;
}

.list-members .img {
    display: inline-block;
    width: 10rem;
    height: 10rem;
    position: relative;
    border-radius: 50%;
    overflow: visible;
    background-color: #ff8151;
    color: transparent !important;
}

.list-albums .img {
    padding-bottom: 133.44%;
}

.list-albums-images .img {
    width: 100%;
    padding-bottom: 75%;
    text-align: center;
}

.item .img img:first-child {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.history-videos .item .img img:first-child {
    object-fit: cover;
}

.list-members .item .img img:first-child {
    border-radius: 50%;
}

.item .img .img-country {
    position: absolute;
    width: 24px;
    height: auto;
    bottom: 5px;
    right: 5px;
}

.item .img .no-thumb {
    display: block;
    height: 100%;
    background-size: 6rem;
}

.item.disabled .img {
    background-color: #212121;
}

.item.disabled .img img {
    opacity: 0.3;
}

.list-albums-images .img .no-thumb,
.list-models .img .no-thumb,
.list-sponsors .img .no-thumb,
.list-channels .img .no-thumb,
.list-categories .img .no-thumb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    font-size: 0;
    background-color: #16171c;
    background-color: #212121;
}

.list-playlists .img img.video2,
.list-playlists .img img.video3,
.list-playlists .img img.video4,
.list-playlists .img img.video5 {
    position: absolute;
    width: 7rem;
    height: 4rem;
    border: 2px solid rgba(0, 0, 0, 0.5);
    z-index: 2;
    border-radius: 10px;
    opacity: .6;
    -webkit-transition: border 0.3s, opacity .3s;
    transition: border 0.3s, opacity .3s;
}

.no-touch .list-playlists .item:hover .img img {
    opacity: 1;
}

.no-touch .list-playlists .item .img .video3:hover,
.no-touch .list-playlists .item .img .video4:hover,
.no-touch .list-playlists .item .img .video2:hover {
    z-index: 3;
    border: 2px solid #1290ff;
    opacity: 1;
}

.list-playlists .img img.video2 {
    right: 25px;
    top: 5px;
}

.list-playlists .img img.video3 {
    right: 15px;
    top: 15px;
}

.list-playlists .img img.video4 {
    right: 5px;
    top: 25px;
}

.list-playlists .img .no-thumb {
    position: absolute;
    height: 67px;
    font-size: 0;
    width: 60px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
}

.item .title {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    overflow: hidden;
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
    margin: 15px 10px 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
}

.list-playlists .item .title,
.list-albums .item .title,
.list-videos .item .title {
    height: 41px;
}

.list-albums .item .title {
    height: 40px;
}

@media (min-width: 1025px) {
    .no-touch .item:hover .title {
        color: #1290ff;
    }
}

.item .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px 3px;
    color: #8b8f96;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}

.list-videos .item .wrap:last-child {
    padding-bottom: 10px;
}

.list-members .item .wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.list-members .item .wrap .views {
    display: none;
}

.list-members .item .wrap .added {
    margin: 0 5px 0;
}

.list-members .item .wrap .added em {
    white-space: nowrap;
}

.item .wrap div {
    position: relative;
    padding-left: 20px;
}

.item .wrap .albums {
    padding-left: 25px;
}

.item .wrap div:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    font-size: 15px;
}

.item .wrap .duration:before {
    content: "\e940";
}

.item .wrap .rating::before {
    content: "\e937";
    font-size: 9px;
    left: 6px;
    top: calc(50% - 3px);
    top: calc(50% - 1px);
    top: 50%;
}

.item .wrap .albums::before {
    content: "\e90e";
}

.item .wrap .videos::before {
    content: "\e902";
}

.item .wrap .photos::before {
    content: "\e90e";
}

.item .wrap .photos {
    padding-left: 25px;
}

.item .wrap .rating.negative::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: calc(50% - 7px);
    top: calc(50% - 4px);
    left: 5px;
}

.item .wrap .added::before {
    content: "\e93f";
}

.item .wrap .views {
    padding-left: 28px;
}

.item .wrap .views::before {
    content: "\e93e";
    font-size: 21px;
}

.item.disabled .title,
.item.processing .title {
    color: #1290ff;
}

.item.error .title {
    color: #e62117;
}

.list-tags .item .title {
    height: auto;
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    color: #1290ff !important;
    margin: 0;
    padding: 20px 0 15px 10px;
}

.list-subscriptions .item .title {
    min-height: auto;
    text-decoration: underline;
    display: block;
    padding: 1.6rem 10px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
}

.no-touch .list-subscriptions .item .title:hover {
    color: #1290ff;
}

@media (min-width: 1025px) {
    .no-touch .item:hover .title {
        color: #1290ff;
    }
}

.no-touch .list-tags .item:hover .title {
    color: inherit;
}

.item.unread .views {
    font-weight: bold;
}

.item .user {
    height: 14px;
    overflow: hidden;
    white-space: nowrap;
}

.item .wrap .rating {
    position: relative;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.item .positive {
    color: #47b119;
}

.item .negative {
    color: #1290ff;
}

.item .is_hd {
    position: absolute;
    z-index: 2;
    right: 5px;
    top: 5px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.33px;
    opacity: 0.8;
    background-color: #ee0000;
    border-radius: 12px;
    padding: 5px 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s,
    -webkit-transform 0.3s;
}

.item .ico-fav-0 {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    border-radius: 50%;
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    color: #fff;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.8);
    transition: color .3s, background .3s;
}

.no-touch .item .ico-fav-0:hover {
    background-color: #1290ff;
    color: #fff;
}

.item .ico-fav-0::before {
    content: "\e912";
}

.item .ico-fav-1 {
    position: absolute;
    top: 10px;
    left: 45px;
    z-index: 10;
    border-radius: 50%;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0 1px 0 0;
    transition: color .3s, background .3s;
}

.item .ico-fav-1::before {
    content: "\e941";
}

.no-touch .item .ico-fav-1:hover {
    background-color: #1290ff;
    color: #fff;
}

.item .touch-preview,
.item [class*="ico-fav"] {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s, color .3s, background .3s;
    transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s, color .3s, background .3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s, color .3s, background .3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s, color .3s, background .3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s,
    -webkit-transform 0.3s, color .3s, background .3s;
}
.item .touch-preview {
    display: flex; 
    align-items: center;
    justify-content: space-around;
    font-size: 20px;
    opacity: 0.6;
    visibility: visible;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 20;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.item .touch-preview::before {
    content: "\e936";
}

@media (min-width: 1025px) {
    .no-touch .item:hover .is_hd,
    .no-touch .item:hover [class*="ico-fav"] {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.no-touch .item .ico-fav-0 {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
}

.no-touch .item .ico-fav-1 {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
}

.item .ico-fav-0.fixed,
.item .ico-fav-1.fixed {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.line-disabled,
.line-error,
.line-processing {
    position: absolute;
    top: 50%;
    left: 15%;
    width: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    background: #1290ff;
    padding: 5px 0;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2rem;
    border-radius: 5px;
}

.line-error {
    color: #ffffff;
}

.line-premium,
.line-private {
    position: absolute;
    z-index: 2;
    bottom: 5px;
    right: 5px;
    text-align: center;
    border-radius: 12px;
    background-color: rgba(45, 45, 45, 0.6);
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    padding: 2px 9px;
}

.line-premium [class*="ico"],
.line-private [class*="ico"] {
    padding: 2px 0 0 20px;
    position: relative;
}

.line-premium [class*="ico"]:before,
.line-private [class*="ico"]:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    content: "\e918";
    color: #1290ff;
}

.line-private [class*="ico"] {
    padding: 2px 0 0 15px;
}

.line-private [class*="ico"]:before {
    content: "\e901";
}

.list-members .unread-notification {
    position: absolute;
    bottom: -90px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1290ff;
    font-size: 13px;
    font-weight: 300;
}

.list-members .unread-notification:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90d";
    margin: 0 5px -2px 0;
    font-size: 15px;
}

.item-control .item-control-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.item-control .toggle-button {
    padding: 5px 19px;
    margin: 0 5px 0 0;
    -webkit-transition: background-color 0.3s, color 0.3s, box-shadow .3s, border-color .3s;
    transition: background-color 0.3s, color 0.3s, box-shadow .3s, border-color .3s;
    min-height: 0;
    border-radius: 10px;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.33px;
    text-transform: capitalize;
    background-color: #2e2f35;
    color: #8b8f96;
}

.item-control .toggle-button:last-child {
    margin: 0;
}

.list-subscriptions .item-control .toggle-button {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    line-height: 14.4px;
    border-radius: 10px;
    background-color: #3b3d44;
    border: none;
    padding: 8px 20px;
}

@media (max-width: 350px) {
    .list-subscriptions .item-control .toggle-button {
        padding: 8px 10px;
    }
}

.no-touch .item-control .toggle-button[data-action="delete"]:hover {
    background-color: #3b3d44;
    color: #fff;
}

@media (min-width:1025px) {
    .item-control .toggle-button.active,
    .no-touch .item-control .toggle-button:hover,
    .no-touch .list-subscriptions .item-control .toggle-button:hover {
        color: #ffffff;
        box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
        background-color: #1290ff;
    }
    
    .form-upload .item-control .toggle-button.active,
    .no-touch .form-upload .item-control .toggle-button:hover {
        background: transparent;
        box-shadow: none;
    }
    
    .item-control .toggle-button .radio + span::before,
    .item-control .toggle-button .radio + label::before {
        top: -3px;
    }
    
    .item-control .toggle-button .checkbox + span::before,
    .item-control .toggle-button .checkbox + label::before {
        top: -3px;
    }
    
    .form-upload .item-control .toggle-button .radio + span::before,
    .form-upload .item-control .toggle-button .radio + label::before {
        top: 50%;
    }
}

.item-control .toggle-button[data-action="select"] {
    background: 0;
    position: relative;
    padding: 8px 10px;
    margin: 0 1rem 0 0;
    margin: 0 auto 0 0;
    border: 0;
    border-radius: 0;
}

.item-control .toggle-button[data-action="select"]:after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 5px;
    padding: 0;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    border: 1px solid #8b8f96;
    background-color: #2e2f35;
    color: #2e2f35;
}

.item-control .toggle-button[data-action="select"]:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 4px;
    z-index: 3;
    font-size: 9px;
    color: #2e2f35;
    content: "\e954";
}

.item-control .toggle-button[data-action="select"].active::before {
    color: #fff;
}

.list-albums-images .item-control .toggle-button[data-action="select"]:before,
.list-albums-images .item-control .toggle-button[data-action="select"]:after {
    display: none;
}

.list-albums-images .item-control .toggle-button.active .checkbox + span {
    color: #8b8f96;
}

.no-touch .list-albums-images .item-control .toggle-button.active:hover .checkbox + span {
    color: #fff;
}

.item-control .toggle-button[data-action="select"].active::after {
    background-color: #1290ff;
    border: 1px solid #1290ff;
}

.item-control .toggle-button:last-child {
    margin: 0;
}

.item-control .toggle-button.disabled {
    pointer-events: none;
    color: rgb(78 78 78);
}

.list-comments .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 0 2.7rem;
    color: #fff;
}

.list-comments .image {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #e0dfdf;
    overflow: hidden;
    margin: 0 10px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.list-comments .image img {
    width: 100%;
    height: 100%;
}

.list-comments .image .no-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    background-size: 4rem;
}

.list-comments .comment-options {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-comments .comment-options a {
    min-width: 42px;
    height: 30px;
    border-radius: 10px;
    margin: 0 3px 0 0;
    -webkit-transition: background-color 0.3s, color .3s, border-color .3s, box-shadow .3s;
    transition: background-color 0.3s, color .3s, border-color .3s, box-shadow .3s;
}

.list-comments .comment-options a:last-child {
    margin: 0;
}

.comment-edit {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    line-height: 30px;
background:#0060ff;
color:white;
}

.no-touch .list-comments .comment-options .comment-edit:hover {
    color: #fff;
    background-color: #1290ff;
}

.list-comments .comment-options a:before {
    font-size: 13px;
    line-height: 30px;
}

.list-comments .comment-options a.comment-dislike.disabled,
.list-comments .comment-options a.comment-like.disabled {
    pointer-events: none;
}

.list-comments .comment-options a.comment-dislike,
.list-comments .comment-options a.comment-like {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0;
    line-height: 0;
    text-align: center;
    border-radius: 10px;
    background-color: #34363c;
    color: #8b8f96;
}

.list-comments .comment-options a.comment-dislike:before {
    content: "\e956";
    display: inline-block;
    transform: rotate(180deg);
}

.list-comments .comment-options a.comment-like:before {
    content: "\e956";
}

.no-touch .list-comments .comment-options a.comment-like:hover {
    color: #fff;
    background: #47b119;
}

.no-touch .list-comments .comment-options a.comment-dislike:hover {
    color: #fff;
    background: #ff5757;
}

.list-comments .comment-options span {
    border-radius: 10px;
    background-color: transparent;
    font-size: 13px;
    font-weight: 400;
    line-height: 14.4px;
    letter-spacing: 0.33px;
    padding: 8px 15px;
    margin: 0 3px 0 0;
    border-radius: 10px;
    background-color: #34363c;
    color: #8b8f96;
    letter-spacing: 0.33px;
}

.list-comments .comment-options .comment-rating.positive {
    background-color: #05ad00;
    color: #ffffff;
}

.list-comments .comment-options .comment-rating.negative {
    background-color: #950000;
    color: #ffffff;
}

.list-comments .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-comments .comment-info {
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    color: #8b8f96;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.comment-date.icon.icon-calendar:before {
    margin: 0 2px 0 0;
    font-size: 15px;
}

.list-comments p {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    line-height: 2.4rem;
    font-size: 14px;
    padding: 9px 0 0 10px;
word-break: break-word;
  white-space: normal;
}

.list-comments .username {
    margin: 0 2px 0 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    padding: 0 25px 0 0;
    position: relative;
}

.list-comments .username::after {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e93f";
    font-size: 15px;
    color: #8b8f96;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
}

.list-subscriptions .item {
    display: inline-block;
    text-align: left;
    margin: 10px 0 0 10px;
    background-color: #2e2f35;
    color: #ffffff;
}

.list-subscriptions .item:after {
    content: "";
    display: block;
    clear: both;
}

.list-messages .item {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 20px 0 0 10px;
    border-top: 1px solid #34363c;
    padding-top: 20px;
}

.list-messages .item:first-child,
.list-messages .item.grouped {
    border-top: none;
    padding-top: 0;
}

.list-messages .item.grouped {
    padding-left: 50px;
}

.list-messages .item.me {
    padding-left: 40%;
}

.list-messages .image {
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: 0 10px 0 0;
}

.list-messages .grouped .image {
    display: none;
}

.list-messages .image a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.list-messages .image:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.list-messages .image img,
.list-messages .image .no-thumb {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #e0dfdf;
    background-size: 70% 70%;
}

.list-messages .message-text {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
    color: #ffffff;
}

.list-messages .item.deleted .message-text {
    color: #6f6f6f;
}

.list-messages .message-text .inline-text {
    display: block;
    padding: 10px 0 0 10px;
}

.list-messages .item.editing .message-text {
    background: #c3c3c3;
}

.list-messages .added {
    display: inline-block;
    position: relative;
    padding: 0 0 0 20px;
    margin: 3px 8px 5px 0;
    color: #8b8f96;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;

}

.list-messages .added:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e93f";
    position: absolute;
    font-size: 15px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.list-messages .grouped .added {
    display: none;
}

.list-messages .grouped.me .added {
    display: inline-block;
}

.list-messages .added.editable {
    cursor: pointer;
}

.no-touch .list-messages .added.editable:hover {
    color: #1290ff;
}

.list-messages .added.editable:before {
    content: "\e96e";
}

.list-messages .item.new .added {
    padding: 0 20px;
}

.list-messages .item.new .added:after {
    display: block;
    position: absolute;
    content: "";
    background-color: #1290ff;
    width: 10px;
    height: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    border-radius: 50%;
}

.list-messages .load-more {
    margin-top: 15px;
}

.list-messages .bottom {
    padding: 0 0 5px 10px;
}

.list-messages .bottom .submit {
    font-size: 13px;
    padding: 6px 20px;
    min-width: auto;
    /*margin-top: 10px;*/
background-color:#2b6eff;
color:white;
}
@media (max-width: 767px) {
    .main-container-user .list-messages .bottom {
        margin-top: 10px;
    }
}

/* pagination */
.pagination {
    text-align: center;
}

.pagination-holder {
    display: inline-block;
    vertical-align: bottom;
}

.pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination li {
    min-width: 40px;
    margin: 0 2px;
}

.pagination a,
.pagination span {
    display: block;
    padding: 12px 10px;
    -webkit-transition: background-color 0.3s, color 0.3s, border-color .3s;
    transition: background-color 0.3s, color 0.3s, border-color .3s;
    border-radius: 10px;
    background-color: #2e2f35;
    color: #8b8f96;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.35px;
}

@media (min-width: 1024px) {
    .no-touch .pagination a:hover {
        color: #ffffff;
        background-color: #52555f;
    }
}

.pagination .page-current a,
.pagination .page-current span {
    pointer-events: none;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    background-color: #1290ff;
    color: #ffffff;
}

.pagination .next {
    margin: 0 0 0 15px;
}

.pagination .prev {
    padding: 0 15px 0 0;
}

.pagination .next a,
.pagination .prev a {
    padding: 12px 30px;
}

@media screen and (max-width: 785px) {
    .pagination .next a,
    .pagination .prev a {
        padding: 9px 20px;
    }
}

.pagination .next a::after {
    display: inline-block;
    content: "\e93c";
    font-size: 13px;
    font-size: 11px;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0 0 10px;
    transform: rotate(-90deg);
}

.pagination .prev a::before {
    display: inline-block;
    content: "\e93c";
    font-size: 12px;
    font-size: 10px;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 10px 0 0;
    transform: rotate(90deg);
}

.pagination .jump a {
    background: transparent;
}

.pagination .prev span,
.pagination .next span,
.pagination .first,
.pagination .last {
    display: block;
}

/* load-more */
.load-more {
    padding: 1.5rem 0 0;
    text-align: center;
}

.load-more a {
    display: inline-block;
    padding: 1.2rem 1.4rem;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #e0dfdf;
    border-radius: 20px;
    min-width: 20rem;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    border-radius: 10px;
    background-color: #34363c;
    color: #8b8f96;
}

.load-more a:hover {
    color: #ffffff;
    background: #1290ff;
}

/* content */
.content {
    max-width: 1570px;
    padding: 0 10px;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.big-container .content {
    max-width: 1880px;
}

.main-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 0 2rem;
}

/* sidebar */
.sidebar {
    width: 300px;
    margin: 30px 15px 0 0;
    padding: 20px 20px 60px;
    border-radius: 10px;
    background-color: #2e2f35;
}

.main-container {
    width: 100%;
}

.big-container .sidebar + .main-container {
    width: calc(100% - 315px);
}

.sidebar .headline {
    padding: 0;
    margin: 0 0 20px;
}

.sidebar h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;

}

.sidebar h1 a,
.sidebar h2 a {
    text-decoration: none;
    font-size: 20px;
}

.sidebar .icon:before {
    font-size: 21px;
    font-weight: 400;
    margin: 0 10px 0 0;
    content: "\e942";
    position: relative;
    top: 1px;
}

.sidebar .icon-world:before {
    content: "\e93b";
}

.sidebar .icon-model:before {
    content: "\e93a";
}

.sidebar .list {
    padding: 0 0 25px;
    margin: 0 0 50px;
    border-bottom: 1px solid rgba(73, 75, 79, 0.3);
}

.sidebar .list:last-of-type {
    border: none;
    margin: 0;
    padding: 0;
}

.sidebar .comments,
.sidebar .filter {
    margin: 0 0 3rem;
    width: 100%;
    color: #fff;
}

.sidebar .comments li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 17px;
    border-bottom: 1px solid #3a3a3a;
    margin: 0 0 2rem;
}

.sidebar .list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: 15px;
    line-height: 18px;
    padding: 11px 40px 11px 20px;
    background-color: transparent;
    transition: color .3s;
    font-weight: 400;
    color: #fff;
    width: calc(100% + 20px);
    border-radius: 10px 0 0 10px;
}

@media (min-width: 1024px) {
    .no-touch .sidebar .list a:hover {
        color: #1290ff;
        background-color: #16171b;
    }
}

.sidebar .list .all-link {
    margin: 35px 0 0;
}

.sidebar .list .all-link a {
    justify-content: center;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.38px;
    border-radius: 10px;
    background-color: #52555f;
    padding: 11px 20px;
    width: 100%;
    transition: background .3s, color .3s, box-shadow .3s;
}

.sidebar .list .all-link a::after,
.sidebar .list .all-link a::before {
    display: none;
}

@media (min-width: 1024px) {
    .no-touch .sidebar .list .all-link a:hover {
        box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
        background-color: #1290ff;
        color: #ffffff;
    }
}


@media screen and (max-width: 1255px) {
    .sidebar .list a {
        padding: 11px 20px 11px 20px;
        width: 100%;
        border-radius: 10px;
    }
}

@media screen and (min-width: 1255px) {
    .sidebar .list a:after {
        content: '';
        right: 0;
        width: 10px;
        height: calc(100% + 20px);
        background-color: #16171b;
        top: -10px;
        position: absolute;
        z-index: 1;
        opacity: 0;
    }

    .sidebar .list a:before {
        z-index: 2;
        content: '';
        right: 0;
        width: 10px;
        height: 10px;
        background-color: #2e2f35;
        top: -10px;
        position: absolute;
        border-radius: 0 0 10px 0;
        opacity: 0;
    }

    .sidebar .list .rating {
        font-size: 14px;
        font-size: 13px;
        font-weight: 300;
        transition: color .3s;
        color: #8b8f96;
        display: block;
        position: relative;
        flex-shrink: 1;
        flex-grow: 1;
        text-align: right;
    }

    .no-touch .sidebar .list a:hover .rating {
        color: #fff;
    }

    .sidebar .list .rating::before {
        z-index: 2;
        content: '';
        right: -40px;
        width: 10px;
        height: 10px;
        background-color: #2e2f35;
        bottom: -21px;
        position: absolute;
        border-radius: 0 10px 0 0;
        opacity: 0;
        display: block;
    }

    .no-touch .sidebar .list a:hover::after,
    .no-touch .sidebar .list a:hover::before,
    .no-touch .sidebar .list a:hover .rating::before {
        opacity: 1;
    }

}


.sidebar .comments .comment-text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    line-height: 2.4rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.sidebar .comments .comment-text a {
    color: #fff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
overflow-wrap: anywhere;
}

.no-touch .sidebar .comments .comment-text a:hover {
    color: #1290ff;
}

.sidebar .comments .comment-info {
    margin: 0 0 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    overflow: hidden;
}

.sidebar .comments .image {
    width: 40px;
    height: 40px;
    background-color: #e0dfdf;
    border-radius: 50%;
    margin: 0 10px 0 0;
    overflow: hidden;
    float: left;
}

.sidebar .comments .image a {
    display: block;
    height: 100%;
}

.sidebar .comments .image img,
.sidebar .comments .image .no-thumb {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
}

.sidebar .comments .image .no-thumb {
    background-size: 23px;
}

.sidebar .comments .username a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.sidebar .comments .username {
    margin: 0 8px 0 0;
}

.sidebar .comments .username a:hover {
    color: #1290ff;
}

.sidebar .comments .added {
    display: inline-block;
    color: #bcbcbc;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    padding: 0 0 0 20px;
    margin: 3px 8px 0 0;
}

.sidebar .comments .added:before {
    position: absolute;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 15px;
    left: 0;
    top: calc(50% - 1px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    content: "\e968";
}

.sidebar .filter li {
    position: relative;
    background: transparent;
    margin: 0 0 1.5rem;
}

.sidebar .filter li * {
    cursor: pointer;
}

.sidebar .filter li input {
    display: none;
}

.sidebar .filter li label {
    display: block;
    padding: 0 0 0 25px;
    font-size: 14px;
    position: relative;
}

.sidebar .filter li label::before {
    content: "\e906";
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 2;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #e0dfdf;
    background-color: #fff;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #fff;
    font-size: 11px;
    text-align: center;
    padding: 3px 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: background-color 0.3s, border 0.3s, color 0.3s;
    transition: background-color 0.3s, border 0.3s, color 0.3s;
}

.sidebar .filter li input:checked + label::before {
    background-color: #1290ff;
    border: 1px solid #1290ff;
}

.sidebar label.group {
    display: block;
    margin: 0 0 2rem;
}

.sidebar label.group:after {
    content: ":";
}

.sidebar form .selectbox.age {
    width: 120px;
}

.sidebar form .button-group label {
    float: none;
}

.sidebar .alphabet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px;
    margin: 0 0 3rem;
}

.sidebar .alphabet span,
.sidebar .alphabet a {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    min-width: calc(20% - 3px);
    margin: 1.5px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    padding: 0.8rem 1.0rem;
    background-color: #191a1d;
    color: #8b8f96;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}

.sidebar .alphabet a {
    cursor: pointer;
}

.sidebar .alphabet span {
    color: #a2a2a2;
}

.no-touch .sidebar .alphabet a:hover {
    color: #ffffff;
    background-color: #1290ff;
}

/* block-channel */
.block-channel {
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 14px;
    margin: -4px 0 0;
    background-color: #2e2f35;
}

.block-channel .img {
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 37rem;
    padding: 0 1rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-channel .img a {
    display: inline-block;
    width: 100%;
}

.block-channel .img img {
    display: block;
    width: 100%;
}

.block-channel .img .no-thumb {
    display: block;
    width: 100%;
    height: 20rem;
    text-align: center;
    line-height: 200px;
    background-color: #000;
    font-size: 0;
    line-height: 0;
    background-size: 6rem;
}

.block-channel .img .channel-user {
    position: absolute;
    right: 15px;
    bottom: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 12px;
    padding: 5px 10px;
    opacity: 0.8;
    background-color: #000;
    width: auto;
}

.block-channel .img .channel-user:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e913";
    margin: 0 5px 0 0;
}

.no-touch .block-channel .img .channel-user:hover {
    background-color: #1290ff;
}

.block-channel .channel-info {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 360px;
    flex: 1 1 360px;
    padding: 0 2rem 0 0;
    color: #fff;
}

.block-channel .channel-list {
    margin: 0 0 2rem;
}

.block-channel .channel-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1.5rem;
}

.block-channel .channel-list li:last-child {
    margin: 0;
}

.block-channel .channel-list .name {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    color: #8b8f96;
    font-size: 14px;
    margin: 0 1rem 0 0;
}

.block-channel .channel-list .rating {
    padding: 3px 0 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.block-channel .channel-list .rating span {
    width: calc(10% - 2px);
    height: 6px;
    background-color: #464750;
    margin: 0 1px 0 0;
    border-radius: 3px;
}

.block-channel .channel-list .rating .full {
    background-color: #1290ff;
}

.block-channel .desc {
    line-height: 20px;
}

.block-channel .channel-rating {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 170px;
    flex: 1 1 170px;
}

.block-channel .channel-rating strong {
    border-radius: 2rem;
    background-color: #000;
    color: #1290ff;
    font-size: 7.2rem;
    font-weight: 700;
    width: 100%;
    padding: 4rem 1rem;
    display: block;
    text-align: center;
    margin: 0 0 1rem;
}

.block-channel .channel-rating a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 10px;
    background-color: #1290ff;
    width: 100%;
    text-align: center;
    display: block;
    padding: 12px 5px;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}

.block-channel .channel-rating a.disabled {
    background-color: #191a1d;
    color: #ffffff;
    background-color: #1290ff;
}

.no-touch .block-channel .channel-rating a:hover {
    color: #fff;
    background-color: #3b3d44;
}

.no-touch .block-channel .channel-rating a.disabled:hover {
    background-color: #191a1d;
}

/* block-model */
.block-model {
    border-radius: 5px;
    padding: 2rem;
    margin: 30px 0 0;
    background-color: #2e2f35;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.block-model .headline {
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 !important;
}

.block-model .headline h2 {
    margin-bottom: 10px;
}

.headline .button-info {
    margin-right: auto;
}

.info-model {
    width: 100%;
}

.info-model .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.info-model .alias {
    margin: 0 0 1rem;
    color: #bcbcbc;
}

.info-model .description {
    color: #ffffff;
}

.block-model .img-holder {
    min-width: 150px;
    margin: 0 1rem 0 0;
}

.block-model .img {
    float: left;
    display: block;
    width: 15rem;
    height: 10.7rem;
    position: relative;
}

.block-model .img a {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.block-model .img span,
.block-model .img img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.block-model .img a img {
    position: inherit;
    left: inherit;
    right: inherit;
    top: inherit;
    bottom: inherit;
    display: block;
    width: 100%;
}

.block-model .img .img-country {
    position: absolute;
    width: 24px;
    height: auto;
    bottom: 5px;
    right: 5px;
    top: auto;
    left: auto;
}

.totals-holder {
    position: absolute;
    z-index: 3;
    bottom: 5px;
    left: 5px;
    color: #fff;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    border-radius: 12px;
    opacity: 0.8;
    padding: 5px 10px;
}

.totals-holder div {
    margin: 0 1rem 0 0;
}

.totals-holder div:last-child {
    margin: 0;
}

.totals-holder .icon::before {
    margin: 0 5px 0 0;
}

.block-model .img .no-thumb {
    background-color: #000;
    font-size: 0;
    line-height: 0;
    background-size: 6rem;
}

.block-model .model-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.block-model .model-list li {
    color: #8b8f96;
    margin: 0 0 1rem;
    padding: 0 1rem 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.block-model .model-list li span {
    color: #fff;
    padding: 0 0 0 5px;
}

.block-model .desc {
    line-height: 20px;
    color: #fff;
}

.block-model .website {
    line-height: 20px;
    clear: both;
    padding: 1.5rem 0 0;
    color: #bcbcbc;
}

.block-model .website a {
    color: #1290ff;
}

.no-touch .block-model .website a:hover {
    color: #212121;
}

/* video / album common */

.sponsor {
    width: 100%;
    overflow: hidden;
    margin: 10px 0 0;display: none;
}

.sponsor img {
    width: 100%;
    height: auto;
}

.info-holder {
    width: 100%;
}

.info-holder:after {
    content: "";
    display: block;
    clear: both;
}

.info-buttons {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px 36px;
}

@media screen and (min-width: 992px) {
    .info-buttons {
        padding: 0 10px 36px;
    }
}

/* block-video */
.block-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 50px;
}

.block-video .video-holder {
    margin-right: 0px;
    flex-shrink: 1;
    flex-grow: 1;
    min-width: 1px;
}

.block-video .player {
    margin: 0 0 2rem;
}

.block-video .player .embed-wrap {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
}

.block-video .player .player-wrap {
    width: 100%;
    height: auto;
    position: relative;
}

.block-video .player .player-wrap .poster {
    width: 100%;
    height: auto;
}

.block-video .player .embed-wrap iframe,
.block-video .player .player-wrap #kt_player,
.block-video .player .player-wrap #kt_player_internal {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.block-video .player .player-wrap #kt_player.is-fullscreen {
    position: fixed !important;
}

.block-video .player .loading {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    color: #444444;
    padding: 50px 20px;
}

.block-video .no-player {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #000;
}

.block-video .no-player img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    object-fit: contain;
}

.block-video .no-player .message {
    position: absolute;
    text-align: center;
    width: 95%;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.6rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.block-video .no-player .message em {
    font-weight: bold;
}

.block-video .no-player .message a {
    color: #1290ff;
    text-decoration: underline;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.6rem;
}

.no-touch .block-video .no-player .message a:hover {
    color: #fff;
}

.block-video .no-player .message form {
    display: block;
    padding: 20px 0 0 0;
}

.block-video .no-player .btn-play {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("https://xnhau.hot/player/skin/img/play_white.png") 50% 50% no-repeat;
}

.block-video .playlist {
    padding: 2rem;
    border-bottom: 1px solid #202226;
    margin: 0 0 10px;
}

.block-video .playlist-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 -10px;
}

.block-video .playlist .item {
    position: relative;
    cursor: pointer;
    width: calc(25% - 10px);
    margin: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    transition: background .3s, box-shadow .3s;
}

.block-video .playlist .item:hover {
    box-shadow: -1px 2px 21px rgba(15, 15, 15, 0.6);
    background-color: #2e2f35;
}

.block-video .playlist .item.selected {
    pointer-events: none;
}

.no-touch .block-video .playlist .item.selected img {
    border: 2px solid #1290ff;
    border-radius: 10px;
}

.block-video .playlist .item .title {
    height: 36px;
    margin: 10px;
    padding: 0;
}

.block-video .playlist .item:hover .title {
    color: #1290ff;
}

.block-video .playlist .item .img {
    position: relative;
    padding-bottom: 56.51%;
}

.block-video .playlist .pagination .prev,
.block-video .playlist .pagination .next {
    display: block;
}

.block-video .playlist .pagination .first,
.block-video .playlist .pagination .last,
.block-video .playlist .pagination .page,
.block-video .playlist .pagination .jump {
    display: none;
}

.block-video .sponsor {
    margin: 0 auto 2rem;
    max-width: 730px;
}

.sponsor a {
    display: block;
}

.table {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-shrink: 0;
    flex-grow: 0;
}

.table .opt {
    margin: 0 0 10px;
    width: 300px;
    height: 250px;
    display: inline-block;
}

.table .opt img,
.table .opt a {
    display: block;
    width: 100%;
    height: 100%;
}

.table .opt:last-child {
    margin: 0;
}

/* block-album */
.block-album {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}

.block-album .album-holder {

    flex-shrink: 1;
    flex-grow: 1;
    min-width: 1px;
}

.block-album .images {
    position: relative;
    min-height: 20rem;
    padding: 0 3rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.block-album .images span.item,
.block-album .images a.item {
    display: inline-block;
    margin: 3rem 1.5rem 0;
    position: relative;
}

.block-album .images .item img {
    width: 100%;
    display: block;
}

.block-album .images a.item:hover {
    border-color: #e62117;
}

.block-album .images .message {
    position: absolute;
    text-align: center;
    padding: 40px 20px 20px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 500;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.9);
}

.block-album .images .message em {
    font-weight: bold;
}

.block-album .images .message a {
    color: #1290ff;
    margin: 0 5px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.no-touch .block-album .images .message a:hover {
    color: #fff;
}

.block-album .images .message form {
    display: block;
    padding: 20px 0 0 0;
}

.block-album .sponsor {
    margin: 0 auto 2rem;
    max-width: 730px;
}

/* video / album rating */
.rating-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 3rem;
    position: relative;
}

.rating-container .rating_circle {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
}

.rating-container .rating_circle svg {
    width: 40px;
    height: 40px;
}

.rating-container .rating_circle .object_rating {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #12bb1e;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}

.rating-container .rating_circle.negative .object_rating {
    color: #1290ff;
}


.rate-dislike,
.rate-like {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    width: 26px;
    height: 26px;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.rate-like {
    margin: 0 5px 0 5px;
}

.rate-dislike {
    margin: 0 5px 0 0;
}

.rate-dislike:before,
.rate-like:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 25px;
    color: #8b8f96;
    content: "\e937";
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.rate-dislike:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);

    transform: translate(-50%, -50%) rotate(180deg);
}

.rate-like.disabled,
.rate-dislike.voted,
.rate-dislike.disabled,
.rate-like.voted {
    pointer-events: none;
}

.rate-like.voted::before {
    color: #34d058;
}

.rate-dislike.voted:before {
    color: #f85032;
}

.no-touch .rate-dislike:hover::before {
    color: #f85032;
}

.no-touch .rate-like:hover::before {
    color: #34d058;
}

.rating-container .rating {
    min-width: 42px;
    text-align: center;
margin-left:5px;
}

.rating-container .voters {
    display: block;
text-align:center;
    margin: 0 0 6px;
    color: yellow;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
}

.rating-container .scale-holder {
    height: 4px;
    border-radius: 2px;
    background-color: #8b8f96;
    display: block;
    position: relative;
    overflow: hidden;
}

.rating-container .scale-holder .scale {
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    background-color: #474747;
    border-radius: 2px;
}

.rating-container .scale-holder.negative .scale {
    background-color: #1290ff;
}

/* video / album add to favourites */
.btn-favourites {
    border-radius: 10px;
    background-color: #34363c;
    display: block;
    position: relative;
    -webkit-transition: background-color 0.3s, border-radius 0.3s, border-color .3s, box-shadow .3s;
    transition: background-color 0.3s, border-radius 0.3s, border-color .3s, box-shadow .3s;
}

.btn-favourites .ico-favourite {
    display: block;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 1;
    margin: 0 5px 0 0;
}

.btn-favourites .ico-favourite:before {
    content: "\e912";
}

.btn-favourites:hover {
    background-color: #1290ff;
    border-color: #1290ff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
}

.btn-favourites .drop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 9px 26px 9px 12px;
    color: #8b8f96;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font-size: 22px;
}

.btn-favourites:hover .drop {
    color: #ffffff;
}

.btn-favourites .drop:after {
    content: "\e95d";
    display: block;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 1;
    font-size: 6px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.btn-favourites:hover .drop:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.btn-favourites ul {
    border-radius: 0 10px 10px 10px;
    background-color: #2e2f35;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s,
    -webkit-transform 0.3s;
}

.btn-favourites:hover ul {
    display: block;
}

.btn-favourites:hover ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.btn-favourites ul li > a,
.btn-favourites ul li > span {
    white-space: nowrap;
    display: block;
    font-weight: bold;
    background-color: transparent;
    -webkit-transition: background-color 0.3s, color .3s;
    transition: background-color 0.3s, color .3s;
    color: #8b8f96;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}

.btn-favourites ul li > a {
    padding: 12px 15px;
}

.btn-favourites ul li > a:hover,
.btn-favourites ul li > span:hover {
    background-color: #52555f;
    color: #fff;
}

.btn-favourites ul li > a:hover,
.btn-favourites ul li > span:hover a {
    color: #fff;
}

.btn-favourites ul li > span:hover::before {
    color: #fff;
}

.btn-favourites ul li span {
    position: relative;
    padding: 1.2rem 3.8rem;
}

.btn-favourites ul li span:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1.5rem;
    color: #1290ff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    content: "\e906";
}

.btn-favourites ul li span .delete {
    position: absolute;
    background-color: #000;
    text-decoration: none;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    right: 0.8rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;
    line-height: 0;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #fff;
    padding: 0.6rem 0 0 0;
    -webkit-transition: color 0.3s, background-color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, transform 0.3s, background-color 0.3s;
    transition: color 0.3s, transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, transform 0.3s, background-color 0.3s,
    -webkit-transform 0.3s;
}

.btn-favourites ul li span .delete:before {
    content: "\e953";
    font-size: 0.8rem;
}

.btn-favourites ul li .delete:hover {
    background-color: #1290ff;
}

.btn-favourites ul li .delete:hover::before {
    color: #fff;
}

.btn-favourites ul li span a {
    padding: 0;
    color: #fff;
    text-decoration: underline;
}

.no-touch .btn-favourites ul li span a:hover {
    text-decoration: none;
}

/* video / album tabs */
.tabs-menu {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 2px 0;
}

.tabs-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
}

.tabs-menu li {
    margin-right: 4px;
    margin-bottom: 4px;
}

.tabs-menu li:last-child {
    margin: 0 0 4px;
}

.toggle-button.icon,
.tabs-menu .toggle-button.icon {
    position: relative;
    padding: 1.1rem 1.5rem 1.1rem 4rem;
}

.toggle-button.icon:before,
.tabs-menu .toggle-button.icon:before {
    position: absolute;
    left: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    font-size: 2rem;
    color: #212121;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.tabs-menu .toggle-button {
    padding: 9px 20px;
    padding: 9px 8px;
    white-space: nowrap;
    border: 0;
    min-height: auto;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 20px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    background-color: #34363c;
    color: #8b8f96;
}

.tabs-menu .toggle-button:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    display: inline-block;
    margin: 0 10px 0 0;
}

.tabs-menu [href="#tab_video_info"]:before,
.tabs-menu [href="#tab_album_info"]:before {
    content: "\e911";
}

.tabs-menu [href="#tab_report_rrror"]:before {
    content: "\e90f";
}

.tabs-menu [href="#tab_screenshots"]:before {
    content: "\e90e";
}

.tabs-menu [href="#tab_share"]:before {
    content: "\e90c";
}

.tabs-menu [href="#tab_comments"]:before {
    content: "\e90d";
}

.tabs-menu .toggle-button.active {
    background-color: #1290ff;
    pointer-events: none;
    color: #fff;
}

.tabs-menu .toggle-button.active.icon::before {
    color: #fff;
}

@media (min-width:1025px) {

    .no-touch .toggle-button.icon:hover::before,
    .no-touch .tabs-menu .toggle-button.icon:hover::before {
        color: #fff;
    }
    
    .no-touch .tabs-menu .toggle-button:hover {
        background-color: #1290ff;
        color: #fff;
    }
}

.tab-content {
    background: transparent;
    padding: 0 0 0 20px;
}

@media screen and (max-width: 992px) {
    .tab-content {
        padding: 0;
    }
}

/* video / album details */
.block-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.block-details .info {
    width: 100%;
    order: 0;
}

.block-details .item {
    color: #8b8f96;
    font-size: 14px;
    font-weight: 500;
    margin: 0 30px 2rem 0;
    display: inline-block;
}

.block-details .item:first-child {
    display: block;
    margin: 0 0 2rem;
}

.block-details .item:last-child {
    margin: 0;
}

.block-details .item img {
    margin: 1px;
}

.block-details .item a {
    display: inline-block;
    padding: 7px 20px;
    -webkit-transition: background-color 0.3s, color 0.3s, border-color .3s, color .3s;
    transition: background-color 0.3s, color 0.3s, border-color .3s, color .3s;
    margin: 2px 0 2px 3px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.33px;
    border-radius: 10px;
    background-color: #34363c;
    color: #8b8f96;
}

.no-touch .block-details .item a:hover {
    color: #fff;
    background-color: #1290ff;
}

.block-details .item span {
    margin: 0 2.5rem 0 0;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #8b8f96;
}

.block-details .item span:before {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    display: inline-block;
    margin: 0 5px 0 0;
    position: relative;
    top: 1px;
}

.block-details .item span:nth-child(1):before {
    content: "\e940";
}

#tab_playlist_info .block-details .item span:nth-child(1):before {
    content: "\e902";
}

.block-details .item span:nth-child(2):before {
    content: "\e93e";
}

.block-details .item span:nth-child(3):before {
    content: "\e93f";
}

.block-details .item span.icon {
    padding-left: 20px;
}

.block-details .item span.icon-album,
.block-details .item span.icon-calendar {
    padding-left: 22px;
}

.block-details .item span.icon-eye {
    padding-left: 27px;
}

.block-details .item span.icon:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    font-size: 15px;
}

.block-details .item span.added-by {
    display: none;
}

.block-details .item span.added-by:after {
    display: none;
}

.block-details .item span em {
    color: #fff;
    margin-left: 3px;
    padding: 0;
}

.block-details .item em {
    color: #fff;
    padding: 0 0 0 10px;
}

.block-details .block-user {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0 0;
}

.block-details .block-user .username {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-weight: 500;
    font-size: 12px;
}

.block-details .block-user .username .name {
    color: #ffac72;
    font-size: 15px;
    font-weight: 500;
    line-height: 17px;
    margin: 0 0 10px;
    display: block;
}

.block-details .block-user .username a {
    border-radius: 10px;
    background-color: #1290ff;
    color: #ffffff;
    padding: 8px 15px;
    display: inline-block;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    white-space: nowrap;
}

.no-touch .block-details .block-user .username a:hover {
    color: #fff;
    background: linear-gradient(45deg, #c20eff, #3447ff);
}

.block-details .block-user .avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e0dfdf;
    width: 6rem;
    height: 6rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.no-touch .block-details .block-user a.avatar:hover {
    opacity: 0.7;
}

.block-details .block-user .avatar img,
.block-details .block-user .avatar .no-thumb {
    display: block;
    height: 4rem;
    width: 4rem;
    background-size: contain;
    font-size: 0;
    line-height: 0;
}

.block-details .block-user .avatar img {
    height: 6rem;
    width: 6rem;
    border-radius: 50%;
}

/* video / album flagging */
.block-flagging {
    width: 100%;
}

.block-flagging .generic-error {
    width: 100%;
    text-align: center;
    max-width: 100%;
}

.block-flagging form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 550px) {
    .block-flagging form {
        flex-direction: column;
    }
}

.block-flagging form .field-label {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    margin: 0 0 17px;
}

.block-flagging .button-group {
    margin: 0;
}

.block-flagging .block-radios {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    padding-right: 1rem;
}

@media screen and (max-width: 550px) {
    .block-flagging .block-radios {
        order: 1;
    }
}

.block-flagging .block-radios .row label {
    color: #fff;
}

.block-flagging .block-textarea {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

@media screen and (max-width: 550px) {
    .block-flagging .block-textarea {
        width: 100%;
        order: 0;
        margin: 0 0 15px;
    }
}


.block-flagging .button-group .row {
    margin: 0 0 10px;
    padding: 6px 0 0;
}

.block-flagging .submit {
    margin: 20px 0 0;
    font-size: 14px;
    padding: 12px 28px;
}

/* video screenshots */
.block-screenshots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px 0 0 -5px;
}

.block-screenshots span.item,
.block-screenshots a.item {
    display: inline-block;
    width: calc(20% - 5px);
    position: relative;
    padding-bottom: 10.84%;
    margin: 5px 0 0 5px;
    border-radius: 10px;
    overflow: hidden;
}

.block-screenshots span.item:before {
    content: "\e912";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 3;
    border-radius: 12px;
    background-color: #1290ff;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 1px 8px 3px 8px;
}

.block-screenshots a.item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    background-color: transparent;
    border: 2px solid #1290ff;
    opacity: 0;
    border-radius: 10px;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}

.block-screenshots a.item:hover::before {
    opacity: 1;
    visibility: visible;
}

.block-screenshots span.item img,
.block-screenshots a.item img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: opacity .3s;
}

.block-screenshots a.item:hover img {
    opacity: 0.7;
}

/* video / album sharing */
.block-share {
    width: 100%;
}

.block-share .row {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.block-share label {
    width: 100%;
    margin: 0 0 10px;
}

.block-share .block-bookmarks {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 245px;
    flex: 0 0 245px;
    padding-left: 10px;
    padding-top: 5px;
}

.block-share .middle {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 58%;
    flex: 0 1 58%;
}

.block-share input {
    letter-spacing: 0.38px;
    color: #6e7076;
    font-size: 15px;
    font-weight: 400;
}

.block-share .block-size {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block-share .block-size a {
    padding: 12px 21px;
    display: inline-block;
    margin: 2px 4px 2px 0;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #8b8f96;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    border-radius: 10px;
    background-color: #34363c;
    transition: color .3s, box-shadow .3s, border-color .3s, background .3s;
}

.no-touch .block-share .block-size a:hover {
    background-color: #1290ff;
    color: #fff;
}

.block-share .custom-size {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 0 0 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3px 0;
}

.block-share .custom-size label {
    margin: 0 1rem 0 0;
    width: auto;
    white-space: nowrap;
}

.block-share .custom-size .textfield {
    width: 60px;
    margin: 0 1rem 0 0;
    text-align: center;
    padding: 12px 5px;
}

.block-share .custom-size .textfield:last-child {
    margin: 0;
}

/* video / album comments */
.block-comments { display:none;
    width: 100%;
}

.block-comments form {
    clear: both;
    margin: 0 0 2rem;
}

.block-comments form > .field-label {
    font-size: 20px;
}

.block-comments .toggle-button {
    float: right;
    display: block;
    border: none;
    padding: 11px 24px;
    text-align: center;
    min-height: auto;
    line-height: 18px;
    text-transform: none;
    border-radius: 10px;
    background-color: #3c73ff;
    color: #ffffff;
}

.block-comments .toggle-button.active {
    background-color: #1290ff;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    color: #ffffff;
}

@media (min-width:1025px) {

    .no-touch .block-comments .toggle-button:hover {
        background-color: #1290ff;
        color: #ffffff;
    }
    
    .no-touch .block-comments .toggle-button.active:hover {
        color: #fff;
        background-color: #3b3d44;
    }
}

.block-comments form .textfield,
.block-comments form .textarea {
    letter-spacing: 0.38px;
    color: white;
}

.hint {
    color: #8b8f96;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

.block-comments .block-new-comment {
    padding: 2.5rem 0 0;
    display: none;
}

.block-comments form .row {
    max-width: 100%;
}

.block-comments .bottom {
    max-width: 100%;
    width: 100%;
}

.block-comments .list-comments {
    border-top: 1px solid #202226;
    padding: 2rem 0 0;
}

/* related videos, albums */
.list-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 3rem;
}

.list-sort li {
    margin-right: 10px;
    padding: 2px 0;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;

}

.list-sort li:last-child {
    margin: 0;
}

.related-videos {
    width: 100%;
}

.related-videos,
.related-albums {
    width: 100%;
    margin: 30px 0 32px;
}

.related-videos .list-sort a,
.related-albums .list-sort a,
.related-videos .list-sort span,
.related-albums .list-sort span {
    display: inline-block;
    position: relative;
    border-radius: 10px;
    background-color: #34363c;
    padding: 14px 26px;
    color: #8b8f96;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    transition: color .3s, background .3s, box-shadow .3s;
}

@media screen and (max-width: 992px) {
    .related-videos .list-sort a,
    .related-albums .list-sort a,
    .related-videos .list-sort span,
    .related-albums .list-sort span {
        padding: 12px 15px;
        font-size: 15px;
        line-height: 17px;
    }
}

.related-videos .list-sort span,
.related-albums .list-sort span,
.related-videos .list-sort a:hover,
.related-albums .list-sort a:hover {
    color: #fff;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    background-color: #e74c3c;
}

/* playlist subscribe */
.btn-subscribe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-subscribe .toggle-button {
    padding: 7px 20px;
    line-height: 16px;
    color: #fff;
    background-color: #1290ff;
    white-space: nowrap;
    font-size: 12px;
    border: 0;
    border-radius: 10px 0 0 10px;
    min-height: auto;
}

@media (min-width:1025px) {

    .no-touch .btn-subscribe .toggle-button:hover {
        color: #fff;
        background-color: #3b3d44;
    }
}

.btn-subscribe .button-info {
    background-color: #34363c;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border-radius: 0 10px 10px 0;
    font-size: 12px;
    padding: 8px 11px 8px 30px;
    position: relative;
    color: #8b8f96;
}

.btn-subscribe .button-info:before {
    position: absolute;
    left: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    content: "\e90a";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* member-menu */
.member-menu {
    width: 29rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 86px 0 0;
    padding: 20px 10px;
    position: relative;
    border-radius: 10px;
    background-color: #2e2f35;
}

.member-menu .headline {
    padding: 0;
    margin: 0 0 2rem;
    position: absolute;
    left: 20px;
    top: -52px;
}

.member-menu + .main-container-user {
    width: calc(100% - 29rem);
    padding: 0 20px 0 0;
}

.member-menu .block-main {
    width: 100%;
    margin: 0 0 2rem;
}

.member-menu .block-main .avatar {
    margin: 0 auto 3.3rem;
    width: 25rem;
    height: 25rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    background-color: #191a1d;
}

.member-menu .block-main .avatar img {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
}

.member-menu .block-main .avatar .no-thumb {
    width: 15rem;
    height: 15rem;
    text-align: center;
    font-size: 0;
    line-height: 0;
    background-size: 15rem 15rem;
}

.member-menu .block-additional {
    width: 100%;
    padding: 2rem 0 0;
    position: relative;
}

.member-menu .block-additional:before {
    position: absolute;
    content: '';
    height: 1px;
    left: 30px;
    right: 30px;
    top: 0;
    background: rgba(0, 0, 0, .9);
}

.user-menu span,
.user-menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 12px 20px 12px 30px;
    color: #fff;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    border-radius: 0 10px 10px 0;
    transition: color .3s, background .3s;
    transition: color 0s, background 0s;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -ms-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
}

.user-menu span {
    color: #1290ff;
    background-color: #16171b;
    position: relative;
    z-index: 3;
}

.no-touch .user-menu a:hover {
    color: #1290ff;
    background-color: #16171b;
}

.member-menu .user-menu span em,
.no-touch .user-menu a:hover em {
    color: #fff;
}

.user-menu {
    display: block;
}

.user-menu li {
    display: block;
    position: relative;
    margin: 0 0 2px -10px;
    width: calc(100% + 10px);
}

.user-menu li:last-child {
    display: block;
    margin: 0 0 0 -10px;
}

.member-menu .user-menu em {
    font-size: 15px;
    font-weight: 400;
    transition: color .3s;
    color: #8b8f96;
}

.member-menu .user-menu em.small {
    font-size: 9px;
}

/* profile */
.member-menu + .main-container-user .item {
    width: calc((100% - 32px) / 3);
}

.member-menu + .main-container-user .list-albums .item,
.member-menu + .main-container-user .list-channels .item {
    width: calc((100% - 40px) / 4);
}

.member-menu + .main-container-user .list-members .item {
    width: calc(16.66% - 10px);
}

.member-menu + .main-container-user .list-messages .item {
    width: calc(100% - 10px);
}

.block-profile {
    border-radius: 5px;
    padding: 2rem;
    overflow: hidden;
    border-radius: 10px;
    background-color: #2e2f35;
}

.profile-list {
    width: 100%;
    overflow: hidden;
}

.profile-list .margin-fix {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.2;
    color: #8b8f96;
}

.profile-list .about-me {
    width: 100%;
}

.profile-list .about-me em {
    display: block;
    padding: 8px 0 0;
    line-height: 2rem;
}

.profile-list .column {
    width: 33%;
    padding-right: 10px;
}

.member-menu + .main-container-user .profile-list .item {
    width: 100%;
}

.profile-list .column .item {
    margin: 0 0 10px;
    overflow: hidden;
}

.profile-list .column .item a {
    color: #fff;
}

.profile-list .column .item a:hover {
    color: #1290ff;
}

.profile-list .item em {
    color: #fff;
}

.user-menu li:after {
    z-index: 2;
    content: '';
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #2e2f35;
    top: -10px;
    position: absolute;
    border-radius: 0 0 0 10px;
    opacity: 0;
}

.user-menu li a:before {
    content: '';
    left: 0;
    width: 10px;
    height: calc(100% + 20px);
    background-color: #16171b;
    top: -10px;
    position: absolute;
    z-index: 1;
    opacity: 0;
}

.user-menu li a:after {
    z-index: 2;
    content: '';
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #2e2f35;
    bottom: -10px;
    position: absolute;
    border-radius: 10px 0 0;
    opacity: 0;
}

.no-touch .user-menu li:hover::after,
.no-touch .user-menu li:hover a::after,
.no-touch .user-menu li:hover a::before {
    opacity: 1;
}

/* video / album edit */
.form-upload {
    position: relative;
}

.form-upload.uploading {
    height: 80px;
}

.form-upload.uploading * {
    opacity: 0;
}

.form-upload.uploading .progressbar,
.form-upload.uploading .progressbar * {
    opacity: 1;
}

.form-upload p {
    display: block;
    margin: 1rem 0 0;
}

.form-upload p.preview {
    display: block;
    max-width: 320px;
    overflow: hidden;
    background: #c8c8c8;
    position: relative;
    margin-bottom: 2rem;
}

.form-upload p.preview em {
    position: absolute;
    bottom: 5px;
    background: #1f2125;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.form-upload p.preview em.left {
    left: 5px;
    margin-right: 50px;
}

.form-upload p.preview em.right {
    right: 5px;
}

.form-upload p.preview em.negative {
    color: #e62117;
}

.form-upload p.preview img {
    display: block;
    max-width: 320px;
    width: 100%;
    height: auto;
}

.form-upload p.preview.disabled img {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
}

/* popups */
/* fancybox */
.fancybox-opened .fancybox-skin {
    padding: 0 !important;
    overflow: hidden;
    box-shadow: -7px 10px 21px rgba(0, 0, 0, 0.65);
    border-radius: 10px;
    background-color: #16171b;
color:white;
}

.fancybox-inner {
    width: 100%;
}

.fancybox-close {
    top: 0 !important;
    right: 0 !important;
    z-index: 10001 !important;
}

.fancybox-lock .fancybox-overlay {
    z-index: 9999;
}

.fancybox-error {
    padding: 3rem 15px 15px !important;
}

.popup-title {
    display: block;
    font-size: 24px;
    line-height: 26px;
    padding: 26px 30px;
    font-weight: 400;
    color: #ffffff;
}

.popup-holder {
    padding: 3rem;
    min-width: 42rem;
}

.two-sections {
    width: 81rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-container-user .two-sections {
    width: 100%;
}

.section-one,
.section-two {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}

.section-one {
    padding: 0 25px 0 0;
    margin: 0 0 2rem;
}

.section-two {
    padding: 0 0 0 25px;
}

.main-container-user .section-two {
    -ms-flex: 0 1 320px;
    flex: 0 1 320px;
    color: #fff;
}

@media screen and (min-width: 861px) {
    .two-sections + .bottom {
        width: 50%;
        padding: 0 25px 0 0;
    }
}

/* block UI plugin overlay */

/* posts */
.list-posts .margin-fix {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.list-posts .item {
    margin: 15px 0 0 15px;
    width: calc(25% - 15px);
}

@media screen and (max-width: 1200px) {
    .list-posts .item {
        width: calc(33.33% - 15px);
    }
}

@media screen and (max-width: 900px) {
    .list-posts .item {
        width: calc(50% - 15px);
    }
}

@media screen and (max-width: 550px) {
    .list-posts .item {
        margin: 15px 0 0 5px;
        width: 100%;
    }
}

.list-posts .item a {
    display: block;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.list-posts .item a .description {
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
}

.list-posts .item .wrap {
    color: #8b8f96;
    margin: auto 0 0;
    padding-top: 5px;
}

.list-posts .item .title {
    height: auto;
    margin: 7px 0;
    font-size: 16px;
}

.list-posts .item:hover .title {
    text-decoration: underline;
}

.list-posts .item .description {
    color: #1d1d1d;
}

.list-posts .item .wrap .added {
    float: right;
}

.block-post {
    padding: 10px 0;
}

.block-post:after {
    content: "";
    display: block;
    clear: both;
}

.block-post .post-holder {
    overflow: hidden;
    padding-right: 7px;
}

.block-post .post-content {
    margin: 0 0 2rem;
    color: #fff;
}

.block-post .sponsor {
    width: auto;
    margin: 10px 0;
    margin: 0 auto 2rem;
    max-width: 883px;
}

.block-post .table {
    float: right;
    margin-left: 10px;
}

.block-post .table .opt {
    margin: 0 0 10px;
    width: 315px;
    height: 250px;
}

.block-post .table .opt:last-child {
    margin: 0;
}

/* related videos in player */
.player-related-videos {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 5px 10px 30px 10px;
    background: #000000;
    overflow: hidden;
}

.pla0yer-related-videos .player-related-videos-container {
    p0osition: relative;
    w0idth: 100%;
    height: 100%;
    overflow: hidden;
    0 0
    text-align: center;
    0
}

.player-related-vide0os .player-related-videos-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}

.player-related-videos .player-related-videos-item .title {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 52px;
    overflow: hidden;
    text-align: left;
    padding: 5px;
    color: #ffffff;
    background: linear-gradient(
            to bottom,
            rgba(12, 12, 12, 0.8) 0px,
            transparent 50px
    );
}

.player-related-videos .player-related-videos-item .duration {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #ffffff;
    background: rgba(12, 12, 12, 0.8);
    padding: 2px 5px;
}

.no-touch .player-related-videos .player-related-videos-item .title,
.no-touch .player-related-videos .player-related-videos-item .duration {
    display: none;
}

.no-touch .player-related-videos .player-related-videos-item:hover .title,
.no-touch .player-related-videos .player-related-videos-item:hover .duration {
    display: block;
}

/* responsive */
@media screen and (max-width: 1280px) {
    .place {
        padding: 4vw 0;
    }

    .big-container .sidebar + .main-container .list-albums .place {
        padding: 7vw 0;
    }

    .bottom-adv {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 1255px) {
    .place {
        padding: 2.8vw 0;
    }

    .big-container .sidebar + .main-container .place {
        padding: 1.4vw 0;
    }

    .top-links .center-hold {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .network {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        text-align: center;
        margin: 0 0 5px;
    }

    /* .member-links {
    width: 100%;
  } */
    .network ul {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .member-links ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header {
        padding: 10px;
    }

    .bottom-adv .spot:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 1255px) {
    .block-channel {
        margin: 0;
    }

    .sidebar {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 2.5rem 0;
    }

    .big-container .sidebar + .main-container .list-albums .place {
        padding: 16vw 0;
    }

    .big-container .sidebar + .main-container {
        width: 100%;
    }

    .big-container .sidebar + .main-container > .headline:first-child,
    .big-container .sidebar + .main-container div:first-child .headline,
    .big-container .sidebar + .main-container .headline {
        margin: 0 0 15px 0;
    }

    .big-container .sidebar + .main-container .list-playlists .item,
    .big-container .sidebar + .main-container .list-videos .item {
        width: calc(25% - 10px);
    }

    .big-container .sidebar + .main-container .place ~ .item:nth-of-type(-n + 7) {
        width: calc((100% - 362px) / 3);
    }

    .sidebar .comments,
    .sidebar .list,
    .sidebar .filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 0 2rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .sidebar label.group + ul,
    .sidebar label.group {
        width: 100%;
    }

    .sidebar label.group + ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sidebar .filter li label {
        margin: 0;
    }

    .sidebar .list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .sidebar .comments {
        margin: 0 -2rem -1rem 0;
    }

    .sidebar .list a {
        margin: 0;
    }

    .sidebar .headline {
        margin: 0 0 1.5rem;
    }

    .sidebar .list .rating {
        padding: 0 0 0 2rem;
    }

    .sidebar .comments li,
    .sidebar .list li,
    .sidebar .filter li {
        width: calc(33.33% - 2rem);
        margin: 0 0 2rem 0;
    }

    .sidebar .list li {
        padding: 0 10px 0 0;
    }

    .sidebar .alphabet span,
    .sidebar .alphabet a {
        min-width: 3.5rem;
    }

    .sidebar form {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .sidebar form .row {
        width: 33.333%;
        max-width: 100%;
        display: inline-block;
        white-space: nowrap;
        padding: 0 5px;
    }

    .sidebar .filter form .row:nth-child(5) {
        margin: 0;
    }

    .sidebar .filter form .button-group {
        /* conflict on sidebr comunity */
        margin: 0;
    }

    .sidebar .filter form .button-group label {
        /* conflict on sidebr comunity */
        margin: 8px 6px 0px 18px;
    }

    form .button-group .row:first-child {
        width: 100%;
    }

    .info-buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tabs-menu {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 1rem 0 0;
    }

    .tabs-menu ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .block-album .images {
        padding: 0 1.5rem 1.5rem;
    }

    .block-album .images span.item,
    .block-album .images a.item {
        margin: 1.5rem 1rem 0;
    }
}

@media screen and (max-width: 1152px) {
    html {
        font-size: 58.5%;
    }

    .navigation .primary {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        top: calc(100% + 1px);
        left: 0;
/*max-width: 330px;*/
        width: 100%;
        background-color: #1f2125;
        padding: 10px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.28);
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.28);
        -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
        transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, opacity 0.3s, visibility 0.3s,
        -webkit-transform 0.3s;
        z-index: 1000;
    }

    .navigation .primary ul {
        top: 46px;
    }

    .navigation .primary .highlight.drop {
        padding: 5px 0 0;
        margin: 0;
    }

    .navigation .primary > li:first-child,
    .navigation .primary > li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin: 0 0 3px;
    }

    #item1 {
        height: 34px;
    }

    .navigation .primary a {
        padding: 9px 4px;
    }

    .navigation .primary .drop > a {
        padding: 9px 38px 9px 54px;
    }

    .navigation .button {
        display: block;
    }

    .secondary {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        z-index: 3;
    }

    .navigation .secondary a {
        padding: 11px 6px;
    }

    .navigation.open .primary {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .big-container .sidebar + .main-container .place {
        padding: 0.7vw 0;
    }

    .big-container .sidebar + .main-container .list-albums .place {
        padding: 14vw 0;
    }

    .block-details {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .block-details .block-user {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 1rem;
    }

    .block-details .info {
        padding: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    .block-video .sponsor {
        margin: 0 auto 1rem;
    }

    .info-buttons {
        margin: 0 0 1rem;
    }
}

@media screen and (max-width: 1140px) {
    .place {
        padding: 1vw 0;
    }

    .sidebar .comments li {
        width: calc(50% - 1rem);
        margin: 0 0 2rem;
    }

    .sidebar {
        margin: 1.5rem 0 2rem;
        padding: 1rem;
    }

    .big-container .sidebar + .main-container .list-albums .place {
        padding: 13vw 0;
    }

    .block-screenshots {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .block-screenshots span.item,
    .block-screenshots a.item {
        width: calc(33.33% - 5px);
        padding-bottom: 18.34%;
    }
}

@media screen and (max-width: 1050px) {
    .place {
        display: none;
    }

    .big-container .sidebar + .main-container .list-albums .place ~ .item:nth-of-type(-n + 7),
    .place ~ .item:nth-of-type(-n + 7),
    .big-container .sidebar + .main-container .place ~ .item:nth-of-type(-n + 7) {
        width: calc(25% - 10px);
    }

    .member-menu {
        position: inherit;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .member-menu + .main-container-user .item {
        width: calc((100% - 40px) / 4);
    }

    .member-menu + .main-container-user .list-videos-screenshots .item,
    .member-menu + .main-container-user .list-albums-images .item {
        width: calc((100% - 32px) / 3);
    }

    .member-menu + .main-container-user {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0;
    }

    .member-menu .block-main .avatar {
        margin: 0 4rem 0 0;
    }

    .member-menu .headline {
        width: 100%;
    }

    .member-menu .block-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 400px;
        flex: 0 1 400px;
        width: auto;
        margin: 0 2rem 0 0;
    }

    .block-main .user-menu {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
    }

    .member-menu .block-additional {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 250px;
        flex: 0 1 250px;
        width: auto;
        padding: 0 0 0 2rem;
        border-top: 0;
        border-left: 1px solid rgba(73, 75, 79, .3);
    }

    .member-menu .block-additional::before {
        display: none;
    }

    .user-menu span,
    .user-menu a {
        border-radius: 10px;
        padding: 12px 20px;
    }

    .user-menu li:after,
    .user-menu li a:before,
    .user-menu li a:after {
        display: none;
    }

    .block-video .playlist .item {
        width: calc(33.33% - 10px);
    }
}

@media screen and (max-width: 1040px) {
    .member-links {
        width: 100%;
padding-top:5px;
padding-bottom:5px;
    }

    .member-links .sort:last-child {
        margin: 10px 0 0;
    }

    .place {
        padding: 2vw 0;
    }

    .list-channels .item,
    .list-models .item,
    .list-sponsors .item,
    .list-categories .item {
        width: calc(25% - 10px);
    }

    .header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .search form {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    .search {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 10px 0 0;
    }

    .logo {
        margin: 0 10px 0 0;
    }

    .social-bookmarks {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .block-share .block-bookmarks {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 1rem 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .block-share .middle {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size: 52.5%;
    }

    form [data-name="code"],
    form .row {
        margin: 0 0 1.5rem;
    }

    .block-channel {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .block-channel .channel-info {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 1.5rem 0 0;
    }

    .block-channel .channel-rating {
        -webkit-box-flex: 11;
        -ms-flex: 11 1;
        flex: 11 1;
    }

    .list-tags .margin-fix {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list-tags .margin-fix .item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    }
}

@media screen and (max-width: 980px) {
    .bottom-adv .spot:nth-child(3) {
        display: none;
    }

    .list-members .item {
        width: calc(25% - 10px);
    }
}

@media screen and (max-width: 940px) {
    .block-video .playlist .item {
        width: calc(50% - 10px);
    }

    .pagination .first,
    .pagination .last,
    .pagination .page,
    .pagination .jump {
        display: block;
    }

    .block-album .images .message,
    .block-video .no-player .message,
    .block-album .images .message a,
    .block-video .no-player .message a {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 860px) {
    .big-container .sidebar + .main-container .list-albums .place ~ .item:nth-of-type(-n + 7),
    .list-albums .item,
    .member-menu + .main-container-user .list-albums .item,
    .member-menu + .main-container-user .list-channels .item,
    .member-menu + .main-container-user .list-members .item,
    .big-container .sidebar + .main-container .list-videos .item,
    .big-container .sidebar + .main-container .place ~ .item:nth-of-type(-n + 7),
    .place ~ .item:nth-of-type(-n + 7),
    .list-playlists .item,
    .list-videos .item {
        width: calc(33.33% - 10px);
    }

    .member-menu + .main-container-user .item {
        width: calc((100% - 32px) / 3);
    }

    .block-album .table,
    .block-video .table,
    .block-post .table,
    .list-videos .place,
    .list-albums .place,
    .list-playlists .place {
        display: none;
    }

    .block-album .album-holder,
    .block-video .video-holder {
        margin-right: 0;
    }

    .headline {
        margin: 0 0 10px;
    }

    .two-sections {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .section-one {
        padding: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    .main-container-user .section-two,
    .section-two {
        padding: 0 0 0 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 0;
        margin: 0 0 10px;
    }

    form .bottom {
        max-width: 100%;
    }

    form .row {
        max-width: 100%;
    }

    .sidebar .list li,
    .sidebar .filter li {
        width: 33.33%;
    }

    .sidebar .comments,
    .sidebar .filter {
        padding: 0;
    }

    .list-members .item {
        width: calc(33.33% - 10px);
    }

    .member-menu .block-main {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 53%;
        flex: 0 1 53%;
    }

    .member-menu .block-additional {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
    }

    .profile-list .column {
        width: 50%;
    }

    .block-video .playlist .item {
        width: calc(33.33% - 10px);
    }
}

@media screen and (max-width: 785px) {
    .box {
        padding: 1.5rem 0 0;
    }

    .list-channels .item,
    .list-models .item,
    .list-sponsors .item,
    .list-categories .item {
        width: calc(33.33% - 10px);
    }

    .social-bookmarks {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    .logo {
        margin: 0 0 10px;
    }

    .addthis_toolbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .headline {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 2rem 0 0;
    }

    .headline h1,
    h2 {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin: 2px 0;
    }

    .sort {
        margin: 10px 0px 0 0;
    }

    .sort:last-child {
        margin: 10px 0 0;
    }

    .pagination a,
    .pagination span {
        font-size: 13px;
        padding: 8px 12px;
    }

    .pagination li {
        min-width: 35px;
        /*margin: 0 7px;*/
    }

    .tags-cloud .all {
        font-size: 13px;
        padding: 10px 20px;
    }

    .footer .nav a {
        font-size: 13px;
    }

    .sidebar form .row {
        width: 50%;
    }

    .block-details .item span {
        margin: 0 1.5rem 0.5rem 0;
    }

    .block-details .item {
        margin: 0 10px 1rem 0;
    }

    .tab-content {
        padding: 0 1rem 1rem;
    }

    .list-sort {
        margin: 0 0 1rem;
    }

    .list-sort li {
        margin-right: 1rem;
    }

    .block-video .playlist .item {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 650px) {
    .bottom-adv .spot:nth-child(2) {
        display: none;
    }

    html {
        font-size: 47.5%;
    }

/*    .list-members .item {
        width: calc(50% - 10px);
    }
*/

    .member-menu .block-main {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin: 0;
    }

    .user-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .user-menu li {
        width: 100%;
        padding: 0 0.8rem;
    }

    .member-menu .block-additional {
        padding: 10px 0 0;
        border-top: 0;
        border-left: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    .list-tags .margin-fix .item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }
}

@media screen and (max-width: 640px) {
    .big-container .sidebar + .main-container .list-albums .place ~ .item:nth-of-type(-n + 7),
    .list-albums .item,
    .member-menu + .main-container-user .list-albums .item,
    .member-menu + .main-container-user .list-channels .item,
    .member-menu + .main-container-user .list-members .item,
    .big-container .sidebar + .main-container .list-videos .item,
    .big-container .sidebar + .main-container .place ~ .item:nth-of-type(-n + 7),
    .place ~ .item:nth-of-type(-n + 7),
    .list-playlists .item,
    .list-videos .item {
        width: calc(50% - 10px);
    }

    .list-playlists .item,
    .list-videos .item {
        margin: 5px 0 0 5px;
    }

    .margin-fix {
        margin: -5px 0 0 -5px;
    }

    .empty-content {
        padding: 0 0 0 5px;
    }

    .member-menu + .main-container-user .item {
        margin: 5px 0 0 5px;
        width: calc((100% - 10px) / 2);
    }

    .list-channels .item,
    .list-models .item,
    .list-sponsors .item,
    .list-categories .item {
        width: calc(50% - 5px);
        margin: 5px 0 0 5px;
    }

    .sidebar .comments li {
        width: 100%;
        margin: 0 0 2rem;
    }

    .sidebar .list li,
    .sidebar .filter li {
        width: 50%;
    }

    .sidebar .list .all-link {
        width: 100%;
        padding-right: 0;
    }

    .btn-favourites ul {
        left: inherit;
        right: 0;
        border-radius: 20px 0 20px 20px;
    }

    form [data-name="code"],
    form .row {
        margin: 0 0 1rem;
    }

    .block-video {
        margin: 0 0 1.5rem;
    }

    .list-comments .comment-info {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin: 0 0 5px;
    }

    .box {
        margin: 0 0 1.5rem;
    }
}

@media screen and (max-width: 560px) {
    .box {
        padding: 1rem 0 0;
    }

    .popup-holder {
        min-width: 380px;
        padding: 10px;
    }

    .popup-title {
        padding: 1.5rem 3.5rem 1.5rem 1.5rem;
    }

    form .section-title {
        margin: 0 0 1.5rem;
    }

    .sidebar form .row {
        width: 100%;
    }

    form .button-group .row:first-child {
        margin: 0 0 2rem;
    }

    .block-screenshots span.item,
    .block-screenshots a.item {
        width: calc(50% - 5px);
        padding-bottom: 27.54%;
    }

    .block-new-comment .bottom .submit {
        margin: 0;
    }

    .block-comments form .textfield {
        width: 100%;
    }

    .member-menu .block-main {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
    }

    .member-menu .block-main .avatar {
        margin: 0 0 1rem;
    }

    .block-main .user-menu {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        flex-direction: column;
    }

    .user-menu li {
        display: inline-block;
    }

    .member-menu .user-menu em {
        padding: 0 0 0 10px;
    }

    .profile-list .column {
        width: 100%;
    }

    .block-album .images {
        padding: 0 1rem;
    }

    .block-channel .img {
        width: 100%;
        padding: 0;
        margin: 0 0 1rem;
    }

    .block-channel .img .channel-user {
        right: 5px;
    }

    .block-channel .channel-rating strong {
        font-size: 6.5rem;
        padding: 2rem 1rem;
        border-radius: 1rem;
    }

    .block-model {
        flex-direction: column;
        align-items: center;
    }

    .block-model .img {
        float: none;
        width: 150px;
        height: 107px;
    }

    .member-menu + .main-container-user .item,
    .member-menu + .main-container-user .list-videos-screenshots .item,
    .member-menu + .main-container-user .list-albums-images .item {
        width: calc((100% - 20px) / 2);
    }

    .block-album .images .message,
    .block-video .no-player .message,
    .block-album .images .message a,
    .block-video .no-player .message a {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }

    .block-album form .submit,
    .block-video .no-player form .submit {
        font-size: 12px;
    }
}

@media screen and (max-width: 420px) {
    form .captcha-control .image {
        margin: 0 0 1.5rem;
    }

    form .captcha-control .image img {
        float: inherit;
    }

    form .captcha-control .image .textfield {
        width: 100%;
    }

    form .list-selector-popup .button-group .item {
        width: 45%;
    }

    .big-container .sidebar + .main-container .list-videos .item,
    .big-container .sidebar + .main-container .place ~ .item:nth-of-type(-n+7),
    .place ~ .item:nth-of-type(-n+7),
    .member-menu + .main-container-user .list-videos .item,
    .member-menu + .main-container-user .list-playlists .item,
    .list-playlists .item,
    .list-videos .item {
      /*  width: calc(100% - 5px); */
        margin: 5px 0 0 5px;
    }

    .list-albums .item,
    .big-container .sidebar + .main-container .list-albums .place ~ .item:nth-of-type(-n + 7) {
        width: calc(50% - 5px);
        margin: 5px 0 0 5px;
    }

    .member-menu + .main-container-user .list-albums .item .title,
    .main-container .list-albums .item .title {
        font-size: 12px;
    }

    .member-menu + .main-container-user .list-albums .item .wrap,
    .main-container .list-albums .item .wrap {
        font-size: 11px;
    }

    .member-menu + .main-container-user .list-albums .item .wrap div:before,
    .main-container .list-albums .item .wrap div:before {
        font-size: 13px;
    }

    .member-menu + .main-container-user .list-albums .item .wrap .photos,
    .main-container .list-albums .item .wrap .photos {
        padding-left: 21px;
    }

    .main-container .list-albums .item .wrap .photos {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .member-menu + .main-container-user .list-albums .item .wrap .views,
    .main-container .list-albums .item .wrap .views {
        padding-left: 23px;
    }

    .item-control {
        padding: 4px 0;
    }

    .member-menu + .main-container-user .list-albums .item .wrap div,
    .main-container .list-albums .item .wrap div {
        padding-left: 18px;
    }

    .popup-holder {
        min-width: 280px;
    }

    .navigation .primary {
        max-width: 100%;
    }

    .sidebar .comments li,
    .sidebar .list li,
    .sidebar .filter li {
        width: 100%;
    }

    .block-channel .channel-rating strong {
        font-size: 5.5rem;
        padding: 1rem 1rem;
    }

    .block-model .img {
        width: 100%;
        padding-bottom: 64.2%;
    }

    .block-video .playlist .item {
        width: calc(100% - 10px);
    }
}

@media (max-width: 420px) {
    .main-container .list-albums .item .wrap div {
        padding-left: 0;
    }

    .member-menu + .main-container-user .list-albums .item .wrap .rating {
        padding-left: 0 !important;
    }

    .main-container .list-albums .item .wrap .added {
        padding-left: 18px;
        padding-right: 4px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .item .wrap .rating.positive::before {
        font-size: 9px !important;
    }

    .member-menu + .main-container-user .list-albums .item .wrap .photos {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

@supports (-webkit-overflow-scrolling: touch) {
    .sort,
    .content {
        cursor: pointer;
    }
}

.fancybox-close {
    background: transparent;
    background-image: none !important;
    position: relative;
    color: #fff;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.fancybox-close::before {
    content: "\e908";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 2;
    width: 14px;
    height: 14px;
    font-size: 14px;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: red;
    opacity: 1;
    transition: .3s;
}

.no-touch .fancybox-close:hover::before {
    opacity: .7;
}

.list-subscriptions .item-control {
    padding: 10px;
}

.sidebar form .textfield,
.sidebar form .textarea,
.sidebar form .selectbox,
.sidebar form .file,
.sidebar form .checkbox + label::before,
.sidebar form .checkbox + span::before {
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
}

.sidebar form .checkbox:checked + label::before,
.sidebar form .checkbox:checked + span::before {
    background-color: #1290ff;
    border: 1px solid #1290ff;
    color: #fff;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
}



.main-container-user .sort strong {
    padding: 0 13px 0 17px;
}

@media (max-width: 767px) {
    .main-container-user .bottom .submit {
        /*width: 100%;
        margin: 0 0 5px 0;*/
    }

    .main-container-user .bottom .submit:last-child {
        margin-top: 0;
        margin-bottom: 0;
    }
}

#list_messages_my_conversation_messages .headline h2 {
    font-size: 24px;
    font-weight: 400;
    color: #8e8e8e;
}

#list_messages_my_conversation_messages .headline h2 a {
    font-size: 24px;
    font-weight: 400;
}

.list-albums-images .item-control,
.list-videos-screenshots .item-control {
    border: none;
}

.list-albums-images .item-control .toggle-button:last-child,
.list-videos-screenshots .item-control .toggle-button:last-child {
    padding: 0;
    border: none;
    background: transparent;
}


.subscriptions-holder {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.block-details .block-user .username a {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border-radius: 10px 0 0 10px;
    padding: 7px 15px;
}

.subscriptions-holder .button-info {
    padding: 6px 15px 6px 30px;
    border-radius: 3px;
    background-color: #34363c;
    border-radius: 15px;
    margin: 0 0 0 3px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border-radius: 0 10px 10px 0;
    margin: 0;
    position: relative;
    color: #dbdbdb;
    line-height: 18px;
}

.subscriptions-holder .button-info:before {
    content: "\e90a";
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.info-content {
    margin: -7px 0 17px;
    max-width: 1230px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.info-content a {
    padding: 8px 20px;
    color: #212121;
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.33px;
    display: inline-block;
    margin: 0 3px 3px 0;
    border-radius: 10px;
    background-color: #34363c;
    color: #8b8f96;
    transition: color .3s, box-shadow .3s, background .3s, border-color .3s;
}

@media (min-width: 1024px) {
    .info-content a:hover {
        color: #fff;
    }
}

.info-content .link {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: 0;
    border: 0;
    margin-right: 10px;
    margin-bottom: 10px;
}

@media (max-width: 425px) {
    .info-content .link {
        width: 100%;
    }

    .info-content .link .name {
        width: 100%;
    }
}

.info-content .link .name {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: 6px 20px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.33px;
    border-radius: 10px 0 0 10px;
    background-color: #1290ff;
    transition: background .3s, color .3s;
}

@media (min-width: 1024px) {
    .info-content .link:hover {
        box-shadow: none;
    }
    
    .info-content .link:hover .name {
        background-color: #32343a;
        color: #fff;
    }
}

.info-content .link .name i {
    font-size: 16px;
    display: inline-block;
    margin: 0 10px 0 0;
}

.info-content .link .name i:before {
    content: "\e93b";
}

.info-content .link .name i.icon-top_models1:before {
    content: "\e93a";
}

.info-content .link .button-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    border-radius: 0 10px 10px 0;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    background-color: #34363c;
    color: #8b8f96;
}

.info-content .link .button-info i {
    font-size: 14px;
    display: inline-block;
    margin: 0 5px 0 0;
}

.info-content .link .button-info i:before {
    content: "\e90a";
}

.subscriptions-holder {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.block-details .block-user .username a {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border-radius: 15px 0 0 15px;
    padding: 7px 15px;
}

.block-details .block-user .username a:hover {
    background-color: #c6c6c6;
    color: #212121;
}

.sort.download {
    padding: 13px 22px 13px 27px;
    padding: 13px 25px 13px 30px;
    border-radius: 10px;
    line-height: 14px;
    background: #34363c;
    cursor: pointer;
}

.sort.download:focus,
.sort.download:hover {
    background-color: #1290ff;
    color: #fff;
    border-color: #1290ff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
}

.sort.download ul {
    top: 100%;
    background-color: #2e2f35;
    right: 0;
    left: 0;
    width: 100%;
    padding: 0;
    justify-content: flex-start;
}

.sort.download ul li {
    margin: 0;
    width: 100%;
}

.sort.download ul li a {
    padding: 13px 15px;
}

.sort.download .icon {
    left: 16px;
    top: calc(50% + 2px);
}

.sort.download strong {
    font-size: 15px;
    font-weight: 400;
}

.sort.download .type-sort:before {
    content: "\e910";
    font-size: 22px;
}

.main-content .sidebar {
    display: none;
}

.big-container .main-content .sidebar {
    display: block;
}

.open-sidebar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}

@media screen and (max-width: 1255px) {
    .big-container .open-sidebar {
        display: none;
    }
}

@media (max-width: 1152px) {
    .main-content .sidebar {
        display: block;
    }
}

.open-sidebar a {
    position: relative;
    width: 23px;
    cursor: pointer;
    z-index: 19;
    height: 21px;
    display: block
}

.open-sidebar a span {
    top: 50%;
    top: 1px
}

.open-sidebar a span,
.open-sidebar a span:after,
.open-sidebar a span:before {
    height: 4px;
    background-color: #fff;
    position: absolute;
    left: 5px;
    right: 5px;
    margin-top: -1px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
    left: 0;
    right: 0;
    border-radius: 2px;
    transition: background .3s, width .3s;
}

.open-sidebar a span:after,
.open-sidebar a span:before {
    top: 50%;
    top: 9px;
    width: 100%
}

.open-sidebar a span:after {
    top: 17px;
    width: 100%
}

.big-container .open-sidebar a span,
.big-container .open-sidebar a span:after,
.big-container .open-sidebar a span:before {
    background-color: yellow;
}

.big-container .open-sidebar a span:after,
.big-container .open-sidebar a span:before {
    width: 75%
}

.big-container .open-sidebar a span:after {
    width: 50%
}


.language-holder {
    margin-left: 10px;
    margin-right: 5px;
    position: relative;
    padding: 7px 0;
}

.language-holder .selected {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    color: #8b8f96;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 0.33px;
    cursor: pointer;
    transition: color .3s;
}

.language-holder .selected span {
    display: inline-block;
    margin: 0 5px;
}

.language-holder .selected img {
    width: 15px;
    height: 15px;
    overflow: hidden;
    display: inline-block;
    margin: 0 0 1px;
}

.language-holder .selected i {
    font-size: 5px;
    transition: transform .3s;
}

.language-holder .selected i:before {
    content: "\e95d";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.language-drop {
    position: absolute;
    top: 30px;
    width: 100%;
    width: auto;
    right: 0;
    z-index: 100;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
    border-radius: 0 0 10px 10px;
    background-color: #212121;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    padding: 5px 0 0;
    -webkit-transition: opacity 0.3s, visibility 0.3s, transform .3s;
    transition: opacity 0.3s, visibility 0.3s, transform .3s;
}

.language-drop li:first-child {
    margin-top: 5px;
}

.no-touch .language-drop li:first-child {
    margin-top: 0;
}

@media (min-width: 1025px) {
    .sort:hover ul {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.sort.open-sort ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.language-drop a {
    display: block;
    padding: 8px 5px 8px 37px;
    text-align: center;
    background: transparent;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    color: #212121;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.33px;
    text-align: center;
    color: #8b8f96;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    position: relative;
}

.language-drop a img {
    display: inline-block;
    margin: 0 5px 0 0;
    max-width: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}

.language-drop a span {
    display: inline-block;
}

.no-touch .language-drop a:hover {
    color: #ffffff;
    background-color: #3b3d44;
}

.language-holder:hover .selected {
    color: #1290ff;
}

.language-holder:hover .selected i {
    transform: rotate(-180deg);
}

.language-holder:hover ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.progress-ring-circle {
    transition: 0.35s stroke-dashoffset;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    stroke: #47b119;
}

.rating_circle {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 5px 0 0;
}

.rating_circle svg {
    width: 20px;
    height: 20px;
}

.e-c-base {
    fill: none;
    stroke: #494b4f;
    stroke-width: 20px
}

.e-c-progress {
    fill: none;
    stroke: #12bb1e;
    stroke-width: 20px
}

.negative .e-c-progress {
    stroke: #1290ff;
}


.headline .community_user {
    transition: color .3s, background .3s, border-color .3s;
    border-radius: 10px;
    background-color: #34363c;
background:linear-gradient(45deg, #4c5aff, #327dff);
    color: white;
    -webkit-transition: color .3s, background .3s, border-color .3s;
    -moz-transition: color .3s, background .3s, border-color .3s;
    -ms-transition: color .3s, background .3s, border-color .3s;
    -o-transition: color .3s, background .3s, border-color .3s;
}

@media (max-width: 568px) {
    .headline .community_user {
        white-space: nowrap;
        width: calc(50% - 4px);
    }
}

.no-touch .headline .community_user:hover {
    color: #fff;
    background: linear-gradient(45deg, #4c5aff, #32b3ff);
}

.headline .community_user span {
    padding: 0 0 0 20px;
    position: relative;
}

.headline .community_user span:before {
    content: "\e90d";
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 13px;
    transform: translateY(-50%);
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.headline [data-action=add_to_friends] span:before,
.headline .community_user:last-child span:before {
    content: "\e904";
}


form .selectbox {
    width: 100%;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 240.811 240.811' xml:space='preserve' wdth='10px' height='8px'%3E%3Cpath fill='gray' id='Expand_More' d='M220.088,57.667l-99.671,99.695L20.746,57.655c-4.752-4.752-12.439-4.752-17.191,0 c-4.74,4.752-4.74,12.451,0,17.203l108.261,108.297l0,0l0,0c4.74,4.752,12.439,4.752,17.179,0L237.256,74.859 c4.74-4.752,4.74-12.463,0-17.215C232.528,52.915,224.828,52.915,220.088,57.667z'/%3E%3C/svg%3E");
    background-repeat: no-repeat, repeat;
    background-position: right 10px top 50%;
    background-size: auto;
    padding: 9px 20px 10px;
    color: #8b8f96;
    border-radius: 10px;
    height: 40px;
    background-color: #2e2f35;
}

form .selectbox.age {
    width: 90px;
}

form .selectbox::-ms-expand {
    display: none;
}

form .selectbox:disabled,
form .selectbox[aria-disabled=true] {
    color: graytext;
}

form .selectbox option {
    font-weight: normal;
}

.list-channels .item .title,
.list-categories .item .title,
.list-models .item .title,
.list-sponsors .item .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-touch .sort ul a:hover {
    color: #ffffff;
    background-color: #52555f;
}

@media (max-width: 785px) {
    .tabs-menu ul .sort.download {
        margin-top: 0 !important;
    }
}

@media (max-width: 1152px) {
    .open-sidebar {
        display: none;
    }
}

.block-share .row input {
    text-overflow: ellipsis;
}

.list-channels .item-control .toggle-button {
    padding: 5px 8px;
}

@media (max-width: 420px) {
    .rating positive {
        padding-left: 0;
    }
}

@media (max-width: 460px) {
    .rating-container {
        margin-right: 0;
        margin-bottom: 5px;
    }
}

@media (max-width: 860px) {
    .row.date select {
        width: 100%;
        margin: 0 0 10px 0;
    }
}

@media (max-width: 356px) {
    .tabs-menu li {
        width: 100%;
        margin: 0 0 5px 0;
    }
    .tabs-menu .toggle-button {
        width: 100%;
        justify-content: center;
    }
}

.fancybox-wrap {
    z-index: 10000 !important;
}
/* 
form .selectbox {
    position: relative;
}

form .selectbox::before {
    content: '';
    position: absolute;
    z-index: 10;
    left: 10px;
    top: 50%;
    width: 10px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0,0,51,32' fill='Gray' width='10' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.544c-0 0.005-0 0.011-0 0.017 0 1.277 0.486 2.44 1.284 3.315l-0.004-0.004 21.248 22.784c0.767 0.827 1.859 1.343 3.072 1.343s2.305-0.516 0.07-1.34l0.002-0.003 21.248-22.784c0.803-0.873 1.296-2.043 1.296-3.328s-0.492-2.455-1.299-3.332l0.003 0.004c-0.773-0.861-1.89-1.401-3.133-1.401-1.212 0-2.305 0.513-3.073 1.334l-0.002 0.002-18.112 19.456-18.112-19.456c-0.77-0.823-1.862-1.337-3.075-1.337-1.243 0-2.36 0.539-3.13 1.397l-0.003 0.004c-0.794 0.871-1.28 2.034-1.28 3.311 0 0.006 0 0.012 0 0.018v-0.001z'%3E%3C/path%3E%3C/svg%3E");

} */

.player-related-videos-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.player-related-videos-item {
    position: relative;
}

.player-related-videos .player-related-videos-item .title {
    top: 0;
    width: 100%;
    left: 0;
    transition: .3s;
}

@media (max-width: 1024px) {
    .player-related-videos {
        overflow-y: auto;
    }
    .player-related-videos .player-related-videos-item .thumb {
        width: 200px!important;
        height: 115px!important;
    }   
}
 
.fancybox-image {
    height: auto!important;
}


.subscriber-label {
padding:7px 15px;
color:white;
background-color:#1290ff;
border-radius:10px 0 0 10px;
font-size:14px;
}
.subscriber-count {
padding:7px 15px 7px 15px;
border-radius:0 10px 10px 0;
background-color:#34363c;
color:#cfcfcf;
margin-right:5px;
}
.subscriber-count:before {
    content: "\e90a";
    margin-right:5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 785px) {
.subscriber-main{margin-top:11px;}
}
.notification{
color:yellow !important;
font-weight:bold;
}
.hidden-display-name{
display:none !important;
}
.disabled-hidden{display:none !important;}
.noiquy{font-weight:bold;color:yellow;}
.noiquyh3{font-size:16px;margin-top:20px;color:#ffcaad;}
@media screen and (max-width: 420px) {
.block-video .player .player-wrap {padding-bottom:100% !important;}
}
.username-container {
  font-size: 18px;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  position: relative;
}

.notification-badge {
  background: linear-gradient(to right, #ff5050, #ff3a00);
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  transform: scale(1);
  transition: transform 0.5s ease-in-out;
}

.username-container:hover .notification-badge {
  transform: scale(1.1);
}


@keyframes constantBadgeAnimation {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

.notification-badge {
  animation: constantBadgeAnimation 2s infinite;
}

.notification-message {
  background: linear-gradient(to right, #ff5050, #ff3a00);
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
  border: 1px solid white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  transform: scale(1);
  transition: transform 0.5s ease-in-out;
}
@media (min-width: 1154px) {
    .mobile-upload {
        display: none;
    }
}

@media (max-width: 1152px) {
    .mobile-upload {
        display: block;text-align:center;
    }
}

@media (max-width: 1152px) {
    .desktop-upload {
        display: none !important;
    }
}

@media (min-width: 1154px) {
    .desktop-upload {
        display: block;text-align:center;
    }
}

/* Fade-in animation */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}


.specific-navigation {
    background-color: #16171b;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 10px;
}

.specific-navigation .highlight.mobile-upload {
    position: relative; 
    list-style: none;
    background-color: #007bff;
    border: 1px solid #6ab2ff;
    color: #ffffff;
    padding: 12px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 50px;
}

.specific-navigation .highlight.mobile-upload:hover,
.specific-navigation .highlight.mobile-upload:focus {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
            transform: scale(0.98);
/*            background: linear-gradient(135deg, #3399FF 0%, #007bff 100%);*/
}

/* Dropdown menu initially hidden */
.specific-navigation .highlight.mobile-upload ul {
    display: none;  /* Initially hidden */
    position: absolute;
    left: 50%; 
    top: 100%;
    transform: translateX(-50%); 
    min-width: 400px; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); 
    border-radius: 20px; 
    padding: 15px 20px;
    z-index: 1000;
    background: linear-gradient(to bottom, #0d0d0d, #1a1a2e, #0d0d0d);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
}

.specific-navigation .highlight.mobile-upload ul.show {
    display: flex;
}

/* Show dropdown on click */
.specific-navigation .highlight.mobile-upload:focus-within ul {
    display: flex;
    animation: fadeIn 0.3s ease-in-out;
}

/* Menu item styles */
.specific-navigation .highlight.mobile-upload ul li {
    list-style: none;
    flex: 1;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    transition: background-color 0.3s ease-in-out;
border: 1px solid #444074;
}

.specific-navigation .highlight.mobile-upload ul li:hover {
background: linear-gradient(to right, #4e4ee4, #1381c3, #0091ff);
}
.specific-navigation .highlight.mobile-upload ul li a i {
    color: #3399FF;
}

/* Dropdown links */
.specific-navigation .highlight.mobile-upload ul li a {
    display: flex;
padding:10px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: white;
    gap: 10px;
}

.specific-navigation .highlight.mobile-upload ul li a:hover {
    text-decoration: underline; 
}

/* Button styling inside the nav */
.specific-navigation .highlight.mobile-upload a {
   color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

@media screen and (max-width: 420px) {.item .wrap div {font-size:11px;}}
@media screen and (max-width: 1023px) {.item .touch-preview {display:none !important;}}


/* Base styling */
.list_comments {
    font-family: 'Roboto Mono', monospace; /* Consistent futuristic font */
    width: 100%;
    background-color: #16171b; /* Matches your site's background */
    padding: 40px 10%; /* Provides ample space for content */
    color: #e0e0e0; /* High-contrast text color */
}

.block_header {
    color: #0dcaff; /* Bright neon blue for headings */
    text-align: center;
    font-size: 2.5rem; /* Larger for impact */
    text-shadow: 0 0 8px #0dcaff; /* Subtle glow effect */
    margin-bottom: 50px; /* More space below the header */
    animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
    from {
        text-shadow: 0 0 10px #0dcaff, 0 0 20px #0dcaff;
    }
    to {
        text-shadow: 0 0 20px #0dcaff, 0 0 30px #0dcaff;
    }
}

.block_sub_header {
    font-size: 1.0rem;
    color: #6c757d; /* Muted for subtext */
    text-align: center;
    margin-bottom: 30px;
}

.block_content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.comment_row {
    width: 100%; /* Full width for each comment */
    padding: 20px 0;
    margin-bottom: 20px;
    position: relative;
    transition: background-color 0.1s;
}
.comment_row:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 90%;
    height: 2px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(13, 202, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
    transform: translateX(-50%);
}
.comment_row:hover {
    background-color: #25262b;
}

.avatar.comment {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #0dcaff;
    box-shadow: 0 0 5px #0dcaff;
}

.avatar.comment img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

h2 {
    color: #ffffff;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

h2 a, .anonymous_user {
    color: #4fc3f7;
    font-weight: 500;
}

h2 a:hover {
    color: #29b6f6;
    text-decoration: none;
}

.user-comment {
    color: #cccccc;
    font-size: 1rem;
    line-height: 1.5;
    white-space: pre-wrap;
}

.text_content {
    text-align: center;
    color: #aaaaaa;
    font-size: 1.2rem;
    font-style: italic;
}

/* Responsive Design */
@media (max-width: 768px) {
    .avatar.comment, h2 {
        display: block;
        text-align: center;
        margin-right: 0;
    }

    .avatar.comment {
        margin: 0 auto 10px;
    }

    h2 {
        margin-top: 5px;
    }
}
.h2comment{font-size:14px}
h2.h2comment a{font-size:13px}
.user-comment{font-size:17px}
.fancybox-inner{overflow:hidden !important;}
.section-title{color:#7cff8b !important}
.popup-title{color:#00d4ff}
.avatar{border: 2px solid #0dcaff;box-shadow: 0 0 5px #0dcaff;}
.no-thumb.male-cmt{background-color:#72b9ff;}
.no-thumb.female-cmt{background-color:#f392ff;}
.no-thumb.couple-cmt,.no-thumb.trans-cmt{background-color:#e6a8cf;}
.headline h1{color:#ffb81e;}
.headline h2{color:#7cff8b;}
@media screen and (max-width: 1023px){
ul.primary li {
    background: linear-gradient(to right, #26282c 0%, #1f2125 100%);
    transition: background-color 0.3s, transform 0.3s;
}
ul.primary li.selected {
    background: rgba(255, 255, 255, 0.1);
    border-left: 2px solid yellow;
border-right: 2px solid yellow;
}
}
.list-comments .item{background:rgb(107 107 107 / 10%);}
.telegram{margin-left:auto;}
.scroll-btn {
            position: fixed;
            right: 20px;
                background: #0000008c;
            color: white;
            border: none;
            padding: 12px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            z-index: 1000;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            pointer-events: none;
            transform: scale(0.9);
        }

        .scroll-btn.visible {
            opacity: 1;
            transform: scale(1);
            pointer-events: auto;
        }

        #scrollTopBtn {
            bottom: 70px;
        }

        #scrollDownBtn {
            bottom: 20px;
        }

@media (min-width: 768px) {
        .scroll-btn:hover {
            background: linear-gradient(45deg, #0056b3, #0096ff);

            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
        }
#scrollTopBtn:hover {
  transform: translateY(-5px);
}
#scrollDownBtn:hover {
  transform: translateY(5px);
}
#scrollTopBtn.clicked {
  transform: translateY(-5px);
}
#scrollDownBtn.clicked {
  transform: translateY(5px);
}

}

        .scroll-btn:active {
            background: #0000008c;
            transform: translateY(0);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        }

        .scroll-btn svg {
            width: 20px;
            height: 20px;
            transition: transform 0.3s;
        }

        .scroll-btn:hover svg {
            transform: scale(1.1);
        }

        @media (max-width: 768px) {
            .scroll-btn {
                padding: 10px;
                right: 15px;
            }

            #scrollTopBtn {
                bottom: 250px;
            }

            #scrollDownBtn {
                bottom: 208px;
            }

            .scroll-btn svg {
                width: 18px;
                height: 18px;
            }
#scrollTopBtn.clicked {
  transform: translateY(-7px);
}
#scrollDownBtn.clicked {
  transform: translateY(7px);
}

        }

#scrollTopBtn.clicked,
#scrollTopBtn.clicked:hover,
#scrollDownBtn.clicked,
#scrollDownBtn.clicked:hover {
  background: linear-gradient(45deg, #003d80, #007bff);
}

section{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
line-height:1.5;color:#212529;}
.info-padding{position:relative;padding:.75rem 1.25rem;
margin-bottom:1rem;
border-radius:.25rem;}
.info-padding:before {
    border-left: 1px solid;
    position: absolute;
    border-right: 2px solid;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    content: '';
    height: 20px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.info-content-style
{
    border: 1px solid rgba(241, 142, 6, 0.81);
    background-color: rgba(220, 128, 1, 0.16);
    box-shadow: 0px 0px 2px #ffb103;
    color: #ffb103;
  transition:0.5s;
}
.report-violate{display:none;width:-webkit-fill-available;text-align:center;}
.info-content-style:hover{
  background-color: rgba(220, 128, 1, 0.33);
  transition:0.5s;
}
.signup-border{border:2px solid #00fff3;}.login-border{border:2px solid yellow;}
.menu-text {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background: linear-gradient(135deg, #ec4899, #6366f1, #0ea5e9);
    border: 1px solid;
    padding: 5px;
border-radius:5px;
background-size: 220% 220%;
    animation: menuGradient 3s ease-in-out infinite;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.45);
}
.sort.open-sort strong,.sort:hover strong{color:white;}
a.tokens{color:#42b1ff;}
.no-touch .navigation .secondary a:hover{color:yellow;}
.no-touch .navigation .secondary a:before{background-color:yellow;}
.blue-badge {
            display: inline-block;
            width: 14px;
            height: 14px;
            background-color: #2173ff;
            border-radius: 50%;
            position: relative;
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
        }

        .blue-badge::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 5px;
            height: 3px;
            border: solid white;
            border-width: 0 0 1.5px 1.5px;
            transform: translate(-50%, -60%) rotate(-45deg);
        }
.blue-badge-profile {
            display: inline-block;
            width: 20px;
            height: 20px;
            background-color:#2173ff;
            border-radius: 50%;
            position: relative;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        }

        .blue-badge-profile::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 8px;
            height: 4px;
            border: solid white;
            border-width: 0 0 2px 2px;
            transform: translate(-50%, -60%) rotate(-45deg);
        }
.list-tokens{color:#ffbd48;}
th{color:#00fbff;font-weight:bold;text-align:center;}
td,th{border:1px solid #5e5858;padding:10px;}
table{border-spacing:inherit;}
tr{text-align:center;}
tr:nth-child(even){background-color:#353535;}
td:hover, th:hover{background-color:#965c1c;}
.center-ad{margin:0 auto;display:block;margin-top:5px !important;}
.rating-container {
    color: #fff;
    font-family: Arial, sans-serif;
    background-color: #333;
    padding: 10px;
    border-radius: 5px;
  }
  .likes-dislikes {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .likes-dislikes div {
    display: flex;
    align-items: center;
  }
  .progress {
    background-color: #555;
    border-radius: 5px;
    height: 10px;
    width: 100px;
    overflow: hidden;
    margin-left:5px;
margin-right:5px;
  }
  .progress-bar {
    height: 100%;
    border-radius: 5px;
  }
  .likes-bar {
    background: linear-gradient(45deg, #27b430, #00ff21);
  }
  .dislikes-bar {
    background: linear-gradient(45deg, #ff0000, #b83b3b);
  }
.icon-header {
            transition: transform 0.3s ease, color 0.3s ease;
        }
#item2:hover{color:lime;}
@keyframes jelly {
    0% { transform: scale(1, 1); }
    30% { transform: scale(1.2, 0.8); }
    50% { transform: scale(0.8, 1.2); }
    100% { transform: scale(1, 1); }
}
#item2:hover .icon-header {
    animation: jelly 0.6s ease-in-out infinite;
    color: #39FF14;
}

#item3:hover{color:#1ee5ff;}
@keyframes thumb-shake {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-5deg); }
    50% { transform: rotate(5deg); }
    75% { transform: rotate(-3deg); }
}
#item3:hover .icon-header {
    animation: thumb-shake 0.5s ease-in-out infinite;
    color: #1ee5ff !important;
}

#item4:hover{color:#FF4500;}
@keyframes flicker {
    0% { opacity: 1; }
    50% { opacity: 0.6; }
    100% { opacity: 1; }
}
#item4:hover .icon-header {
    animation: flicker 0.3s infinite alternate;
    color: #FF4500;
}

#item5:hover{color:#58caf8;}
@keyframes subtle-zoom {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
#item5:hover .icon-header {
    animation: subtle-zoom 0.6s ease-in-out infinite;
    color: #87CEEB;
}

#item6:hover{color:#90EE90;}
@keyframes wiggle {
    0% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    50% { transform: translateX(3px); }
    100% { transform: translateX(0); }
}
#item6:hover .icon-header {
    animation: wiggle 0.4s ease-in-out infinite;
    color: #90EE90; /* Light Green */
}

#item10:hover{color:#00FFFF;}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1); }
}
#item10:hover .icon-header {
    animation: pulse 0.5s ease-in-out infinite;
    color: #00FFFF;
}

#item11:hover{color:#ff7373;}
@keyframes gentle-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}
#item11:hover .icon-header {
    animation: gentle-bounce 0.5s infinite alternate;
    color: #D8BFD8; /* Light Purple */
}


#item12:hover{color:#FFA500;}
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    75% { transform: translateX(2px); }
}
#item12:hover .icon-header {
    animation: shake 0.5s ease-in-out infinite;
    color: #FFA500;
}
@keyframes slide-up {
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}
.uploadbutton:hover {
    animation: slide-up 0.6s ease-in-out infinite;
    color: #1E90FF;
}



    .nav-custom .primary li {
      display: inline-block;
      position: relative;
    }
    /* Dropdown arrow icon */
    .dropdown-arrow {
      margin-left: 5px;
      transition: transform 0.3s ease;
    }
    /* Desktop: popup dropdown on hover */
    @media only screen and (min-width: 768px) {
      .nav-custom .primary li.dropdown ul.dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        background: #333333;
        transform: scaleY(0);
        transform-origin: top;
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
        z-index: 1000;
        list-style: none;
        margin: 0;
        padding: 0;
visibility:unset !important;
      }
      .nav-custom .primary li.dropdown:hover ul.dropdown-menu {
        transform: scaleY(1);
        opacity: 1;
      }
      .nav-custom .primary li.dropdown:hover .dropdown-arrow {
        transform: rotate(180deg);
      }
    }
    /* Mobile: Override styles when .nav-custom has the 'mobile' class */
    @media only screen and (max-width: 767px) {
      /* Force the primary menu to flow normally */
      .nav-custom.mobile .primary {
        position: static;
      }
      /* Stack menu items vertically */
      .nav-custom .primary li {
        display: block;
      }
      /* Mobile inline dropdown styling */
      .nav-custom .primary li.dropdown ul.dropdown-menu {
        position: static;
        background: #333333;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.3s ease, opacity 0.3s ease;
        list-style: none;
        margin: 0;
        padding: 0;
visibility:unset !important;
      }
      /* When active, expand the dropdown inline */
      .nav-custom .primary li.dropdown.active ul.dropdown-menu {
        max-height: 300px;
        opacity: 1;
margin-top:10px;
margin-bottom:-10px;
      }
      .nav-custom .primary li.dropdown.active .dropdown-arrow {
        transform: rotate(180deg);
      }
    }
    .nav-custom .primary li.dropdown ul.dropdown-menu li a {
      background: #333333;  /* Dropdown background */
      text-decoration: none;
    }
    .nav-custom .primary li.dropdown ul.dropdown-menu li a:hover {
      background: #444444;
    }
.nav-custom .primary li.dropdown.selected ul.dropdown-menu {
  display: none;
  max-height: 0;
  opacity: 0;
}
.nav-custom .primary li.dropdown.selected .dropdown-arrow {
  display: none;
}
@media only screen and (min-width: 768px) {
  .nav-custom .primary li.dropdown ul.dropdown-menu {
    max-height: 400px; /* Limit the dropdown height */
    overflow-y: auto;  /* Enable vertical scrolling */
  }
}

/* For mobile dropdown */
@media only screen and (max-width: 767px) {
  .nav-custom .primary li.dropdown ul.dropdown-menu {
    overflow-y: auto;  /* Enable vertical scrolling */
  }
}
.headline h1{
      font-weight: 700;
      background: linear-gradient(270deg, #FF0080, #FF8C00, #FFD700, #32CD32, #1E90FF, #BA55D3, #FF0080);
      background-size: 800% 800%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: gradientAnimation 12s ease infinite;
      text-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
      transition: transform 0.4s ease, text-shadow 0.4s ease;
    }
    @keyframes gradientAnimation {
      0%   { background-position: 0% 50%; }
      25%  { background-position: 50% 50%; }
      50%  { background-position: 100% 50%; }
      75%  { background-position: 50% 50%; }
      100% { background-position: 0% 50%; }
    }
@media (min-width: 1041px) and (max-width:1154px) {
    .specific-navigation .highlight.mobile-upload ul {
        min-width: 250px;
    }
}
.emoji {
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    color: inherit;
}


.js-theme-switcher {
    min-width: 60px;
    max-width: 60px;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px;
    position: relative;
    z-index: 0;
}

.ball {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    transition: transform .3s ease, background .3s ease;
    top: 3px;
}

.icon-theme {
    color: #fff;
    display: flex;
    z-index: 2;
    font-size: 16px;
}

html.dark .icon-sun {
    color: #8EA7D4;
}

html.light .icon-sun {
    color: #000;
}

html.dark .icon-moon {
    color: #E7F4FC;
}

html.light .icon-moon {
    color: #000;
}

html.dark .js-theme-switcher {
    border: 1px solid #919191;
    background: transparent;
}

html.light .js-theme-switcher {
    border: 1px solid #757575;
    background: transparent;
}

html.dark .ball {
    transform: translateX(27px);
    background: #8EA7D4;
}

html.light .ball {
    transform: translateX(-1px);
    background: #ffe702;
}

html.light a {
    color: #000;
}

html.light .navigation .primary a {
    color: #000;
}

html.light .x-img {
    filter: invert(1) brightness(2); 
}

html.light .top-links {
    background: #fff;
}

html.light .language-drop {
    background-color: #ffffff;
}

html.light .header {
    background-color: #f0f0f0;
}

html.light .member-links a {
    color: #000;
}

/*@media screen and (hover:hover) {
    html.light .member-links a:hover {
        color: #1290ff;
    }
}*/

html.light .header + nav {
    background-color: #fff;
}

html.light {
  background-color: #f3f3f3;  
}

html.light .big-container .open-sidebar a span, html.light .big-container .open-sidebar a span:after, html.light .big-container .open-sidebar a span:before {
    background-color: #000;
}

html.light .nav-custom .primary li.dropdown ul.dropdown-menu {
    background: #fff;
}

html.light .sidebar {
    background-color: #fff;
}

html.light .sidebar .list a {
    color: #000;
}

html.light .search .search-text input {
    background-color: #fff;
    color: #000;
border:2px solid #7bc4ff;
}

@media (min-width: 1024px) {
    html.light .no-touch .sidebar .list a:hover {
        background-color: #e5e5e5;
    }
}

html.light .info-content-style {
        color: #ff0000;
    background-color: #fff;
    box-shadow: 0px 0px 2px #ff5252;
    border: 1px solid rgb(241 6 6 / 81%);
    font-weight: 600;
}

html.light .sidebar .list a:before {
    background-color: #fff;
}

html.light .sidebar .list a:after {
    background-color: #d3d3d3;
}

html.light .sidebar .list .rating::before {
    background-color: #ffffff;
}

html.light .footer {
    background-color: #fff;
}

html.light .footer .nav a {
    color: #000;
}

html.light .item .title {
    color: #000;
}

html.light .list-playlists .item, html.light .list-models .item, html.light .list-sponsors .item, html.light .list-channels .item, html.light .list-categories .item, html.light .list-albums .item, html.light .list-albums-images .item, html.light .list-videos .item, html.light .list-videos-screenshots .item {
    background: #fff;
}

html.light .list-videos .is-hd {
    background-color: rgb(255 255 255 / 47%);
    color: #000000;
}

html.light .sort {
    background-color: #fff;
}

html.light .sort ul {
    background-color: #fff;
}

html.light .pagination a, html.light .pagination span {
    background-color: #fff;
}

html.light .tags-cloud .all {
    background-color: #fff;
    color: #000;
}

html.light p.text {
    color: #000;
}

html.light .item .ico-fav-1, html.light .item .ico-fav-0 {
    background-color: #fff;
    color: #0060ff;
}

@media (min-width: 1025px) {
  html.light .sort:focus, html.light .sort:hover {
    background-color: #1290ff;
  }  
}

html.light .pagination .page-current a, html.light .pagination .page-current span {
    background-color: #1290ff;
}

html.light .footer-margin {
    background-color: #f3f3f3;
}

html.light .specific-navigation {
    background-color: transparent;
}

html.light .nav-custom .primary li.dropdown ul.dropdown-menu li a {
    background: #fff;
}

html.light .nav-custom .primary li.dropdown ul.dropdown-menu li a:hover {
        background: #e6e6e6;color:#000;
}

@media screen and (max-width: 1152px) {
    html.light .navigation .primary {
        background-color: #f3f3f3;
    }
}

@media screen and (max-width: 1023px) {
    html.light ul.primary li {
        background: #fff;
    }
}

html.light .block-post .post-content {
    color: #000;
}

html.light .block-post .post-content span {
    color: #466b00;
}

html.light form .textfield, html.light form .textarea, html.light form .selectbox, html.light form .file {
    background-color: #fff;
    color: #000;
}

html.light .list-comments .username {
    color: #000;
}

html.light .list-comments .item {
    color: #000;
    background: #fff;
    padding: 5px;
}

html.light .list-comments .comment-options a.comment-dislike, html.light .list-comments .comment-options a.comment-like {
    background-color: #d3d3d3;
}

html.light form .smileys-support .smileys-bar {
    background: #fff;
}

html.light .list-posts .item a .description {
    color: #2c2c2c;
}

html.light form label {
    color: #000;
}

html.light .sidebar .comments .username a {
    color: #000;
}

html.light .headline h2 {
    color: #0089ff;
}

html.light .block-profile {
    background-color: #fff;
}

html.light .profile-list .item em {
    color: #178900;
}

html.light .member-menu {
    background-color: #fff;
}

html.light .headline .button-info {
    background-color: #fff;
}

html.light .user-menu span {
    background-color: #d3d3d3;
}

html.light .user-menu li:after {
    background-color: #fff;
}

html.light .user-menu li a:after {
    background-color: #fff;
}

html.light .user-menu li a:before {
    background-color: #d3d3d3;
}

html.light .no-touch .user-menu a:hover {
    background-color: #d3d3d3;
}

html.light .block-channel {
    background-color: #fff;
}

html.light .block-channel .channel-rating strong {
    background-color: #d3d3d3;
}

html.light .block-channel .desc {
    color: #000;
}

html.light .fancybox-opened .fancybox-skin {
   background-color: #f1f1f1;  
}

html.light form .generic-error {
    background-color: #fff;
}

html.light .info-content a {
    background-color: #fff;
}

@media screen and (hover:hover) {
   html.light .info-content a:hover {
    background: #0096ff;
    color: #fff;
   } 
}

html.light .tabs-menu .toggle-button {
    background-color: #fff;
}

html.light .btn-favourites {
    background-color: #fff;
}

html.light .block-details .item span em {
    color: #000;
}

html.light .block-details .item em {
    color: #000;
}

html.light .rating-container {
    background-color: #fff;
}

html.light .rating-container .voters {
    color: #ff0000;
}

html.light .hint {
    color: #2a6a00;
}

html.light .block-share .block-size a {
    background-color: #fff;
}

html.light .block-flagging form .field-label {
    color: #000;
}

html.light .block-flagging .block-radios .row label {
    color: #000;
}

html.light .subscriptions-holder .button-info {
    background-color: #fff;
    color: #080808;
}

html.light .tabs-menu .toggle-button.active {
    background-color: #1290ff;
}

html.light .btn-favourites:hover .drop {
    background-color: #1290ff;
}

html.light .block-album .images {
    background-color: #fff;
}

html.light .member-menu .block-main .avatar {
    background-color: #c2d1ff;
}

html.light .main-container-user .section-two {
    color: #000;
}

html.light .navigation .primary ul {
    background-color: #fff;
}

html.light .no-touch .sort ul a:hover {
    color: #000;
background-color:#e5e5e5;
} 

html.light .open-sidebar a span, html.light .open-sidebar a span:after, html.light .open-sidebar a span:before {
    background-color: #000;
}

html.light .autocomplete-suggestions {
    border: 1px solid #1b1b1b;
    background: #fff;
    overflow: auto;
    margin: 0 -60px 0 0;
    border-radius: 10px;
    overflow: hidden;
}

html.light .autocomplete-suggestion {
    padding: 8px 15px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

html.light .autocomplete-suggestions strong {
    font-weight: normal;
    color: #222222;
    border-bottom: 1px solid #222222;
}
html.light .autocomplete-group {
    padding: 5px;
    font-weight: bold;
    padding: 10px 15px;
    font-weight: bold;
    color: #fff;
    background: #222222;
}
html.light .autocomplete-selected {
    background: #e5e5e5;
}
html.light .profile-list .column .item a:hover{color:#ff5d1e;}
html.light .profile-list .column .item a{color:#4456ff;}

html.light .sort.open-sort strong, .sort:hover strong {color:#2074ff;}
html.light .sort strong{color:#2b72ff;}

html.light .list-playlists .item:hover > a,
html.light .list-models .item:hover > a,
html.light .list-sponsors .item:hover > a,
html.light .list-channels .item:hover > a,
html.light .list-categories .item:hover > a,
html.light .list-albums .item:hover > a,
html.light .list-albums-images .item:hover > a,
html.light .list-videos .item:hover > a,
html.light .list-videos-screenshots .item:hover > a {
background-color:#fff;
}

html.light .item-control{border-top:1px solid #cecece;}
html.light .item-control .toggle-button{background-color:#eaeaea;color:#000;}
html.light .item-control .toggle-button.disabled{color:#a9a9a9}
html.light .sidebar form .textfield,
html.light .sidebar form .textarea,
html.light .sidebar form .selectbox,
html.light .sidebar form .file,
html.light .sidebar form .checkbox + label::before,
html.light .sidebar form .checkbox + span::before {
background-color:#fff;color:#000;
}
html.light .headline h1{text-shadow: none;}
/*html.light .sort strong:hover{color:white;}*/
html.light .margin-fix .bottom .submit, .margin-fix .bottom .submit.right{background-color:#fff;}
html.light .member-links .sort:hover strong {color: #fff;}
.info-board-ios{color:#00ecff;}
.info-board-android{color:#00ff01;}
html.light .info-board-ios{color:#0060ff;}
html.light .info-board-android{color:#b500ff;}
html.light .info-padding.info-content-style.app{
    background-color: #1bcbff47;
    color: #000000;
    box-shadow: 0px 0px 2px #52eaff;
    border: 1px solid #4eccff;
    font-weight: unset;}
.ads-contact{color:#0EA5E9;}
html.light .ads-contact{color:#1a7aff;font-size:13px;}
.mail-contact{color:#00f0ff;}
html.light .mail-contact{color:#0041ff;}
html.light h2 a{color:#007fff;}
@media screen and (min-width: 1255px) {
html.light .no-touch .sidebar .list a:hover .rating {
    color: #000;}
}
html.light .sidebar .comments .username,html.light .sidebar .comments .comment-text a{color:#000;}
html.light .sidebar .comments .username a:hover{color:#1290ff;}
html.light .sidebar .comments li{border-bottom:1px solid #e6e6e6;}
@media (min-width: 1025px) {html.light .sort:hover strong,html.light .headline.sort:hover {color:#fff;}}
.no-touch .headline .more:hover, .no-touch .headline .button:hover{transition:0.2s;font-size:15px;background:linear-gradient(45deg, #c20eff, #3447ff);}
html.light .block-details .block-user .username .name{color:#ab00ff;}
html.light .block-comments .list-comments{border-top:1px solid #c9c9c9;}
html.light .load-more a{background-color:#fff;}
html.light .related-albums .list-sort span,
html.light .related-videos .list-sort a:hover,
html.light .related-albums .list-sort a:hover{background:linear-gradient(45deg, #e014ff, #3689ff);}
html.light .watch-history{background-color:#00a6ff;}
.most-searched{color: #ffca00;text-align: center;display: block;font-size: 16px;margin-top:2rem;}
html.light .most-searched{color:#981aff;}
@media (min-width: 1024px) {
html.light .no-touch .pagination a:hover{background-color:#4ba7ff;}
}
html.light .list-comments .comment-options span{background-color:#e0e8ff;}
html.light .navigation .primary a:before{background-color:#31c8ff;}
@media screen and (max-width: 1023px) {
html.light ul.primary li.selected {border-left:2px solid #31c8ff;border-right:2px solid #31c8ff;box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);}
}
html.light th{color:#ff3838;}
html.light td, th{border:1px solid #e5e5e5;}
html.light tr:nth-child(even){background-color:#fff;}
html.light .list-tokens{color:#000;}
html.light td:hover, th:hover{background-color:#d4d4d4;}
html.light .no-touch .navigation .secondary a:hover{color:#ff8421;}
html.light .no-touch .navigation .secondary a:before{background-color:#ff8e31;}
html.light .no-touch .navigation .primary ul li a:hover{background-color:#dedede;color:#000;}
.videos-rule,.albums-rule{color:yellow;font-weight:bold;}
html.light .videos-rule,html.light .albums-rule{color:#ff3535;font-weight:bold;}
html.light .section-title{color:blue !important;}
.limited-note-upload{font-style:italic;font-weight:bold;color:orange;}
html.light .limited-note-upload{color:#9800ff;}

@keyframes menuGradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ==== DARK THEME FUTURE BUTTON ==== */
/* applies when html DOESN'T have class="light" */
html:not(.light) .menu-text {
    position: relative;
    align-items: center;
    justify-content: center;

    padding: 9px 24px;
    border-radius: 999px;

    font-family: 'Montserrat', system-ui, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.18em;

    color: #e5e7eb;
    border: none;
    background: transparent;
    overflow: hidden;
    isolation: isolate;

    text-shadow: 0 0 8px rgba(56, 189, 248, 0.7);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.8);
}

/* animated neon border */
html:not(.light) .menu-text::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    background: linear-gradient(135deg, #22d3ee, #6366f1, #a855f7, #22d3ee);
    background-size: 320% 320%;
    animation: menuGradientDark 4s linear infinite;
    z-index: -2;
}

/* inner dark glass */
html:not(.light) .menu-text::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: inherit;
    background: radial-gradient(circle at 30% 0,
                rgba(56, 189, 248, 0.2),
                transparent 55%)
              , rgba(15, 23, 42, 0.92);
    backdrop-filter: blur(6px);
    z-index: -1;
}

/* tap / press */
html:not(.light) .menu-text:active {
    transform: translateY(1px) scale(0.97);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.9);
}

@keyframes menuGradientDark {
    0%   { background-position:   0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position:   0% 50%; }
}

/* LIGHT THEME � future animated MENU button */
html.light .menu-text {
    position: relative;
    align-items: center;
    justify-content: center;

    padding: 9px 24px;
    border-radius: 999px;

    font-family: 'Montserrat', system-ui, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.18em;

    color: #ffffff; /* white text on strong gradient */
    border: none;

    background: linear-gradient(135deg, #0ea5e9, #6366f1, #a855f7, #0ea5e9);
    background-size: 260% 260%;
    animation: menuGradientLight 3s ease-in-out infinite;

    box-shadow: 0 8px 22px rgba(148, 163, 184, 0.7);
    text-shadow: 0 0 6px rgba(30, 64, 175, 0.6);

    cursor: pointer;
}

/* tap / press on mobile */
html.light .menu-text:active {
    transform: translateY(1px) scale(0.97);
    box-shadow: 0 5px 16px rgba(148, 163, 184, 0.8);
}

@keyframes menuGradientLight {
    0%   { background-position:   0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position:   0% 50%; }
}

html.light .login-border{border:2px solid #FFA500;}
html.light form .checkbox + label::before, form .checkbox + span::before{border:1px solid #8e919f;background-color:unset;color:black;}
html.light .popup-title{color:blue;}
@media (min-width: 1025px) {
html.light .no-touch form .submit:hover {background:linear-gradient(45deg, #b535ff, #5385ff);}
}
.sort:hover strong,.member-links .sort:hover strong{color:white;}
.submit{transition:0.2s;}
html.light .item-control .toggle-button[data-action="select"]:before{color:#fff;}
html.light .item-control .toggle-button[data-action="select"]:after{background-color:#ffffff;}
html.light .item-control .toggle-button[data-action="select"].active::after{background-color:#1290ff;}
html.light .no-touch .item-control .toggle-button[data-action="delete"]:hover{background-color:#fff;color:#000;}
html.light .margin-fix .bottom .submit:disabled, .margin-fix .bottom .submit.right:disabled, form .submit:disabled{color:rgba(176, 176, 176, 0.95);}
html.light .margin-fix .bottom .submit, .margin-fix .bottom .submit.right{color:#525252;}
html.light .margin-fix .bottom .submit.active, .margin-fix .bottom .submit.right.active, form .submit.active{color:black;background-color:#d0d0d0 !important;}
html.light .list-subscriptions .item, html.light form .list-selector-popup, html.light form .list-selector-popup .filter input, html.light form .radio + span::before, form .radio + label::before{background-color:#fff;}
html.light form .list-selector-popup .button-group .item label{color:#000;}
html.light form .radio:checked + span::before, form .radio:checked + label::before{border:5px solid #fff;}
.note-categories{color:#ff4b4b;line-height:normal;margin-bottom:10px;}
html.light .note-categories{color:red;}
.cannot-edit-note{color:#ff4b4b;margin-bottom:10px;}
html.light .cannot-edit-note{color:red;}
.thongbao-title{color:#a6fc03;font-size:15px;font-weight:bold;}
html.light .thongbao-title{color:blue !important;}
.bluecheck-rule{font-weight:bold;color:yellow;}
html.light .bluecheck-rule{color:#ff1515 !important;}
html.light .list-messages .message-text{color:black;}
.del-video-support{text-align:center;font-style:italic;margin-bottom:5px;color:#8f8f8f;}
.mail-contact-video{color:#8f8f8f !important;font-style:italic;}
.hinterror{color:white;font-size:22px;}
html.light .hinterror{color:black;}

.load-more-holder {
    display: none;
    justify-content: center;
}

.load-more-holder .btn-load-more {
    padding: 9px 8px;
    white-space: nowrap;
    border: 0;
    min-height: auto;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 20px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    background-color: #34363c;
    color: #8b8f96;
    border: none;
}

.related-videos .list-sort li.history-show span {
    background-color: #34363c;
}

.related-videos.active-history .load-more-holder {
    display: flex;
}

.related-videos.active-history .list-sort li span {
    background-color: #34363c;
}

.related-videos.active-history .list-sort li.history-show span {
    background-color: #e74c3c;
}

@media (min-width: 1024px) {
    .load-more-holder .btn-load-more:hover {
        background-color: #1290ff;
        color: #fff;
    }   
}
.related-videos .list-sort li.related-videos-tab span{background:linear-gradient(45deg, #c20eff, #3447ff);}
.related-videos .list-sort li.history-show span:hover{cursor:pointer;background:#000;}
.related-videos .list-sort li.history-show span{background-color:#34363c;}
.related-videos.active-history .list-sort li.history-show span{background:linear-gradient(45deg, #c20eff, #3447ff);cursor:auto !important;}
.related-videos.active-history .list-sort li.related-videos-tab span{background:#34363c;}
.related-videos.active-history .list-sort li.related-videos-tab span:hover{cursor:pointer;background-color:#000;}

html.light .noiquy{color:blue;}
html.light .noiquyh3{color:red;}
html.light .text-term{color:black;}
.thumbnail-warn{color:#ff4b4b;margin-bottom:10px;line-height:normal;}
html.light .thumbnail-warn{color:red;}