* {
    outline: none !important;
    scrollbar-width: thin !important;
    scrollbar-color: var(--color-grey-stroke) #fff !important;
}

html {
    font-size: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
    background: var(--color-white);
}

body {
    min-height: 100vh;
}

input:-internal-autofill-selected {
    background: var(--color-white) !important;
}

body.modal-open {
    padding-right: 0 !important;
    overflow-y: visible !important;
}

body,
.popover {
    font-family: var(--ff);
    color: var(--color-black);
    font-style: normal;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 2.4rem;
    background: var(--color-white);
    position: relative;
}

.empty-none:empty {
    display: none !important;
}

a:hover {
    text-decoration: none;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 75%;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
.h1 span {
    color: inherit;
}

h4,
.h4 {
    font-size: 15px;
    line-height: 20px;
}

ul,
ol {
    margin-left: 0;
    padding-left: 3rem;
}

ul {
    list-style: none;
}

ins {
    border-color: transparent !important;
    height: auto !important;
    min-height: 465px !important;
}

ins[style*="display:block;"] {}

input[type=file],
input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
}

.overflow-y-auto {
    overflow-y: auto;
    max-height: calc(100vh - 120px);
}

.popover {
    z-index: 99992;
}

.tooltip.in {
    opacity: 1;
}

.rotate--90 {
    transform: rotate(-90deg);
}

.rotate-90 {
    transform: rotate(90deg);
}

.op05 {
    opacity: 0.5;
}

.wait {
    position: relative;
}

a.wait,
span.wait,
i.wait {
    display: inline-flex;
}

.z1 {
    z-index: 1;
}

#wrap {
    position: relative;
}

.popover,
.rad5 {
    border-radius: 5px;
}

.rad10 {
    border-radius: 10px;
}

.no-border {
    border: none !important;
}

.container-fixed {
    padding-bottom: 4rem;
}

.text-right {
    text-align: right;
}

.ln-100 {
    line-height: 100%;
}

.ls-5 {
    letter-spacing: 0.5px;
}

.rad-5 {
    border-radius: 5px;
}

.confirm-ps {
    background: var(--color-blue-2) !important;
}

.help-block {
    margin-top: 10px;
    font-size: 13px;
    line-height: 150%;
    color: var(--color-grey);
    display: block;
}

mark mark {
    padding: 0;
}

span.link {
    color: var(--color-blue);
}

.link:empty:after {
    content: attr(data-href);
}

.normal {
    font-weight: 400;
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    to {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes spinner {
    to {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    to {
        -o-transform: rotate(360deg);
    }
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.embed-responsive {
    background-size: cover !important;
}

.embed-responsive.loaded iframe {
    opacity: 1;
}

.embed-responsive.autoplay,
.bg-transparent {
    background: transparent;
}

.embed-responsive+.trailer-btn {
    opacity: 0;
    display: none;
    transition: opacity 0.3s;
}

.embed-responsive.loaded+.trailer-btn {
    opacity: 1;
    display: block;
}

.embed-responsive.loaded.play+.trailer-btn {
    opacity: 0;
    display: none;
}

#lesson .embed-responsive {
    margin-bottom: 4rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    opacity: 0;
}

::-webkit-file-upload-button {
    cursor: pointer;
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-grey-stroke);
    border-radius: 30px;
}

::-webkit-scrollbar-track {
    background-color: var(--color-white);
}

::-webkit-scrollbar {
    width: 10px;
    height: 4px;
    background-color: var(--color-white);
    position: relative;
    z-index: 10;
}

div::-webkit-scrollbar,
span::-webkit-scrollbar,
section::-webkit-scrollbar,
ul::-webkit-scrollbar,
#dialog-form::-webkit-scrollbar {
    width: 5px;
}

.scroll-auto {
    overflow-y: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.ml-mr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.w-auto {
    width: auto !important;
}

.w-16-16 {
    width: 16px;
    height: 16px;
    align-items: center;
    display: inline-flex;
}

.w100p {
    width: 100% !important;
}

.w100 {
    width: 10rem !important;
}

.w136,
.w134 {
    width: 13.6rem !important;
}

.w169 {
    width: 16.9rem !important;
}

.w200 {
    width: 20rem !important;
}

.w370 {
    width: 37rem;
    max-width: 100%;
}

.w234 {
    width: 234px !important;
    max-width: 234px !important;
}

.w270 {
    width: 27rem;
    max-width: 27rem;
}

.w280 {
    width: 28rem;
    max-width: 28rem;
}

.w290 {
    width: 29rem;
    max-width: 29rem;
}

.w300 {
    width: 30rem;
    max-width: 30rem;
}

.w310 {
    width: 31rem;
    max-width: 31rem;
}

.w320 {
    width: 32rem;
    max-width: 32rem;
}

.w330 {
    width: 33rem;
    max-width: 33rem;
}

.w360 {
    width: 36rem !important;
    max-width: 36rem;
}

.w720 {
    max-width: 720px !important;
}

.mw240 {
    min-width: 24rem !important;
}

.mw120 {
    max-width: 12rem !important;
}

.maxw-300 {
    max-width: 300px !important;
}

.maxw-600 {
    max-width: 600px !important;
}

.maxw-700 {
    max-width: 700px !important;
}

.middle {
    vertical-align: middle;
}

.dot-flashing,
.dot-flashing::before,
.dot-flashing::after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation: dotFlashing 1s infinite alternate;
    background: var(--color-dark-grey);
    display: inline-block;
}

.dot-flashing.dot-flashing-min,
.dot-flashing.dot-flashing-min::before,
.dot-flashing.dot-flashing-min::after {
    width: 3px;
    height: 3px;
}

.dot-flashing {
    position: relative;
    animation-delay: 0.5s;
    margin-left: 8px;
    margin-right: 8px;
}

.dot-flashing::before,
.dot-flashing::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
}

.dot-flashing::before {
    left: -9px;
    animation-delay: 0s;
}

.dot-flashing.dot-flashing-min:before {
    left: -6px;
}

.dot-flashing::after {
    left: 9px;
    animation-delay: 1s;
}

.dot-flashing.dot-flashing-min:after {
    left: 6px;
}

@keyframes dotFlashing {
    0% {
        color: inherit;
    }
    50%,
    100% {
        opacity: 0.5;
    }
}

.article-deleted {
    opacity: 0.5;
}

img.render {
    image-rendering: -webkit-optimize-contrast;
}

img.pixel {
    image-rendering: pixelated;
}

input::-moz-placeholder,
textarea::-moz-placeholder,
.form-control::-moz-placeholder {
    color: var(--color-dark-grey);
    font-family: var(--ff);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.form-control::-ms-input-placeholder {
    color: var(--color-dark-grey);
    font-family: var(--ff);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: var(--color-dark-grey);
    font-family: var(--ff);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent !important;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent !important;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}

input.form-control+.help-block {
    font-size: 1.3rem !important;
    padding-left: 3px;
    color: var(--color-grey) !important;
    line-height: 150%;
    margin-top: 5px;
}

input.form-control+.help-block .label {
    display: inline-block;
    margin-bottom: 5px;
}

.сreativo-logo {
    text-decoration: none !important;
}

.wrap-grey {
    background-color: var(--color-grey-bg);
}

.white-block {
    background: var(--color-white);
}

.dashed {
    text-decoration: none !important;
    border-bottom: dashed 1px;
}

.modal {
    background: rgba(0, 0, 0, 0.8);
    z-index: 99993;
}

.relative,
.comment-img,
.ajax-load {
    position: relative;
}

.initial {
    position: initial !important;
}

.static {
    position: static !important;
}

.not_auth,
.hidden,
.profile-link-0,
.sweet-alert .icon.info,
.embed-responsive.loaded:before,
.embed-responsive.loaded:after,
#alttext-image,
.my_field,
[v-cloak] {
    display: none !important;
}

[v-cloak] {
    z-index: -1;
    visibility: hidden;
}

.v-hidden {
    visibility: hidden;
}

.sweet-overlay,
.sweet-alert {
    z-index: 199994;
}

*:hover>.v-hidden.v-hidden-hover {
    visibility: visible;
}

.flex-grow-1 {
    flex-grow: 1;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.flex-4 {
    flex: 4;
}

.flex-5 {
    flex: 5;
}

.flex-6 {
    flex: 6;
}

.flex-7 {
    flex: 7;
}

.flex-8 {
    flex: 8;
}

.row {
    margin: 0 -15px;
}

.end {
    justify-content: flex-end !important;
}

.space-between {
    justify-content: space-between !important;
}

.space-evenly {
    justify-content: space-evenly;
}

.space-right {
    justify-content: flex-end;
}

.align-items-baseline {
    align-items: baseline;
}

.flex-start {
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.flex-end {
    align-items: flex-end;
    justify-content: flex-end;
}

.uppercase {
    text-transform: uppercase;
}

.no-uppercase {
    text-transform: none !important;
}

.nowrap {
    white-space: nowrap;
}

a.btn {
    text-decoration: none !important;
}

.dropdown {
    text-decoration: none !important;
}

.flip {
    transform: rotate(180deg);
}

.trans-transform {
    transition: transform 0.3s;
}

.btn {
    border-radius: 5px;
    color: white;
    font-size: 1.3rem;
    line-height: 1.3rem;
    box-sizing: border-box;
    display: inline-flex;
    padding: 0 3.2515rem;
    align-items: center;
    justify-content: center;
    height: 4rem;
    min-width: 11rem;
    font-weight: 600;
    transition: opacity 0.3s;
}

.btn,
.navbar .nav>li>a {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.navbar {
    z-index: 3333;
}

.navbar #userbar>a {
    background: transparent !important;
}

.btn.btn-sm-1 {
    height: 30px;
    min-width: 60px;
    font-weight: normal;
    font-size: 13px;
}

.btn.btn-sm-2 {
    height: 25px;
    min-width: 10rem;
}

.btn-auto {
    width: auto;
    min-width: 0;
}

.btn-234 {
    width: 23.4rem;
}

.btn .count {
    margin-left: 5px;
}

.btn-more,
.btn262 {
    width: 26.2rem;
}

.btn170 {
    width: 17rem;
}

.btn-sq {
    width: 4rem;
    min-width: 0;
    padding: 0;
}

.btn165 {
    width: 165px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    padding: 0;
    justify-content: center;
}

.btn-warning {
    background-color: var(--color-yellow);
    color: #000;
    border: 1px solid var(--color-yellow) !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    opacity: 0.85;
    color: var(--color-black);
}

.btn-info {
    background-color: rgb(125, 184, 253);
    font-weight: 400;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-color: #3195df !important;
}

.btn-primary,
.btn-blue {
    background-color: var(--color-blue);
}

.btn-primary-2,
.btn-blue-2 {
    background: var(--color-blue-2);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background: var(--color-blue-2) !important;
    color: #fff !important;
}

.btn-primary-border {
    border: 1px solid var(--color-blue);
    color: var(--color-black);
    background: var(--color-white);
}

.btn-primary-border-2 {
    border: 2px solid var(--color-blue-2);
    color: var(--color-black);
    background: var(--color-white);
}

.btn-primary-2:hover,
.btn-primary-2:focus,
.btn-primary-2.focus,
.btn-primary-2:active,
.btn-primary-2.active,
.open>.dropdown-toggle.btn-primary-2 {
    background: var(--color-blue) !important;
    color: var(--color-white) !important;
}

.btn-secondary {
    background-color: var(--color-white);
    border: solid 1px var(--color-grey);
    color: var(--color-grey);
}

.btn-secondary:hover,
.btn-secondary:focus {
    color: var(--color-grey);
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background: var(--color-grey);
}

.btn-warning {
    border: 1px solid var(--color-blue);
}

.btn.upload-progress-status.disabled {
    font-size: 0;
}

.btn.upload-progress-status.disabled:after {
    content: attr(data-upload-progress);
    font-size: 1.3rem;
}

.border-color-blue-2 {
    border: 2px solid var(--color-blue-2);
}

.clear {
    clear: both;
}

h4 .checkbox,
h4 .radio {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

form textarea.input,
form div.textarea.input {
    height: 18rem;
    font-size: 13px;
    overflow: auto;
    background: var(--bg-input);
    position: relative;
}

form div.textarea {
    appearance: textarea;
}

[contentEditable='true']:empty:not(:focus):before {
    content: attr(data-placeholder);
    cursor: pointer;
    color: var(--color-dark-grey);
}

[contentEditable='true'],
[contentEditable='true'] * {
    word-break: break-all;
}

label a {
    text-decoration: none !important;
    color: inherit;
}

select option[selected] {
    background: #f2f5f7;
    padding: 5px;
}

select.form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.before-after {
    margin: 3rem auto;
}

.fz-15 {
    font-size: 1.5rem !important;
}

.fz-16 {
    font-size: 1.6rem !important;
}

.fz-18 {
    font-size: 1.8rem !important;
}

.fz-20 {
    font-size: 2rem !important;
}

.fz-22 {
    font-size: 2.2rem !important;
}

.fz-24 {
    font-size: 2.4rem !important;
}

.fz-30 {
    font-size: 3rem !important;
}

h1,
h2,
h3,
.h1 {
    color: var(--color-black);
}

h1 {
    margin-bottom: 2rem;
}

h1,
.h1 {
    font-size: 3.2rem;
    line-height: 130%;
    font-weight: bold;
    margin-top: 0;
}

h2,
.h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
    margin-top: 4rem;
    margin-bottom: 1.6rem;
    line-height: 125%;
    font-weight: bold;
    letter-spacing: 0.01px;
}

h3,
.h3 {
    font-size: 17px;
    font-weight: bold;
}

h2+h3 {
    margin-top: 0;
    margin-top: -3px;
}

h5,
.h5 {
    font-size: 12px;
    color: var(--color-black);
}

h6 {
    font-size: 15px;
    color: var(--color-black);
}

.h22 {
    font-size: 2.2rem;
}

.modal-header,
.modal-body,
.modal-footer {
    padding: 0;
    border: 0;
}

.modal-content {
    border-radius: 15px;
    padding: 3rem;
}

.embed-responsive:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    /*background: rgba(0, 0, 0, 0.5);*/
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
}

.embed-responsive iframe {
    opacity: 0;
    transition: opacity 0.3s;
}

.level-title {
    margin-bottom: 2.7rem;
    font-size: 12px;
    font-weight: 400;
    color: var(--color-dark-grey);
}

.form-control {
    height: 4rem;
    border: 1px solid var(--color-grey-stroke);
    border-radius: 5px;
    color: var(--color-black);
    font-style: normal;
    box-shadow: none !important;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 13px;
    line-height: 18px;
    background: var(--bg-input);
}

.form-control:focus {
    border-color: var(--color-blue-2);
}

textarea.form-control.text-160 {
    height: 16rem;
}

.form-control-lg {
    height: 5rem;
}

textarea.form-control,
div.textarea.form-control {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.form-control-sm {
    height: 3rem;
}

p {
    margin-bottom: 18px;
    letter-spacing: 0.01px;
    margin-top: 0;
}

p:empty {
    display: none !important;
}

figure,
before-after {
    margin-bottom: 30px;
    text-align: center;
}

blockquote {
    font-size: 15px;
}

a {
    color: var(--color-blue);
}

a,
button {
    outline: none !important;
}

a.inherit {
    color: inherit !important;
    text-decoration: inherit !important;
}

a:hover {
    color: var(--color-blue-2);
}

a:active {
    color: var(--color-blue-2);
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid var(--color-grey-stroke);
}

hr+hr {
    display: none;
}

#middle {
    padding-top: 57px;
    min-height: 65vh;
}

#collage_user_works[v-cloak]:after,
#dialog_new_btn.loading,
.wait:before,
.bfa-wrapper:before,
.embed-responsive:after {
    background-image: url('img/creativo-ani.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

a.btn.wait:before {
    display: none;
}

.wait.wait-sm:before {
    display: none;
}

.wait-xs.wait:before,
.ajax-link.wait:before {
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 6px;
    display: inline-block;
    left: 0;
    background-image: url(img/three-dots.svg);
}

.wait.wait-input:before {
    height: 20px;
    width: 20px;
    right: 0;
    left: 100%;
    margin-left: -30px;
    margin-top: -10px;
}

.wait-input>.mask-icon {
    position: absolute;
    right: 10px;
}

.wait:before,
#mv-modal.loading:after,
#collage_user_works[v-cloak]:after,
.embed-responsive:after {
    content: '';
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    z-index: 99;
}

#flex-content>.wait:before {
    top: 150px;
    width: 100px;
    height: 100px;
    margin-left: -50px;
}

.wait.wait-xs:before {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
}

#wrap.wait:before,
.wait.wait-lg:before {
    background-image: url(img/creativo-ani.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 150px;
    height: 150px;
    top: calc(50vh - 225px);
    left: calc(50vw -75px);
}

.wait.wait-lg:before {
    left: calc(50% - 150px);
}

.ajax-link.wait:before {
    max-width: 100%;
    max-height: 100%;
    margin-top: 0;
    margin-left: 0;
    display: block;
    opacity: 1;
    position: relative;
    top: 4px;
}

.ajax-background.wait:before,
.ajax-bg.wait:before {
    display: none !important;
}

.has-error .form-control {
    border-color: var(--color-red);
}

.select-control {
    padding-right: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: inline-block;
    background: url(img/usergames/arrow-down.svg) no-repeat;
    background-position-x: calc(100% - 11px);
    background-position-y: center;
}

a.dotted {
    display: inline-block;
    text-decoration: none !important;
    border-bottom: dotted 1px #3f85ba;
}

a.dotted:hover {
    border-bottom: dotted 1px #5496c9;
}

strong {
    color: inherit;
}

.bold,
.bold * {
    font-weight: bold !important;
}

.mdiumbold,
.mdiumbold * {
    font-weight: 600 !important;
}

.badge {
    height: 16px;
    width: 16px;
    background: var(--color-blue-2);
    font-size: 9px;
    font-weight: normal !important;
    opacity: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    font-style: normal;
    border-radius: 50%;
    color: var(--color-white);
}

.container {
    /*max-width: 1200px;*/
    /*max-width: calc(100% - 60px);*/
    max-width: 1600px;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

mark,
.mark {
    background-color: #fcfab6;
    padding: 2px 0;
    border-radius: 5px;
}

.comments-childs {
    padding-left: 3rem;
    position: relative;
}

.comments-childs:before {
    content: '';
    border-left: dashed 1px var(--color-blue-2);
    border-left: dashed 1px var(--color-grey-stroke);
    height: calc(100% - 10px);
    position: absolute;
    left: 0;
    top: 1px;
    transition: all 0.3s;
}

.comments-childs:hover:before {
    border-left: dashed 1px var(--color-blue-2);
}

.comments-childs:empty {
    display: none;
}

.comment-single-wrap {
    margin: 2.5rem 0 0 0;
}

.view_filters {
    min-height: 5.6rem;
    border: 1px solid rgb(233, 237, 240);
    border-radius: 4px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    justify-content: space-between;
    flex-wrap: wrap;
}

.view_filters h5 {
    font-size: 1.3rem;
    font-weight: 600;
    align-self: center;
    text-transform: uppercase;
    margin: 0 0 0 15px;
}

.view_filters>div {
    display: inline-flex;
    height: 5.5rem;
    align-items: center;
    padding: 0 15px;
    border-right: solid 1px rgb(233, 237, 240);
    border-bottom: solid 1px rgb(233, 237, 240);
    flex: auto;
    justify-content: center;
    margin-bottom: -1px;
    margin-right: -1px;
}

.view_filters>div:last-child {
    border-right: none;
}

.view_filters>div>label {
    margin-right: 1.6rem !important;
    position: relative;
    font-size: 13px;
    padding-top: 1px;
}

.view_filters>div>label:last-child {
    margin-right: 0 !important;
    border-right: 0;
}

.view_filters>div:last-child>label:last-child {
    margin-right: 0 !important;
}

.view_filters label {
    margin-top: 0;
}

#filter-user {
    border-left: solid 1px rgb(233, 237, 240);
}

#filter-levels:empty,
#filter-type:empty {
    display: none;
}

.view_filters #add_private_job {
    margin: 1.75rem 2rem;
}

.view_filters #add_private_job:first-child {
    margin-left: 0;
}

.user-social-stat,
.fa-info-circle {
    color: var(--color-grey);
}

.user-social-stat {
    line-height: 20px;
    font-size: 12px;
    display: flex;
}

.user-social-stat span {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.user-social-stat span:last-child {
    margin-right: 0;
}

.user-social-stat .icon2 {
    margin-right: 8px;
}

.bread-crumbs-wrap {
    overflow: hidden;
}

.bread-crumbs {
    display: block;
    padding-left: 2px;
    top: -3px;
    position: relative;
    margin-bottom: 25px;
    white-space: nowrap;
    width: 870px;
    font-weight: 600;
    max-width: 100%;
    overflow: hidden;
}

.tag-crumbs.bread-crumbs {
    width: auto;
}

.hidden-tab-tag {
    display: none;
}

.bread-crumbs:after {
    width: 140px;
    content: '';
    background: #fff;
    position: absolute;
    right: 0;
    top: -10px;
    padding-left: 10px;
    height: calc(100% + 5px);
    background: var(--gradient-crumbs);
}

.bread-crumbs__link {
    font-size: 14px;
    color: var(--color-dark-grey);
    padding-bottom: 3px;
    text-decoration: none !important;
    border-bottom: 3px solid transparent;
    text-transform: uppercase;
    transition: color 0.3s;
}

.bread-crumbs__link:hover {
    color: inherit;
}

.bread-crumbs__link:hover::before {
    width: 100%;
}

.bread-crumbs__link.active,
.bread-crumbs__link:last-child {
    position: relative;
    display: inline-block;
    font-size: 14px;
    margin-right: 0;
    padding-bottom: 3px;
}

.bread-crumbs-wrap .bread-crumbs__link.active,
.bread-crumbs-wrap .bread-crumbs__link:last-child {
    color: var(--color-black);
}

.bread-crumbs__link.active::before,
.bread-crumbs__link:last-child::before {
    content: '';
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 3px;
}

.bread-crumbs__arrow {
    height: 29px;
    background-image: url(img/crumbs/arrow.svg);
    background-repeat: no-repeat;
    border-bottom: 2px solid transparent;
    width: 35px;
    background-position: center;
    padding-right: 0;
    padding-left: 0;
    display: inline-block;
    vertical-align: middle;
}

.bread-crumbs.works-master-crumbs .bread-crumbs__arrow:last-child {
    display: none;
}

.bread-crumbs.works-master-crumbs:after {
    display: none;
}

.tag-crumbs.bread-crumbs>a {
    margin-right: 15px;
}

textarea,
.textarea {
    resize: vertical;
}

.textarea-wrapper {
    position: relative;
    z-index: 66;
}

.textarea-options {}

textarea.form-control.input,
.textarea.form-control.input {}

div.textarea {
    white-space: pre-wrap;
    height: auto;
}

.star-rating {
    display: flex;
    align-items: center;
}

.star-rating .rating {
    display: inline-flex;
    flex-direction: row-reverse;
    margin-left: 14px;
    margin-top: 8px;
    align-items: center;
}

.rating svg path {
    fill: #d8e3ee;
    transition: fill 0.3s;
}

.rating label {
    cursor: pointer;
    margin: 0 10px 0 0;
}

.rating input {
    display: none;
}

.rating input:checked+label svg path,
.rating input:checked+label~label svg path {
    fill: #ffc800;
}

.rating label:hover svg path,
.rating label:hover~label svg path {
    fill: #ffc800a1;
}

.image-preview-input-title-0 {
    margin-right: 10px;
}

.image-preview-input+.title-2 {
    font-size: 13px;
}

.row.flex:before,
.row.flex:after {
    display: none !important;
}

.select-filter-wrap,
.select-filter {
    /*width: 160px;*/
}

.select-filter-wrap {
    display: inline-block;
    position: relative;
    z-index: 100;
    height: 42px;
    margin-top: -5px;
}

.select-filter {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    cursor: pointer;
    height: 43px;
    padding: 10px 0;
    margin-left: 10px;
    color: var(--color-dark-grey);
}

.has-error h5,
.has-error .select-filter,
.has-error .field-title {
    color: var(--color-red) !important;
}

.select-filter input {
    display: none;
}

.select-filter label {
    font-weight: normal;
    font-size: 1.8rem;
    width: 100%;
    min-width: 100%;
    margin: 0;
    cursor: pointer;
    padding: 3px 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color 0.3s, color 0.3s;
    display: inline-flex;
    align-items: center;
}

.select-filter input,
.select-filter input+label {
    order: 2;
}

.select-filter input:checked,
.select-filter input:checked+label {
    order: 1;
}

.select-filter input:checked+label:before {
    -webkit-mask-image: url('img/icons/minus.svg');
    mask-image: url('img/icons/minus.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    content: '';
    width: 16px;
    height: 16px;
    background: var(--color-grey);
}

.select-filter.open input:checked+label:before {
    display: none;
}

.select-filter.open {
    height: auto;
    background: #fff;
    box-shadow: 0 5px 21px rgba(74, 151, 206, 0.25);
    border-radius: 5px;
}

.select-filter.open input:checked+label,
.select-filter.open label:hover {
    background-color: var(--color-blue);
    background-image: none;
    color: #fff;
}

.select-filter.select-filter-left {
    padding-left: 0;
}

.select-filter-left .select-filter input:checked+label:before {
    order: 2;
    margin-right: 0;
    margin-left: 5px;
}

.select-filter-left {
    margin-left: -17px;
}

.select-filter-left .select-filter {
    margin-left: 0;
}

.fancybox-container {
    z-index: 99999;
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 20px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 20px;
}

.cycle-slideshow-promise:not(.loaded)>* {
    display: none;
}

.your_user_sub {
    font-size: 14px;
    line-height: 19px;
    display: inline-flex;
    align-items: center;
    color: var(--color-grey);
    opacity: 1;
    transition: all 0.3s;
}

.your_user_sub svg {
    margin-right: 5px;
}

.your_user_sub.showend {
    opacity: 0;
}

.lessons-stat-level {
    font-size: 12px;
    color: var(--color-dark-grey);
    margin-right: 0 !important;
}

.embed-responsive.play {
    background: none !important;
}

.form-control.form-control-55 {
    height: 5.5rem;
}

.field {
    margin-bottom: 2.4rem;
}

.field.disabled label,
.field.disabled .description {
    opacity: 0.65;
}

.field.disabled .icon-premium {
    opacity: 1;
}

.field-title {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: var(--color-black);
    margin-top: 0;
    display: flex;
    align-items: center;
}

.field-title span {
    font-size: 1.3rem;
    line-height: 2rem;
    color: var(--color-grey);
    font-weight: normal;
    margin-left: 12px;
}

.ord-n,
.ord-e,
.ord-s,
.ord-w {
    display: none;
}

.form-control-pub-time {
    width: 61px;
    padding: 0;
    overflow: hidden;
    position: relative;
    border: 0;
    cursor: pointer;
}

.form-control-pub-time input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 5px;
    padding: 0;
    border: 0;
    height: 3.8rem;
    box-shadow: none;
    position: relative;
    z-index: 21;
    margin-right: -10px;
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    font-size: 1.5rem;
    background: transparent;
    color: var(--color-blue);
    cursor: pointer;
    padding-left: 7px;
    line-height: 100%;
}

.form-control-pub-date {
    width: 100px;
    padding-right: 0;
}

select.form-control-55 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(images/triangle.svg);
    background-repeat: no-repeat;
    width: 100%;
    background-position-x: calc(100% - 15px);
    background-position-y: center;
}

.dynamic-img-remove {
    background: rgba(0, 0, 0, 0.6);
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    border-radius: 5px;
    justify-content: center;
}

.dynamic-img-remove:before {
    content: '';
    background: #fff;
    width: 11px;
    height: 11px;
}

.history-score {
    margin-top: 5rem;
}

.history-score__title {
    font-weight: 600;
    font-size: 2.6rem;
    line-height: normal;
    color: #000000;
    margin-bottom: 11px;
}

.history-info {
    width: 100%;
    border-collapse: collapse;
}

.history-info td,
.history-info th {
    font-weight: normal;
}

.history-info th {
    height: 48px;
    font-size: 15px;
    line-height: 20px;
    padding-top: 5px;
    color: var(--color-grey);
}

.history-info th:nth-child(2) {
    padding-left: 10px;
}

.history-info th:nth-child(3) {
    padding-left: 10px;
}

.history-info th:nth-child(4) {
    padding-right: 7px;
}

.history-info td {
    height: 64px;
    font-size: 15px;
    line-height: 25px;
}

.history-info tr {
    border-bottom: 1px solid #eaeaea;
}

.history-score__date {
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: var(--color-grey);
}

.history-score__operation {
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #000000;
    padding-left: 10px;
    max-width: 328px;
}

td.history-score__sum,
td.history-score__balance {
    font-size: 1.8rem;
    line-height: 2.9rem;
}

.history-score__sum_plus {
    color: #8bc648;
    font-weight: 600 !important;
}

.history-score__sum_minus {
    color: #fe8046;
}

.btn.ctrl-enter {
    padding: 0 11px;
    height: 40px;
    flex-wrap: wrap;
}

.btn.ctrl-enter .sub {
    width: 100%;
    font-size: 10px;
    margin-top: 1px;
    font-weight: normal;
}

.mask-btn {
    display: flex;
    align-items: center;
    height: 50px;
    color: #fff !important;
    text-decoration: none !important;
}

.mask-btn .title {
    opacity: 0.6;
}

.mask-btn:hover .title {
    opacity: 1;
}

#navbar-right {
    max-width: 870px;
    margin: 0 auto;
    position: relative;
    justify-content: space-between;
}

