

@-webkit-keyframes effect-1-1 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes effect-1-1 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes animate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(220deg)
    }
}

@keyframes animate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(220deg)
    }
}

@-webkit-keyframes animate2 {
    0% {
        box-shadow: inset #f26739 0 0 0 3px;
        transform: rotate(-140deg)
    }

    50% {
        box-shadow: inset #f26739 0 0 0 3px
    }

    to {
        box-shadow: inset #f26739 0 0 0 3px;
        transform: rotate(140deg)
    }
}

@keyframes animate2 {
    0% {
        box-shadow: inset #f26739 0 0 0 3px;
        transform: rotate(-140deg)
    }

    50% {
        box-shadow: inset #f26739 0 0 0 3px
    }

    to {
        box-shadow: inset #f26739 0 0 0 3px;
        transform: rotate(140deg)
    }
}

@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

*,body,html {
    padding: 0;
    margin: 0
}

body,html {
    width: 100%;
    height: 100%;
    position: relative
}

body {
    font: 12px/16px 'Roboto',sans-serif;
    color: #292c33;
    background: #fff;
    min-width: 960px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

aside .info-a span,aside .info-b span,fieldset,img {
    border: 0
}

fieldset legend {
    display: none
}

li,ul {
    list-style-type: none
}

img {
    vertical-align: top
}

a:active,a:focus,a:hover,a:link,a:visited {
    color: #f26739;
    outline: 0;
    text-decoration: none
}

.href:hover,a:hover {
    text-decoration: none;
    color: #d13e0e
}

.href {
    color: #f26739;
    cursor: pointer;
    font-weight: 700
}

.hidden,.photoBlock.social-login .btn-add label {
    display: none!important
}

hr {
    height: 1px;
    border: 0;
    background: #efefef
}

.title-page,h1,h2 {
    color: #292c33;
    text-align: left;
    text-transform: uppercase
}

h1 {
    padding: 15px 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px
}

.title-page,h2 {
    line-height: 1;
    font-size: 20px
}

.dark_skin .title-page,.dark_skin h1,.dark_skin h2 {
    color: #fff
}

.dark_skin h3 {
    color: #b6bccc
}

table {
    border: 0;
    border-collapse: collapse
}

table td {
    padding: 0;
    vertical-align: top
}

table.tableform {
    width: 100%
}

input,select,textarea {
    box-sizing: border-box
}

button.focus,button:active,input.focus,input:active,select.focus,select:active,textarea.focus,textarea:active {
    outline: 0
}

button,input,select,textarea {
    outline: 0;
    font-family: "Roboto",sans-serif
}

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pseudo {
    color: #000;
    cursor: pointer;
    border-bottom: 1px dotted
}

.pseudo:hover {
    color: #333
}

.clearfix:after,.clr:after,.col:after,.skin:after {
    height: 0;
    content: '';
    clear: both;
    font-size: 0;
    display: block;
    visibility: hidden
}

.col,.col .col__item,.skin {
    position: relative
}

.col .col__item {
    float: left
}

.col .col__item.col__item_half {
    width: 50%
}

.flexbox {
    display: -ms-flexbox;
    display: flex
}

.b,.ci {
    content: ' ';
    position: absolute
}

.b {
    display: block
}

.ci {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.page-wrapper {
    width: 100%;
    min-height: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background: url(../../img/bg.png)
}

.page-wrapper:after {
    content: " ";
    display: table;
    clear: both
}

.dark_skin .page-wrapper {
    background: url(../../img/bg-dark.png)
}

.page-buffer,.page-footer {
    width: 100%;
    height: 60px
}

.page-footer {
    bottom: 0;
    position: absolute
}

.title-page {
    padding: 0;
    display: inline-block
}

.title-page.special {
    font-weight: 600
}

.container,.container-main {
    width: 930px;
    overflow: visible;
    position: relative;
    background-color: #fff
}

.container {
    box-sizing: border-box;
    margin: 0 auto;
    display: table
}

.container.social-counters {
    padding: 10px 20px
}

.container.last-news {
    padding: 30px 20px 30px 25px
}

.container.user-playlists-slider {
    padding: 30px 20px 30px 25px;
    margin-bottom: 30px
}

.play .container .remove-sda-wrap {
    top: 0
}

.topmenu .container {
    padding: 0;
    background-color: transparent
}

.container .remove-sda-wrap {
    top: 0;
    right: 0;
    position: absolute
}

.container .top-block,.top-avd .container {
    padding: 0;
    background: #fff
}

.container,.container .top-block>div,.top-avd .container>div {
    padding: 30px
}

.container .top-block>div span,.top-avd .container>div span {
    border: 0!important
}

.container .top-block>div span:hover,.top-avd .container>div span:hover {
    box-shadow: none!important
}

.dark_skin .container {
    background-color: #202229
}

@media screen and (min-width: 1360px) {
    .container.last-news {
        padding:30px
    }

    .container.social-counters {
        padding: 10px 30px
    }
}

.container-main {
    padding: 0;
    height: 100%;
    margin: 30px auto
}

.container-main.bread-news {
    box-sizing: border-box;
    margin: 30px auto!important;
    background: 0 0
}

.container-main.opened-filter aside {
    z-index: 100;
    position: relative
}

.vip_page .container-main {
    margin: 0;
    width: 100%
}

.vip_page .container-main #content {
    padding: 0;
    width: 100%;
    display: block
}

.body-guest .vip_page .container-main #content {
    padding: 0!important
}

#main.torrent .container-main,.post_info .container-main,.show_one_review .container-main,.showfull .container-main,.social_friends .container-main,.social_message .container-main,.social_messages .container-main,.social_new_message .container-main,.social_news .container-main,.social_profile .container-main,.social_settings .container-main,.social_users .container-main,.trailers .container-main {
    margin-top: 0
}

.dark_skin #content,.dark_skin #content .players,.dark_skin .container-main,.dark_skin .container-main .players {
    background-color: #202229
}

@media screen and (min-width: 1360px) {
    .container,.container-main {
        width:1280px
    }

    .container #content,.container-main #content {
        width: 980px
    }
}

@media screen and (min-width: 1950px) {
    .container,.container-main {
        width:1650px
    }

    .container #content,.container-main #content {
        width: 1320px;
        padding: 26px 30px 30px
    }
}

#main #breadcrumb {
    height: 16px;
    color: #8f95a3;
    font-size: 12px;
    margin-bottom: 20px
}

#main #breadcrumb a,#main #breadcrumb span {
    color: #f26739;
    font-size: 12px;
    display: inline-block
}

#main #breadcrumb a.active,#main #breadcrumb a.current,#main #breadcrumb a:hover,#main #breadcrumb span.active,#main #breadcrumb span.current,#main #breadcrumb span:hover,.dark_skin aside .aside-wrap .aside-comments .aside-comments-item .comments-title:hover,aside .aside-wrap .aside-block .next:hover:before,aside .aside-wrap .aside-block .prev:hover:before {
    color: #8f95a3
}

#main #breadcrumb .separetor {
    margin: 0 6px;
    color: #8f95a3;
    display: inline-block
}

.bottom-avd {
    display: none;
    margin-bottom: 30px
}

@media screen and (min-width: 1360px) {
    .content-avd {
        width:940px
    }
}

@media screen and (min-width: 1950px) {
    .content-avd {
        width:1260px
    }
}

.top-block,.ui-dialog .ui-dialog-content article form.lostpassword {
    margin-top: 0
}

.title-page .count,.title__page .count {
    border-radius: 10px;
    color: #fff;
    margin: 0 10px;
    font-size: 14px;
    padding: 0 8px;
    line-height: 20px;
    font-weight: 700;
    vertical-align: top;
    background: #535865;
    display: inline-block
}

.title__page {
    padding: 15px 0!important;
    display: inline-block
}

body .all-news-href {
    border-radius: 2px;
    right: 20px;
    bottom: 15px;
    display: block;
    font-size: 16px;
    position: absolute;
    padding-right: 3px;
    border-bottom: 2px solid;
    -o-border-image: url(../../img/svg/circle.svg);
    border-image: url(../../img/svg/circle.svg);
    border-image-slice: 0 0 1 0;
    border-image-repeat: repeat
}

aside .aside-wrap .aside-comments .comments-header .all-aside-comments>a:hover,body .all-news-href:hover {
    border-bottom: 2px solid;
    -o-border-image: url(../../img/svg/circleActive.svg);
    border-image: url(../../img/svg/circleActive.svg);
    border-image-slice: 0 0 1 0;
    border-image-repeat: repeat
}

.block-accordion.frames body .all-news-href {
    right: 0;
    bottom: 25px
}

#frame .box-article {
    width: 400px
}

#frame .box-article li {
    width: inherit
}

#mediainfo .box-article {
    height: 450px
}

.list-files-container .box-article {
    min-height: 380px
}

.ui-dialog .ui-dialog-content article .box-article {
    width: 620px;
    height: 410px;
    outline: 0
}

.ui-dialog .ui-dialog-content article .box-article span.lable {
    width: 160px;
    color: #a1a5b1;
    font-weight: 400;
    vertical-align: top;
    display: inline-block
}

.ui-dialog .ui-dialog-content article .box-article span.item-content {
    width: 340px;
    display: inline-block
}

@media screen and (min-width: 1360px) {
    .ui-dialog .ui-dialog-content article .box-article {
        width:720px;
        height: 530px
    }
}

@media screen and (min-width: 1950px) {
    .ui-dialog .ui-dialog-content article .box-article {
        height:630px
    }
}

.m-button {
    box-sizing: border-box;
    border-radius: 4px;
    transition: .3s;
    color: #fff!important;
    font-size: 26px;
    cursor: pointer;
    font-weight: 700;
    text-align: center;
    background: #f26739;
    display: inline-block;
    text-transform: uppercase;
    border: 2px solid transparent;
    -webkit-appearance: none
}

.m-button:hover {
    transition: .3s;
    color: #f26739!important;
    background: #fff;
    border-color: #f26739
}

.dark_skin .m-button:hover {
    background: 0 0
}

#profile #social-accounts .col-50 .btn .m-button {
    width: 100px;
    font-size: 12px;
    line-height: 30px;
    text-transform: none
}

#profile #social-accounts .col-50 .btn .m-button.active:hover,#profile #social-accounts .col-50 .btn .m-button:hover {
    color: #f26739!important;
    border-color: #f26739!important
}

#profile #social-accounts .col-50 .btn .m-button.active {
    background-color: #fff!important;
    border-color: #8f95a3;
    color: #8f95a3!important
}

#add_photo_cat .part-2 .form-photo .panel-btn .m-button {
    width: 110px;
    font-size: 10px
}

#add_photo_cat .part-2 .form-photo .panel-btn .m-button.cancel-btn {
    border-radius: 4px;
    height: auto;
    margin-left: 0
}

.dark_skin #profile #social-accounts .col-50 .btn .m-button.active {
    background-color: transparent!important
}

.modal-block,.modal-block-authorization,.ui-helper-hidden-accessible {
    display: none
}

.modal-block textarea {
    width: 100%
}

.modal-block .bugs-btn,.modal-block .cancel-btn,.modal-block .deals-btn {
    border-radius: 2px;
    width: 150px;
    height: 40px;
    font-size: 12px
}

.modal-block .cancel-btn {
    margin-left: 15px;
    background: #8f95a3
}

.modal-block .cancel-btn:hover {
    color: #8f95a3!important;
    border-color: #8f95a3!important;
    background: #fff
}

#help #block-scroll {
    outline: 0;
    overflow: hidden!important
}

#help #block-scroll p:first-child {
    margin-top: 6px
}

#added-info #block-scroll {
    height: 400px;
    overflow: hidden!important
}

#dropmenudiv {
    top: 0;
    left: 0;
    z-index: 22;
    width: 250px;
    display: none;
    margin-top: 3px;
    overflow: hidden;
    position: absolute;
    background: #f4f6fa;
    opacity: 1!important;
    box-shadow: 0 19px 29px rgba(0,0,0,.2)
}

#dropmenudiv a,#dropmenudiv span {
    height: 30px;
    display: block;
    color: #535865;
    cursor: pointer;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 30px
}

#dropmenudiv a:hover,#dropmenudiv span:hover,#main .playlists article.pl .edit .block .edit-items div:hover,#main.favorites article.pl .edit .block .edit-items div:hover,#main.playlist article.pl .edit .block .edit-items div:hover,#main.playlists article.pl .edit .block .edit-items div:hover {
    background: #e0e3e9
}

.tooltip-block {
    color: #fff;
    padding: 10px;
    font-size: 14px;
    background: gray;
    position: absolute
}

aside .colorDefault {
    color: #fff!important
}

.colorDefault {
    color: #8f95a3!important
}

.colorGray,.colorGray a {
    color: #2c82a3!important
}

.colorBlue,.colorBlue a {
    color: #1886db!important
}

.colorPink,.colorPink a {
    color: #d065cf!important
}

.colorViolet,.colorViolet a {
    color: #9c1e72!important
}

.colorRed,.colorRed a {
    color: #be0723!important
}

.colorDarkRed,.colorDarkRed a {
    color: #9e0000!important
}

.colorYellow,.colorYellow a {
    color: #f36910!important
}

.colorDarkGreen,.colorDarkGreen a {
    color: #138305!important
}

.colorGreen,.colorGreen a {
    color: #5c8b3a!important
}

.information,.information-block {
    box-sizing: border-box;
    width: 100%;
    color: #535865;
    margin: 15px 0;
    font-size: 13px;
    padding: 15px 20px;
    display: inline-block;
    background-color: #f4f4f6
}

.information-block.noads,.information.noads {
    line-height: 20px
}

.information-block.noads .containerAntiAdBlock,.information.noads .containerAntiAdBlock {
    padding-right: 0
}

.information-block.noads .containerAntiAdBlock .buttons,.information.noads .containerAntiAdBlock .buttons {
    margin: 20px 10px 10px
}

.information-block.noads .containerAntiAdBlock .buttons .disable,.information.noads .containerAntiAdBlock .buttons .disable {
    width: 240px;
    font-weight: 700;
    text-transform: uppercase
}

.information-block.halloween,.information-block.valentines-day,.information-block.warning,.information.halloween,.information.valentines-day,.information.warning {
    position: relative;
    padding: 15px 20px 15px 50px
}

.information-block.valentines-day:before,.information-block.warning:before,.information.valentines-day:before,.information.warning:before {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    top: 0;
    bottom: 0;
    left: 15px;
    content: '';
    margin: auto;
    position: absolute;
    display: inline-block
}

.information-block.warning:before,.information.warning:before {
    background: url(../../img/svg/warningActive.svg) no-repeat 0 0
}

.information-block.valentines-day:before,.information.valentines-day:before {
    background: url(../../img/svg/valentines-day.svg) no-repeat 0 0
}

.information-block.halloween:before,.information.halloween:before {
    top: -2px;
    bottom: 0;
    left: 10px;
    content: '';
    width: 29px;
    height: 26px;
    margin: auto;
    display: block;
    position: absolute;
    background: url(../../img/halloween.png) no-repeat 0 0;
    background-size: 29px 26px
}

.information-block.action,.information.action {
    margin: 0 0 15px
}

.information-block.action span,.information.action span {
    font-weight: 700
}

.information-block.action span.red,.information.action span.red {
    color: #f26838
}

.information-block.action .tablet,.information.action .tablet {
    margin: 0 5px
}

.information-block.action .tablet span,.information.action .tablet span {
    color: #fff!important;
    padding: 2px 4px;
    text-transform: uppercase
}

.information-block.action .tablet .red,.information.action .tablet .red {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #ff293d
}

.information-block.action .tablet .green,.information.action .tablet .green {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #75c71b
}

.information-block.black-friday span.red,.information.black-friday span.red {
    color: #ee3442
}

.information-block.download,.information.download {
    margin: 0 0 15px;
    background-color: #f4f4f6;
    border-left: 3px solid #dedfe3
}

.information-block.no-auth,.information.no-auth {
    margin-bottom: 0
}

.information p,.information-block p {
    margin: 0!important;
    height: auto!important
}

.dark_skin .information,.dark_skin .information-block {
    color: #d3d4da;
    background-color: #292c33
}

.dark_skin .information-block.download,.dark_skin .information.download {
    color: #fff;
    background-color: #292c33
}

.indicator {
    height: 3px;
    bottom: -2px;
    position: absolute;
    will-change: left,right;
    background-color: #f26739
}

.visually-hidden {
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}

.alert {
    box-sizing: border-box;
    width: 200px;
    height: 34px;
    padding: 10px;
    line-height: 12px;
    margin-left: 10px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid transparent
}

.alert.good {
    color: #80cb37;
    border-color: #d5eeba;
    background: rgba(128,203,55,.1)
}

.alert.bad {
    color: #ff293d;
    border-color: #ffbec4;
    background-color: #fdeae9
}

.btn-down,.btn-up {
    width: 10px;
    height: 6px
}

.btn-down:after,.btn-up:after {
    font-size: 6px;
    color: #8f95a3
}

.clear-loading,.page-content {
    position: relative
}

.clear-loading {
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box
}

.bold {
    font-weight: 700
}

.android-telegram-main {
    top: 20%;
    right: 0;
    height: 0;
    width: 44px;
    z-index: 100;
    display: block;
    position: fixed;
    overflow: visible;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1)
}

.android-telegram-main a {
    padding: 7px;
    display: block;
    background-color: #fff
}

.android-telegram-main a i {
    display: block
}

.android-telegram-main a.android-link {
    border-bottom: 1px solid #e5e6e8
}

.android-telegram-main a.android-link i {
    background: url(../../img/svg/androidMain.svg) no-repeat 0 0;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.android-telegram-main a.telegram-link i {
    background: url(../../img/svg/telegramMain.svg) no-repeat 0 0;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.telegram-wrap .telegram-item {
    font-size: 14px;
    line-height: 24px;
    position: relative;
    padding-left: 40px;
    margin-bottom: 5px
}

.telegram-wrap .telegram-item:before {
    top: 7px;
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    margin-left: -30px;
    border-radius: 50%;
    background: #f26739
}

.body-guest {
    background: url(../../img/404.png)
}

.body-guest .page-wrapper {
    width: 1650px;
    margin: 200px auto 0;
    background: #e5e6e8
}

.body-guest .footer-menu {
    margin-right: 20px!important
}

.body-guest #content {
    padding: 26px 20px 30px 10px!important
}

@media (max-width: 1950px) {
    .body-guest .page-wrapper {
        width:1280px
    }
}

@media (max-width: 1359px) {
    .body-guest .page-wrapper {
        width:930px
    }

    .body-guest #content {
        padding: 26px 20px 30px 10px!important
    }
}

#beta .content-btn .left .btn:hover .mail:before,#beta .content-btn .right .btn:hover .mail:before,.primary-color,.top-btn:hover .top-btn-pic:before,.top-btn:hover .top-btn-text {
    color: #f26739
}

.no-poster {
    width: 220px;
    height: 313px;
    display: block;
    position: relative;
    background: #f3f4f5
}

.no-poster.icon-noimage:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 112px;
    height: 120px;
    color: #d3d4da;
    font-size: 120px
}

.dark_skin .no-poster {
    background-color: #292c33
}

.top-btn {
    right: 5px;
    bottom: 10%;
    width: auto;
    z-index: 222;
    display: none;
    cursor: pointer;
    position: fixed;
    background: 0 0
}

.top-btn-pic {
    height: 80px;
    display: block;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.top-btn-pic:before {
    font-size: 80px;
    color: #d3d4da
}

.top-btn-text {
    width: 80px;
    height: 20px;
    color: #8f95a3;
    display: block;
    font-size: 14px;
    margin-top: 15px;
    font-weight: 700;
    text-align: center
}

.copyinfo {
    width: 1px;
    opacity: 0;
    height: 1px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    margin: 5px 0 0 -1px
}

#beta p {
    margin-bottom: 10px
}

#beta .content-btn {
    font-size: 0;
    text-align: center;
    margin-bottom: 10px
}

#beta .content-btn .left,#beta .content-btn .right {
    box-sizing: border-box;
    width: 270px;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
    display: inline-block
}

#beta .content-btn .left .btn,#beta .content-btn .right .btn {
    border-radius: 3px;
    transition: .3s;
    width: 220px;
    height: 120px;
    margin: 0 auto;
    cursor: pointer;
    border: 3px solid #8f95a3
}

#beta .content-btn .left .btn:hover,#beta .content-btn .right .btn:hover {
    transition: .3s;
    border-color: #f26739
}

#beta .content-btn .left .btn:hover h4,#beta .content-btn .right .btn:hover h4 {
    transition: .3s;
    color: #f26739
}

#beta .content-btn .left .mail,#beta .content-btn .right .mail {
    width: 50px;
    height: 40px;
    position: relative;
    margin: 30px auto 5px;
    display: inline-block;
    vertical-align: middle
}

#beta .content-btn .left .mail:before,#beta .content-btn .right .mail:before {
    left: 0;
    color: #8f95a3;
    font-size: 40px;
    position: absolute
}

#beta .content-btn .left h4,#beta .content-btn .right h4 {
    width: 180px;
    color: #8f95a3;
    margin: 0 auto;
    font-size: 18px;
    line-height: 20px;
    word-wrap: initial;
    text-align: center;
    text-transform: lowercase
}

@media screen and (min-width: 1360px) {
    #beta .content-btn .left,#beta .content-btn .right {
        width:305px
    }

    #beta .content-btn .left .btn,#beta .content-btn .right .btn {
        width: 260px;
        height: 150px
    }

    #beta .content-btn .left .btn h4,#beta .content-btn .right .btn h4 {
        width: 200px
    }

    #beta .content-btn .left .mail,#beta .content-btn .right .mail {
        margin: 30px auto 20px
    }

    #beta .content-btn .left h4,#beta .content-btn .right h4 {
        line-height: 24px
    }
}

#beta .content-btn .left {
    margin-right: 50px
}

@media screen and (min-width: 1950px) {
    #beta .content-btn .left {
        margin-right:100px
    }
}

#beta .content-btn .clr {
    clear: both
}

#beta.ui-dialog-content {
    min-height: 400px!important
}

#beta.ui-dialog-content .dialog-content {
    height: 380px
}

@media screen and (min-width: 1360px) {
    #beta.ui-dialog-content .dialog-content {
        height:400px
    }
}

#beta.ui-dialog-content textarea {
    resize: none;
    height: 240px;
    margin: 20px 0
}

@media screen and (min-width: 1360px) {
    #beta.ui-dialog-content textarea {
        height:270px
    }
}

#beta.ui-dialog-content textarea:focus {
    border: 1px solid #bfbfbf
}

#beta.ui-dialog-content .user-information {
    display: none
}

#beta.ui-dialog-content .user-info textarea {
    height: 205px
}

@media screen and (min-width: 1360px) {
    #beta.ui-dialog-content .user-info textarea {
        height:235px
    }
}

#beta.ui-dialog-content .user-info .user-information {
    font-size: 0;
    display: inline-block
}

#beta.ui-dialog-content .user-info .input-form {
    width: 300px;
    height: 35px;
    font-size: 14px;
    padding: 0 10px;
    margin-right: 20px;
    border-radius: 2px;
    background: #f8f8f9;
    border: 1px solid #ededed
}

#beta.ui-dialog-content .user-info .input-form:focus {
    background: #fff;
    border: 1px solid #bfbfbf
}

#beta.ui-dialog-content .user-info .input-form:last-child {
    margin-right: 0
}

#beta.ui-dialog-content .user-info .input-form.hasError {
    box-shadow: 0 0 3px rgba(226,0,0,.8)
}

@media screen and (min-width: 1360px) {
    #beta.ui-dialog-content .user-info .input-form {
        width:350px
    }
}

@media screen and (min-width: 1950px) {
    #beta.ui-dialog-content .user-info .input-form {
        width:400px
    }
}

aside {
    box-sizing: border-box;
    width: 300px;
    height: inherit;
    text-align: center;
    display: table-cell;
    vertical-align: top;
    background-color: #f4f6fa;
    box-shadow: inset 1px 0 0 #dddfe3
}

#main aside .slider-wrap#news-wrap .slider-item {
    margin: 0;
    width: 270px;
    text-align: left
}

#main aside .now-playing-list.now-playing .name-movie {
    width: 220px
}

#main aside .now-playing-list .list-item {
    padding: 0 15px 0 29px
}

#main aside .now-playing-list .list-item:hover {
    background-color: #d4d7df;
    border-left: 3px solid #7d8493
}

#main aside .now-playing-list .list-item:hover .name-rus {
    color: #292c33!important
}

#main aside .now-playing-list .name-movie {
    position: relative
}

#main aside .now-playing-list .serial-rating {
    color: #535865;
    font-size: 14px;
    font-weight: 700;
    margin-left: 14px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle
}

#main aside .now-playing-list .serial-rating.active {
    color: #75c71b
}

@media screen and (min-width: 1950px) {
    #main aside .aside-wrap .now-playing-list .list-item {
        padding-left:28px
    }

    #main aside {
        width: 330px
    }

    #main aside .aside-wrap .aside-block {
        padding: 28px 30px 0
    }
}

.dark_skin aside {
    background-color: #1a1b22;
    box-shadow: inset 1px 0 0 #2e2f36
}

.dark_skin aside .aside-title,.dark_skin aside .aside-title .aside-link {
    color: #fff
}

.dark_skin aside .name-movie .name-rus {
    color: #f26739
}

.dark_skin aside .name-movie .name-eng {
    color: #535865
}

aside .aside-title {
    color: #292c33;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 15px;
    text-transform: uppercase
}

aside .aside-title .aside-link {
    color: #292c33
}

.dark_skin aside .aside-wrap .aside-comments .aside-comments-item .comments-publish .comments-author,.ui-dialog .ui-dialog-content article p a,aside .aside-title .aside-link:hover,aside .aside-wrap .aside-block #comming-soon .name-movie:hover .name-rus,aside .aside-wrap .aside-block #now-watching .name-movie:hover .name-rus,aside .aside-wrap .aside-comments .aside-comments-item .comments-title:hover,aside .aside-wrap .birth-day .name-actor .name-rus:hover {
    color: #f26739
}

aside .playing-poster {
    width: 220px;
    height: 313px;
    display: block;
    margin: 0 auto;
    overflow: hidden
}

aside .playing-poster.man:before,aside .playing-poster.woman:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-size: 112px 120px;
    width: 112px;
    height: 120px;
    vertical-align: middle;
    content: ""
}

aside .playing-poster.woman:before {
    background: url(../../img/svg/noposter-woman.svg) no-repeat 0 0
}

aside .playing-poster.man:before {
    background: url(../../img/svg/noposter-man.svg) no-repeat 0 0
}

aside .name-movie {
    width: 160px;
    min-height: 20px;
    padding: 15px 0 10px;
    display: inline-block;
    vertical-align: middle
}

aside .name-movie .name-rus {
    display: block;
    color: #292c33;
    font-size: 15px;
    font-weight: 700;
    line-height: 16px
}

aside .name-movie .name-eng {
    color: #8f95a3;
    display: block;
    font-size: 13px;
    line-height: 16px
}

aside .aside-wrap {
    position: -webkit-sticky;
    position: sticky
}

aside .aside-wrap .birth-day {
    margin-bottom: 30px
}

aside .aside-wrap .birth-day .aside-title {
    margin-top: 10px
}

aside .aside-wrap .birth-day .name-actor {
    width: 220px;
    padding: 18px 0 10px;
    display: inline-block;
    vertical-align: middle
}

aside .aside-wrap .birth-day .name-actor .name-rus {
    color: #292c33;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 16px
}

aside .aside-wrap .birth-day .years-old {
    color: #8f95a3;
    display: block;
    font-size: 13px;
    margin-top: 5px;
    line-height: 16px
}

aside .aside-wrap .birth-day .slider-item .playing-poster,aside .aside-wrap .birth-day .slider-item .playing-poster img {
    height: 348px
}

aside .avd {
    width: 220px;
    height: inherit;
    text-align: center;
    margin: 10px auto 0
}

aside .avd,aside .info-a {
    display: block
}

.premiere-cal td,aside .info-a,aside .info-b {
    height: inherit;
    text-align: center
}

aside .info-a {
    width: 300px;
    margin: 0 auto
}

aside .info-b {
    width: 200px;
    display: none;
    margin: 0 auto;
    position: static;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

aside .info-b.fixed {
    top: 0;
    opacity: 1;
    position: fixed
}

#vk_groups {
    display: block;
    margin: 0 auto!important
}

#MarketGidComposite586892 .mgbox {
    width: 100%!important
}

.mgline {
    padding: 1px!important
}

.mgline,.mgline:hover {
    border: 0!important
}

.now-playing-list {
    text-align: left
}

.dark_skin .now-playing-list .list-item:hover .name-rus {
    color: #f05521!important
}

.dark_skin .now-playing-list .list-item.active-poster,.dark_skin .now-playing-list .list-item:hover {
    background: #292c33
}

.now-playing-list.main-page .list-item:hover {
    background: 0 0;
    border-left: 3px solid transparent
}

.now-playing-list.main-page .list-item:hover .name-rus {
    color: #f26739!important
}

.now-playing-list .list-item {
    font-size: 0;
    min-height: 40px;
    border-left: 3px solid transparent
}

.now-playing-list .list-item.active-poster {
    background-color: #e7eaf1;
    border-left: 3px solid #7d8493
}

.now-playing-list .list-item:hover {
    background-color: #d4d7df;
    border-left: 3px solid #7d8493
}

.now-playing-list .list-item .list-number {
    color: #8f95a3;
    font-size: 20px;
    line-height: 16px;
    margin-right: 13px;
    display: inline-block;
    vertical-align: middle
}

.premiere-cal td {
    width: 35px;
    height: 35px;
    color: #bcc0c7;
    font-size: 14px;
    line-height: 35px;
    vertical-align: top;
    display: inline-block
}

.post_info .news-aside,.post_info .now-playing-list,.post_info .popular-cat {
    display: none
}

.content-avd {
    width: 590px;
    margin-top: 15px;
    position: relative
}

.fixedsticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

aside .aside-wrap .aside-block {
    padding: 28px 15px 10px
}

aside .aside-wrap .aside-block.popular-cat .name-movie {
    width: 200px
}

.ui-dialog .ui-dialog-content.authblock article div.info-text,aside .aside-wrap .aside-block.news-aside {
    padding-top: 15px
}

aside .aside-wrap .aside-block .slider#now-playing {
    height: 315px
}

aside .aside-wrap .aside-block .slider#latest-news {
    height: 460px
}

aside .aside-wrap .aside-block #comming-soon .name-movie,aside .aside-wrap .aside-block #now-watching .name-movie {
    padding: 15px 0 4px
}

aside .aside-wrap .aside-block #comming-soon .name-movie .name-eng,aside .aside-wrap .aside-block #comming-soon .name-movie .name-rus,aside .aside-wrap .aside-block #now-watching .name-movie .name-eng,aside .aside-wrap .aside-block #now-watching .name-movie .name-rus {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

aside .aside-wrap .aside-block #comming-soon .playing-poster,aside .aside-wrap .aside-block #now-watching .playing-poster {
    margin: 0 auto 5px
}

aside .aside-wrap .aside-block #comming-soon .name-eng,aside .aside-wrap .aside-block #now-watching .name-eng {
    margin-top: 5px
}

aside .aside-wrap .aside-block .next,aside .aside-wrap .aside-block .prev {
    top: 0;
    width: 10px;
    height: 15px;
    bottom: 37px;
    margin: auto;
    cursor: pointer;
    position: absolute
}

aside .aside-wrap .aside-block .next:before,aside .aside-wrap .aside-block .prev:before {
    left: 0;
    color: #d3d4da;
    font-size: 15px
}

aside .aside-wrap .aside-block .prev {
    left: 0;
    z-index: 10
}

aside .aside-wrap .aside-block .next {
    right: 0
}

aside .aside-wrap .aside-block .slider {
    width: 270px;
    height: 380px;
    overflow: hidden
}

aside .aside-wrap .aside-block .slider .slider-item {
    width: 220px;
    margin: 0 25px;
    vertical-align: top;
    display: inline-block
}

aside .aside-wrap .aside-block .slider .playing-poster img {
    width: 220px;
    height: 313px
}

aside .aside-wrap .aside-block .slider#birth_day {
    height: 420px
}

aside .aside-wrap .aside-block .aside-banner {
    display: block;
    margin-bottom: 10px
}

aside .aside-wrap .aside-comments {
    padding: 20px 0 0
}

aside .aside-wrap .aside-comments .comments-header {
    display: block;
    padding: 0 30px
}

.ui-dialog .ui-dialog-content#register article form:after,.ui-dialog .ui-dialog-content#register-2 article form:after,.ui-dialog .ui-dialog-content#register-3 article form:after,aside .aside-wrap .aside-comments .aside-comments-item .comments-publish:after,aside .aside-wrap .aside-comments .comments-header:after {
    content: " ";
    display: table;
    clear: both
}

aside .aside-wrap .aside-comments .comments-header .aside-title {
    float: left;
    line-height: 20px
}

aside .aside-wrap .aside-comments .comments-header .all-aside-comments {
    float: right;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

aside .aside-wrap .aside-comments .comments-header .all-aside-comments>a {
    border-radius: 2px;
    font-weight: 400;
    padding-right: 3px;
    border-bottom: 2px solid;
    -o-border-image: url(../../img/svg/circle.svg);
    border-image: url(../../img/svg/circle.svg);
    border-image-slice: 0 0 1 0;
    border-image-repeat: repeat
}

aside .aside-wrap .aside-comments .aside-comments-item {
    box-sizing: border-box;
    display: block;
    text-align: left;
    position: relative;
    margin-bottom: 1px;
    background-color: #fff;
    padding: 15px 30px 26px
}

aside .aside-wrap .aside-comments .aside-comments-item:after {
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    bottom: -1px;
    position: absolute;
    background: #dddfe3
}

aside .aside-wrap .aside-comments .aside-comments-item.positive {
    box-shadow: inset 4px 0 0 #98d554
}

aside .aside-wrap .aside-comments .aside-comments-item.negative {
    box-shadow: inset 4px 0 0 #ff5f6e
}

aside .aside-wrap .aside-comments .aside-comments-item .comments-title {
    transition: .3s;
    color: #8f95a3;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.dark_skin aside .aside-wrap .aside-comments .aside-comments-item .comments-title,.ui-dialog .ui-dialog-content.authblock .modalCloseImg:hover {
    color: #fff
}

aside .aside-wrap .aside-comments .aside-comments-item .comments-discription {
    width: 240px;
    color: #535865;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 13px;
    word-wrap: break-word
}

.ui-dialog .ui-dialog-content#after_registration .socials .social-account:before,aside .aside-wrap .aside-comments .aside-comments-item .comments-discription .title_spoiler {
    display: none
}

.dark_skin aside .aside-wrap .aside-comments .aside-comments-item .comments-discription {
    color: #b6bccc
}

aside .aside-wrap .aside-comments .aside-comments-item .comments-publish {
    display: block;
    font-size: 12px;
    line-height: 15px
}

aside .aside-wrap .aside-comments .aside-comments-item .comments-publish .comments-author {
    float: left;
    color: #535865;
    display: block;
    cursor: default;
    position: relative;
    padding-left: 25px
}

aside .aside-wrap .aside-comments .aside-comments-item .comments-publish .comments-author:before {
    left: 0;
    top: -3px;
    width: 21px;
    content: '';
    height: 20px;
    position: absolute;
    background: url(../../img/icons/no-avatar.png) center no-repeat
}

aside .aside-wrap .aside-comments .aside-comments-item .comments-publish .comments-time {
    float: right;
    color: #8f95a3
}

.dark_skin aside .aside-wrap .aside-comments .aside-comments-item {
    background-color: #202229
}

.dark_skin aside .aside-wrap .aside-comments .aside-comments-item:after {
    background: #2e2f36
}

.ui-widget-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    position: fixed;
    filter: alpha(opacity=90);
    background-color: #d7ddeb
}


.ui-dialog {
    box-shadow: 0 3px 7px rgba(0,0,0,.3);
    left: 0!important;
    right: 0!important;
    padding: 0;
    outline: 0;
    top: 50px;
    margin: auto;
    z-index: 1050;
    font-size: 12px;
    position: absolute!important;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ced3e2;
    background-clip: padding-box
}

