@charset "utf-8";

.none {
    display: none;
}

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic';

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul, li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

.clear {
    clear: both;
}

.clrfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    width: 0;
    visibility: hidden;
}

b, strong {
    font-weight: bold;
}

i {
    font-style: italic;
}

u {
    text-decoration: underline;
}

a {
    color: #227eba;
    text-decoration: underline;
    outline: none;
}

a:hover, a:active {
    text-decoration: none
}

input, button {
    padding: 0;
    margin: 0;
    line-height: normal;
    outline: none;
    border: none;
    font-family: 'Open Sans', sans-serif;
}

textarea {
    font-family: 'Open Sans', sans-serif;
}

button {
    cursor: pointer;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
    color: #656565;
}

::-moz-placeholder {
    color: #656565;
}

:-moz-placeholder {
    color: #656565;
}

:-ms-input-placeholder {
    color: #656565;
}

:focus::-webkit-input-placeholder {
    color: transparent;
}

:focus::-moz-placeholder {
    color: transparent;
}

:focus:-moz-placeholder {
    color: transparent;
}

:focus:-ms-input-placeholder {
    color: transparent;
}

:focus {
    outline: none;
}

body {
    background: url("../images/bg-new.jpg") 50% 60px no-repeat #000;
    margin: 0;
    padding: 60px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: normal;
    color: #000;
}

body.visible .top_slider,
body.visible .title_side.star,
body.visible .title_side.novelty,
body.visible .slider_side_wrp {
    visibility: visible;
}

.top_slider,
.title_side.star,
.title_side.novelty,
.slider_side_wrp {
    visibility: hidden;
}

.wrp,
.container {
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapper:after,
.wrp:after,
.container:after,
.content:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

.container {
    padding-bottom: 40px;
}

.wrapper {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 6;
}

.sidebar {
    display: table-cell;
    vertical-align: top;
    width: 300px;
    background: #0f181e;
}

.content {
    display: table-cell;
    vertical-align: top;
    width: 700px;
}


.content.collections h1 {
    padding: 15px 25px 10px 25px;
}

.content h1 {
    color: #202020;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    padding: 15px 25px 20px 25px;
}

.searchpage h1 {
    padding-bottom: 15px;
}

.cat_title {
    text-align: center;
}

/*    header   */

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #173b56;
    z-index: 999;
}

.header .logo {
    float: left;
    padding-top: 19px;
}

.header .logo img {
    height: 22px;
}

.header .login_btn {
    position: relative;
    float: left;
    background: url("../images/login-icon.png") 0 0 no-repeat;
    height: 20px;
    line-height: 20px;
    margin: 20px 0 0 40px;
    color: #4ddbe6;
    font-size: 13px;
    cursor: pointer;
    padding-left: 25px;
}

.header .login_btn:hover {
    background-position: 0 -30px;
    color: #fff;
}

.header .search_block {
    float: right;
    padding-top: 11px;
}

.header .search_block form {
    position: relative;
}

.header .search_block .search_field {
    float: right;
    width: 500px;
    background: #032a3b;
    font-size: 13px;
    color: #eaeaea;
    padding: 10px 45px 10px 15px;
    border: none;
    outline: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header .search_block .search_btn {
    position: absolute;
    right: 19px;
    top: 9px;
    width: 20px;
    height: 20px;
    border: 0;
    background: url("../images/search_btn.png") 0 0 no-repeat;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
}

/*   top slider   */

.top_slider {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    background: #1c272e;
    height: 282px;
    z-index: 4;
}

.title_slider {
    font-size: 20px;
    font-weight: 700;
    color: #81b2cf;
    padding: 10px 0 0 0;
    text-align: center;
}

.top_slider .item_slide {
    position: relative;
    width: 100%;
    max-width: 200px;
}

.top_slider .item_slide a {
    position: relative;
    display: block;
}

.top_slider .item_slide a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/slider-item-play.png") no-repeat 50% 48% rgba(38, 114, 160, 0.6);
    opacity: 0;
    content: '';
    z-index: 2;
    transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
}

.top_slider .item_slide a:hover:before {
    opacity: 1;
}

.top_slider .item_slide .poster,
.top_slider .item_slide .poster img {
    position: relative;
    display: block;
    width: 100%;
    height: 282px;
}

.top_slider .item_slide .poster:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/slider-item-bg.png") 0 100% repeat-x;
    content: '';
    z-index: 1;
}