.flex-aside {
    width: 270px;
    order: -1;
    flex: none;
    position: relative;
    margin-bottom: 3rem;
    /*padding-right: 30px;*/
}

#aside-inner {
    top: 50px;
    position: sticky;
    padding-bottom: 30px;
    transition: top 0.1s, margin-top 0.3s;
}

#aside-inner hr:last-child {
    display: none;
}

.thin #aside-inner {
    margin-top: -40px;
}

#aside-inner.fixed {
    position: fixed;
}

#aside-menu h3 {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.4px;
    margin: 0;
}

#aside-menu>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#aside-menu>ul>li {
    list-style: none;
    padding: 0;
    margin: 14px 0;
    flex-wrap: wrap;
}

#aside-menu>ul>li>a {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
    color: var(--color-black);
    padding: 0.4px 0;
    transition: color 0.3s;
    width: 100%;
}


#aside-menu>ul>li>a + a, #aside-menu>ul>li>a .count {
    margin-left: 27px !important;
}

#aside-menu ul.sub-menu {
    padding: 9px 0 0 26px;
}

#aside-menu ul.sub-menu a {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: var(--color-dark-grey);
    transition: color 0.3s;
}

#aside-menu ul.sub-menu li.active a {
    font-weight: 600;
    color: var(--color-black);
}

#aside-menu ul.sub-menu a:hover,
#aside-menu>ul>li>a:hover {
    color: var(--color-blue);
}

.sub-menu-item {
    margin-bottom: 2px;
}

.aside-filters-group {
    margin-bottom: 3rem;
    font-size: 13px;
}

.aside-filters-group label {
    margin-bottom: 1rem;
    display: flex;
}

.aside-filters-group:not(.visible-all-filters) label {
    display: none;
}

.aside-filters-group label {}

.aside-filters-group label:nth-child(-n+6),
.aside-filters-group.open label {
    display: flex;
}

.aside-filters>h3 {
    margin: 4px 0 20px 0;
}

.aside-filters h4 {
    margin: 0 0 12px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-black);
    order: -1;
}

.aside-filters-group-status label {
    order: 9;
}

.aside-filters-group-status label:nth-child(2) {
    order: 10;
}

.aside-filters-group-status label:nth-child(7) {
   
}



.aside-filters-group-status label:nth-child(9) {
    order: 0;
}

.aside-filters-group-status label:nth-child(8) {
    order: 1;
}

.aside-filters-group-status label:nth-child(6) {
    order: 2;
}

.aside-filters-group-status label:nth-child(4) {
    order: 3;
}

.aside-filters-group-status label:nth-child(3) {
    order: 4;
}



.aside-filters input {
    transition: all 0.3s;
    position: relative;
    font-weight: normal;
    background-color: var(--color-grey-bg);
}

.aside-filters h4 input:focus {
    width: 100%;
    max-width: 999px !important;
    margin-left: -100%;
}

.aside-filters-group-2col label,
.aside-filters-group-1col label {
    width: 100%;
}

.aside-filters-group-2col.open label {
    overflow: hidden;
    margin-right: 2.5%;
}

.aside-filters-long {
    max-height: 202px;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.aside-filter-count {
    position: absolute;
    z-index: -42;
    right: -4rem;
    transition: all 0.4s;
    opacity: 0;
    /* left: 170px;*/
    /*margin-left: -110px;*/
}

.aside-filter-count.show {
    opacity: 1;
    z-index: 42;
}

.aside-filter-count-inner {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: auto;
    height: auto;
    background: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    color: var(--color-dark-grey);
    box-shadow: 2px 0px 20px rgba(114, 173, 206, 0.3);
    font-size: 12px;
    line-height: 140%;
    height: 27px;
}

.aside-filter-count-inner:before {
    content: '';
    position: absolute;
    left: -10px;
    margin-top: -1px;
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid #fff;
}

.filter-label-premium {
    font-size: 0;
}

.filter-label-premium:after {
    content: url(img/premium-gold.svg);
    position: relative;
    top: 7px;
}

.label-premium {
    background-image: url(img/premium-gold.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 13.6rem;
    height: 3rem;
}

.order-filters-wrap {
    position: relative;
    align-items: center;
    display: flex;
    width: 100%;
    margin-bottom: 2.6rem;
}

.searh-order-tabs .order-filters-wrap {
    margin-bottom: 0;
}

#aside-filters-result {
    margin: 15px -5px 10px -5px;
    min-height: 8px;
}

#aside-filters-result:empty {
    display: none;
}

#aside-filters-result>span,
.mod-work-current-tags>span {
    background-color: var(--color-white);
    display: inline-flex;
    align-items: center;
    padding: 3px 7px 3px 9px;
    margin: 5px;
    border-radius: 5px;
    font-size: 11px;
    color: var(--color-dark-grey);
    cursor: pointer;
}

#aside-filters-result>span:after,
.mod-work-current-tags>span:after {
    content: url('img/close-min.svg');
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.aside-filters hr {
    margin: 3.9rem 0;
}

.radiotab {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 100%;
    cursor: pointer;
    margin: 0 2rem 0 0;
}

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

.radiotab input {
    position: absolute;
    left: 0;
    z-index: -1;
    opacity: 0;
    margin: 0;
}

.radiotab input+span {
    border-bottom: 3px solid transparent;
    padding-bottom: 4px;
    transition: color 0.3s;
}

.radiotab:hover input+span {
    color: var(--color-blue-2);
}

.radiotab input:checked+span,
.radiotab.checked span {
    border-bottom: 3px solid var(--color-blue-2);
    color: var(--color-black) !important;
}

.order-filters {
    display: flex;
    width: 100%;
    align-items: center;
}

.order-filters h3 {
    position: relative;
    top: -2px;
    letter-spacing: 0.4px;
}

.order-filters-wrap .search {
    position: absolute;
    width: 13rem;
    height: 4rem;
    right: 0;
    top: -1rem;
    border: 1px solid var(--color-blue);
    box-sizing: border-box;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    color: var(--color-grey);
    padding: 12px 17px;
    background-color: var(--color-grey-bg);
    transition: all 0.3s;
}

.order-filters-wrap .search,
input.search-icon {
    background-image: url('img/icons/search.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center;
}

.search-filter-wrap {
    position: relative;
}

.search-filter-wrap:after {
    content: '';
    width: 4rem;
    height: 4rem;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    cursor: pointer;
}

.order-filters-wrap .search:focus {
    width: 100%;
}

.order-filters .radiotab-group {
    margin-left: 3rem;
    width: calc(100% - 135px);
}

.tiles {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    opacity: 1;
    transition: opacity 0.3s;
}

.wait {
    opacity: 0.5;
}

.tiles.wait:before {
    top: 0;
}

.tiles>div,
.tiles>user-work {
    /*height: 242px;*/
    width: calc(100% / 3 - 30px);
    margin: 0 15px 30px 15px;
    background: var(--color-white);
    position: relative;
    z-index: 1;
    border-radius: 5px;
}

#userworks-add-item.tile-item {
    background: transparent !important;
    padding: 0;
}

.tile-item-img {
    display: inline-block;
    overflow: hidden;
}

.tile-item.add-item {
    opacity: 1;
    transition: opacity 0.3s;
    overflow: hidden;
}

.tile-item.add-item:hover {
    opacity: 0.75;
}

.add-item:not(.disabled) {
    cursor: pointer;
}

.add-item.disabled {
    opacity: 0.5 !important;
}

.add-item .tile-item-img {
    background: var(--color-blue-2);
    min-height: 242px;
    height: 100%;
    border-radius: 5px;
    align-items: center;
    flex-direction: column;
}

.disabled.add-item .tile-item-img {
    background: var(--color-grey);
}

.tile-item-img img {
    border-radius: 5px 5px 0 0;
    height: 172px !important;
    width: 270px;
    object-fit: cover;
    object-position: center;
}

.tile-item .title {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-weight: 600;
    font-size: 13px;
    color: var(--color-white);
}


/*@depricated*/

.userworks.tiles h2 {
    font-style: normal;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin: 3px 10px 5px 10px;
    color: var(--color-black);
}

.userworks.userworks-1 {
    margin-right: auto;
    margin-left: 0 !important;
}

.tile-item h2 a {
    color: inherit;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/**@depricated*/

.userworks-username {
    height: 20px;
    font-size: 12px;
    color: var(--color-dark-grey);
    margin: 0 10px 0 10px;
}


/**@depricated*/

.userworks-username a {
    color: inherit;
    text-decoration: none;
    line-height: 100%;
}


/**@depricated*/

.userworks .i_like_wrapper {
    height: 20px;
    display: flex;
    margin: 3px 10px 15px 10px;
}

.placeholder-date:before {
    color: var(--color-grey);
    content: attr(placeholder);
    margin-right: 5px;
}

.lessons-row {
    margin: 0 -15px;
}

.lessons-row .request_not_found {
    margin: 0 15px;
}

.lessons-box {
    width: calc(25% - 30px);
    max-width: 270px;
    height: 270px;
    border-radius: 5px 5px 0 0;
    margin: 0 15px 29px;
    position: relative;
    background: var(--color-white);
    border-radius: 7px 7px 5px 5px;
}

.lessons-box.lessons-box-context-adds {
    min-height: 0;
}

.owl-item .lessons-box {
    width: 100%;
}

.lessons-box.lessons-box-3 {
    width: calc(100% / 3 - 3rem);
}

.lessons-info {
    padding: 1rem 1.1rem 1rem;
    position: relative;
    margin: 0 -1px;
    width: calc(100% + 2px);
    border-top: 0;
}

.lessons-info .lessons-info-context-adds .lessons-info__title {
    margin-bottom: 13px;
}

.lessons-info__category {
    display: block;
    font-weight: 600;
    font-size: 12px;
    line-height: 2rem;
    text-transform: uppercase;
    margin: 5px 0 2px 0;
    color: var(--color-grey);
}

.lessons-author {
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: var(--color-grey);
    letter-spacing: -0.4px;
}

.lessons-info__title {
    margin-top: 0;
    height: 2.7rem;
    margin-bottom: 1rem;
}

.lessons-info__title a {
    color: var(--color-black) !important;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.01px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
    transition: color 0.3s;
}

.lessons-info__title a:hover {
    color: var(--color-blue) !important;
}

.lessons-preview img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 152px !important;
    border-radius: 5px 5px 0 0;
}

.lessons-stat {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--color-dark-grey);
    width: calc(100% - 10px);
}

.lessons-stat>span {
    margin-right: 15px;
}

.card-progress:after {
    content: attr(data-percent);
    color: var(--color-blue);
    font-size: 16px;
    font-weight: 600;
}

.card-progress-scale {
    background: var(--color-grey-bg);
    position: relative;
    border-radius: 5px;
    display: flex;
    height: 6px;
    width: 110px;
    margin: 3px 7px 0;
}

.card-progress-scale-bg {
    background: var(--color-blue);
    border-radius: 5px;
}

.lessons-preview-img-wrap {
    display: flex;
    position: relative;
}

.lessons-preview-img-wrap:before {
    content: '';
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s;
}

.lessons-preview-img-wrap:after {
    content: attr(data-description);
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 25px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 13px;
    line-height: 120%;
    opacity: 0;
    transition: opacity 0.3s;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100px;
    margin-top: 0px;
}

.lessons-preview-img-wrap:hover:after,
.lessons-preview-img-wrap:hover:before {
    opacity: 1;
    z-index: 100;
}