.ui-dialog textarea {
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    width: 100%;
    border: 0;
    font-size: 13px;
    margin: 20px 0 0;
    resize: vertical;
    min-height: 130px;
    line-height: 20px;
    border-radius: 2px;
    background: #f8f8f9;
    padding: 16px 20px 0
}

.ui-dialog textarea:active,.ui-dialog textarea:focus {
    background: #fff
}

.ui-dialog .ui-dialog-content#register .select#gender .select-items .select-item,.ui-dialog .ui-dialog-content#register article .update img,.ui-dialog .ui-dialog-content#register-2 .select#gender .select-items .select-item,.ui-dialog .ui-dialog-content#register-2 article .update img,.ui-dialog .ui-dialog-content#register-3 .select#gender .select-items .select-item,.ui-dialog .ui-dialog-content#register-3 article .update img,.ui-dialog .ui-dialog-content#register-3 form,.ui-dialog .ui-dialog-content.authblock article .update_auth img,.ui-dialog .ui-dialog-content.authblock article div #restor:hover:after,.ui-dialog .ui-dialog-content.authblock article div.info-text .authspan #registred:hover:after,.ui-dialog textarea[name=own_reason] {
    width: 100%
}

.ui-dialog .dialog-title,.ui-dialog .ui-dialog-content.authblock article div {
    position: relative
}

.ui-dialog .dialog-title .ui-dialog-titlebar-close {
    top: -5px;
    border: 0;
    bottom: 0;
    width: 30px;
    right: -30px;
    height: 30px;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    background: 0 0
}

#main .line-block article .panel-wrap .panel .future .list-container .pllist .submit:active,#main .line-block article .panel-wrap .panel .future .list-container .pllist .submit:focus,.ui-dialog .dialog-title .ui-dialog-titlebar-close:active,.ui-dialog .dialog-title .ui-dialog-titlebar-close:focus,.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:active,.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
    outline: 0
}

.ui-dialog .dialog-title .ui-dialog-titlebar-close:before,.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    color: #d3d4da;
    font-size: 14px;
    content: '\e92a';
    display: inline-block;
    font-family: 'icomoon'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute
}

.ui-dialog .dialog-title .ui-dialog-titlebar-close span {
    width: 10px;
    margin: 1px;
    font-size: 0;
    display: block;
    color: transparent
}

.ui-dialog .dialog-title .ui-dialog-titlebar-close:hover:before,.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover:before {
    color: #c1c2c4
}

.ui-dialog .ui-dialog-titlebar {
    z-index: 2;
    cursor: default;
    position: relative
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    color: #f26739;
    cursor: default;
    font-size: 20px;
    padding: 0 30px;
    font-weight: 700;
    line-height: 80px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 3px solid #f26739
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    top: 0;
    border: 0;
    bottom: 0;
    right: 20px;
    width: 30px;
    height: 30px;
    margin: auto;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    background: 0 0
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
    width: 20px;
    height: 20px;
    font-size: 20px
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
    width: 10px;
    margin: 1px;
    display: block;
    color: transparent
}

.ui-dialog .ui-dialog-titlebar button::-moz-focus-inner {
    border: 0
}

.ui-dialog .ui-dialog-content {
    border: 0;
    clear: both;
    font-size: 14px;
    background: 0 0;
    line-height: 24px;
    padding: 0 0 20px;
    position: relative
}

.ui-dialog .ui-dialog-content .dialog-content {
    padding: 20px 40px 0
}

.ui-dialog .ui-dialog-content .title-dialog,.ui-dialog .ui-dialog-content h1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 22px;
    padding: 20px 0
}

.ui-dialog .ui-dialog-content header {
    color: #fff;
    padding: 20px 40px 0;
    height: 150px;
    font-weight: 400;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: #f26739
}

.ui-dialog .ui-dialog-content header h1 {
    font-size: 24px;
    font-weight: 400
}

.ui-dialog .ui-dialog-content header p {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px
}

.ui-dialog .ui-dialog-content article {
    padding: 40px 40px 0
}

.ui-dialog .ui-dialog-content article .report-text {
    margin-bottom: 15px
}

.ui-dialog .ui-dialog-content article.not-padding {
    padding: 0
}

.ui-dialog .ui-dialog-content article p {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 20px;
    display: inline-block
}

.ui-dialog .ui-dialog-content article p.question {
    color: #292c33;
    font-size: 15px;
    font-weight: 500;
    margin: 22px 0 10px
}

.ui-dialog .ui-dialog-content article form {
    margin-top: 20px
}

.ui-dialog .ui-dialog-content article form .div {
    height: 36px;
    margin-bottom: 24px
}

.ui-dialog .ui-dialog-content article form .g-recaptcha {
    height: 75px;
    margin-bottom: 20px
}

.ui-dialog .ui-dialog-content article form input {
    width: 200px;
    font-size: 15px;
    padding: 12px 0;
    border: 1px solid transparent;
    border-bottom-color: #e6e6e6
}

.ui-dialog .ui-dialog-content article form input.hasError {
    border-bottom-color: red!important
}

.ui-dialog .ui-dialog-content article form input:focus {
    border-bottom-color: #8d8d8d
}

.ui-dialog .ui-dialog-content article form input:focus:-moz-placeholder {
    color: #5a5a5a
}

.ui-dialog .ui-dialog-content article form input:focus::-webkit-input-placeholder {
    color: #5a5a5a
}

.ui-dialog .ui-dialog-content article form .reg-rules p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px
}

.ui-dialog .ui-dialog-content article form#editDevice input,.ui-dialog .ui-dialog-content article form#emailEdit input {
    width: 350px
}

.ui-dialog .ui-dialog-content article .registred,.ui-dialog .ui-dialog-content article .submit-registred {
    top: 7px;
    left: 0;
    color: #fff;
    width: 200px;
    height: 37px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
    line-height: 39px;
    border-radius: 2px;
    position: relative;
    text-align: center;
    background: #f26739;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid transparent
}

.ui-dialog .ui-dialog-content article .registred.not,.ui-dialog .ui-dialog-content article .submit-registred.not {
    cursor: default;
    background-color: rgba(240,85,33,.45)
}

.ui-dialog .ui-dialog-content article .registred.not:hover,.ui-dialog .ui-dialog-content article .submit-registred.not:hover {
    background-color: rgba(240,85,33,.45)
}

.ui-dialog .ui-dialog-content article .registred:hover,.ui-dialog .ui-dialog-content article .submit-registred:hover,.ui-dialog .ui-dialog-content.restorpass article .fbutton:hover {
    background-color: #f05521
}

.ui-dialog .ui-dialog-content article .go-miss {
    color: #8f95a3;
    margin: 10px 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    display: inline-block
}

.ui-dialog .ui-dialog-content article .go-miss:hover {
    color: #535865
}

.ui-dialog .ui-dialog-content#after_registration .title-mini,.ui-dialog .ui-dialog-content.mediainfo-container article h3 {
    font-size: 16px;
    font-weight: 700
}

.ui-dialog .ui-dialog-content#after_registration .main-ul {
    margin-bottom: 10px
}

.ui-dialog .ui-dialog-content#after_registration .main-ul li {
    padding-left: 30px;
    position: relative
}

.ui-dialog .ui-dialog-content#after_registration .main-ul li:before {
    border-radius: 50%;
    top: 9px;
    left: 10px;
    width: 8px;
    content: '';
    height: 8px;
    position: absolute;
    background: #f26739;
    display: inline-block
}

.ui-dialog .ui-dialog-content#after_registration .confirm {
    top: 7px;
    left: 0;
    color: #fff;
    width: 200px;
    height: 37px;
    font-size: 14px;
    margin-top: 5px;
    cursor: pointer;
    font-weight: 600;
    line-height: 37px;
    border-radius: 2px;
    position: relative;
    text-align: center;
    background: #f26739;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid transparent
}

.ui-dialog .ui-dialog-content#after_registration .confirm:hover {
    color: #fff!important;
    background-color: #f05521
}

.ui-dialog .ui-dialog-content#after_registration li {
    white-space: initial
}

.ui-dialog .ui-dialog-content#after_registration .socials .social-account {
    transition: .3s;
    padding: 0;
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 0;
    margin-right: 7px;
    line-height: 32px;
    position: relative;
    border-radius: 2px;
    vertical-align: top;
    display: inline-block
}

.AuthFooter .social-reg a.vk,.AuthFooter .social-reg span.vk,.ui-dialog .ui-dialog-content#after_registration .socials .social-account.vk {
    background-color: #40638c
}

.ui-dialog .ui-dialog-content#after_registration .socials .social-account.fb {
    background-color: #38559b
}

.ui-dialog .ui-dialog-content#after_registration .socials .social-account.tw {
    background-color: #54aced
}

.AuthFooter .social-reg a.od,.AuthFooter .social-reg span.od,.ui-dialog .ui-dialog-content#after_registration .socials .social-account.od {
    background-color: #f69700
}

.ui-dialog .ui-dialog-content#after_registration .socials .social-account.ig {
    background-color: #507392
}

.ui-dialog .ui-dialog-content#after_registration .socials .social-account a {
    height: 32px;
    display: block;
    position: relative
}

.ui-dialog .ui-dialog-content#after_registration .socials .social-account a:before {
    color: #fff;
    margin-left: 0;
    font-size: 32px;
    position: absolute
}

.ui-dialog .ui-dialog-content#register,.ui-dialog .ui-dialog-content#register-2,.ui-dialog .ui-dialog-content#register-3 {
    padding: 0;
    display: none;
    position: relative
}

.ui-dialog .ui-dialog-content#register header h1,.ui-dialog .ui-dialog-content#register-2 header h1,.ui-dialog .ui-dialog-content#register-3 header h1 {
    margin-top: 17px;
    padding-bottom: 12px
}

.ui-dialog .ui-dialog-content#register header p,.ui-dialog .ui-dialog-content#register-2 header p,.ui-dialog .ui-dialog-content#register-3 header p {
    line-height: 20px;
    font-weight: 400
}

.ui-dialog .ui-dialog-content#register article,.ui-dialog .ui-dialog-content#register-2 article,.ui-dialog .ui-dialog-content#register-3 article {
    padding: 20px 40px 10px
}

.ui-dialog .ui-dialog-content#register article.opacity,.ui-dialog .ui-dialog-content#register-2 article.opacity,.ui-dialog .ui-dialog-content#register-3 article.opacity,.ui-dialog .ui-dialog-content.authblock article.opacity {
    opacity: .5
}

.ui-dialog .ui-dialog-content#register article .step,.ui-dialog .ui-dialog-content#register-2 article .step,.ui-dialog .ui-dialog-content#register-3 article .step {
    color: #535865;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: uppercase
}

.ui-dialog .ui-dialog-content#register article p,.ui-dialog .ui-dialog-content#register-2 article p,.ui-dialog .ui-dialog-content#register-3 article p {
    line-height: 20px
}

.ui-dialog .ui-dialog-content#register article form,.ui-dialog .ui-dialog-content#register-2 article form,.ui-dialog .ui-dialog-content#register-3 article form {
    margin-top: 13px;
    display: inline-block
}

.ui-dialog .ui-dialog-content#register article form div.select-items,.ui-dialog .ui-dialog-content#register-2 article form div.select-items,.ui-dialog .ui-dialog-content#register-3 article form div.select-items {
    height: 250px
}

.ui-dialog .ui-dialog-content#register article .col-50,.ui-dialog .ui-dialog-content#register-2 article .col-50,.ui-dialog .ui-dialog-content#register-3 article .col-50 {
    margin-bottom: 15px;
    display: inline-block
}

.ui-dialog .ui-dialog-content#register article .col-50.col-left,.ui-dialog .ui-dialog-content#register-2 article .col-50.col-left,.ui-dialog .ui-dialog-content#register-3 article .col-50.col-left {
    margin-right: 20px
}

.ui-dialog .ui-dialog-content#register article .col-50.col-btn,.ui-dialog .ui-dialog-content#register-2 article .col-50.col-btn,.ui-dialog .ui-dialog-content#register-3 article .col-50.col-btn {
    height: 55px;
    margin-bottom: 0;
    position: relative;
    margin-right: 20px
}

.ui-dialog .ui-dialog-content#register article .col-50 label,.ui-dialog .ui-dialog-content#register-2 article .col-50 label,.ui-dialog .ui-dialog-content#register-3 article .col-50 label {
    color: #8f95a3;
    min-width: 65px;
    font-weight: 400;
    line-height: 30px
}

.ui-dialog .ui-dialog-content#register article .col-50 input,.ui-dialog .ui-dialog-content#register article .col-50 select,.ui-dialog .ui-dialog-content#register-2 article .col-50 input,.ui-dialog .ui-dialog-content#register-2 article .col-50 select,.ui-dialog .ui-dialog-content#register-3 article .col-50 input,.ui-dialog .ui-dialog-content#register-3 article .col-50 select {
    line-height: 29px
}

.ui-dialog .ui-dialog-content#register article .update,.ui-dialog .ui-dialog-content#register-2 article .update,.ui-dialog .ui-dialog-content#register-3 article .update {
    width: 30px;
    display: none;
    vertical-align: top
}

.ui-dialog .ui-dialog-content#register .select,.ui-dialog .ui-dialog-content#register-2 .select,.ui-dialog .ui-dialog-content#register-3 .select {
    z-index: 29;
    float: left;
    width: 200px;
    height: 58px;
    position: relative;
    margin: 0 10px 0 0
}

.ui-dialog .ui-dialog-content#register .select#birth_day,.ui-dialog .ui-dialog-content#register-2 .select#birth_day,.ui-dialog .ui-dialog-content#register-3 .select#birth_day {
    width: 45px
}

.ui-dialog .ui-dialog-content#register .select#birth_day .select-item,.ui-dialog .ui-dialog-content#register-2 .select#birth_day .select-item,.ui-dialog .ui-dialog-content#register-3 .select#birth_day .select-item {
    width: 26px
}

.ui-dialog .ui-dialog-content#register .select#birth_month,.ui-dialog .ui-dialog-content#register-2 .select#birth_month,.ui-dialog .ui-dialog-content#register-3 .select#birth_month {
    width: 70px
}

.ui-dialog .ui-dialog-content#register .select#birth_month .select-item,.ui-dialog .ui-dialog-content#register-2 .select#birth_month .select-item,.ui-dialog .ui-dialog-content#register-3 .select#birth_month .select-item {
    width: 55px
}

.ui-dialog .ui-dialog-content#register .select#birth_year,.ui-dialog .ui-dialog-content#register-2 .select#birth_year,.ui-dialog .ui-dialog-content#register-3 .select#birth_year {
    width: 58px;
    margin-right: 0
}

.ui-dialog .ui-dialog-content#register .select#birth_year .select-item,.ui-dialog .ui-dialog-content#register-2 .select#birth_year .select-item,.ui-dialog .ui-dialog-content#register-3 .select#birth_year .select-item {
    width: 41px
}

.ui-dialog .ui-dialog-content#register .select#gender .select-items,.ui-dialog .ui-dialog-content#register-2 .select#gender .select-items,.ui-dialog .ui-dialog-content#register-3 .select#gender .select-items {
    height: auto
}

.ui-dialog .ui-dialog-content#register .select#country,.ui-dialog .ui-dialog-content#register-2 .select#country,.ui-dialog .ui-dialog-content#register-3 .select#country {
    z-index: 30
}

.ui-dialog .ui-dialog-content#register .select#country .select-item,.ui-dialog .ui-dialog-content#register-2 .select#country .select-item,.ui-dialog .ui-dialog-content#register-3 .select#country .select-item {
    width: 196px
}

.ui-dialog .ui-dialog-content#register .select.opened .select-items,.ui-dialog .ui-dialog-content#register-2 .select.opened .select-items,.ui-dialog .ui-dialog-content#register-3 .select.opened .select-items {
    display: block
}

.ui-dialog .ui-dialog-content#register .select.opened.select-up,.ui-dialog .ui-dialog-content#register-2 .select.opened.select-up,.ui-dialog .ui-dialog-content#register-3 .select.opened.select-up {
    z-index: 40
}

.ui-dialog .ui-dialog-content#register .select.opened.select-up .select-items,.ui-dialog .ui-dialog-content#register-2 .select.opened.select-up .select-items,.ui-dialog .ui-dialog-content#register-3 .select.opened.select-up .select-items {
    top: -255px
}

.ui-dialog .ui-dialog-content#register .select.opened.select-up .gender.select-items,.ui-dialog .ui-dialog-content#register-2 .select.opened.select-up .gender.select-items,.ui-dialog .ui-dialog-content#register-3 .select.opened.select-up .gender.select-items {
    top: -95px
}

#main .line-block article .panel-wrap .panel .future.opened span:after,.ui-dialog .ui-dialog-content#register .select.opened .selected:after,.ui-dialog .ui-dialog-content#register-2 .select.opened .selected:after,.ui-dialog .ui-dialog-content#register-3 .select.opened .selected:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ui-dialog .ui-dialog-content#register .select .selected,.ui-dialog .ui-dialog-content#register-2 .select .selected,.ui-dialog .ui-dialog-content#register-3 .select .selected {
    padding: 0;
    z-index: 10;
    height: 35px;
    outline: 0;
    width: inherit;
    color: #292c33;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
    line-height: 28px;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-bottom-color: #e6e6e6
}

.ui-dialog .ui-dialog-content#register .select .selected:after,.ui-dialog .ui-dialog-content#register-2 .select .selected:after,.ui-dialog .ui-dialog-content#register-3 .select .selected:after {
    transition: .3s;
    right: 0;
    top: 12px;
    z-index: 10;
    font-size: 6px;
    color: #8f95a3;
    position: absolute
}

.ui-dialog .ui-dialog-content#register .select .selected.hasError,.ui-dialog .ui-dialog-content#register-2 .select .selected.hasError,.ui-dialog .ui-dialog-content#register-3 .select .selected.hasError {
    border-bottom-color: red
}

.ui-dialog .ui-dialog-content#register .select-items,.ui-dialog .ui-dialog-content#register-2 .select-items,.ui-dialog .ui-dialog-content#register-3 .select-items {
    top: 35px;
    left: -2px;
    z-index: 29;
    width: 110%;
    display: none;
    overflow: hidden;
    max-height: 250px;
    position: absolute;
    background-color: #f4f6fa;
    border: 1px solid #eaeaea
}

.ui-dialog .ui-dialog-content#register .select-items .select-item,.ui-dialog .ui-dialog-content#register-2 .select-items .select-item,.ui-dialog .ui-dialog-content#register-3 .select-items .select-item {
    height: 30px;
    width: inherit;
    display: block;
    cursor: pointer;
    color: #535865;
    font-size: 12px;
    overflow: hidden;
    font-weight: 400;
    line-height: 30px;
    padding-left: 15px;
    position: relative;
    white-space: nowrap;
    background: #f4f6fa;
    text-transform: none;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-content#register .select-items .select-item:hover,.ui-dialog .ui-dialog-content#register-2 .select-items .select-item:hover,.ui-dialog .ui-dialog-content#register-3 .select-items .select-item:hover,form#feedback-pro .footer-panel .access .pl-access .access-items .access-item:hover,form#feedback-pro .footer-panel .access .pl-section .access-items .access-item:hover,form#feedback-pro .footer-panel .pllist-section .pl-access .access-items .access-item:hover,form#feedback-pro .footer-panel .pllist-section .pl-section .access-items .access-item:hover,form#pllistEdit .footer-panel .access .pl-access .access-items .access-item:hover,form#pllistEdit .footer-panel .access .pl-section .access-items .access-item:hover,form#pllistEdit .footer-panel .pllist-section .pl-access .access-items .access-item:hover,form#pllistEdit .footer-panel .pllist-section .pl-section .access-items .access-item:hover,form.pllist .footer-panel .access .pl-access .access-items .access-item:hover,form.pllist .footer-panel .access .pl-section .access-items .access-item:hover,form.pllist .footer-panel .pllist-section .pl-access .access-items .access-item:hover,form.pllist .footer-panel .pllist-section .pl-section .access-items .access-item:hover {
    background-color: #e0e3e9
}

.ui-dialog .ui-dialog-content#register .select-items .select-item.selected-item:before,.ui-dialog .ui-dialog-content#register-2 .select-items .select-item.selected-item:before,.ui-dialog .ui-dialog-content#register-3 .select-items .select-item.selected-item:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3px;
    right: initial;
    font-size: 10px;
    line-height: 30px
}

.ui-dialog .ui-dialog-content#register .select-items .select-item.no-select,.ui-dialog .ui-dialog-content#register-2 .select-items .select-item.no-select,.ui-dialog .ui-dialog-content#register-3 .select-items .select-item.no-select {
    cursor: default;
    background-color: #e0e3e9
}

.ui-dialog .ui-dialog-content#register .select-items .mCSB_container,.ui-dialog .ui-dialog-content#register-2 .select-items .mCSB_container,.ui-dialog .ui-dialog-content#register-3 .select-items .mCSB_container {
    padding-right: 15px
}

.ui-dialog .ui-dialog-content#register img.captcha,.ui-dialog .ui-dialog-content#register-2 img.captcha,.ui-dialog .ui-dialog-content#register-3 img.captcha {
    top: -18px;
    left: 20px;
    width: 160px;
    height: 61px;
    position: relative;
    background-color: #d5dae8;
    box-shadow: inset 0 0 0 -1px #a5a5a5
}

.ui-dialog .ui-dialog-content#register .title-dialog,.ui-dialog .ui-dialog-content#register-2 .title-dialog,.ui-dialog .ui-dialog-content#register-3 .title-dialog,.ui-dialog .ui-dialog-content.authblock header .title-dialog {
    padding: 20px 0 15px
}

.ui-dialog .ui-dialog-content#register .pass,.ui-dialog .ui-dialog-content#register-2 .pass,.ui-dialog .ui-dialog-content#register-3 .pass {
    width: 100%;
    color: #f26739;
    cursor: pointer;
    text-align: center;
    display: inline-block
}

.ui-dialog .ui-dialog-content#register .pass:hover,.ui-dialog .ui-dialog-content#register-2 .pass:hover,.ui-dialog .ui-dialog-content#register-3 .pass:hover {
    text-decoration: underline
}

.ui-dialog .ui-dialog-content#register .formUpload,.ui-dialog .ui-dialog-content#register-2 .formUpload,.ui-dialog .ui-dialog-content#register-3 .formUpload {
    margin-bottom: 40px
}

.ui-dialog .ui-dialog-content#register .photoBlock .picture,.ui-dialog .ui-dialog-content#register .photoBlock .picture img,.ui-dialog .ui-dialog-content#register-2 .photoBlock .picture,.ui-dialog .ui-dialog-content#register-2 .photoBlock .picture img,.ui-dialog .ui-dialog-content#register-3 .photoBlock .picture,.ui-dialog .ui-dialog-content#register-3 .photoBlock .picture img {
    width: 300px
}

.ui-dialog .ui-dialog-content#register .photoBlock .preview,.ui-dialog .ui-dialog-content#register-2 .photoBlock .preview,.ui-dialog .ui-dialog-content#register-3 .photoBlock .preview {
    width: 150px;
    margin-left: 35px
}

.ui-dialog .ui-dialog-content#register .photoBlock .preview .prev,.ui-dialog .ui-dialog-content#register .photoBlock .preview .prev .preview-block,.ui-dialog .ui-dialog-content#register-2 .photoBlock .preview .prev,.ui-dialog .ui-dialog-content#register-2 .photoBlock .preview .prev .preview-block,.ui-dialog .ui-dialog-content#register-3 .photoBlock .preview .prev,.ui-dialog .ui-dialog-content#register-3 .photoBlock .preview .prev .preview-block {
    width: 150px
}

.ui-dialog .ui-dialog-content#register .photoBlock .preview .title.site,.ui-dialog .ui-dialog-content#register-2 .photoBlock .preview .title.site,.ui-dialog .ui-dialog-content#register-3 .photoBlock .preview .title.site,.ui-dialog .ui-dialog-content#register-3 .step.step-last,.ui-dialog .ui-dialog-content#register-3 p.step-last {
    display: none
}

.ui-dialog .ui-dialog-content#register-3 .step,.ui-dialog .ui-dialog-content#register-3 p {
    width: 100%;
    margin-bottom: 0
}

.ui-dialog .ui-dialog-content#register-3 .col-50.col-btn {
    display: none;
    margin-top: 10px
}

.ui-dialog .ui-dialog-content#register-3 .col-50.col-btn .submit-registred {
    top: 0;
    width: 240px
}

.ui-dialog .ui-dialog-content#register-3 .profile_photo {
    width: 100%;
    display: block;
    margin: 20px 0;
    text-align: center
}

.ui-dialog .ui-dialog-content#register-3 .profile_photo .poster img {
    width: 212px;
    height: 300px
}

.ui-dialog .ui-dialog-content#register-3 .profile_photo .no-poster {
    width: 212px;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: #f3f4f5;
    display: inline-block
}

.ui-dialog .ui-dialog-content#register-3 .profile_photo .no-poster:before {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 115px;
    height: 115px;
    color: #d3d4da;
    font-size: 115px;
    overflow: hidden;
    position: absolute;
    display: inline-block
}

.ui-dialog .ui-dialog-content#register-3 .profile_photo .no-poster .poster {
    display: block;
    height: initial;
    position: absolute
}

.ui-dialog .ui-dialog-content#register-3 .error-mime-mismatch,.ui-dialog .ui-dialog-content#register-3 .error-not-saved,.ui-dialog .ui-dialog-content#register-3 .error-to-small {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.ui-dialog .ui-dialog-content.authblock {
    padding: 0;
    position: relative;
    min-height: 145px!important
}

.ui-dialog .ui-dialog-content.authblock .ui-dialog-titlebar-close {
    background: #292c33!important
}

.ui-dialog .ui-dialog-content.authblock form {
    margin: 0
}

.ui-dialog .ui-dialog-content.authblock header {
    height: 135px;
    padding-top: 15px;
    background-color: #292c33
}

.ui-dialog .ui-dialog-content.authblock header p {
    font-size: 15px;
    line-height: 19px
}

.ui-dialog .ui-dialog-content.authblock article {
    height: 210px;
    padding: 40px;
    background-color: #fff
}

.ui-dialog .ui-dialog-content.authblock article .update_auth {
    width: 30px!important;
    display: none;
    margin-right: 16px;
    vertical-align: top
}

.ui-dialog .ui-dialog-content.authblock article div.info-text .authspan {
    width: 270px;
    float: initial;
    height: initial;
    margin-left: 5px;
    line-height: 80px;
    display: inline-block
}

.ui-dialog .ui-dialog-content.authblock article div.info-text .authspan #registred {
    float: initial;
    color: #f26739;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 0 5px;
    position: relative;
    text-transform: lowercase
}

.dark_skin #main .line-block article .short .name a:hover,.dark_skin #main .line-block article .short .persone-name a:hover,.ui-dialog .ui-dialog-content.authblock article div.info-text .authspan #registred:hover,.ui-dialog .ui-dialog-content.restorpass footer #authblocksss:hover {
    color: #f05521
}

.ui-dialog .ui-dialog-content.authblock article div.info-text .authspan #registred:after {
    left: 0;
    width: 0;
    bottom: 0;
    content: '';
    height: 1px;
    position: absolute;
    display: inline-block;
    background-color: #ff6431;
    transition: all .3s linear
}

.ui-dialog .ui-dialog-content.authblock article div.info-text span {
    width: 150px;
    height: 36px;
    margin-left: 30px;
    line-height: 36px
}

.ui-dialog .ui-dialog-content.authblock article div.info-text span .login-not-save {
    top: 0;
    width: 17px;
    margin-right: 5px;
    position: relative
}

.ui-dialog .ui-dialog-content.authblock article div.info-text input[type=checkbox] {
    visibility: hidden
}

.ui-dialog .ui-dialog-content.authblock article div.info-text input[type=checkbox]:checked+label:before {
    color: #83bf45;
    content: "\e969"
}

.ui-dialog .ui-dialog-content.authblock article div.info-text label {
    cursor: pointer;
    position: relative
}

.ui-dialog .ui-dialog-content.authblock article div.info-text label:before {
    top: -2px;
    left: -28px;
    color: #d3d4da;
    font-size: 20px;
    position: absolute
}

.ui-dialog .ui-dialog-content.authblock article div p {
    color: #4d4d4d;
    font-size: 14px;
    margin-top: 30px
}

.ui-dialog .ui-dialog-content.authblock article div p a {
    color: #ff6431;
    text-transform: uppercase
}

.ui-dialog .ui-dialog-content.authblock article div #restor {
    top: 7px;
    right: 1px;
    color: #ff6431;
    cursor: pointer;
    font-size: 13px;
    position: absolute
}

.ui-dialog .ui-dialog-content.authblock article div #restor:after {
    left: 0;
    width: 0;
    bottom: 0;
    content: '';
    height: 1px;
    position: absolute;
    display: inline-block;
    background-color: #ff6431
}

.ui-dialog .ui-dialog-content.authblock article div #restor:hover {
    color: #e43800
}

.ui-dialog .ui-dialog-content.authblock article div input {
    width: 100%;
    padding: 10px
}

.ui-dialog .ui-dialog-content.authblock article div input.password {
    padding: 10px 73px 10px 10px
}

.ui-dialog .ui-dialog-content.authblock article div .enter {
    padding: 0;
    color: #fff;
    float: left;
    width: 80px;
    height: 36px;
    border: 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    line-height: 34px;
    border-radius: 2px;
    background-color: #f26739
}

.ui-dialog .ui-dialog-content.authblock article div .enter:hover {
    background: #f05521
}

.ui-dialog .ui-dialog-content.authblock .modalCloseImg:active {
    top: 13px;
    color: #fff
}

.ui-dialog .ui-dialog-content.restorpass {
    padding: 0;
    width: 340px;
    height: 460px;
    display: none;
    position: relative
}

.ui-dialog .ui-dialog-content.restorpass header {
    height: 110px;
    padding: 10px 40px;
    background: #535865
}

.ui-dialog .ui-dialog-content.restorpass header .title-dialog {
    padding-bottom: 12px
}

.ui-dialog .ui-dialog-content.restorpass article {
    height: 175px;
    padding: 40px 40px 10px
}

.ui-dialog .ui-dialog-content.restorpass article input:focus {
    border-bottom-color: #8d8d8d!important
}

.ui-dialog .ui-dialog-content.restorpass article input.f_input {
    padding: 0;
    border: 0;
    height: 40px;
    font-size: 15px;
    border-bottom: 1px solid #e6e6e6
}

.ui-dialog .ui-dialog-content.restorpass article input.f_input.email {
    width: 300px;
    margin-left: 0
}

.ui-dialog .ui-dialog-content.restorpass article input.f_input.code {
    width: 120px;
    margin: 20px 0
}

.ui-dialog .ui-dialog-content.restorpass article .g-recaptcha {
    width: 301px;
    height: 76px;
    margin: 20px 0 0
}

.ui-dialog .ui-dialog-content.restorpass article .captcha,.ui-dialog .ui-dialog-content.restorpass article img {
    width: 120px;
    height: 50px;
    margin: 11px 0 0 20px;
    background-color: #d5dae8;
    box-shadow: inset 0 0 0 -1px #a5a5a5
}

.ui-dialog .ui-dialog-content.restorpass article .fbutton {
    border: 0;
    color: #fff;
    width: 300px;
    height: 40px;
    font-size: 15px;
    cursor: pointer;
    font-weight: 700;
    margin: 15px 0;
    border-radius: 2px;
    background: #f26739;
    text-transform: uppercase
}

.ui-dialog .ui-dialog-content.restorpass article .fbutton.fbutton_blocker {
    background: #d2d5da
}

.ui-dialog .ui-dialog-content.restorpass footer {
    font-size: 14px;
    padding: 20px 40px 30px
}

.ui-dialog .ui-dialog-content.restorpass footer .restorspan {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    display: inline-block
}

.ui-dialog .ui-dialog-content.restorpass footer #authblocksss {
    color: #f26739;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 0 5px;
    position: relative;
    text-transform: lowercase
}

.ui-dialog .ui-dialog-content.restorpass footer #authblocksss:hover:after {
    width: 100%
}

.ui-dialog .ui-dialog-content.restorpass footer #authblocksss:after {
    left: 0;
    width: 0;
    bottom: 0;
    content: '';
    height: 1px;
    position: absolute;
    display: inline-block;
    background-color: #ff6431;
    transition: all .3s linear
}

.ui-dialog .ui-dialog-content.mediainfo-container {
    width: 580px;
    height: 712px;
    padding: 0;
    display: none
}

.ui-dialog .ui-dialog-content.mediainfo-container header,.ui-dialog .ui-dialog-content.screenshots-container header {
    color: #fff;
    height: 115px;
    padding-top: 15px;
    background-color: #fff
}

.ui-dialog .ui-dialog-content.mediainfo-container header h1,.ui-dialog .ui-dialog-content.screenshots-container header h1 {
    color: #292c33;
    padding: 20px 0 5px
}

.ui-dialog .ui-dialog-content.mediainfo-container header h2,.ui-dialog .ui-dialog-content.screenshots-container header h2 {
    color: #f26739;
    margin: 20px 0;
    font-size: 20px;
    text-align: left;
    text-transform: initial
}

.ui-dialog .ui-dialog-content.mediainfo-container article dl {
    margin: 10px 0 20px
}

.ui-dialog .ui-dialog-content.mediainfo-container article dd {
    color: #535865;
    font-size: 14px;
    line-height: 25px
}

.ui-dialog .ui-dialog-content.mediainfo-container article dd span {
    width: 160px;
    color: #a1a5b1;
    vertical-align: top;
    display: inline-block
}

.ui-dialog .ui-dialog-content.mediainfo-container article dd strong {
    width: 320px;
    display: inline-block
}

.ui-dialog .ui-dialog-content.mediainfo-container article .dialog-content {
    padding: 0 0 40px
}

.ui-dialog .ui-dialog-content.mediainfo-container footer,.ui-dialog .ui-dialog-content.screenshots-container footer {
    margin: 10px 0;
    text-align: left;
    display: inline-block
}

.ui-dialog .ui-dialog-content.mediainfo-container footer .close {
    border: 0;
    color: #fff;
    width: 120px;
    height: 35px;
    line-height: 1;
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
    background: #f26739;
    border-radius: 2px;
    text-transform: uppercase
}

.ui-dialog .ui-dialog-content.screenshots-container {
    width: 400px;
    height: 712px;
    display: none
}

.ui-dialog .ui-dialog-content.screenshots-container article .screen {
    transition: .3s;
    width: 90%;
    display: block;
    margin: 10px auto;
    cursor: -webkit-zoom-in
}

.ui-dialog .ui-dialog-content#report .ui-dialog-buttonset,.ui-dialog .ui-dialog-content.screenshots-container article .dialog-content {
    padding: 0
}

.ui-dialog .ui-dialog-content.screenshots-container footer .close {
    border: 0;
    color: #fff;
    width: 120px;
    height: 35px;
    line-height: 1;
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
    border-radius: 2px;
    background: #f26739;
    text-transform: uppercase
}

@media screen and (min-width: 1360px) {
    .ui-dialog .ui-dialog-content.screenshots-container {
        max-height:598px!important
    }

    .ui-dialog .ui-dialog-content.screenshots-container li {
        width: 695px
    }
}

.ui-dialog .ui-dialog-content#report .dialog-content .report-text {
    padding-bottom: 20px
}

.ui-dialog .ui-dialog-content#report .dialog-content .report-text textarea {
    width: 100%;
    resize: none;
    min-height: 180px
}

.ui-dialog .ui-dialog-content#feedback .title-dialog,.ui-dialog .ui-dialog-content.report .title-dialog {
    line-height: 20px
}

.ui-dialog .ui-dialog-content#feedback .report-text,.ui-dialog .ui-dialog-content.report .report-text {
    margin-top: 12px
}

.ui-dialog .ui-dialog-content#feedback .report-text textarea,.ui-dialog .ui-dialog-content.report .report-text textarea {
    width: 100%;
    resize: none;
    height: 120px;
    color: #292c33;
    font-size: 13px;
    box-shadow: none;
    min-height: 120px;
    margin: 0 0 5px;
    padding: 13px 10px;
    background-color: #f4f4f6;
    border: 1px solid #e2e2e4
}