.top_slider .item_slide .title_news {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    min-height: 36px;
    color: #FFF;
    font-size: 15px;
    line-height: 18px;
    padding: 0 20px 18px 20px;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.top_slider .slick-prev,
.top_slider .slick-next {
    width: 25px;
    height: 55px;
    background: url("../images/arrow-slider.png") 0 0 no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    margin-top: -27.5px;
}

.top_slider .slick-prev {
    background-position: 0 0;
    left: -45px;
}

.top_slider .slick-next {
    background-position: -29px 0;
    right: -45px;
}

/*   slider side   */

.slider_side_wrp {
    max-width: 300px;
    padding-bottom: 20px;
}

.slider_side {
    margin: 20px 15px 0 15px;
}

.slider_side ul li {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.slider_side ul li .poster,
.slider_side ul li .poster img {
    position: relative;
    display: block;
    width: 100%;
    height: 187px;
}

.slider_side ul li .poster:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/slider-item-bg.png") 0 100% repeat-x;
    content: '';
    z-index: 1;
}

.slider_side .item_slide a {
    position: relative;
    display: block;
    margin: 0 5px;
}

.slider_side .item_slide a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/slider-item-play.png") no-repeat 50% 48% rgba(38, 114, 160, 0.6);
    opacity: 0;
    content: '';
    z-index: 2;
    transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
}

.slider_side .item_slide a:hover:before {
    opacity: 1;
}