.block-badge-lesson-success {
    background-image: url(img/less-success.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    right: 9px;
    bottom: 11px;
}

.sweet-alert-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.sweet-alert button {
    margin: 2.3rem 5px 0rem 5px;
}

.confirm-ps {
    order: -1;
}

.inner-content-block {
    background: var(--color-white);
    border-radius: 5px;
    padding: 4.2rem 5rem;
}

.add_post_title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.4rem;
    width: 100%;
    display: block;
    margin: 0 0px 12px;
    background: var(--color-white);
    border: 1px var(--color-grey-stroke) solid;
    border-radius: 5px;
    padding: 9px 9px 10px;
}

input.add_post_title::-moz-placeholder {
    color: var(--color-dark-grey);
    font-weight: 600;
    font-size: 2rem !important;
    line-height: 2.4rem;
}

input.add_post_title:-ms-input-placeholder {
    color: var(--color-dark-grey);
    font-weight: 600;
    font-size: 2rem !important;
    line-height: 2.4rem;
}

input.add_post_title::-webkit-input-placeholder {
    color: var(--color-dark-grey);
    font-weight: 600;
    font-size: 2rem !important;
    line-height: 2.4rem;
}

.has-error input.add_post_title::-moz-placeholder {
    color: var(--color-red);
}

.has-error input.add_post_title:-ms-input-placeholder {
    color: var(--color-red);
}

.has-error input.add_post_title::-webkit-input-placeholder {
    color: var(--color-red);
}

.fr-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    display: block;
}

.fr-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}

.fr-img-wrap {
    text-align: center;
    display: block;
}

img[src^='/lessons/tools/'] {
    vertical-align: middle;
    margin: 0 !important;
}

.fr-view p>img:not([src^='/lessons/tools/']) {
    margin: 30px auto;
}

.fr-view p:last-child {
    margin-bottom: 0;
}

.fr-view ul {
    margin-left: 6.7rem;
}

.fr-view ol {
    margin-left: 5.3rem;
}

.fr-view li {
    position: relative;
    margin-bottom: 18px;
}

.fr-view ul li:before {
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 8px;
    left: -2.9rem;
    background: var(--color-black);
    border-radius: 50%;
}

.fr-video {
    margin: 20px auto;
}

.fr-view p>img:last-child,
.fr-view figure>img:last-child {
    margin-bottom: 10px;
}

.fr-view p>img:first-child,
.fr-view figure>img:first-child {
    margin-top: 10px;
}

.fr-video {
    margin: 30px auto;
}

.fr-view p>img:before {
    content: ' ';
    display: block;
    height: 150px;
    width: 100%;
    position: relative;
    background: var(--color-grey-bg);
    z-index: 10;
    top: 20px;
    margin-top: -20px;
}

.fr-view a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#lessonContent a {}

/*rusmvb: remove download video button*/
#lesson .downlod_yt_btn {
    display: none;
}

.has-error .fr-placeholder {
    color: var(--color-red) !important;
}

.posteditor-cover-selector {
    margin: -8px 0 0 -10px;
}

.posteditor-cover-selector>span {
    width: calc(100% / 4 - 17px);
    cursor: pointer;
    margin: 5px 10px;
    transition: border 0.3s;
    border: solid 3px transparent;
    border-radius: 5px;
    overflow: hidden;
}

.posteditor-cover-selector>span:not(.posteditor-add-cover):hover,
.posteditor-cover-selector>span.selected {
    border: solid 3px var(--color-blue-2) !important;
    overflow: hidden;
}

.posteditor-cover-selector>span.selected img {
    border: solid 1px var(--color-blue) !important;
}

.posteditor-cover-selector>span img {
    height: 105px !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.posteditor-add-cover {
    height: 105px !important;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    background: var(--color-blue-2);
}

.posteditor-add-cover input {
    font-size: 200px;
    opacity: 0;
    width: 100%;
    position: relative;
    z-index: 1;
}

.posteditor-add-cover>span {
    display: flex;
    height: 100px;
    align-items: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    justify-content: center;
}

.posteditor-cover-description {
    min-height: 117px;
}

.input55 {
    height: 55px;
}

.btn.input55 {
    padding: 0 5.2rem;
}

#settings-editor {
    width: 100%;
}

#settings-editor .ck-editor__main {
    border: 1px solid var(--color-grey-stroke);
    border-radius: 5px;
    padding: 2rem;
    min-height: 200px;
}

.has-error #settings-editor .ck-editor__main {
    border: 1px solid var(--color-red);
}

.settings-right .input55 {
    width: 300px;
}

.settings-right {
    flex: 1;
}

.settings-right textarea {
    max-width: 457px;
    min-height: 163px;
}

.page-user-settings hr {
    margin: 3.9rem 0;
}

.settings-right-avatar {
    justify-content: space-between;
    max-width: 264px;
    padding-left: 15px;
}

.settings-right-social {
    margin-left: 15px;
}

.settings-right-social img {
    margin-right: 22px;
}

.settings-unsubscribe {}

#change_avatar {
    font-size: 13px;
}

.input-accept:after {
    content: '';
}

#profile-header {
    overflow: hidden;
}

#profile-header-default {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 26px;
    line-height: 32px;
    color: #fff;
    z-index: 100;
}

#profile-header~user-avatar,
#profile-header-avatar-changer {
    margin-top: -80px;
    margin-left: 30px;
    border-radius: 50%;
    z-index: 100;
}

#profile-header-wrap user-avatar {
    border: 3px solid #ffffff;
    box-sizing: content-box;
    border-radius: 50%;
}

#profile-header-avatar-changer {
    position: relative;
    display: inline-flex;
}

#profile-header-avatar-changer .btns {
    position: absolute;
    z-index: 10;
    bottom: 7px;
    width: 100%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#profile-header-avatar-changer .btns>span {
    background: rgb(0, 0, 0, 0.6);
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    cursor: pointer;
    margin: 0 2px;
}

#profile-header-avatar-changer upload-btn {
    width: 26px;
    height: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#profile-header-add {
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    overflow: hidden;
    flex-direction: column;
}

#profile-header-add .mask-icon {
    margin-top: 10px;
}

#profile-header-add p {
    margin-top: 18px;
    font-size: 18px;
    font-weight: 700;
}

#profile-header-add p span {
    font-size: 12px;
    font-weight: 400;
}

#profile-header-add-btn {
    position: absolute;
    z-index: 100;
    font-size: 500px;
    opacity: 0;
    z-index: 5;
}

#profile-header>img {
    max-height: 250px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 5px 5px 0 0;
}

#profile-header-replace,
#profile-header-remove {
    position: absolute;
    font-size: 13px;
    position: absolute;
    right: 48px;
    top: 10px;
    font-size: 13px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

#profile-header-remove {
    right: 10px;
    width: 28px;
    height: 28px;
    top: 11px;
}

#profile-header:hover #profile-header-replace,
#profile-header:hover #profile-header-remove {
    opacity: 1;
}

#profile-header-user {
    font-size: 13px;
    margin-top: -3px;
}

#profile-header-user-spec {
    line-height: 150%;
    margin: 15px 0 0 0;
}

#profile-header-user p {
    line-height: 155%;
    margin: 10px 0;
    font-size: 15px;
}

#profile-header-user-links {
    font-size: 13px;
    color: var(--color-dark-grey);
    margin-top: 17px;
}

#profile-header-user .indicator-online.indicator-full,
#profile-header-user .indicator-offline.indicator-full {
    font-size: 13px;
}

#profile-header-stat {
   
}

#profile-header-stat>span {
    margin-right: 23px;
}

#user-profile-soclinks {
    position: relative;
    font-size: 12px;
    color: var(--color-dark-grey);
}

#user-profile-soclinks:before {}

.user-profile-soclink img {
    width: 16px;
    height: 16px !important;
}

h4.username a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    font-size: 18px;
    font-weight: bold;
}

#user-profile-btns.profile-link-0+#user-profile-soclinks.ml-20 {
    left: -20px;
}

#spoiler-admin {
    margin: 15px 0;
}

.user-profile-counter:first-child {
    margin-left: 0;
}

.user-profile-counter:last-child {
    margin-right: 0;
}

.user-profile-counter,
.user-profile-soclink {
    font-size: 12px;
    line-height: 20px;
    color: var(--color-dark-grey);
}

.user-profile-soclink {
    text-decoration: none !important;
    margin-right: 26px;
}

.user-profile-soclink .value {
    margin-top: 8px;
    position: relative;
    left: -5px;
}

.user-profile-soclink:last-child {
    margin-right: 0;
}

.user-profile-counter .title {
    margin-top: 3px;
    margin-bottom: -1px;
}

#user-profile-counters .title {
    font-size: 13px;
    color: var(--color-dark-grey);
}

#user-profile-tiles {
    margin: 32px -10px 30px -10px;
    padding-bottom: 8px;
    margin-bottom: 30px;
    justify-content: space-around;
}

#user-profile-tiles+hr {
    display: none;
}

#user-profile-tiles-guest {
    padding: 8px 0 8px;
}

.user-profile-tile {
    width: calc(33% - 20px);
    height: 5rem;
    border-radius: 5px;
    border: solid 1px var(--color-grey-stroke);
    margin: 0 10px 20px 10px;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 20px;
    text-decoration: none !important;
    flex-wrap: wrap;
    transition: all 0.3s;
    justify-content: center;
}

#user-profile-tiles-guest .user-profile-tile {
    border: 0;
    height: auto;
    justify-content: normal;
    padding: 14px 8px;
    margin: 0;
}

.user-profile-tile * {
    transition: color 0.3s;
    color: var(--color-black);
}

.user-profile-tile[href='#'],
.user-profile-tile[href='javascript::return false;'] {
    cursor: default;
}

.user-profile-tile:not([href='#'],
[href='javascript::return false;']):hover * {
    color: var(--color-blue-2) !important;
}

.user-profile-tile .mask-icon {
    transition: background 0.3s;
}

.user-profile-tile:not([href='#'],
[href='javascript::return false;']):hover .mask-icon {
    background: var(--color-blue-2) !important;
}

.user-profile-tile .description {
    font-size: 13px;
    color: var(--color-green);
    order: 3;
    margin-left: 3px;
}

.user-profile-tile .count {
    font-size: 1.3rem;
    font-weight: normal;
    margin-left: 5px;
}

#user-profile-tiles-guest .user-profile-tile .count {
    position: static;
    margin-left: 12px;
    font-size: 1.6rem;
}

#profile-navigation {
    margin: 0 0 3.3rem 0;
}

#profile-navigation user-avatar {
    position: relative;
}

#profile-navigation>a,
#profile-navigation a.dropdown {
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--color-dark-grey);
    text-decoration: none !important;
}

.profile-navigation-right {
    position: relative;
    top: -12px;
}

#profile-navigation a.dropdown {
    margin-left: 0;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

#profile-navigation a.dropdown span {
    border-bottom: 3px solid var(--color-blue-2);
    padding-bottom: 3px;
    margin: 0 17px 0 0;
}

#profile-navigation .dropdown {
    position: relative;
    top: 2px;
}

#profile-navigation .dropdown-menu {
    left: auto;
    top: 3px;
    margin: 0;
    position: absolute;
    right: -150px;
}

.dropdown-menu.dropdown-menu-small {
    width: auto;
    padding: 3px 0;
}

.dropdown-menu.dropdown-menu-small a {
    font-size: 13px;
    line-height: 24px;
    padding: 0 17px;
}

.dropdown-menu-200 {
    max-height: 200px;
}

#userworks-add-item input {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1000%;
    opacity: 0;
    z-index: 77;
    width: 100%;
    height: 120%;
}

#userworks-add-item .description {
    font-size: 13px;
    margin-top: 12px;
    text-align: center;
    display: none;
}

.tile-item .bookmark-addon {
    margin: 0 8px;
}

.lessons-info .bookmark-addon {
    margin: -50px 0 0 -2px;
    height: 90px;
}

.flex-content-description {
    margin-bottom: 25px;
    letter-spacing: 0;
}

#userlists {}

.userlist {
    background: var(--color-white);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.userlist-user>h5 {
    margin: 0;
}

.userlist-user>h5>a {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--color-black);
    text-decoration: none;
    letter-spacing: 0.2px;
}

.userlist .tile-item-img img {
    height: 118px !important;
    width: 200px;
    border-radius: 5px;
}

.userlist .userworks {
    margin-left: auto;
}

.userlist .userworks>div+div {
    margin-left: 25px;
}

.userlist .description {
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
    overflow: hidden;
    font-size: 13px;
    margin: 0px 0px 7px;
}

.userlist .userlist-stat {
    font-size: 12px;
}

.userlist .userlist-stat>span {
    margin-right: 12px;
}

.userlist .userlist-stat>span span {
    display: inline-flex;
    align-items: center;
    margin-right: 7px;
}

.userlist-user-sublink {
    font-size: 13px;
}

.userlist-avatar-wrap {
    flex-direction: column;
}

.userlist-avatar-wrap user-label {
    position: relative;
    top: -13px;
}

.useractions {}

.watchlist-item {
    background: var(--color-white);
    margin-bottom: 20px;
    padding: 4rem 4rem 2.5rem 4rem;
    transition: box-shadow 0.3s;
}

.watchlist-item:hover {
    box-shadow: 0 5px 21px var(--box-shadow-color);
}

.watchlist-item-user {
    position: relative;
    top: 3px;
}

.deleted {
    background: rgba(255, 0, 0, 0.15) !important;
}

.watchlist-item.pinned {
    position: relative;
}

.watchlist-item.pinned>span.pinned {
    position: absolute;
    top: 51px;
    right: 0px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--color-blue-2);
    color: #fff;
    padding: 1px 9px;
    border-radius: 3px 0px 0px 3px;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    height: 15px;
}

.watchlist-item .description p {
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.watchlist-item .description p.description-p:first-child {
    margin-top: 1.5rem;
}

.watchlist-doctype,
.watchlist-category {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-black);
}

.watchlist-category {
    color: var(--color-dark-grey);
    font-size: 12px;
    transition: color 0.3s;
}

.watchlist-category:hover {
    color: inherit !important;
}

.watchlist-category:empty {
    display: none;
}

.watchlist-header .date {
    font-size: 12px;
    line-height: 20px;
    color: var(--color-grey);
}

.watchlist-title a {
    letter-spacing: 0.25px;
    color: var(--color-black);
    margin-top: -3px;
    display: block !important;
}

.watchlist-footer {
    margin: 4px 0;
    font-size: 13px;
}

.watchlist-image {
    /*
    max-height: 503px;
    width: 100%;
    */
    object-fit: cover;
    object-position: top;
}

.feed-list-type {
    position: relative;
    top: -1px;
}

#appUserPosts .add-item {
    background: var(--color-blue-2);
    color: var(--color-white);
    border-radius: 5px;
    font-weight: 600;
    font-size: 13px;
    padding: 5.1rem;
}

.add-indicator i.indicator-full {
    position: absolute;
    top: 27px;
    left: 0;
    width: 300px;
}

.profile-navigation-right i.indicator-full {
    top: 35px;
    left: 0;
    z-index: 1;
}

user-avatar {
    display: inline-flex;
    vertical-align: middle;
}

user-avatar[avatar-150] {
    width: 150px;
}

user-avatar[avatar-100] {
    width: 100px;
}

user-avatar[avatar-70] {
    width: 70px;
    margin-right: 10px;
}

user-avatar[avatar-40] {
    width: 40px;
    margin-right: 5px;
}

user-avatar[avatar-35] {
    width: 35px;
}

.indicator-online {
    display: block;
    position: absolute;
    top: 50%;
    bottom: 0;
    right: -2px;
    height: 10px;
    width: 10px;
    z-index: 2;
    color: var(--color-green);
}

.indicator-online.indicator-full:before {
    margin-right: 7px;
}

.x-online-register-stat .indicator-online.indicator-full:before {
    margin-left: -1px;
}

.indicator-online.indicator-full,
.indicator-offline.indicator-full {
    position: static;
    display: flex;
    align-items: center;
    line-height: 100%;
    width: auto;
    height: auto;
}

.indicator-online.indicator-full,
.indicator-offline.indicator-full {
    font-size: 1.3rem;
    font-style: normal;
    position: relative;
    text-transform: none;
    color: var(--color-dark-grey);
}

.indicator-offline.indicator-full:after {
    margin-left: 0;
}

[data-badge] {
    position: relative;
    display: inline-flex;
}

[data-badge]:after {
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--color-red);
    color: #fff;
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
    content: attr(data-badge);
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.award_item {
    width: 50px;
    height: 40px;
    display: inline-flex;
    margin: 0 15px;
}

#awardsTypeRoom{
    overflow: auto;
    max-height: 90vh;  
    min-height: 25vh;
}

#awardsTypeRoomImg {
    width: 60px;
}

.awards-list{
    width: 100%;
}

.award-type-item-work{
    width: 100%;
    display: flex !important;
    justify-content: flex-start;
}


.award-type-item {
    list-style: none;
    position: relative;
}

.award-type-item__rm{
    position: absolute;
    right: 0;
    top: 0;
}

.award-type-item-work a{
    width: 120px !important;
    display: inline-flex;
}

.award-type-item-work__descr{
    width: calc(100% - 120px);
}


.award-type-item-work img {
    height: 59px !important;
    width: 100px;
    object-fit: cover;
    border-radius: 5px;
}

.award-type-item-work .title-2 {
    color: #000;
    font-size: 13px;
    width: 100% !important;
}


.awards-list ul{
    padding: 0;
    margin: 0 0 40px 0;
}

.select-img-110 {
    height: 220px !important;
}

.option-img {
    padding-left: 60px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

share-btn+.popover .popover-content {
    width: 230px;
    max-width: 230px;
}

#firstnavbar {
    background: var(--gradient);
}

header nav .container {
    height: 50px;
}

#root-header {
    position: sticky;
    top: 0;
    z-index: 6660;
    width: 100%;
    transition: top 0.3s;
}

.thin #root-header {
    top: -44px;
}

.thin .fr-toolbar.fr-sticky-on {
    margin-top: -44px !important;
}

.navbar-premium-btn {
    font-size: 15px;
    height: 29px;
    padding: 0 10px;
}

.navbar-premium-btn .mask-icon {
    background: #fff;
}

.navbar-item {
    font-size: 15px;
    color: #fff !important;
    margin: 0 0.8rem;
    justify-content: center;
    display: inline-flex;
}

.navbar-item:first-child {
    margin-left: 0 !important;
}

.navbar-item:last-child {
    margin-right: 0;
}

#header-welcome-stat {
    width: 100%;
    max-width: 520px;
}

#navbar-right-right .mask-icon-white {
    background: #fff;
}

#navbar-add-btns a {
    color: #fff;
}

#navbar-add-btns .dropdown-menu {
    right: 0;
    left: auto;
    border-radius: 0 0 5px 5px;
    text-align: center;
}

#navbar-add-btns .dropdown-menu * {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    justify-content: center;
}

#works-master-add {
    display: block;
    overflow: hidden;
    width: 100%;
}

#search button {
    margin-left: 18px;
}

#popover-favorites {
    margin: 0 -15px;
    max-height: 250px;
    overflow: auto;
}

#popover-favorites>span,
#popover-favorites>a {
    padding: 5px 21px;
    height: 38px;
    margin: 0;
    cursor: pointer;
    position: relative;
    text-decoration: none !important;
}

#popover-favorites>span:hover {
    background: var(--color-blue-2);
    color: #fff;
}

#popover-favorites>span input[type='text'] {
    height: 28px;
    border-radius: 5px;
    border: solid 1px var(--color-blue-2);
    padding: 6px 10px;
    width: 100%;
}

#popover-favorites>span:not(.disabled):hover input[type='text'] {
    border: solid 1px #fff;
    color: var(--color-dark-grey);
}

#popover-favorites>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block !important;
    padding-top: 10px;
    text-align: left;
}

#popover-favorites>span.disabled {
    opacity: 0.5;
    position: relative;
    cursor: default;
    background: transparent !important;
    color: var(--color-dark-grey) !important;
}

#popover-favorites>span.disabled:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#bookmarks-wrapper {
    justify-content: flex-end;
    display: flex;
}

.popover-content a {
    color: var(--color-blue) !important;
}

.welcome-item {
    letter-spacing: 0.5px;
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
}

.welcome-item i {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
}

#event-sidebar {
    display: none;
}

.event-sidebar-item {
    background: var(--color-white);
    padding: 20px;
    border-radius: 5px;
}

.event-sidebar-item h5 {
    color: var(--color-dark-grey);
    font-size: 13px;
    margin-top: 1px;
}

.event-sidebar-item h6 {
    color: var(--color-dark-grey);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
    line-height: 20px;
}

.event-sidebar-item p {
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 0;
}