.ui-dialog .ui-dialog-content#feedback .report-text input:active,.ui-dialog .ui-dialog-content#feedback .report-text input:focus,.ui-dialog .ui-dialog-content#feedback .report-text textarea:active,.ui-dialog .ui-dialog-content#feedback .report-text textarea:focus,.ui-dialog .ui-dialog-content.report .report-text input:active,.ui-dialog .ui-dialog-content.report .report-text input:focus,.ui-dialog .ui-dialog-content.report .report-text textarea:active,.ui-dialog .ui-dialog-content.report .report-text textarea:focus,form#feedback-pro input[type=text]:focus,form#feedback-pro textarea:focus,form#pllistEdit input[type=text]:focus,form#pllistEdit textarea:focus,form.pllist input[type=text]:focus,form.pllist textarea:focus {
    background: #fff
}

.ui-dialog .ui-dialog-content#feedback .report-text .sort span,.ui-dialog .ui-dialog-content#feedback .report-text input,.ui-dialog .ui-dialog-content.report .report-text .sort span,.ui-dialog .ui-dialog-content.report .report-text input {
    border-radius: 1px;
    width: 100%;
    resize: none;
    padding: 12px;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 10px;
    border: 1px solid #e2e2e4;
    background-color: #f4f4f6
}

.ui-dialog .ui-dialog-content#feedback .report-text .sort span,.ui-dialog .ui-dialog-content.report .report-text .sort span {
    box-sizing: border-box;
    width: 500px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    color: #a9abb9
}

.ui-dialog .ui-dialog-content#feedback .report-text .sort span:after,.ui-dialog .ui-dialog-content.report .report-text .sort span:after {
    top: 13px;
    content: '';
    right: 15px;
    position: absolute;
    background: url(../../img/svg/arowDown.svg) no-repeat 0 0;
    background-size: 13px 13px;
    width: 13px;
    height: 13px;
    vertical-align: middle
}

.ui-dialog .ui-dialog-content#feedback .report-text .sort,.ui-dialog .ui-dialog-content.report .report-text .sort,form#feedback-pro #list div,form#pllistEdit #list div,form.pllist #list div {
    position: relative
}

.ui-dialog .ui-dialog-content#feedback .report-text .sort .sort-items,.ui-dialog .ui-dialog-content.report .report-text .sort .sort-items {
    box-sizing: border-box;
    left: 0;
    top: 45px;
    width: 500px;
    display: none;
    position: absolute;
    background-color: #f4f4f6;
    border: 1px solid #e2e2e4;
    box-shadow: 0 19px 29px rgba(0,0,0,.2)
}

.ui-dialog .ui-dialog-content#feedback .report-text .sort .sort-items.opened,.ui-dialog .ui-dialog-content.report .report-text .sort .sort-items.opened {
    display: block
}

.ui-dialog .ui-dialog-content#feedback .report-text .sort .sort-items .sort-item,.ui-dialog .ui-dialog-content.report .report-text .sort .sort-items .sort-item {
    box-sizing: border-box;
    width: 498px;
    padding: 12px;
    display: block;
    cursor: pointer;
    background-color: #fff;
    color: #a9abb9
}

.ui-dialog .ui-dialog-content#feedback .report-text .sort .sort-items .sort-item:hover,.ui-dialog .ui-dialog-content.report .report-text .sort .sort-items .sort-item:hover {
    background-color: #f4f4f6
}

.ui-dialog .ui-dialog-content#feedback .ui-dialog-buttonset,.ui-dialog .ui-dialog-content.report .ui-dialog-buttonset {
    float: left;
    display: block;
    margin-top: 10px;
    margin-bottom: 20px
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button,.ui-dialog .ui-dialog-content#feedback .ui-button,.ui-dialog .ui-dialog-content.report .ui-button {
    box-sizing: border-box;
    border-radius: 2px;
    transition: .3s;
    width: 150px;
    height: 40px;
    float: right;
    color: #fff!important;
    font-size: 12px;
    cursor: pointer;
    font-weight: 700;
    text-align: center;
    background: #f26739;
    display: inline-block;
    text-transform: uppercase;
    border: 2px solid transparent
}

.ui-dialog .ui-dialog-content#feedback .ui-button:hover,.ui-dialog .ui-dialog-content.report .ui-button:hover {
    transition: .3s;
    color: #f26739!important;
    background: #fff;
    border-color: #f26739
}

.ui-dialog .ui-dialog-content#feedback .ui-button.btn-cancel,.ui-dialog .ui-dialog-content.report .ui-button.btn-cancel {
    border-radius: 2px;
    width: 150px;
    height: 40px;
    font-size: 12px;
    margin-left: 15px;
    background: #8f95a3
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.btn-cancel:hover,.ui-dialog .ui-dialog-content#feedback .ui-button.btn-cancel:hover,.ui-dialog .ui-dialog-content.report .ui-button.btn-cancel:hover {
    background: #fff;
    color: #8f95a3!important;
    border-color: #8f95a3!important
}

.ui-dialog .ui-dialog-content .mesage {
    font-size: 17px;
    padding: 30px 40px 0
}

.ui-dialog .ui-dialog-buttonpane {
    height: 40px
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: left;
    padding: 0 40px;
    margin: 0 0 25px
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover {
    transition: .3s;
    color: #f26739!important;
    background: #fff;
    border-color: #f26739
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.btn-cancel {
    border-radius: 2px;
    width: 150px;
    height: 40px;
    font-size: 12px;
    margin-left: 15px;
    background: #8f95a3
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.mini {
    width: 130px;
    height: 35px
}

.ui-dialog .ui-resizable .ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-n {
    left: 0;
    top: -5px;
    width: 100%;
    height: 7px;
    cursor: n-resize
}

.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-e {
    top: 0;
    width: 7px;
    right: -5px;
    height: 100%;
    cursor: e-resize
}

.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-s {
    left: 0;
    width: 100%;
    height: 7px;
    bottom: -5px;
    cursor: s-resize
}

.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-w {
    top: 0;
    width: 7px;
    left: -5px;
    height: 100%;
    cursor: w-resize
}

.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-sw {
    left: -5px;
    width: 9px;
    height: 9px;
    bottom: -5px;
    cursor: sw-resize
}

.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-ne {
    top: -5px;
    width: 9px;
    height: 9px;
    right: -5px;
    cursor: ne-resize
}

.ui-dialog .ui-resizable .ui-resizable-handle.ui-resizable-nw {
    top: -5px;
    width: 9px;
    left: -5px;
    height: 9px;
    cursor: nw-resize
}

.ui-dialog .ui-resizable-autohide .ui-resizable-handle,.ui-dialog .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.registerFooter {
    height: 70px;
    font-size: 15px;
    padding: 0 40px;
    background-color: #f6f7f8
}

.title-block {
    padding: 15px 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px
}

#editDevice .pass-save,#emailEdit .pass-save,#passwordEdit .pass-save {
    width: 200px;
    font-size: 15px;
    margin-top: 20px;
    line-height: 40px
}

#blockProfile .comm-block,.modal-container {
    display: none
}

.modal-container li {
    white-space: nowrap
}

#blockProfile .comm-block.show,.dialog-shadow {
    display: inline-block
}

.dialog-shadow {
    top: -10px;
    left: 30px;
    width: 600px;
    height: 30px;
    z-index: 1000;
    position: absolute;
    background-color: transparent;
    box-shadow: 0 10px 17px #fff
}

.dialog-shadow.sh-short {
    width: 90%;
    left: 10px
}

@media screen and (min-width: 1360px) {
    .dialog-shadow {
        width:710px
    }
}

.list-files-container {
    min-height: 380px!important
}

.list-files-container .mCSB_container {
    width: 100%!important
}

.screenshots-container li {
    width: 595px
}

.added-item {
    margin-top: 20px
}

.added-item .added-title {
    width: 88px;
    color: #fff;
    height: 20px;
    padding: 0 5px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    margin-bottom: 5px;
    background: #d2d5da;
    display: inline-block
}

.added-item .added-series {
    width: 100%;
    position: relative;
    margin-bottom: 10px
}

.added-item .added-series:after {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 5px;
    bottom: 7px;
    content: '';
    position: absolute;
    border-bottom: 2px dotted #d2d5da
}

.added-item .added-series .added-block {
    z-index: 10;
    width: auto;
    background: #fff;
    position: relative;
    padding-right: 5px;
    display: inline-block
}

.added-item .added-series .number,.added-item .added-series .season,.added-item .added-series .time,.added-item .added-series .translation {
    color: #535865;
    margin-right: 5px;
    display: inline-block
}

.added-item .added-series .time {
    right: 0;
    z-index: 10;
    margin-right: 0;
    background: #fff;
    padding-left: 5px;
    position: absolute
}

.AuthFooter {
    height: 70px;
    font-size: 15px;
    padding: 28px 40px 42px;
    background-color: #f6f7f8
}

.AuthFooter_center {
    text-align: center
}

.AuthFooter .social-reg {
    height: 32px;
    margin-top: 15px
}

.AuthFooter .social-reg a,.AuthFooter .social-reg span {
    width: 32px;
    height: 32px;
    font-size: 0;
    margin: 0 1px 0 0;
    border-radius: 2px;
    position: relative;
    display: inline-block
}

.AuthFooter .social-reg a:before,.AuthFooter .social-reg span:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    font-size: 32px
}

.AuthFooter .social-reg a.fb,.AuthFooter .social-reg span.fb {
    background-color: #38559b
}

.AuthFooter .social-reg a.tw,.AuthFooter .social-reg span.tw {
    background-color: #54aced
}

.AuthFooter .social-reg a.gp,.AuthFooter .social-reg span.gp {
    background-color: #df2e2e
}

.AuthFooter .social-reg a.mr,.AuthFooter .social-reg span.mr {
    background-color: #158de1
}

.AuthFooter .social-reg a.ya,.AuthFooter .social-reg span.ya {
    background-color: #e7312b
}

.AuthFooter .socialFirstStep span {
    margin: 0 28px 0 0
}

.AuthFooter .socialFirstStep .mr {
    margin: 0
}

.photoBlock {
    display: none
}

.photoBlock.social-login,form#feedback-pro,form#pllistEdit,form.pllist {
    display: block
}

.photoBlock.social-login .picture,.photoBlock.social-login .picture img {
    width: 400px
}

.photoBlock.social-login .btn-add {
    height: 36px;
    position: relative;
    vertical-align: top;
    display: inline-block;
    line-height: 36px!important
}

#framesUpload input[type=file],#imgUpload input[type=file],.photoBlock.social-login #avatar {
    border-radius: 2px;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 36px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    display: inline-block
}

.photoBlock.social-login .preview,.social-counters .social-wrap li span.fb:before {
    margin-left: 0
}

@media screen and (min-width: 1360px) {
    .photoBlock.social-login .preview {
        margin-left:50px
    }
}

.photoBlock .picture {
    position: relative;
    vertical-align: top;
    display: inline-block
}

.photoBlock .picture,.photoBlock .picture img {
    width: 500px;
    height: auto
}

.photoBlock .picture .rotate {
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    z-index: 1000;
    position: absolute;
    display: inline-block
}

.photoBlock .picture .rotate:before {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.photoBlock .picture .rotate.right:hover:before,.photoBlock .picture .rotate:hover:before {
    color: #f26739
}

.photoBlock .picture .rotate.right {
    right: 25px
}

.photoBlock .picture .rotate.right:before,.photoBlock .picture .rotate:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    font-size: 20px
}

.photoBlock .preview {
    width: 200px;
    margin-left: 50px;
    display: inline-block
}

.photoBlock .preview .title {
    width: 100%;
    display: block;
    font-size: 14px;
    text-transform: uppercase
}

.photoBlock .preview .prev.site,.photoBlock .preview .title.site {
    display: none
}

.photoBlock .preview .prev,.photoBlock .preview .prev .preview-block {
    width: 200px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block
}

.photoBlock .preview .prev .preview-block {
    opacity: 1;
    height: auto;
    display: none;
    border: 2px solid transparent
}

.photoBlock .preview .prev.active .preview-block {
    opacity: 1;
    border-color: #f26739
}

.photoBlock .panel-btn {
    width: 100%;
    margin: 30px 0 20px;
    display: inline-block
}

.photoBlock .panel-btn .btn-add,.photoBlock .panel-btn .btn-crop {
    transition: .3s;
    font-size: 12px;
    cursor: pointer;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase
}

.photoBlock .panel-btn .btn-crop {
    border-radius: 4px;
    color: #fff;
    padding: 0 20px;
    margin-right: 20px;
    background: #f26739;
    display: inline-block;
    border: 2px solid #f26739
}

.photoBlock .panel-btn .btn-crop:hover {
    color: #f26739;
    background-color: #fff
}

#framesUpload label,#imgUpload label,.feedback .information,.photoBlock .panel-btn .btn-crop.btn-site {
    display: none
}

.photoBlock .panel-btn .btn-crop.btn-cancel {
    background: #8f95a3;
    border: 2px solid #8f95a3
}

.photoBlock .panel-btn .btn-crop.btn-cancel:hover {
    color: #8f95a3;
    border-color: #8f95a3;
    background-color: #fff
}

.photoBlock .panel-btn .btn-add {
    transition: .3s;
    color: #8f95a3
}

#footer .footer-menu li a:hover,#footer .footer-menu li span:hover,#footer .footer-menu li.active a,.header-f .login.guest:hover span,.photoBlock .panel-btn .btn-add:hover {
    color: #f26739
}

#add_photo_cat .part-1 {
    width: 100%;
    height: auto;
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-align: center
}

#add_photo_cat .part-1.no-empty {
    font-size: 0;
    height: 250px;
    text-align: left
}

#add_photo_cat .part-1 .img {
    box-sizing: border-box;
    width: 50%;
    padding: 0 20px;
    position: relative;
    margin-bottom: 20px;
    display: inline-block
}

#add_photo_cat .part-1 .img img {
    width: 100%;
    margin-bottom: 10px
}

#add_photo_cat .part-1 .img .answer {
    width: 100%;
    float: left;
    color: #7e8594;
    font-size: 12px;
    line-height: 18px;
    display: inline-block
}

#add_photo_cat .part-1 .img .delete,#add_photo_cat .part-1 .img .edit {
    right: 25px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute
}

#add_photo_cat .part-1 .img .delete::before,#add_photo_cat .part-1 .img .edit::before {
    color: #d2d4da;
    font-size: 18px
}

#add_photo_cat .part-1 .img .delete:hover::before,#add_photo_cat .part-1 .img .edit:hover::before,#main .playlist .head-title .add-list a,#main .playlist .head-title .all-playlists a,#main .playlist .head-title .my-playlists a,#main .playlists .head-title .add-list a,#main .playlists .head-title .all-playlists a,#main .playlists .head-title .my-playlists a,#main.favorites .head-title .add-list a,#main.favorites .head-title .all-playlists a,#main.favorites .head-title .my-playlists a,#main.playlists .head-title .add-list a,#main.playlists .head-title .all-playlists a,#main.playlists .head-title .my-playlists a {
    color: #8f95a3
}

#add_photo_cat .part-1 .img .edit {
    top: 5px
}

#add_photo_cat .part-1 .img .delete {
    top: 10px
}

#add_photo_cat .part-2 {
    display: block;
    margin-top: 20px
}

#add_photo_cat .part-2 #framesUpload {
    width: 160px
}

#add_photo_cat .part-2 .form-photo {
    float: left;
    display: none;
    margin-bottom: 40px
}

#add_photo_cat .part-2 .form-photo .photo {
    float: left;
    width: 250px;
    display: block;
    max-width: 250px;
    margin: 0 15px 0 0;
    position: relative
}

@media screen and (min-width: 1360px) {
    #add_photo_cat .part-2 .form-photo .photo {
        width:300px;
        max-width: 300px
    }
}

#add_photo_cat .part-2 .form-photo .photo img {
    width: 100%;
    height: auto
}

#add_photo_cat .part-2 .form-photo .inputs {
    float: left;
    width: 355px;
    display: block
}

@media screen and (min-width: 1360px) {
    #add_photo_cat .part-2 .form-photo .inputs {
        width:405px
    }
}

#add_photo_cat .part-2 .form-photo .inputs label {
    width: 100%;
    color: #8f95a3;
    font-size: 12px;
    min-width: 65px;
    font-weight: 400;
    line-height: 30px;
    display: inline-block
}

#add_photo_cat .part-2 .form-photo .inputs input[type=text] {
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    width: 100%;
    border: 0;
    resize: none;
    outline: 0;
    font-size: 13px;
    padding: 0 20px;
    min-height: 25px;
    position: relative;
    background: #f8f8f9
}

#add_photo_cat .part-2 .form-photo .panel-btn {
    width: 225px;
    float: right;
    display: block;
    margin-top: 20px
}

#framesUpload,#imgUpload {
    box-sizing: border-box;
    clear: both;
    width: 140px;
    height: 30px;
    display: block;
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    position: relative;
    margin: 15px auto 5px
}

#framesUpload input[type=file],#imgUpload input[type=file] {
    height: 30px
}

.div,.rules {
    position: relative
}

.div {
    height: 36px;
    margin-bottom: 24px
}

.div input {
    width: 100%;
    padding: 10px;
    font-size: 15px;
    border: 1px solid transparent;
    border-bottom-color: #e6e6e6
}

.rules {
    float: right;
    color: #8f95a3;
    cursor: pointer;
    font-size: 13px;
    text-align: right;
    margin: 15px 0 10px;
    border-bottom: 2px dotted #8f95a3
}

.rules:before {
    left: -25px;
    color: #f26739;
    font-size: 14px
}

.rules .btn-rules:hover {
    opacity: .7
}

.update {
    left: 0;
    bottom: 5px;
    height: 30px;
    display: none;
    margin: 0 46px;
    line-height: 36px;
    position: absolute;
    vertical-align: top;
    width: 30px!important
}

.update .image-loader {
    border-radius: 0!important;
    top: 0!important;
    left: 0!important;
    padding: 0!important;
    width: 100%!important;
    height: 30px!important;
    border: 0!important;
    position: absolute
}

#registerForm_step1 .update,#registerForm_step2 .update {
    margin: 0 86px
}

#changeImg .update,#registerForm_step2 .update {
    bottom: 10px
}

#changeImg .update {
    margin: 0 106px
}

.answerForm .update {
    margin: 0 46px 0 124px
}

form#feedback-pro input[type=text],form#pllistEdit input[type=text],form.pllist input[type=text] {
    width: 100%;
    resize: none;
    height: 40px;
    padding: 10px;
    outline: 0;
    font-size: 13px;
    margin-top: 10px;
    border-radius: 1px;
    border: 1px solid #e2e2e4;
    background-color: #f4f4f6
}

form#feedback-pro input[type=file],form#pllistEdit input[type=file],form.pllist input[type=file] {
    border-radius: 2px;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 40px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    display: inline-block
}

form#feedback-pro button[type=submit],form#pllistEdit button[type=submit],form.pllist button[type=submit] {
    border-radius: 4px;
    width: 160px;
    height: 36px;
    font-size: 12px;
    line-height: 34px
}

form#feedback-pro .submit[disabled]:hover,form#feedback-pro button[type=submit].noactive:hover,form#pllistEdit .submit[disabled]:hover,form#pllistEdit button[type=submit].noactive:hover,form.pllist .submit[disabled]:hover,form.pllist button[type=submit].noactive:hover {
    background: #f26739;
    color: #fff!important
}

form#feedback-pro .submit[disabled],form#feedback-pro button[type=submit].noactive,form#pllistEdit .submit[disabled],form#pllistEdit button[type=submit].noactive,form.pllist .submit[disabled],form.pllist button[type=submit].noactive {
    opacity: .7;
    cursor: default
}

form#feedback-pro textarea,form#pllistEdit textarea,form.pllist textarea {
    border-radius: 2px;
    width: 100%;
    resize: none;
    height: 120px;
    outline: 0;
    font-size: 12px;
    min-height: 120px;
    margin: 10px 0 0;
    position: relative;
    border: 1px solid #e2e2e4;
    padding: 12px 4px 0 8px;
    background-color: #f4f4f6
}

form#feedback-pro p,form#pllistEdit p,form.pllist p {
    color: #a1a7b2;
    font-size: 11px;
    font-weight: 400;
    margin: 5px 10px 3px
}

form#feedback-pro p.word,form#pllistEdit p.word,form.pllist p.word {
    text-align: right;
    margin: 0 0 10px
}

form#feedback-pro .left,form#pllistEdit .left,form.pllist .left {
    display: inline-block
}

form#feedback-pro .upload,form#pllistEdit .upload,form.pllist .upload {
    border-radius: 2px;
    top: 0;
    left: 0;
    border: 0;
    z-index: 1;
    width: 160px;
    height: 40px;
    color: #8f95a3;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    background: #fff;
    line-height: 40px;
    margin-right: 7px;
    position: absolute;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
    background: linear-gradient(to bottom,#fff 0,#f4f4f6 100%)
}

form#feedback-pro #list,form#pllistEdit #list,form.pllist #list {
    display: none;
    margin: 60px 5px 0 0
}

form#feedback-pro #list .close,form#pllistEdit #list .close,form.pllist #list .close {
    transition: .3s;
    right: 0;
    width: 15px;
    height: 15px;
    display: none;
    cursor: pointer;
    position: absolute;
    background-color: rgba(255,255,255,.8)
}

form#feedback-pro #list .close:after,form#pllistEdit #list .close:after,form.pllist #list .close:after {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(../../img/svg/close-m.svg) no-repeat 0 0;
    background-size: 10px 10px;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    content: "";
    position: absolute
}

form#feedback-pro #list .close:hover,form#pllistEdit #list .close:hover,form.pllist #list .close:hover {
    background-color: rgba(255,255,255,.95)
}

#footer li,#footer nav,.avatar-block,.header-f li,.header-f nav,form#feedback-pro #list .close.show,form#feedback-pro .footer-panel .access .pl-access .access-items.open,form#feedback-pro .footer-panel .access .pl-section .access-items.open,form#feedback-pro .footer-panel .pllist-section .pl-access .access-items.open,form#feedback-pro .footer-panel .pllist-section .pl-section .access-items.open,form#pllistEdit #list .close.show,form#pllistEdit .footer-panel .access .pl-access .access-items.open,form#pllistEdit .footer-panel .access .pl-section .access-items.open,form#pllistEdit .footer-panel .pllist-section .pl-access .access-items.open,form#pllistEdit .footer-panel .pllist-section .pl-section .access-items.open,form.pllist #list .close.show,form.pllist .footer-panel .access .pl-access .access-items.open,form.pllist .footer-panel .access .pl-section .access-items.open,form.pllist .footer-panel .pllist-section .pl-access .access-items.open,form.pllist .footer-panel .pllist-section .pl-section .access-items.open {
    display: inline-block
}

form#feedback-pro #list .thumb,form#pllistEdit #list .thumb,form.pllist #list .thumb {
    height: 75px;
    border: 1px solid #000
}

form#feedback-pro .over,form#pllistEdit .over,form.pllist .over {
    border: 2px dashed #000
}

form#feedback-pro .clr,form#pllistEdit .clr,form.pllist .clr {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    display: inline-block
}

form#feedback-pro .footer-panel,form#pllistEdit .footer-panel,form.pllist .footer-panel {
    font-size: 0;
    min-height: 40px;
    position: relative;
    margin-bottom: 20px
}

form#feedback-pro .footer-panel .access,form#feedback-pro .footer-panel .pllist-section,form#pllistEdit .footer-panel .access,form#pllistEdit .footer-panel .pllist-section,form.pllist .footer-panel .access,form.pllist .footer-panel .pllist-section {
    right: 0;
    width: 240px;
    height: 40px;
    line-height: 40px;
    position: absolute
}

form#feedback-pro .footer-panel .access .title-access,form#feedback-pro .footer-panel .access .title-section,form#feedback-pro .footer-panel .pllist-section .title-access,form#feedback-pro .footer-panel .pllist-section .title-section,form#pllistEdit .footer-panel .access .title-access,form#pllistEdit .footer-panel .access .title-section,form#pllistEdit .footer-panel .pllist-section .title-access,form#pllistEdit .footer-panel .pllist-section .title-section,form.pllist .footer-panel .access .title-access,form.pllist .footer-panel .access .title-section,form.pllist .footer-panel .pllist-section .title-access,form.pllist .footer-panel .pllist-section .title-section {
    color: #535865;
    font-size: 14px;
    font-weight: 700;
    display: inline-block
}

form#feedback-pro .footer-panel .access .pl-access,form#feedback-pro .footer-panel .access .pl-section,form#feedback-pro .footer-panel .pllist-section .pl-access,form#feedback-pro .footer-panel .pllist-section .pl-section,form#pllistEdit .footer-panel .access .pl-access,form#pllistEdit .footer-panel .access .pl-section,form#pllistEdit .footer-panel .pllist-section .pl-access,form#pllistEdit .footer-panel .pllist-section .pl-section,form.pllist .footer-panel .access .pl-access,form.pllist .footer-panel .access .pl-section,form.pllist .footer-panel .pllist-section .pl-access,form.pllist .footer-panel .pllist-section .pl-section {
    border-radius: 2px;
    top: 0;
    right: 0;
    width: 150px;
    height: 40px;
    cursor: pointer;
    position: absolute
}

form#feedback-pro .footer-panel .access .pl-access .span,form#feedback-pro .footer-panel .access .pl-section .span,form#feedback-pro .footer-panel .pllist-section .pl-access .span,form#feedback-pro .footer-panel .pllist-section .pl-section .span,form#pllistEdit .footer-panel .access .pl-access .span,form#pllistEdit .footer-panel .access .pl-section .span,form#pllistEdit .footer-panel .pllist-section .pl-access .span,form#pllistEdit .footer-panel .pllist-section .pl-section .span,form.pllist .footer-panel .access .pl-access .span,form.pllist .footer-panel .access .pl-section .span,form.pllist .footer-panel .pllist-section .pl-access .span,form.pllist .footer-panel .pllist-section .pl-section .span {
    width: 130px;
    padding: 0 10px;
    font-size: 13px;
    position: relative;
    background: #f4f4f6;
    display: inline-block
}

form#feedback-pro .footer-panel .access .pl-access .span.icon-arowDown:after,form#feedback-pro .footer-panel .access .pl-section .span.icon-arowDown:after,form#feedback-pro .footer-panel .pllist-section .pl-access .span.icon-arowDown:after,form#feedback-pro .footer-panel .pllist-section .pl-section .span.icon-arowDown:after,form#pllistEdit .footer-panel .access .pl-access .span.icon-arowDown:after,form#pllistEdit .footer-panel .access .pl-section .span.icon-arowDown:after,form#pllistEdit .footer-panel .pllist-section .pl-access .span.icon-arowDown:after,form#pllistEdit .footer-panel .pllist-section .pl-section .span.icon-arowDown:after,form.pllist .footer-panel .access .pl-access .span.icon-arowDown:after,form.pllist .footer-panel .access .pl-section .span.icon-arowDown:after,form.pllist .footer-panel .pllist-section .pl-access .span.icon-arowDown:after,form.pllist .footer-panel .pllist-section .pl-section .span.icon-arowDown:after {
    top: 18px;
    right: 10px;
    font-size: 6px;
    color: #8f95a3
}

form#pllistEdit .footer-panel .access .pl-access .access-items,form#pllistEdit .footer-panel .access .pl-section .access-items,form#pllistEdit .footer-panel .pllist-section .pl-access .access-items,form.pllist .footer-panel .access .pl-access .access-items,form.pllist .footer-panel .access .pl-section .access-items,form.pllist .footer-panel .pllist-section .pl-access .access-items {
    left: 0;
    top: 40px;
    z-index: 2;
    width: 150px;
    height: 90px;
    display: none;
    position: absolute;
    background: #f4f4f6;
    padding-bottom: 10px
}

form#pllistEdit .footer-panel .pllist-section .pl-section .access-items,form.pllist .footer-panel .pllist-section .pl-section .access-items {
    left: 0;
    top: 40px;
    z-index: 2;
    width: 150px;
    display: none;
    position: absolute;
    background: #f4f4f6;
    padding-bottom: 10px
}

form#feedback-pro .footer-panel .access .pl-access .access-items,form#feedback-pro .footer-panel .access .pl-section .access-items,form#feedback-pro .footer-panel .pllist-section .pl-access .access-items {
    left: 0;
    top: 40px;
    z-index: 2;
    width: 150px;
    height: 90px;
    display: none;
    position: absolute;
    background: #f4f4f6;
    padding-bottom: 10px
}

form#feedback-pro .footer-panel .pllist-section .pl-section .access-items {
    left: 0;
    top: 40px;
    z-index: 2;
    width: 150px;
    display: none;
    position: absolute;
    background: #f4f4f6;
    padding-bottom: 10px
}

form#feedback-pro .footer-panel .access .pl-access .access-items .access-item,form#feedback-pro .footer-panel .access .pl-section .access-items .access-item,form#feedback-pro .footer-panel .pllist-section .pl-access .access-items .access-item,form#feedback-pro .footer-panel .pllist-section .pl-section .access-items .access-item,form#pllistEdit .footer-panel .access .pl-access .access-items .access-item,form#pllistEdit .footer-panel .access .pl-section .access-items .access-item,form#pllistEdit .footer-panel .pllist-section .pl-access .access-items .access-item,form#pllistEdit .footer-panel .pllist-section .pl-section .access-items .access-item,form.pllist .footer-panel .access .pl-access .access-items .access-item,form.pllist .footer-panel .access .pl-section .access-items .access-item,form.pllist .footer-panel .pllist-section .pl-access .access-items .access-item,form.pllist .footer-panel .pllist-section .pl-section .access-items .access-item {
    height: 30px;
    width: 130px;
    color: #535865;
    cursor: pointer;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    text-transform: initial
}

form#feedback-pro .footer-panel .pllist-section,form#pllistEdit .footer-panel .pllist-section,form.pllist .footer-panel .pllist-section {
    top: 50px
}

form#feedback-pro .footer-panel .pllist-section .pl-section .access-items,form#pllistEdit .footer-panel .pllist-section .pl-section .access-items,form.pllist .footer-panel .pllist-section .pl-section .access-items {
    height: 120px
}

form#feedback-pro #loadingImg,form#pllistEdit #loadingImg,form.pllist #loadingImg {
    width: 220px;
    height: 19px;
    display: none;
    margin: 60px auto;
    background: url(../../img/ajax-loader.gif)
}

form#feedback-pro .photoBlock .panel-btn,form#pllistEdit .photoBlock .panel-btn,form.pllist .photoBlock .panel-btn {
    display: none
}

form#feedback-pro .preview-cover,form#pllistEdit .preview-cover,form.pllist .preview-cover {
    width: 220px;
    height: 313px;
    display: none;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px
}

form#feedback-pro .preview-cover img,form#pllistEdit .preview-cover img,form.pllist .preview-cover img {
    width: 220px;
    height: auto
}

form#feedback-pro .preview-cover .cancel-photo,form#pllistEdit .preview-cover .cancel-photo,form.pllist .preview-cover .cancel-photo {
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    background: #2d2d2d;
    display: inline-block
}

form#feedback-pro .preview-cover .cancel-photo:before,form#pllistEdit .preview-cover .cancel-photo:before,form.pllist .preview-cover .cancel-photo:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    color: #fff;
    height: 15px;
    font-size: 15px
}

form#feedback-pro .preview-cover .cancel-photo:hover,form#pllistEdit .preview-cover .cancel-photo:hover,form.pllist .preview-cover .cancel-photo:hover {
    opacity: .8
}

form#feedback-pro,form#feedback-pro button[type=submit] {
    margin-top: 20px
}

.avatar-block {
    border-radius: 50%;
    width: 54px;
    height: 54px;
    position: relative;
    vertical-align: top
}

.avatar-block .pro-comment {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.avatar-block .pro-comment-sign {
    border-radius: 50%;
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 3px solid #ff293d;
    box-sizing: border-box;
    background: 0 0
}

.avatar-block .pro-comment-sign.pro-plus-comment {
    border-color: #75c71b
}

.avatar-block .pro-comment-sign.pro-plus-comment span,.header-f .login .login-items .login-item.my-pro-settings-page .login-pro.proplus {
    background: #75c71b
}

.avatar-block .pro-comment-sign span {
    border-radius: 5px;
    top: 5px;
    color: #fff;
    right: -10px;
    padding: 0 3px;
    font-size: 10px;
    font-weight: 700;
    background: #ff293d;
    line-height: 13px;
    position: absolute
}

.avatar-block.my .pro-comment-sign {
    top: -3px;
    left: -3px;
    box-sizing: initial
}

.avatar-block .avatar,.head-title .description .img img {
    width: 100%;
    height: auto
}

.avatar-block.my,.avatar-block.withborder {
    width: 66px;
    height: 66px;
    border: 3px solid #f26739
}

.avatar-block.my .white-border,.avatar-block.withborder .white-border {
    border-radius: 50%;
    width: 62px;
    height: 62px;
    overflow: hidden;
    border: 2px solid #fff
}

.avatar-block.my .white-border .avatar,.avatar-block.withborder .white-border .avatar {
    width: 62px;
    height: auto
}

#main .playlists article.pl .avatar-block,#main.favorites article.pl .avatar-block,#main.playlists article.pl .avatar-block {
    width: 22px;
    height: 22px;
    overflow: hidden
}

#dle-comments-form .avatar-block .pro-comment-sign,.answerMessageForm .avatar-block .pro-comment-sign,.form-message .avatar-block .pro-comment-sign {
    top: -3px;
    left: -3px;
    box-sizing: initial
}

#dle-comments-form .avatar-block .pro-comment-sign span,.answerMessageForm .avatar-block .pro-comment-sign span,.form-message .avatar-block .pro-comment-sign span {
    right: -5px
}

.bbcode,.category-menu {
    box-sizing: border-box;
    display: block
}

.bbcode {
    width: 100px;
    float: right;
    height: inherit;
    margin-top: 15px
}

.bbcode .fa,.bbcode .fa:before {
    width: 25px;
    height: 25px;
    line-height: 25px
}

.bbcode .fa,.bbcode .fa:hover {
    transition: background-color .3s ease 0
}

.bbcode .fa {
    border-radius: 2px;
    cursor: pointer;
    font-size: 15px;
    margin-right: 4px;
    text-align: center;
    position: relative;
    background: #e9e9e9;
    display: inline-block;
    background-size: 100%;
    border: 1px solid #d4d4d4;
    box-shadow: inset 0 1px 2px #fff;
    background-image: linear-gradient(to bottom,#fdfdfd,#e9e9e9)
}

.bbcode .fa:hover {
    transition: background-color .3s ease 0;
    background-color: #f05521
}

.bbcode .fa:before {
    top: 0;
    left: 0;
    content: '';
    color: #535865;
    font-weight: 700;
    position: absolute;
    text-transform: uppercase
}

.bbcode .fa.fa-bold:before {
    content: "B";
    font-style: initial
}

.bbcode .fa.fa-italic:before {
    content: "i"
}

.bbcode .fa.fa-underline {
    margin-right: 0
}

.bbcode .fa.fa-underline:before {
    content: "u";
    font-style: initial
}

.category-menu {
    width: 100%;
    height: 35px;
    margin-top: 5px;
    list-style: none;
    position: relative;
    margin-bottom: 30px;
    border-bottom: 1px solid #d2d5da
}

.category-menu li:not(.indicator) {
    margin-right: 35px;
    display: inline-block
}

#profile.profile-edit .right .category-menu li:not(.indicator) span,.category-menu li:not(.indicator) a,.category-menu li:not(.indicator) span {
    color: #535865;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    padding-bottom: 17px;
    text-transform: uppercase
}

#profile.profile-edit .right .category-menu li:not(.indicator) span.active,#profile.profile-edit .right .category-menu li:not(.indicator) span:hover,.category-menu li:not(.indicator) a.active,.category-menu li:not(.indicator) a:hover,.category-menu li:not(.indicator) span.active,.category-menu li:not(.indicator) span:hover,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li.active li .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li.active li a,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li:hover li .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li:hover li a,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin:hover .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin:hover a {
    color: #292c33
}

.dark_skin .category-menu li:not(.indicator) a:hover,.dark_skin .category-menu li:not(.indicator) span:hover,.dark_skin .category-menu li:not(.indicator).active a,.dark_skin .category-menu li:not(.indicator).active span {
    color: #fff!important
}

