.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color: #25262a;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color: #25262a;border:1px solid #aaa;border-radius:4px;}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #343539;}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color: #25262a;}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* NOTE */ /* .place ~ .item:nth-of-type such selection used in case of banner or sidebar is placed on one line with items */ /* NOTE */ @import "https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic"; @font-face { font-family: "icomoon"; src: url("../images/fonts/icomoon.eot?nddhpi"); src: url("../images/fonts/icomoon.eot?nddhpi#iefix") format("embedded-opentype"), url("../images/fonts/icomoon.ttf?nddhpi") format("truetype"), url("../images/fonts/icomoon.woff?nddhpi") format("woff"), url("../images/fonts/icomoon.svg?nddhpi#icomoon") format("svg"); font-weight: normal; font-style: normal; } 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 { font-size: 1.8rem; font-weight: 500; color: #8d8d8d; margin: 0 0 2.5rem; width: 100%; display: block; } q:before, q:after { content: ""; } a * { cursor: pointer; } html { height: 100%; background: #25262a; font-size: 62.5%; } body { font: 400 14px/1.2 "Rajdhani", sans-serif; min-height: 100%; min-width: 320px; position: relative; color: #fff; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } a { color: #fff; text-decoration: none; cursor: pointer; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; } .no-touch a:hover { color: hsla(0,0%,100%,0.8); } input, select, textarea { font-size: 13px; line-height: 1.2; font-family: "Rajdhani", sans-serif; } .container { margin: 0 auto; overflow: hidden; position: relative; background: #2b2c30; } .hidden { display: none; } /* .movable-top, .movable-bottom { position: relative; } */ .country { margin: 1px 3px 1px 0; } .page-error { padding: 10px; background: transparent; color: #e62117; border: 1px solid #e62117; font-size: 30px; font-weight: 600; 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-time:before { content: "\e91d"; } .icon-categories:before { content: "\e903"; } .icon-eye:before { content: "\e909"; } .icon-comment:before { content: "\e914"; } .icon-calendar:before { content: "\e902"; } .icon-info:before { content: "\e90e"; } .icon-flag:before { content: "\e90a"; } .icon-checkmark:before { content:"\e918" } .icon-album:before { content: "\e900"; } .icon-share:before { content: "\e91a"; } .icon-member:before { content: "\e913"; } .icon-add:before { content: "\e917"; } .icon-video:before { content: "\e91c"; } .icon-categories:before { content: "\e903"; } .icon-world:before { content: "\e908"; } .icon-model:before { content: "\e915"; } /* forms */ form .section-title { color: #8d8d8d; font-size: 18px; font-weight: 500; margin: 1rem 0; display: block; } 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: #424242; } form .section-title.collapse:after, form .section-title.expand:after { content: "\e901"; 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 2rem; line-height: 0; } .message-form form .row { width: 100%; max-width: 100%; } form .row:last-child { margin: 0; } form label { display: block; color: #8d8d8d; margin: 0 0 5px; font-weight: 500; line-height: 1.2; font-size: 14px; } form label.field-label:after { content: ":"; } form label.field-label.required:after { content: " (*):"; } form .bottom label { font-size: 12px; color: #9f9f9f; margin: 0 0 7px; } form .bottom label.field-label { color: #8d8d8d; font-size: 14px; font-weight: 500; } form .button-group .row { margin: 6px 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; } form .radio, form .checkbox { display: none; } form .radio + label, form .radio + span, form .checkbox + label, form .checkbox + span { position: relative; padding-left: 24px !important; cursor: pointer; } form .radio + span { line-height: 1.2; } form .checkbox + label::before, form .checkbox + span::before { content: "\e904"; 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; } form .checkbox:checked + label::before, form .checkbox:checked + span::before { background-color: #424242; border: 1px solid #424242; } form .radio + span::before, form .radio + label::before { content: ""; position: absolute; left: 0; top: -2px; z-index: 2; width: 20px; height: 20px; border-radius: 10px; border: 2px solid #e0dfdf; background-color: #fff; padding: 3px 0 0; -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: #424242; border: 5px solid #e0dfdf; } form .submit { text-align: center; color: #ffffff; text-transform: uppercase; font-weight: 500; font-size: 14px; padding: 12px 30px; cursor: pointer; border: 0; min-width: 140px; -webkit-appearance: none; background-color: #25262a; border-radius: 5px; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .no-touch form .submit:hover { background-color: #343539; color: #fff; } .sidebar form .submit { min-width: 154px; } .margin-fix .bottom .submit.active, .margin-fix .bottom .submit.right.active, form .submit.active { background-color: #424242; color: #fff; } .margin-fix .bottom .submit:disabled, .margin-fix .bottom .submit.right:disabled, form .submit:disabled { pointer-events: none; color: rgb(255 255 255 / 50%); } form .textfield, form .textarea, form .selectbox, form .file { border: 1px solid #343539; padding: 12px 20px; color: #8d8d8d; background: #2b2c30; width: 100%; border-radius: 5px; height: 40px; } form .textarea { resize: none; min-height: 120px; } form .selectbox { padding: 10px 20px; } form .date { font-size: 0; } form .date .selectbox { width: auto; margin-right: 10px; } form .date .select2-container { width: calc(33.33% - 5px) !important; margin: 0 5px 0 0; } form .date .select2-container:last-child { margin: 0; } 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; } form .file[disabled] { cursor: default; } form .textfield.error, form .textarea.error, form .selectbox.error, form .selectbox.error + .select2-container--default .select2-selection--single, form .file.error, form fieldset.error .textfield, form fieldset.error .textarea, form fieldset.error .selectbox, form fieldset.error .file { border: 2px solid #c00; } 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: 15px; text-align: center; font-weight: 500; padding: 15px 10px; font-size: 13px; color: #fff; background-color: #25262a; } 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(207, 207, 207, 0.65); box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); z-index: 10000; background-color: #f9f9f9; } form .list-selector-popup:after { position: absolute; content: ""; width: 10px; height: 10px; background-color: #f9f9f9; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); bottom: -5px; z-index: 10000; } form .list-selector-popup:before { position: absolute; content: ""; width: 40px; height: 7px; background-color: #fff; 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; } form .list-selector-popup .button-group .item label { color: #212121; 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; background-color: #fff; color: #212121; font-weight: 400; line-height: 14px; } form .bottom { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } form .bottom a { color: #8d8d8d; font-size: 12px; line-height: 20px; text-decoration: none; font-weight: 500; text-transform: uppercase; -webkit-transition: color 0.3s; transition: color 0.3s; } form .bottom .links { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 0 2.7rem; } form .bottom .links p:first-child a { font-weight: bold; color: #8d8d8d; } form .bottom .links p:first-child a:hover { color: #424242; } form .bottom .submit.right { float: right; margin: 0 0 0 10px; } .no-touch form .bottom a:hover { color: #424242; } .no-touch form .bottom .submit.right:hover { background-color: #424242; 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; margin: 0 1rem 1rem 0; float: left; } form .captcha-control .image .textfield { width: 150px; } form [data-name="code"] { margin: 0 0 2rem; min-height: 78px; } form .success { margin: 1rem; padding: 2.5rem 2rem; background: #424242; color: #fff; font-weight: 500; font-size: 14px; border-radius: 1.5rem; width: 100%; text-align: center; } .fancybox-outer form .success { width: auto; margin: 3rem; } form .generic-error { text-align: center; padding: 10px; color: #e45257; border: 2px solid #e45257; font-size: 14px; font-weight: bold; line-height: 16px; border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 10px; } form .info-message { display: inline-block; position: relative; margin: 0 1rem 1rem 1rem; padding: 1rem; font-size: 14px; background: #e0dfdf; border-radius: 10px; -webkit-border-radius: 10px; } form .info-message:before { position: absolute; content: ""; width: 10px; height: 10px; background-color: #e0dfdf; 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 { font-size: 12px; min-width: auto; margin: 5px 5px 0 0; } form .field-error { display: none; padding: 5px 0 0 0; color: #c00; 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 20px 20px; } form .smileys-support .smileys-bar { background: #dfdfdf; padding: 2px 10px 4px; cursor: default; font-size: 0; border-radius: 20px 20px 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 #424242; padding: 0.8rem; border-radius: 2.4rem; background: #fff; } form .progressbar .text { position: absolute; width: 100%; top: 1rem; height: 3rem; font-size: 2.2rem; line-height: 3rem; text-align: center; } form .progressbar.half-done .text { color: #ffffff; } form .progressbar .progress { width: 0; height: 3rem; background: #424242; border-radius: 2rem; } /* toggle button */ .toggle-button { color: #fff; border: 1px solid #343539; text-transform: uppercase; font-size: 14px; font-weight: 500; padding: 2.7rem 9px 2.7rem 2.9rem; cursor: pointer; background-color: #25262a; border-radius: 5px; 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; transition: background-color 0.3s, color 0.3s, border 0.3s; cursor: pointer; } .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; transition: border 0.3s, background-color 0.3s; } .toggle-button.inversed.active input::before { border: 5px solid #ffffff; background-color: #424242; } .toggle-button.active { color: #8d8d8d; background-color: #424242; } .toggle-button.inversed { border: 1px solid #e4e4e4; background: #f1f1f1; } .toggle-button.inversed.active { color: #ffffff; border: 1px solid #424242; background-color: #424242; } .toggle-button.inversed.active label { color: #ffffff; } .toggle-button.done { pointer-events: none; } .toggle-button.done *, .toggle-button.disabled * { cursor: default; } /* top links */ .top-links { background: #000; border-bottom: 2px solid #424242; padding: 6px 20px; font-size: 12px; } .top-links .center-hold { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .member-links { margin-left: auto; } .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: 20px; } .network li:last-child { margin: 0; } .network a { color: #fff; display: block; position: relative; padding-left: 14px; -webkit-transition: color 0.3s; transition: color 0.3s; } .network a::before { position: absolute; content: ""; width: 9px; height: 9px; border-radius: 50%; z-index: 1; background-color: #424242; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .network a:hover { color: #424242; } .network .more { display: none; } .member-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .member-links li { padding: 5px 19px 0 0; color: #fff; } .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 { color: #fff; background-color: #25262a; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; line-height: 30px; display: block; font-size: 4.0mm; font-weight: 500; border: 1px solid #343539; display: block; margin: 0 -16px 0 0; border-radius: 5px; padding: 0 15px; } .member1link { background-color: transparent !important; color: #f77070 !important; border: solid #f77070 1px !important; font-weight: 700 !important; } .member2link { background-color: transparent !important; color: rgb(106 104 245) !important; border: solid rgb(106 104 245) 1px !important; font-weight: 700 !important; } .member3link { background-color: transparent !important; color: rgb(108 202 134) !important; border: solid rgb(108 202 134) 1px !important; font-weight: 700 !important; } .member4link { background-color: transparent !important; color: rgb(239 131 63) !important; border: solid rgb(239 131 63) 1px !important; font-weight: 700 !important; } .member-links a.disabled { color: #fff; } .no-touch .member-links a:hover, .no-touch .member-links a.disabled:hover { background-color: #343539; color: #fff; } /* header */ .header { z-index: 20; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #25262a; } .logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; } .logo a { display: block; } .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; } .search form { -webkit-box-flex: 0; -ms-flex: 0 1 810px; flex: 0 1 810px; position: relative; padding: 0 10px 0 0; border-radius: 20px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08); } .search .search-text input { width: 100%; border: solid 1px #343539; background: none; border-radius: 5px; background-color: #2b2c30; color: #ffffff; font-size: 14px; padding: 13px 60px 13px 20px; } .search-text input::-webkit-input-placeholder { color: #ffffff; -webkit-transition: color 0.3s; transition: color 0.3s; } .search-text input:-ms-input-placeholder { color: #ffffff; -webkit-transition: color 0.3s; transition: color 0.3s; } .search-text input::-ms-input-placeholder { color: #ffffff; -webkit-transition: color 0.3s; transition: color 0.3s; } .search-text input::placeholder { color: #ffffff; -webkit-transition: color 0.3s; transition: color 0.3s; } .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%; width: 60px; background: #2b2c30 url("../images/search6.svg") center no-repeat; text-indent: -1000px; overflow: hidden; border: solid 1px #343539; cursor: pointer; border-radius: 5px; -webkit-transition: background 0.3s; transition: background 0.3s; } .no-touch .search .search-button:hover { background-color: #343539; } .social-bookmarks, .social-bookmarks2 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; /**-ms-flex: 0 0 220px; flex: 0 0 220px;**/ } .addthis_toolbox.addthis_32x32_style span { background-color: #e0dfdf !important; border-radius: 50%; height: 40px !important; width: 40px !important; text-align: center; padding: 5px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .addthis_toolbox a { margin: 0 !important; } .addthis_toolbox.addthis_32x32_style a:hover span { background-color: #b2b2b2 !important; } .addthis_toolbox { font-size: 0; } .at-icon { fill: #212121 !important; height: 30px !important; width: 30px !important; } /* navigation */ .header + nav { border: 1px solid #343539; border-left: 0; border-right: 0; border-top: 0; background-color: #25262a; } .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: 20px; width: 29px; position: relative; } .navigation .button .ico-bar { background: #8d8d8d; 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: #8d8d8d; 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: 1260px; 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: 8px 8px; text-transform: uppercase; position: relative; color: #fff; -webkit-transition: color 0.3s; transition: color 0.3s; white-space: nowrap; font-size: 5.644mm; font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .navigation .primary a:before { position: absolute; content: ""; left: 0; bottom: 0; background-color: #e45257; height: 3px; width: 0; -webkit-transition: width 0.3s; transition: width 0.3s; } .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: #fff; */ } .navigation .primary .selected a { color: #fff; pointer-events: none; } #item1 { position: relative; font-size: 0; height: 100%; } #item1::after { position: absolute; content: "\e90d"; 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; background-color: #e0dfdf; border-radius: 20px; -webkit-transition: background-color 0.3s, border-radius 0.3s; transition: background-color 0.3s, border-radius 0.3s; padding: 12px 38px 12px 54px; } .navigation .primary .drop > a:after { position: absolute; z-index: 1; content: "\e901"; 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: 5px; top: calc(50% - 1px); right: 20px; 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 > a:before { position: absolute; z-index: 1; content: "\e91b"; 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; width: auto; height: auto; background: transparent; font-size: 20px; top: calc(50% - 1px); bottom: inherit; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .navigation .primary ul { position: absolute; top: 40px; 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; border-radius: 0 0 20px 20px; } .navigation .primary ul li { display: block; } .navigation .primary ul li a { background-color: #e0dfdf; color: #212121; padding: 12px 5px; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .navigation .primary ul li a:before { 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 { border-radius: 20px 20px 0 0; background-color: #424242; color: #fff; } .navigation .primary .drop:hover > a::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .no-touch .navigation .primary ul li a:hover { background-color: #424242; color: #fff; } .navigation .primary ul li a { padding: 9px 5px; } .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: #424242; height: 3px; width: 0; -webkit-transition: width 0.3s; transition: width 0.3s; } .no-touch .navigation .secondary a:hover { color: #424242; } .no-touch .navigation .secondary a:hover::before { width: 100%; } /* footer */ .footer { width: 100%; border: 1px solid #343539; border-left: 0; border-right: 0; border-bottom: 0; } .footer .footer-wrap { max-width: 1235px; padding: 3rem 5px; 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; font-size: 12px; font-weight: 400; color: #9f9f9f; line-height: 18px; } .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 3rem; } .footer .nav li { margin: 0 10px 0 0; } .footer .nav li:last-child { margin: 0; } .footer .nav a { display: block; color: #fff; font-size: 14px; font-weight: 500; border-radius: 4px; padding: 6px 2rem; text-transform: uppercase; background-color: transparent; text-decoration: none; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .no-touch .footer .nav a:hover { color: #fff; background-color: #343539; } .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; } .footer .copyright a { color: #9f9f9f; padding: 0 4px; text-decoration: none; } .footer .copyright br { display: none; } .footer .txt { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 0 15px; } .box { margin: 0 0 3rem; width: 100%; } .box.message { font-size: 14px; line-height: 16px; margin-bottom: 400px; } .l-button { background-color: white !important; color: red !important; border: solid red 1px; font-weight: 700 !important; } .l-button:before{ position: absolute; content: ""; left: 0; bottom: 0; height: 3px; width: 0; -webkit-transition: width 0.3s; transition: width 0.3s; background-color: red !important; } /* headings *****/ .headline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 15px; padding: 3rem 0 0; width: 100%; } h1, h2 { color: #fff; font-size: 2.6rem; font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } h1 a, h2 a { text-decoration: underline; } .sort, .sort2 { position: relative; border-radius: 5px; background-color: #25262a; color: #fff; border: 1px solid #343539; font-size: 12px; font-weight: 500; letter-spacing: 0.3px; padding: 8px 10px; margin: 0 15px 0 0; min-width: 140px; -webkit-transition: background-color 0.3s, border-radius 0.3s; transition: background-color 0.3s, border-radius 0.3s; } .sort:last-child, .sort2:last-child { margin: 0; } .sort:before, .sort2: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: 10px; top: 50%; -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); z-index: 1; font-size: 6px; content: "\e901"; 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; } .sort:focus, .sort:hover, .sort2:focus, .sort2:hover { border-radius: 5px 5px 0 0; background-color: #343539; color: #fff; } .sort:hover:before, .sort2:hover:before { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .sort .icon, .sort2 .icon { position: absolute; left: 10px; top: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; font-size: 15px; } .sort .type-sort:before, .sort2 .type-sort:before { content: "\e921"; } .sort [class*="videos"]:before, .sort .type-video:before, .sort2 [class*="videos"]:before, .sort2 .type-video:before { content: "\e91c"; } .sort .type-fav:before, .sort2 .type-fav:before { content: "\e90c"; } .sort .type-visibility:before, .sort2 .type-visibility:before { content: "\e909"; } .sort .type-edit:before, .sort2 .type-edit:before { content: "\e91e"; } .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, .sort2 strong { padding: 0 17px 0 20px; display: block; text-align: center; } .icon.type-visibility + strong { padding: 0 17px 0 25px; } .sort .icon.total_albums + strong, .sort .icon.type-video + strong { padding: 0 17px 0 25px; } .sort ul, .sort2 ul { position: absolute; top: 100%; width: 100%; right: 0; z-index: 100; overflow: hidden; background: #e0dfdf; border-radius: 0 0 5px 5px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } .sort ul li:first-child, .sort2 ul li:first-child { margin-top: 5px; } .no-touch .sort ul li:first-child, .no-touch .sort2 ul li:first-child { margin-top: 0; } .sort:hover ul, .sort2:hover ul { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .sort ul a, .sort2 ul a { display: block; padding: 8px 5px; text-align: center; background: #25262a; -webkit-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .no-touch .sort ul a:hover, .no-touch .sort2 ul a:hover { color: #ffffff; background: #343539; cursor: pointer; } .headline .button, .headline .more { padding: 7px 15px; color: #fff; background-color: #e45257; border-radius: 15px; border: 1px solid #343539; margin: 2px 0 2px 3px; } .no-touch .headline .more:hover, .no-touch .headline .button:hover { background-color: #e13c42; color: #fff; } .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: "\e904"; 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; background-color: #25262a; border-radius: 15px; border: 1px solid #343539; margin: 0 0 0 3px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-radius: 0 15px 15px 0; margin: 2px 0; position: relative; } .headline .button-info:before { content: "\e913"; 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; } .headline .button-info + .button { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-radius: 15px 0 0 15px; } .empty-content { margin: 0 0 3rem; font-size: 14px; line-height: 1.2; padding: 10px 0 0 10px; } .empty-content h2 { font-size: 1.8rem; margin: 0 0 10px; } .empty-content a { 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 *****/ .tags-cloud { margin: 0 0 3rem; padding: 3rem 0 0; 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 { padding: 0.8rem 1rem; background-color: #25262a; border-radius: 5px; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; text-transform: capitalize; } .no-touch .tags-cloud a:hover { color: #e45257; background-color: #343539; } .tags-cloud .all { font-weight: 500; text-align: center; font-size: 16px; color: #fff; background-color: #25262a; padding: 12px 20px; border-radius: 10px; width: 100%; margin: 10px 0 0; } /* search cloud *****/ .search-cloud { margin-top: 2rem; text-align: center; } /* advertisement boxes *****/ .spot img, .spot embed, .spot object, .spot iframe { vertical-align: bottom; width: 100%; height: 100%; } /* top ad */ div.top { width: 100%; margin: 0 auto; padding: 30px 0 0; } div.top a { display: block; width: 100%; } div.top img { width: 100%; height: auto; } /* 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; } .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: 2rem 0; } .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 { text-align:center; margin: -10px 0 0 -10px; font-size: 0; line-height: 0; } .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: 18px; line-height: 30px; } .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 5px 0 0; background-color: #25262a; border: 1px solid #343539; color: #fff; } .no-touch .margin-fix .bottom .submit:hover, .no-touch .margin-fix .bottom .submit.right:hover { background-color: #343539; color: #fff; } .margin-fix .bottom .submit:last-child, .margin-fix .bottom .submit.right:last-child { margin: 5px 0 0; } .margin-fix .generic-error { margin: 15px 0 0 15px; } .no-thumb { background: url("../images/logo.svg") no-repeat center; } .list-members .item { width: calc(20% - 10px); display: inline-block; text-align: center; margin: 10px 0 2.5rem 10px; /* padding: 0 5px; */ 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; text-align: left; background: transparent; vertical-align: top; cursor: pointer; margin: 10px 0 0 10px; width: calc(25% - 10px); cursor: pointer; border: solid 1px #343539; /* -webkit-box-shadow: -1px 1px 3px rgba(207, 207, 207, 0.65); */ /* box-shadow: -1px 1px 3px rgba(207, 207, 207, 0.65); */ border-radius: 10px 10px 10px 10px; background-color: #2b2c30; } .sidebar + .main-container .place ~ .item:nth-of-type(-n + 5) { width: calc((100% - 352px) / 2); } .sidebar + .main-container .list-albums .place ~ .item:nth-of-type(-n + 7) { width: calc((100% - 362px) / 3); } .sidebar + .main-container .list-videos .item { width: calc(33.33% - 10px); } .list-members .item a { display: block; } .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; } .list-channels .item, .list-models .item, .list-sponsors .item, .list-categories .item { display: inline-block; margin: 10px 0 0 10px; padding: 0; width: 15%; } .item-control { border-top: 1px solid #343539; padding: 10px; cursor: default; } .list-members .item.unread .img { border: 2px solid #ee0000; } .item .img { position: relative; background-color: #2b2c30; overflow: hidden; } .list-models .img, .list-sponsors .img, .list-channels .img, .list-categories .img { padding-bottom: 133.44%; border-radius: 10px 10px 0 0; } .list-videos-screenshots .img, .list-videos .img { border-radius: 10px 10px 0 0; 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; background-image: url(../images/hd.png); width: 28px; height: 18px; padding: 4px 8px; } .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("../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; } .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; } .list-members .item .img img:first-child { border-radius: 50%; } .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; } .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(255, 255, 255, 0.5); z-index: 2; -webkit-transition: border 0.3s; transition: border 0.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 rgba(39, 111, 219, 0.5); } .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 { /* line-height: 135px; */ 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 { font-size: 4.239mm; font-weight: 600; line-height: 18px; display: block; color: #fff; padding: 1rem 1rem 0; margin: 0 0 5px; -webkit-transition: color 0.3s; transition: color 0.3s; overflow: hidden; } .list-playlists .item .title, .list-albums .item .title, .list-videos .item .title { height: 45px; } .no-touch .list-subscriptions .item:hover .title { color: #fff; } .no-touch .item:hover .title { color: hsla(0,0%,100%,0.8); } .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 8px; color: #8d8d8d; font-size: 3.5mm; line-height: 1.2; } .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; } .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: "\e91d"; } .item .wrap .rating::before { content: "\e90b"; } .item .wrap .albums::before { content: "\e900"; } .item .wrap .videos::before { content: "\e91c"; } .item .wrap .photos::before { content: "\e900"; } .item .wrap .photos { padding-left: 25px; } .item .wrap .rating.negative::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: calc(50% - 7px); } .item .wrap .added::before { content: "\e902"; } .item .wrap .views { padding-left: 28px; } .item .wrap .views::before { content: "\e909"; } .item.disabled .title, .item.processing .title { color: #424242; } .item.error .title { color: #e62117; } .list-tags .item .title { height: auto; font-size: 24px; font-weight: 700; line-height: 25px; margin: 0; padding: 20px 0 15px 10px; } .list-subscriptions .item .title { min-height: auto; text-decoration: underline; display: block; padding: 1.6rem 10px; font-size: 14px; font-weight: 500; text-decoration: none; color: #fff; } .no-touch .list-subscriptions .item .title:hover { color: hsla(0,0%,100%,0.8); } .no-touch .item:hover .title { color: hsla(0,0%,100%,0.8); } .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 .rating { position: relative; } .item .positive { color: #27ae60; } .item .negative { color: #c00; } .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 { width: 40px; height: 40px; position: absolute; top: 5px; left: 5px; z-index: 10; background-color: #25262a; border-radius: 50%; color: #fff; -webkit-transform: translateX(-150%); transform: translateX(-150%); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .no-touch .item .ico-fav-0:hover { background-color: #343539; } .item .ico-fav-0::before { content: "\e90c"; } .item .ico-fav-1 { width: 40px; height: 40px; position: absolute; top: 5px; left: 48px; z-index: 10; background-color: #25262a; border-radius: 50%; color: #fff; -webkit-transform: translateY(-150%); transform: translateY(-150%); } .item .ico-fav-1::before { content: "\e91d"; } .no-touch .item .ico-fav-1:hover { background-color: #343539; } .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: 40px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; font-size: 19px; opacity: 0; visibility: hidden; -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 .touch-preview { display: block; 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: "\e923"; } .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: #424242; 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: #8d8d8d; } .line-private [class*="ico"] { padding: 2px 0 0 15px; } .line-private [class*="ico"]:before { content: "\e912"; } .list-members .unread-notification { position: absolute; left: calc(100% - 5px); white-space: nowrap; top: -3px; font-size: 0; line-height: 1.2; color: #ee0000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .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: "\e914"; 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; } .item-control .toggle-button { background-color: #25262a; border-radius: 15px; border: 1px solid #343539; padding: 8px 10px; font-size: 11px !important; line-height: 1.2; color: #fff; margin: 0 3px 0 0; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .item-control .toggle-button:last-child { margin: 0; } .no-touch .item-control .toggle-button[data-action="delete"]:hover { background-color: #ee0000; color: #fff; } .item-control .toggle-button.active, .no-touch .item-control .toggle-button:hover { background-color: #25262a; color: #ffffff; } .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; } .item-control .toggle-button[data-action="select"] { background: 0; position: relative; padding: 8px 10px; margin: 0 1rem 0 0; } .item-control .toggle-button[data-action="select"]:after { content: ""; width: 20px; height: 20px; border-radius: 5px; border: 1px solid #e0dfdf; background-color: #ffffff; padding: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .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: 3px; z-index: 3; font-size: 11px; color: #fff; content: "\e904"; } .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: #212121; } .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: #424242; border: 1px solid #424242; } .item-control .toggle-button:last-child { margin: 0; } .item-control .toggle-button.disabled { pointer-events: none; color: rgba(33, 33, 33, 0.5); } .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: 15px; background-color: #343539; margin: 0 3px 0 0; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .list-comments .comment-options a:last-child { margin: 0; } .comment-edit { font-size: 12px; text-align: center; font-weight: 500; line-height: 30px; } .no-touch .list-comments .comment-options .comment-edit:hover { color: #fff; background-color: #424242; } .list-comments .comment-options a:before { font-size: 14px; 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; } .list-comments .comment-options a.comment-dislike:before { content: "\e905"; } .list-comments .comment-options a.comment-like:before { content: "\e906"; } .no-touch .list-comments .comment-options a.comment-like:hover { color: #27ae60; } .no-touch .list-comments .comment-options a.comment-dislike:hover { color: #c00; } .list-comments .comment-options span { border-radius: 15px; background-color: #343539; color: #ffffff; font-size: 12px; font-weight: 500; letter-spacing: 0.3px; padding: 8px 15px; margin: 0 3px 0 0; } .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; color: #bcbcbc; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .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; } .list-comments .username { font-size: 14px; margin: 0 10px 0 0; } .list-subscriptions .item { display: inline-block; background-color: #2b2c30; /* -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); */ /* box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); */ text-align: left; margin: 10px 0 0 10px; border: 1px solid #343539; border-radius: 5px; } .list-subscriptions .item:after { content: ""; display: block; clear: both; } .list-messages .item { display: inline-block; position: relative; overflow: hidden; margin: 10px 0 0 10px; border-top: 1px solid #e0dfdf; padding-top: 10px; } .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: 40px; height: 40px; 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; } .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; color: #bcbcbc; font-size: 12px; line-height: 1.2; padding: 0 0 0 20px; margin: 3px 8px 5px 0; } .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: "\e902"; 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: #424242; } .list-messages .added.editable:before { content: "\e91e"; } .list-messages .item.new .added { padding: 0 20px; } .list-messages .item.new .added:after { display: block; position: absolute; content: ""; background-color: #ee0000; 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: 12px; padding: 8px 20px; min-width: auto; } /* 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: 50px; margin: 1.5px; } .pagination a, .pagination span { display: block; font-size: 14px; font-weight: 600; border-radius: 5px; padding: 12px 15px; background-color: #25262a; color: #fff; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .no-touch .pagination a:hover { color: #ffffff; background-color: #343539; } .pagination .page-current a, .pagination .page-current span { color: #ffffff; background-color: #191a1c; pointer-events: none; } .pagination .prev span, .pagination .next span, .pagination .first, .pagination .last { display: none; } /* 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; } .load-more a:hover { color: #ffffff; background: #424242; } /* content */ .content { max-width: 1260px; padding: 5px 10px; width: 100%; margin: 0 auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .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 { -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); border-radius: 5px; background-color: #ffffff; width: 250px; margin: 75px 15px 0 0; padding: 2rem; } .main-container { width: 100%; } .sidebar + .main-container { width: calc(100% - 265px); } .sidebar + .main-container > .headline:first-child, .sidebar + .main-container div:first-child .headline { margin: 0 0 15px -265px; width: auto; } .sidebar .headline { padding: 0; margin: 0 0 2.5rem; } .sidebar h2 { color: #212121; font-size: 1.8rem; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .sidebar h1 a, .sidebar h2 a { text-decoration: none; } .sidebar .icon:before { font-size: 14px; margin: 0 1rem 0 0; } .sidebar .list { padding: 0 10px; } .sidebar .comments, .sidebar .list, .sidebar .filter { margin: 0 0 3rem; width: 100%; } /* .sidebar div:last-of-type { margin: 0; } */ .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 #e0dfdf; 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; color: #212121; font-size: 14px; position: relative; padding: 0 0 5px; margin: 0 0 10px; cursor: pointer; } .sidebar .list a::before { position: absolute; content: ""; left: 0; bottom: 0; width: 0%; height: 3px; background-color: #424242; -webkit-transition: width 0.3s; transition: width 0.3s; } .no-touch .sidebar .list a:hover { color: #424242; } .no-touch .sidebar .list a:hover::before { width: 100%; } .sidebar .list .rating { color: #bcbcbc; font-size: 14px; font-weight: 400; } .no-touch .sidebar .list a:hover .rating { color: #212121; } .sidebar .comments .comment-text { color: #212121; 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: #212121; -webkit-transition: color 0.3s; transition: color 0.3s; } .no-touch .sidebar .comments .comment-text a:hover { color: #424242; } .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: #212121; 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: #424242; } .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: "\e902"; } .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: "\e904"; 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: #424242; border: 1px solid #424242; } .sidebar label.group { display: block; margin: 0 0 2rem; } .sidebar label.group:after { content: ":"; } .sidebar form .selectbox.age { width: 90px; } .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: 20px; padding: 0.8rem 1.0rem; background-color: #e0dfdf; color: #212121; -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: #212121; } /* block-channel */ .block-channel { -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); border-radius: 5px; background-color: #ffffff; 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; } .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: #e0dfdf; 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: #424242; } .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; } .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 110px; flex: 0 0 110px; color: #bcbcbc; 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: #e0dfdf; margin: 0 1px 0 0; border-radius: 3px; } .block-channel .channel-list .rating .full { background-color: #424242; } .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: #e0dfdf; color: #212121; 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: 20px; background-color: #424242; 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 { color: #212121; background-color: #e0dfdf; } .no-touch .block-channel .channel-rating a:hover { color: #212121; background-color: #e0dfdf; } .no-touch .block-channel .channel-rating a.disabled:hover { color: #ffffff; background-color: #424242; } /* block-model */ .block-model { background-color: #2b2c30; border-radius: 5px; /* -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); */ /* box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); */ border: 1px solid #343539; padding: 2rem; margin: -4px 0 0; } .block-model:after, .block-model:before { content: ""; display: table; width: 100%; overflow: hidden; clear: both; } .block-model .img { float: left; display: block; margin: 0 1rem 0 0; width: 21rem; height: 28rem; 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%; } .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: #e0dfdf; font-size: 0; line-height: 0; background-size: 6rem; width: 100%; padding-bottom: 71.42%; display: block; position: inherit; } .block-model .model-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .block-model .model-list li { width: 33.33%; color: #bcbcbc; margin: 0 0 1.5rem; padding: 0 1rem 0 0; } .block-model .model-list li span { color: #8d8d8d; } .block-model .desc { line-height: 20px; } .block-model .website { line-height: 20px; clear: both; padding: 1.5rem 0 0; color: #bcbcbc; } .block-model .website a { color: #424242; } .no-touch .block-model .website a:hover { color: #212121; } /* video / album common */ .sponsor { width: 100%; overflow: hidden; margin: 10px 0 0; } .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 10px; border-bottom: 1px solid #343539; margin: 0 0 2rem; } /* 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 3rem; } .block-video .video-holder { margin-right: 1.7rem; flex-shrink: 1; flex-grow: 1; min-width: 1px; background-color: #2b2c30; border-radius: 0 0 5px 5px; border: solid 1px #343539; /* -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); */ /* box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); */ } .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; } .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: #424242; text-decoration: underline; -webkit-transition: color 0.3s; transition: color 0.3s; } .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("../../player/skin/img/play_white.png") 50% 50% no-repeat; } .block-video .playlist { padding: 2rem; border-bottom: 1px solid #e0dfdf; 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; background-color: #2b2c30; border-radius: 0 0 5px 5px; -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); } .block-video .playlist .item.selected { pointer-events: none; } .no-touch .block-video .playlist .item.selected img { border: 4px solid #424242; } .block-video .playlist .item .title { height: 36px; margin: 10px; padding: 0; } .block-video .playlist .item:hover .title { color: hsla(0,0%,100%,0.8); } .block-video .playlist .item .img { position: relative; padding-bottom: 74.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-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); */ /* box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); */ border-radius: 5px; background-color: #2b2c30; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #343539; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0; 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 { margin: 0 1.7rem 3rem 0; flex-shrink: 1; flex-grow: 1; min-width: 1px; border-radius: 5px; background-color: #ffffff; -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); } .block-album .images { position: relative; min-height: 20rem; padding: 0 3rem 3rem; margin: 0 0 2rem; 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; border-bottom: 1px solid #e0dfdf; } .block-album .images span.item, .block-album .images a.item { display: inline-block; /* width: calc(25% - 3rem); padding-bottom: 28.6%; */ margin: 3rem 1.5rem 0; position: relative; } .block-album .images .item img { width: 100%; display: block; /* position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; */ } /* .block-album .images span.item { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } */ .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: #424242; 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: 2rem; } .rate-dislike, .rate-like { font-size: 0; line-height: 0; overflow: hidden; width: 21px; height: 20px; 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 0; } .rate-dislike { margin: 0 10px 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: 20px; color: #bcbcbc; content: "\e90b"; -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: #27ae60; } .rate-dislike.voted:before { color: #c00; } .no-touch .rate-dislike:hover::before { color: #c00; } .no-touch .rate-like:hover::before { color: #27ae60; } .rating-container .rating { min-width: 100px; text-align: center; } .rating-container .voters { display: block; color: #8d8d8d; font-size: 14px; font-weight: 500; text-transform: uppercase; margin: 0 0 5px; } .rating-container .scale-holder { height: 4px; border-radius: 2px; background-color: #c00; display: block; position: relative; overflow: hidden; } .rating-container .scale-holder .scale { position: absolute; left: 0; top: 0; height: 4px; background-color: #27ae60; border-radius: 2px; } /* .rating-container .scale-holder.negative .scale { background-color: #c00; } */ /* video / album add to favourites */ .btn-favourites { display: block; position: relative; width: 7rem; height: 4rem; border-radius: 20px; background-color: #25262a; padding: 2px 0; -webkit-transition: background-color 0.3s, border-radius 0.3s; transition: background-color 0.3s, border-radius 0.3s; } .btn-favourites .ico-favourite { width: 2.2rem; height: 2rem; 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; font-size: 1.9rem; } .btn-favourites .ico-favourite:before { content: "\e90c"; } .btn-favourites:hover { background-color: #343539; border-radius: 5px 5px 0 0; } .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: 0.5rem 1.5rem; color: #8d8d8d; -webkit-transition: color 0.3s; transition: color 0.3s; } .btn-favourites:hover .drop { color: #ffffff; } .btn-favourites .drop:after { content: "\e901"; display: block; position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; right: 1.5rem; 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 { position: absolute; top: 100%; left: 0; z-index: 10; overflow: hidden; background-color: #25262a; border-radius: 0 5px 5px; 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; color: #8d8d8d; font-size: 12px; font-weight: 500; text-transform: uppercase; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .btn-favourites ul li > a { padding: 1.2rem; } .btn-favourites ul li > a:hover, .btn-favourites ul li > span:hover { background-color: #343539; 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: #424242; -webkit-transition: color 0.3s; transition: color 0.3s; content: "\e904"; } .btn-favourites ul li span .delete { position: absolute; background-color: #343539; 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; -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: "\e922"; font-size: 0.8rem; } .btn-favourites ul li .delete:hover { background-color: #e0dfdf; } .btn-favourites ul li .delete:hover::before { color: #212121; } .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: 3px; padding: 2px 0; } .tabs-menu li:last-child { margin: 0; } .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 { background-color: #25262a; padding: 1.1rem 1.1rem; white-space: nowrap; font-size: 12px; border: 0; } .tabs-menu .toggle-button.active { background-color: #25262a; pointer-events: none; } .tabs-menu .toggle-button.active.icon::before { color: #fff; } .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: #343539; color: #fff; } .tab-content { background: transparent; padding: 0 2rem 2rem; } /* 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; } .block-details .info { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding-right: 1rem; } .block-details .item { color: #8d8d8d; font-size: 15px; font-weight: 500; margin: 0 30px 2rem 0; display: inline-block; /* display: flex; */ /* align-items: center; */ /* flex-wrap: wrap; */ } .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; color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 0.3px; border-radius: 5px; padding: 8px 10px; background-color: #25262a; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; margin: 2px 0 2px 3px; } .block-details .item a:first-child { margin-left: 10px; } .no-touch .block-details .item a:hover { color: #fff; background-color: #343539; } .block-details .item span { padding: 0 10px 0 0; } .mammy { font-size: 12px; padding: 3px 7px; } .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: #8d8d8d; font-weight: 400; margin-left: 3px; padding: 0; } .block-details .item em { color: #8d8d8d; 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; } .block-details .block-user .username { margin:0; padding:0; } .block-details .block-user .username a { color: #fff; font-weight:700; text-decoration:underline; } .no-touch .block-details .block-user .username a:hover { color: #212121; } .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%; overflow: hidden; } .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; } .block-flagging .block-radios { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; padding-right: 1rem; } .block-flagging .block-textarea { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .block-flagging .button-group .row { margin: 0 0 10px; padding: 6px 0 0; } .block-flagging .submit { margin: 11px 0 0; } /* 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; } .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: #424242; 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: 4px solid #424242; opacity: 0; 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; } /* video / album sharing */ .block-share { width: 100%; overflow: hidden; } .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 240px; flex: 0 0 240px; padding-left: 10px; } .block-share .middle { width: auto; -webkit-box-flex: 0; -ms-flex: 0 1 58%; flex: 0 1 58%; } .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 { color: #ffffff; padding: 13px 20px; background-color: #e0dfdf; border-radius: 20px; font-size: 12px; line-height: 1.2; font-weight: 500; color: #212121; display: inline-block; margin: 3px 3px 3px 0; } .no-touch .block-share .block-size a:hover { background-color: #424242; 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 { width: 100%; } .block-comments form { clear: both; margin: 0 0 2rem; } .block-comments form > .field-label { font-size: 18px; } .block-comments .toggle-button { float: right; display: block; background-color: #25262a; border: none; min-width: 20rem; padding: 10px 10px; text-align: center; } .block-comments .toggle-button.active { background-color: #343539; color: #ffffff; } .no-touch .block-comments .toggle-button:hover { background-color: #343539; color: #ffffff; } .no-touch .block-comments .toggle-button.active:hover { background-color: #343539; color: #fff; } .hint { color: #9f9f9f; font-size: 12px; font-weight: 400; } .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 #e0dfdf; 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: nowrap; margin: 0 0 2rem; } .list-sort li { margin-right: 2.6rem; font-size: 2.6rem; padding: 2px 0; font-weight: 500; } .list-sort li:last-child { margin: 0; } .related-videos { width: 100%; } .related-videos, .related-albums { width: 100%; } .related-videos .list-sort a, .related-albums .list-sort a, .related-videos .list-sort span, .related-albums .list-sort span { display: block; padding: 0 6px 0.9rem; position: relative; } .related-videos .list-sort a:before, .related-albums .list-sort a:before, .related-videos .list-sort span:before, .related-albums .list-sort span:before { content: ""; position: absolute; bottom: 0; left: 0; height: 3px; background-color: #e45257; width: 0%; -webkit-transition: width 0.3s; transition: width 0.3s; z-index: 2; } .paginext, .regbutton{ background-color: #e45257 !important; } .regbutton:hover, .paginext:hover{ background-color: #e13c42 !important; } .related-videos .list-sort span:before, .related-albums .list-sort span:before { width: 100%; } .related-videos .list-sort span, .related-albums .list-sort span, .related-videos .list-sort a:hover, .related-albums .list-sort a:hover { color: #fff; } .related-videos .list-sort a:hover::before, .related-albums .list-sort a:hover::before { width: 100%; } /* 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 15px; color: #fff; background-color: #e45257; border: 1px solid #343539; white-space: nowrap; font-size: 12px; /* border: 0; */ border-radius: 15px 0 0 15px; } .no-touch .btn-subscribe .toggle-button:hover { background-color: #e13c42; color: #fff; } .btn-subscribe .button-info { background-color: #25262a; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; border: 1px solid #343539; order: 2; border-radius: 0 15px 15px 0; font-size: 12px; padding: 7px 15px 7px 30px; position: relative; } .btn-subscribe .button-info:before { position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; content: "\e913"; 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: 25rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); border-radius: 5px; background-color: #2b2c30; margin: 3rem 0 0; padding: 2rem; position: relative; } .member-menu .headline { padding: 0; margin: 0 0 2rem; } .member-menu + .main-container-user { width: calc(100% - 25rem); padding: 0 10px 0 0; } .member-menu .block-main { width: 100%; margin: 0 0 2rem; } .member-menu .block-main .avatar { margin: 0 auto 4.4rem; width: 10rem; height: 10rem; border-radius: 50%; background-color: #e0dfdf; 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; } .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: 6rem; height: 6rem; text-align: center; font-size: 0; line-height: 0; background-size: 6rem 6rem; } .member-menu .block-additional { width: 100%; border-top: 1px solid #e0dfdf; padding: 3rem 0 0; } .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: 0 0 10px; font-weight: 500; } .user-menu span { color: #8d8d8d; } .user-menu span:before, .user-menu a:before { position: absolute; content: ""; bottom: 0; left: 0; height: 3px; background-color: #424242; z-index: 1; -webkit-transition: width 0.3s; transition: width 0.3s; } .user-menu span:before { width: 100%; } .user-menu a:before { width: 0%; } .no-touch .user-menu a:hover { color: #8d8d8d; } .no-touch .user-menu a:hover::before { width: 100%; } .member-menu .user-menu span em, .no-touch .user-menu a:hover em { color: #bcbcbc; } .user-menu { display: block; } .user-menu li { display: block; margin: 0 0 10px; } .user-menu li:last-child { display: block; margin: 0; } .member-menu .user-menu em { color: #bcbcbc; font-size: 14px; font-weight: 400; } .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(20% - 10px); } .member-menu + .main-container-user .list-messages .item { width: calc(100% - 10px); } .block-profile { background-color: #2b2c30; /* -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); */ /* box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65); */ border-radius: 5px; border: 1px solid #343539; padding: 2rem; overflow: hidden; } .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: #bcbcbc; } .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 .item em { color: #8d8d8d; } /* 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: #ffffff; 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 { background-color: #2b2c30; border-radius: 5px; -webkit-box-shadow: -7px 10px 21px rgba(0, 0, 0, 0.65) !important; box-shadow: -7px 10px 21px rgba(0, 0, 0, 0.65) !important; padding: 0 !important; overflow: hidden; } .fancybox-inner { width: 100%; } .fancybox-close { top: 1.9rem !important; right: 1rem !important; } .fancybox-lock .fancybox-overlay { z-index: 9999; } .fancybox-error { padding: 3rem 15px 15px !important; } .popup-title { display: block; color: #fff; font-size: 14px; padding: 2.5rem 5rem 2.5rem 3rem; font-size: 2.4rem; border: 1px solid #343539; font-weight: 500; } .popup-holder { padding: 3rem; min-width: 42rem; background-color: #2b2c30; /* background-image: -webkit-gradient(linear, left bottom, left top, from(#2b2c30), to(#e7e7e7)); */ /* background-image: linear-gradient(to top, #ffffff 0%, #e7e7e7 100%); */ } .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; } /* block UI plugin overlay */ /* posts */ .list-posts .item { margin: 15px 0 0 15px; } .list-posts .item .title { height: auto; margin: 7px 0; } .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; background: #ffffff; } .block-post:after { content: ""; display: block; clear: both; } .block-post .post-holder { overflow: hidden; padding-right: 7px; } .block-post .post-content { margin: 0 0 10px; } .block-post .sponsor { width: auto; margin: 10px 0; } .block-post .table { float: right; margin-left: 10px; padding: 10px; background: #d1d1d1; } .block-post .table .opt { margin: 0 0 10px; width: 315px; height: 300px; } .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; } .player-related-videos .player-related-videos-container { position: relative; width: 100%; height: 100%; overflow: hidden; text-align: center; } .player-related-videos .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; } /* select2 plugin */ .select2-container { z-index: 9999; } .select2-container--default .select2-selection--single { border: 1px solid #343539; border-radius: 20px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; line-height: 39px; font-size: 13px; padding-left: 20px; padding-right: 32px; } .select2-container .select2-selection--single { line-height: 40px; height: 40px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 37px; right: 13px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: transparent; border-style: none; border-width: 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; font-size: 6px; } .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\e901"; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { -webkit-transform-origin: 5px 2px; transform-origin: 5px 2px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .select2-dropdown { border: 1px solid #e0dfdf; border-radius: 0 0 20px 20px; overflow: hidden; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #343539; } .select2-results__option { color: #fff; font-size: 13px; font-weight: 400; padding: 13px 10px 12px 20px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #424242; } /* select2 plugin */ /* responsive */ @media screen and (max-width: 1280px) { .place { padding: 4vw 0; } .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; } .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, .block-model { margin: 0; } .sidebar { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 2.5rem 0; } .sidebar + .main-container .list-albums .place { padding: 16vw 0; } .sidebar + .main-container { width: 100%; } .sidebar + .main-container > .headline:first-child, .sidebar + .main-container div:first-child .headline, .sidebar + .main-container .headline { margin: 0 0 15px 0; } .sidebar + .main-container .list-playlists .item, .sidebar + .main-container .list-videos .item { width: calc(25% - 10px); } .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; 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: 0; } .sidebar form .row .select2 { width: 100%; } 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 { /* width: calc(25% - 2rem); */ 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: -85%; max-width: 330px; width: 100%; background-color: #2b2c30; 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: 39px; } .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: 5; } .navigation .secondary a { padding: 11px 6px; } .navigation.open .primary { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .sidebar + .main-container .place { padding: 0.7vw 0; } .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; } .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; } .sidebar + .main-container .list-albums .place ~ .item:nth-of-type(-n + 7), .place ~ .item:nth-of-type(-n + 7), .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: 1; 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 { /* width: 15rem; height: 15rem; */ margin: 0 4rem 0 0; } .member-menu .headline { width: 100%; } /* .member-menu .block-main .avatar .no-thumb { width: 10rem; height: 10rem; background-size: 10rem 10rem; } */ .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 #e0dfdf; } /* .block-album .images span.item, .block-album .images a.item { width: calc(33.333% - 2rem); padding-bottom: 40.1%; } */ .block-video .playlist .item { width: calc(33.33% - 10px); } } @media screen and (max-width: 1152px) { .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; } .search .search-text input { padding: 10px 60px 10px 20px; } .social-bookmarks, .social-bookmarks2 { -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-model .model-list li { width: 50%; } .block-video .playlist .item { width: calc(50% - 10px); } .pagination .first, .pagination .last, .pagination .page, .pagination .jump { display: none; } .block-album .images .message, .block-video .no-player .message { font-size: 1.8rem; line-height: 2.4rem; } } @media screen and (max-width: 860px) { .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, .sidebar + .main-container .list-videos .item, .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 .list, .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 (min-width: 786px) { #list_videos_recommended_videos .headline:after, #list_categories_categories_list .headline:after, #list_models_models_list .headline:after, #list_videos_most_recent_videos .headline:after, .main-container .headline:after, #list_videos_common_videos_list .headline:after { position: absolute; content: ""; /* left: 0; */ /* bottom: 5px; */ /* top: 25px; */ height: 4px; margin-top: 40px; margin-bottom: 0; width: 110px; background: #e45257; } } @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, .social-bookmarks2 { -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, .sort2 { margin: 10px 10px 0 0; } .sort:last-child, .sort2:last-child { margin: 10px 0 0; } .pagination a, .pagination span { font-size: 16px; padding: 8px 12px; } .pagination li { min-width: 43px; } .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; overflow-x: scroll; } .list-sort li { margin-right: 1rem; } .block-model .model-list li { width: 100%; padding: 0; } .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) { .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, .sidebar + .main-container .list-videos .item, .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%; } .btn-favourites ul { left: inherit; right: 0; border-radius: 5px 0 5px 5px; } 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: 0.5rem 0 0; } .popup-holder { min-width: 380px; padding: 10px; } .popup-title { padding: 1.5rem 3.5rem 1.5rem 1.5rem; } .fancybox-close { top: 0.8rem !important; } 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%; } .user-menu li { display: inline-block; width: auto; } .member-menu .user-menu em { padding: 0 0 0 10px; } .profile-list .column { width: 100%; } /* .block-album .images span.item, .block-album .images a.item { width: calc(50% - 2rem); padding-bottom: 62.1%; } */ .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 .img { float: none; display: block; margin: 0 auto 1rem; } .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 { 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: 428px) { 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%; } .sidebar + .main-container .list-videos .item, .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, .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; } .member-menu + .main-container-user .list-albums .item .wrap .views, .main-container .list-albums .item .wrap .views { padding-left: 23px; } .item-control { padding: 4px 7px; } .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: 200px; height: 300px; padding-bottom: 64.2%; } .block-video .playlist .item { width: calc(100% - 10px); } } @supports (-webkit-overflow-scrolling: touch) { .sort, .content, .sort2 { cursor: pointer; } }