.event-sidebar-item .btn {
    margin-top: 10px;
}

#footer-logo {
    display: inline-flex;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-image: url('img/logo.svg');
    mask-image: url('css/img/logo.svg');
}

#footer-logo img {
    opacity: 0;
    max-width: 210px;
}

#project-wrapper {
    font-weight: bold;
    font-size: 15px;
    color: var(--color-grey);
    letter-spacing: 0.4px;
    margin-top: 31px;
}

#footer .counter .count {
    display: inline-block;
    font-weight: 600;
}

#footer h4 {
    margin: 0 0 11px 0;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: var(--color-grey);
    text-transform: uppercase;
}

.footer-menu * {
    font-size: 13px;
    color: var(--color-dark-grey) !important;
    margin-bottom: 2px;
}

.footer-menu a {
    display: block;
    margin-bottom: 4px;
}

#copyright {
    font-size: 13px;
    line-height: 16px;
    color: var(--color-dark-grey);
    margin: 7px 0 19px 0;
    letter-spacing: 0.1px;
}

#social-groups {
    display: flex;
    max-width: 174px;
    justify-content: space-around;
}

#social-groups a {
    width: 32px;
    height: 32px;
    text-align: center;
}

#lock-device {
    max-width: 770px;
    width: auto;
    background: var(--color-grey-bg);
    border-radius: 5px;
    margin: auto;
}

#lock-device h4 {
    font-weight: bold;
    font-size: 26px;
    line-height: normal;
    color: var(--color-black);
    margin-bottom: 29px;
    margin-top: 15px;
}

#lock-device p {
    margin: 30px 0;
    font-size: 16px;
    line-height: 26px;
}

#lock-device .btn {
    width: 234px;
    margin-bottom: 28px;
}

#lesson {
    background: var(--color-white);
    padding: 4rem 4rem 4rem;
    border-radius: 5px;
}

.videotitle {
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 2rem;
}

.ck h2 i,
#lesson h2 i,
.videotitle span {
    color: var(--color-dark-grey);
    margin-right: 1rem;
    font-style: normal;
}

.article-trell {
    position: relative;
    margin-bottom: -30px;
}

.article-trell-btns {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
}

.article-trell .embed-responsive.play + .article-trell-btns,
.article-trell .embed-responsive.play ~ .article-trell-btns
{
    display: none;
}

.article-img {
    margin-bottom: 30px;
    text-align: center;
}

.article-img img {
    height: auto !important;
}

.article-info {
    background: var(--color-grey-bg);
    padding: 3rem;
    justify-content: space-between;
    margin-bottom: 3rem;
    border-radius: 10px;
}

.article-info-item {
    text-align: center;
}

.article-info-item .title-1 {
    font-size: 1.5rem;
    line-height: 2.4rem;
    padding: 0 5px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.article-info-item .title-2 {
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 2.7rem;
    width: 100%;
    display: flex;
    justify-content: center;
}

table {
    width: 100%;
    margin: 30px 0;
}

th {
    font-size: 16px;
    line-height: 20px;
}

th,
td {
    padding: 9px;
    text-align: center;
    vertical-align: middle;
}

td {
    color: var(--color-grey);
}

tr {
    background: var(--color-grey-bg);
}

tr:nth-child(odd) {
    background: #fff;
}

thead tr {
    background: var(--color-grey-bg) !important;
}

#less-footer {
    margin: 6.9rem 0 0 0;
}

#lessInfo {
    border-top: 1px solid var(--color-grey-stroke);
    border-bottom: 1px solid var(--color-grey-stroke);
    padding: 20px 0 19px;
    margin-bottom: 2rem;
}

#lessInfo>* {
    font-size: 12px;
}

#lessInfo hr {
    display: none;
}

#relatedArticles {
    margin-top: 5rem;
}

#relatedArticles h2 {
    color: black;
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: 41px;
}

#page404 {
    margin-top: 25px;
}

#page404title {
    margin-top: 37px;
    font-size: 22px;
    margin-bottom: 20px;
}

#page404description {
    margin-bottom: 34px;
}

.avatar-author {
    display: flex;
    align-items: center;
}

.addCommentForm {
    background: var(--color-white);
    padding: 0 3rem 5rem 3rem;
    display: block;
    border-radius: 0 0 5px 5px;
}

.addCommentForm form {
    color: #000;
}

.addCommentForm textarea,
.addCommentForm div.textarea {
    margin-bottom: -2px;
}

.addCommentForm .help-block {
    border-top: solid 1px #e9edf0;
    padding-top: 2rem;
    margin-top: 2rem;
}

#addCommentFormClone {
    margin: 2rem 0 0 0;
    padding: 3rem;
    border-radius: 5px;
}

#addCommentFormClone #comments_subscribe,
#addCommentFormClone .help-block {
    display: none;
}

.lessCommentsHeader {
    background: var(--color-white);
    padding: 2px 3rem 1.9rem 3rem;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
    z-index: 1;
    font-weight: 600;
    margin-top: 2.5rem;
}

.commentstabTitle {
    color: var(--color-black);
    font-size: 2rem;
    line-height: 3.3rem;
    font-weight: 600;
    margin: -3px 0 0 0;
    font-weight: 600;
    margin-top: 3.5rem;
}

span.emoji {
    position: absolute;
    bottom: -18px;
    right: 2px;
    z-index: 9340;
}

.emoji-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.emoji-popup-wrapper {
    position: absolute;
    width: 290px;
    /*height: 290px;*/
    border-radius: 5px;
    padding-bottom: 30px;
    top: -330px;
    left: -300px;
    /*background: #fff;*/
    /*box-shadow: 0 0.1rem 3.5rem rgba(74, 151, 206, 0.31);*/
    opacity: 0;
    z-index: -1;
    display: block;
    transition: opacity 0.3s;
}

.emoji-popup-wrapper.left {
    left: -35px;
}

.emoji-popup-box {
    display: block;
    box-shadow: 0 0.1rem 2rem rgba(74, 151, 206, 0.31);
    background: var(--color-white);
    border-radius: 5px;
}

.emoji-popup {
    position: absolute;
    z-index: 100000;
    margin-left: 30px;
    padding-bottom: 20px;
}

.emoji-popup-wrapper.active {
    opacity: 1;
    z-index: 3;
}

.emoji-popup-conteiner {
    padding-top: 17px;
    display: block;
}

.emoji-kit {
    height: 245px;
    overflow: auto;
    padding: 0 6px 0 6px;
    display: none;
    margin-right: 6px;
    text-align: center;
}

.emoji-kit.active {
    display: block;
}

.emoji-kit-item {
    padding: 5px 5.7px;
}

.emoji-popup-tabs {
    padding-top: 17px;
    display: flex;
    overflow: hidden;
    border-radius: 0 0 5px 0;
    height: 57px;
}

.emoji-popup-tabs a {
    background: var(--color-grey-bg);
    text-decoration: none !important;
    width: 14%;
    text-align: center;
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.emoji-popup-tabs a.active {
    background: var(--color-white);
}

.emoji-popup-tabs a:first-child {
    border-radius: 0 0 0 5px;
}

.emoji-popup-tabs a:last-child {
    border-radius: 0 0 5px 0;
    padding-right: 7px;
}

img[data-src] {
    opacity: 0;
}

.emoji-popup-tab .emj.emj-oil-drum {
    background-image: url(img/dotted.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.textarea-options .emoji {
    bottom: -3rem;
}

.emoji-popup-tab.is-sticker-1 img {
    display: none;
}

.allowed_sites {
    color: var(--color-dark-grey);
    font-size: 12px;
    padding-top: 10px;
    line-height: 125%;
    width: calc(100% + 14px);
    margin-left: -7px;
    margin-right: -7px;
}

.allowed_sites:not(.hidden) {
    display: flex;
    flex-wrap: wrap;
}

.allowed_sites>span {
    padding: 7px;
    width: 25%;
}

.comment-item-content .comment-img img {
    max-width: 100%;
}

.comment-img.video-yt {
    display: inline-block;
    position: relative;
    text-align: center;
}

.comment-img.video-yt:before {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    content: '\f16a';
    font-size: 32px;
    top: calc(50% - 10px);
    left: calc(50% - 18px);
    color: #fff;
}

.comment-item-content {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.comment-item-content .views_job {
    display: none;
}

#comments .comment-item-content .btn {
    margin-bottom: 10px;
}

#self-comments-container {
    transition: all 0.3s;
}

#self-comments-container:empty {
    margin-bottom: 0;
}

#self-comments-container.wait,
#view_filters_gallery_results.wait,
.ajax-load.wait {
    opacity: 0.5;
}

#self-comments-container.wait:before,
#view_filters_results.wait:before,
.view_filters_results.wait:before {
    display: none;
}

#self-comments-container>.comment-item:nth-last-child(2) {
    border-bottom: none !important;
}

#self-comments-container>.comment-item.winner {
    background: #fffbe5 url(img/best.png) no-repeat 97% 50px;
}

#self-comments-container:before {
    left: 8rem;
}

.comment-item {
    text-align: left;
    position: relative;
}

.comment-item:last-child p:last-child {
    margin-bottom: 0;
}

.comment-info {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}

#addCommentFormClone+.comments-childs {
    display: block;
}

#addCommentFormClone #add_work_from_comment_wrap {
    display: none;
}

#addCommentFormClone .btn.drop,
#add_work_from_comment_wrap.hidden+.image-preview-input {
    padding-left: 0;
}

.comment-pin:after {
    content: attr(data-pin);
}

.comment-pin.pinned:after {
    content: attr(data-unpin);
}

#self-comments-container .i_like {
    cursor: pointer;
}

.commentstabTitleCount {
    color: var(--color-blue);
    font-weight: 600;
    margin-left: 11px;
}

.commentstabTitleCount[data-works='0'] {
    display: none;
}

.addComment {
    margin-right: 0;
    margin-left: 0;
}

.addCommentForm .btns-1,
.addCommentForm .btns-1 button {
    width: 14rem;
}

.addCommentForm .btns-2 {
    width: calc(100% - 17rem);
    padding-left: 15px;
}

.ext_wrapper .ext {
    margin-right: 10px;
    width: 110px;
}

img.dynamic-img {
    width: 100% !important;
    height: 70px !important;
    max-height: 100% !important;
    border-radius: 5px;
    object-fit: cover;
    object-position: 50% 25%;
    cursor: pointer;
}

#less_next_count_wrap:empty {
    display: none;
}

span.dynamic-img {
    color: #333;
    margin-right: 5px;
    font-weight: 600;
}

.addCommentForm .btns {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.drop .help-block {
    display: block;
    margin-top: 10px;
}

.ext_wrapper:empty {
    display: none;
}

.ext_wrapper {
    padding-top: 3px;
    padding-bottom: 23px;
    border-bottom: solid 1px #e9edf0;
    margin-bottom: 13px;
    display: flex;
    flex-wrap: wrap;
}

.ext_wrapper .ext {
    margin-right: 10px;
}

.ext_wrapper .ext:last-child {
    margin-right: 0;
}

.ext {
    position: relative;
}

.ext_wrapper label {
    color: #000;
    display: block;
    margin: 6px -6px !important;
    white-space: nowrap;
}

.addCommentForm span.dynamic-img+a {
    position: static;
    padding: 0;
    background: none;
    color: red;
    margin-right: 5px;
    cursor: pointer;
}

.comment-item .addCommentForm {
    margin-bottom: 20px;
}

.addCommentForm .image_max_size {
    margin-top: 10px;
    font-size: 12px !important;
    line-height: 125%;
    margin-bottom: 0;
    display: none;
    color: #979797;
}

.addCommentForm.focus .image_max_size {
    display: block;
}

.addCommentJob .btn.image-preview-input,
.addCommentJob .btn.image-preview-input:active {
    padding: 0 !important;
    margin-left: 0;
    background: none !important;
    box-shadow: none;
}

.addCommentJob .btn.image-preview-input .file-title {
    text-decoration: underline;
}

.addCommentJob .help-block {
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 10px;
    display: none;
}

.addCommentJob.focus .help-block {
    display: block;
}

.addCommentForm.addCommentJob .btns,
.addCommentForm.addCommentJob .ext {
    margin: 0;
}

@-moz-document url-prefix() {
    .comment-img img {
        width: auto;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .comment-img img {
        width: 100%;
    }
}

.select-screen-or-work {
    flex: 4;
    height: 40px;
}

.select-screen-or-work+div {
    flex: 8;
    line-height: 16px;
}

.comment-conteiner {
    background: var(--color-white);
    border-radius: 5px;
    padding: 1.4rem 3rem 1.5rem 3rem;
    position: relative;
    margin-top: 21px;
    transition: box-shadow 0.3s, background 0.3s;
}

.comment-conteiner user-label[status="bestquest"] {
    margin-bottom: 5px;
    display: block;
}

.comment-single-wrap.lc .comment-conteiner {
    box-shadow: 0 0.1rem 2rem rgba(74, 151, 206, 0.31);
}

.comment-item.focus>.comment-item-content>.comment-single-wrap>.comment-conteiner {
    box-shadow: #dae8f7;
}

.comment-conteiner::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 10px;
    width: 15px;
    height: 15px;
    background: var(--color-white);
    transform: rotate(45deg);
}

.comments-childs .comment-conteiner {
    margin-top: 1.5rem;
}

.comment-info .author {
    font-size: 13px;
    text-decoration: none !important;
    line-height: 20px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    padding-right: 1rem;
    padding-left: 1rem;
}

.comment-panel-item .comment-info .author>span {
    padding-right: 0;
    max-width: 20.7rem;
    line-height: 15px;
    font-size: 12px;
}

.comment-panel-item .emj.is-sticker-1 {
    transform: scale(0.45);
    margin: -65px;
}

.comment-panel-item .comment-info .author,
.comment-info .date,
.comment-info .date {
    font-size: 12px;
    line-height: 20px;
    color: var(--color-grey);
}

.comment-content {
    font-size: 13px !important;
    color: var(--color-black);
    margin-bottom: 0;
    line-height: 21px;
    position: relative;
}

.comment-content br {
    content: '';
    margin: 10px 0;
    display: block;
}

.comment-content[contenteditable="true"] {
    color: var(--color-dark-grey);
}

.comment-content .link {
    max-width: 180px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.comment-content .emj {
    vertical-align: bottom;
}

.comment-img {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
}

.comment-img img {
    max-width: 100%;
    border-radius: 5px;
}

.comment-job-1 img {
    max-height: 143px;
}

.comment-content-images {
    margin: 10px 0;
}

.comment-metablock {
    padding: 0 1rem;
    margin-top: 9px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.comment-crt-response .comment-metablock {
    padding: 0;
}

.comment-metablock .comments-count {
    display: none;
}

.comment-metablock span {
    text-decoration: none !important;
    font-size: 12px !important;
    cursor: pointer;
}

.fu_comment,
.comment-metablock .copyed {
    color: var(--color-dark-grey);
}

.reply_comment,
.fu_comment+span {
    margin-left: 20px;
}

.remove_comment,
#delete_me,
.dialog-recepient-clear {
    color: var(--color-red);
    text-decoration: none !important;
}

#mv-modal::-webkit-scrollbar {
    width: 9px;
}

#mv-modal .toTop {
    z-index: 5005;
    right: 50%;
    margin-right: -680px;
    opacity: 1;
    bottom: 5rem;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s;
}

#mv-modal .toTop.show {
    opacity: 1;
}

#mv-error {
    background: #fff;
    padding: 30px;
    font-size: 2.2rem;
    align-items: center;
    margin-top: 34%;
    top: 30%;
    border-radius: 5px;
}

.chaport-container.chaport-container-positioned {
    z-index: 5000 !important;
}

#razbor-wrapper {
    background: #f2f5f8;
    border-radius: 5px;
    padding: 14px 24px;
}

#mv-modal h6 {
    font-weight: 700;
}

#mv-sidebar-inner-vert h6 {
    margin-top: 0;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 21px;
}

#mv-author-pop,
.mv-author-rel {
    margin-bottom: 4.7rem;
}

#mv-award-title,
#mv-author-pop-title,
.mv-author-rel-title {
    margin-bottom: 19px;
    margin-top: 0;
    font-size: 2rem;
}

#mv-award>span {
    margin: 5px 10px 5px 0;
}

#mv-author-pop-items {
    margin: 0 -10px;
}

#mv-author-pop-items>a {
    display: inline-flex;
    margin: 0 11px 30px 11px;
    overflow: hidden;
    border-radius: 5px;
}

#mv-author-pop-items>a img {
    border-radius: 5px;
    width: 187px;
    height: 129px !important;
    object-fit: cover;
    object-position: 50% 25%;
}

.mv-modal-header-username {
    white-space: nowrap;
    overflow: hidden;
    max-width: 179px;
    text-overflow: ellipsis;
    display: inline-block;
}

.nu-preview {
    position: relative;
}

.nu-preview img {
    -webkit-filter: blur(13px);
    filter: blur(13px);
}

.nu-preview:before {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    color: #fff;
    margin-top: -15px;
    margin-left: -15px;
}

.mv-title-nu:before,
.nu-preview:before {
    content: '18+';
    font-size: 11px;
    border: 3px solid #ff0f00;
    margin-right: 6px;
    width: 2.9rem;
    height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-style: normal;
    font-weight: 600;
}

.watchlist-image-wrap.nu-preview:before {
    transform: scale(3.5);
}

.mv-title-nu {
    position: absolute;
    left: -4.4rem;
    top: -0.4rem;
}

.mv-date {
    font-size: 12px;
    letter-spacing: 0.05px;
}

#mv-sidebar-info-text {
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--color-black);
    margin-bottom: 5px;
    max-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    margin-bottom: 27px;
}

#mv-sidebar-info-text.expanse {
    height: auto;
    display: block;
    max-height: 9999px;
}

#mv-sidebar-info-text:empty {
    display: none;
}

#mv-sidebar-header-stat .btn-red-like {
    margin-left: 0;
    width: 136px;
    padding: 0 23px;
}

#mv-sidebar-header-stat .i_like_wrapper {
    height: 40px;
    align-items: center;
    display: inline-flex;
}

.btn-red-like .mask-icon {
    background: #fff;
    flex-shrink: 0;
}

.mv-sidebar-1 {
    width: calc(100% - 431px);
}

.mv-sidebar-2 {
    width: 401px;
    position: relative;
}

#mv-sidebar-btns {
    margin-top: 8px;
}

.mv-modal-header-navigation {
    display: none;
}

.mv-sidebar-btns>* {
    margin-right: 20px;
}

#mv-work-award {
    position: absolute;
    right: -4px;
    top: -12px;
}

#mv-sidebar-inner-vert {
    padding: 2.4rem 7rem;
}

#mv-sidebar-inner-vert>div {
    margin-bottom: 3.3rem;
}

#mv-sidebar-info-tags a {
    margin-right: 9px;
    font-size: 13px;
}

#mv-sidebar-info-tags {
    width: 100%;
    line-height: 2rem;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}

#mv-sidebar-info-tags:empty {
    display: none;
}

#mv-razbor {
    background: var(--color-white);
    border-radius: 5px;
    padding: 1.4rem 3.2rem;
    margin-bottom: 4rem;
    width: 100%;
}

#mv-razbor h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: var(--color-black);
    margin-top: 0;
    margin-bottom: 3px;
}

#mv-razbor h5+div {
    margin-top: -6px;
}

.crt-meta-premium {
    margin: -8px 0 10px 0;
}

#mv-razbor .comment-conteiner {
    padding: 0;
    margin-top: 1.2rem;
    margin-bottom: 2rem;
}

#mv-sidebar-header-stat {
    margin-bottom: 2.8rem;
}

#mv-sidebar {
    background: var(--color-grey-bg);
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 23px 76px;
    margin-bottom: 15px;
    border-radius: 0 0 5px 5px;
}

#mv-content-btns {
    position: absolute;
    z-index: 1;
    right: 10px;
    bottom: 10px;
    display: none;
}

#mv-content-btns:hover {
    opacity: 1;
}

.ready #mv-content-btns {
    display: flex;
}

#mv-content-btns>* {
    text-decoration: none;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0.5;
    border-radius: 5px;
    height: 34px;
    width: 34px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

#mv-content-btns>*>i {
    display: inline-flex;
    font-style: normal;
}

#mv-content-btns>*:active svg * {
    fill: #fff;
}

#mv-content-img {
    overflow: auto;
    overflow-x: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-width: 100%;
    width: auto;
    border-radius: 0 !important;
    background: #1e1e1e;
}