.dark_skin .category-menu li:not(.indicator) a,.dark_skin .category-menu li:not(.indicator) span {
    color: #f26739!important
}

#profile.profile-edit .right .category-menu {
    height: 30px;
    font-size: 0
}

#profile.profile-edit .right .category-menu li:not(.indicator) {
    margin-right: 15px
}

#profile.profile-edit .right .category-menu li:not(.indicator):nth-child(6) {
    margin-right: 0
}

@media screen and (min-width: 1360px) {
    #profile.profile-edit .right .profile-menu-buttons .category-menu {
        width:100%;
        left: 0!important
    }

    #profile.profile-edit .right .profile-menu-buttons .category-menu li:not(.indicator) {
        margin-right: 35px
    }

    #profile.profile-edit .right .profile-menu-buttons .category-menu li:not(.indicator):nth-child(6) {
        margin-right: 0
    }
}

.dark_skin .category-menu {
    border-bottom: 1px solid #292c33
}

#main .filter {
    float: right;
    margin-top: 4px;
    margin-right: 12px;
    display: inline-block
}

#footer .container:after,#main .filter:after,#main .line-block #dle-content .result:after,#main .line-block article:after,.head-title:after {
    content: " ";
    display: table;
    clear: both
}

#main .filter .sort {
    z-index: 29;
    float: right;
    position: relative
}

#main .filter .sort.count-sort {
    margin-left: 15px
}

#main .filter .sort.count-sort .sort-items,.info,.info .container {
    padding: 0
}

#main .filter .sort.count-sort .sort-items .sort-item {
    width: 30px
}

#main .filter .sort.registered-sort,#main .filter .sort.users-sort {
    box-sizing: border-box;
    width: 133px;
    right: -10px;
    position: absolute
}

#main .filter .sort.registered-sort span,#main .filter .sort.users-sort span {
    box-sizing: border-box;
    width: 115px;
    margin-right: 0;
    padding-right: 0
}

#main .filter .sort.users-sort span:after {
    right: -4px
}

#main .filter .sort.users-sort .sort-items .sort-item {
    width: 111px
}

#main .filter .sort.registered-sort {
    padding: 0;
    right: 125px;
    width: 95px
}

#main .filter .sort.registered-sort span {
    width: 95px
}

#main .filter .sort.registered-sort span:after {
    right: 15px
}

#main .filter .sort.registered-sort .sort-items .sort-item {
    box-sizing: border-box;
    width: 93px;
    padding: 0 18px
}

#main .filter .sort.opened .sort-items,.header-f .search .search-wrap.focus .searchResults {
    display: block
}

#main .filter .sort.remove-sort {
    cursor: pointer;
    margin-right: 30px
}

#main .filter .sort.remove-sort span {
    cursor: pointer;
    margin-right: 5px
}

#main .filter .sort.remove-sort span.icon-close {
    color: #535865;
    font-size: 10px;
    vertical-align: top;
    display: inline-block
}

#main .filter .sort.remove-sort span.icon-close:before {
    top: 5px;
    right: 0
}

#main .filter .sort.remove-sort span.icon-close.active,#main .filter .sort.remove-sort.selected span.icon-close {
    color: #ff293d
}

#main .filter .sort.remove-sort .sort-items {
    right: -10px
}

#main .filter .sort span {
    color: #9fa4b0;
    cursor: default;
    font-size: 12px;
    line-height: 20px;
    margin-right: 10px;
    display: inline-block;
    text-transform: uppercase
}

#main .filter .sort span.btn-sort {
    color: #535865;
    cursor: pointer;
    margin-right: 0;
    font-weight: 700;
    position: relative;
    padding-right: 19px
}

#main .filter .sort span.btn-sort .fa {
    top: 7px;
    right: 0;
    position: absolute
}

#main .filter .sort span.btn-sort .fa.icon-arowDown:after {
    width: 10px;
    height: 6px;
    color: #8f95a3;
    font-size: 6px;
    text-align: center
}

#main .filter .sort .sort-items .sort-item .btn-down.icon-arowDown:after,#main .filter .sort .sort-items .sort-item .btn-up.icon-arowUp:before,#main .filter .sort span.btn-sort .fa.icon-arowUp:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 6px;
    width: 10px;
    font-size: 6px
}

.dark_skin #main .filter .sort span.btn-sort {
    color: #fff
}

.dark_skin #main .filter .sort span {
    color: #535865
}

#main .filter .sort .sort-items {
    top: 30px;
    z-index: 29;
    right: -20px;
    display: none;
    padding: 10px 0;
    position: absolute;
    background-color: #f4f6fa
}

#main .filter .sort .sort-items .sort-item {
    width: 160px;
    height: 30px;
    color: #535865;
    display: block;
    font-size: 12px;
    margin-right: 0;
    font-weight: 400;
    line-height: 30px;
    position: relative;
    padding: 0 0 0 20px;
    text-transform: none
}

#main .filter .sort .sort-items .sort-item .fa {
    opacity: 0;
    content: '';
    position: absolute
}

#main .filter .sort .sort-items .sort-item .btn-down,#main .filter .sort .sort-items .sort-item .btn-up {
    top: 0;
    width: 20px;
    right: 30px;
    height: inherit;
    background-position: center center
}

#main .filter .sort .sort-items .sort-item .btn-up {
    right: 10px
}

#main .filter .sort .sort-items .sort-item .btn-up.icon-arowUp:before {
    color: #8f95a3
}

#main .filter .sort .sort-items .sort-item:hover {
    cursor: pointer;
    background-color: #e0e3e9
}

#main .filter .sort .sort-items .sort-item.active .fa,#main .filter .sort .sort-items .sort-item:hover .fa {
    opacity: .3
}

#main .filter .sort .sort-items .sort-item.active .fa.active,#main .filter .sort .sort-items .sort-item:hover .fa:hover {
    opacity: 1
}

#main .filter .sort .sort-items .sort-item.active {
    background-color: #e0e3e9
}

#main .filter .sort .sort-items .sort-item:after {
    background: 0 0
}

.info {
    z-index: 1;
    height: 470px;
    position: relative;
    background-color: #525764;
    background-image: url(../../img/bg-text.png)
}

.info figure {
    float: left
}

.info figure img {
    position: absolute;
    top: 136px;
    left: -47px
}

.info .description {
    color: #fff;
    float: right;
    width: 620px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    padding-top: 46px
}

.info .description p {
    line-height: 18px;
    padding-bottom: 10px
}

#main .line-block article.shortstory.grid.soundcover .short:hover .like-count-wrap .edit .ico-edit.icon-adminEdit:before,.info .description p.big {
    font-size: 18px
}

.info .description p:first-child {
    font-size: 20px
}

.info .description ul {
    list-style-type: circle
}

.info .description ul li {
    box-sizing: border-box;
    line-height: 20px;
    position: relative;
    padding-left: 30px;
    list-style-type: none
}

.info .description ul li:before {
    border-radius: 50%;
    top: 6px;
    left: 10px;
    width: 6px;
    height: 6px;
    content: '';
    margin: auto;
    position: absolute;
    background: #f26739
}

.info .description button {
    transition: .3s;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    margin-top: 8px;
    line-height: 14px;
    padding: 10px 19px;
    text-align: center;
    background: 0 0;
    border: 1px solid #9799a1;
    text-transform: uppercase
}

.info .description button:hover {
    transition: .3s;
    border-color: #f05521;
    background-color: #f05521
}

.info .description .big-p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    display: inline-block;
    text-transform: uppercase
}

#footer {
    width: 100%;
    float: left;
    z-index: -1;
    height: 60px;
    background-color: #292c33;
    box-shadow: inset 0 1px 0 0 #33373e
}

#footer .container {
    padding: 0;
    background-color: transparent
}

#footer .copy {
    float: left;
    color: #8f95a3;
    font-size: 13px;
    line-height: 20px;
    padding-top: 19px
}

#footer .copy .fa {
    margin-right: -3px
}

@media screen and (min-width: 1360px) {
    #footer .copy {
        padding-left:30px
    }
}

#footer .dark_skin,#footer .full-site {
    color: #f26739;
    cursor: pointer;
    font-size: 13px;
    line-height: 60px;
    margin-left: 25px
}

#footer .full-site {
    text-align: right;
    padding-left: 22px;
    position: relative;
    display: inline-block;
    text-decoration: underline
}

#footer .full-site:before {
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 20px;
    content: "";
    position: absolute;
    padding-right: 10px;
    background: url(../../img/svg/mobile_app_icon.svg) left no-repeat;
    background-size: 12px 20px
}

#footer .dark_skin {
    font-weight: 700;
    border-bottom: 2px solid;
    -o-border-image: url(../../img/svg/circle.svg);
    border-image: url(../../img/svg/circle.svg);
    border-image-slice: 0 0 1 0;
    border-image-repeat: repeat
}

#footer .dark_skin:hover {
    color: #e9450f
}

#footer .footer-menu {
    float: right;
    height: 60px;
    font-size: 0;
    overflow: hidden;
    text-align: right;
    line-height: 60px;
    padding-right: 20px
}

@media screen and (min-width: 1360px) {
    #footer .footer-menu {
        padding-right:40px
    }
}

#footer .footer-menu.not-pro {
    padding-right: 0
}

#footer .footer-menu li {
    box-sizing: border-box;
    height: 60px;
    padding: 0 8px
}

@media screen and (min-width: 1360px) {
    #footer .footer-menu li {
        padding:0 30px
    }
}

#footer .footer-menu li:first-child {
    padding-left: 0
}

#footer .footer-menu li:last-child {
    padding-right: 0
}

#footer .footer-menu li a,#footer .footer-menu li span {
    box-sizing: border-box;
    color: #8f95a3;
    font-size: 15px;
    font-weight: 700;
    padding-top: 19px;
    position: relative;
    padding-bottom: 21px
}

#footer .footer-menu li a:hover:after,#footer .footer-menu li span:hover:after,#footer .footer-menu li.active a:after {
    left: 0;
    width: 100%;
    height: 4px;
    bottom: 0;
    content: '';
    position: absolute;
    background-color: #f26739
}

#footer .footer-menu li a .pro-red,#footer .footer-menu li span .pro-red {
    border-radius: 7px;
    color: #fff;
    padding: 2px 6px;
    background: #ff293d
}

.header-f {
    height: 60px;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    background-color: #292c33;
    box-shadow: inset 0 -1px 0 0 #33373e
}

.header-f .container {
    padding: 0 25px;
    background-color: transparent
}

.header-f li .container,.header-f nav .container {
    padding: 0 30px 0 40px;
    background-color: transparent
}

.header-f .logo {
    float: left;
    background: url(../../img/svg/filmix-logo-new.svg) no-repeat 0 0;
    background-size: 100px 60px;
    width: 100px;
    height: 60px;
    vertical-align: middle;
    font-size: 0;
    display: inline-block;
    padding: 15px 0;
    box-sizing: border-box
}

.header-f .search {
    float: left;
    height: 60px;
    color: #8f95a3;
    cursor: pointer;
    line-height: 60px;
    position: relative;
    margin: 0 45px 0 25px
}

@media screen and (min-width: 1360px) {
    .header-f .search {
        padding:0 45px 0 100px
    }
}

@media screen and (min-width: 1950px) {
    .header-f .search {
        padding:0 45px 0 200px
    }
}

.header-f .search .search-wrap {
    border-radius: 2px;
    top: 12px;
    padding: 0;
    z-index: 150;
    line-height: 60px;
    position: absolute
}

.header-f .search .search-wrap.focus {
    transition: .3s;
    width: 480px;
    cursor: auto;
    background: #fff
}

@media screen and (min-width: 1360px) {
    .header-f .search .search-wrap.focus {
        width:610px
    }
}

.header-f .search .search-wrap.focus.icon-search:before {
    top: 7px;
    z-index: 3;
    height: 34px;
    height-line-height: 34px
}

.header-f .search .search-wrap.focus .costumSearch {
    z-index: 101
}

.header-f .search .search-wrap.focus #search {
    border: 0;
    opacity: 1;
    width: 480px;
    height: 34px;
    cursor: auto;
    display: block;
    visibility: visible
}

@media screen and (min-width: 1360px) {
    .header-f .search .search-wrap.focus #search {
        width:610px
    }
}

.header-f .login>div,.header-f .search .search-wrap.focus .close-search:after,.header-f .searchResults .search-quick-item a {
    display: inline-block
}

.header-f .search .search-wrap.icon-search:before {
    top: 7px;
    z-index: 1;
    width: 40px;
    font-size: 20px;
    text-align: center
}

.header-f .search .search-wrap #search {
    box-sizing: border-box;
    border-radius: 2px;
    transition: .3s;
    margin: 0;
    border: 0;
    opacity: 0;
    z-index: 2;
    width: 40px;
    height: 34px!important;
    display: block;
    cursor: pointer;
    font-size: 13px;
    box-shadow: none;
    line-height: 13px;
    position: absolute;
    padding: 9px 0 9px 45px;
    -webkit-appearance: textfield;
    text-rendering: optimizelegibility
}

.header-f .search .search-wrap #search::-ms-clear {
    display: none
}

.header-f .search .search-wrap #search:-ms-input-placeholder {
    font-size: 13px;
    line-height: 16px
}

.header-f .search .search-wrap #search::-moz-placeholder {
    font-size: 13px;
    line-height: 16px
}

.header-f .search .search-wrap #search::placeholder {
    font-size: 13px;
    line-height: 16px
}

.header-f .search .search-wrap .f_submited {
    display: none
}

.header-f .search .search-wrap .costumSearch {
    opacity: 0;
    z-index: 0;
    width: 150px;
    display: none;
    color: #909090;
    font-size: 13px;
    font-weight: 400;
    line-height: 34px;
    position: absolute
}

.header-f .search .search-wrap .costumSearch:hover {
    color: #303030;
    text-decoration: underline
}

.header-f .search .search-wrap .close-search {
    width: 15px;
    height: 15px;
    display: none
}

.header-f .search .search-wrap .close-search.icon-close:before {
    top: 9px;
    bottom: 0;
    z-index: 2;
    right: 10px;
    color: #d3d4da;
    cursor: pointer;
    font-size: 16px
}

.header-f .search .search-wrap .close-search:hover:before {
    opacity: .7
}

.header-f .searchResults {
    top: 60px;
    left: 1px;
    width: 480px;
    height: auto;
    z-index: 500;
    font-size: 0;
    display: none;
    line-height: 0;
    position: absolute;
    box-shadow: 0 19px 29px rgba(0,0,0,.2)
}

@media screen and (min-width: 1360px) {
    .header-f .searchResults {
        left:101px;
        width: 610px
    }
}

@media screen and (min-width: 1950px) {
    .header-f .searchResults {
        left:201px
    }
}

.header-f .login.opened:after,.header-f .searchResults.opened {
    display: block
}

#main .line-block article.shortstory .full p,#main.favorites .playlists-menu li a,#main.playlists .playlists-menu li a,#main.social_profile .playlists-menu li a,#main.user_info .playlists-menu li a,.header-f .searchResults h3,.search-quick .searchResultsPersons h3 {
    font-size: 14px
}

.header-f .searchResults .search-quick-item-title {
    font-size: 14px;
    display: block;
    color: #8f95a3;
    position: relative;
    cursor: default;
    z-index: 222;
    line-height: 1.4;
    padding: 10px 23px 10px 20px;
    background: #fff;
    box-shadow: inset 0 -1px 0 0 #efefef;
    font-weight: 500
}

.header-f .searchResults .search-quick-item {
    height: auto;
    font-size: 0;
    cursor: default;
    background: #fff;
    position: relative;
    display: inline-block;
    padding: 20px 23px 17px 20px;
    box-shadow: inset 0 -1px 0 0 #efefef
}

.header-f .searchResults .search-quick-item:last-child {
    box-shadow-color: transparent
}

.header-f .searchResults .search-quick-item.act,.header-f .searchResults .search-quick-item:hover {
    background: #f6f7f8
}

.header-f .searchResults .search-quick-item.act .title,.header-f .searchResults .search-quick-item:hover .title {
    color: #f26b31
}

.header-f .searchResults .search-quick-item .no-poster {
    width: 40px;
    float: left;
    height: 60px;
    position: relative;
    background: #f3f4f5;
    display: inline-block
}

.header-f .searchResults .search-quick-item .no-poster:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 21px;
    font-size: 21px
}

.header-f .searchResults .search-quick-item .poster {
    width: 40px;
    float: left;
    height: 60px
}

.header-f .searchResults .search-quick-item .poster[src*="none.png"] {
    background: #f3f4f5;
    outline: 1px solid #fff
}

.header-f .searchResults .search-quick-item .right {
    float: left;
    width: 377px;
    margin-left: 20px;
    line-height: 20px;
    vertical-align: top
}

@media screen and (min-width: 1360px) {
    .header-f .searchResults .search-quick-item .right {
        width:507px
    }
}

.header-f .searchResults .search-quick-item .right .title {
    top: -3px;
    color: #292c33;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    position: relative
}

.header-f .searchResults .search-quick-item .right .original-title {
    color: #8f95a3;
    font-size: 14px;
    font-weight: 500
}

.header-f .searchResults .search-quick-item .right .category,.header-f .searchResults .search-quick-item .right .year {
    color: #8f95a3;
    font-size: 11px;
    display: inline-block
}

.header-f .searchResults .search-quick-item .right .category .mark,.header-f .searchResults .search-quick-item .right .year .mark {
    color: #fff;
    padding: 0 2px;
    background: #f26739;
    border-radius: 2px
}

.header-f .searchResults .search-quick-item .right .year {
    margin-right: 5px
}

.header-f .searchResults .search-quick-item .right .additional-info {
    color: #535865;
    font-size: 12px;
    font-weight: 600;
    line-height: 10px
}

.header-f .searchResults .search-quick-item .right .additional-info .left {
    color: #8f95a3;
    font-weight: 400
}

.header-f .searchResults .edit {
    top: 20px;
    right: 23px;
    width: 16px;
    height: 16px;
    color: #d3d4da;
    font-size: 16px;
    position: absolute
}

.header-f .notifications .bell .sub-nav-wrapper .archive:hover span,.header-f .searchResults .edit:hover {
    color: #535865
}

.header-f .searchResults .showAllResults {
    color: #f26739;
    height: 40px;
    display: block;
    padding: 0 20px;
    font-size: 14px;
    background: #fff;
    font-weight: 400;
    line-height: 40px
}

.header-f .searchResults .showAllResults:hover {
    background: #f6f7f8
}

.header-f .header-menu {
    z-index: 5;
    width: 425px;
    height: 60px;
    font-size: 0
}

@media screen and (min-width: 1360px) {
    .header-f .header-menu {
        width:540px
    }
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) {
    font-size: 15px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin):nth-last-child(2) {
    position: relative
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin):hover .for-persone,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin):hover .menu-title,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin):hover>a {
    color: #f26739;
    font-size: 15px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin):hover .for-persone:after,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin):hover .menu-title:after,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin):hover>a:after {
    left: 0;
    width: 100%;
    height: 4px;
    bottom: 1px;
    content: '';
    position: absolute;
    background-color: #f26739
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin).opened .sub-nav-small-wrapper,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin).opened .sub-nav-wrapper {
    display: block
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin).opened>.menu-title {
    color: #8f95a3
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin).opened>.menu-title:before {
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    margin: auto;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: transparent transparent #fff
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li>span.years-line .data-page:hover:after,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li>span.years-line .data-page:hover:before,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li>span.years-line a:hover:after,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li>span.years-line a:hover:before,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin).opened>.menu-title:after {
    content: none
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .menu-title,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) a {
    z-index: 35;
    color: #8f95a3;
    font-size: 15px;
    cursor: pointer;
    line-height: 20px;
    position: relative;
    display: inline-block;
    padding: 20px 10px 21px;
    text-transform: none!important
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .data-page.for-4k,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .menu-title.for-4k,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) a.for-4k {
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    padding: 0 6px;
    margin-left: 10px;
    line-height: 16px;
    background: #ee3442
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .data-page.for-4k:after,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .menu-title.for-4k:after,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) a.for-4k:after {
    display: none
}