.slider_side .item_slide .title_news {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    padding: 0 10px 10px 10px;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.slider_side .slick-prev {
    display: none !important;
}

.slider_side .next_popular,
.slider_side .next_novelty {
    display: block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    background: #d24d4e;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin: 5px auto 0 auto;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
}

.slider_side .next_popular:hover,
.slider_side .next_novelty:hover {
    background: #8a57b6;
}

.slider_side .next_popular:before,
.slider_side .next_novelty:before {
    content: 'Показать еще';
}

/*  start title side   */

.title_side {
    position: relative;
    height: 53px;
    background: url("../images/l_titbg.jpg") no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    line-height: 53px;
    padding-left: 45px;
}

.title_side.menu:before {
    content: '';
    width: 18px;
    height: 16px;
    background: url("../images/nav-icon.png") no-repeat;
    position: absolute;
    margin: 20px 0 0 -27px;
}

.title_side.star:before {
    content: '';
    width: 18px;
    height: 17px;
    background: url("../images/star-icon.png") no-repeat;
    position: absolute;
    margin: 18px 0 0 -27px;
}

.title_side.novelty:before {
    content: '';
    width: 18px;
    height: 20px;
    background: url("../images/novelty-icon.png") no-repeat;
    position: absolute;
    margin: 16px 0 0 -28px;
}

/*  end title side   */

.sidebar_menu ul {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sidebar_menu ul.menu_link {
    padding: 10px 20px;
    border-bottom: 4px solid #313e47;
}

.sidebar_menu ul.left_col {
    width: 50%;
    float: left;
    padding: 5px 0 0 20px;
}

.sidebar_menu ul.right_col {
    width: 50%;
    float: left;
    padding: 5px 20px 0 15px;
}

.sidebar_menu ul li:first-child {
    border-top: none;
}

.sidebar_menu ul li {
    position: relative;
    display: block;
    border-top: 1px dashed #313e47;
    padding: 6px 0;
}

.sidebar_menu ul.menu_link li {
    border: none;
    padding: 5px 0 5px 15px;
}

.sidebar_menu ul.menu_link li:before {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #d45e63;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.sidebar_menu ul.menu_link li a {
    font-size: 14px;
}

.sidebar_menu ul li a {
    color: #4ddbe6;
    text-decoration: none;
}

.sidebar_menu ul li a:hover,
.sidebar_menu ul li a.active {
    color: #d45e63;
}
.collections_link {
    clear: both;
    padding-top: 15px;
}
.collections_link a:hover {
    background: #d24d4e;
}
.collections_link a {
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    background: #8a57b6;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
}
/*   vk link   */

.vk_link {
    position: relative;
    width: 260px;
    height: 58px;
    margin: 20px auto 25px auto;
    background: url("../images/vk-btn.jpg") no-repeat;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.vk_link a {
    width: 260px;
    height: 58px;
    display: block;
    background: url("../images/vk-btn.jpg") no-repeat 0 -58px;
    text-indent: -9999px;
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=0);
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.vk_link a:hover {
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}

/*   последние обновления   */
.group { margin-bottom: 15px; }

.update_main {
    margin: 0 25px;
}

.date_update {
    border-bottom: 3px solid #d45e63;
}

.date_update span {
    position: relative;
    display: inline-block;
    height: 24px;
    line-height: 27px;
    background: #d45e63;
    color: #fff;
    font-weight: 700;
    padding: 0 10px;
}

.date_update span:before {
    position: absolute;
    right: -24px;
    top: 0;
    border: 12px solid transparent;
    border-bottom: 12px solid #d45e63;
    border-left: 12px solid #d45e63;
    content: '';
}

.content_update {
    background: #f6f7f9;
    padding: 5px 10px;
    margin-bottom: 15px;
}

.update_item {
    background: #f6f7f9;
    padding: 5px 10px;
}

.update_item:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

.update_item a {
    position: relative;
    display: block;
    padding-left: 12px;
    font-size: 12.5px;
    color: #252525;
    text-decoration: none;
    overflow: hidden;
}

.update_item a:hover,
.update_item a:hover .season {
    color: #cc3e58;
    text-decoration: none;
}

.update_item a:before {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #c7c8ca;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
}

.update_item a:hover:before {
    background: #cc3e58;
}

.update_item a:after {
    position: absolute;
    left: 15px;
    top: 10px;
    width: 100%;
    border-bottom: 1px dashed #c7c8ca;
    z-index: 1;
    content: '';
}

.update_item a:hover:after {
    border-bottom: 1px dashed #cc3e58;
}

.update_item .title {
    float: left;
    padding-right: 5px;
    font-weight: 700;
}

.update_item .season {
    float: left;
    color: #717171;
    font-weight: 400;
    padding-right: 7px;
}

.update_item .series {
    float: right;
    padding-left: 5px;
}

.update_item .title,
.update_item .season,
.update_item .series {
    position: relative;
    display: block;
    background: #f6f7f9;
    z-index: 2;
}

/*   desc cat   */

.desc_cat {
    background: #0b1115;
    color: #b5bcbd;
    font-size: 13px;
    line-height: 18px;
    text-align: justify;
    padding: 15px 25px 1px 25px;
}

.desc_cat b {
    color: #e45960;
}

.desc_cat h2 {
    overflow: hidden;
    border-left: 4px solid #8d6fa0;
    font-size: 16px;
    font-weight: bold;
    color: #ad86c3;
    padding: 5px 15px;
    margin: 7px 0;
    line-height: 19px;
    text-align: left;
    clear: both;
}

.desc_cat.actor img {
    max-width: 130px;
}

.desc_cat img {
    float: left;
    margin: 0 15px 10px 0;
    max-width: 220px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.desc_cat p {
    display: block;
    padding: .5em 0;
}

.desc_cat p:last-child {
    padding-bottom: 0;
}


.desc_cat ol, 
.desc_cat ul, 
.desc_cat li {
    list-style-type: disc;
    list-style: disc;
    margin: 5px 0 5px 15px;
    padding: 0;
}

.desc_cat a {
    text-decoration: underline;
    color: #e45960;
}

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

/*   shortstory   */

.shortstory {
    margin: 0 25px 10px 25px;
    padding: 0 0 10px 0;
}

.shortstory:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

.shortstory .title {
    padding-bottom: 10px;
}

.shortstory .title a {
    font-size: 20px;
    color: #202020;
    text-decoration: none;
}

.shortstory .title a:hover {
    text-decoration: underline;
}

.shortstory .poster,
.fullstory .poster {
    position: relative;
    float: left;
    width: 200px;
}

.fullstory .poster {
    margin-left: 25px;
}

.shortstory .poster img,
.fullstory .poster img {
    display: block;
    width: 100%;
    
}

.shortstory .poster a,
.fullstory .poster a {
    position: relative;
    display: block;
}

.shortstory .poster_link:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/slider-item-play.png") no-repeat 50% 50% rgba(38, 114, 160, 0.6);
    opacity: 0;
    content: '';
    z-index: 2;
    transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
}

.shortstory .poster_link:hover:before {
    opacity: 1;
}

.shortstory .read_more {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #256291;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.shortstory .read_more:hover {
    background: #2781d0;
}

.shortstory .read_more:before {
    position: relative;
    top: 7px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/read-more-play.png") 0 50% no-repeat;
    content: '';
    margin-right: 7px;
}

.shortstory .info_block {
    margin-left: 215px;
    min-height: 300px;
}

.fullstory .info_block {
    margin-left: 240px;
    margin-right: 25px;
}

.shortstory .info_block ul li,
.fullstory .info_block ul li {
    display: block;
    background: #eaeff2;
    padding: 7px 10px;
    color: #414141;
}

.shortstory .info_block ul li:nth-child(2n),
.fullstory .info_block ul li:nth-child(2n) {
    background: #fff;
}

.shortstory .info_block ul li span:first-child,
.fullstory .info_block ul li span:first-child {
    font-weight: 600;
}

.shortstory .desc_news {
    font-size: 13px;
    line-height: 18px;
    text-align: justify;
    color: #333;
    padding: 10px 0;
}

/*   fullstory   */

.speedbar_block {
    padding: 15px 25px 0 25px;
}

.speedbar_block a {
    text-decoration: none;
}

.speedbar_block a:hover {
    text-decoration: underline;
}

.desc_full {
    clear: both;
    font-size: 13px;
    line-height: 18px;
    text-align: justify;
    color: #333;
    padding: 15px 25px 0 25px;
    margin-bottom: 15px;
}

.h2_full h2 {
    background: #1c272e;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 20px 25px;
}

.fullstory .update_info {
    position: absolute;
    right: 0;
    bottom: 66px;
    background-color: #d24d4e;
    height: 33px;
    line-height: 33px;
    padding: 0 10px 0 10px;
    color: #fff;
    font-size: 13px;
    display: inline-block;
}

.fullstory .update_info:before {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("../images/update-icon.png") 0 0 no-repeat;
    margin-right: 7px;
    content: '';
}

/*   season-link   */

.season-link {
    color: #676767;
    padding: 0 25px 10px 25px;
    font-size: 14px;
}

.season-link .title_season {
    color: #222;
    font-weight: 700;
    padding-bottom: 5px;
}

.season-link a {
    display: inline-block;
    margin: 0 10px 0 0;
    color: #ff4242;
    font-size: 13px;
    text-decoration: underline;
}

.season-link a:hover {
    color: #000;
    text-decoration: none;
}

.season-link u {
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    margin: 0 10px 0 0;
    color: #444;
}


/*   rating news   */

.fullstory .rating_news {
    margin-top: 10px;
}

.fullstory .rating_news .title_block {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    font-weight: 600;
    padding-left: 10px;
}

.fullstory .rating_news a {
    position: relative;
    display: inline-block !important;
    float: right;
    background: #224a62;
    height: 36px;
    line-height: 36px;
    padding: 0 15px 0 43px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    transition: 0.35s all;
    -webkit-transition: 0.35s all;
    -moz-transition: 0.35s all;
    -o-transition: 0.35s all;
    -ms-transition: 0.35s all;
}

.fullstory .rating_news a:hover {
    background: #d24d4e;
}

.fullstory .rating_news a:before {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 15px;
    background: url("../images/like-icon.png") 0 0 no-repeat;
    content: '';
    z-index: 1;
    margin: -9px 0 0 0;
}

.section {
    position: relative;
    background: #1c272e;
    padding-bottom: 15px;
}

.comm_scroll {
    width: 197px;
    height: 62px;
    overflow: hidden;
    line-height: 400px;
    background: url("../images/comm-bg.jpg") -2px 0 no-repeat;
    position: absolute;
    right: 0;
    z-index: 1;
}

.comm_scroll a {
    width: 197px;
    height: 62px;
    display: block;
    overflow: hidden;
    background: url("../images/comm-bg.jpg") no-repeat -2px -62px;
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.comm_scroll a:hover {
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}

ul.tabs {
    background: #263541;
    height: 62px;
    line-height: 62px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabs li {
    float: left;
    display: block;
    color: #81b2cf;
    font-size: 14px;
    font-weight: bold;
    list-style: none;
    cursor: pointer;
    background: #224a62;
    padding: 0 25px;
    height: 62px;
    position: relative;
    line-height: 62px;
    text-align: center;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.tabs li:hover,
.vertical .tabs li:hover {
    color: #fff;
}

.tabs li.current {
    color: #fff;
    background: #2672a0;
}

.box {
    display: none;
}

.box.visible {
    display: block;
}

.text_player {
    background: rgb(31, 42, 49);
    text-align: center;
    color: #e4e4e4;
    font-size: 18px;
    line-height: 24px;
    padding: 80px 25px;
}

.video_container .full-news-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.video_container .full-news-video iframe,
.video_container .full-news-video object,
.video_container .full-news-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000 !important;
}

.playlist_wrp {
    overflow: hidden;
    max-width: 700px;
    width: 100%;
    background: #0F0F0F;
}

.playlist-series {
    position: relative;
    overflow: hidden;
}

.playlist-series a {
    width: 74px;
    height: 28px;
    background: #263541;
    padding: 7px;
    float: left;
    display: block;
    margin: 0;
    color: #fff;
    font: 11px 'Arial', sans-serif;
    text-decoration: none;
}

.playlist-series a:hover {
    background: #8a57b6;
}

.playlist-series a.copyright-active {
    background: #d24d4e;
}

.social_block .title_block {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 10px 15px;
}


/*    save box   */

.save_box {
    background: #0f181e;
    padding: 10px 15px;
}


.save_box:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}   

.save_time {
    float: left;
}

.save_time a {
    position: relative;
    display: block;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 25px;
    border: 2px solid #d24d4e;
    border-radius: 10px;
    color: #bababa;
    text-decoration: none;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
} 

.save_time a:hover {
    border: 2px solid #8a57b6;
    background: #032a3b;
    color: #d6d5d5;
}


.save_time a:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #d24d4e;
    content: '';
    position: absolute;
    top: 50%;
    left: 9px;
    margin-top: -5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; 
    -khtml-border-radius: 50%;
    border-radius: 50%;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
}  

.save_time a:hover:before {
    background: #8a57b6;
}


.save_right {
    position: relative;
    float: right;
    height: 25px;
    line-height: 25px;
    border: 2px solid #394951;
    background: #02131d;
    border-radius: 10px;
    padding: 0 30px 0 6px;
}

.save_play {
    color: #d6d5d5;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
}

.save_play:hover {
    color: #fff;
}

.save_text {
    position: relative;    
    float: left;
    display: block;
    height: 25px;
    padding: 0 0 0 20px;           
    margin: 0 5px 0 0;
}

.save_text:before {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -7px;
    display: inline-block;
    border: 7px solid transparent;
    border-left: 7px solid #d24d4e;
    content: '';
}

.save_del {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    right: 5px;
    background: url("../images/close-time.png") 50% 50% no-repeat;
    opacity: .7;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
}

.save_del:hover {
    opacity: 1;    
}


@media screen and (max-width: 1000px) {

    .save_box {
        text-align: center;
    }
        
    .save_time {
        float: none;
    }
            
    .save_time a {
        display: inline-block;
    }
    
    .save_right {
         float: none;
         display: inline-block;
         margin-top: 10px;
    }              
                
}




/*   frames block   */

.frames_block {
    padding: 0 20px 20px 20px;
}

.frames_block .title_block {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 13px;
}

.frames_block img {
    float: left;
    display: block;
    width: 33.33%;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
	position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
	max-width: inherit;
    margin: 0 0 10px;
}

.frames_block img:hover  {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

/*   related   */

.related_title {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 25px 20px 25px;
    padding-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related_title:before {
    position: relative;
    top: 7px;
    display: inline-block;
    width: 32px;
    height: 24px;
    background: url("../images/related-title-icon.png") 0 0 no-repeat;
    margin-right: 15px;
    content: '';
}

.comment_block .title_comment {
    font-size: 18px;
    font-weight: 600;
    margin: 15px 25px 20px 25px;
    padding-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comment_block .title_comment:before {
    position: relative;
    top: 7px;
    display: inline-block;
    width: 31px;
    height: 24px;
    background: url("../images/comm-title-icon.png") 0 0 no-repeat;
    margin-right: 15px;
    content: '';
}

.related ul {
    padding: 0 20px;
}

.related ul li {
    display: block;
    width: 25%;
    float: left;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.related ul li a {
    position: relative;
    display: block;
margin-top: 10px;
}

.related ul li .poster_related,
.related ul li .poster_related img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.related ul li .poster_related:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/slider-item-bg.png") 0 100% repeat-x;
    content: '';
    z-index: 1;
}

.related ul li a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/slider-item-play.png") no-repeat 50% 48% rgba(38, 114, 160, 0.6);
    opacity: 0;
    content: '';
    z-index: 2;
    transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
}

.related ul li a:hover:before {
    opacity: 1;
}

.related ul li .title_news {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    padding: 0 10px 10px 10px;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*   addcomment   */

.addcomment {
    background: #f2f2f2;
    padding: 20px 25px;
}

.editor_block textarea {
    width: 100%;
    background: #fbfafa;
    border: 1px solid #e4e4e4;
    font-size: 14px;
    color: #444546;
    padding: 7px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical;
}

.addcomment .form_submit {
    padding-top: 10px;
}

.addcomment .form_submit button {
    background: #246d9e;
    color: #fff;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 700;
    height: 36px;
    cursor: pointer;
    font-style: normal;
    border: none;
    outline: none;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.addcomment .form_submit button:hover {
    background: #a675c1;
}

/*   info   */

.info {
    position: relative;
    background: #d45252;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    color: #ffcdbd;
    padding: 20px 25px 20px 80px;
}

.info:before {
    width: 39px;
    height: 39px;
    background: url("../images/info.png") 0 0 no-repeat;
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -19px;
    content: '';
}

.title_error {
    font-style: normal;
    color: #fff;
}

.info a {
    color: #fff;
}

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

.mov-edit {display:inline-block; font-size:18px; position:absolute; right:10px; top:5px; color:#e3e3e3;}
.mov-edit i {color:#e3e3e3;}

/*   footer   */

.footer {
    position: relative;
    background: #f5f7fa;
    height: 108px;
    padding: 30px 25px 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: #0b1115;
    content: '';
}

.footer:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

.copyright {
    position: relative;
    float: left;
    line-height: 78px;
    font-size: 14px;
    color: #e45960;
    font-weight: bold;
    padding-right: 20px;
}

.copyright:after {
    width: 1px;
    height: 40px;
    background: #d2d4d5;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    content: '';
}

.footer_link {
    float: left;
    margin-left: 25px;
}

.footer_link ul {
    padding: 29px 0;
}

.footer_link ul li:first-child {
    margin-left: 0;
}

.footer_link ul li:first-child:before {
    display: none;
}

.footer_link ul li {
    position: relative;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-left: 20px;
}

.footer_link ul li:before {
    width: 1px;
    height: 12px;
    background: #777;
    position: absolute;
    left: -11px;
    top: 50%;
    margin-top: -6px;
    content: '';
}

.footer_link a {
    font-style: italic;
    color: #505050;
    text-decoration: none;
}

.footer_link a:hover {
    text-decoration: underline;
}

.footer .counter {
    float: right;
    padding-top: 31px;
}

/*   scroll top   */

#scroll_top {
    display: none;
    z-index: 2600;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    background: url("../images/up-top-icon.png") 0 0 no-repeat;
    cursor: pointer;
    transition: 0.35s all;
    -webkit-transition: 0.35s all;
    -moz-transition: 0.35s all;
    -o-transition: 0.35s all;
    -ms-transition: 0.35s all;
}

/*   pagination   */

.pagination {
    height: 42px;
    margin: 15px 25px;
    font-size: 15px;
    clear: both;
    border-top: 1px solid #cfd1d2;
    padding-top: 15px;
}

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

.pagination a,
.pagination span {
    background: #efefef;
    color: #919090;
    float: left;
    margin: 0 3px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.pagination a:hover,
.pagination span {
    background-color: #e45960;
    color: #fff;
}

.pagination span {
    cursor: default
}

.pagination span.nav_ext {
    background: #fff;
    border: 1px solid #fff;
    color: #919090;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
    color: #999;
    background-color: transparent;
    cursor: default
}

.pagination a:first-child,
.pagination span:first-child {
    padding: 0;
    border: none;
}

.pagination a:last-child,
.pagination span:last-child {
    padding: 0;
    border: none;
}

/*   popup_block   */

.b-modal {
    cursor: default !important;
    background: #0c0c0c !important;
    opacity: 0.75 !important;
}

.popup_block {
    display: none;
    width: 100%;
    min-width: 290px;
    max-width: 390px;
    background-color: #ce5241;
    color: #1c1c1c;
    padding: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px 0 4px 4px;
    -moz-border-radius: 4px 0 4px 4px;
    border-radius: 4px 0 4px 4px;
}

.popup_block.logged {
    width: 260px;
    min-width: 260px;
    max-width: 260px;
}

.popup_block .popup_content {
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.popup_block .title_block {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #202020;
    padding: 20px 0 25px 0;
}

.popup_block .form_block {
    padding: 0 25px 20px 25px;
}

.popup_block .form_block ul:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

.popup_block .form_block ul li {
    display: block;
    margin-bottom: 10px;
}

.popup_block .form_block ul li input[type="text"],
.popup_block .form_block ul li input[type="password"] {
    width: 100%;
    background: #f8f8f8;
    border: 1px solid #d6d6d6;
    color: #939393;
    font-size: 13px;
    padding: 10px 15px 10px 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.popup_block .form_block ul li .btn_send {
    display: block;
    background: #ce5241;
    border-bottom: 5px solid #bf4c3c;
    width: 100%;
    height: 45px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: 0.25s all;
    -moz-transition: 0.25s all;
    -o-transition: 0.25s all;
    transition: 0.25s all;
}

.popup_block .form_block ul li .btn_send:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.popup_block .reg_link {
    text-align: center;
    padding-top: 5px;
}

.popup_block .reg_link a {
    display: inline-block;
}

.b-close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -40px;
    width: 50px;
    height: 40px;
    background: url("../images/close_icon.png") 50% 50% no-repeat #ce5241;
    z-index: 2000;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.login_panel {
    padding: 0 15px 20px 15px;
}

.login_panel a {
    text-decoration: none;
    display: block;
    padding: 5px 20px;
    border: 0 none;
    white-space: nowrap;
    color: inherit;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.login_panel a:hover {
    background-color: #eeeeef;
}

.login_panel a span {
    float: right;
}

.login_panel .avatar {
    text-align: center;
    padding-bottom: 10px;
}

.login_panel .avatar img {
    display: inline-block;
    max-width: 100px;
}

.login_panel .avatar a {
    padding: 0;
}

.login_panel .avatar a:hover {
    background: none;
}

/*   feedback   */

.feedback,
.basecont {
    padding: 0 25px 30px 25px;
}

.feedback table.tableform {
    width: 100%;
}
#category{
    width: 100% !important;
    max-width: 350px;
}
.feedback .f_input,
.feedback .f_textarea, .xfields input, .xfields textarea {
    width: 100%;
    background: #fbfafa;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    font-size: 14px;
    color: #444546;
    padding: 6px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical;
}

.feedback td {
    padding-bottom: 10px;
    vertical-align: middle;
}

.feedback .fbutton {
    display: inline-block;
    cursor: pointer;
    background: #032a3b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.feedback .fbutton:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    -moz-opacity: .85;
    -khtml-opacity: .85;
    opacity: .85;
}


.btn_check {
    display: inline-block;
    cursor: pointer;
    background: rgb(212, 94, 99);
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 5px;
}


/*   comment   */

    .comment {
        margin: 10px 0;
        padding: 0 25px;
    }
    
    .comment .avatar_author {
        float: left;
        width: 50px;
        padding-top: 5px;
    } 
    
    .comment .avatar_author img {
        display: block;
        width: 100%;
    }
    
    .comment .com_online {
        font-size: 11px;
        text-align: center;
        color: #666;
    }
    
    .comment .info_comment {
        margin-left: 65px;
    }

    .comment .com_user {
        margin-bottom: 5px;
    }
    
    .comment .mass {
        float: right;
    }
    
    .comment .date_com {
        font-size: 12px;
        color: #777;
        padding-left: 5px;
    }
    
    .comment .text_comment {
        text-align: left;
        font-size: 13px;
        line-height: 19px;
        color: #333;
        word-break: break-all;
    }

    .comment .link_com {
        float: right;
    }

    .comment .link_com li:first-child {
        margin-left: 0;
    }
    
    .comment .link_com li {
        float: left;
        margin-left: 10px;
    }
    
    .comment .link_com li a {
        font-size: 11px;
    }

.title_quote {
    font-weight: 700;
    font-size: 12px;
    padding-bottom: 5px;
}

.quote, .text_spoiler {
    color: #808080;
    background-color: #FCFCFC;
    border-left: 2px solid #d26c22;
    padding: 10px;
    font-size: 12px;
    text-align: left;
}

.comment .text_comment textarea {
    width: 100%;
    background: #fbfafa;
    border: 1px solid #e4e4e4;
    font-size: 13px;
    color: #444546;
    padding: 7px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical; 
}
    
    .mass_comments_action {
        float: right;
        margin: 10px 25px
    }

    .comment .bbcodes {
         background: #246d9e;
         color: #fff;
         padding: 0 10px;
         font-size: 13px;
         font-weight: 400;
         height: 28px;
         cursor: pointer;
         font-style: normal;
         border: none;
         outline: none;
         -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
         -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
         -ms-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
         -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
         transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
         margin-left: 10px;
    }


    .comment .bbcodes:hover {
        background: #a675c1;
    }

.comment .bb-editor > div {
    width: 100%;
    padding-bottom: 10px;
}
    
/*    comments_tabs_page    */

.comments_tabs_page {
    height: 34px;
    padding: 0 25px;
    margin-bottom: 20px;
}

.comments_tabs_page ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.comments_tabs_page ul li {
    float: left;
    display: block;
    height: 34px;
    padding: 0px 17px;
    line-height: 34px;
    color: #000;
    font-size: 13px;
    background-color: #f4f4f4;
    cursor: pointer;
    transition: all 150ms ease-in;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
}

.comments_tabs_page ul li:hover {
    background: #224a62;
    color: #fff;
}

.comments_tabs_page ul li.active,
.comments_tabs_page ul li.active:hover {
    background-color: #d24d4e;
    color: #fff;
    cursor: default;
    font-weight: 400;
}

.comments_tab {
    display: none;
}

.comments_tab.active {
    display: block;
    font-weight: 400;
}






.userinfo_page {
    padding: 15px 25px;
}    
    
.title_user img {
    display: block;
    float: left;
    height: 50px;
    width: 50px;
}  

.title_user {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}  

.title_user h1 {
    display: block;
    float: left;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    padding: 0 0 0 15px;
}
    
#options {
    display: none;
}

.userinfo_top {
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.userinfo_top .avatar {
    position: absolute;
}

.user_tab {
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

.user_tab > li {
    display: inline;
    margin-right: 1.2em;
}

.user_tab > li > a {
    text-decoration: none !important;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

.user_tab > li > a {
    
}

.user_tab > li > a:hover {
    color: inherit;
}

.user_tab > li.active > a {
    cursor: default;
}

.usinf {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.usinf li {
    padding: 12px 0;
    border-top: 1px solid #e6e6e6;
}

.usinf li:first-child {
    border-top-width: 0;
}

.ui-c1, .ui-c2 {
    display: inline-block;
    vertical-align: top;
}

.ui-c1 {
    width: 30%;
    margin-right: 5%;
}

.ui-c2 {
    width: 60%;
}

.userinfo {
    padding-left: 90px;
}

.userinfo .avatar {
    position: absolute;
    float: left;
    margin: 0 0 0 -90px;
}

.userinfo .avatar .cover {
    width: 60px;
    height: 60px;
}

.userinfo > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


ul.ui-form {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.ui-form > li {
    margin-bottom: 20px;
}

ul.ui-form > li:last-child {
    margin-bottom: 0;
}

.form-group {
    margin-bottom: 20px;
}

.form-group > label {
    display: block;
    margin-bottom: .4em;
}

.imp:after {
    content: "*";
    margin: 0 0 0 10px;
    color: #e85319;
}

.userinfo_page select, 
.userinfo_page textarea, 
.userinfo_page input[type="text"], 
.userinfo_page input[type="password"], 
.userinfo_page input[type="file"], 
.userinfo_page input[type="email"] {
    display: inline-block;
    width: 100%;
    height: 38px;
    line-height: 22px;
    padding: 5px 10px;
    vertical-align: middle;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #d7d7d7;
    -webkit-transition: border 0.2s linear 0s;
    transition: border 0.2s linear 0s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.userinfo_page .form_submit button {
    background: #246d9e;
    color: #fff;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 700;
    height: 36px;
    cursor: pointer;
    font-style: normal;
    border: none;
    outline: none;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.userinfo_page .form_submit button:hover {
    background: #a675c1;
}


.vk_comments {
    padding: 0 25px 20px 25px;
}

#vk_comments, #vk_comments iframe {
    width: 100% !important;
}


.seo_desc_full {
    position: relative;
    color: #2c2c2c;
    font-size: 13px;
    line-height: 19px;
    text-align: justify;
    padding: 15px 25px 0 25px;
}

.seo_desc_full h2:first-child {
    padding-top: 0 !important;
}

.seo_desc_full h2 {
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    text-align: left;
    line-height: 22px;
}

.seo_desc_full p {
    padding: 5px 0;
}


.seo_desc_full ul, 
.seo_desc_full li {
    list-style-type: disc;
    list-style: disc;
    margin: 5px 0 5px 15px;
    padding: 0;
}

.seo_desc_full ol,
.seo_desc_full ol li {
    list-style-type: decimal;
    list-style: decimal;
    margin: 5px 0 5px 15px;
    padding: 0;
}

.seo_desc_full img {
    max-width: 100%;
}


.content.collections > #dle-content {
    padding: 20px 15px;
}

.collect_block {
    position: relative;
    display: block;
    float: left;
    width: 25%;
    margin: 0 0 15px 0;
    text-decoration: none;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
}

.collect_block .collect_title {
    display: table-cell;
    vertical-align: bottom;
    width: 149px;
    height: 32px;
    font-size: 13px;
    color: #000;
    line-height: 15px;
    padding-bottom: 8px;
    text-align: center;
}

.collect_block:hover .collect_title {
    color: #75af20;
}

.collect_img {
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.collect_img img {
    width: 100%;
    display: block;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    opacity: .6;
}

.collect_block:hover .collect_img img {
    opacity: 1;
}

.collect_numm {
    position: absolute;
    display: block;
    left: 20px;
    bottom: 25px;
    background: rgba(0, 0, 0, .8);
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #e2e2e2;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    border: 3px solid #202020;
}

@media screen and (max-width: 1000px) {
    
    .content.collections > #dle-content {
        padding: 20px 5px;
    }

    
    .collect_block {
        width: 25%;
    }

    .collect_img {
        height: auto;
    }
}

@media screen and (max-width: 790px) {
    .collect_block {
        width: 20%;
    }

    .collect_img {
        height: auto;
    }
}

@media screen and (max-width: 789px) {
    .collect_block {
        width: 25%;
    }
}

@media screen and (max-width: 650px) {
    .collect_block {
        width: 33.33%;
    }
}

@media screen and (max-width: 400px) {
    .collect_block {
        width: 50%;
    }
}