#mv-content-img:before {
    content: '';
    width: 2px;
    height: 2px;
    -webkit-mask-image: url(img/heart.svg);
    mask-image: url(img/heart.svg);
    background: #ff0f00;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    -webkit-mask-size: contain;
    margin-top: -1px;
    opacity: 1;
    z-index: -1;
    transition-property: transform, opacity;
    transition-duration: 0.75s;
    transition-timing-function: ease-in, ease;
}

#mv-content-img.nu img {
    filter: blur(10px);
}

#mv-nu {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(43, 43, 43, 0.9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

#mv-nu-label {
    width: 12rem;
    height: 12rem;
    border: 15px solid #ff0f00;
    color: #fff;
    box-sizing: border-box;
    font-weight: 800;
    font-size: 4.3rem;
    line-height: 5.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 2.3rem;
}

#mv-nu-description {
    font-size: 2rem;
    line-height: 2.7rem;
    display: flex;
    align-items: center;
    text-align: center;
    color: #ffffff;
    margin-bottom: 3rem;
}

#mv-content-img.onlike:before {
    z-index: 10;
    transform: scale(250);
    opacity: 0;
}

#mv-modal {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -999;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s;
    color: var(--color-black);
    overflow: auto;
    padding: 0 0 15px 0;
    display: none;
}

#mv-modal.loading,
#mv-modal.ready {
    z-index: 6661;
    display: flex;
    opacity: 1;
}

#mv-modal-header-vert {
    background: var(--color-white);
    padding: 2.2rem 7rem 1.8rem 7rem;
    display: flex;
    justify-content: space-between;
}

#mv-modal-header-vert .mv-sidebar-2 {
    justify-content: flex-end;
}

#mv-sidebar-header {}

#mv-content-editor {
    position: absolute;
    right: 10px;
    top: 10px;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 10px;
    border-radius: 5px;
}

#mv-author-pop-more {
    margin-top: -20px;
    justify-content: space-between;
    font-size: 13px;
}

#mv-author-pop-more .wait:before {
    margin-left: 34px;
    margin-top: -2px;
}

#mv-addCommentForm textarea.input,
#mv-addCommentForm div.textarea.input {
    height: 7.7rem;
}

#mv-addCommentForm .emoji {
    bottom: -5px;
}

#mv-addCommentForm .textarea-options {
    min-height: 22px;
}

.mv-author-rel {
    margin-bottom: 5rem;
}

.mv-author-rel-data {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 3rem;
    position: relative;
}

.mv-author-rel-data .icon-premium-sq {
    position: absolute;
    top: 4px;
}

.mv-author-rel-data>img {
    width: 111px;
    margin-right: 10px;
}

.mv-author-rel-description {
    width: calc(100% - 199px);
}

.mv-author-rel-description>span {
    display: block;
}

.mv-author-rel-description>.title {
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 0;
    color: var(--color-grey);
    text-transform: uppercase;
}

.mv-author-rel-description>.description {
    line-height: 15px;
    font-size: 13px;
    font-weight: 600 !important;
    color: var(--color-black);
}

.mv-author-rel-all {
    margin-top: -1.3rem;
    display: flex;
    font-size: 13px;
}

.mv-author-rel-data>.work-relless-img {
    width: 120px;
    border-radius: 5px;
    height: 85px !important;
    object-fit: cover;
}

.mv-author-rel-less .mv-author-rel-data>img {
    margin-left: 0;
    margin-right: 10px;
}

.data-loading .data-loading-text {
    max-height: 400px;
}

.data-loading-2 .data-loading-text-2,
.data-loading .data-loading-text,
.data-loading-2 .data-loading-btns-2 .btn,
.data-loading .data-loading-btns .btn,
.data-loading-2 .data-loading-avatar-2,
.data-loading .data-loading-avatar {
    color: transparent !important;
    background: linear-gradient(90deg, #f9f9f9, #ddd);
    background-size: 400% 400%;
    -webkit-animation: DataLoading 1s ease infinite;
    -moz-animation: DataLoading 1s ease infinite;
    animation: DataLoading 2s cubic-bezier(0.74, 0.99, 1, 0.97) infinite;
    opacity: 0.5;
    border-radius: 5px;
}

.data-loading .data-loading-text *,
.data-loading .data-loading-btns .btn *,
.data-loading .data-loading-avatar * {
    opacity: 0;
    visibility: hidden;
}

.data-loading .data-loading-avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

@-webkit-keyframes DataLoading {
    0% {
        background-position: 100% 50%;
    }
    50% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

@-moz-keyframes DataLoading {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes DataLoading {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.image-preview-input-title {
    color: var(--color-grey);
    line-height: 140%;
    overflow: hidden;
    white-space: initial;
}

.image-preview-input {
    position: relative;
    margin: 0;
    box-shadow: none !important;
    width: 21rem;
    overflow: hidden;
}

.image-preview-input input[type='file'] {
    position: absolute;
    top: -10px;
    right: -30px;
    margin: 0;
    padding: 0;
    font-size: 999% !important;
    cursor: pointer;
    opacity: 0;
}

.feed-events {
    border-radius: 5px;
    border: solid 1px var(--color-grey-stroke);
    padding: 2rem 4rem;
    margin-top: 7px;
    margin-bottom: 11px;
}

.feed-event-item {
    margin-bottom: 7px;
}

.feed-event-item h4 {
    margin-bottom: 5px;
}

.feed-event-item .date {
    font-size: 13px;
    line-height: 18px;
    color: var(--color-dark-grey);
    display: block;
    width: 15.3rem;
    text-align: right;
}

.max_works_message {
    font-size: 13px;
    color: var(--color-text-grey);
    margin: -10px 0 10px;
}

#comments_subscribe {
    margin-top: 2rem;
    padding-right: 30px;
}

#search-input+div {}

#appSearchForm {}

#appSearchForm.show {
    margin-bottom: 25px;
}

.sub-menu-hide .flex-aside .sub-menu {
    display: none !important;
}

#appSearchResults:not(.hidden)+.flex-content {
    display: none;
}

#appSearchForm input {
    max-width: 710px;
}

#appSearchForm .btn {
    width: 130px;
}

#search-context-wrapper .filters-close {
    display: none;
}

#search-context>span {
    font-weight: bold;
    font-size: 15px;
    line-height: 24px;
    margin-right: 20px;
    border-bottom: 3px solid transparent;
}

#search-context>span.active {
    border-bottom: 3px solid var(--color-blue-2);
}

#search-context>span i {
    font-style: normal;
    color: var(--color-blue);
}

#search-context-total {
    order: 0;
}

#search-context-lessons {
    order: 1;
}

#search-context-adds {
    order: 2;
}

#search-context-blog,
#search-context-activity {
    display: none;
}

#search-context-posts {
    order: 5;
}

#search-context-works {
    order: 6;
}

#search-context-quests {
    order: 7;
}

#appSearchSection.showres~* {
    display: none !important;
}


/**@depricated*/

.i_like_wrapper>* {
    margin-left: 20px;
    color: var(--color-dark-grey);
    font-size: 12px;
    align-items: center;
    display: inline-flex;
}


/**@depricated*/

.i_like_wrapper>*:first-child {
    margin-left: 0;
}

.popover.bottom {
    margin-top: 11px;
}

a[href='#winAuth']+.popover.bottom {
    margin-top: 1px;
}

.btn>svg {
    margin-right: 3px;
}

.btn-red-like,
.btn-red-like:hover {
    background: var(--color-blue-2);
    color: #fff;
    font-size: 13px;
    justify-content: flex-start;
}

.btn-red-like.liked {
    background: transparent;
    color: var(--color-red);
    padding: 0 !important;
}

#header-alarm-wrapper {
    transition: border-bottom-color 0.3s;
}

#header-alarm-wrapper-count:after {
    position: absolute;
    left: 3px;
    top: 5px;
}

#header-alarm-menu {
    width: 500px;
    background: var(--color-white);
    border-radius: 5px;
    margin: 0;
    padding: 20px 0 5px 0;
    margin-left: 15px;
    right: -163px;
    left: auto;
}

#header-alarm-menu:before {
    display: none;
}

#header-alarm-wrapper-count:after:empty {
    display: none;
}

.open>#header-alarm-wrapper-icon,
#header-alarm-wrapper {
    border-bottom: none !important;
}

#header-alarm-menu-inner {
    max-height: 551px;
    overflow: auto;
}

#header-alarm-header {
    padding-left: 20px;
    padding-right: 20px;
}

#header-alarm-header h3 {
    font-weight: 600;
    line-height: normal;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0;
}

#header-alarm-menu-inner {
    padding: 0;
}

#header-alarm-menu-items:empty:after {
    content: attr(data-empty);
    color: var(--color-grey);
    display: block;
    margin-left: 19px;
    margin-top: 0;
    font-size: 13px;
    margin-bottom: 9px;
}

#header-alarm-menu-items {
    margin: 0;
    padding-left: 0;
    margin-top: 10px;
}

#header-alarm-menu-items .xmessage-icon-sub,
#header-alarm-menu-items .xmessage-icon-status,
#header-alarm-menu-items .xmessage-icon-money {
    display: none;
}

#header-alarm-all {
    font-size: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: var(--color-grey-stroke) solid 1px;
    height: 4.4rem;
    text-decoration: none;
    margin: 0 2rem;
}

.header-alarm-menu-item {
    padding: 1.3rem 2rem 0.9rem 2rem;
    border-top: var(--color-grey-stroke) solid 1px;
    font-size: 1.3rem;
    align-items: center;
    background-color: var(--color-white);
    transition: background-color 0.5s;
}

.header-alarm-menu-item:hover {
    background-color: var(--color-grey-bg);
}

.header-alarm-menu-item .date {
    line-height: 20px;
    font-size: 12px;
    color: var(--color-dark-grey);
}

.header-alarm-menu-item a,
.header-alarm-menu-item b {
    color: var(--color-black);
}

.header-alarm-image {
    width: 90px;
    height: 57px !important;
    object-fit: cover;
    object-position: center 25%;
    border-radius: 5px;
}

.header-alarm-menu-item .col-1 {
    align-self: baseline;
    padding-top: 5px;
}

.header-alarm-menu-item .col-2 {
    padding: 0 10px;
}

.header-alarm-menu-item .col-2>* {
    display: block;
}

.header-alarm-menu-item .col-2>span.title {
    display: block;
    line-height: 20px;
    max-width: 310px;
    color: var(--color-black);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.header-alarm-menu-item .col-3 {
    position: relative;
}

.header-alarm-menu-item .x-icon {
    position: absolute;
}

.header-alarm-menu-item .emj.is-sticker-1,
.xmessage-item .emj.is-sticker-1 {
    transform: translate(-25%, -25%) scale(0.5);
    margin-bottom: -25%;
}

h3.watchlist-title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 2.9rem;
    margin-top: 0.7rem;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#dialogs {
    background: var(--color-white);
    border: 1px solid var(--color-grey-stroke);
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    height: calc(100vh - 160px);
    width: 100%;
    transition: opacity 0.3s, height 0.3s;
}

#chat #dialog_right {
    height: calc(100vh - 160px);
    transition: opacity 0.3s, height 0.3s;
}

#dialogs-after {
    width: 100%;
    padding: 15px;
    font-size: 13px;
}

#dialogs-after:empty {
    display: none;
}

#dialogs-wrapper.wait #dialogs-after {
    display: none;
}

#new_dialog_group,
#dialog_clear_all {
    color: var(--color-grey);
}

#dialog-new-group {
    width: 100%;
    max-width: 600px;
}

#dialog-new-group label {
    margin-right: 20px;
}

.togglePassword {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    left: calc(100% - 31px);
    top: 18px;
    cursor: pointer;
    opacity: 0.75;
}

.togglePassword.active {
    opacity: 0.75;
}

.poll-wrapper {
    margin: 3rem 0;
}

.poll-form,
.poll-answers-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.poll-wrapper h4,
.poll-answers-wrapper h4 {
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
}

.poll-answers-wrapper {
    margin-top: 2rem;
}

.poll-wrapper label>span {
    display: inline-flex;
    align-items: center;
    width: 24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ellipsis-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.poll-wrapper form.wait {}

.poll-wrapper button {}

.poll-description {
    margin-bottom: 2rem;
}

.poll-answer-item {
    margin-bottom: 3rem;
    width: 50%;
}

.poll-answer-item-image {
    display: block;
}

.poll-answer-item-image img {
    width: 27rem;
    border-radius: 5px;
}

.poll-answer-item-result {
    width: 27rem;
    margin-top: 5px;
}

.poll-answer-item-result .title {
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
}

.poll-answer-item-result .percent {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-blue-2);
    margin-left: 5px;
}

.poll-answer-item-result .progress {
    margin-bottom: 0;
    height: 6px;
    width: 110px;
}

.poll-answer-item-result .title {
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    width: 27rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-bottom: 7px;
}

.poll-answer-item-result .progress-bar {
    background-color: var(--color-blue-2);
}

@media (min-width: 552px) {
    .modal-sm {
        width: 430px;
    }
}

.modal-content {
    background-color: var(--color-white);
}

.close {
    opacity: 1;
}

.close .mask-icon-remove,
.psmodal2close .mask-icon-remove {
    background: #fff;
}

.modal-header-login {
    background: var(--color-blue-2);
    margin: -3rem -3rem 0 -3rem;
    border-radius: 13px 13px 0 0;
    height: 10.8rem;
    position: relative;
}

.modal-header-login>img {
    max-width: 210px;
    width: 90%;
}

.psmodal2close,
.modal-header-login .close {
    position: absolute;
    right: -10px;
    top: -8px;
    width: 30px !important;
    height: 30px;
    border-radius: 50%;
    background: var(--color-blue-2);
    display: block;
    border: 2px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    cursor: pointer;
}

.modal-body h2 {
    margin: 2.5rem 0 2.2rem 0;
}

.modal-body .btn {
    width: 24rem;
}

.flex.oa {
    width: 100%;
    margin: 2.5rem 0 2.2rem 0;
}

.social {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    /* margin-right: 0 !important; */
    border-radius: 50%;
    box-sizing: content-box;
    background-size: contain;
    margin-left: 6px;
    margin-top: 6px;
}

#works-master-win {
    background: transparent;
    border: 0;
    max-width: 1010px;
    overflow: hidden;
}

#works-master-form {
    background: var(--color-grey-bg);
    border-radius: 5px;
    width: 970px;
    display: flex;
    flex-wrap: wrap;
    padding: 40px;
    max-height: calc(100vh - 140px);
    overflow: auto;
}

#works-master-form::-webkit-scrollbar {
    width: 4px;
}

.tag-crumbs-description {
    margin-top: -1.8rem;
    margin-bottom: 3.6rem;
}

#works-master-form .dynamic-img-remove {
    display: none;
}

#works-master-form .left {
    width: 354px;
    outline: red 1px solid;
}

#works-master-form .right {
    width: 410px;
    outline: blue 1px solid;
}

.works-master-source-url {
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.works-master-step {
    justify-content: space-between;
    width: 100%;
}

.works-master-step.step-2 {
    align-items: center;
}

#works-master-form>.works-master-step.step-2 .left {
    width: calc(100% - 324px);
}

#works-master-form>.works-master-step.step-2 .right {
    width: 294px;
    position: sticky;
    top: 0;
    align-self: baseline;
}

#works-master-form>.works-master-step.step-1 .jcrop-holder {
    display: none !important;
}

#works-master-form>.works-master-step.step-1>.left>.ext>img {
    display: block !important;
    visibility: visible !important;
}

#works-master-image-wrap {
    display: flex;
    align-items: center;
    /*max-height: 600px;*/
}

#works-master-image-wrap .ext {
    position: relative;
}

#works-master-image-wrap img {
    height: auto !important;
    /*max-height: 700px;*/
    border-radius: 0;
}

#works-master-form textarea {
    height: 12.4rem;
}

.works-master-div-canvas {
    width: 294px;
    height: 187px !important;
    object-fit: none;
    background-repeat: no-repeat;
}

.jcrop-holder {
    transition: all 0.3s;
}

#works-master-form .field-title+.description {
    line-height: 160%;
    margin-top: -5px;
    margin-bottom: 13px;
    color: var(--color-black);
    font-size: 13px;
}

#works-master-buttons {
    margin-top: 2.5rem;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

#works-master-buttons>button {
    margin-right: 15px;
}

.works-master-field-title {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #95a3b1;
    margin-bottom: 0;
}

h6.works-master-field-value {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: var(--color-black);
    margin-top: 0;
    margin-bottom: 13px;
}

.works-master-field-result .description {
    font-size: 14px;
    overflow: hidden;
}

.field-tags a {
    padding: 5px 5px 5px 0;
}

.works-master-field-result-tag {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
}

.works-master-field-result-tag a {
    background-image: url(img/close-min.svg);
    background-repeat: no-repeat;
    display: inline-flex;
    background-position: right 8px;
    margin-left: 4px;
    align-items: center;
    padding-right: 14px;
    text-decoration: none;
}

.field-tags a.disabled {
    opacity: 0.7;
    cursor: default;
    text-decoration: none !important;
    color: #999;
}

.psmodal2overlay,
.psmodal3overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
}

.psmodal2overlay.show,
.psmodal3overlay.show {
    opacity: 1;
    display: flex !important;
}

.psmodal2container {
    display: flex;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.psmodal2container>div {
    width: 100%;
    max-width: calc(100% - 180px);
    max-height: calc(100% - 60px);
    margin: auto auto;
    justify-content: space-between;
    border-radius: 15px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background: var(--color-white);
}

.psmodal2window {
    padding: 3rem 5rem;
    border-radius: 5px;
}

.psmodal2window-content {
    overflow: auto;
    max-height: calc(100vh-110px) !important;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    background: var(--color-white);
    max-height: 89vh;
}

.psmodal2header {
    width: 100%;
    justify-content: space-between;
}

.psmodal2header h4 {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    color: #95a3b1;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 20px;
}

.psmodal2container>div.psmodal2window-md {
    max-width: 870px;
}

.psmodal2container>div.psmodal2window-sm {
    max-width: 650px;
    justify-content: center;
    text-align: center;
}

@media (max-width: 650px) {
    .psmodal2container>div.psmodal2window-sm {
        max-width: 85%;
    }
}

.psmodal2container>div.psmodal2window-md>.block {
    width: 100%;
}

.psmodal2window h2 {
    margin-top: 3rem;
    margin-bottom: 1rem;
}

.psmodal2window-xs {
    max-width: 550px !important;
    padding: 4.5rem;
}

.psmodal2window-xs>div {
    width: 100%;
}

.psmodal2window-md h3,
.psmodal2window-xs h3 {
    text-align: center;
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 3rem;
    margin-top: 5px;
    margin-bottom: 2rem;
}

.unpremium-list>div {
    width: 50%;
}

.unpremium-list>div>span {
    margin-bottom: 1.5rem;
}

.premium-on-step {}

.premium-on-step h4 {
    font-size: 2.2rem;
    margin-top: 3.4rem;
}

.premium-on-step h5 {
    font-size: 2.6rem;
    line-height: 3.2rem;
    text-align: center;
    font-weight: bold;
    margin-top: 4rem;
    margin-bottom: 2rem;
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
}

.premium-on-step .step_descr {
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.premium-plushki {
    margin: 4.8rem auto;
}

.premium-plushki .mask-icon {
    position: relative;
    top: 5px;
}

.premium-plushki>span {
    width: 50%;
    margin-bottom: 15px;
    padding-left: 2rem;
    text-align: left;
}

.premium-on-title {
    margin-top: 5.2rem;
}

.step-price-1 {
    display: flex;
    margin: 6.8rem auto 4rem auto;
    max-width: 56.5rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.step-price-label {
    background: var(--color-white);
    width: 26rem;
    height: 26rem;
    border: 1px solid var(--color-grey-stroke);
    outline: 2px solid transparent !important;
    transition: all 0.3s;
    display: inline-flex;
    justify-content: center;
    cursor: pointer;
    flex-wrap: wrap;
    font-weight: normal;
    padding: 2.2rem 0;
}

.step-price-label:hover,
input:checked+.step-price-label {
    border: 1px solid var(--color-blue-2);
    outline: 2px solid var(--color-blue-2) !important;
}

.step-price-label h6 {
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    padding: 0 2.5rem;
}

.step-price-1 .step-price-value {
    font-size: 22px;
    line-height: 24px;
    margin: 4px 0;
}

.step-price-value-economy {
    background: linear-gradient(0deg, #ffc800, #ffc800);
    border-radius: 7.20897px;
    width: 7.2rem;
    height: 3.6rem;
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    justify-content: center;
    margin-top: -3px;
}

.step-price-descr {
    line-height: 1.8rem;
    padding: 0 3rem;
    margin-bottom: 0;
}

.step-price-1 .step-price-value small,
.step-price-descr {
    display: flex;
    font-size: 15px;
    line-height: 24px;
    color: var(--color-dark-grey);
    justify-content: center;
    width: 100%;
    text-align: center;
}

.step-price-2 {
    max-width: 670px;
    margin: 5rem auto 3rem auto;
}

.step-price-2>div {
    margin-bottom: 3rem;
    padding-left: 30px;
}

.step-price-2 label {
    line-height: 2.4rem;
    top: 2px;
    left: 0;
    position: absolute;
}

.step-price-2 label i {
    margin-right: 10px;
}

#aside-right {
    height: 100%;
    position: sticky;
    top: 110px;
    transition: top 0.3s;
}

.thin #aside-right {
    top: 40px;
}

.aside-left {
    width: 270px;
}

#aside-left h5 {
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 2.7rem;
}

.aside-right {
    width: 270px;
    /*transition: width .3s ; */
}

.aside-right.collapse-aside {
    width: 20px;
}

.aside-panel {
    margin-top: 17px;
    height: calc(100vh - 110px);
    overflow-x: hidden;
    padding-right: 0;
}

.aside-right.collapse-aside .aside-panel {
    display: none;
}

.aside-right-title {
    /*transition: transform .3s ; */
}

.aside-right.collapse-aside .aside-right-title {
    transform: rotate(90deg);
}

.aside-right.collapse-aside .aside-right-title:after {
    content: '**';
    color: transparent;
    width: 16px;
    height: 16px;
    background: url(img/icons/caret.svg);
    background-repeat: no-repeat;
}

#last-comments-count:after {
    display: inline-flex;
    align-items: center;
    height: 15px;
    width: 15px;
    font-weight: normal;
    margin: 0 5px 5px 0px;
    transform: rotate(-90deg);
    position: relative;
    left: 1px;
}