@media screen and (min-width: 1360px) {
    .header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .menu-title {
        margin:0 10px
    }
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper {
    left: 0;
    top: 60px;
    width: 930px;
    z-index: 1000;
    display: none;
    font-size: 12px;
    background: #fff;
    line-height: 20px;
    position: absolute;
    box-shadow: 0 19px 29px rgba(0,0,0,.2)
}

@media screen and (min-width: 1360px) {
    .header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper {
        width:1230px;
        margin: 0 25px
    }
}

@media screen and (min-width: 1950px) {
    .header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper {
        margin:0 195px
    }
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper:after {
    height: 0;
    clear: both;
    content: '';
    display: block
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav {
    top: 60px;
    margin: 0;
    float: left;
    width: 185px;
    height: 335px;
    display: block;
    vertical-align: top;
    padding: 20px 0 10px;
    box-shadow: inset -1px 0 0 #efefef
}

@media screen and (min-width: 1360px) {
    .header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav {
        width:240px
    }
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav .new {
    color: #ee3442;
    font-size: 10px;
    line-height: 12px;
    vertical-align: top;
    display: inline-block
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one {
    top: 0;
    width: 190px;
    height: 335px;
    position: relative;
    background-color: #f6f7f8
}

@media screen and (min-width: 1360px) {
    .header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one {
        width:270px
    }
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li {
    padding: 0;
    width: 190px;
    height: 30px;
    white-space: normal;
    word-break: break-all;
    margin: 5px 0 10px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li:first-child {
    margin-top: 0
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li.active .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li.active a,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li:hover .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li:hover a,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li>span.years-line .data-page:hover,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li>span.years-line a:hover,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li .data-page:hover,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li a:hover {
    color: #f26739
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li a,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li>span {
    width: 140px;
    height: 30px;
    color: #292c33;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 12px;
    padding: 0 20px 0 30px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li>span.years-line .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.col-one li>span.years-line a {
    padding: 0;
    width: 35px;
    color: #292c33;
    margin-right: 9px;
    white-space: nowrap;
    display: inline-block
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li {
    width: 170px;
    height: 20px;
    margin: 5px 0 0
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.top250-mark {
    right: 0;
    margin: 0;
    top: 18px;
    width: 50px;
    height: 25px;
    background: #f26739;
    position: absolute
}

@media screen and (min-width: 1360px) {
    .header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.top250-mark {
        width:60px
    }
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.top250-mark:hover {
    background: #8f95a3
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.top250-mark .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.top250-mark a {
    margin: 0;
    padding: 0;
    width: auto;
    color: #fff;
    height: 25px;
    display: block;
    font-size: 10px;
    line-height: 25px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase
}

@media screen and (min-width: 1360px) {
    .header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.top250-mark .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.top250-mark a {
        font-size:12px
    }
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li a {
    height: 20px;
    line-height: 20px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li:last-child {
    margin-bottom: 0
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li .subtitle {
    width: 140px;
    height: 20px;
    color: #8f95a3;
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin: 10px 12px 10px 0;
    font-weight: 400;
    padding: 0 20px 0 30px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.hasul {
    height: auto;
    margin-bottom: 10px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin {
    margin-top: 0;
    height: initial
}

@media screen and (min-width: 1360px) {
    .header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin {
        width:250px
    }
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li a {
    white-space: nowrap
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li:first-child,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li:first-child .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li:first-child a {
    width: 35px!important
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li:nth-child(2),.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li:nth-child(2) .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li:nth-child(2) a {
    width: 43px!important
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li:nth-child(3),.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li:nth-child(3) .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li:nth-child(3) a {
    width: 88px!important
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li:last-child,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li:last-child .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin .qualities li:last-child a {
    width: 20px!important
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin li .data-page:hover,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style li.nomargin li a:hover,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style ul .qualities li .data-page:hover,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style ul .qualities li a:hover,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style ul li:hover .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style ul li:hover a {
    color: #f26739
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style ul {
    padding-left: 20px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style ul li .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style ul li a {
    width: 120px;
    height: 20px;
    margin-right: 0;
    line-height: 20px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style ul .qualities {
    padding: 0 5px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style ul .qualities li {
    padding: 0 4px;
    width: auto!important;
    display: inline-block
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style ul .qualities li .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav.new-style ul .qualities li a {
    margin: 0;
    padding: 0;
    width: auto!important
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav:before {
    left: 0;
    top: -23px;
    width: 100%;
    content: '';
    height: 23px;
    position: absolute
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li {
    margin: 0;
    padding: 0;
    width: 184px;
    height: 30px;
    white-space: normal;
    word-break: break-all
}

@media screen and (min-width: 1360px) {
    .header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li {
        width:240px
    }
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li.active,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li:hover {
    background: #f6f7f8
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li .data-page:hover,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li a:hover,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li.active a,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li:hover a {
    color: #535865
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li a {
    width: 145px;
    height: 30px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    display: inline-block
}

@media screen and (min-width: 1360px) {
    .header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li a {
        width:200px
    }
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li .data-page.active:after,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li .data-page:hover:after,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li a.active:after,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li a:hover:after,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li .data-page:hover:after,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li .data-page:hover:before,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li a:hover:after,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li a:hover:before {
    content: none
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li:last-child {
    margin-bottom: 16px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li:last-child .banner {
    margin-bottom: 0
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li.last-section {
    margin-bottom: 19px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav li .alter a {
    color: #00a6ff
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .sub-main-nav .fatter-cat {
    color: #292c33!important;
    font-weight: 700!important
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .lucky {
    right: 0;
    bottom: 0;
    width: 130px;
    height: 32px;
    position: absolute;
    text-align: center;
    background: #8f95a3
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .lucky:hover {
    opacity: .8
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .lucky .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-wrapper .lucky a {
    margin: 0;
    padding: 0;
    color: #fff;
    width: 130px;
    height: 32px;
    cursor: pointer;
    font-size: 13px;
    line-height: 33px;
    font-weight: 400;
    display: inline-block;
    text-transform: uppercase
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .mult-wrapper .mult-col {
    width: 247px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .mult-wrapper .menu-footer li,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .mult-wrapper .mult-col li,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .mult-wrapper .mult-col-last {
    width: 246px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .mult-wrapper .mult-col li a {
    width: 206px
}

@media screen and (min-width: 1360px) {
    .header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .mult-wrapper .mult-col-last {
        box-shadow:inset -1px 0 0 transparent
    }
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper {
    top: 60px;
    left: 0;
    z-index: 1000;
    width: 145px;
    display: none;
    padding: 15px 0;
    font-size: 12px;
    line-height: 20px;
    background: #fff;
    position: absolute;
    box-shadow: 0 19px 29px rgba(0,0,0,.2)
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper:after {
    height: 0;
    clear: both;
    content: '';
    display: block;
    visibility: hidden
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li {
    margin: 0;
    padding: 0;
    width: 145px;
    height: 30px;
    white-space: normal;
    word-break: break-all
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li:first-child {
    margin-top: 0
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li .data-page,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li a {
    width: 110px;
    z-index: 22;
    height: 30px;
    color: #8f95a3;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    display: inline-block;
    padding: 0 15px 0 20px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li .data-page.become-pro,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li a.become-pro {
    width: 115px;
    padding: 0 10px 0 20px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li .data-page.active,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li .data-page:hover,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li a.active,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li a:hover {
    color: #535865;
    background: #f6f7f8
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li .data-page .tablet span,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li a .tablet span {
    padding: 2px 4px;
    color: #fff;
    text-transform: uppercase
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li .data-page .tablet .red,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li a .tablet .red {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #ff293d
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li .data-page .tablet .green,.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .sub-nav-small-wrapper li a .tablet .green {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #75c71b
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .banner {
    margin-right: -12px
}

.header-f .header-menu ul:not(.qualities)>li:not(.nomargin) .banner img {
    width: 200px;
    display: block
}

.header-f .login {
    box-sizing: border-box;
    float: right;
    width: 190px;
    color: #8f95a3;
    cursor: pointer;
    font-weight: 600;
    position: relative
}

@media screen and (min-width: 1360px) {
    .header-f .login {
        width:206px
    }
}

.header-f .login.opened {
    box-sizing: border-box;
    position: relative;
    background-color: #f6f7f8
}

.header-f .login.opened .login-items {
    display: block
}

.header-f .login:after {
    top: 0;
    width: 10px;
    content: '';
    right: -10px;
    height: 60px;
    display: none;
    position: absolute;
    background: #f6f7f8
}

.header-f .login.guest {
    z-index: 10;
    cursor: pointer
}

.header-f .login.guest:hover {
    background-color: transparent
}

#main .playlists article.pl.grid .short .author,#main .playlists article.pl.grid .short .date,#main .playlists article.pl.line .short .author,#main .playlists article.pl.line .short .date,#main.favorites article.pl.grid .short .author,#main.favorites article.pl.grid .short .date,#main.favorites article.pl.line .short .author,#main.favorites article.pl.line .short .date,#main.playlist article.pl.grid .short .author,#main.playlist article.pl.grid .short .date,#main.playlist article.pl.line .short .author,#main.playlist article.pl.line .short .date,#main.playlists article.pl.grid .short .author,#main.playlists article.pl.grid .short .date,#main.playlists article.pl.line .short .author,#main.playlists article.pl.line .short .date,.header-f .login.guest:before {
    display: none
}

.header-f .login.guest span {
    color: #8f95a3;
    font-weight: 700;
    line-height: 60px;
    position: relative;
    padding-left: 50px;
    display: inline-block
}

.header-f .login.guest span:before {
    top: 20px;
    left: 17px;
    color: #d3d4da;
    font-size: 20px;
    position: absolute
}

.header-f .login a {
    color: #8f95a3;
    font-weight: 700;
    padding-top: 19px;
    line-height: 20px;
    padding-bottom: 20px
}

.header-f .login .login-items {
    top: 60px;
    right: -10px;
    font-size: 0;
    z-index: 1000;
    display: none;
    position: absolute;
    border: 1px solid #eaeaea;
    background-color: #f4f6fa;
    border-top-color: transparent;
    box-shadow: 0 19px 29px rgba(0,0,0,.2)
}

.header-f .login .login-items .login-item {
    box-sizing: border-box;
    width: 198px;
    height: 42px;
    color: #535865;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 42px;
    padding: 0 5px 0 23px
}

@media screen and (min-width: 1360px) {
    .header-f .login .login-items .login-item {
        width:214px;
        padding: 0 14px 0 25px
    }
}

.header-f .login .login-items .login-item.my-settings-page:hover,.header-f .login .login-items .login-item:hover {
    background-color: #e0e3e9
}

.header-f .login .login-items .login-item:first-child {
    border-top: 1px solid #eaeaea
}

.header-f .login .login-items .login-item.logoute {
    height: 35px;
    color: #8f95a3;
    line-height: 35px;
    border-top: 1px solid #eaeaea
}

.header-f .login .login-items .login-item .msg {
    color: #fff;
    font-size: 11px;
    padding: 2px 4px;
    line-height: 9px;
    border-radius: 2px;
    background-color: #ff293d
}

.header-f .login .login-items .login-item.panel-admin {
    padding: 0 18px;
    border-bottom: 1px solid #eaeaea
}

.header-f .login .login-items .login-item.my-page {
    width: 158px;
    padding: 0 18px;
    font-weight: 700;
    vertical-align: top;
    display: inline-block
}

@media screen and (min-width: 1360px) {
    .header-f .login .login-items .login-item.my-page {
        width:174px
    }
}

.header-f .login .login-items .login-item.my-settings-page {
    background: url(../../img/svg/settings-wheel.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 39px;
    height: 42px;
    vertical-align: top;
    display: inline-block;
    background-color: transparent;
    background-position: 10px 10px
}

#main .playlists article.pl,#main.favorites article.pl,#main.playlist article.pl,#main.playlists article.pl,.header-f .login .login-items .login-item.my-pro-settings-page {
    position: relative
}

.header-f .login .login-items .login-item.my-pro-settings-page .login-pro {
    border-radius: 5px;
    color: #fff;
    padding: 2px 9px;
    margin-right: 10px;
    background: #ff293d;
    text-transform: uppercase
}

.header-f .login .login-items .login-item.my-pro-settings-page .no-pro {
    color: #ee3443;
    font-weight: 700
}

.header-f .login .login-items .login-item.my-pro-settings-page .date-pro-refresh {
    background: url(../../img/svg/refresh.svg) no-repeat 0 0;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    top: 10px;
    padding: 0;
    right: 10px;
    position: absolute;
    display: inline-block
}

.header-f .login .user-profile {
    padding: 0;
    float: left;
    height: 60px;
    display: inline-block
}

.header-f .login .user-name {
    float: left;
    width: 85px;
    overflow: hidden;
    line-height: 60px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header-f .login .user-details {
    width: 35px;
    float: left;
    height: 60px;
    display: block;
    position: relative
}

@media screen and (min-width: 1360px) {
    .header-f .login .user-details {
        width:55px
    }
}

.header-f .login .user-details:before {
    top: 23px;
    right: 10px
}

.header-f .login .user-details.icon-dots:before {
    color: #8e95a2;
    font-size: 16px
}

.header-f .login .user-pic {
    top: 0;
    width: 36px;
    float: left;
    height: 36px;
    cursor: pointer;
    position: relative;
    margin: 12px 10px 12px 20px
}

.header-f .login .message {
    top: 8px;
    left: 45px;
    z-index: 2;
    color: #fff;
    font-size: 11px;
    padding: 1px 2px;
    line-height: 11px;
    position: absolute;
    border-radius: 2px;
    background-color: #ff293d
}

.header-f .login .message .ico-mail {
    top: -1px;
    width: 11px;
    height: 11px;
    position: relative;
    display: inline-block
}

.header-f .login .message .ico-mail:before {
    top: 4px;
    font-size: 8px
}

.header-f .login .avatar-block .pro-comment-sign {
    border: 0
}

.header-f .login .avatar-block .pro-comment-sign span {
    background: url(../../img/svg/pro_icon.svg) no-repeat 0 0;
    background-size: 18px 12px;
    width: 18px;
    height: 12px;
    vertical-align: middle;
    top: 5;
    left: -1px;
    border: 0;
    border-radius: 0
}

.header-f .login .avatar-block .pro-comment-sign.pro-plus-comment span {
    background: url(../../img/svg/proplus_icon.svg) no-repeat 0 0;
    background-size: 20px 12px;
    width: 20px;
    height: 12px;
    vertical-align: middle
}

.header-f .notifications {
    width: 16px;
    float: right;
    padding: 21px 8px
}

.header-f .notifications .bell {
    background: url(../../img/svg/notifi.svg) no-repeat 0 0;
    cursor: pointer;
    position: relative
}

.header-f .notifications .bell:hover {
    background: url(../../img/svg/notifiHover.svg) no-repeat 0 0
}

.header-f .notifications .bell,.header-f .notifications .bell.active,.header-f .notifications .bell:hover {
    background-size: 16px 18px;
    width: 16px;
    height: 18px;
    vertical-align: middle
}

.header-f .notifications .bell.active {
    background: url(../../img/svg/notifiActive.svg) no-repeat 0 0
}

.header-f .notifications .bell.active:before {
    left: 0;
    right: 0;
    width: 100%;
    height: 4px;
    content: '';
    margin: auto;
    bottom: -21px;
    position: absolute;
    border-width: 0 6px 6px;
    border-color: transparent transparent #f6f7f8
}

.header-f .notifications .bell.active .sub-nav-wrapper {
    display: block
}

.header-f .notifications .bell.group-guest .sub-nav-wrapper {
    height: 425px
}

.header-f .notifications .bell.group-guest .sub-nav-wrapper ul {
    height: 425px;
    overflow: visible
}

.header-f .notifications .bell .count {
    border-radius: 50%;
    top: -11px;
    color: #fff;
    right: -10px;
    height: 15px;
    padding: 1px;
    display: none;
    font-size: 9px;
    min-width: 15px;
    line-height: 15px;
    position: absolute;
    text-align: center;
    background: #fc2d43
}

.header-f .notifications .bell .sub-nav-wrapper {
    top: 39px;
    right: -63px;
    width: 500px;
    z-index: 1000;
    display: none;
    cursor: default;
    font-size: 12px;
    max-height: 425px;
    line-height: 20px;
    position: absolute;
    padding-bottom: 45px;
    background-color: #f6f7f8;
    box-shadow: 0 19px 29px rgba(0,0,0,.2)
}

.header-f .notifications .bell .sub-nav-wrapper .title {
    color: #535865;
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 30px 20px 20px 30px
}

.header-f .notifications .bell .sub-nav-wrapper ul {
    height: 305px;
    overflow: auto
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    margin: 0 0 20px 30px;
    padding: 0 20px 0 30px
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item:last-child {
    margin: 0 0 30px 30px
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item:before {
    top: 0;
    left: 0;
    content: '';
    position: absolute
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item .item-href {
    font-weight: 700
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item .item-change {
    color: #535865;
    font-weight: 700
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item .comment-link {
    cursor: pointer
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item.friend:before {
    background: url(../../img/svg/plus_circle.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item.liked:before {
    background: url(../../img/svg/like.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item.reply:before {
    background: url(../../img/svg/arrowUp.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item.reply.with-reply:after {
    background: url(../../img/svg/enter.svg) no-repeat 0 0;
    background-size: 16px 13px;
    width: 16px;
    height: 13px;
    vertical-align: middle;
    top: 5px;
    right: 0;
    content: '';
    position: absolute
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item.comment:before {
    background: url(../../img/svg/reviewsNeutral2.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item.new-info:before {
    background: url(../../img/svg/infoActive.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item.quality:before {
    background: url(../../img/svg/hd.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item.settings:before {
    background: url(../../img/svg/settings.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

#main.lastcomments h1,.header-f .notifications .bell .sub-nav-wrapper ul li.item.item-auth {
    padding: 0
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item.sad {
    margin: 0;
    padding: 0;
    width: 460px;
    height: 240px
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item.sad:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(../../img/svg/sad.svg) no-repeat 0 0;
    background-size: 150px 150px;
    width: 150px;
    height: 150px;
    vertical-align: middle
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item .notif-date,.header-f .notifications .bell .sub-nav-wrapper ul li.item .notif-info,.header-f .notifications .bell .sub-nav-wrapper ul li.item p,.social-counters .social-wrap li a {
    vertical-align: top;
    display: inline-block
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item .notif-info,.header-f .notifications .bell .sub-nav-wrapper ul li.item p {
    width: 315px
}

.header-f .notifications .bell .sub-nav-wrapper ul li.item .notif-date {
    width: 80px;
    font-size: 11px;
    text-align: right
}

.header-f .notifications .bell .sub-nav-wrapper .archive {
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    position: absolute;
    text-align: center;
    background: #ebedef
}

.header-f .notifications .bell .sub-nav-wrapper .archive:hover {
    cursor: pointer;
    background: #e0e3e9
}

.header-f .notifications .bell .sub-nav-wrapper .archive span {
    color: #8f95a3;
    font-size: 14px;
    line-height: 45px
}

.head-title {
    display: block;
    margin-bottom: 30px
}

.head-title.not-bottom {
    margin-bottom: 0
}

.head-title .subtitle {
    float: left;
    font-size: 20px;
    margin-top: 4px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.dark_skin .head-title .subtitle {
    color: #fff
}

.head-title .subtitle .count {
    border-radius: 14px;
    color: #fff;
    height: 24px;
    padding: 0 5px;
    font-size: 14px;
    margin-top: -2px;
    margin-left: 5px;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
    background: #535865;
    display: inline-block;
    text-decoration: unset
}

.head-title .subtitle .fa {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 3px 0 0 5px;
    vertical-align: top;
    display: inline-block
}

.head-title .subtitle .fa::before {
    color: #d2d3d4;
    font-size: 14px
}

#main .playlists #content .line-block article.pl .full .name:hover,#main.favorites #content .line-block article.pl .full .name:hover,#main.playlist #content .line-block article.pl .full .name:hover,#main.playlists #content .line-block article.pl .full .name:hover,.head-title .subtitle .fa:hover::before {
    color: #535865
}

.head-title .add-photo {
    width: 120px;
    float: right;
    height: 25px;
    display: none;
    font-size: 11px;
    margin-top: 17px;
    line-height: 23px
}

.head-title .description {
    width: 100%;
    z-index: 18;
    height: auto;
    font-size: 14px;
    padding: 5px 0 0;
    overflow: hidden;
    max-height: 155px;
    line-height: 25px;
    position: relative;
    display: inline-block
}

@media screen and (min-width: 1360px) {
    .head-title .description {
        max-width:initial!important
    }
}

.dark_skin .head-title .description {
    color: #b6bccc
}

#main .line-block article.news-fullstory footer,#main .line-block article.news-fullstory header,.head-title .description ul {
    width: 100%;
    display: inline-block
}

.head-title .description li {
    padding-left: 40px;
    position: relative
}

.head-title .description li::before {
    top: 9px;
    width: 8px;
    content: '';
    height: 8px;
    background: #f26739;
    margin-left: -30px;
    position: absolute;
    border-radius: 50%
}

.head-title .description .full-story {
    text-align: center
}

.head-title .description .full-story .read,.head-title .description .full-story .subtitle,.head-title .description .full-story em,.head-title .description .full-story p,.head-title .description .full-story span,.head-title .description .full-story strong,.head-title .description .full-story u,.head-title .description .full-story ul {
    text-align: left
}

.head-title .description .full-story.full-block .fancybox-img:hover {
    opacity: .8
}

.head-title .description .full-story.full-block .fancybox-img:hover::before {
    color: #dddfe3
}

.head-title .description .img {
    width: 190px;
    margin-right: 10px;
    display: inline-block
}

.head-title .description .img:nth-of-type(3) {
    margin-right: 0
}

.head-title .description .img .fancybox-img {
    transition: .3s;
    display: block;
    position: relative
}

.head-title .description .img .fancybox-img::before {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: .3s;
    width: 40px;
    height: 40px;
    z-index: 100;
    font-size: 40px;
    position: absolute;
    color: transparent
}

.head-title .description .img .read {
    border-radius: 2px;
    width: 100%;
    float: left;
    display: block
}

.head-title .description .img .read span {
    color: #f26739;
    cursor: pointer;
    margin-top: 8px;
    line-height: 16px;
    font-weight: 700;
    border-bottom: 2px solid;
    -o-border-image: url(../../img/svg/circle.svg);
    border-image: url(../../img/svg/circle.svg);
    border-image-slice: 0 0 1 0;
    border-image-repeat: repeat
}

.head-title .description .img .read span:hover {
    color: #e9450f
}

.head-title .description .img .answer {
    float: left;
    display: none;
    color: #8f95a3;
    line-height: 16px
}

@media screen and (min-width: 1360px) {
    .head-title .description .img {
        width:225px
    }

    .head-title .description .img:nth-of-type(3) {
        margin-right: 10px
    }

    .head-title .description .img:nth-of-type(4) {
        margin-right: 0
    }
}

@media screen and (min-width: 1950px) {
    .head-title .description .img:nth-of-type(4) {
        margin-right:10px
    }

    .head-title .description .img:nth-of-type(5) {
        margin-right: 0
    }
}

.head-title .description .info_count:after {
    background: url(../../img/svg/happy.svg) no-repeat 0 0;
    background-size: 17px 17px;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    content: '';
    margin-top: -2px;
    margin-left: 5px;
    display: inline-block
}

#main .line-block article.shortstory.grid.shadow .full.open .close-wrap:hover.icon-close:before,.dark_skin #main .line-block article.fullstory .full-panel .right span.rateinf,.dark_skin #main .playlist .head-title .playlist-title,.dark_skin #main .playlists .head-title .playlist-title,.dark_skin #main.favorites .head-title .playlist-title,.dark_skin #main.playlists .head-title .playlist-title,.dark_skin .head-title .description .info_count {
    color: #fff
}

.head-title .cat-form {
    display: none;
    margin-bottom: 25px
}

.head-title .cat-form input[type=text],.head-title .cat-form textarea {
    width: 100%;
    resize: none;
    height: 40px;
    padding: 10px;
    outline: 0;
    font-size: 13px;
    line-height: 40px;
    border-radius: 1px;
    margin-bottom: 15px;
    border: 1px solid #e2e2e4;
    background-color: #f4f4f6
}

.head-title .cat-form textarea {
    height: 100px;
    line-height: 15px
}

.head-title .cat-form input[type=text]:hover,.head-title .cat-form textarea:hover {
    background: #fff
}

.dark_skin .head-title .cat-form input[type=text],.dark_skin .head-title .cat-form textarea {
    color: #fff;
    border: 0;
    background-color: #1a1b22
}

.head-title .cat-form .mce-toolbar-grp {
    top: initial;
    bottom: -50px;
    width: 311px!important
}

.head-title .cat-form button.m-button {
    border-radius: 2px;
    width: 120px;
    height: 35px;
    font-size: 12px;
    margin: 15px 10px 0 0
}

.head-title .cat-form button.m-button.cancel {
    background: #8f95a3;
    border-color: #8f95a3
}

.head-title .cat-form button.m-button.cancel:hover {
    color: #8f95a3;
    background: #fff
}

#main .playlist .head-title,#main .playlists .head-title,#main.favorites .head-title,#main.playlists .head-title {
    padding: 0;
    width: 100%;
    height: auto;
    position: relative;
    margin: 12px 0 25px;
    display: inline-block
}

#main .playlist .head-title .subtitle,#main .playlists .head-title .subtitle,#main.favorites .head-title .subtitle,#main.playlists .head-title .subtitle {
    width: 405px;
    margin-bottom: 16px
}

#main .playlist .head-title .playlist-title,#main .playlists .head-title .playlist-title,#main.favorites .head-title .playlist-title,#main.playlists .head-title .playlist-title {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase
}

#main.playlists .head-title .add-list {
    border: 0;
    float: right;
    width: 160px;
    height: 30px;
    cursor: pointer;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase
}

#main.playlists .head-title .all-playlists,#main.playlists .head-title .my-playlists {
    color: #8f95a3;
    font-size: 14px;
    background-color: transparent
}

#main .playlists .head-title .add-list,#main.playlists .head-title .all-playlists,#main.playlists .head-title .my-playlists {
    border: 0;
    float: right;
    width: 160px;
    height: 30px;
    cursor: pointer;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase
}

#main .playlists .head-title .all-playlists,#main .playlists .head-title .my-playlists {
    color: #8f95a3;
    font-size: 14px;
    background-color: transparent
}

#main .playlists .head-title .all-playlists,#main .playlists .head-title .my-playlists,#main.favorites .head-title .add-list {
    border: 0;
    float: right;
    width: 160px;
    height: 30px;
    cursor: pointer;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase
}

#main.favorites .head-title .all-playlists,#main.favorites .head-title .my-playlists {
    border: 0;
    float: right;
    width: 160px;
    color: #8f95a3;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    background-color: transparent
}

#main .playlist .head-title .add-list,#main.favorites .head-title .all-playlists,#main.favorites .head-title .my-playlists,.like-count-wrap .like {
    height: 30px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase
}

#main .playlist .head-title .add-list {
    border: 0;
    float: right;
    width: 160px;
    cursor: pointer;
    display: inline-block
}

#main .playlist .head-title .all-playlists,#main .playlist .head-title .my-playlists {
    border: 0;
    float: right;
    width: 160px;
    height: 30px;
    color: #8f95a3;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    background-color: transparent
}

#main .playlist .head-title .add-list a:hover,#main .playlist .head-title .all-playlists a:hover,#main .playlist .head-title .all-playlists:hover,#main .playlist .head-title .my-playlists a:hover,#main .playlist .head-title .my-playlists:hover,#main .playlists .head-title .add-list a:hover,#main .playlists .head-title .all-playlists a:hover,#main .playlists .head-title .all-playlists:hover,#main .playlists .head-title .my-playlists a:hover,#main .playlists .head-title .my-playlists:hover,#main.favorites .head-title .add-list a:hover,#main.favorites .head-title .all-playlists a:hover,#main.favorites .head-title .all-playlists:hover,#main.favorites .head-title .my-playlists a:hover,#main.favorites .head-title .my-playlists:hover,#main.playlists .head-title .add-list a:hover,#main.playlists .head-title .all-playlists a:hover,#main.playlists .head-title .all-playlists:hover,#main.playlists .head-title .my-playlists a:hover,#main.playlists .head-title .my-playlists:hover,.head-title .description .info_count span {
    color: #f26739
}

#main .playlist .head-title .add-list,#main .playlists .head-title .add-list,#main.favorites .head-title .add-list,#main.playlists .head-title .add-list {
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    background-color: #f26739
}

#main .playlist .head-title .add-list:hover,#main .playlists .head-title .add-list:hover,#main.favorites .head-title .add-list:hover,#main.playlists .head-title .add-list:hover {
    color: #fff;
    background: #f05521
}

#main .head-title .description {
    max-width: 590px
}

.frames_list .like-count-wrap .like,.posters_list .like-count-wrap .like {
    top: 40px
}

.like-count-wrap {
    display: block;
    position: relative
}

.like-count-wrap .like {
    box-sizing: border-box;
    transition: .3s;
    left: 0;
    top: 20px;
    opacity: 1;
    color: #fff;
    z-index: 20;
    font-size: 12px;
    min-width: 70px;
    position: absolute
}

.like-count-wrap .like:hover .counter {
    opacity: 1
}

.like-count-wrap .like:hover .count {
    opacity: 0
}

.like-count-wrap .like .count,.like-count-wrap .like .counter {
    box-sizing: border-box;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    top: 0;
    left: 0;
    padding: 0 10px;
    display: inline-block
}

.like-count-wrap .like .count {
    opacity: 1;
    width: 70px;
    position: absolute;
    background: #8f95a3
}

.like-count-wrap .like .count.green,.like-count-wrap .like .count.positive {
    background: #75c71b
}

.like-count-wrap .like .count.negative,.like-count-wrap .like .count.red {
    background: #ff293d
}

.like-count-wrap .like .counter {
    opacity: 0;
    z-index: 10;
    color: #535865;
    background: #fff
}

.like-count-wrap .like .counter .rating span {
    line-height: 30px;
    position: relative
}

.like-count-wrap .like .counter .rating span.hand-down,.like-count-wrap .like .counter .rating span.hand-up {
    height: 30px;
    display: inline-block
}

.like-count-wrap .like .counter .rating span.rateinf {
    height: 30px;
    margin: 0 4px;
    line-height: 30px;
    display: inline-block
}

.like-count-wrap .like .counter .rating span.icon-like:before {
    top: -2px;
    bottom: 0;
    width: 15px;
    margin: auto;
    height: 15px;
    color: #83bf45;
    font-size: 14px
}

.like-count-wrap .like .counter .rating span.icon-dislike:before {
    bottom: 0;
    width: 15px;
    margin: auto;
    height: 15px;
    font-size: 14px;
    top: 2px;
    color: #ee3442
}

.like-count-wrap .like .counter .rating span .fa {
    width: 15px;
    font-size: 27px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.like-count-wrap .video-in {
    background: url(../../img/svg/video-in.svg) no-repeat 0 0;
    background-size: 30px 22px;
    width: 30px;
    height: 22px;
    vertical-align: middle;
    top: 10px;
    right: 5px;
    z-index: 21;
    display: block;
    position: absolute
}

#main .line-block article .short .video-in span,.like-count-wrap .video-in span {
    top: 25px;
    right: -20px;
    width: 125px;
    display: none;
    color: #535865;
    font-size: 12px;
    padding: 3px 6px;
    font-weight: 500;
    line-height: 14px;
    position: absolute;
    background: #d3d4da
}

#main .playlists article.pl.grid .full.open .name,#main.country .filt,#main.favorites article.pl.grid .full.open .name,#main.playlist article.pl.grid .full.open .name,#main.playlists article.pl.grid .full.open .name,.like-count-wrap .video-in:hover span {
    display: block
}

.soundtracks_list .like-count-wrap .like {
    top: 20px;
    z-index: 101
}

#main {
    width: 100%;
    height: initial
}

#main .playlists .playlist-head,#main.favorites .playlist-head,#main.playlist .playlist-head,#main.playlists .playlist-head {
    height: 36px;
    position: relative;
    margin-bottom: 10px
}

#main .playlists #content .line-block article.pl .full .name,#main.favorites #content .line-block article.pl .full .name,#main.playlist #content .line-block article.pl .full .name,#main.playlists #content .line-block article.pl .full .name {
    padding: 0;
    line-height: 20px;
    word-wrap: break-word;
    margin: 0 0 10px
}

#main .playlists .playlist .description,#main.favorites .playlist .description,#main.playlist .playlist .description,#main.playlists .playlist .description {
    max-height: initial
}

#main .playlists .playlists-title,#main.favorites .playlists-title,#main.playlist .playlists-title,#main.playlists .playlists-title {
    height: 50px;
    font-weight: 700;
    line-height: 30px
}

#main .playlists .playlist-articles,#main.favorites .playlist-articles,#main.playlist .playlist-articles,#main.playlists .playlist-articles {
    margin-top: 15px
}

#main .playlists article.pl.grid .short,#main.favorites article.pl.grid .short,#main.playlist article.pl.grid .short,#main.playlists article.pl.grid .short {
    width: 285px
}

#main .playlists article.pl .panel,#main.favorites article.pl .panel,#main.playlist article.pl .panel,#main.playlists article.pl .panel {
    margin: 0;
    padding: 0;
    bottom: 0;
    width: 460px;
    font-size: 0;
    height: 50px;
    line-height: 50px;
    background: #fff;
    position: absolute
}

#main.playlists article.pl .panel .favori {
    height: 50px;
    color: #8f95a3;
    font-size: 14px;
    font-weight: 700
}

#main .playlists article.pl .panel .favori,#main.playlist article.pl .panel .favori {
    width: 170px;
    float: left;
    height: 50px;
    color: #8f95a3;
    font-size: 14px;
    font-weight: 700
}

#main.favorites article.pl .panel .favori,#main.playlists article.pl .panel .rating {
    height: 50px;
    color: #8f95a3;
    font-size: 14px;
    font-weight: 700
}

#main.playlists article.pl .panel .rating {
    cursor: default;
    min-width: 135px;
    text-align: center
}

#main .playlists article.pl .panel .rating,#main.playlist article.pl .panel .rating {
    float: left
}

#main .playlists article.pl .panel .rating,#main.favorites article.pl .panel .rating,#main.playlist article.pl .panel .rating {
    height: 50px;
    color: #8f95a3;
    cursor: default;
    font-size: 14px;
    min-width: 135px;
    font-weight: 700;
    text-align: center
}

#main .playlists article.pl .panel .rating span,#main.favorites article.pl .panel .rating span,#main.playlist article.pl .panel .rating span,#main.playlists article.pl .panel .rating span {
    margin-left: 20px
}

#main .playlists article.pl .panel .rating .fa.positive:hover:before,#main .playlists article.pl .panel .rating .positive,#main.favorites article.pl .panel .rating .fa.positive:hover:before,#main.favorites article.pl .panel .rating .positive,#main.playlist article.pl .panel .rating .fa.positive:hover:before,#main.playlist article.pl .panel .rating .positive,#main.playlists article.pl .panel .rating .fa.positive:hover:before,#main.playlists article.pl .panel .rating .positive {
    color: #75c71b
}

#main .playlists article.pl .panel .rating .negative,#main.favorites article.pl .panel .rating .negative,#main.playlist article.pl .panel .rating .negative,#main.playlists article.pl .panel .rating .negative {
    color: #ff293d
}

#main .playlists article.pl .panel .rating .fa,#main.favorites article.pl .panel .rating .fa,#main.playlist article.pl .panel .rating .fa,#main.playlists article.pl .panel .rating .fa {
    right: 0;
    width: 10px;
    cursor: pointer;
    position: absolute;
    display: inline-block
}

#main .playlists article.pl .panel .rating .fa:after,#main .playlists article.pl .panel .rating .fa:before,#main.favorites article.pl .panel .rating .fa:after,#main.favorites article.pl .panel .rating .fa:before,#main.playlist article.pl .panel .rating .fa:after,#main.playlist article.pl .panel .rating .fa:before,#main.playlists article.pl .panel .rating .fa:after,#main.playlists article.pl .panel .rating .fa:before {
    color: #8f95a3;
    font-size: 7px
}

#main .playlists article.pl .panel .rating .fa.positive,#main.favorites article.pl .panel .rating .fa.positive,#main.playlist article.pl .panel .rating .fa.positive,#main.playlists article.pl .panel .rating .fa.positive {
    top: 15px
}

#main .playlists article.pl .panel .rating .fa.negative,#main.favorites article.pl .panel .rating .fa.negative,#main.playlist article.pl .panel .rating .fa.negative,#main.playlists article.pl .panel .rating .fa.negative {
    top: 25px
}

#main .playlists article.pl .panel .rating .fa.negative:hover:after,#main.favorites article.pl .panel .rating .fa.negative:hover:after,#main.playlist article.pl .panel .rating .fa.negative:hover:after,#main.playlists article.pl .panel .rating .fa.negative:hover:after {
    color: #f26838
}

#main.playlists article.pl .poster-link {
    width: 180px;
    height: 313px;
    display: inline-block;
    vertical-align: middle
}

#main .playlists article.pl .poster-link,#main.playlist article.pl .poster-link {
    width: 180px;
    height: 313px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

#main.favorites article.pl .poster-link {
    width: 180px;
    height: 313px;
    display: inline-block;
    vertical-align: middle
}

@media screen and (min-width: 1360px) {
    #main .playlists article.pl .poster-link,#main.favorites article.pl .poster-link,#main.playlist article.pl .poster-link,#main.playlists article.pl .poster-link {
        width:220px
    }
}

#main .playlists article.pl .poster-link .count,#main.favorites article.pl .poster-link .count,#main.playlist article.pl .poster-link .count,#main.playlists article.pl .poster-link .count {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    left: 0;
    top: 20px;
    z-index: 1;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 10px;
    position: absolute;
    background: #535865;
    display: inline-block;
    text-transform: uppercase
}

#main .playlists article.pl .description,#main.favorites article.pl .description,#main.playlist article.pl .description,#main.playlists article.pl .description {
    width: 100%;
    height: 175px;
    font-size: 14px;
    overflow: hidden;
    line-height: 25px;
    margin: 15px 0 10px;
    text-align: justify;
    word-break: break-word
}

#main .line-block #dle-content,#main .line-block article.shortstory.line,#main .playlists article.pl .author,#main.favorites article.pl .author,#main.favorites article.pl .poster-link,#main.playlist article.pl .author,#main.playlists article.pl .author,#main.playlists article.pl .poster-link,#main.social_profile article.pl .poster-link,#main.user_info article.pl .poster-link {
    position: relative
}

#main .playlists article.pl .author a,#main.favorites article.pl .author a,#main.playlist article.pl .author a,#main.playlists article.pl .author a {
    margin: 3px 8px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    color: #535865!important
}

#main .playlists article.pl .author a:hover,#main.favorites article.pl .author a:hover,#main.playlist article.pl .author a:hover,#main.playlists article.pl .author a:hover,.mce-window .mce-foot .mce-btn.mce-primary:hover button {
    color: #f26739!important
}

#main .playlists article.pl .edit.opened .block,#main.favorites article .full .name,#main.favorites article.pl .edit.opened .block,#main.playlist article.pl .edit.opened .block,#main.playlists article .full .name,#main.playlists article.pl .edit.opened .block,#main.social_profile article .full .name,#main.user_info article .full .name {
    display: inline-block
}

#main .playlists article.pl .edit .block,#main.favorites article.pl .edit .block,#main.playlist article.pl .edit .block,#main.playlists article.pl .edit .block {
    left: -20px;
    top: 20px;
    z-index: 22;
    width: 122px;
    display: none;
    overflow: hidden;
    position: absolute;
    background: #f4f6fa;
    box-shadow: 0 19px 29px rgba(0,0,0,.2)
}

#main .playlists article.pl .edit .block .edit-items,#main.favorites article.pl .edit .block .edit-items,#main.playlist article.pl .edit .block .edit-items,#main.playlists article.pl .edit .block .edit-items {
    z-index: 22;
    font-size: 0
}

#main .playlists article.pl .edit .block .edit-items div,#main.favorites article.pl .edit .block .edit-items div,#main.playlist article.pl .edit .block .edit-items div,#main.playlists article.pl .edit .block .edit-items div {
    height: 30px;
    display: block;
    color: #535865;
    padding: 0 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 30px
}

#main .playlists article.pl .edit .block .edit-items div:last-child,#main.favorites article.pl .edit .block .edit-items div:last-child,#main.playlist article.pl .edit .block .edit-items div:last-child,#main.playlists article.pl .edit .block .edit-items div:last-child {
    margin-bottom: 4px
}

#main .playlists article.pl .rating .positive,#main.favorites article.pl .rating .positive,#main.playlist article.pl .rating .positive,#main.playlists article.pl .rating .positive {
    color: #75c71b
}

#main .playlists article.pl .rating .negative,#main.favorites article.pl .rating .negative,#main.playlist article.pl .rating .negative,#main.playlists article.pl .rating .negative {
    color: #ff293d
}

#main.favorites .playlists-menu,#main.playlists .playlists-menu,#main.social_profile .playlists-menu,#main.user_info .playlists-menu {
    margin-top: 25px;
    margin-bottom: 15px
}

#main.favorites .count-t,#main.playlists .count-t,#main.social_profile .count-t,#main.user_info .count-t {
    border-radius: 10px;
    color: #fff;
    height: 20px;
    padding: 0 8px;
    margin: 4px 8px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
    background: #535865;
    display: inline-block;
    -webkit-text-decoration: normal;
    text-decoration: normal
}

#main .line-block article:hover .blockedVideo img,#main.favorites article.pl .poster-link:hover .poster-box:before,#main.playlists article.pl .poster-link:hover .poster-box:before,#main.social_profile article.pl .poster-link:hover .poster-box:before,#main.user_info article.pl .poster-link:hover .poster-box:before {
    opacity: 1
}

#main.favorites article.pl .poster-link:hover .poster-box:after,#main.playlists article.pl .poster-link:hover .poster-box:after,#main.social_profile article.pl .poster-link:hover .poster-box:after,#main.user_info article.pl .poster-link:hover .poster-box:after {
    background-color: rgba(0,0,0,.5)
}

#main .line-block article.shortstory.line .short img,#main.favorites article.pl .poster-link .no-poster,#main.playlists article.pl .poster-link .no-poster,#main.social_profile article.pl .poster-link .no-poster,#main.user_info article.pl .poster-link .no-poster {
    width: 220px;
    height: 313px
}

#main.favorites article.pl .poster-link .poster-box,#main.playlists article.pl .poster-link .poster-box,#main.social_profile article.pl .poster-link .poster-box,#main.user_info article.pl .poster-link .poster-box {
    top: 0;
    left: 0;
    position: absolute
}

#main.favorites article.pl .poster-link .poster-box:after,#main.playlists article.pl .poster-link .poster-box:after,#main.social_profile article.pl .poster-link .poster-box:after,#main.user_info article.pl .poster-link .poster-box:after {
    transition: .3s;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute
}

#main.favorites article.pl .poster-link .poster-box:before,#main.playlists article.pl .poster-link .poster-box:before,#main.social_profile article.pl .poster-link .poster-box:before,#main.user_info article.pl .poster-link .poster-box:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: .3s;
    opacity: 0;
    z-index: 10;
    width: 112px;
    height: 120px;
    color: #d3d4da;
    font-size: 120px
}

@media screen and (min-width: 1360px) {
    #main.favorites article.pl.grid.shadow .short.open,#main.favorites article.pl.grid.shadow .short.open .no-poster,#main.playlists article.pl.grid.shadow .short.open,#main.playlists article.pl.grid.shadow .short.open .no-poster,#main.social_profile article.pl.grid.shadow .short.open,#main.social_profile article.pl.grid.shadow .short.open .no-poster,#main.user_info article.pl.grid.shadow .short.open,#main.user_info article.pl.grid.shadow .short.open .no-poster {
        width:220px!important;
        height: 313px!important
    }
}

#main.favorites article.pl.grid.shadow .poster-link,#main.playlists article.pl.grid.shadow .poster-link,#main.social_profile article.pl.grid.shadow .poster-link,#main.user_info article.pl.grid.shadow .poster-link {
    width: 180px;
    height: 256px
}

@media screen and (min-width: 1360px) {
    #main.favorites article.pl.grid.shadow .poster-link,#main.playlists article.pl.grid.shadow .poster-link,#main.social_profile article.pl.grid.shadow .poster-link,#main.user_info article.pl.grid.shadow .poster-link {
        width:220px;
        height: 313px
    }
}

#main.favorites article.pl .panel .favori,#main.playlists article.pl .panel .favori,#main.social_profile article.pl .panel .favori,#main.user_info article.pl .panel .favori {
    float: right;
    width: 130px;
    cursor: pointer
}

#main.favorites article.pl .panel .favori.active,#main.playlists article.pl .panel .favori.active,#main.social_profile article.pl .panel .favori.active,#main.user_info article.pl .panel .favori.active {
    color: #f26739
}

#main.favorites article.pl .panel .rating,#main.playlists article.pl .panel .rating,#main.social_profile article.pl .panel .rating,#main.user_info article.pl .panel .rating {
    float: left
}

#main .line-block article .panel-wrap .panel .future.opened .list-container,#main .line-block article .short .video-in:hover span,#main .line-block article .short img,#main.favorites article .full .description,#main.playlists article .full .description,#main.social_profile article .full .description,#main.user_info article .full .description {
    display: block
}

#main.favorites .avatar img,#main.playlists .avatar img,#main.social_profile .avatar img,#main.user_info .avatar img {
    width: 22px;
    height: 22px
}

#main .line-block {
    clear: both
}

#main .line-block #dle-content .result {
    margin-bottom: 24px
}

#main .line-block #dle-content .searchtable {
    margin-top: 40px
}

#main .line-block article {
    padding: 0;
    margin-bottom: 40px;
    vertical-align: top
}

#main .line-block article:hover .blockedVideo .blockedVideoInfo,#main .line-block article:hover .blockedVideo:after {
    opacity: 0
}

#main .line-block article .rating-imdb,#main .line-block article .rating-kp {
    transition: .3s;
    left: 0;
    top: 20px;
    opacity: 1;
    color: #fff;
    width: 70px;
    height: 30px;
    font-size: 12px;
    min-width: 70px;
    font-weight: 700;
    line-height: 30px;
    position: absolute;
    text-align: center;
    text-transform: uppercase
}

#main .line-block article .rating-kp {
    background: #f29420
}

#main .line-block article .rating-imdb {
    background: #e6bf2b
}

#main .line-block article .short {
    float: left;
    position: relative
}

#main .line-block article .short .video-in {
    background: url(../../img/svg/video-in.svg) no-repeat 0 0;
    background-size: 30px 22px;
    width: 30px;
    height: 22px;
    vertical-align: middle;
    top: 10px;
    right: 5px;
    z-index: 19;
    display: block;
    position: absolute
}

#main .line-block article .short .name,#main .line-block article .short .persone-name {
    height: 24px;
    color: #292c33;
    font-size: 20px;
    overflow: hidden;
    background: #fff;
    line-height: 1.1;
    font-weight: 700;
    white-space: nowrap;
    text-transform: none;
    text-overflow: ellipsis
}

#main .line-block article .short .persone-name {
    width: 220px;
    padding: 7px 0 0
}

#main .line-block article .short .name a:hover,#main .line-block article .short .name:hover,#main .line-block article .short .persone-name:hover {
    color: #535865
}

#main .line-block article .short .name {
    width: 100%;
    text-align: center;
    padding: 20px 0 0
}

#main .line-block article .short .name a {
    color: #292c33
}

#main .line-block article .short .origin-name,#main .line-block article .short .persone-origin-name {
    clear: both;
    color: #8f95a3;
    font-size: 14px;
    overflow: hidden;
    min-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis
}

#main .line-block article .short .persone-origin-name {
    width: 220px;
    padding-top: 3px
}

#main .line-block article .short .origin-name {
    width: 100%;
    padding-top: 0;
    text-align: center
}

#main .line-block article .short .watch {
    border: 0;
    margin: 0;
    color: #fff;
    width: 220px;
    height: 50px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    background: #f26739;
    display: inline-block;
    text-transform: uppercase
}

#main .line-block article .short .watch:hover {
    background-color: #f05521
}

#main .line-block article .short .watch:active {
    background-color: #e9450f;
    box-shadow: 0 0 9px -3px rgba(0,0,0,.7) inset
}

#main .line-block article .short .watch.not-movie {
    cursor: default;
    background: #d2d5da
}

#main .line-block article .short .watch.not-movie:after {
    border-right: 1px solid #fff
}

#main .line-block article .short .watch.not-movie:hover {
    background: #d2d5da
}

#main .line-block article .short .poster {
    width: 220px;
    height: 314px
}

#main .line-block article .short .blockedVideoInfo {
    display: none
}

#main .line-block article .short.sound-left .poster-box {
    width: 219px;
    display: block;
    position: relative
}

#main .line-block article .short.sound-left .poster-box .no-poster,#main .line-block article.shortstory.line .watch .short img {
    height: 220px
}

#main .line-block article .short.sound-left .poster-box .poster {
    top: 0;
    width: 100%;
    z-index: 100;
    height: 219px;
    position: absolute
}

.dark_skin #main .line-block article .short .name,.dark_skin #main .line-block article .short .persone-name {
    background: #202229
}

#main .line-block article .panel-wrap .panel .favori a:hover,#main .line-block article .panel-wrap .panel .future a:hover,#main .line-block article .panel-wrap .panel .panel_num a:hover,#main .line-block article .panel-wrap .panel .rating a:hover,.dark_skin #main .line-block article .short .name a,.dark_skin #main .line-block article .short .persone-name a {
    color: #f26739
}

#main .line-block article .full {
    float: right;
    height: 360px;
    background: #fff;
    position: relative
}

#main .line-block article .full.min {
    height: auto;
    width: 460px;
    position: relative
}

#main .line-block article .full.min:after,#main .line-block article .panel-wrap .panel:after,#main .line-block article .panel-wrap:after {
    content: " ";
    display: table;
    clear: both
}

#main .line-block article .full.min .about {
    overflow: hidden;
    margin: 0 0 5px
}

#main .line-block article .full.min .about-hiden {
    overflow: hidden;
    position: relative;
    margin: 0 0 5px
}

#main .line-block article .full.min .about {
    box-sizing: border-box;
    height: auto;
    padding: 5px 0 0;
    max-height: 335px;
    position: relative;
    margin-bottom: 15px;
    word-wrap: break-word
}

#main .line-block article .full.min .about a {
    display: inline-block
}

#main .line-block article .full .about {
    float: left;
    height: auto;
    padding: 5px 0 0;
    line-height: 25px;
    word-wrap: break-word
}

#main .line-block article .full p {
    width: 350px;
    display: none;
    color: #292c33;
    font-weight: 400;
    overflow: hidden;
    line-height: 25px;
    margin: 10px 0 18px
}

#main .line-block article .full .quality {
    float: right;
    color: #8f95a3;
    cursor: default;
    display: inline-block;
    font-size: 14px;
    min-width: 55px;
    font-weight: 700;
    padding: 3px 5px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 10px;
    border: 4px solid #8f95a3;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

#main .line-block article .full .name-block {
    float: left;
    width: 195px
}

#main .line-block article .full .name {
    width: 200px;
    color: #292c33;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    text-transform: none
}

#main .line-block article .full .name>a {
    color: #292c33;
    max-width: 240px
}

#main .line-block article .full .name>a:hover,#main .line-block article .panel-wrap .panel .future.opened span,#main .line-block article .panel-wrap .panel .future>span:hover {
    color: #535865
}

#main .line-block article .full .add-to-bl {
    width: 12px;
    height: 12px;
    color: #d3d4da;
    margin-top: 5px;
    font-size: 12px;
    cursor: pointer;
    margin-right: 3px;
    line-height: 20px;
    display: inline-block
}

#main .line-block article .full .add-to-bl:hover,#main .line-block article.shortstory.grid.soundcover .short .origin-name a {
    color: #8f95a3
}

#main .line-block article .full .add-to-bl.active {
    color: #ff293d
}

@media screen and (min-width: 1360px) {
    #main .line-block article .full p {
        height:125px
    }

    #main .line-block article .full .panel .future {
        width: 335px
    }

    #main .line-block article .full .name-block {
        width: 500px
    }
}

#main .line-block article .panel-wrap .panel {
    right: 0;
    margin: 0;
    bottom: 0;
    padding: 0;
    width: 350px;
    height: 50px;
    font-size: 0;
    background: #fff;
    line-height: 50px;
    position: absolute
}

.dark_skin #main .line-block article .panel-wrap .panel {
    background: #202229
}

#main .line-block article .panel-wrap .panel:before {
    box-shadow: -2px,-20px,25px,white;
    left: 0;
    bottom: 0;
    width: 100%;
    content: '';
    height: 40px;
    position: absolute
}

.dark_skin #main .line-block article .panel-wrap .panel:before {
    box-shadow: -2px,-20px,25px,#202229
}

#main .line-block article .panel-wrap .panel .panel_num {
    width: 130px
}

#main .line-block article .panel-wrap .panel .panel_num .comm_num {
    width: 120px;
    height: 50px;
    font-weight: 400;
    padding-left: 28px;
    vertical-align: top;
    display: inline-block
}

#main .line-block article .panel-wrap .panel .panel_num .icon-reviewsNeutral:before {
    left: 0;
    top: 18px;
    color: #d3d4da;
    font-size: 18px;
    position: absolute;
    vertical-align: middle
}

.dark_skin #main .line-block article .panel-wrap .panel .icon-favorite:before,.dark_skin #main .line-block article .panel-wrap .panel .icon-future:before,.dark_skin #main .line-block article .panel-wrap .panel .panel_num .icon-reviewsNeutral:before {
    color: #56585e
}

#main .line-block article .panel-wrap .panel .favori,#main .line-block article .panel-wrap .panel .future,#main .line-block article .panel-wrap .panel .panel_num,#main .line-block article .panel-wrap .panel .rating {
    float: left;
    height: 50px;
    color: #8f95a3;
    font-size: 14px;
    font-weight: 700
}

#main .line-block article .panel-wrap .panel .favori a,#main .line-block article .panel-wrap .panel .future a,#main .line-block article .panel-wrap .panel .panel_num a,#main .line-block article .panel-wrap .panel .rating a {
    color: #8f95a3;
    font-size: 14px;
    font-weight: 700
}

#main .line-block article .panel-wrap .panel .favori .ratingNoneActive,#main .line-block article .panel-wrap .panel .future .ratingNoneActive,#main .line-block article .panel-wrap .panel .panel_num .ratingNoneActive,#main .line-block article .panel-wrap .panel .rating .ratingNoneActive {
    cursor: default;
    pointer-events: none
}

#main .line-block article .panel-wrap .panel .add-watch-later {
    right: 40px;
    width: 15px;
    bottom: 16px;
    height: 17px;
    position: absolute
}

#main .line-block article .panel-wrap .panel .add-favorite {
    right: 0;
    width: 20px;
    bottom: 15px;
    height: 18px;
    position: absolute
}

#main .line-block article .panel-wrap .panel .icon-favorite:before,#main .line-block article .panel-wrap .panel .icon-future:before {
    color: #d3d4da;
    font-size: 17px
}

#main .line-block article .panel-wrap .panel .icon-favorite.active,#main .line-block article .panel-wrap .panel .icon-favorite:hover,#main .line-block article .panel-wrap .panel .icon-future.active,#main .line-block article .panel-wrap .panel .icon-future:hover {
    cursor: pointer
}

#main .line-block article .panel-wrap .panel .icon-favorite.active:before,#main .line-block article .panel-wrap .panel .icon-favorite:hover:before,#main .line-block article .panel-wrap .panel .icon-future.active:before,#main .line-block article .panel-wrap .panel .icon-future:hover:before,#main .line-block article.shortstory.grid.soundcover .short:hover .like-count-wrap .icon-favorite.active:before,#main .line-block article.shortstory.grid.soundcover .short:hover .like-count-wrap .icon-favorite:hover:before {
    color: #f26838
}

#main .line-block article.fullstory .short li a:hover:before,#main .line-block article.fullstory .short li span:hover:before,.dark_skin #main .line-block article .panel-wrap .panel .icon-favorite.active:before,.dark_skin #main .line-block article .panel-wrap .panel .icon-favorite:hover:before,.dark_skin #main .line-block article .panel-wrap .panel .icon-future.active:before,.dark_skin #main .line-block article .panel-wrap .panel .icon-future:hover:before {
    color: #f26739
}

#main .line-block article .panel-wrap .panel .future {
    box-sizing: border-box;
    width: 95px;
    z-index: 29;
    cursor: pointer;
    position: relative
}

#main .line-block article .panel-wrap .panel .future>span {
    width: 100%;
    position: relative;
    display: inline-block
}

#main .line-block article .panel-wrap .panel .future .icon-arowDown:after {
    transition: .3s;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 6px;
    margin: auto;
    color: #8f95a3;
    font-size: 7px
}

#main .line-block article .panel-wrap .panel .future .list-container {
    box-sizing: border-box;
    top: 0;
    z-index: -1;
    left: -16px;
    width: 170px;
    font-size: 0;
    display: none;
    line-height: 0;
    padding-top: 50px;
    position: absolute;
    padding-bottom: 14px;
    background-color: #f4f6fa;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2)
}

#main .line-block article .panel-wrap .panel .future .list-container .list-item {
    z-index: 2;
    height: 30px;
    width: 135px;
    color: #535865;
    padding: 0 18px;
    font-size: 12px;
    overflow: hidden;
    font-weight: 400;
    line-height: 30px;
    white-space: nowrap;
    text-transform: none;
    display: inline-block;
    text-overflow: ellipsis
}

#main .line-block article .panel-wrap .panel .future .list-container .list-item.isPl,#main .line-block article .panel-wrap .panel .future .list-container .list-item:hover {
    background-color: #e0e3e9
}

#main .line-block article .panel-wrap .panel .future .list-container .add-list,#main .line-block article .panel-wrap .panel .future .list-container .submit {
    border-radius: 2px;
    color: #fff;
    height: 30px;
    display: block;
    cursor: pointer;
    font-size: 12px;
    margin: 9px 20px;
    background: #f26739;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase
}

#main .line-block article .panel-wrap .panel .future .list-container .pllist {
    display: none;
    margin: 0 20px;
    line-height: 30px
}

#main .line-block article .panel-wrap .panel .future .list-container .pllist .plname {
    width: 100%;
    height: 30px;
    padding: 0 5px;
    font-size: 12px;
    border: 1px solid #efefef
}

#main .line-block article .panel-wrap .panel .future .list-container .pllist .submit {
    border: 0;
    width: 140px;
    margin: 9px 0
}

#main .line-block article .panel-wrap .panel .rating {
    cursor: default;
    min-width: 125px;
    text-align: left;
    position: relative
}

#main .line-block article .panel-wrap .panel .rating span {
    position: relative;
    padding: 0 15px 0 10px
}

#main .line-block article .panel-wrap .panel .rating .rateinf {
    margin-left: 3px;
    font-weight: 700;
    margin-right: 20px
}

#main .line-block article .panel-wrap .panel .rating .rateinf.positive {
    color: #75c71b
}

#main .line-block article .panel-wrap .panel .rating .fa-thumbs-down:hover,#main .line-block article .panel-wrap .panel .rating .rateinf.negative {
    color: #ff293d
}

#main .line-block article .panel-wrap .panel .rating .fa-thumbs-down {
    cursor: pointer
}

.dark_skin #main .line-block article .panel-wrap .panel.open {
    background: #292c33
}

.dark_skin #main .line-block article .panel-wrap .panel.open:before {
    box-shadow: -2px,-20px,25px,#292c33
}

.dark_skin #main .line-block article .panel-wrap .panel.open .icon-favorite:before,.dark_skin #main .line-block article .panel-wrap .panel.open .icon-future:before,.dark_skin #main .line-block article .panel-wrap .panel.open .panel_num .icon-reviewsNeutral:before {
    color: #d3d4da
}

#main .line-block article.shortstory.line .short {
    width: 220px
}

#main .line-block article.shortstory.line .short .name,#main .line-block article.shortstory.line .short .origin-name,#main .line-block article.shortstory.line .watch .short .edit,#main .line-block article.shortstory.line .watch:before {
    display: none
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.line .full p {
        width:700px
    }

    #main .line-block article.shortstory.line .full .item .added-info {
        width: 535px
    }

    #main .line-block article.shortstory.line .full .item .item-content,#main .line-block article.shortstory.line .full .item .mark,#main .line-block article.shortstory.line .full .item .personebirth,#main .line-block article.shortstory.line .full .item .personeheight,#main .line-block article.shortstory.line .full .item .text-item {
        width: 585px
    }
}

@media screen and (min-width: 1950px) {
    #main .line-block article.shortstory.line .full p {
        width:380px
    }

    #main .line-block article.shortstory.line .full .item .added-info {
        width: 210px
    }

    #main .line-block article.shortstory.line .full .item .item-content,#main .line-block article.shortstory.line .full .item .mark,#main .line-block article.shortstory.line .full .item .personeheight,#main .line-block article.shortstory.line .full .item .text-item {
        width: 285px
    }
}

#main .line-block article.shortstory.line .watch .full {
    height: 220px;
    min-height: 220px
}

#main .line-block article.shortstory.line .watch .full .item {
    height: 20px
}

#main .line-block article.shortstory.line .watch .full .name {
    margin-bottom: 20px
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.line .panel-wrap,#main .line-block article.shortstory.line .panel-wrap .panel {
        width:700px
    }

    #main .line-block article.shortstory.line .panel-wrap .panel .panel_num {
        width: 300px
    }
}

@media screen and (min-width: 1950px) {
    #main .line-block article.shortstory.line .panel-wrap,#main .line-block article.shortstory.line .panel-wrap .panel {
        width:380px
    }

    #main .line-block article.shortstory.line .panel-wrap .panel .rating {
        margin-right: 0
    }

    #main .line-block article.shortstory.line .panel-wrap .panel .panel_num {
        width: 140px
    }

    #main .line-block article.shortstory.line .panel-wrap .panel .future {
        width: 95px
    }
}

#main .line-block article.shortstory.line.soundcover .short .no-poster {
    height: 220px
}

#main .line-block article.shortstory.line.soundcover .short img {
    top: 0;
    width: 220px;
    z-index: 100;
    height: 220px;
    position: absolute
}

#main .line-block article.shortstory.line.soundcover .short .add-favorite,#main .line-block article.shortstory.line.soundcover .short .edit,#main .line-block article.shortstory.line.soundcover .short .edit-pen {
    display: none
}

#main .line-block article.shortstory.line.soundcover .short .like-count-wrap {
    z-index: 101
}

#main .line-block article.shortstory.line.soundcover .full {
    height: 220px;
    min-height: 220px
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.line.soundcover .full {
        height:220px;
        min-height: 220px
    }

    #main .line-block article.shortstory.line.soundcover .full .item .item-content {
        width: 605px
    }
}

@media screen and (min-width: 1360px) and (min-width:1950px) {
    #main .line-block article.shortstory.line.soundcover .full .item .item-content {
        width:285px
    }
}

@media screen and (min-width: 1950px) {
    #main .line-block article.shortstory.line {
        float:left;
        width: 620px;
        margin-right: 20px
    }

    #main .line-block article.shortstory.line:nth-child(2n) {
        margin-right: 0
    }
}

#main .line-block article.shortstory.grid {
    margin-right: 20px;
    display: inline-block
}

#main .line-block article.shortstory.grid:nth-child(3n) {
    margin-right: 0
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.grid {
        margin-right:15px
    }

    #main .line-block article.shortstory.grid:nth-child(3n) {
        margin-right: 15px
    }

    #main .line-block article.shortstory.grid:nth-child(4n) {
        margin-right: 0
    }
}

@media screen and (min-width: 1950px) {
    #main .line-block article.shortstory.grid {
        margin-right:35px
    }

    #main .line-block article.shortstory.grid:nth-child(2n),#main .line-block article.shortstory.grid:nth-child(3n),#main .line-block article.shortstory.grid:nth-child(4n) {
        margin-right: 35px
    }

    #main .line-block article.shortstory.grid:nth-child(5n) {
        margin-right: 0
    }

    #main .line-block article.shortstory.grid .panel-wrap {
        width: initial
    }

    #main .line-block article.shortstory.grid .panel-wrap .panel .panel_num {
        width: 400px
    }
}

#main .line-block article.shortstory.grid .panel-wrap,#main .line-block article.shortstory.grid .short.open .watch:before,#main .line-block article.shortstory.grid .watch {
    display: none
}

#main .line-block article.shortstory.grid .short {
    width: 180px;
    height: 316px
}

#main .line-block article.shortstory.grid .short .no-poster,#main .line-block article.shortstory.grid .short img,#main .line-block article.shortstory.grid .short.open .no-poster,#main .line-block article.shortstory.grid.shadow .short.open .no-poster,#main .line-block article.shortstory.grid.shadow .short.open img {
    width: 180px;
    height: 256px
}

#main .line-block article.shortstory.grid .short.open .watch,#main .line-block article.shortstory.persone .full p {
    display: block
}

#main .line-block article.shortstory.grid .short.open .name,#main .line-block article.shortstory.grid .short.open .origin-name {
    display: none
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.grid .short {
        width:220px!important;
        height: 373px!important
    }

    #main .line-block article.shortstory.grid .short .no-poster,#main .line-block article.shortstory.grid .short img {
        width: 220px!important;
        height: 313px!important
    }

    #main .line-block article.shortstory.grid .short .no-poster img {
        width: 220px!important
    }
}

#main .line-block article.shortstory.grid .full {
    display: none;
    overflow: visible
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.grid .full .panel .future {
        width:95px!important
    }

    #main .line-block article.shortstory.grid .full .item .added-info {
        width: 515px
    }
}

#main .line-block article.shortstory.grid.shadow {
    width: 180px;
    height: 256px;
    display: inline-block
}

#main .line-block article.shortstory.grid.shadow .short.open {
    left: 0;
    z-index: 20;
    width: 180px;
    height: 256px;
    background: #fff;
    position: absolute
}

#main .line-block article.shortstory.grid.shadow .short.open:before {
    box-sizing: border-box;
    border-radius: 2px;
    top: -20px;
    z-index: -1;
    left: -20px;
    content: '';
    width: 930px;
    height: 345px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1)
}

#main .line-block article.shortstory.grid.shadow .short.open .like-count-wrap .like {
    z-index: 25
}

.dark_skin #main .line-block article.shortstory.grid.shadow .short.open:before {
    background-color: #292c33
}

#main .line-block article.shortstory.grid.shadow .short .watch {
    width: 100%;
    font-size: 14px
}

#main .line-block article.shortstory.grid.shadow .full.open {
    left: 200px;
    z-index: 23;
    width: 680px;
    height: 256px;
    display: block;
    min-height: 256px;
    position: absolute
}

#content .head-title:after,#content:after,#main .line-block article.shortstory.grid.shadow .full.open:after,.navigation:after {
    content: " ";
    display: table;
    clear: both
}

#main .line-block article.shortstory.grid.shadow .full.open .name,#main .line-block article.shortstory.grid.shadow .full.open .origin-name {
    width: 450px
}

#main .line-block article.shortstory.grid.shadow .full.open .item,#main .line-block article.shortstory.grid.shadow .full.open .panel,#main .line-block article.shortstory.grid.shadow .full.open p,#main .line-block article.shortstory.grid.shadow .panel-wrap .panel {
    width: 100%
}

#main .line-block article.shortstory.grid.shadow .full.open .panel .panel_num {
    width: 220px
}

@media screen and (min-width: 1950px) {
    #main .line-block article.shortstory.grid.shadow .full.open .panel .panel_num {
        width:430px
    }
}

#main .line-block article.shortstory.grid.shadow .full.open .close-wrap {
    top: -40px;
    width: 40px;
    right: -40px;
    height: 40px;
    position: absolute;
    background-color: #535865
}

#main .line-block article.shortstory.grid.shadow .full.open .close-wrap.icon-close:before {
    top: 13px;
    left: 13px;
    color: #c1c2c4;
    font-size: 14px
}

#main .line-block article.shortstory.grid.shadow .full.open .close-wrap:hover,#main .line-block article.shortstory.grid.soundcover .short:hover .like-count-wrap .icon-favorite.active,#main .line-block article.shortstory.grid.soundcover .short:hover .like-count-wrap .icon-favorite:hover {
    cursor: pointer
}

#main .line-block article.shortstory.grid.shadow .full .item .added-info {
    width: 515px
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.grid.shadow .full .item .added-info {
        width:480px
    }
}

@media screen and (min-width: 1950px) {
    #main .line-block article.shortstory.grid.shadow .full .item .added-info {
        width:830px
    }
}

#main .line-block article.shortstory.grid.shadow .full .item .age,#main .line-block article.shortstory.grid.shadow .full .item .item-content,#main .line-block article.shortstory.grid.shadow .full .item .mark,#main .line-block article.shortstory.grid.shadow .full .item .personebirth,#main .line-block article.shortstory.grid.shadow .full .item .personeheight,#main .line-block article.shortstory.grid.shadow .full .item .text-item {
    width: 585px
}

@media screen and (min-width: 1950px) {
    #main .line-block article.shortstory.grid.shadow .full .item .age,#main .line-block article.shortstory.grid.shadow .full .item .item-content,#main .line-block article.shortstory.grid.shadow .full .item .mark,#main .line-block article.shortstory.grid.shadow .full .item .personebirth,#main .line-block article.shortstory.grid.shadow .full .item .personeheight,#main .line-block article.shortstory.grid.shadow .full .item .text-item {
        width:905px
    }
}

#main .line-block article.shortstory.grid.shadow .panel-wrap {
    left: 200px;
    z-index: 22;
    width: 680px;
    height: 306px;
    display: block;
    position: absolute
}

.dark_skin #main .line-block article.shortstory.grid.shadow .panel-wrap .panel {
    background: #292c33
}

.dark_skin #main .line-block article.shortstory.grid.shadow .panel-wrap .panel:before {
    box-shadow: -2px,-20px,25px,#292c33
}

#main .line-block article.shortstory.grid.shadow .panel-wrap .panel .panel_num {
    width: 220px
}

#main .line-block article.shortstory.grid.soundcover {
    width: 180px;
    height: 250px;
    vertical-align: top;
    margin: 0 25px 40px 0;
    display: inline-block
}

#main .line-block article.shortstory.grid.soundcover:nth-child(3n) {
    margin: 0 0 40px
}

#main .line-block article.shortstory.grid.soundcover .short .origin-name {
    opacity: 0
}

#main .line-block article.shortstory.grid.soundcover .short .like-count-wrap {
    z-index: 101
}

#main .line-block article.shortstory.grid.soundcover .short .like-count-wrap .add-favorite:before {
    font-size: 0
}

#main .line-block article.shortstory.grid.soundcover .short .edit {
    margin: 0;
    right: 15px;
    padding: 0;
    bottom: 10px;
    cursor: pointer;
    position: absolute;
    display: inline-block
}

#main .line-block article.shortstory .edit a,#main .line-block article.shortstory.grid.soundcover .short .edit a {
    width: inherit;
    height: inherit;
    display: inline-block
}

#main .line-block article.shortstory.grid.soundcover .short .edit .ico-edit {
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    display: inline-block
}

#main .line-block article.shortstory.grid.soundcover .short .edit .ico-edit.icon-adminEdit:before {
    color: #d3d4da;
    font-size: 0
}

#main .line-block article.shortstory.grid.soundcover .short .edit:hover .ico-edit:before {
    color: #8f95a3
}

#main .line-block article.shortstory.grid.soundcover .short .edit-pen {
    display: none
}

#main .line-block article.shortstory.grid.soundcover .short .edit-pen.open,#main .line-block article.shortstory.grid.soundcover .short:hover .edit-pen {
    right: 15px;
    top: initial;
    bottom: 35px;
    left: initial;
    display: block
}

#main .line-block article.shortstory.grid.soundcover .short:hover .like-count-wrap .add-favorite {
    top: 25px;
    right: 15px;
    width: 20px;
    height: 18px;
    position: absolute
}

#main .line-block article.shortstory.grid.soundcover .short:hover .like-count-wrap .add-favorite:before {
    color: #d3d4da;
    font-size: 17px
}

#main .line-block article.shortstory.grid.soundcover .short .no-poster {
    height: 180px
}

#main .line-block article.shortstory.grid.soundcover .short img {
    top: 0;
    z-index: 0;
    width: 180px;
    height: 180px;
    position: absolute
}

#main .line-block article.shortstory.grid.soundcover .short.open,#main .line-block article.shortstory.grid.soundcover .short.open img {
    width: 180px;
    height: 180px
}

#main .line-block article.shortstory.grid.soundcover .short.open:before {
    height: 260px
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.grid.soundcover .short {
        width:220px;
        height: 290px
    }

    #main .line-block article.shortstory.grid.soundcover .short .no-poster {
        height: 220px!important
    }

    #main .line-block article.shortstory.grid.soundcover .short img {
        width: 220px!important;
        height: 220px!important
    }
}

#main .line-block article.fullstory .full-panel .left footer span.imdb .hidden,#main .line-block article.fullstory .full-panel .left footer span.kinopoisk .hidden,#main .line-block article.news .right .text img,#main .line-block article.shortstory.grid.soundcover .full {
    display: none
}

#main .line-block article.shortstory.grid.soundcover .full.open {
    height: 180px;
    min-height: 180px
}

#main .line-block article.shortstory.grid.soundcover .full.open .item {
    height: 20px;
    line-height: inherit
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.grid.soundcover {
        width:220px;
        height: 290px;
        margin-right: 20px
    }

    #main .line-block article.shortstory.grid.soundcover:nth-child(3n) {
        margin-right: 20px
    }

    #main .line-block article.shortstory.grid.soundcover:nth-child(4n) {
        margin-right: 0!important
    }
}

@media screen and (min-width: 1950px) {
    #main .line-block article.shortstory.grid.soundcover {
        margin-right:40px
    }

    #main .line-block article.shortstory.grid.soundcover:nth-child(2n),#main .line-block article.shortstory.grid.soundcover:nth-child(3n),#main .line-block article.shortstory.grid.soundcover:nth-child(4n) {
        margin-right: 40px!important
    }

    #main .line-block article.shortstory.grid.soundcover:nth-child(5n) {
        margin-right: 0!important
    }
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory .panel-wrap {
        float:right
    }
}

#main .line-block article.shortstory .full {
    width: 350px;
    font-size: 0;
    min-height: 360px
}

#main .line-block article.news .right .name a:hover,#main .line-block article.shortstory .full .name:hover {
    color: #535865
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory .full {
        width:700px;
        height: 300px;
        min-height: 300px
    }

    #main .line-block article.shortstory .full .name,#main .line-block article.shortstory .full .origin-name {
        width: 500px
    }

    #main .line-block article.shortstory .full .name>a {
        max-width: inherit
    }

    #main .line-block article.shortstory .full p {
        display: block
    }
}

@media screen and (min-width: 1950px) {
    #main .line-block article.shortstory .full p {
        display:none
    }

    #main .line-block article.shortstory .full,#main .line-block article.shortstory .panel-wrap {
        width: 380px
    }

    #main .line-block article.shortstory .full .name,#main .line-block article.shortstory .full .origin-name,#main .line-block article.shortstory .panel-wrap .name,#main .line-block article.shortstory .panel-wrap .origin-name {
        width: 240px
    }

    #main .line-block article.shortstory .full .name>a,#main .line-block article.shortstory .panel-wrap .name>a {
        max-width: 240px
    }
}

#main .line-block article.shortstory .edit {
    padding: 0;
    float: right;
    cursor: pointer;
    position: relative;
    margin: 1px 5px 0;
    display: inline-block
}

#main .line-block article.shortstory .edit .ico-edit {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    display: inline-block
}

#main .line-block article.shortstory .edit .ico-edit.icon-adminEdit:before {
    color: #d3d4da;
    font-size: 18px
}

#main .line-block article.shortstory .edit:hover .ico-edit:before,#main .line-block article.shortstory.persone .full .edit:hover::before {
    color: #8f95a3
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory .edit:before {
        color:#d3d4da;
        font-size: 16px
    }
}

#main .line-block article.shortstory.persone .no-poster {
    height: 348px
}

#main .line-block article.shortstory.persone .short .poster-box {
    overflow: hidden
}

#main .line-block article.shortstory.persone .short .poster-box img {
    height: initial!important
}

#main .line-block article.shortstory.persone .short .poster-box.no-poster.woman:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(../../img/svg/noposter-woman.svg) no-repeat 0 0;
    background-size: 112px 120px;
    width: 112px;
    height: 120px;
    vertical-align: middle;
    content: ''
}

#main .line-block article.shortstory.persone .short .poster-box.no-poster.man:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(../../img/svg/noposter-man.svg) no-repeat 0 0;
    background-size: 112px 120px;
    width: 112px;
    height: 120px;
    vertical-align: middle;
    content: ''
}

#main .line-block article.shortstory.persone .full {
    height: 345px;
    min-height: 345px
}

#main .line-block article.shortstory.persone .full .edit::before {
    color: #d3d4da;
    font-size: 17px
}

#main .line-block article.shortstory.persone .full .item {
    line-height: 30px
}

#main .line-block article.shortstory.persone .full .item.count-movies .text-item {
    width: initial!important
}

#main .line-block article.shortstory.persone .full .item .label,#main .line-block article.shortstory.persone .full .item .lable {
    width: 120px
}

#main .line-block article.shortstory.persone .full .item .added-info,#main .line-block article.shortstory.persone .full .item .age,#main .line-block article.shortstory.persone .full .item .full .item .mark,#main .line-block article.shortstory.persone .full .item .item-content,#main .line-block article.shortstory.persone .full .item .personebirth,#main .line-block article.shortstory.persone .full .item .personeheight,#main .line-block article.shortstory.persone .full .item .text-item {
    width: 230px
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.persone .full .item .added-info,#main .line-block article.shortstory.persone .full .item .age,#main .line-block article.shortstory.persone .full .item .full .item .mark,#main .line-block article.shortstory.persone .full .item .item-content,#main .line-block article.shortstory.persone .full .item .personebirth,#main .line-block article.shortstory.persone .full .item .personeheight,#main .line-block article.shortstory.persone .full .item .text-item {
        width:580px
    }
}

@media screen and (min-width: 1950px) {
    #main .line-block article.shortstory.persone .full .item .added-info,#main .line-block article.shortstory.persone .full .item .age,#main .line-block article.shortstory.persone .full .item .full .item .mark,#main .line-block article.shortstory.persone .full .item .item-content,#main .line-block article.shortstory.persone .full .item .personebirth,#main .line-block article.shortstory.persone .full .item .personeheight,#main .line-block article.shortstory.persone .full .item .text-item {
        width:230px
    }
}

#main .line-block article.shortstory.persone .full .origin-name {
    margin-bottom: 0
}

#main .line-block article.shortstory.persone .full .age,#main .line-block article.shortstory.persone .full .mark {
    font-size: 14px;
    display: inline;
    line-height: 20px
}

#main .line-block article.shortstory.persone.grid .poster-box {
    width: 185px;
    height: 285px
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.persone.grid .poster-box,#main .line-block article.shortstory.persone.grid .poster-box.no-poster {
        width:220px!important;
        height: 348px!important
    }

    #main .line-block article.shortstory.persone.grid .poster-box img {
        height: 348px!important
    }
}

#main .line-block article.shortstory.persone.grid .full.open .item .added-info,#main .line-block article.shortstory.persone.grid .full.open .item .age,#main .line-block article.shortstory.persone.grid .full.open .item .item-content,#main .line-block article.shortstory.persone.grid .full.open .item .mark,#main .line-block article.shortstory.persone.grid .full.open .item .personebirth,#main .line-block article.shortstory.persone.grid .full.open .item .personeheight,#main .line-block article.shortstory.persone.grid .full.open .item .text-item {
    width: 560px
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.persone.grid .full.open .item .added-info,#main .line-block article.shortstory.persone.grid .full.open .item .age,#main .line-block article.shortstory.persone.grid .full.open .item .item-content,#main .line-block article.shortstory.persone.grid .full.open .item .mark,#main .line-block article.shortstory.persone.grid .full.open .item .personebirth,#main .line-block article.shortstory.persone.grid .full.open .item .personeheight,#main .line-block article.shortstory.persone.grid .full.open .item .text-item {
        width:560px
    }
}

@media screen and (min-width: 1950px) {
    #main .line-block article.shortstory.persone.grid .full.open .item .added-info,#main .line-block article.shortstory.persone.grid .full.open .item .age,#main .line-block article.shortstory.persone.grid .full.open .item .item-content,#main .line-block article.shortstory.persone.grid .full.open .item .mark,#main .line-block article.shortstory.persone.grid .full.open .item .personebirth,#main .line-block article.shortstory.persone.grid .full.open .item .personeheight,#main .line-block article.shortstory.persone.grid .full.open .item .text-item {
        width:880px
    }
}

#main .line-block article.shortstory.persone.shadow .short.open img {
    height: initial
}

#main .line-block article.shortstory.persone.shadow .short.open:before {
    height: 365px!important
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.persone.shadow .short.open:before {
        height:430px!important
    }

    #main .line-block article.shortstory.shadow {
        width: 220px!important;
        height: 345px!important
    }

    #main .line-block article.shortstory.shadow .short {
        height: 345px
    }

    #main .line-block article.shortstory.shadow .short.open:before {
        width: 960px!important;
        height: 405px!important
    }
}

@media screen and (min-width: 1360px) and (min-width:1950px) {
    #main .line-block article.shortstory.shadow .short.open:before {
        width:1280px!important
    }
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.shadow .full.open,#main .line-block article.shortstory.shadow .panel-wrap.open {
        left:235px!important;
        width: 680px
    }
}

@media screen and (min-width: 1360px) and (min-width:1950px) {
    #main .line-block article.shortstory.shadow .full.open,#main .line-block article.shortstory.shadow .panel-wrap.open {
        width:1000px!important
    }

    #main .line-block article.shortstory.shadow .full.open .name,#main .line-block article.shortstory.shadow .full.open .origin-name,#main .line-block article.shortstory.shadow .panel-wrap.open .name,#main .line-block article.shortstory.shadow .panel-wrap.open .origin-name {
        width: 850px
    }

    #main .line-block article.shortstory.shadow .full.open .name>a,#main .line-block article.shortstory.shadow .full.open .origin-name>a,#main .line-block article.shortstory.shadow .panel-wrap.open .name>a,#main .line-block article.shortstory.shadow .panel-wrap.open .origin-name>a {
        max-width: inherit
    }

    #main .line-block article.shortstory.shadow .full.open .rating,#main .line-block article.shortstory.shadow .panel-wrap.open .rating {
        margin-right: 35%
    }
}

@media screen and (min-width: 1360px) {
    #main .line-block article.shortstory.shadow .full.open {
        height:313px!important;
        min-height: 0
    }

    #main .line-block article.shortstory.shadow .panel-wrap.open {
        height: 363px
    }

    #main .line-block article.shortstory.soundcover .full .name {
        margin-bottom: 10px
    }
}

#main .line-block article.fullstory {
    padding: 0;
    margin-top: 25px;
    position: relative;
    margin-bottom: 10px
}

#main .line-block article.fullstory .short li {
    color: #d3d4da;
    font-size: 14px;
    font-weight: 700;
    line-height: 35px;
    position: relative
}

#main .line-block article.fullstory .short li a,#main .line-block article.fullstory .short li span {
    color: #8f95a3;
    padding-left: 36px
}

#main .line-block article.fullstory .short li a:before,#main .line-block article.fullstory .short li span:before {
    top: 7px;
    left: 0;
    width: 24px;
    height: 24px;
    color: #d3d4da;
    position: absolute
}

#main .line-block article.fullstory .short li a:hover,#main .line-block article.fullstory .short li span:hover {
    color: #f26739;
    cursor: pointer
}

#main .line-block article.fullstory .short .options .icon-favorite.active,#main .line-block article.fullstory .short li.active a,#main .line-block article.fullstory .short li.active a:before,#main .line-block article.fullstory .short li.active span,#main .line-block article.fullstory .short li.active span:before,#main .line-block article.fullstory .short li.add-to-playlist.opened>span {
    color: #f26739
}

#main .line-block article.fullstory .short li.download a:before,#main .line-block article.fullstory .short li.download-1 a:before {
    top: 9px;
    font-size: 16px
}

#main .line-block article.fullstory .short li.favorite span:before {
    font-size: 18px
}

#main .line-block article.fullstory .short li.future span:before {
    top: 8px;
    left: 4px;
    font-size: 17px
}

#main .line-block article.fullstory .short li.add-to-playlist {
    box-sizing: border-box;
    z-index: 6;
    cursor: pointer;
    position: relative
}

#main .line-block article.fullstory .short li.add-to-playlist.opened>span:before {
    background: url(../../img/svg/playlistActive.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

#main .line-block article.fullstory .short li.add-to-playlist.opened .list-container,#main .soundtrack.edit.opened .block,#main .trailer.edit.opened .block {
    display: block
}

#main .line-block article.fullstory .short li.add-to-playlist.opened span:after {
    top: -5px;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#main .line-block article.fullstory .short li.add-to-playlist>span {
    position: relative;
    padding-right: 18px;
    display: inline-block
}

#main .line-block article.fullstory .short li.add-to-playlist>span:after {
    top: 5px;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    font-size: 7px;
    position: absolute;
    vertical-align: top;
    display: inline-block
}

#main .line-block article.fullstory .short li.add-to-playlist>span:before {
    top: 6px;
    left: 2px;
    content: '';
    background: url(../../img/svg/playlist.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.dark_skin #main .line-block article.fullstory .short li.add-to-playlist>span:before {
    background: url(../../img/svg/playlist-dark.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

#main .line-block article.fullstory .short li.add-to-playlist>span:hover:before {
    background: url(../../img/svg/playlistActive.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.dark_skin #main .line-block article.fullstory .short li.add-to-playlist>span:hover:before {
    background: url(../../img/svg/playlistActive-dark.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

#main .line-block article.fullstory .short li.add-to-playlist .list-container {
    box-sizing: border-box;
    top: 0;
    z-index: -1;
    left: -6px;
    width: 200px;
    font-size: 0;
    display: none;
    line-height: 0;
    padding-top: 40px;
    position: absolute;
    padding-bottom: 14px;
    background-color: #f4f6fa;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2)
}

#main .line-block article.fullstory .short li.add-to-playlist .list-container .list-item {
    z-index: 2;
    height: 30px;
    width: 164px;
    color: #535865;
    padding: 0 18px;
    font-size: 12px;
    overflow: hidden;
    font-weight: 400;
    line-height: 30px;
    white-space: nowrap;
    text-transform: none;
    display: inline-block;
    text-overflow: ellipsis
}

#main .line-block article.fullstory .short li.add-to-playlist .list-container .list-item.isPl,#main .line-block article.fullstory .short li.add-to-playlist .list-container .list-item:hover {
    background-color: #e0e3e9
}

#main .line-block article.fullstory .short li.add-to-playlist .list-container .add-list,#main .line-block article.fullstory .short li.add-to-playlist .list-container .submit {
    border-radius: 2px;
    height: 30px;
    color: #fff;
    display: block;
    padding-left: 0;
    cursor: pointer;
    font-size: 12px;
    margin: 9px 20px;
    line-height: 30px;
    text-align: center;
    background: #f26739;
    text-transform: uppercase
}

#main .line-block article.fullstory .short li.author {
    cursor: default
}

#main .line-block article.fullstory .short li.author .avatar {
    left: 0;
    top: 5px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: absolute
}

#main .line-block article.fullstory .short li.author a {
    padding-left: 0
}

#main .line-block article.fullstory .short .blockedVideo {
    width: 220px;
    height: 314px;
    display: block
}

#main .line-block article.fullstory .short .options {
    margin-top: 20px
}

#main .line-block article.fullstory .full-panel .left .helpRating .help:hover:before,#main .line-block article.fullstory .short .options .icon-favorite.active:before {
    color: #f26739
}

#main .line-block article.fullstory .full {
    min-height: 460px
}

#main .line-block article.fullstory .full .name {
    width: 207px;
    word-wrap: break-word
}

#main .line-block article.fullstory .full .edit {
    width: 20px;
    height: 20px;
    float: right;
    margin: 0 5px;
    cursor: pointer;
    display: inline-block
}