#aside-right:not(.collapse-aside) #last-comments-count {
    display: none;
}

#comments {
    padding: 50px 0 0 0;
    margin: -50px 0 0 0;
}

.aside-panel .comment-conteiner::before {
    left: 13px;
}

.aside-panel .comment-conteiner {
    padding: 8px 25px;
}

.aside-panel .comment-content {
    line-height: 150%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aside-panel .comment-resource {
    line-height: 140%;
    align-items: flex-start;
    margin-top: 6px;
}

.comment-panel-item {
    margin-bottom: 3.4rem;
}

.aside-panel::-webkit-scrollbar {
    width: 0;
}

.aside-panel {
    scrollbar-width: none !important;
}

.flex-content {
    max-width: 870px;
    margin: 0 auto 60px auto;
}

#appSearchSection {
    margin-bottom: 35px;
}

[data-count]:after {
    content: attr(data-count);
    /* padding: 0 5px; */
    display: inline-flex;
    background: var(--color-blue-2);
    border-radius: 50%;
    color: #fff;
    font-size: 9px;
    margin-left: 5px;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
}

[data-count='0']:after {
    display: none;
}

.dropdown-menu {
    padding: 4px 0;
    min-width: 140px;
    border-radius: 5px;
    border: 0;
    box-shadow: 0 5px 21px var(--box-shadow-color);
    background: var(--color-white);
    overflow: auto;
    margin: 13px 0 0;
    z-index: 2000;
}

.dropdown-menu-ul>li {
    margin: 0 !important;
}

.dropdown-menu-ul>li::before {
    display: none;
}

.dropdown-menu>li>h4 {
    margin-top: 10px;
    margin-bottom: 0;
}

.dropdown-menu>li>h4 small {
    margin: 8px 0;
}

.dropdown-menu>li a,
.dropdown-menu li>label {
    color: var(--color-black);
    font-size: 15px;
    line-height: 24px;
    border-bottom: 0;
    text-decoration: none !important;
    padding: 5.8px 30px;
    font-weight: normal;
    display: flex;
    width: 100%;
    cursor: pointer;
    margin: 0;
}

.dropdown-menu.userbar-menu>li a {
    display: flex !important;
    flex-wrap: wrap;
    padding: 3.8px 10px 5.8px 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dropdown-menu>li>h4>a {
    font-weight: 600;
    padding: 5px 30px;
    line-height: 21px;
}

.dropdown-menu>li:last-child a {
    border-bottom: none;
}

.dropdown-menu li>label.selected,
.dropdown-menu li>label:hover,
.dropdown-menu li>label:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background: var(--color-grey-bg);
}

#navbar-add-btns .dropdown-menu>li>a:hover,
#navbar-add-btns .dropdown-menu>li>a:focus {
    background: rgba(255, 255, 255, 0.1) !important;
}

.select-date .dropdown-menu,
.select-time .dropdown-menu {
    margin: 0;
    left: -50%;
    top: auto;
    bottom: 30px;
}

.select-time .dropdown-menu {
    bottom: 38px;
}

.dropdown-menu>ul {
    padding: 0;
    margin: 0;
}

.select-date .dropdown-menu>ul,
.select-time .dropdown-menu>ul {
    max-height: 111px;
    overflow: auto;
}

.select-time {
    cursor: pointer;
}

.select-time .mask-icon-caret {
    position: absolute;
    right: -1px;
    top: 10px;
}

.navbar #userbar>a .btn {
    padding: 0 12px;
    height: 32px;
    line-height: 25px;
    margin: 0;
    font-weight: 300;
    width: 100px;
    background-color: var(--color-blue-2) !important;
}

#userbar span.avatar img {
    width: 34px;
    max-height: 34px;
    border-radius: 50%;
}

#userbar .username {
    opacity: 0.75;
    color: white;
    font-size: 1.3rem;
    font-weight: 300;
    position: relative;
    top: 0;
    padding-left: 8px;
}

#userbar .username:after {
    content: '\f0d7';
    font-family: 'Font Awesome 5 Free';
    margin-left: 5px;
    font-weight: 600;
}

#userbar>a {
    display: flex;
    align-items: center;
    position: relative;
    color: #fff;
}

#userbar .notifications-wrapper {
    opacity: 1;
    display: block;
    position: absolute;
    top: 4px;
    left: 31px;
    height: 13px;
    background-color: rgb(74, 151, 206);
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    overflow: hidden;
    line-height: 13px;
    padding-left: 4px;
    padding-right: 4px;
    width: auto;
    border-radius: 10px;
}

#userbar .dropdown-menu .divider {
    background-color: rgb(40, 44, 47);
}

.userbar-menu {
    max-height: 300px;
    right: -1px;
    left: auto;
    margin-top: 7px;
    width: 234px;
    overflow-x: hidden;
    padding-bottom: 15px;
}

.ptp {
    margin-top: 4rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ptp a {
    display: inline-flex;
    font-size: 16px;
    color: var(--color-grey);
    font-weight: 600;
    text-decoration: none;
    padding: 0px 8px 0 8px;
    margin: 0 2px;
    text-decoration: none !important;
    border-bottom: solid 3px transparent;
    transition: all 0.3s;
}

.ptp a.current {
    border-bottom: 0.3rem solid var(--color-blue-2);
}

.ptp.wait {
    opacity: 0.5;
}

.ptp.wait:before {
    display: none;
}

.ptpprev,
.ptpnext {
    align-items: center;
    display: inline-flex;
    position: relative;
    top: -1px;
}

.ptpprev::before,
.ptpnext:before {
    content: '';
    background: url(img/icons/plus.svg) center center no-repeat;
    height: 12px;
    width: 15px;
    background-size: cover;
    transform: rotate(90deg);
}

.ptpprev::before {
    transform: rotate(-90deg);
}

.register_step1_success {
    padding: 3rem 0 1rem 0;
}

.tooltip {
    min-width: 180px;
    z-index: 99999;
}

.tooltip-inner,
.popover-content {
    background: var(--color-white);
    box-shadow: 2px 0px 20px rgba(114, 173, 206, 0.3);
    border-radius: 5px;
    padding: 8px 15px !important;
    width: 260px;
    max-width: 207px;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    color: var(--color-dark-grey);
    white-space: normal;
    opacity: 0.97;
    text-align: center;
}

.tooltip-arrow,
.popover .arrow {
    z-index: 1;
}

.tooltip .tooltip-arrow,
.popover .arrow {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-top-color: var(--color-white);
    bottom: -5px;
    margin-left: -9px;
    border-width: 10px 9px 0;
    position: absolute;
}

.popover .arrow {
    bottom: -10px;
}

.popover.bottom .arrow {
    bottom: auto;
    top: -10px;
    transform: rotate(180deg);
}

.tooltip.bottom .tooltip-arrow {
    transform: rotate(-180deg);
    top: -2px;
}

.tooltip.top,
.popover.top {
    margin-top: -13px;
}

.ptpnavi-go {
    position: relative;
    top: -2px;
}

.ptpnavi-go input {
    width: 7rem;
}

.blog-item{
    position: relative;
}

.blog-item:last-child {
    border-bottom: 0;
}

.pinned-post{
    font-size: 12px;
    align-items: center;
    display: flex;
    color: var(--color-dark-grey);
    position: absolute;
    right: 15px;
    top: 7px;
}

#blog-items .blog-item>div {
    display: flex;
    align-content: center;
    align-items: center;
}

#blog-items .blog-item h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 0;
    line-height: 125%;
}

.blog-item {
    background: var(--color-white);
    border-radius: 10px;
    overflow: hidden;
}

.blog-item-left {
    width: 37rem;
}

.blog-item-left img {
    width: 37rem;
    height: 20.9rem !important;
    object-fit: cover;
}

.blog-item-right {
    width: calc(100% - 37rem);
    padding: 2.05rem 3rem;
    flex-direction: column;
}

.blog-item h2 {
    margin-top: 5px;
    font-size: 1.6rem;
    margin-bottom: 5px;
}

.blog-item-right h2 a {
    font-size: 2.2rem;
    line-height: 2.7rem;
    color: var(--color-black);
}

.blog-item .category {
    font-size: 12px;
}

.blog-item-description {
    font-size: 15px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 48px;
    margin-bottom: 1rem;
}

#dialog_left,
#dialog_left>* {
    width: 264px;
}

#dialog_left {
    border-right: 1px solid var(--color-grey-stroke);
}

.dialog-recepients {
    list-style: none;
    padding-left: 0;
}

#dialog_left .dialog-recepients {
    height: calc(100% - 50px);
    overflow: auto;
    padding-left: 0;
}

.dialog-recepient {
    height: 72px;
    border-bottom: 1px solid var(--color-grey-stroke);
    display: flex;
    align-items: center;
    margin: 0 19px;
    cursor: pointer;
    background: var(--color-white);
    margin-bottom: -1px;
    margin-top: 1px;
    position: relative;
}

.dialog-recepient:first-child {
    margin-top: 0;
}

.dialog-recepient:hover {
    background: var(--color-white);
}

.dialog-recepient:before {
    transition: all 0.3s;
    position: absolute;
    left: -19px;
    top: 1px;
    width: 0.5rem;
    background: var(--color-white);
    height: calc(100% - 2px);
}

.dialog-recepient:hover:before,
.dialog-recepient.active:before {
    content: '';
    background: var(--color-blue-2);
}

.dialog-recepient:hover:before {
    opacity: 0.5;
}

.dialog-recepient-data {
    display: flex;
    flex-wrap: wrap;
    width: 174px;
}

.dialog-recepient user-avatar {
    margin-right: 10px;
}

.dialog-recepient-name {
    font-size: 1.3rem;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.dialog-recepient-name .badge-count {
    position: absolute;
    right: 0;
    top: 33px;
}

.dialog-recepient-message {
    line-height: 20px;
    font-size: 12px;
    position: relative;
    height: 16px;
    overflow: hidden;
}

.dialog-recepient-message,
.dialog-recepient-name {
    width: 176px;
}

.dialog-recepient-message>.message,
.dialog-recepient-name>.name {
    width: 160px;
    overflow: hidden;
    line-height: 125%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.dialog-recepient-name>.name {
    width: 130px;
    text-overflow: ellipsis;
    font-weight: 600;
}

.dialog-recepient-message>.message>img {
    display: none;
}

.dialog-recepient-data .date {
    width: 43px;
    overflow: hidden;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    color: var(--color-dark-grey);
}

.dialog-recepient-images {
    margin: 1rem -0.5rem 0 -0.5rem;
    display: flex;
    justify-content: space-between;
}

.dialog-recepient-images>span {
    min-width: calc(100% / 3 - 1rem);
    display: inline-flex;
    margin: 0 0.5rem 0.5rem;
}

.dialog-recepient-images img {
    border-radius: 5px;
    object-fit: cover;
}

.dialog_menu {
    height: 50px !important;
    flex: 0 0 50px;
    display: flex;
    border-bottom: 1px solid var(--color-grey-stroke);
    padding: 0 19px;
    align-items: center;
    justify-content: space-between;
}

#dialog_right {
    flex-grow: 2;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    z-index: 2;
}

#dialog_right_show_contacts {
    display: none;
}

#dialog_right>* {}

#dialog_right .ext_wrapper {
    width: 100%;
    border: none;
    padding: 0;
    margin-top: 2rem;
    margin-bottom: 0;
}

#dialog_right .ext_wrapper .ext {
    width: 92px;
    height: 60px;
}

#dialog_right_empty,
#dialog_left_empty {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    color: #95a3b1;
    line-height: 20px;
    font-size: 13px;
    text-decoration: none;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

#dialog_right_empty>span {
    height: 60px;
    display: inline-flex;
    align-items: center;
}

#dialog_right_empty:before {
    content: '';
    background: url(img/speech-bubble.svg) no-repeat center;
    width: 100%;
    height: 110px;
    margin-bottom: 3rem;
}

#dialog_right .dialog_menu {
    padding: 0 30px;
}

.dialog_menu input.v2search {
    background-position: 0 5px;
    padding-left: 25px;
    border: solid 1px transparent !important;
    color: var(--color-text-grey);
    outline: none !important;
    width: 100%;
    background-image: url('img/search2icon.svg');
    background-repeat: no-repeat;
    transition: width 0.3s;
    background-size: 15px 16px;
    padding-left: 45px;
    border-color: var(--color-grey-stroke);
    background-repeat: no-repeat;
    transition: width 0.3s;
    background-size: 15px 16px;
    background-color: var(--bg-input);
}

#dialog_new_btn {
    width: 12px;
    height: 12px;
    background: url('img/plus.svg');
    display: inline-block;
    background-size: contain;
}

#dialog-form-wrapper {
    flex: 0 0 6rem;
    padding: 1.5rem 3rem 0 3rem;
    position: relative;
}

#dialog-form-wrapper .textarea-wrapper {
    width: calc(100% - 6.5rem);
}

#dialog-form-wrapper div.textarea.form-control {
    padding: 1rem;
    height: auto;
    resize: none;
    max-height: 15rem;
    width: auto;
    order: 2;
    width: calc(100% - 55px);
    margin-left: 55px;
}

#dialog-form-wrapper user-avatar {
    position: absolute;
    left: 2rem;
    top: 0.9rem;
}

#dialog-form {
    margin-top: 0;
    position: relative;
    padding-bottom: 2rem;
}

#dialog-form .textarea-options {
    position: absolute;
    width: 42px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 10px;
}

#dialog-messages {
    flex-grow: 2;
    padding: 3rem;
    overflow: hidden;
    overflow-y: auto;
}

#dialog-messages .typing {
    color: #95a3b1;
    font-size: 12px;
}

#dialog-right-no-messages {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    margin-top: -25px;
    color: #95a3b1;
}

#dialog-right-no-messages span:last-child,
.loading #dialog-right-no-messages span:first-child {
    display: none;
}

#dialog-right-no-messages span:first-child,
.loading #dialog-right-no-messages span:last-child {
    display: block;
}

.dialog-message {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    margin-bottom: 1.5rem;
}

.dialog-message-message {
    font-size: 13px;
    line-height: 2.1rem;
    background: var(--color-grey-bg);
    border-radius: 5px;
    padding: 1.5rem 3rem;
    width: calc(100% - 11.5rem);
    margin-left: 2rem;
    position: relative;
    overflow-wrap: anywhere;
}

.dialog-message-message:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    pointer-events: none;
    border-style: solid;
    border-color: transparent;
    border-width: 0.85rem;
    height: 0;
    width: 0;
    border-right-color: var(--color-grey-bg);
    margin-top: -0.85rem;
}

.dialog-reply-message-wrap {
    display: flex;
    margin: 0 0 10px 0;
    align-items: center;
    padding: 0 0 10px 0;
    position: relative;
    border-bottom: 1px solid var(--color-grey-stroke);
    color: var(--color-dark-grey);
}

.dialog-reply-message-wrap:before {
    content: '';
    width: 16px;
    height: 16px;
    -webkit-mask-image: url('img/icons/reply.svg');
    mask-image: url('img/icons/reply.svg');
    background-color: var(--color-grey);
}

#pm-modal-header {
    justify-content: space-between;
    align-items: center;
    margin: 0 -7rem 2rem -7rem;
    padding: 0 3rem;
}

#chat .dialog-reply-message-wrap {
    padding-left: 0;
}

#dialog-form .dialog-reply-message-wrap {
    margin-right: 70px;
}

.dialog-reply-author {
    position: relative;
    align-items: center;
    display: flex;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dialog-reply-author .name {
    width: 60px;
    white-space: nowrap;
    display: block;
}

.dialog-reply-author user-avatar {
    transform: scale(0.65);
    position: static !important;
    width: 35px;
}

.dialog-reply-author .name {
    font-size: 11px;
}

.dialog-reply-message {
    font-size: 11px;
    line-height: 130%;
    font-style: italic;
    padding: 0 10px;
    overflow: hidden;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dialog-reply-message br {
    display: none !important;
}

#dialog-form-wrapper .btn.btn-img,
#dialog-form-wrapper .emoji,
#dialog-form-wrapper .emoji-icon {
    position: static !important;
    display: inline-flex;
    align-items: center;
}

#dialog-form-wrapper .btn.btn-img {
    order: -1;
}

.dialog-message-meta {
    display: flex;
    position: relative;
    align-items: center;
    width: 41px;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 10px;
}

.dialog-message-reply {}

#dialog-messages .date {
    color: var(--color-dark-grey);
    font-size: 13px;
    text-align: center;
    display: flex;
    line-height: 150%;
}

#dialog-current-user {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
}

#dialog-current-user .name {
    text-decoration: none;
}

.dialog-message-message .comment-img:last-child {
    margin-right: 0;
}

.dialog-message-message .embed-responsive {
    margin: 1.5rem 0;
}

.dialog-message.my .dialog-message-meta {
    order: -1;
}

.dialog-message.my user-avatar {
    order: 2;
    margin-left: 2rem;
}

.dialog-message.my .dialog-message-message {
    margin-left: 0.5rem;
}

.dialog-message.my .dialog-message-message:before {
    transform: rotate(180deg);
    right: -1.6rem;
}

.dialog-message-status:not(.dialog-message-reply) {
    position: absolute;
    left: -2.5rem;
    top: 0.4rem;
}

#dialog_new_group {
    color: var(--color-blue);
}

#dialog-select-contact {
    width: 359px;
    display: block;
    padding-bottom: 0;
    padding-top: 20px;
}

#dialog-select-contact .dialog_menu {
    border-top: 1px solid var(--color-grey-stroke);
    margin: 0 -7rem;
    padding: 0 3rem;
}

#dialog-select-contact .dialog-recepients {
    max-height: 361px;
    overflow: auto;
    margin-bottom: 0;
}

#dialog-select-contact .dialog-recepients-wrapper {
    margin-left: -7rem;
    margin-right: -7rem;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}

.btn-send-dialog {
    width: 4rem;
    height: 4rem;
    min-width: 0;
    padding: 0;
}

.guest_auth_reg_footer_2 {
    display: none;
}

.works-master-crumbs .bread-crumbs__link {
    color: #fff;
}

#works-master-selecttype>.psmodal2window {
    padding: 30px;
}

#works-master-selecttype h4 {
    white-space: normal;
}

#works-master-win .psmodal2close {
    top: 75px;
    right: 40px;
}

html.mw-view-type-2 {
    padding-right: 10px;
    overflow: hidden;
}

#mv-container {
    margin: auto;
    position: relative;
    overflow: hidden;
    display: block;
    width: calc(100% - 170px);
    max-width: 1400px;
    border-radius: 5px;
    margin-top: 15px;
}

#mv-content {
    position: relative;
}

#mv-content,
#mv-sidebar {
    width: 100%;
    position: relative;
}

#mv-content-img,
#mv-content-img img {
    max-height: calc(100vh - 200px);
}