#main .line-block article.fullstory .full .edit a,#main .line-block article.fullstory .full .edit span,.full .item.first .edit span {
    width: inherit;
    height: inherit;
    display: inline-block
}

#main .line-block article.fullstory .full .edit a:before,#main .line-block article.fullstory .full .edit span:before {
    color: #d3d4da;
    font-size: 20px
}

#main .line-block article.fullstory .full .edit .icon-adminEdit:before {
    color: #d3d4da;
    font-size: 18px
}

#main .line-block article.fullstory .full .edit:hover .ico-edit:before {
    color: #8f95a3
}

#main .line-block article.fullstory .full .about {
    float: left;
    height: auto;
    font-size: 14px;
    padding: 5px 0 0;
    line-height: 25px
}

#main .line-block article.fullstory .full.min {
    width: 350px
}

#main .line-block article.fullstory .full-panel {
    clear: both;
    width: 590px;
    height: 90px;
    font-size: 0;
    display: block;
    margin: 20px auto;
    border-radius: 3px;
    background-color: #f4f4f6
}

#main .line-block article.fullstory .full-panel .left {
    float: left;
    width: 165px;
    height: inherit;
    padding-left: 10px
}

#main .line-block article.fullstory .full-panel .left .helpRating {
    color: #8f95a3;
    font-size: 14px;
    font-weight: 700;
    margin: 17px 0 7px;
    display: inline-block
}

#main .line-block article.fullstory .full-panel .left .helpRating .help {
    width: 13px;
    height: 13px;
    cursor: pointer;
    margin-left: 5px;
    position: relative;
    display: inline-block
}

#main .line-block article.fullstory .full-panel .left .helpRating .help:before {
    top: 2px;
    font-size: 12px
}

#main .line-block article.fullstory .full-panel .left footer {
    height: 32px;
    margin-top: 5px
}

#main .line-block article.fullstory .full-panel .left footer span {
    width: 80px;
    height: inherit;
    position: relative;
    vertical-align: top;
    display: inline-block
}

#main .line-block article.fullstory .full-panel .left footer span.imdb:before,#main .line-block article.fullstory .full-panel .left footer span.kinopoisk:before {
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    font-size: 32px;
    position: absolute
}

#main .line-block article.fullstory .full-panel .left footer span.kinopoisk:before {
    color: #f29420
}

#main .line-block article.fullstory .full-panel .left footer span.imdb:before {
    color: #e4ad2c
}

#main .line-block article.fullstory .full-panel .left footer span p {
    margin-left: 32px;
    padding-left: 6px
}

#main .line-block article.fullstory .full-panel .left footer span p:first-child {
    color: #535865;
    font-size: 14px;
    margin-top: 6px;
    font-weight: 700;
    line-height: 12px
}

.dark_skin #main .line-block article.fullstory .full-panel .left footer span p:first-child {
    color: #fff
}

#main .line-block article.fullstory .full-panel .left footer span p:last-child {
    color: #8f95a3;
    font-size: 10px;
    font-weight: 400;
    margin-top: -2px
}

#main .line-block article.fullstory .full-panel .center {
    float: left;
    width: 225px;
    height: inherit
}

#main .line-block article.fullstory .full-panel .center header {
    color: #8f95a3;
    font-size: 14px;
    font-weight: 700;
    margin: 17px 0 10px
}

#main .line-block article.fullstory .full-panel .center #slider-range-min {
    border-radius: 4px;
    width: 225px;
    height: 10px;
    overflow: hidden;
    position: relative;
    background: #8f95a3
}

#main .line-block article.fullstory .full-panel .center #slider-range-min .percent-n,#main .line-block article.fullstory .full-panel .center #slider-range-min .percent-p {
    z-index: 2;
    height: inherit;
    position: absolute;
    display: inline-block
}

#main .line-block article.fullstory .full-panel .center #slider-range-min .percent-p {
    left: 0;
    background: #75c71b
}

#main .line-block article.fullstory .full-panel .center #slider-range-min .percent-n {
    right: 0;
    background: #ff293d
}

#main .line-block article.fullstory .full-panel .center #slider-range-min .pic {
    left: 0;
    width: 2px;
    z-index: 3;
    height: 10px;
    background: #fff;
    position: absolute
}

#main .line-block article.fullstory .full-panel .center footer {
    font-size: 0
}

#main .line-block article.fullstory .full-panel .center footer span {
    height: 20px;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px
}

#main .line-block article.fullstory .full-panel .center footer span.green {
    float: left;
    color: #75c71b
}

#main .line-block article.fullstory .full-panel .center footer span.red {
    float: right;
    color: #ff293d
}

#main .line-block article.fullstory .full-panel .right {
    float: right;
    height: 30px;
    width: 180px;
    color: #535865;
    font-size: 16px;
    font-weight: 700;
    padding: 30px 0;
    text-align: center
}

#main .line-block article.fullstory .full-panel .right .fa {
    font-size: 27px;
    cursor: pointer;
    display: inline-block
}

#main .line-block article.fullstory .full-panel .right .fa.positive {
    top: 4px;
    width: 27px;
    height: 25px;
    position: relative
}

#main .line-block article.fullstory .full-panel .right .fa.positive:before {
    left: 0;
    color: #83bf45;
    font-size: 25px
}

#main .line-block article.fullstory .full-panel .right .fa.negative {
    top: 12px;
    width: 27px;
    height: 25px;
    position: relative
}

#main .line-block article.fullstory .full-panel .right .fa.negative:before {
    top: 0;
    left: 0;
    color: #ee3442;
    font-size: 25px
}

#content .head-title,#main .line-block article.fullstory .full-panel .right span,.col-photo {
    position: relative
}

#main .line-block article.fullstory .full-panel .right span.rateinf {
    height: 30px;
    margin: 0 4px;
    line-height: 30px;
    display: inline-block
}

.dark_skin #main .line-block article.fullstory .full-panel {
    background: #292c33
}

#main .line-block article.fullstory .bio-actor,.full .item .added-info span,.full .item .age span,.full .item .item-content span,.full .item .mark span,.full .item .personebirth span,.full .item .personeheight span,.full .item .text-item span {
    display: inline-block
}

#main .line-block article.fullstory .bio-actor .about {
    clear: both;
    font-size: 14px;
    line-height: 25px;
    padding: 17px 0 0;
    margin-bottom: 11px;
    text-align: justify
}

#main .line-block article.fullstory .no-poster {
    cursor: default;
    pointer-events: none
}

#main .line-block article.fullstory:not(.playlist) .short {
    max-width: 220px;
    margin-bottom: 20px
}

#main .line-block article.fullstory:not(.playlist) .short a {
    display: block
}

#main .line-block article.fullstory:not(.playlist) .full {
    min-height: 460px;
    margin-left: 20px;
    margin-bottom: 20px
}

#main .line-block article.fullstory:not(.playlist) .watch {
    color: #fff;
    width: 180px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    border-radius: 2px;
    position: relative;
    padding-right: 40px;
    margin: 10px 0 7px;
    display: inline-block
}

#main .line-block article.fullstory:not(.playlist) .watch:after {
    top: 0;
    right: 40px;
    content: '';
    height: 40px;
    position: absolute;
    border-right: 1px solid #df582c
}

#main .line-block article.fullstory:not(.playlist) .watch:before {
    top: 0;
    bottom: 0;
    right: 10px;
    height: 20px;
    margin: auto;
    font-size: 20px;
    position: absolute
}

#main .line-block article.fullstory:not(.playlist) .watch.not-movie:after {
    border-right: 1px solid #fff
}

@media screen and (min-width: 1360px) {
    #main .line-block article.fullstory:not(.playlist) .full .name,#main .line-block article.fullstory:not(.playlist) .full .name-block,#main .line-block article.fullstory:not(.playlist) .full .origin-name {
        width:545px
    }

    #main .line-block article.fullstory:not(.playlist) .full.min {
        width: 700px
    }

    #main .line-block article.fullstory:not(.playlist) .full .item span.label,#main .line-block article.fullstory:not(.playlist) .full .item span.lable {
        width: 140px
    }

    #main .line-block article.fullstory:not(.playlist) .full .item .item-content,#main .line-block article.fullstory:not(.playlist) .full .item .mark,#main .line-block article.fullstory:not(.playlist) .full .item .personeheight,#main .line-block article.fullstory:not(.playlist) .full .item .text-item {
        width: 540px
    }

    #main .line-block article.fullstory:not(.playlist) .full .item .added-info {
        width: 485px
    }

    #main .line-block article.fullstory:not(.playlist) .full-panel {
        width: 100%
    }

    #main .line-block article.fullstory:not(.playlist) .full-panel .left {
        width: 300px
    }

    #main .line-block article.fullstory:not(.playlist) .full-panel .left footer span {
        width: 100px
    }

    #main .line-block article.fullstory:not(.playlist) .full-panel .center,#main .line-block article.fullstory:not(.playlist) .full-panel .center #slider-range-min,#main .line-block article.fullstory:not(.playlist) .full-panel .right {
        width: 310px
    }
}

@media screen and (min-width: 1950px) {
    #main .line-block article.fullstory:not(.playlist) .full .name,#main .line-block article.fullstory:not(.playlist) .full .name-block,#main .line-block article.fullstory:not(.playlist) .full .origin-name {
        width:864px
    }

    #main .line-block article.fullstory:not(.playlist) .full.min {
        width: 1020px
    }

    #main .line-block article.fullstory:not(.playlist) .full .item .item-content,#main .line-block article.fullstory:not(.playlist) .full .item .mark,#main .line-block article.fullstory:not(.playlist) .full .item .personeheight,#main .line-block article.fullstory:not(.playlist) .full .item .text-item {
        width: 860px;
        display: inline-block
    }

    #main .line-block article.fullstory:not(.playlist) .full .item .added-info {
        width: 810px
    }

    #main .line-block article.fullstory:not(.playlist) .full-panel .left {
        width: 400px
    }

    #main .line-block article.fullstory:not(.playlist) .full-panel .left footer span {
        width: 100px
    }

    #main .line-block article.fullstory:not(.playlist) .full-panel .center,#main .line-block article.fullstory:not(.playlist) .full-panel .center #slider-range-min,#main .line-block article.fullstory:not(.playlist) .full-panel .right {
        width: 420px
    }
}

#main .line-block article.news {
    margin: 0;
    clear: both;
    height: 165px;
    display: block;
    padding: 15px 0
}

#main .line-block article.news:last-child {
    margin-bottom: 20px
}

#main .line-block article.news .left {
    float: left;
    width: 202px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

#main .line-block article.news .left a {
    width: 202px;
    display: block
}

#main .line-block article.news .left .poster-news {
    width: 202px
}

#main .line-block article.news .left .no-poster {
    width: 202px;
    height: 165px;
    display: block;
    position: relative;
    background: #f3f4f5
}

#main .line-block article.news .left .no-poster:before {
    width: 81px;
    height: 88px;
    font-size: 88px
}

#main .line-block article.news .right {
    float: left;
    width: 368px;
    height: 200px;
    overflow: hidden;
    margin-left: 20px
}

#main .line-block article.news .right .name {
    top: -3px;
    color: #292c33;
    font-size: 20px;
    line-height: 30px;
    position: relative
}

#main .line-block article.news .right .name a {
    color: #292c33
}

#main .line-block article.news .right .panel {
    height: 20px;
    margin: 4px 0;
    color: #8f95a3;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    position: relative
}

#main .line-block article.news .right .panel .edit {
    top: 0;
    right: 0;
    color: #d2d5da;
    cursor: pointer;
    position: absolute
}

#main .line-block article.news .right .panel .comments .fa,#main .line-block article.news .right .panel .edit .fa {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle
}

#main .line-block article.news .right .panel .comments .fa:before,#main .line-block article.news .right .panel .edit .fa:before {
    left: 1px;
    color: #d3d4da;
    font-size: 14px
}

#main .line-block article.news .right .panel .date {
    width: 100px;
    display: inline-block
}

#main .line-block article.news .right .panel .reviewed {
    font-size: 11px;
    margin-left: 5px;
    line-height: 11px;
    margin-right: 23px
}

#main .line-block article.news .right .panel .comments {
    font-size: 11px;
    line-height: 11px
}

#main .line-block article.news .right .panel .comments .fa {
    position: relative
}

#main .line-block article.news .right .panel .fa {
    font-size: 14px;
    margin-right: 4px;
    display: inline-block
}

#main .line-block article.news .right .text {
    height: 95px;
    font-size: 14px;
    overflow: hidden;
    line-height: 24px;
    margin: 10px 0 5px;
    text-align: justify
}

#main .line-block article.news .right .text a,#main .line-block article.news-fullstory .date-container .edit a:hover,.dark_skin #main .line-block article.news .right .name a,.dark_skin #main .line-block article.news-fullstory h1 {
    color: #f26739
}

#main .line-block article.news .right .text b,#main .line-block article.news .right .text strong {
    font-weight: 400
}

#main .line-block article.news-fullstory .description a,.dark_skin #main .line-block article .bio-actor .name>a:hover,.dark_skin #main .line-block article .full .name>a:hover,.dark_skin #main .line-block article.news .right .name a:hover {
    color: #f05521
}

.dark_skin #main .line-block article.news .right .text {
    color: #b6bccc
}

#main .line-block article.news-fullstory {
    margin-bottom: 24px;
    padding: 3px 0 0
}

#main .line-block article.news-fullstory .date-container {
    height: 20px;
    text-align: right;
    position: relative
}

#main .line-block article.news-fullstory .date-container .edit {
    color: #d2d5da;
    cursor: pointer;
    position: relative
}

#main .line-block article.news-fullstory .date-container .edit a {
    color: #d2d5da
}

#main .line-block article.news-fullstory .date-container .ico-edit {
    width: 20px;
    height: 20px;
    vertical-align: top;
    display: inline-block
}

#main .line-block article.news-fullstory .date-container .ico-edit:before {
    left: 2px;
    color: #d3d4da;
    font-size: 20px
}

#main .line-block article.news-fullstory .article-container {
    margin: 0
}

#main .line-block article.news-fullstory .article-container .description {
    margin-top: 0
}

#main .line-block article.news-fullstory .date {
    color: #fff;
    font-size: 14px;
    padding: 2px 7px;
    margin-top: -1px;
    font-weight: 700;
    line-height: 18px;
    vertical-align: top;
    display: inline-block;
    background-color: #d2d5da
}

.dark_skin #main .line-block article.news-fullstory .date {
    font-weight: 500;
    color: #292c33;
    line-height: 16px;
    background: #d2d5da
}

#main .line-block article.news-fullstory .description {
    clear: both;
    margin: 23px 0;
    font-size: 16px;
    line-height: 24px;
    text-align: justify
}

#main .line-block article.news-fullstory .description b,#main .line-block article.news-fullstory .description strong {
    font-size: 16px
}

#main .line-block article.news-fullstory .description iframe {
    width: 100%;
    height: 325px;
    margin: 20px 0;
    display: inline-block
}

@media screen and (min-width: 1360px) {
    #main .line-block article.news-fullstory .description iframe {
        width:700px;
        height: 400px
    }
}

#main .line-block article.news-fullstory .description img {
    max-width: 560px;
    display: inline-block;
    margin: 0 15px 15px
}

#main .line-block article.news-fullstory .tags {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    border-radius: 2px;
    background: #f4f4f6
}

#main .line-block article.news-fullstory .tags .ico-tags {
    top: -2px;
    left: -1px;
    background: url(../../img/svg/tags.svg) no-repeat 0 0;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    position: relative;
    margin: 0 10px 0 14px
}

#main .line-block article.news-fullstory .tags a {
    height: 40px;
    color: #f05521;
    font-size: 12px;
    font-weight: 700;
    line-height: 40px;
    margin-right: 10px;
    text-transform: uppercase
}

.dark_skin #main .line-block article.news-fullstory #article-photo.slider {
    border-bottom-color: #2e2f36
}

.dark_skin #main .line-block article.news-fullstory .description-text {
    color: #b6bccc
}

@media screen and (min-width: 1360px) {
    #main .line-block article.news-shortstory .left,#main .line-block article.news-shortstory .left .no-poster {
        width:270px;
        height: 220px
    }

    #main .line-block article.news-shortstory .left .poster-news,#main .line-block article.news-shortstory .left a {
        width: 270px
    }

    #main .line-block article.news-shortstory .right {
        width: 650px
    }
}

@media screen and (min-width: 1950px) {
    #main .line-block article.news-shortstory .right {
        width:970px
    }
}

.dark_skin #main .line-block article .bio-actor,.dark_skin #main .line-block article .full {
    background: #202229
}

.dark_skin #main .line-block article .bio-actor.open,.dark_skin #main .line-block article .full.open {
    background: #292c33
}

.dark_skin #main .line-block article .bio-actor.open .item .added-info a:hover,.dark_skin #main .line-block article .bio-actor.open .item .age a:hover,.dark_skin #main .line-block article .bio-actor.open .item .item-content a:hover,.dark_skin #main .line-block article .bio-actor.open .item .mark a:hover,.dark_skin #main .line-block article .bio-actor.open .item .personebirth a:hover,.dark_skin #main .line-block article .bio-actor.open .item .personeheight a:hover,.dark_skin #main .line-block article .bio-actor.open .item .text-item a:hover,.dark_skin #main .line-block article .bio-actor.open .origin-name,.dark_skin #main .line-block article .full.open .item .added-info a:hover,.dark_skin #main .line-block article .full.open .item .age a:hover,.dark_skin #main .line-block article .full.open .item .item-content a:hover,.dark_skin #main .line-block article .full.open .item .mark a:hover,.dark_skin #main .line-block article .full.open .item .personebirth a:hover,.dark_skin #main .line-block article .full.open .item .personeheight a:hover,.dark_skin #main .line-block article .full.open .item .text-item a:hover,.dark_skin #main .line-block article .full.open .origin-name {
    color: #8f95a3
}

.dark_skin #main .line-block article .bio-actor.open .item,.dark_skin #main .line-block article .bio-actor.open .item .added-info a,.dark_skin #main .line-block article .bio-actor.open .item .age a,.dark_skin #main .line-block article .bio-actor.open .item .item-content a,.dark_skin #main .line-block article .bio-actor.open .item .mark a,.dark_skin #main .line-block article .bio-actor.open .item .personebirth a,.dark_skin #main .line-block article .bio-actor.open .item .personeheight a,.dark_skin #main .line-block article .bio-actor.open .item .text-item a,.dark_skin #main .line-block article .full.open .item,.dark_skin #main .line-block article .full.open .item .added-info a,.dark_skin #main .line-block article .full.open .item .age a,.dark_skin #main .line-block article .full.open .item .item-content a,.dark_skin #main .line-block article .full.open .item .mark a,.dark_skin #main .line-block article .full.open .item .personebirth a,.dark_skin #main .line-block article .full.open .item .personeheight a,.dark_skin #main .line-block article .full.open .item .text-item a {
    color: #535865
}

.dark_skin #main .line-block article .bio-actor.open .date span,.dark_skin #main .line-block article .full.open .date span {
    color: #fff
}

.dark_skin #main .line-block article .bio-actor .date span,.dark_skin #main .line-block article .full .date span {
    color: #292c33;
    background: #d2d5da
}

#content h1 .letter,.dark_skin #main .line-block article .bio-actor .name,.dark_skin #main .line-block article .bio-actor .name>a,.dark_skin #main .line-block article .full .name,.dark_skin #main .line-block article .full .name>a,.dark_skin .navigation a.next.icon-arowLeft:hover:before,.dark_skin .navigation a.next.icon-arowRight:hover:before,.dark_skin .navigation a.prev.icon-arowLeft:hover:before,.dark_skin .navigation a.prev.icon-arowRight:hover:before {
    color: #f26739
}

.dark_skin #main .line-block article .bio-actor .about,.dark_skin #main .line-block article .bio-actor p,.dark_skin #main .line-block article .full .about,.dark_skin #main .line-block article .full p {
    color: #b6bccc
}

@media screen and (min-width: 1360px) {
    #main .line-block article .block-date .date span {
        margin-bottom:0
    }
}

@media screen and (min-width: 1950px) {
    #main .line-block article.line .full .name-block {
        width:230px
    }

    #main .line-block article.grid .full .name-block {
        width: 850px
    }
}

#main .soundtrack.edit,#main .trailer.edit {
    right: 0;
    color: #9a9fac;
    line-height: 0;
    cursor: pointer;
    position: absolute;
    display: inline-block
}

#main .soundtrack.edit .ico-edit,#main .trailer.edit .ico-edit {
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block
}

#main .soundtrack.edit .ico-edit:before,#main .trailer.edit .ico-edit:before {
    color: #d3d4da;
    font-size: 18px
}

#main .soundtrack.edit .block,#main .trailer.edit .block {
    top: -20px;
    left: -20px;
    z-index: 22;
    width: 180px;
    display: none;
    overflow: hidden;
    position: absolute;
    background: #f4f6fa;
    box-shadow: 0 19px 29px rgba(0,0,0,.2)
}

#main .soundtrack.edit .block .head-block,#main .trailer.edit .block .head-block {
    height: 52px
}

#main .soundtrack.edit .block .head-block .fa,#main .trailer.edit .block .head-block .fa {
    top: 20px;
    left: 20px;
    position: absolute
}

#main .soundtrack.edit .block .head-block .fa:before,#main .trailer.edit .block .head-block .fa:before,.dark_skin .full .item .added-info a span,.dark_skin .full .item .age a span,.dark_skin .full .item .item-content a span,.dark_skin .full .item .mark a span,.dark_skin .full .item .personebirth a span,.dark_skin .full .item .personeheight a span,.dark_skin .full .item .text-item a span,.full .item .added-info .added-info-icon:hover:before,.full .item .added-info a:hover,.full .item .age a:hover,.full .item .item-content a:hover,.full .item .mark a:hover,.full .item .personebirth a:hover,.full .item .personeheight a:hover,.full .item .text-item a:hover {
    color: #8f95a3
}

#main .soundtrack.edit .block .edit-items,#main .trailer.edit .block .edit-items {
    z-index: 22;
    font-size: 0
}

#main .soundtrack.edit .block .edit-items a,#main .soundtrack.edit .block .edit-items span,#main .trailer.edit .block .edit-items a,#main .trailer.edit .block .edit-items span {
    height: 30px;
    display: block;
    color: #535865;
    padding: 0 20px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 30px
}

#main .soundtrack.edit .block .edit-items a:hover,#main .soundtrack.edit .block .edit-items span:hover,#main .trailer.edit .block .edit-items a:hover,#main .trailer.edit .block .edit-items span:hover {
    background: #e0e3e9
}

#main .soundtrack.edit .block .edit-items a:last-child,#main .soundtrack.edit .block .edit-items span:last-child,#main .trailer.edit .block .edit-items a:last-child,#main .trailer.edit .block .edit-items span:last-child {
    margin-bottom: 4px
}

#content {
    box-sizing: border-box;
    width: 630px;
    position: relative;
    display: table-cell;
    vertical-align: top;
    background-color: #fff;
    padding: 26px 20px 30px
}

#content h1 {
    float: left;
    text-transform: uppercase
}

#content .players {
    border-radius: 7px;
    z-index: 302;
    font-size: 0;
    width: 590px;
    height: 450px;
    line-height: 0;
    overflow: hidden;
    background: #000;
    position: relative
}

#content .players .player {
    width: 590px;
    height: 331.9px;
    background: #000
}

#content .players .player:before {
    content: '';
    width: inherit;
    height: inherit;
    cursor: pointer
}

@media screen and (min-width: 1360px) {
    #content .players,#content .players .player {
        width:940px;
        height: 528.75px
    }
}

@media screen and (min-width: 1950px) {
    #content .players,#content .players .player {
        width:1260px;
        height: 708.75px
    }
}

.full .item {
    z-index: 28;
    float: left;
    width: 100%;
    font-size: 0;
    color: #535865;
    line-height: 30px
}

.full .item .label,.full .item .lable {
    width: 95px;
    color: #8f95a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    vertical-align: top;
    display: inline-block
}

.full .item .item-content,.full .item .personebirth {
    width: 255px
}

.full .item .added-info,.full .item .item-content,.full .item .personebirth {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    display: inline-block
}

.full .item .age,.full .item .mark,.full .item .personeheight,.full .item .text-item {
    width: 255px;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    display: inline-block
}

.full .item .added-info a,.full .item .age a,.full .item .item-content a,.full .item .mark a,.full .item .personebirth a,.full .item .personeheight a,.full .item .text-item a {
    color: #7e8594
}

.full .item .added-info {
    width: 185px;
    position: relative
}

.full .item .added-info .added-info-icon:before {
    top: 1px;
    color: #f26739;
    font-size: 12px;
    cursor: pointer;
    margin-left: 5px;
    position: relative
}

.full .item.first {
    min-height: 26px;
    margin: 0 0 10px
}

.full .item.first .lable {
    width: initial;
    line-height: 26px
}

.full .item.first .date {
    top: 3px
}

.full .item,.full .item.first .date span {
    font-weight: 700
}

.dark_skin .full .item,.dark_skin .full .item .added-info span,.dark_skin .full .item .age span,.dark_skin .full .item .item-content span,.dark_skin .full .item .mark span,.dark_skin .full .item .personebirth span,.dark_skin .full .item .personeheight span,.dark_skin .full .item .text-item span,.dark_skin .panel-view .grid.active.icon-grid:before,.dark_skin .panel-view .grid.active.icon-list:before,.dark_skin .panel-view .grid:hover.icon-grid:before,.dark_skin .panel-view .grid:hover.icon-list:before,.dark_skin .panel-view .line.active.icon-grid:before,.dark_skin .panel-view .line.active.icon-list:before,.dark_skin .panel-view .line:hover.icon-grid:before,.dark_skin .panel-view .line:hover.icon-list:before {
    color: #fff
}

.dark_skin .full .item .added-info a span:hover,.dark_skin .full .item .age a span:hover,.dark_skin .full .item .item-content a span:hover,.dark_skin .full .item .mark a span:hover,.dark_skin .full .item .personebirth a span:hover,.dark_skin .full .item .personeheight a span:hover,.dark_skin .full .item .text-item a span:hover {
    color: #686e7e
}

.full .origin-name {
    clear: both;
    width: 207px;
    color: #8f95a3;
    font-size: 14px;
    min-height: 16px;
    line-height: 20px;
    position: relative;
    margin-bottom: 10px
}

.dark_skin .full .origin-name,.dark_skin .navigation a.next.icon-arowLeft:before,.dark_skin .navigation a.next.icon-arowRight:before,.dark_skin .navigation a.prev.icon-arowLeft:before,.dark_skin .navigation a.prev.icon-arowRight:before {
    color: #535865
}

.col-photo #loadingImg {
    width: 220px;
    height: 19px;
    display: none;
    margin: 40px auto 20px;
    background: url(../../img/ajax-loader.gif)
}

.half {
    width: 45%;
    display: inline-block
}

.half #user_pic_site {
    border-radius: 50%;
    width: 60px;
    height: 60px
}

.half .no-poster {
    width: 212px;
    height: 300px;
    display: block;
    position: relative;
    background: #f3f4f5
}

.half .no-poster:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 108px;
    height: 115px;
    color: #d3d4da;
    font-size: 115px;
    overflow: hidden
}

#trailer-player {
    border-radius: 7px;
    display: none;
    width: 700px;
    height: 480px;
    background: #000
}

.fancybox-skin {
    box-shadow: none!important;
    background: #000!important
}

.title-one-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mce-tinymce {
    border: 0!important;
    background-color: transparent!important
}

.mce-tinymce,.mce-tinymce .mce-container,.mce-tinymce .mce-container-body {
    width: 100%!important;
    display: inline-block!important
}

.mce-tinymce .mce-toolbar-grp {
    right: 0;
    width: 195px!important;
    background: #fff!important;
    position: absolute!important;
    border-color: #fff!important
}

.dark_skin .mce-tinymce .mce-toolbar-grp {
    background: #202229!important
}

.mce-tinymce .mce-edit-area {
    filter: none!important;
    background: #f4f4f6!important;
    border: 1px solid #e2e2e4!important
}

.mce-tinymce .mce-edit-area:before {
    background: url(../../img/svg/comment3.svg) no-repeat 0 0;
    background-size: 7px 11px;
    vertical-align: middle;
    top: 5px;
    left: -7px;
    z-index: 2;
    width: 9px;
    height: 12px;
    content: '';
    position: absolute
}

.mce-tinymce .mce-edit-area.focus::before {
    background: url(../../img/svg/comment3Active.svg) no-repeat 0 0;
    background-size: 7px 11px;
    width: 7px;
    height: 11px;
    vertical-align: middle
}

.dark_skin .mce-tinymce .mce-edit-area {
    background: #1a1b22!important;
    border-color: #1a1b22!important
}

.dark_skin .mce-tinymce .mce-edit-area:before {
    background: url(../../img/svg/comment3-dark.svg) no-repeat 0 0;
    background-size: 7px 11px;
    width: 7px;
    height: 11px;
    vertical-align: middle
}

.answerMessage .mce-tinymce .mce-toolbar-grp {
    width: 160px!important
}

.head-title .mce-tinymce .mce-edit-area.focus::before,.head-title .mce-tinymce .mce-edit-area::before {
    background: 0 0
}

.mce-menu-item-normal.mce-active {
    background-color: #f26739!important
}

.mce-menu-item.mce-selected,.mce-menu-item:focus,.mce-menu-item:hover {
    background-color: #f05521!important
}

.mce-window .mce-window-head {
    border-bottom: 3px solid #f26739!important
}

.mce-window .mce-window-head .mce-title {
    color: #f26739;
    text-transform: uppercase;
    line-height: 60px!important
}

.mce-window .mce-window-head .mce-close {
    bottom: 0;
    margin: auto
}

.mce-window .mce-window-head .mce-close::before {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    content: '\e92a';
    font-size: 20px;
    color: #d3d4da;
    font-family: 'icomoon'!important;
    speak: none;
    line-height: 1;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: absolute
}

.mce-window .mce-foot {
    border-top: none!important
}

.mce-window .mce-foot .mce-btn {
    border-radius: 2px
}

.mce-window .mce-foot .mce-btn button {
    font-size: 12px;
    text-transform: uppercase
}

.mce-window .mce-foot .mce-btn button span {
    font-weight: 600!important;
    font-family: "Roboto",sans-serif!important
}

.mce-window .mce-foot .mce-btn.mce-primary {
    border-color: #f26739!important;
    background-color: #f26739!important
}

.mce-window .mce-foot .mce-btn.mce-last:hover,.mce-window .mce-foot .mce-btn.mce-primary:hover {
    background-color: #fff!important
}

.mce-window .mce-foot .mce-btn.mce-last {
    background-color: #8f95a3!important;
    border-color: #8f95a3!important
}

.mce-window .mce-foot .mce-btn.mce-last:hover button {
    color: #8f95a3!important
}

.mce-window .mce-foot .mce-btn.mce-last button {
    color: #fff!important
}

.navigation {
    width: 100%;
    clear: both;
    font-size: 0;
    font-weight: 700;
    padding: 20px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    margin: 0 0 20px;
    box-sizing: border-box
}

.navigation .next,.navigation .prev,.navigation a,.navigation span {
    height: 34px;
    min-width: 34px;
    line-height: 34px;
    position: relative;
    text-align: center;
    vertical-align: top;
    display: inline-block
}

.navigation a,.navigation span {
    font-size: 14px;
    text-shadow: none;
    margin-right: 10px
}

.navigation span {
    color: #fff;
    cursor: default;
    border: 3px solid #535865;
    background-color: #535865
}

.navigation span.nav_ext {
    color: #535865;
    background: 0 0;
    border-color: transparent
}

.navigation span.curr_page {
    color: #535865;
    margin-right: 0;
    background: #f1f2f4;
    border-color: #f1f2f4
}

.navigation a {
    color: #535865;
    background: #f1f2f4;
    border: 3px solid #f1f2f4
}

.navigation a:hover {
    text-decoration: none;
    background: 0 0;
    border: 3px solid #d2d5da
}

.dark_skin .navigation a:hover {
    color: #f26739;
    border: 3px solid #f26739
}

.navigation a.next:hover,.navigation a.prev:hover {
    border-color: #d2d5da
}

.dark_skin .navigation a {
    background: #292b32;
    border: 3px solid #292b32
}

.navigation .next,.navigation .prev {
    padding: 0
}

.navigation .next:not(.nav-comm):before,.navigation .prev:not(.nav-comm):before {
    left: 0;
    right: 0;
    top: 13px;
    margin: auto;
    color: #535865;
    font-size: 10px;
    position: absolute
}

.navigation .nav-comm.next,.navigation .nav-comm.prev {
    text-transform: uppercase
}

.navigation .nav-comm.prev {
    margin-right: 50px;
    padding: 0 15px 0 30px
}

.navigation .nav-comm.next {
    margin-left: 50px;
    padding: 0 25px 0 15px
}

.navigation .nav-comm.icon-arowLeft:before {
    top: 13px;
    left: 5px;
    color: #8f95a3;
    font-size: 10px;
    position: absolute
}

.navigation .nav-comm.icon-arowRight:before {
    top: 13px;
    right: 8px;
    color: #8f95a3;
    font-size: 10px;
    position: absolute
}

.navigation span.nav-comm {
    color: #d3d4da;
    background: #f1f2f4;
    border-color: #f1f2f4
}

.navigation span.nav-comm:before {
    color: #d3d4da!important
}

.dark_skin .navigation span:not(.nav_ext) {
    color: #535865;
    border: 3px solid #fff;
    background-color: #fff
}

.navigation .nav-back {
    width: 60px;
    padding-left: 10px
}

.navigation .nav-back:before {
    right: 50px!important
}

#main .playlists .navigation,#main.favorites .navigation,#main.playlist .navigation,#main.playlists .navigation {
    padding: 20px 0 30px
}

.add-to-subs {
    box-sizing: border-box;
    z-index: 5;
    right: 80px;
    width: 18px;
    bottom: 15px;
    height: 18px;
    cursor: pointer;
    position: absolute
}

.add-to-subs.active .add-to-subs-title {
    color: #f26739!important
}