#mv-content-img .mv-content-img[src=''] {
    height: 50vh !important;
    width: 100%;
    opacity: 0;
    overflow: hidden;
    cursor: default;
}

#mv-content-img.zoom,
#mv-content-img.zoom img {
    max-height: 10000vh;
}

#mv-comments-list {
    padding: 0 !important;
    min-height: 150px;
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    z-index: 1;
}

#mv-comments-list>div {
    width: 100%;
}

#mv-comments-list>div.pinned {
    order: -1;
}

#mv-modal-header-vert .usu {
    position: static;
}

#mv-sidebar-header-title {
    margin: 0;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    width: 100%;
    position: relative;
    margin-bottom: 5px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mv-modal-header-vert h5 a {
    color: inherit;
}

#mv-sidebar .comments-list:empty {
    text-align: center;
    padding-top: 2rem;
}

#mv-sidebar .comments-list:empty:before {
    background-image: url('img/dialog-empty.svg');
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 30px;
}

#mv-sidebar .comments-list:empty:before {
    border: 0;
    height: 55px;
    display: block;
    content: '';
    margin-bottom: 2rem;
}

#mv-sidebar .comments-list:empty:after {
    content: attr(data-empty);
    width: 20rem;
    height: 3.5rem;
    color: rgb(104, 104, 105);
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 2.2rem;
    display: block;
}

#mv-sidebar .comments-list.off:empty:after {
    width: auto;
}

#mv-sidebar .comment-single-wrap {
    border: 0;
    margin: 0;
    padding: 0;
}

#mv-sidebar .comments-list .comment-info {
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
}

#mv-sidebar .comment-item {
    padding: 2.2rem 0 0 0;
    margin: 0;
    width: 100%;
    transition: order 0.3s;
}

#mv-sidebar .comment-item.pinned {
    order: -1;
}

#mv-sidebar .comment-item:last-child {
    margin-bottom: 10px;
}

#mv-sidebar .comment-item:last-child .comment-single-wrap {
    border-bottom: none;
}

#mv-sidebar .comment-item.lc {
    background-color: #b5ebff33;
}

#mv-sidebar .comments-list .avatar-author+div {
    display: flex;
    height: 20px;
}

#mv-sidebar .comments-list .remove_comment {
    position: relative;
    order: 2;
    opacity: 1;
    margin-right: 0;
}

#mv-navigation-prev,
#mv-navigation-next {
    width: 6rem !important;
    height: 100% !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: transparent !important;
    position: fixed;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 5004;
}

#mv-navigation-next {
    right: 9px;
}

#mv-navigation-prev>span,
#mv-navigation-next>span {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#mv-modal.ready #mv-navigation-prev,
#mv-modal.ready #mv-navigation-next {
    opacity: 1;
}

#mv-navigation-prev {
    left: 0;
    right: 0;
}

#mv-navigation-prev:hover,
#mv-navigation-next:hover {
    opacity: 1;
}

#mv-modal.ready #mv-navigation-prev,
#mv-modal.ready #mv-navigation-next,
#mv-modal.ready #mv-close {
    opacity: 0.5;
}

#mv-navigation-next {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

#mv-close,
.fancybox-button--close {
    display: block;
    position: fixed;
    right: 27px;
    top: 15px;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    cursor: pointer;
    background: url('img/psmodal2close.svg');
    z-index: 5005;
    background-size: contain;
}

#crativo-rules .block {
    max-height: 40vh;
    overflow-x: hidden;
    padding-right: 10px;
}

.rules__accept {
    margin-top: 3rem !important;
}

.rules__title {
    font-size: 2.1rem !important;
    margin-bottom: 2rem;
}

#crativo-rules .block h1,
#crativo-rules .block h2 {
    font-size: 1.8rem !important;
    color: var(--color-dark-grey);
}

#crativo-rules p,
#crativo-rules li {
    font-size: 1.3rem;
    line-height: 150%;
}

#crativo-rules ul,
#crativo-rules ol {
    padding-left: 0;
}

#header-alarm-wrapper {
    height: 50px;
    width: 1.9rem;
    position: relative;
}

#header-alarm-wrapper-icon,
#navbar-dialog-icon {
    width: 2.4rem;
    display: inline-flex;
    height: 50px;
    position: relative;
    cursor: pointer;
    background-size: contain !important;
}

#navbar-dialog-count {
    position: absolute;
    top: 2px;
    right: -0.7rem;
}

#header-alarm-wrapper-icon:after {
    content: '';
    display: none;
    position: absolute;
    width: 1rem;
    height: 6px;
    bottom: -1px;
    left: 50%;
    z-index: 20001;
    margin-left: -5px;
    -webkit-mask-image: url('img/dropdouwn.svg');
    mask-image: url('img/dropdouwn.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    background: var(--color-white);
}

#header-alarm-wrapper.open #header-alarm-wrapper-icon:after {
    display: inline-block;
}

#header-alarm-wrapper-count {
    display: none;
}

#header-alarm-wrapper-count[data-count] {
    display: block;
}

.badge-count[data-count='0'] {
    display: none;
}

.badge-count:after {
    content: attr(data-count);
    color: #fff;
    font-size: 9px;
    border-radius: 50%;
    background: var(--color-red);
    text-align: center;
    display: inline-block;
    line-height: 15px;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    padding: 0 3px;
}

#lessonContent img,
.newsBlockItem img {
    height: auto !important;
}

.article-image {
    margin: 0 auto;
    display: block;
}

#lesson .inline-block>.fancybox {
    display: inline-block;
    margin: 10px 0 22px;
}

a[data-pin-log='button_pinit'] {
    top: 10px;
    position: absolute;
    right: 0;
    z-index: 9;
    border-radius: 7px 0 0 7px !important;
    padding: 5px 7px 5px 7px !important;
    font-size: 12px !important;
    height: 30px;
    opacity: 0.7 !important;
    width: 27px !important;
    overflow: hidden;
    transition: all 0.3s;
    background-position-x: 6px !important;
}

a[data-pin-log='button_pinit']:hover {
    width: 100px !important;
}

a[data-pin-log='button_pinit'] {
    opacity: 1;
}

div.youtube {
    margin-top: 3rem;
    margin-bottom: 3rem;
    position: relative;
}

div[data-chunk='articles/video'] {
    margin-bottom: 3rem;
}

#lesson p+.block {
    margin: 0 auto;
}

#lesson h3 {
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 23px;
}

#lesson ul>li {
    position: relative;
    padding-left: 23px;
    margin-bottom: 18px;
    margin-left: -28px;
}

#lesson ul>li:before {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--color-black);
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 50%;
}

h1+#lessonContent {
    margin-top: 2.7rem;
}

.toTop {
    width: 4rem;
    height: 4rem;
    position: fixed;
    right: 20px;
    bottom: 90px;
    background-color: var(--color-grey-stroke);
    z-index: 777;
    border-radius: 50%;
}

.toTop:after {
    content: '';
    -webkit-mask-image: url('img/toptop.svg');
    mask-image: url('img/toptop.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    width: 4rem;
    height: 4rem;
    width: 4rem;
    height: 4rem;
    display: block;
    background: var(--color-white);
}

#postEditorForm {
    margin: 0 -10px;
}

#posteditor {
    margin-top: -10px;
}

#postEditorForm h4.field-title {
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.7rem;
    margin: 0 0 2.5rem 0;
    color: var(--color-dark-grey);
}

#postEditorForm .step-1 {
    padding: 18px 0;
}

.select-tile {
    margin: 0 -20px;
}

#postEditorForm .step-1 .select-tile {
    margin: -15px 0px 40px 0;
}

.select-tile-item {
    height: 30px;
    display: inline-flex;
    align-items: center;
    margin: 10px 20px 0px 0;
    border-radius: 5px;
    border: 1px solid var(--color-grey-stroke);
    padding: 0 10px;
    font-size: 13px;
    color: var(--color-dark-grey);
    cursor: pointer;
}

.select-tile-item.selected {
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
}

.go-link {
    text-align: center;
    margin-bottom: 30px;
}

.go-link .description {
    max-width: 477px;
    margin: 30px auto 40px auto;
    font-size: 18px;
}

#fr-link-insert-layer-1 .fr-checkbox-line,
.fr-buttons #linkStyle-1 {
    display: none !important;
}

#xmessages {
    position: fixed;
    bottom: 6rem;
    left: 1rem;
    width: 47rem;
    z-index: 3999;
}

.xmessage-config {
    width: 13px;
    height: 13px;
    position: absolute;
    top: 11px;
    right: 13px;
    cursor: pointer;
    background: #fff;
}

.xmessage-icon {
    position: relative;
    z-index: 10;
}

.xmessage-icon-reply,
.xmessage-icon-like {
    width: 10rem;
    height: 10rem;
    margin: -1.35rem -3rem;
    border-radius: 5px 0 0 5px;
    background-size: cover;
    background-position: center;
    margin-right: 3rem;
    align-items: center;
    display: inline-flex;
    justify-content: flex-end;
}

.xmessage-icon-like:after {
    content: '';
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background: #fff;
    width: 32px;
    height: 32px;
    -webkit-mask-image: url(img/icons/like-stroke.svg);
    mask-image: url(img/icons/like-stroke.svg);
    display: inline-flex;
    margin-right: -6.3rem;
}

.xmessage-icon-pm {
    margin: 0 0 0 -15px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.xmessage-icon-pm user-label {
    margin: -12px 0 12px 0;
}

.xmessage-icon-pm+.xmessage-item-inner>p:last-child {
    order: -1;
}

.xmessage-icon-sub user-avatar {
    position: relative;
    left: -1.5rem;
}

.xmessage-icon-sub user-label {
    margin-top: -12px;
    position: relative;
    display: block;
}

.xmessage-icon-sub+.xmessage-item-inner {
    margin-left: 2rem;
}

.xmessage-p br {
    display: none;
}

.xmessage-icon-sub+.xmessage-item-inner .xmessage-p br+a {
    margin-left: 5px;
}

.xmessage-icon-karma {
    font-size: 4rem;
    font-weight: 700;
}

.xmessage-icon-karma+.xmessage-item-inner {
    margin-left: 6.5rem;
}

.xmessage-p .xmessage-img {
    max-height: 20px;
    margin: 5px 0;
    display: block;
    text-align: left;
    object-position: 0 0;
    object-fit: contain;
}

.xmessage-item {
    display: flex;
    height: 10rem;
    padding: 1.35rem 3rem;
    background-color: var(--color-blue-2);
    border-radius: 5px;
    align-items: center;
    margin-top: 15px;
    position: relative;
    color: white;
    cursor: pointer;
    overflow: hidden;
}

.xmessage-item:before {
    content: '';
    height: 6rem;
    width: 1px;
    left: 9.9rem;
    background: #fff;
    position: absolute;
    z-index: 2;
}

.xmessage-item-inner {
    flex: 1;
    margin-left: 4.5rem;
    display: flex;
    flex-wrap: wrap;
}

.xmessage-icon-like+.xmessage-item-inner {
    margin-left: 5rem;
}

.xmessage-icon-reply+.xmessage-item-inner {
    margin-left: 0;
}

.xmessage-p {
    margin-bottom: 0;
    line-height: 135%;
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 12px;
    width: 100%;
}

.xmessage-p a {
    color: #fff;
    font-weight: 600;
}

.xmessage-close {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 2px;
}

.image-x-icon {
    display: inline-flex;
    position: relative;
}

.header-alarm-menu-item .x-icon {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-white);
    position: absolute;
    bottom: -13px;
    left: -13px;
    border-radius: 50%;
    margin: 0;
    transition: background-color 0.5s;
}

.header-alarm-menu-item:hover .x-icon {
    background-color: var(--color-grey-bg);
}

.header-alarm-menu-item .x-icon:after {
    margin: 0;
    background: var(--color-red);
    width: 16px;
    height: 16px;
}

.header-alarm-image-karma,
.xmessage-icon-karma:after,
.xmessage-icon-reply:after {
    background: var(--color-blue-2) !important;
}

.header-alarm-image-karma {
    color: #fff;
    font-weight: bold;
    font-size: 19px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.lock-video {
    background: var(--color-blue-2);
    overflow: hidden;
    position: relative;
}

.lock-video .reg-title {
    color: white;
    font-size: 2.1rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -24px;
}

.lock-video img {
    opacity: 0.1;
}

.lock-video .mask-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -44px;
    margin-top: -120px;
}

.lock-video>a {
    display: flex;
}

.lock-video .reg-btn {
    width: 23.4rem;
    height: 4rem;
    background-color: transparent;
    border: solid 2px white;
    border-radius: 5px;
    color: white;
    font-size: 1.4rem;
    font-weight: 600;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    top: calc(50% + 5rem);
    left: 50%;
    margin-left: -13rem;
    margin-left: -13rem;
    margin-top: 15px;
}

.stat-info,
.stat-info>* {
    display: inline-flex;
    align-items: center;
}

.stat-info .fu_comment+.i_like_wrapper {
    margin-left: 21px;
}

.lessCommentsFormWrapper {
    margin-bottom: 50px;
}

.tabs-btn {
    display: flex;
    align-items: center;
}

.tabs-btn>button {
    font-size: 15px;
    background: transparent;
    font-weight: 700;
    border: 0;
    padding: 0;
    margin-right: 10px;
    text-transform: uppercase;
    color: var(--color-dark-grey);
    border-bottom: 3px transparent solid;
    box-shadow: none;
}

.tabs-btn>button.selected {
    border-bottom: 3px var(--color-blue-2) solid;
}

.tabs-btn>button.tab-light {
    text-transform: none;
    font-weight: normal;
}

.bonus-convert {
    font-size: 4.2rem;
    text-align: center;
    justify-content: center;
    margin: 50px;
    font-weight: 700;
}

.youtube .fa {
    z-index: 99;
}

.youtube .fa {
    width: 11.1rem;
    height: 11.1rem;
    margin-left: -5.55rem;
    margin-top: -5.55rem;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(img/youtube.svg) no-repeat;
    background-size: contain;
}

#posteditor_placeholder {
    color: var(--color-grey);
    position: absolute;
    top: 6.8rem;
    left: 1rem;
}

.ck-editor:focus+#posteditor_placeholder {
    display: none;
}

figcaption {
    display: flex;
    justify-content: center;
    caption-side: bottom;
    word-break: break-word;
    color: var(--color-black);
    background-color: transparent !important;
    padding: 0.5rem;
    font-size: 1.3rem;
    outline-offset: -1px;
}

.load-article-user,
.load-article-wrap {
    margin-bottom: 18px;
}

.xtabs>* {
    cursor: pointer;
    border-bottom: solid 0.3rem;
    border-bottom-color: transparent;
    transition: border-bottom-color;
    padding-bottom: 4px;
    margin-left: 10px;
}

.xtabs>*:first-child {
    margin-left: 0pt;
}

.xtabs>.active {
    border-bottom-color: var(--color-blue-2);
}

.copylink.ml-20:first-child {
    margin-left: 0 !important;
}

#aside-newsletter-varints {
    max-width: 222px;
}

#appEventsShedule {
    padding-bottom: 7rem;
}

.events-shedule-item {
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--color-white);
    padding: 1rem 1.5rem 0.7rem;
    margin-top: 4rem;
    transition: background-color 0.3s;
}

.events-shedule-item:hover {
    background-color: var(--color-grey-bg);
}

.events-shedule-item:before,
.events-shedule-item:after {
    content: '';
    background: var(--color-grey-stroke);
    height: 1px;
    position: absolute;
    width: 100%;
    top: -2rem;
    left: 0;
}

.events-shedule-item:after {
    top: auto;
    bottom: -2rem;
}

.events-shedule-item img {
    width: 9rem;
    height: 6.3rem !important;
    object-fit: cover;
    object-position: center;
    margin-right: 1.5rem;
    border-radius: 5px;
}

.events-shedule-item-date {
    width: 11rem;
    margin-right: 1.5rem;
}

.events-shedule-item-body {
    width: calc(100% - 12.5rem);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.events-shedule-item-date>span {
    font-style: normal;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: var(--color-black);
    display: block;
}

.events-shedule-item-date>span:first-child {
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 3rem;
    margin-bottom: -2px;
}

.events-shedule-item-date>span:last-child {
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: var(--color-dark-grey);
    text-transform: capitalize;
}

.events-shedule-user {
    margin-left: 1.5rem;
    width: 24.5rem;
}

.events-shedule-item-title {
    line-height: 140%;
    flex: 1;
}

.events-shedule-item-title>span {
    font-weight: bold;
    font-size: 1.6rem;
}

.events-shedule-item-title>a {
    font-weight: 500;
    font-size: 1.5rem;
}

#appEventsSelect .events-shedule-item {
    flex-wrap: wrap;
    margin-top: 10px;
    padding: 0;
    background: var(--color-white) !important;
    text-align: left;
    justify-content: space-between;
}

#appEventsSelect .events-shedule-user {
    margin: 0.5rem 0 0 0;
}

#appEventsSelect .events-shedule-item:after,
#appEventsSelect .events-shedule-item:before {
    display: none;
}

#appEventsSelect .events-shedule-item img {
    display: none;
}

#appEventsSelect .events-shedule-item .events-shedule-item-date {
    order: 3;
    margin: 0;
    text-align: right;
}

#appEventsSelect .events-shedule-item-title {
    flex: none;
}

#appEventsSheduleWin {
    margin: 2rem 0;
}

#appEventsSelect .events-shedule-item-title>span {
    font-weight: 800;
    font-size: 1.8rem;
    display: block;
    margin: 5px 0;
}

#appEventsSelect .events-shedule-item-date>span:first-child {
    font-size: 1.8rem;
}

#appEventsSelectText {
    margin: 2.5rem 0;
}

.aside-rules>ul {
    margin: 4.7rem 1.5rem;
    position: relative;
    z-index: 1;
}

.aside-rules>ul a {
    padding: 3px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 230px;
    display: block;
}

.count_user_online:empty+span {
    display: none;
}

.drop {
    border: 1px dashed var(--color-blue-2);
    height: 4rem;
    display: inline-flex;
    align-items: center;
    width: 50%;
    justify-content: center;
    border-radius: 5px 0 0 5px;
    transition: .all 0.3s;
}

.drop+.drop {
    border-radius: 0 5px 5px 0;
    margin-left: -1px;
}

.drop:only-child,
.hidden+.drop {
    width: 100%;
    max-width: 347px;
    border-radius: 5px;
    border-left: var(--color-blue-2) dashed 1px;
}

.drop .title-1,
.drop .title-2 {
    color: var(--color-dark-grey);
}

.drop .title-2,
.drop.dragover .title-1 {
    display: none;
}

.drop.dragover .title-2 {
    display: block;
    color: var(--color-blue-2);
}

.image-preview-input-title:after,
.drop .help-block {
    content: attr(title);
    display: block;
    text-transform: none;
    font-weight: 300;
    color: #000;
}

.image-preview-input-title .title-1:empty:before {
    content: attr(data-default);
    color: var(--color-blue-st);
}

.image-preview-input-title .title-1:empty:after {
    content: attr(data-ext);
    margin-left: 5px;
}

.image-preview-input-title>title {
    display: block;
}

.bookmarks {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.bookmarks .tiles {
    margin: 0;
}

.bookmarks>div {
    width: calc(100% / 3 - 30px);
    margin: 0 15px 30px 15px;
}

.bookmarks>div .tile-item {
    width: 100%;
    margin: 0;
}

.bookmarks-posts {
    border-radius: 5px 5px 0 0;
}

#main_latest_works {
    margin-top: 50px;
    padding: 0;
}

#main_latest_works>h2 {
    color: var(--color-black);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.7rem;
}

#beta {
    position: fixed;
    left: 0;
    top: 50%;
    opacity: 0.5;
    z-index: 9999;
}

#beta:hover {
    opacity: 1;
}

#dropdownBeta {
    text-transform: lowercase;
}

.art-visibality-0 {
    background: rgba(255, 245, 201, 0.4);
}

.art-visibality-0:before {
    content: 'PREVIEW';
    color: green;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 30px;
    display: block;
}

.block-badge,
.play-badge,
.stream-badge,
.premium-badge {
    position: absolute;
    left: 10px;
    bottom: 11px;
    width: 31px;
    height: 30px;
}

.block-badge {
    background: url('images/block-badge.svg');
}

.play-badge {
    background: url('images/play-badge.svg');
    display: none;
}

.stream-badge {
    background: url('images/stream-badge.svg');
}

.lessons-box .label-premium {
    position: absolute;
    right: 7px;
    top: 9px;
    width: 9rem;
    height: 2rem;
}


#complaint-modal-form.success,
#complaint-modal-form:not(.success)+.success-message {
    display: none;
}

#chat-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10;
    opacity: 1;
    height: 90px;
    width: 360px;
    transition: height 0.3s;
}

#chat-fixed.focusin {
    height: 160px;
}

#chat-fixed.open {
    height: auto !important;
    max-height: 100vh;
}

.fullscreen #chat-fixed.open {
    height: 100vh !important;
}

.fullscreen #chat #dialog_right {
    height: calc(100vh - 40px);
}

#chat-fixed:not(.open) #dialog-messages {
    display: none;
}

#live-video-container {
    position: relative;
}

#live-video-container:hover #live-video-overlay {
    opacity: 1;
}

#live-video-overlay input,
#live-video-overlay button {
    position: relative;
    z-index: 2;
}

#live-video-overlay:after {
    content: '';
    height: 64px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    z-index: 1;
}

#middle.fullscreen {
    z-index: 10000;
    position: relative;
}

#live-video-container.fullscreen {
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
}

.fullscreen #live-admin {
    display: none;
}

.fullscreen.open-chat #live-video-container.fullscreen {
    width: calc(100vw - 360px);
}

.fullscreen #chat-fixed {
    opacity: 0.9;
    transition: opacity 0.3s;
}

.fullscreen #chat-fixed:hover,
.fullscreen.open-chat #chat-fixed-actions {
    opacity: 1;
}

#live-video-container.fullscreen .embed-responsive {
    overflow: inherit;
    padding: 0;
    height: 100vh;
}

#live-video-container.fullscreen .embed-responsive iframe {
    height: 100vh;
}

#live-video-range {
    width: 100px;
}

#live-video-overlay:before {
    display: none;
}

.chat-fixed-action-open:after {
    background: url(images/triangle.svg) no-repeat;
    background-position: 0 center;
    content: '';
    width: 10px;
    height: 5px;
    margin-left: 12px;
    display: inline-block;
    transform: rotate(-90deg);
}

.open .chat-fixed-action-open:after {
    transform: rotate(0);
}

#chat-fixed-actions {
    height: 40px;
    background: #fafafa;
    display: flex;
    padding: 11px 18px 9px 18px;
    font-size: 13px;
    line-height: 20px;
    color: #95a3b1;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-bottom: -2px;
}

img#live-video-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
    display: none;
}

.toogle-class:before {
    content: attr(data-open);
}

.open .toogle-class:before {
    content: attr(data-default);
}

.chat-fixed-action {
    padding: 0 5px;
    align-items: center;
    display: inline-flex;
}

.btn-allscreen {
    width: 22px;
    height: 22px;
    background-color: transparent;
    background-image: url(img/allscreen.svg) !important;
    display: inline-flex;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: 0;
    padding: 0;
}

#livezone {
    padding: 0 0 30px 0;
}

#live-video-range {
    -webkit-appearance: none;
    margin: 0 30px 0 14px;
    width: 58px;
    height: 4px;
    position: relative;
    top: -9px;
}

#live-video-range:focus {
    outline: none;
}

#live-video-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: 0.2s;
    background: #fff;
    border-radius: 4px;
    border: 0;
}

#live-video-range::-webkit-slider-thumb {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #ffc800;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -2px;
}

#live-video-range:focus::-webkit-slider-runnable-track {
    background: #fff;
}

#live-video-range::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: 0.2s;
    background: #fff;
    border-radius: 4px;
}

#live-video-range::-moz-range-thumb {
    height: 8px;
    width: 8px;
    border-radius: 50px;
    background: #ffc800;
    cursor: pointer;
}

#live-video-range::-ms-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}

#live-video-range::-ms-fill-lower {
    background: #2a6495;
    border-radius: 8px;
}

#live-video-range::-ms-fill-upper {
    border-radius: 8px;
}

#live-video-range::-ms-thumb {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #ffc800;
    cursor: pointer;
}

#live-video-range:focus::-ms-fill-lower {
    background: #fff;
}

#live-video-range:focus::-ms-fill-upper {
    background: #fff;
}

#live-video-volume {
    width: 19.6px;
    height: 18.06px;
    background: url(img/volume.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-flex;
    align-items: center;
    position: relative;
    z-index: 2;
    top: -2px;
    padding-left: 13px;
}

#live-video-volume.off:after {
    content: '';
    background: url('img/volume-off.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-flex;
    width: 6.71px;
    height: 6.71px;
    position: relative;
    z-index: 2;
    top: 0;
}

.download_yt_info {
    margin: -30px 0 0 0;
    font-size: 12px;
    color: var(--color-dark-grey);
    text-align: center;
}

.downlod_yt_btn .btn[href='#'] {
    display: none !important;
}

.form-group {
    margin-bottom: 2rem;
    position: relative;
}

.fancybox-slide--iframe .fancybox-content {
    width: 1280px;
    height: 720px;
    margin: 0;
    padding: 0;
    background: transparent;
}

.load-comment-childs {
    display: flex;
    text-decoration: none !important;
    color: var(--color-dark-grey);
    font-size: 13px;
    font-weight: 500;
}

.load-comment-childs i {
    font-style: normal;
    margin-left: 5px;
}

.switcher {
    position: relative;
    cursor: pointer;
}

.switcher-view {
    width: 3.5rem;
    height: 2rem;
    border: solid 1px var(--color-grey);
    border-radius: 2rem;
    background-color: var(--color-white);
    display: inline-flex;
    position: relative;
    transition: all 0.3s;
}

.switcher-view:before {
    content: '';
    height: 1.6rem;
    width: 1.6rem;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: 1px;
    background: var(--color-grey);
    position: absolute;
    transition: all 0.3s;
}

.switcher.on .switcher-view:before {
    left: calc(100% - 1.6rem - 1px);
}

.social {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.social:hover {
    opacity: 0.85;
}

.social-tg,
.social-telegram {
    background-image: url('img/icons/telegram.svg');
    border-radius: 50%;
    border: solid 1px #4491ff;
    background-size: 85%;
    background-position: 0px 1px;
}


.social-vk,
.social-vkontakte {
    background-image: url(img/icons/vk.svg);
    background-size: 70%;
    background-position: center;
    background-color: rgb(0, 119, 255);
}

.social-mr,
.social-mailru {
    background-image: url('img/icons/mr.svg');
}

.social-fb,
.social-facebook {
    background-image: url('img/icons/fb.svg');
}

.social-ok,
.social-odnoklassniki {
    background-image: url('img/icons/ok.svg');
}

.social-ya,
.social-yandex {
    background-image: url('img/icons/ya.svg');
}

.social-gg,
.social-google {
    background-image: url('img/icons/gg.svg');
}


#content-glav,
.spoiler-box {
    margin-bottom: 3rem;
}

#content-glav>a,
.spoiler-box>h5 {
    color: var(--color-black);
    background-color: var(--color-grey-bg);
    border-color: var(--color-grey-stroke);
    margin-bottom: 0;
    padding: 2rem 5rem 1.8rem 5rem;
    position: relative;
    font-size: 15px;
    cursor: pointer;
    font-weight: 600;
    display: block;
    border-radius: 10px;
}

#content-glav>a:after,
.spoiler-box>h5:after {
    content: '';
    background: var(--color-blue);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-image: url(img/icons/rigth.svg);
    mask-image: url(img/icons/rigth.svg);
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 40px;
    top: 22px;
    transform: rotate(88deg);
    transition: all .3s;
}

#content-glav>a.toggle-chaged:after,
.spoiler-box>h5.open:after {
    transform: rotate(-88deg);
}

.spoiler-box>h5+div {
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
}

.spoiler-box-description>*:first-child {
    margin-top: 0 !important;
}

#content-glav-ul {
    margin-left: 0;
    padding-top: 15px;
    transition: all .3s;
    padding-bottom: 2rem !important;
}

#content-glav-ul li {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#content-glav-ul li:before {
    display: none;
}

#content-glav-ul i {
    font-style: normal;
    display: inline-block;
    margin-right: 5px;
}

.ck .spoiler-box>h5+div {
    height: auto;
    overflow: auto;
    border: dashed 1px var(--color-grey-bg);
    border-top: 0;
}

.spoiler-box>h5.open+div,
.spoiler-box.ck-editor__editable {
    padding-top: 15px;
    height: auto;
}

.spoiler-box.ck-editor__editable {
    border: dashed 1px var(--color-grey-stroke) !important;
    padding: 15px;
}

.spoiler-box ul,
.spoiler-box ol {
    margin-left: 0;
}

#content-glav-ul,
.spoiler-box-description {
    background: var(--color-grey-bg);
    border-radius: 0 0 10px 10px;
    margin-top: -5px;
    padding: 0 5rem;
}

.open+.spoiler-box-description {
    padding-bottom: 2rem;
}

#rules-panel {
    color: var(--color-dark-grey);
    font-size: 1.3rem;
}

#rules-panel x {
    display: none;
}

#rules-panel ul {
    padding: 0;
}

#rules-panel li {
    position: relative;
    padding-left: 1.8rem;
}

#rules-panel li:before {
    position: absolute;
    content: '-';
    top: 3px;
    left: 0;
}

.before-after-upload-image {
    border: 1px dashed var(--color-blue-2);
    box-sizing: border-box;
    border-radius: 5px;
    color: var(--color-blue);
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    margin: 0 5px;
    padding: 1rem 2rem;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    width: 30rem;
}

.before-after-upload-image:first-child {
    margin-left: 0;
}

.before-after-upload-image:last-child {
    margin-right: 0;
}

.before-after-upload-image[imgview='viewer'] {
    padding: 0;
    border: 0;
}

poll-box {
    margin-bottom: 3rem;
}

.newevent {
    position: relative;
}

.newevent:before {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--color-blue-2);
    display: inline-flex;
    border-radius: 50%;
    position: absolute;
    left: -12px;
    top: 6px;
}

.poll-label {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--color-yellow-2);
    border-radius: 5px;
    border: solid 1px var(--color-yellow-2);
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
    height: 28px;
}



user-work {
    width: 100%;
}

.lessons-preview {
    position: relative;
}

.user-block {
    margin-bottom: 3rem;
}

#flex-content {
    z-index: 0;
}

.popover-likebox {
    margin-top: -4px !important;
}

.psmodal2window>.block {
    max-height: 90vh;
    overflow: auto;
    margin-right: -15px;
    padding-right: 15px;
}

#aside-menu>ul>li>a.menu-item-count {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: var(--color-blue);
    margin-left: 5px;
}

.status-label-3 {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    padding: 1px 6px 0;
    height: 19px;
    color: var(--color-blue-2);
    border-radius: 5px;
}

.watchlist-best-response {
    background: var(--color-grey-bg);
    border-radius: 5px;
    padding: 2rem;
    position: relative;
    width: 100%;
}

.watchlist-best-response h5 {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--color-dark-grey);
    margin: 0 0 0 0;
}

.watchlist-best-response-text {
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.watchlist-best-response:before {
    content: '';
    position: absolute;
    top: -11px;
    left: 35px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 14px solid var(--color-grey-bg);
}

.courses_discount__item {
    width: 32%;
    min-width: 262px;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

.courses_discount__item > span {
    position: absolute;
    right: 0;
    color: #fff;
    font-weight: 500;
    right: 0;
    border-radius: 5px 0px 0px 5px;
}

.courses_discount__item > .meta, 
.courses_discount__item > .author,
.courses_discount__item > .link-more{
    position: static;
    display: block;
    color: #6D6D6D;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Montserrat';
    font-style: normal;
}

.courses_discount__item > .author{
    display: block;
    margin: 10px 14px 0;
}

.courses_discount__item > .meta{
    margin: -1px 14px 0;
    display: flex;
    align-items: center;
    gap: 10px
}


.courses_discount__item > .link-more{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 42px;
    background: #FFD87D;
    border-radius: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    display: flex;
    align-items: center;
    margin: 18px 15px;
    transition: all .3s;
    margin-top: 11px;
    color: #000;
}

.courses_discount__item > .meta .mask-icon{
    background: #1A76FF;
}

.courses_discount__item_title1 {
    background: var(--color-blue-2);
    font-size: 11px;
    top: 8px;
    padding: 0px 10px;
}

.courses_discount__item_title2 {
    font-size: 18px;
    top: 128px;
    padding: 2px 8px;
    background: linear-gradient(65.07deg, #FF0046 31.73%, #FA00FF 74.24%);
    backdrop-filter: blur(16px);
}

.courses_discount__item_title3 {
    background: var(--color-blue-2);
    font-size: 11px;
    bottom: 34px;
    padding: 0 4px;
}

.best_of_site__items_wrap,
.courses_discount__items_wrap {
    overflow-x: auto;
    width: 100%;
    margin-bottom: 3rem;
}

.best_of_site__items,
.courses_discount__items {
    min-width: 830px;
    gap: 15px;
}

.best_of_site__item {
    /*width: 200px;*/
    padding-bottom: 10px;
}

.best_of_site__item h4 {
    margin-bottom: 15px !important;
    font-weight: 600;
}

.best_of_site__item_card {
    display: inline-flex;
    flex-wrap: wrap;
    background: var(--color-white);
    border-radius: 5px;
    /*height: 179px;*/
    /*width: 200px;*/
    height: 220px;
}

.best_of_site__item_card .title-1 {
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    color: var(--color-black);
    display: block;
    font-style: normal;
    margin: 0 10px 0 10px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.best_of_site__item_card .title-2 {
    font-style: normal;
    font-size: 12px;
    line-height: 20px;
    color: var(--color-dark-grey);
    margin: 0 10px 0 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    height: 20px;
}

.best_of_site__item_card user-label {
    margin-top: 3px;
}

.best_of_site__item .courses_discount__item_title2 {
    top: 117px;
}

.best_of_site__item img {
    /*height: 113px !important;*/
    height: 152px !important;
    width: 100% !important;
    object-fit: cover;
    border-radius: 5px 5px 0 0;
}

@media (max-width: 768px) {
    .courses_discount {
        padding: 40px 20px;
    }
    .courses_discount__items_wrap {
        margin-bottom: 2rem;
    }
}

.best_of_site {
    margin-top: -2rem;
}

@media (max-width: 414px) {
    .best_of_site {
        padding: 0 15px;
    }
}

i[data-timecode] {
    font-style: normal;
    font-weight: 500;
    color: var(--color-blue);
    cursor: pointer;
    font-family: monospace;
}

.aside-what-does-premium .btn {
    padding: 0 2rem;
    margin-top: 23px;
}

.features-items .item{
    position: relative;
}

.features-items .item:before{
   position: absolute;
   left: 15px;
   top: -48px;
}

.features-items .item-1 {
    background: var(--color-white) url('../img/i-1.svg') 15px -48px no-repeat;
}

.features-items .item-1:before{
    content: url('../img/i-1.svg');
}

.features-items .item-2 {
    background: var(--color-white) url('../img/i-2.svg') 15px -48px no-repeat;
}

.features-items .item-2:before{
    content: url('../img/i-2.svg');
}

.features-items .item-3 {
    background: var(--color-white) url('../img/i-3.svg') 15px -48px no-repeat;
}

.features-items .item-3:before{
    content: url('../img/i-3.svg');
}

.features-items .item-4 {
    background: var(--color-white) url('../img/i-4.svg') 15px -48px no-repeat;
}

.features-items .item-4:before{
    content: url('../img/i-4.svg');
}

.features-items .item-5 {
    background: var(--color-white) url('../img/i-5.svg') 15px -48px no-repeat;
}

.features-items .item-5:before{
    content: url('../img/i-5.svg');
}

.features-items .item-6 {
    background: var(--color-white) url('../img/i-6.svg') 15px -48px no-repeat;
}

.features-items .item-6:before{
    content: url('../img/i-6.svg');
}

.features-items .item-7 {
    background: var(--color-white) url('../img/i-7.svg') 15px -48px no-repeat;
}

.features-items .item-7:before{
    content: url('../img/i-7.svg');
}

.features-items .item-8 {
    background: var(--color-white) url('../img/i-8.svg') 15px -48px no-repeat;
}

.features-items .item-8:before{
    content: url('../img/i-8.svg');
}

.features-items .item-9 {
    background: var(--color-white) url('../img/i-9.svg') 15px -48px no-repeat;
}

.features-items .item-9:before{
    content: url('../img/i-9.svg');
}

.features-items .item-10 {
    background: var(--color-white) url('../img/i-10.svg') 15px -48px no-repeat;
}

.features-items .item-10:before{
    content: url('../img/i-10.svg');
}

.features-items .item-11 {
    background: var(--color-white) url('../img/i-11.svg') 15px -48px no-repeat;
}

.features-items .item-11:before{
    content: url('../img/i-11.svg');
}

.features-items .item-12 {
    background: var(--color-white) url('../img/i-12.svg') 15px -48px no-repeat;
}

.features-items .item-12:before{
    content: url('../img/i-12.svg');
}

.features-items .item-13 {
    background: var(--color-white) url('../img/i-13.svg') 15px -48px no-repeat;
}

.features-items .item-13:before{
    content: url('../img/i-13.svg');
}

.features-items .item-14 {
    background: var(--color-white) url('../img/i-14.svg') 15px -48px no-repeat;
}

.features-items .item-14:before{
    content: url('../img/i-14.svg');
}

.features-items .item-15 {
    background: var(--color-white) url('../img/i-15.svg') 15px -48px no-repeat;
}

.features-items .item-15:before{
    content: url('../img/i-15.svg');
}

.features-items .item-16 {
    background: var(--color-white) url('../img/i-16.svg') 15px -48px no-repeat;
}

.features-items .item-16:before{
    content: url('../img/i-16.svg');
}

.features-items .item-17 {
    background: var(--color-white) url('../img/i-17.svg') 15px -48px no-repeat;
}

.features-items .item-17:before{
    content: url('../img/i-17.svg');
}

.features-items .item-18 {
    background: var(--color-white) url('../img/i-18.svg') 15px -48px no-repeat;
}

.features-items .item-18:before{
    content: url('../img/i-18.svg');
}

.features-items .item-19 {
    background: var(--color-white) url('../img/i-19.svg') 15px -48px no-repeat;
}


.features-items .item-19:before{
    content: url('../img/i-19.svg');
}

.aside-newsletter .features-items .item {
    padding: 90px 20px 20px;
    border-radius: 5px;
    height: 250px;
    background-size: 96px 96px;
    position: relative;
}

.aside-newsletter .features-items .item .title {
    font-weight: bold;
    font-size: 16px;
    line-height: 2rem;
    margin-bottom: 5px;
}

.aside-newsletter .features-items .item .text {
    font-size: 13px;
    line-height: 150%;
}

.features-items .owl-nav {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 11px;
}

.features-items .owl-nav button {
    width: 36px;
    height: 36px;
    border-radius: 50% !important;
    background: var(--color-blue-2) !important;
    margin: 5px 10px !important;
}

.features-items .owl-nav button span {
    color: #fff;
    font-size: 27px;
}

.premium-download:after {
    content: '';
    height: 16px;
    width: 67px;
    margin-left: 5px;
    display: inline-block;
    background: url(img/icons/premium-qq.svg);
    vertical-align: middle;
}

.ssr {
    display: none;
}



.premium-variant-sub__item{
    background: var(--color-grey-bg);
    margin-bottom: 10px;
    padding: 13px 30px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s;
    color: #000;
}

.premium-variant-sub__item:hover{
    background: var(--color-grey-stroke);
    color: #000;
    text-decoration: none !important;
}

.premium-variant-sub__price{
    margin-left: auto;
}

.premium-variant-sub__day{
    margin-left: 10px;
    position: relative;
}
.premium-variant-sub__day::before{
    content: '';
    position: absolute;
    height: 2px;
    background: red;
    width: 100%;
    border-radius: 50%;
    transform: rotate(350deg);
    top: 10px;
    opacity: .75;
}

.m-auto{
    margin-left: auto;
    margin-right: auto;
}

.exclude_of_best{
    position: absolute;
    z-index: 9;
    right: 0;
    background: #fff;
    font-size: 10px;
    border-radius: 3px;
    padding: 0 8px;
    opacity: .75;
    color: red;
    display: flex;
    top: 0;
    height: 16px;
    align-items: center;             
} 
.exclude_of_best:hover{
    opacity: 1;
}

.aside-what-does-premium
.owl-carousel .owl-item{
    padding-top: 60px;
}

.aside-what-does-premium
.features-items .item:before{
    top: -58px;
}


#mv-sidebar-content .best_of_site__item h4{
    margin-bottom: 19px !important;
    margin-top: 0 !important;
    font-size: 2rem !important;
}

#mv-sidebar-content .best_of_site__item{
    margin-bottom: 4.7rem;
}