.add-to-subs.active .add-to-subs-title:before,.add-to-subs.opened .add-to-subs-title:before,.dark_skin .add-to-subs.active .add-to-subs-title:before,.dark_skin .add-to-subs.opened .add-to-subs-title:before {
    background: url(../../img/svg/newSubsActive.svg) no-repeat 0 0;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.add-to-subs.opened .add-to-subs-title {
    font-size: 14px;
    font-weight: 700;
    width: initial;
    height: initial;
    overflow: visible;
    line-height: 20px;
    padding-left: 30px;
    color: #f26739!important
}

.add-to-subs.opened .add-to-subs-title:before {
    position: absolute
}

.add-to-subs.opened .list-container {
    top: -15px;
    left: -15px;
    display: block
}

.add-to-subs .add-to-subs-title {
    padding: 0;
    width: 18px;
    height: 18px;
    color: #8f95a3;
    display: block;
    overflow: hidden;
    position: relative
}

.add-to-subs .add-to-subs-title:before {
    top: 0;
    left: 0;
    content: '';
    display: block;
    background: url(../../img/svg/newSubs.svg) no-repeat 0 0;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.dark_skin .add-to-subs .add-to-subs-title:before {
    background: url(../../img/svg/newSubsDark.svg) no-repeat 0 0;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.add-to-subs .add-to-subs-title:hover:before,.dark_skin .add-to-subs .add-to-subs-title:hover:before {
    background: url(../../img/svg/newSubsActive.svg) no-repeat 0 0;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.add-to-subs .list-container {
    box-sizing: border-box;
    top: 0;
    left: -6px;
    z-index: -1;
    width: 230px;
    font-size: 0;
    display: none;
    line-height: 0;
    padding-top: 40px;
    position: absolute;
    padding-bottom: 14px;
    background-color: #f4f6fa;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2)
}

.add-to-subs .list-container .sub-item,.add-to-subs .list-container .sub-list-item {
    z-index: 2;
    display: block;
    font-size: 12px;
    overflow: hidden;
    line-height: 35px;
    position: relative;
    white-space: nowrap;
    text-transform: none;
    padding: 0 8px 0 38px;
    text-overflow: ellipsis;
    color: #535865!important;
    font-weight: 400!important
}

.add-to-subs .list-container .sub-item:before,.add-to-subs .list-container .sub-list-item:before {
    top: 7px;
    left: 10px;
    content: '';
    position: absolute;
    background: url(../../img/svg/chekGrey.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.add-to-subs .list-container .sub-list-item:before {
    left: 20px
}

.add-to-subs .list-container .sub-item:hover,.add-to-subs .list-container .sub-list-item:hover {
    background: #e0e3e9
}

.add-to-subs .list-container .sub-item.add-subs:before,.add-to-subs .list-container .sub-list-item.add-subs:before {
    background: url(../../img/svg/chekGreyActive.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.add-to-subs .list-container .sub-item.has-sub,.add-to-subs .list-container .sub-list-item.has-sub {
    padding: 0;
    background: 0 0
}

.add-to-subs .list-container .sub-item.has-sub:before,.add-to-subs .list-container .sub-list-item.has-sub:before {
    display: none
}

.add-to-subs .list-container .sub-item.add-subs-missed:before {
    background: url(../../img/svg/chekGreyMiddle.svg) no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.add-to-subs .list-container .sub-list-item {
    padding-left: 48px
}

.panel-view {
    width: 40px;
    height: 80px;
    position: absolute;
    -ms-transform: translate(-40px,0);
    transform: translate(-40px,0)
}

.panel-view .grid,.panel-view .line {
    width: 16px;
    height: 16px;
    padding: 12px;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    background-color: #7e8594
}

.panel-view .grid.active,.panel-view .grid:hover,.panel-view .line.active,.panel-view .line:hover {
    box-shadow: 1px 0 0 #fff;
    background-color: #fff
}

.dark_skin .panel-view .grid.active,.dark_skin .panel-view .grid:hover,.dark_skin .panel-view .line.active,.dark_skin .panel-view .line:hover {
    box-shadow: 1px 0 0 #f26739;
    background-color: #f26739
}

.favorites-slider .slider .overview li:hover,.panel-view .grid.neutral,.panel-view .line.neutral,.premiere-slider .slider .overview li:hover {
    background-color: #fff
}

.panel-view .grid.neutral .fa,.panel-view .line.neutral .fa {
    background: 0 0
}

.dark_skin .panel-view .grid,.dark_skin .panel-view .line {
    background-color: #202229
}

.dark_skin .panel-view .grid.icon-grid:before,.dark_skin .panel-view .grid.icon-list:before,.dark_skin .panel-view .line.icon-grid:before,.dark_skin .panel-view .line.icon-list:before {
    color: #535865
}

.dark_skin .panel-view .grid.active:after,.dark_skin .panel-view .line.active:after {
    content: '';
    z-index: 10;
    right: -12px;
    border: 7px solid transparent;
    border-left: 8px solid #f26739
}

.panel-view .grid {
    top: 0
}

.panel-view .grid.icon-grid:before,.panel-view .line.icon-list:before {
    color: #fff;
    font-size: 16px
}

.panel-view .grid.active.icon-grid:before,.panel-view .grid:hover.icon-grid:before,.panel-view .line.active.icon-list:before,.panel-view .line:hover.icon-list:before {
    color: #535865
}

.panel-view .line {
    top: 40px
}

.remove-sda-wrap {
    height: 20px;
    display: block;
    text-align: right;
    position: relative
}

.remove-sda-wrap .remove-sda {
    top: 0;
    right: 0;
    width: 135px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    margin-right: 15px;
    padding-right: 25px
}

.remove-sda-wrap .remove-sda span {
    color: #292c33;
    font-size: 10px;
    border-bottom: 2px solid;
    -o-border-image: url(../../img/svg/circle-avd.svg);
    border-image: url(../../img/svg/circle-avd.svg);
    border-image-slice: 0 0 1 0;
    border-image-repeat: repeat
}

.remove-sda-wrap .remove-sda:before {
    top: 0;
    right: 0;
    content: '';
    display: block;
    position: absolute;
    background: url(../../img/svg/proAds.svg) no-repeat 0 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-size: contain
}

aside .remove-sda-wrap {
    margin-top: 5px
}

.content-avd .remove-sda-wrap {
    right: 0;
    top: -25px;
    position: absolute
}

.block-off-light .remove-sda-wrap {
    top: -20px;
    margin-top: 25px;
    position: relative
}

#show-more,#show-more-movie,.show-audio,.show-files,.show-more-profile {
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 30;
    color: #f26739;
    height: 40px;
    display: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 40px;
    position: absolute;
    padding-bottom: 10px;
    background-color: #fff
}

#show-more-movie.less .text:after,#show-more.less .text:after,.show-audio.less .text:after,.show-files.less .text:after,.show-more-profile.less .text:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#show-more-movie.more .text:before,#show-more.more .text:before,.show-audio.more .text:before,.show-files.more .text:before,.show-more-profile.more .text:before {
    box-shadow: -2px -15px 20px #fff;
    left: -5%;
    bottom: 0;
    width: 110%;
    content: '';
    height: 40px;
    position: absolute
}

.dark_skin #show-more-movie.more .text:before,.dark_skin #show-more.more .text:before,.dark_skin .show-audio.more .text:before,.dark_skin .show-files.more .text:before,.dark_skin .show-more-profile.more .text:before {
    box-shadow: -2px -15px 20px #202229
}

#show-more .text,#show-more-movie .text,.show-audio .text,.show-files .text,.show-more-profile .text {
    width: 100%;
    position: relative;
    display: inline-block
}

#show-more .text:after,#show-more-movie .text:after,.show-audio .text:after,.show-files .text:after,.show-more-profile .text:after {
    transition: .3s;
    top: 2px;
    bottom: 0;
    height: 7px;
    font-size: 7px;
    margin: auto auto auto 6px
}

.dark_skin #show-more,.dark_skin #show-more-movie,.dark_skin .show-audio,.dark_skin .show-files,.dark_skin .show-more-profile {
    background-color: #202229
}

.show-audio .text,.show-files .text {
    box-sizing: border-box;
    text-align: right;
    padding-right: 20px
}

.ui-tooltip {
    border-radius: 10px;
    width: 240px;
    color: #fff;
    padding: 22px;
    z-index: 1100;
    position: fixed;
    font-size: 13px;
    line-height: 1.4;
    pointer-events: none;
    background: #7e8594
}

.ui-tooltip .arrow {
    left: 50%;
    width: 70px;
    height: 16px;
    bottom: -16px;
    overflow: hidden;
    position: absolute;
    margin-left: -35px
}

.ui-tooltip .arrow.top {
    top: -16px;
    bottom: auto
}

.ui-tooltip .arrow.top:after {
    top: auto;
    bottom: -20px
}

.ui-tooltip .arrow.left {
    left: 20%
}

.ui-tooltip .arrow:after {
    left: 20px;
    top: -20px;
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    background: #7e8594;
    box-shadow: 6px 5px 9px -9px #292c33;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.custom-tooltip {
    border-radius: 5px;
    width: auto;
    max-width: 170px;
    padding: 10px 15px;
    text-align: center
}

.top-date {
    float: right;
    width: 155px;
    display: block;
    max-height: 70px;
    position: relative
}

.shortstory .top-date {
    width: 150px
}

.top-date .block-date {
    float: right;
    position: relative;
    vertical-align: top;
    display: inline-block
}

.top-date .date {
    top: 0;
    right: 0;
    margin: 0 0 5px;
    width: auto;
    color: #fff;
    float: right;
    height: 20px;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    background: #d2d5da
}

.dark_skin .top-date .date,.slider article a {
    color: #292c33
}

.top-date .date a {
    color: #fff
}

.favorites-slider .slider .overview a:hover,.premiere-slider .slider .overview a:hover,.top-date .date a:hover {
    text-decoration: none
}

@media screen and (min-width: 1360px) {
    .top-date {
        max-height:70px
    }

    .top-date .downloads .items .item .left,.top-date .downloads .items .item .right {
        width: 610px
    }

    .top-date .downloads .items .item .left .lable,.top-date .downloads .items .item .right .lable {
        width: 180px
    }
}

.ukr-sda {
    font-size: 0;
    margin: 0 auto;
    text-align: center
}

.ukr-sda .ukr-item {
    width: 24%;
    font-size: 14px;
    vertical-align: top;
    padding-bottom: 20px;
    display: inline-block
}

.ukr-sda .ukr-item img {
    width: 200px;
    height: 200px
}

.ukr-sda .ukr-item .ukr-desc,.ukr-sda .ukr-item .ukr-title {
    color: #fc0a0a;
    display: block;
    font-size: 13px;
    font-weight: 700
}

.ukr-sda .ukr-item .ukr-desc {
    color: #000;
    font-size: 12px
}

.ukr-sda .ukr-item .ukr-site {
    color: #009a28;
    display: block
}

.ukr-sda .ukr-item .ukr-price {
    color: #f0690f;
    display: block;
    font-size: 12px;
    font-weight: 700
}

.last-news {
    position: relative
}

.last-news,.social-counters {
    margin-top: 30px
}

.social-counters .social-wrap {
    width: 100%;
    display: table
}

.social-counters .social-wrap li {
    font-size: 0;
    display: table-cell
}

.social-counters .social-wrap li span {
    transition: .3s;
    padding: 0;
    color: #fff;
    font-size: 0;
    line-height: 32px;
    position: relative;
    border-radius: 2px;
    vertical-align: top;
    display: inline-block
}

.social-counters .social-wrap li span:before {
    top: 0;
    left: 0;
    color: #fff;
    font-size: 32px;
    position: absolute
}

.social-counters .social-wrap li span.fb:hover,.social-counters .social-wrap li span.ig:hover,.social-counters .social-wrap li span.ok:hover,.social-counters .social-wrap li span.tw:hover,.social-counters .social-wrap li span.vk:hover {
    opacity: .75
}

.social-counters .social-wrap li span.vk {
    width: 32px;
    background-color: #40638c
}

.social-counters .social-wrap li span.fb {
    width: 32px;
    background-color: #38559b
}

.social-counters .social-wrap li span.tw {
    width: 32px;
    background-color: #54aced
}

.social-counters .social-wrap li span.ok {
    width: 32px;
    background-color: #f69700
}

.social-counters .social-wrap li span.ig {
    width: 32px;
    background-color: #507392
}

.social-counters .social-wrap li .followers,.social-counters .social-wrap li .loading {
    width: 85px;
    padding: 0 10px;
    vertical-align: top
}

.social-counters .social-wrap li .loading {
    display: inline-block
}

.social-counters .social-wrap li .followers span,.social-counters .social-wrap li .loading span {
    padding: 0;
    color: #535865;
    display: block;
    font-size: 12px;
    line-height: 16px
}

.social-counters .social-wrap li .loading span {
    line-height: 32px
}

.social-counters .social-wrap li .followers span.count,.social-counters .social-wrap li .loading span.count {
    font-weight: 700
}

.search-block-mini .search-form input[type=submit],.search-quick .search-form input[type=submit],.social-counters .social-wrap li .followers {
    display: none
}

@media screen and (min-width: 1950px) {
    .social-counters .social-wrap li .followers {
        padding:0 15px 0 25px
    }
}

@media screen and (min-width: 1360px) {
    .social-counters .social-wrap li span {
        padding:0 10px 0 42px
    }

    .social-counters .social-wrap li span:before {
        left: 5px
    }

    .social-counters .social-wrap li span.fb,.social-counters .social-wrap li span.ig,.social-counters .social-wrap li span.ok,.social-counters .social-wrap li span.tw,.social-counters .social-wrap li span.vk {
        width: inherit;
        font-size: 12px
    }

    .social-counters .social-wrap li .followers,.social-counters .social-wrap li .loading {
        padding: 0 5px 0 15px
    }

    .social-counters .social-wrap li .followers span {
        text-align: left
    }
}

.container-main.main-block {
    padding: 30px 0;
    padding-margin: 0
}

.search-block-mini .search-form {
    width: 300px;
    height: 36px;
    position: relative;
    display: inline-block
}

.search-block-mini .search-form.friend-search-form {
    left: 80px;
    margin-top: 8px
}

.dark_skin .search-block-mini .search-form.friend-search-form:before,.dark_skin .search-quick .search-form:before {
    z-index: 10
}

.dark_skin .search-block-mini .search-form.friend-search-form .search-friends {
    border-color: #2e2f36;
    background-color: #292c33
}

.search-block-mini .search-form .search-input {
    width: 300px;
    height: 36px;
    color: #8f95a3;
    display: block;
    font-size: 12px;
    font-weight: 100;
    line-height: 15px;
    word-spacing: 1px;
    position: relative;
    padding: 0 10px 0 34px;
    border: 1px solid #efefef;
    -webkit-appearance: textfield;
    text-rendering: optimizelegibility;
    background: url(../../img/svg/search.svg) no-repeat 10px center;
    background-size: 20px
}

.resultSearch {
    left: 0;
    top: 40px;
    z-index: 105;
    font-size: 0;
    height: auto;
    width: 480px;
    display: none;
    line-height: 0;
    background: #fff;
    position: absolute;
    box-shadow: 0 19px 29px rgba(0,0,0,.2)
}

.resultSearch .search-quick-friends {
    box-sizing: border-box;
    box-shadow: inset 0 -1px 0 #efefef;
    font-size: 0;
    height: auto;
    padding: 10px;
    width: inherit;
    background: #fff;
    display: inline-block
}

.resultSearch .search-quick-friends.act,.resultSearch .search-quick-friends:hover {
    background: #f6f7f8
}

.resultSearch .search-quick-friends:last-child {
    border-bottom: none
}

.resultSearch .search-quick-friends .avatar-block {
    float: left
}

.resultSearch .search-quick-friends .right {
    padding: 0;
    margin-left: 20px;
    line-height: 20px;
    vertical-align: top;
    display: inline-block;
    width: 350px!important
}

.resultSearch .search-quick-friends .right .name,.resultSearch .search-quick-friends .right .title {
    width: 350px;
    color: #292c33;
    font-size: 14px;
    overflow: hidden;
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.resultSearch .search-quick-friends .right .login {
    font-weight: 700
}

.resultSearch .search-quick-friends .right .city,.resultSearch .search-quick-friends .right .country,.resultSearch .search-quick-friends .right .login {
    width: inherit;
    color: #8f95a3;
    font-size: 12px;
    overflow: hidden;
    line-height: 13px;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    background: 0 0
}

.search-quick .search-form {
    top: 0;
    left: 0;
    width: 300px;
    height: 36px;
    position: absolute
}

.search-quick .search-form input[type=search] {
    height: 36px;
    width: 300px;
    display: block;
    color: #8f95a3;
    font-size: 12px;
    font-weight: 100;
    line-height: 15px;
    word-spacing: 1px;
    position: relative;
    padding: 0 10px 0 34px;
    background: 0 0;
    border: 1px solid #efefef;
    -webkit-appearance: textfield;
    text-rendering: optimizelegibility
}

.search-quick .search-form input[type=search]:active .searchResultsPersons,.search-quick .search-form input[type=search]:focus .searchResultsPersons {
    display: block
}

.search-quick .search-form:before {
    top: 0;
    bottom: 0;
    left: 11px;
    height: 20px;
    margin: auto;
    color: #8e95a2;
    font-size: 20px
}

.dark_skin .search-quick .search-form input[type=search] {
    background: #292c33;
    border-color: #2e2f36
}

.search-quick .searchResultsPersons {
    left: 0;
    top: 40px;
    z-index: 35;
    font-size: 0;
    height: auto;
    width: 480px;
    display: none;
    line-height: 0;
    position: absolute;
    box-shadow: 0 19px 29px rgba(0,0,0,.2)
}

.search-quick .searchResultsPersons.opened {
    display: block
}

.search-quick .searchResultsPersons .search-quick-item {
    font-size: 0;
    height: auto;
    background: #fff;
    display: inline-block;
    padding: 20px 20px 17px;
    box-shadow: inset 0 -1px 0 0 #efefef
}

.search-quick .searchResultsPersons .search-quick-item:first-child {
    margin-top: 13px
}

.search-quick .searchResultsPersons .search-quick-item:last-child {
    box-shadow-color: transparent
}

.search-quick .searchResultsPersons .search-quick-item.act,.search-quick .searchResultsPersons .search-quick-item:hover {
    background: #f6f7f8
}

.search-quick .searchResultsPersons .search-quick-item.act .title,.search-quick .searchResultsPersons .search-quick-item:hover .title {
    color: #f26b31
}

.search-quick .searchResultsPersons .search-quick-item .no-poster {
    width: 40px;
    float: left;
    height: 60px!important
}

.search-quick .searchResultsPersons .search-quick-item .no-poster:before {
    font-size: 24px;
    width: 24px;
    height: 24px
}

.search-quick .searchResultsPersons .search-quick-item .poster {
    width: 40px;
    float: left;
    height: 60px
}

.search-quick .searchResultsPersons .search-quick-item .right {
    float: left;
    width: 380px;
    margin-left: 20px;
    line-height: 20px;
    vertical-align: top
}

.search-quick .searchResultsPersons .search-quick-item .right .title {
    top: -3px;
    color: #292c33;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    position: relative
}

.search-quick .searchResultsPersons .search-quick-item .right .careers {
    color: #8f95a3;
    font-size: 14px;
    font-weight: 500
}

.search-quick .searchResultsPersons .search-quick-item .right .country {
    color: #8f95a3;
    font-size: 11px;
    display: inline-block;
    background: 0 0
}

.search-quick .searchResultsPersons .showAllResults {
    height: 40px;
    display: block;
    font-size: 14px;
    color: #f26739;
    padding: 0 20px;
    background: #fff;
    font-weight: 400;
    line-height: 40px
}

.search-quick .searchResultsPersons .showAllResults:hover {
    background: #f6f7f8
}

.result-title {
    float: left;
    display: block;
    padding: 15px 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase
}

.result-title .count {
    border-radius: 10px;
    color: #fff;
    display: none;
    margin: 0 10px;
    font-size: 18px;
    padding: 0 8px;
    line-height: 22px;
    vertical-align: top;
    background: #535865
}

.line-block #dle-content .result .result-title {
    padding: 0;
    margin-top: 4px
}

#coming_soon {
    height: 260px
}

#film_news {
    height: 380px
}

#comming-soon .viewport .slider-wrap,#now-watching .viewport .slider-wrap {
    width: auto
}

.fancybox-wrap .btns {
    transition: .3s;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 80px;
    height: 100%;
    display: block;
    cursor: pointer;
    position: absolute;
    color: transparent
}

.fancybox-wrap .btns:before {
    top: 50%;
    left: 25px;
    color: #fff;
    font-size: 60px;
    margin-top: -30px;
    position: absolute
}

.fancybox-wrap .btns.frame-prev {
    left: -80px
}

.fancybox-wrap .btns.frame-next {
    right: -80px;
    left: initial
}

.fancybox-wrap .btns:hover {
    background: rgba(0,0,0,.3)
}

.fancybox-wrap .btns:hover:before {
    color: #dadada
}

.fancybox-wrap .fancybox-image {
    cursor: pointer
}

.slider .head-title {
    width: 100%;
    margin-bottom: 24px;
    display: inline-block
}

.slider .head-title .slider-navigation {
    top: 20px;
    right: 20px;
    display: block
}

.favorites-slider .slider .overview li:hover .ico-play,.premiere-slider .slider .overview li:hover .ico-play,.slider .head-title .slider-navigation .buttons,.slider-main#careers-actor .slider-item a,.slider-main#careers-composer .slider-item a,.slider-main#careers-producer .slider-item a,.slider-main#category-slider .slider-item a,.slider-main#related-playlists .slider-item a {
    display: block
}

.slider .slider-navigation {
    top: 20px;
    right: 20px;
    width: 50px;
    height: 24px;
    border-radius: 2px;
    position: absolute;
    background: #efefef
}

.slider .slider-navigation .row-left,.slider .slider-navigation .row-right {
    float: left;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inherit;
    line-height: 24px;
    position: relative;
    text-align: center
}

.slider .slider-navigation .row-left:before,.slider .slider-navigation .row-right:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 10px;
    color: #d3d4da;
    font-size: 10px
}

.slider .slider-navigation .row-left:hover:before,.slider .slider-navigation .row-right:hover:before,.slider-main#careers-actor .slider-item a:hover .film-name,.slider-main#careers-composer .slider-item a:hover .film-name,.slider-main#careers-producer .slider-item a:hover .film-name,.slider-main#category-slider .slider-item a:hover .film-name,.slider-main#related-playlists .slider-item a:hover .film-name {
    color: #8f95a3
}

.slider .slider-navigation .row-right {
    border-left: 1px solid #e0e0e0
}

.dark_skin .slider .slider-navigation {
    background: #292c33
}

.dark_skin .slider .slider-navigation .row-right {
    border-left: 1px solid #202229
}

.slider .disable {
    visibility: hidden
}

.slider .content {
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 240px;
    list-style: none;
    position: absolute
}

.slider article {
    width: 140px;
    margin: 0 20px;
    display: inline-block
}

.slider article.first {
    margin-left: 10px
}

.slider article.last {
    margin-right: 10px
}

.slider article a .film-poster,.slider-main#careers-actor .slider-item .slider-img,.slider-main#careers-composer .slider-item .slider-img,.slider-main#careers-producer .slider-item .slider-img,.slider-main#category-slider .slider-item .slider-img,.slider-main#related-playlists .slider-item .slider-img {
    width: 140px;
    height: 214px;
    overflow: hidden;
    margin-bottom: 5px
}

.slider article a .film-name {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

.slider-main {
    width: 100%;
    height: 460px;
    overflow: hidden
}

.slider-main .viewport {
    margin: 0 auto;
    height: inherit;
    overflow: hidden;
    position: relative
}

.slider-main .viewport .slider-wrap {
    box-sizing: border-box;
    font-size: 0;
    width: 4000px;
    overflow: hidden;
    position: absolute
}

.slider-main .viewport .slider-wrap .slider-item .slider-img {
    display: block;
    margin-bottom: 17px
}

.slider-main .viewport .slider-wrap .slider-item .slider-img img {
    width: 100%;
    height: 100%
}

.slider-main .viewport .slider-wrap .slider-item .slider-img.icon-noimage:before {
    width: 70px;
    height: 72px;
    color: #d3d4da;
    font-size: 70px
}

.slider-main .viewport .slider-wrap .slider-item .slider-title {
    color: #292c33;
    display: block;
    font-weight: 700;
    line-height: 20px
}

.slider-main#careers-actor,.slider-main#careers-composer,.slider-main#careers-producer,.slider-main#category-slider,.slider-main#related-playlists {
    height: 345px
}

.slider-main#careers-actor .slider-navigation,.slider-main#careers-composer .slider-navigation,.slider-main#careers-producer .slider-navigation,.slider-main#category-slider .slider-navigation,.slider-main#related-playlists .slider-navigation {
    top: 0;
    right: 0
}

.slider-main#careers-actor .viewport,.slider-main#careers-composer .viewport,.slider-main#careers-producer .viewport,.slider-main#category-slider .viewport,.slider-main#related-playlists .viewport {
    height: 285px
}

.slider-main#careers-actor .slider-item,.slider-main#careers-producer .slider-item {
    width: 140px;
    position: relative;
    margin: 0 3px 0 4px;
    vertical-align: top;
    display: inline-block
}

.slider-main#careers-composer .slider-item {
    position: relative;
    vertical-align: top;
    display: inline-block
}

.slider-main#category-slider .slider-item,.slider-main#related-playlists .slider-item {
    width: 140px;
    position: relative;
    margin: 0 3px 0 4px;
    vertical-align: top;
    display: inline-block
}

.slider-main#careers-actor .slider-item .slider-img img,.slider-main#careers-composer .slider-item .slider-img img,.slider-main#careers-producer .slider-item .slider-img img,.slider-main#category-slider .slider-item .slider-img img,.slider-main#related-playlists .slider-item .slider-img img {
    width: 140px;
    height: 214px
}

.slider-main#careers-actor .slider-item .film-name,.slider-main#careers-composer .slider-item .film-name,.slider-main#careers-producer .slider-item .film-name,.slider-main#category-slider .slider-item .film-name,.slider-main#related-playlists .slider-item .film-name {
    margin: auto;
    width: 140px;
    color: #292c33;
    font-size: 15px;
    max-height: 52px;
    padding-top: 5px;
    font-weight: 700;
    line-height: 17px;
    position: relative;
    text-align: center;
    word-wrap: break-word
}

.slider-main#careers-actor .slider-item .film-name:after,.slider-main#careers-composer .slider-item .film-name:after,.slider-main#careers-producer .slider-item .film-name:after,.slider-main#category-slider .slider-item .film-name:after,.slider-main#related-playlists .slider-item .film-name:after {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    content: '';
    position: absolute
}

@media screen and (min-width: 1360px) {
    .slider-main#careers-actor .slider-item,.slider-main#careers-composer .slider-item,.slider-main#careers-producer .slider-item,.slider-main#category-slider .slider-item,.slider-main#related-playlists .slider-item {
        margin:0 8px
    }
}

@media screen and (min-width: 1950px) {
    .slider-main#careers-actor .slider-item,.slider-main#careers-composer .slider-item,.slider-main#careers-producer .slider-item,.slider-main#category-slider .slider-item,.slider-main#related-playlists .slider-item {
        margin:0 8px 0 9px
    }
}

.slider-main#careers-composer .slider-item {
    width: 180px;
    margin: 0 8px
}

.slider-main#careers-composer .slider-item .poster-box {
    display: block;
    position: relative
}

.slider-main#careers-composer .slider-item .poster-box .no-poster {
    width: 180px;
    height: 180px
}

.slider-main#careers-composer .slider-item .poster-box .no-poster:before {
    width: 80px;
    height: 80px;
    font-size: 80px
}

.slider-main#careers-composer .slider-item .poster-box .sound-poster {
    top: 0;
    z-index: 0;
    width: 180px;
    height: 180px;
    position: absolute
}

.slider-main#careers-composer .slider-item .origin-name {
    width: 100%;
    color: #8f95a3;
    font-size: 14px;
    text-align: center
}

@media screen and (min-width: 1360px) {
    .slider-main#careers-composer .slider-item {
        width:220px
    }

    .slider-main#careers-composer .slider-item .poster-box .no-poster,.slider-main#careers-composer .slider-item .poster-box .sound-poster {
        width: 220px;
        height: 220px
    }

    .slider-main#careers-composer .slider-item .poster-box .no-poster::before {
        width: 112px;
        height: 120px;
        font-size: 120px
    }
}

.slider-main#birth_day .no-poster.man:after {
    background: url(../../img/svg/noposter-man.svg) no-repeat 0 0;
    background-size: 115px 155px;
    width: 115px;
    height: 155px;
    vertical-align: middle
}

.slider-main#birth_day .no-poster.woman:after {
    background: url(../../img/svg/noposter-woman.svg) no-repeat 0 0;
    background-size: 115px 155px;
    width: 115px;
    height: 155px;
    vertical-align: middle
}

.dark_skin .slider-main .viewport .slider-wrap .slider-item .slider-title,.dark_skin .slider-main#careers-actor .slider-item .film-name,.dark_skin .slider-main#careers-composer .slider-item .film-name,.dark_skin .slider-main#careers-producer .slider-item .film-name,.dark_skin .slider-main#category-slider .slider-item .film-name {
    color: #f26739
}

.slider-main#latest-news .slider-item {
    width: 215px;
    margin-right: 8px;
    vertical-align: top;
    display: inline-block
}

.slider-main#latest-news .slider-item:first-child {
    margin-left: 0
}

.slider-main#latest-news .slider-item:last-child {
    margin-right: 0
}

.slider-main#latest-news .slider-item .slider-img {
    width: 215px;
    height: 160px
}

.slider-main#latest-news .slider-item .slider-title {
    height: 60px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.slider-main#latest-news .slider-item .slider-info {
    font-size: 0;
    color: #8f95a3;
    margin: 3px 0
}

.slider-main#latest-news .slider-item .slider-info .news-published {
    width: 105px;
    font-size: 12px;
    line-height: 15px;
    display: inline-block
}

.slider-main#latest-news .slider-item .slider-info .news-view {
    height: 15px;
    font-size: 13px;
    line-height: 15px;
    margin: 0 20px 0 26px;
    position: relative;
    display: inline-block
}

.slider-main#latest-news .slider-item .slider-info .news-view:before {
    top: 0;
    left: -22px;
    bottom: 0;
    margin: auto;
    height: 12px;
    color: #d2d4da;
    font-size: 11px;
    position: absolute;
    display: inline-block
}

.slider-main#latest-news .slider-item .slider-info .news-comment {
    font-size: 12px;
    line-height: 15px;
    margin-left: 20px;
    position: relative;
    display: inline-block
}

.slider-main#latest-news .slider-item .slider-info .news-comment:before {
    top: 1px;
    left: -18px;
    color: #d3d4da;
    font-size: 14px;
    position: absolute;
    display: inline-block
}

.slider-main#latest-news .slider-item .news-description {
    height: 100px;
    color: #535865;
    font-size: 13px;
    line-height: 20px
}

.dark_skin .slider-main#latest-news .slider-item .news-description {
    color: #b6bccc
}

@media screen and (min-width: 1360px) {
    .slider-main#latest-news .slider-item {
        width:270px;
        margin-right: 45px
    }

    .slider-main#latest-news .slider-item .slider-img {
        width: 270px;
        height: 200px
    }
}

@media screen and (min-width: 1950px) {
    .slider-main#latest-news .slider-item {
        margin-right:150px
    }

    .slider-main#latest-news .slider-item:first-child {
        margin-left: 30px
    }
}

.favorites-slider,.premiere-slider {
    height: 340px;
    background: #f26739 url(../../img/favorites-bg.png);
    background-size: cover
}

.favorites-slider .container,.premiere-slider .container {
    height: 100%;
    display: block;
    padding: 0 30px;
    background: 0 0
}

.favorites-slider .slider,.premiere-slider .slider {
    padding: 0;
    width: 800px;
    height: 310px;
    margin: 0 auto;
    position: relative
}

.favorites-slider .slider .viewport,.premiere-slider .slider .viewport {
    height: 320px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.favorites-slider .slider .buttons,.premiere-slider .slider .buttons {
    transition: .3s;
    left: 0;
    bottom: 0;
    margin: 0;
    top: 125px;
    width: 60px;
    height: 42px;
    display: block;
    cursor: pointer;
    position: absolute;
    color: transparent
}

.favorites-slider .slider .buttons.next {
    margin: 0;
    left: auto;
    right: -50px
}

.premiere-slider .slider .buttons.next {
    margin: 0;
    left: auto
}

.favorites-slider .slider .buttons.next:before {
    right: 0;
    color: #fff;
    font-size: 42px
}

.premiere-slider .slider .buttons.next:before {
    right: 0;
    font-size: 42px
}

.favorites-slider .slider .buttons.prev {
    margin: 0;
    left: -50px
}

.premiere-slider .slider .buttons.prev {
    margin: 0
}

.favorites-slider .slider .buttons.prev:before {
    color: #fff;
    font-size: 42px
}

.premiere-slider .slider .buttons.prev:before {
    font-size: 42px
}

.favorites-slider .slider .buttons.active,.premiere-slider .slider .buttons.active {
    -ms-transform: scale(.85);
    transform: scale(.85)
}

.favorites-slider .slider .disable,.premiere-slider .slider .disable {
    visibility: hidden
}

.favorites-slider .slider .overview,.premiere-slider .slider .overview {
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 0;
    overflow: hidden;
    list-style: none;
    position: absolute
}

.favorites-slider .slider .overview li,.premiere-slider .slider .overview li {
    width: 160px;
    height: 290px;
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin: 30px 0 20px;
    transition: background 10ms ease 0ms
}

.favorites-slider .slider .overview li:before,.premiere-slider .slider .overview li:before {
    transition: .1s;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 5px;
    content: "";
    bottom: -14px;
    position: absolute
}

.favorites-slider .slider .overview li:hover:before,.premiere-slider .slider .overview li:hover:before {
    box-shadow: -2px -15px 20px #fff
}

.dark_skin .favorites-slider .slider .overview a:hover .film-name,.dark_skin .favorites-slider .slider .overview li:hover .film-name,.dark_skin .premiere-slider .slider .overview a:hover .film-name,.dark_skin .premiere-slider .slider .overview li:hover .film-name,.favorites-slider .slider .overview a:hover .film-name,.premiere-slider .slider .overview a:hover .film-name {
    color: #535865
}

.favorites-slider .slider .overview a,.premiere-slider .slider .overview a {
    color: #292c33;
    position: relative;
    display: inline-block
}

.dark_skin .favorites-slider .slider .overview a .film-name,.dark_skin .premiere-slider .slider .overview a .film-name {
    color: #fff
}

.favorites-slider .slider .overview .film-poster,.premiere-slider .slider .overview .film-poster {
    margin: 0;
    width: 140px;
    height: 214px;
    overflow: hidden;
    position: relative;
    padding: 10px 10px 5px
}

.favorites-slider .slider .overview .film-name,.favorites-slider .slider .overview .predate-film,.premiere-slider .slider .overview .film-name {
    font-size: 15px;
    max-height: 50px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    padding: 0 5px 10px
}

.premiere-slider .slider .overview .predate-film {
    font-size: 15px;
    max-height: 50px;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

.favorites-slider .slider .overview .no-poster,.premiere-slider .slider .overview .no-poster {
    width: 140px;
    height: 214px;
    display: block;
    position: relative;
    background: #f3f4f5;
    margin: 10px 10px 5px
}

.favorites-slider .slider .overview .no-poster:before,.premiere-slider .slider .overview .no-poster:before {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 81px;
    height: 86px;
    font-size: 86px;
    position: absolute
}

.dark_skin .favorites-slider .container,.dark_skin .premiere-slider .container {
    background-color: transparent
}

@media screen and (min-width: 1360px) {
    .favorites-slider .slider,.premiere-slider .slider {
        width:1120px
    }
}

@media screen and (min-width: 1950px) {
    .favorites-slider .slider,.premiere-slider .slider {
        width:1440px
    }
}

.premiere-slider {
    background: 0 0;
    text-align: center
}

.premiere-slider .slider li {
    height: 320px!important
}

.premiere-slider .slider .buttons.next {
    right: -50px
}

.premiere-slider .slider .buttons.next:before,.premiere-slider .slider .buttons.prev:before {
    color: #d3d4da
}

.premiere-slider .slider .buttons.prev {
    left: -50px
}

.premiere-slider .slider .overview .predate-film {
    padding: 0;
    color: #ff293d
}

.animated {
    -webkit-animation: swing 1s linear infinite;
    animation: swing 1s linear infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.swing {
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

.loading-effect-1 {
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    position: fixed;
    margin-top: -100px;
    margin-left: -200px
}

.loading-effect-1 span {
    border-radius: 50%;
    display: block;
    border: 3px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.loading-effect-1 span:first-child {
    width: 56%;
    height: 56%;
    border-color: #f26739 #f26739 #f26739 transparent;
    top: 22%;
    left: 22%;
    -webkit-animation: effect-1-1 1s infinite linear;
    animation: effect-1-1 1s infinite linear
}

.loading-effect-1 span:nth-child(2) {
    width: 75%;
    height: 75%;
    border-color: #f57e45 transparent #f57e45 #f57e45;
    top: 12.5%;
    left: 12.5%;
    -webkit-animation: effect-1-1 1s infinite linear;
    animation: effect-1-1 1s infinite linear
}

.preloader {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: block;
    position: absolute;
    background: rgba(255,255,255,.6)
}

.preloader.all-width {
    left: -20px;
    width: 630px
}

@media screen and (min-width: 1360px) {
    .preloader.all-width {
        width:980px
    }
}

@media screen and (min-width: 1950px) {
    .preloader.all-width {
        left:-30px;
        width: 1320px
    }
}

.preloader #loader,.preloader #loader:after {
    width: 80px;
    height: 80px;
    clip: rect(0,80px,80px,40px)
}

.preloader #loader {
    -webkit-animation: animate 1s linear infinite;
    animation: animate 1s linear infinite;
    top: 50%;
    left: 50%;
    position: fixed
}

.preloader #loader:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    -webkit-animation: animate2 1s ease-in-out infinite;
    animation: animate2 1s ease-in-out infinite
}

.dark_skin .preloader {
    box-shadow: 0 0 70px #000;
    background: rgba(0,0,0,.6)
}
