/* Адаптирован и доработан DLETM.RU */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img {margin:0; padding:0; border:0; outline:0; font-weight:inherit;font-style:inherit;font-size:100%;	font-family:inherit; vertical-align:baseline}
html {font-family: sans-serif; -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}
figure {margin: 1em 40px;}
dfn {font-style: italic;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
h1,h2 {margin:0; padding:0}
ol, ul {list-style:none;}
mark {background: #ff0; color: #000;}
small {font-size: 90%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
svg:not(:root) {overflow: hidden;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0;}
hr {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

@media print {
  *, *:before, *:after {
    background: transparent !important; color: #000 !important;
    -webkit-box-shadow: none !important;  box-shadow: none !important; text-shadow: none !important;}
  a, a:visited {text-decoration: underline;}
  a[href]:after {content: " (" attr(href) ")";}
  abbr[title]:after {content: " (" attr(title) ")";}
  a[href^="#"]:after, a[href^="javascript:"]:after {content: "";}
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
  thead {display: table-header-group;}
  tr, img {page-break-inside: avoid;}
  img {max-width: 100% !important;}
  p, h2, h3 {orphans: 3; widows: 3;}
  h2, h3 {page-break-after: avoid;}
  select {background: #fff !important;}
  .navbar {display: none;}
  .btn > .caret, .dropup > .btn > .caret {border-top-color: #000 !important;}
  .label {border: 1px solid #000;}
  .table {border-collapse: collapse !important;}
  .table td, .table th {background-color: #fff !important;}
  .table-bordered th, .table-bordered td {border: 1px solid #ddd !important;}}

.container {margin-right: auto; margin-left: auto; padding-top:30px;}
@media (max-width: 467px) {.container {width: 98%;}}
@media (min-width: 468px) {.container {width: 98%;}}
@media (min-width: 768px) {.container {width: 750px;}}
@media (min-width: 992px) {.container {width: 970px;}}
@media (min-width: 1200px) {.container {width: 1170px;}}
.row {margin-left: -12px; margin-right: -12px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6,
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11,
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-vs-1, .col-vs-2, .col-vs-3, .col-vs-4, .col-vs-5, .col-vs-6, .col-vs-7, .col-vs-8, .col-vs-9, .col-vs-10, .col-vs-11,
.col-vs-12 {position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px;}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}

@media (min-width: 468px) {
.col-vs-1, .col-vs-2, .col-vs-3, .col-vs-4, .col-vs-5, .col-vs-6, .col-vs-7, .col-vs-8, .col-vs-9, .col-vs-10, .col-vs-11, .col-vs-12 {float: left;}
.col-vs-12 {width: 100%;}
.col-vs-11 {width: 91.66666667%;}
.col-vs-10 {width: 83.33333333%;}
.col-vs-9 {width: 75%;}
.col-vs-8 {width: 66.66666667%;}
.col-vs-7 {width: 58.33333333%;}
.col-vs-6 {width: 50%;}
.col-vs-5 {width: 41.66666667%;}
.col-vs-4 {width: 33.33333333%;}
.col-vs-3 {width: 25%;}
.col-vs-2 {width: 16.66666667%;}
.col-vs-1 {width: 8.33333333%;}}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
  .col-sm-12 {width: 100%;}
  .col-sm-11 {width: 91.66666667%;}
  .col-sm-10 {width: 83.33333333%;}
  .col-sm-9 {width: 75%;}
  .col-sm-8 {width: 66.66666667%;}
  .col-sm-7 {width: 58.33333333%;}
  .col-sm-6 {width: 50%;}
  .col-sm-5 {width: 41.66666667%;}
  .col-sm-4 {width: 33.33333333%;}
  .col-sm-3 {width: 25%;}
  .col-sm-2 {width: 16.66666667%;}
  .col-sm-1 {width: 8.33333333%;}}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
  .col-md-12 {width: 100%;}
  .col-md-11 {width: 91.66666667%;}
  .col-md-10 {width: 83.33333333%;}
  .col-md-9 {width: 75%;}
  .col-md-8 {width: 66.66666667%;}
  .col-md-7 {width: 58.33333333%;}
  .col-md-6 {width: 50%;}
  .col-md-5 {width: 41.66666667%;}
  .col-md-4 {width: 33.33333333%;}
  .col-md-3 {width: 25%;}
  .col-md-2 {width: 16.66666667%;}
  .col-md-1 {width: 8.33333333%;}}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;}
  .col-lg-12 {width: 100%;}
  .col-lg-11 {width: 91.66666667%;}
  .col-lg-10 {width: 83.33333333%;}
  .col-lg-9 {width: 75%;}
  .col-lg-8 {width: 66.66666667%;}
  .col-lg-7 {width: 58.33333333%;}
  .col-lg-6 {width: 50%;}
  .col-lg-5 {width: 41.66666667%;}
  .col-lg-4 {width: 33.33333333%;}
  .col-lg-3 {width: 25%;}
  .col-lg-2 {width: 16.66666667%;}
  .col-lg-1 {width: 8.33333333%;}}


/* font-family: "GothamProBlack"; */
@font-face {
    font-family: "GothamProBlack";
    src: url("../fonts/GothamProBlack/GothamProBlack.eot");
    src: url("../fonts/GothamProBlack/GothamProBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBlack/GothamProBlack.woff") format("woff"),
    url("../fonts/GothamProBlack/GothamProBlack.ttf") format("truetype");
    font-style: normal; font-weight: normal;}

/* font-family: "GothamProMedium"; */
@font-face {
    font-family: "GothamProMedium";
    src: url("../fonts/GothamProMedium/GothamProMedium.eot");
    src: url("../fonts/GothamProMedium/GothamProMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProMedium/GothamProMedium.woff") format("woff"),
    url("../fonts/GothamProMedium/GothamProMedium.ttf") format("truetype");
    font-style: normal; font-weight: normal;}

.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after {content: " "; display: table;}
.clearfix:after, .container:after, .row:after, .navbar:after, .navbar-header:after, .navbar-collapse:after {clear: both;}


body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4; color: #111; background:#151515 url(../images/bg.jpg) 0 0 repeat }

.header-afilm {display:block; height:350px; text-align:center; text-indent:-9999px;}
.header-afilm img {display:inline-block; max-width:100%;}

.brand-link {display:none; position:fixed; left:0; top:0; right:0; bottom:0; background-color:#000000;}
.brand-link img {display:block; width:100%;}

.have-brand {padding-top:0;}
.container.have-brand  {margin-top:250px;}
.have-brand .brand-link {display:block;}

a {color:#0B97B5; text-decoration:none; background-color: transparent; transition:all 200ms ease-in;}
a:hover, a:focus {color:#DF493B; text-decoration:none; transition:all 200ms ease-in;}
a:active, a:hover, a:focus {outline: 0}

h1, h2, h3, h4, h5, h6 {font-weight:500;line-height:1.1; color:inherit; color:#111}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#111}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#DF493B;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-weight:normal; line-height:1; color:#777}
h1 small, h2 small, h3 small {font-size:65%}
h4 small, h5 small, h6 small {font-size:75%}
h1 {font-size:26px}
h2 {font-size:24px}
h3 {font-size:22px}
h4 {font-size:18px}
h5 {font-size:14px}
h6 {font-size:12px}

.radius-50 {border-radius:50%;}
.radius-3 {border-radius:3px;}
.radius-b3 {border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.radius-t3 {border-top-left-radius:3px; border-top-right-radius:3px;}
.radius-l3 {border-top-left-radius:3px; border-bottom-left-radius:3px;}
.radius-r3 {border-top-right-radius:3px; border-bottom-right-radius:3px;}


.margin-b40 {margin-bottom:40px !important;}
.margin-b25 {margin-bottom:20px !important;}
.margin-b20 {margin-bottom:20px !important;}
.margin-b10 {margin-bottom:10px !important;}
.margin-b5 {margin-bottom:5px !important;}
.margin-b1 {margin-bottom:1px !important;}

.margin-t40 {margin-top:40px !important;}
.margin-t20 {margin-top:20px !important;}
.margin-t10 {margin-top:10px !important;}
.margin-t5 {margin-top:5px !important;}
.margin-t1 {margin-top:1px !important;}

.padding-40 {padding:40px !important;}
.padding-25 {padding:25px !important;}
.padding-20 {padding:20px !important;}
.padding-10 {padding:10px !important;}
.pading-5 {padding:5px !important;}

.padding-t40 {padding-top:40px;}
.padding-t25 {padding-top:25px;}

.block-shadow3 {box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.5);}
.film-bar {margin-left:-20px;}

/*general block*/
#header-bar {margin:0 -5px 0 -5px; background:#202020; padding:25px 25px 0 0; border-top:1px solid #515151; position:relative;box-shadow:0 2px 3px 0 rgba(0,0,0,0.5);border-bottom: 2px solid #090909;}
#header-bar:after {position: absolute;left: 0;right: 0; bottom: -2px; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5); content: ""; width: 100%; height: 2px; z-index: 2;}
#content-bar {background:#f5f5f5; position: relative;}
.content-left {float:left; width:100%; margin-right:-290px;}
.content-left > div {margin-right:290px; position:relative;}
.content-left > div:before {position:absolute; top:0; height:100%; right:-1px; content:""; border-right:1px solid #efefef; z-index:1}
.content-right {float:right; width:290px; position:relative}
.content-right:before {position:absolute; top:0; height:100%; left:0; content:""; border-left:1px solid #efefef; z-index:1}

.content-right > div {padding:25px;}
@media (max-width: 991px) {
    .content-left {float:none; margin-right:0}
    .content-left > div {margin-right:0}
    .content-right {float:none; width:100%;}
    .content-left > div:before, .content-right:before {display:none;}
}

#content {padding:25px 25px 40px 5px;}
.left-bar {float:left; width:70%; position:relative}
.right-bar {float:left;width:30%}
.right-bar > div {padding:25px;}
@media (max-width: 991px) {.left-bar, .right-bar {float:none; width:100%;}}

.content-center {text-align:center; margin-bottom:25px; overflow:hidden; padding-left:20px;}

.width-70 {width:70%}
@media (max-width: 991px) {.width-70 {width:100%;}}
@media (min-width: 992px) {.clearfix-992 {display:none}}

.block-re {padding:10px; margin-bottom:25px; position:relative; background:#fff; border-radius:3px; border:1px solid #F0F0F0}
.block-re > a {display:block; text-align:center}
.block-re > a img {max-width:100%; display:inline-block; vertical-align:top; border-radius:3px;}
.block-re > a:hover img {opacity:0.8}

.block-sidebar {padding:20px; background:#fff; position:relative; margin-bottom:25px;}
.block-sidebar:before {position:absolute; width:100%; height:0; content:""; left:0; top:-2px; border-top:2px dashed #fff}
.block-sidebar:after {position:absolute; width:100%; height:0; content:""; left:0; bottom:-2px; border-top:2px dashed #fff}

.block-border {border-radius:3px; border:1px solid #e5e5e5}
.block-light {padding:0 0 25px 0;}
.block-white {background-color:#fff;}
.block-yellow {background-color:#F5AB0C; position:relative; padding:40px 25px}
.block-yellow:before {position:absolute; width:100%; height:0; content:""; left:0; top:-2px; border-top:2px dashed #F5AB0C}
.block-yellow:after {position:absolute; width:100%; height:0; content:""; left:0; bottom:-2px; border-top:2px dashed #F5AB0C}
.block-black {background-color:#202020;border-top: 1px solid #515151; border-bottom: 3px solid #090909;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);}

.h-red {margin:0 0 0 -5px; text-align:right; overflow:hidden; padding:0 0 10px 0}
.h-red h1, .h-red h2, .h-red p {border-radius:3px; border-bottom-left-radius:0;float:left;position:relative; z-index:2; display: inline-block; background: #f6574b; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4); border-top: 1px solid #fa7d74;border-bottom: 1px solid #79221a; line-height: 1; text-transform: uppercase; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); font-size: 21px;  font-weight: normal; font-family: "GothamProBlack", Arial, sans-serif; color: #FFF; margin:0}
.h-red h1:after, .h-red h2:after, .h-red p:after {position:absolute; bottom:-6px; left:0; z-index:1;width: 0; content:"";height: 0;border-style: solid;border-width: 0 5px 5px 0;border-color:  transparent #EF4C3F transparent transparent;}
.h-red h1 b, .h-red h2 b, .h-red p b {position: relative;display: inline-block; padding: 8px 14px 9px 25px; border-bottom:1px solid #a62e25;}
.h-red.h-red-sidebar {margin-left:-25px;}

.h-color {
    margin:-40px 0 20px -30px;
	border-radius:3px; border-bottom-left-radius:0;position:relative; z-index:2; float:left;background: #f6574b;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4); border-top: 1px solid #fa7d74;border-bottom: 1px solid #79221a; line-height: 1;
    text-transform: uppercase; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); font-size: 21px;font-family: "GothamProBlack", Arial, sans-serif; color: #FFF;}
.h-color:after {position:absolute; bottom:-6px; left:0; z-index:1;width: 0; content:"";height: 0;border-style: solid;border-width: 0 5px 5px 0;border-color:  transparent #EF4C3F transparent transparent;}
.h-color strong {position: relative;display: inline-block; padding: 8px 14px 9px 25px; border-bottom:1px solid #a62e25;}

.h-black {overflow:hidden; text-align:right;}
.h-black h2 {float: left; margin: 0 15px 15px 0; font-size: 20px;font-family: "GothamProBlack", Arial, sans-serif; text-transform: uppercase;  color: #fff;}

.h-bold {margin:0 0 10px 0; padding:0 0 10px 0; text-transform:uppercase; font-size:16px;border-bottom:1px solid #e5e5e5;}
.h-content {display:block; font-size:20px !important;padding:0 0 8px;font-family: "GothamProBlack", Arial, sans-serif; text-transform:uppercase}
.h-content i{font-size:22px;margin-right:2px;color:#0DB9DD;}

.h-yellow {font-size:14px; text-transform:uppercase; color:#463002;font-family: "GothamProBlack", Arial, sans-serif; text-align:center; border-bottom:1px dashed #F9CD6D; margin:10px 0 12px 0; padding:0 0 8px 0}
.h-yellow a {color:#463002}
.h-yellow a:hover {color:#DF493B}
.h-yellow.h-yellow-big {font-size:18px; text-align:left; margin-top:0}

.h-light {display:block;font-family: "GothamProBlack", Arial, sans-serif; margin:0 0 10px 0;font-size:18px; text-transform:uppercase; color:#2f2f2f;background:#fff; position:relative; padding:15px 0; text-align:center}
.h-light h2 {font-size:18px;}
.h-light:before {position:absolute; width:100%; height:0; content:""; left:0; top:-2px; border-top:2px dashed #fff}
.h-light:after {position:absolute; width:100%; height:0; content:""; left:0; bottom:-2px; border-top:2px dashed #fff}

.h-sidebar {font-size:16px;padding:0 0 10px;margin-bottom:10px;border-bottom:1px dashed #ddd;font-family: "GothamProMedium", Arial, sans-serif; text-transform:uppercase; position:relative}
.h-sidebar i{font-size:18px;margin-right:2px;color:#0DB9DD;}
.h-sidebar:after {position:absolute; left:0; bottom:1px; width:100%; content:"";border-bottom:1px dashed #ddd;}

.block-standart {padding:0 25px 40px 25px}
.block-standart .h-red {margin-left:-30px;}
.block-standart .h-red h2 b {padding-left:30px;}

.block-grey {padding:40px 25px 30px 25px; background:#f9f9f9; position:relative}
.block-grey:after {position:absolute; width:100%; height:0; content:""; left:0; bottom:-2px; border-top:2px dashed #f2f2f2}
.block-grey:before {position:absolute; width:100%; height:0; content:""; left:0; top:-2px; border-top:2px dashed #f2f2f2}
.block-grey .h-red {position: absolute;left: 0px; top: -12px;}
.block-grey .h-red h2 b {padding-left:30px;}

.bar-sort {display:none;}
.speedbar {margin: 0 0 25px 25px; border-bottom: 1px dashed #e5e5e5; border-top:1px dashed #e5e5e5; padding:5px 0; color:#888;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*bar-category*/
#bar-category .h-red {margin:0 0 0 -10px}
#bar-category .category-text {margin:-20px -25px 25px -5px; color:#666; position:relative; background:#f9f9f9; padding:35px 25px 25px 25px; font-style: italic; text-align:justify}
#bar-category .category-text:after {position:absolute; width:100%; height:0; content:""; left:0; bottom:-2px; border-top:2px dashed #f2f2f2}
#bar-category .category-text:before {position:absolute; width:100%; height:0; content:""; left:0; top:-2px; border-top:2px dashed #f2f2f2}
#bar-category .category-text div > span {float:left; border-radius:50%; width:176px; height:176px; overflow:hidden;border: 1px solid #e5e5e5; background: #FFF; margin:0 25px 0 0; position:relative}
#bar-category .category-text div > span img {display:block; width:100%;}
#bar-category .category-text div > span:before {position:absolute; z-index:2; left:0; top:0; width:174px; height:174px; border-radius:50%; content:""; border:7px solid #fff}

.category-text .small-catext{overflow:hidden;height:175px;}
.category-text .read-morebb {cursor:pointer; position:absolute;right:25px;bottom:0;padding:9px 20px;text-transform:uppercase; background:#f2f2f2; font-style:normal; font-size:11px;border:1px solid #e5e5e5;border-bottom:0;box-shadow:0px -10px 10px 0 #eee;border-top-left-radius:5px; border-top-right-radius:5px;}
.category-text .read-morebb:hover {background:#0DB9DD;border-color:#0B97B5; color:#fff;}
@media (max-width: 599px) {
    #bar-category .category-text > span {float:none; display:block; margin:0 auto 20px auto}
    .category-text .small-catext {height:340px;}
}
.home-text {color: #555;position: relative; background: #eee; padding:25px;text-align: justify;}
.home-text:before {position:absolute; width:100%; height:0; content:""; left:0; top:-2px; border-top:2px dashed #e5e5e5}
.home-text > span {position:relative; float:left;background: #fff;padding:6px;margin:0 20px 10px 0; border-radius:3px;}
.home-text > span img {display:block; max-width:100%}
.home-text p {padding:0 0 12px 0}

/*logotype*/
#logotype {float:left; margin:-35px 0 0 0; background:#202020; padding:22px 25px 0 25px;position:relative;border-top: 1px solid #515151;}
#logotype:after {position:absolute; top:0; right:-9px; z-index:1;width:0; content:"";height:0;border-style: solid;border-width:15px 0 0 9px;border-color:transparent transparent transparent #202020;}
#logotype img {display:block; width:100%; position:relative;}
#logotype:active img {top:2px;}
@media (max-width: 599px) {#logotype {padding:15px 10px 0 25px; width:150px;}}

/*nav-info*/
.nav-info {overflow:hidden; float:right; margin:5px 0 0 0}
.nav-info li {float:left; margin-right:20px; position:relative;}
.nav-info li:before {position:absolute; left:-12px; top:6px; width:3px; height:3px; border-radius:50%;background:#0B97B5; content:"";}
.nav-info li:first-child:before {background:none;}
.nav-info li a {display:block; text-transform:uppercase;}
@media (max-width: 991px) {.nav-info {display:none;}}

/*social-icon*/
.social-icon {overflow:hidden; float:left; margin:0 0 0 10px}
.social-icon li {float:left; text-align:center; width:24px; height:24px;}
.social-icon li a {display:block; font-size:14px; color:#fff; line-height:24px; margin-left:1px;}
.social-icon li a span {display:none; text-indent:-9999px}
.social-icon li a.fa-vk {color:#78C2EB;}
.social-icon li a.fa-youtube {color:#F12567;}
.social-icon li a.fa-facebook{color: #7998CA;}
.social-icon li a.fa-twitter {color:#02B0E4;}
.social-icon li a.fa-google-plus {color:#FC7EA4;}
.social-icon li a:hover {color:#fff; background:#0B97B5;}
@media (max-width: 599px) {.social-icon {float:none; margin:10px 0 0 20px}}

/*searchbar*/
.searchbar {height:34px; overflow:hidden; position:relative;float:right; margin:5px 20px 0 0; padding-right:33px;}
.searchbar .searchbar-input {height:34px; width:220px; background:#fff; color:#666; line-height:34px;border:0; padding:0 10px; border-top:1px solid #888; border-bottom:1px solid #888}
.searchbar .searchbar-input:hover, .searchbar .searchbar-input:focus {outline:0;}
.searchbar .searchbar-btn {position:absolute; top:0; right:0; padding:0 9px; line-height:32px; height:34px; color:#fff;font-size:14px;background: #28b1f3; border: 0; border-top: 1px solid #58c3f6;border-bottom: 1px solid #58c3f6; }
.searchbar .searchbar-btn:hover, .searchbar .searchbar-btn:focus {outline:0; color:#fff; background:#0796DA; border-color:#0796DA}
@media (max-width: 991px) {
	.searchbar {float:none; margin:0 20px;}
	.searchbar .searchbar-input {width:100%;}}

/*img-bar*/
.img-bar {overflow:hidden;position: relative; z-index: 2;box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);}
.img-bar img {width:100%; display:block;}
.img-bar img:hover {opacity:0.8}

/*top-scroll*/
.top-scroll {position: fixed; bottom: 30px; right:2%; z-index:10000; width:50px; height:50px; line-height:38px;font-size:34px; color: #F6574B; text-align:center; border:5px solid #F6574B; cursor:pointer;opacity:0.5; font-weight:bold; border-radius:50%;}
.top-scroll:hover {opacity:1;}
@media (max-width: 767px) {.top-scroll {display:none !important; visibility:hidden !important}}

/*footer-bar*/
#footer-bar {background:#202020; position: relative; margin:0 -5px 0 -5px; border-top: 1px solid #575757; color:#A7A7A7}
.footer-bottom {border-top: 1px solid #333; background: #282828; padding:15px 30px;}
ul.count {overflow:hidden;}
ul.count li {float:right; width: 88px; height:31px; margin-left:5px; background: #4e4e4e;}
@media (max-width: 991px) {
    ul.count {margin-top:15px;}
    ul.count li {float:left; margin:0 5px 5px;}
	.container.have-brand {margin-top:0;padding-top: 30px;}
	.have-brand .brand-link {display:none;}
}
.nav-footer {margin: 40px 25px 25px 25px;text-align: center; text-transform:uppercase}
.nav-footer DL {margin: 0 0 15px;}
.nav-footer DL, .nav-footer DT,.nav-footer DD,.nav-footer UL,.nav-footer LI {display: inline-block;line-height: 1;}
.nav-footer DT,.nav-footer LI {margin: 0 10px 0 0;}
.nav-footer DT > b  {font-size: 9px; color: #df493a;	}
.nav-footer DD LI,.nav-footer DD A:link,.nav-footer DD A:visited {text-decoration: none;font-size: 12px;color: #FFF}
.nav-footer DD A:hover,.nav-footer DD A:active {text-decoration: underline;color: #df493a;}

/*fade effect*/
.fade {opacity:0;-webkit-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear; transition:opacity 0.15s linear;}
.fade.in {opacity: 1;}
.collapse {display: none; visibility: hidden;}
.collapse.in {display: block; visibility: visible;}
.collapsing {position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility;-o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s;-o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease;-o-transition-timing-function: ease; transition-timing-function: ease;}
.caret {display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}

/*modal*/
.modal-open {overflow: hidden;}
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; padding:15px; bottom: 0; left: 0; z-index: 1041; -webkit-overflow-scrolling: touch; outline: 0;}
.modal.fade .modal-dialog {transform: translate(0, -25%); transition: transform 0.3s ease-out;}
.modal.in .modal-dialog {transform: translate(0, 0);}
.modal-open .modal {overflow-x: hidden; overflow-y: auto;}
.modal-dialog {position: relative; width: auto; margin:15px;}
.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.in {opacity: 0.5;}
.modal-content {position: relative; background-color: #fff;border: 10px solid rgba(255, 255, 255, 0.2); background-clip:padding-box; outline: 0;}
.close {font-size:28px; font-weight:bold; line-height:1; color:#fff; position:absolute; top:-25px; right:-25px; width:40px; height:40px; line-height:40px; text-align:center; background:#FFC600; z-index:9999999; border-radius:50%;}
.close:hover, .close:focus {color:#fff; text-decoration:none; cursor:pointer; background:#F5AB0C}
button.close {padding: 0; cursor: pointer; border: 0; -webkit-appearance: none;}
.modal-body {position: relative;}
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}
@media (min-width: 768px) {
	.modal-dialog {width: 600px; margin: 100px auto 25px auto;}
	.modal-dialog.modal-dialog-me {width:400px;}
	.modal-dialog.modal-dialog-sm {width:330px;}
    .modal-dialog.shortf-popup {width:700px;}
}

/*login-bar*/
#login-bar {float:right; margin:-40px 0 0 0; height:60px; position:relative; background:#FFC600; border-bottom:3px solid #C35C00;border-top:1px solid #FFDD67}
#login-bar:after {position:absolute; top:0; left:-9px; z-index:1;width: 0; content:"";height: 0;border-style: solid;border-width: 0 0 13px 9px;border-color: transparent transparent #BC8404 transparent;}
@media (max-width: 599px) {
    #login-bar {margin:-73px 0 0 0}
}

.nav-login {height:56px;}
.nav-login-profile {position:relative; overflow:hidden; display:block; height:56px; padding:13px 15px 0 65px; color:#C35C00;}
.nav-login-foto {width:40px; height:40px; overflow:hidden;border:1px solid #F5AB0C; position:absolute; top:8px; left:13px;}
.nav-login-foto img {display:block; width:40px; height:40px;}
.nav-login-info {display:block; font-size:11px;}
.nav-login-info i {font-size:12px; margin-right:4px;}
.nav-login-profile .caret {display:none;}
.nav-login-profile:hover, .nav-login-profile:focus {background:#F5AB0C;}
.nav-login-profile:hover .nav-login-foto, .nav-login-profile:focus .nav-login-foto {border-color:#eee}
@media (max-width: 767px) {
    .nav-login-profile .nav-login-info {display:none;}
	.nav-login-profile .caret {display:block; margin-top:15px !important}
}

.login-blue {color:#fff;overflow:hidden;padding:20px 20px 20px 130px;text-shadow: 0 1px 1px #0B97B5;position: relative; min-height:140px;box-shadow: 0px 3px 7px rgba(11,151,181,0.4);background: #0DB9DD}
.login-blue img {width:90px; height:90px; border-radius:50%;border:5px solid #fff;position:absolute; top:25px; left:25px;}
.login-blue > b, .login-blue small {display:block;}
.login-blue > b {font-size:22px; margin-top:25px; line-height:22px;}
.login-blue small span {color:#D7F7FD !important; text-shadow:none;}
@media (max-width: 767px) {
    .login-blue {padding:25px 0; text-align:center}
    .login-blue img {position:static; display:inline-block}
}
.nav-login-modal {overflow:hidden; margin:25px;}
.nav-login-modal li {margin-bottom:4px; float:left; width:50%}
.nav-login-modal li a {border-radius: 3px; height:28px; line-height:26px; padding:0 10px; display:block;margin:0 3px; color:#C35C00; background:#FFC600;}
.nav-login-modal li a i {margin-right:6px;}
.nav-login-modal li a:hover {background:#F99002; color:#fff; border-color:#F99002}
@media (max-width: 767px) {.nav-login-modal li {width:100%; float:none;}}

.login-p {color:#fff;padding:25px;  text-align:center;text-shadow: 0 1px 1px #0B97B5;box-shadow: 0px 3px 7px rgba(11,151,181,0.4);background: #0DB9DD}
.login-p b {display:block;font-size:20px; line-height:20px; margin-bottom:15px}
.login-p small {display:block}
.login-p small a {color:#fff; text-decoration:underline;}
.login-p small a:hover {text-decoration:none;}

.social-login {text-align:center; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e5e5e5; margin-bottom:15px;}
.social-login li {display:inline-block; vertical-align:middle}
.social-login a {font-size:0; text-indent:-9999px; display:block;height:35px; width:35px;background:url(../images/social2.png) 0 0 no-repeat; margin-bottom:5px;}
.social-login a.social-vk {background-position:-105px 0;}
.social-login a.social-odn {background-position:-280px 0;}
.social-login a.social-fb {background-position:-70px 0;}
.social-login a.social-ml {background-position:-245px 0;}
.social-login a.social-ya {background-position:-210px 0;}
.social-login a.social-gl {background-position:-35px 0;}
.social-login a:hover {opacity:0.8}

/*menu*/
.navbar {position: relative; min-height: 30px; background-color: #282828; margin: 20px -25px 0 0; border-top: 1px solid #3f3f3f;}
.navbar-toggle {border-radius:3px;position: relative; float: right; padding: 15px; font-size:12px; background: #0B97B5; background: #0B97B5 linear-gradient(top, #0CAACB 0%,#0CA0C0 100%); color: #fff; border:1px solid #0DB9DD; border-bottom:1px solid #0A859E; overflow:hidden; margin:5px 20px 5px 0}
.navbar-toggle:focus {outline: 0;}
.navbar-toggle .icon-bar {display: block; width: 22px; height: 2px; border-radius: 1px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
.navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle .sr-only {position:static; height:auto; width:auto; margin:0 10px 0 0; float:left; color:#fff;height:14px; line-height:14px; text-transform:uppercase;}
.navbar-toggle .icon-block {display:block; float:right;}
.navbar-toggle:hover, .navbar-toggle:focus {opacity:0.8; filter: Alpha(Opacity=0);}
.top100 {color:#fcde03 !important;}
@media (min-width: 992px) {.navbar-toggle {display:none !important;}}

.navbar-collapse {overflow-x: visible; -webkit-overflow-scrolling: touch; padding:0 0 20px 0;}
.navbar-collapse.in {overflow-y: auto;}
@media (min-width: 992px) {
  .navbar-collapse {width: auto; padding:0}
  .navbar-collapse.collapse {display: block !important; visibility: visible !important; height: auto !important; padding-bottom: 0; overflow: visible !important;}
  .navbar-collapse.in {overflow-y: visible;}
  .navbar-header {float:left;}
  .navbar-left {float:left !important;}
  .navbar-right {float:right !important;}}

.navbar-nav > li {float: left; margin-top:-1px;}
.navbar-nav > li > a {padding: 14px 12px; font-size: 12px; color: #fff; border-top:1px solid #3f3f3f;display:block;text-transform:uppercase; position:relative; font-family: "GothamProMedium", Arial, sans-serif;}
.navbar-nav > li:first-child a {padding-left:25px; padding-right:25px;}
.navbar-nav > li.active {background:#303030}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.open > a, .navbar-nav > li.open > a:hover, .navbar-nav > li.open > a:focus {color: #fff; background: #0B97B5; border-top:1px solid #0DB9DD}

.dropdown-menu {position:absolute; top:100%; left:auto; z-index:1000; display:none; width:220px; padding:20px 5px 5px 5px; overflow:hidden; font-size: 14px;text-align:left; background:#0B97B5; -webkit-background-clip:padding-box; background-clip:padding-box; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.dropdown-menu > li {width:100%;}
.navbar-nav .dropdown-menu > li > a {border-radius:3px;display: block; padding: 10px 0; clear: both; font-weight: normal; background:#0DB9DD; text-align:center; line-height: 1.4; white-space: nowrap; color:#fff; margin:5px 6px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {text-decoration: none; color: #fff; background:#0A8BA7;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color: #fff; outline: 0; background-color:transparent;}

.dropdown-menu-full {left:0; width:100%;}
.dropdown-menu-full > li {width:100%}
@media (min-width: 468px) {.dropdown-menu-full > li {width:50%; float:left;}}
@media (min-width: 768px) {.dropdown-menu-full > li {width:33.33333333333%}}
@media (min-width: 992px) {.dropdown-menu-full > li {width:25%}}
@media (min-width: 1200px) {.dropdown-menu-full > li {width:16.66666666667%}}

.open > .dropdown-menu {display: block;}
.open > a {outline: 0;}
@media (max-width: 991px) {
	.navbar-nav .caret {float:right; display:block; margin-top:10px;}
	.navbar-nav {margin:15px 20px 10px 20px;}
	.navbar-nav > li {float:none; margin:0 0 4px 0; border-radius:3px;}
	.navbar-nav > li.open > a {margin-bottom:5px;}
	.navbar-nav > li > a {background: #343434; padding:14px 20px; border-radius:3px;}
	.navbar-nav .open .dropdown-menu {position: static; width:100%}
}

/*slider-big*/
/*bar-slider*/
#bar-slider {position:relative; background: #202020; z-index:1;clear:both;width:100%;position:relative; padding:25px 0 27px 0;box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);border-bottom: 2px solid #090909;}
.hide, .Hide {display:none;}
.clear {width:100%; height:1px; clear:both; display:block; overflow:hidden;}
.iosSlider {width:100%;height:100%;}
.iosSlider .slider {width:100%;height:100%;}
.fluidHeight {width:100%;height:452px;background-size:cover; position:relative}
.sliderContainer {height:100%;padding:0;}
.iosSlider {position:relative;top:0;left:0;overflow:hidden;width:100%;height:100%;}
.iosSlider .slider {width: 100%;height:100%;}
.iosSlider .slider .item {width: 992px;height:100%;}
.iosSlider .slider .item .inner {width:97%;margin:0 auto;}
.sliderContainer .slideSelectors {}
.sliderContainer .slideSelectors .prev, .sliderContainer .slideSelectors .next {font-size: 40px;line-height:430px;position: absolute; z-index: 3; top: 11px; bottom: 11px; background: rgba(0,0,0,0.6); width: 64px; text-align: center;}
.sliderContainer .slideSelectors .prev {left:0}
.sliderContainer .slideSelectors .next {right:0}
.sliderContainer .slideSelectors .prev:hover, .sliderContainer .slideSelectors .next:hover {background: rgba(0,0,0,0.8);}
.sliderContainer .slideSelectors .prev:hover i, .sliderContainer .slideSelectors .next:hover i {color: #fff;}
.sliderContainer .slideSelectors .prev i, .sliderContainer .slideSelectors .next i {color:rgba(255,255,255,0.5);}
.shortios .shortios-img {height:450px; display: block;width: 100%; overflow:hidden; border:10px solid #323232}
.shortios .shortios-img img {width: 100%; display:block; min-height:450px;}
.shortios {text-align:center;position:relative;top:0;left:0;box-shadow:0 0 10px -5px #000; border:1px solid #383838}
.shortios .shortios-shadow {text-align:left;width:50%;vertical-align:top;position:absolute;overflow:hidden;top:10px;left:10px;bottom:10px; opacity:0; padding:25px 0 0 25px; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 67%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 67%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 67%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);}
.shortios .shortios-rating {display:block;border:5px solid #FFC600;width:100px;font-size:16px;line-height:22px;color: #FFF;font-weight:bold;padding:7px 0; text-align:center}
.shortios .shortios-rating i {color:#F7AE11;font-size:20px; display:block;}
.shortios .shortios-title {font-size:34px;color:#FFF;font-weight:bold;text-shadow: #000 0px 0px 10px;text-transform:uppercase;margin:30px 0 0 0;display:block;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.shortios .shortios-ortitle {color: #A39FB3;font-size:18px;}
.shortios .shortios-year {color:#fff;margin:20px 0 0 0;font-size:16px;}
.shortios .shortios-genre {text-overflow: ellipsis;white-space:nowrap;overflow:hidden; font-size:14px;color:#898989;}
.shortios .shortios-online {margin:45px 0 15px 0;}
.shortios .shortios-online a {display:inline-block;border:1px solid #562E9C;border-radius:5px;background:#794ACC;height:46px;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.28);line-height:43px;color:#fff;font-size:18px;padding:0 18px;text-shadow:0 0 1px #49248B;}
.shortios .shortios-online a:hover {box-shadow: 0 0 0 3px #E3C009, 0 0 14px 0 #000;text-decoration: none;}
.shortios .shortios-online a i {color:#FFF000;font-size:20px;position: relative;top:2px;text-shadow:0 0 1px #49248B;margin-right:5px;}
.shortios .shortios-links {border-top:1px solid rgba(63,64,75,0.8);overflow:hidden;padding-top:12px; display:block;}
.shortios .shortios-links small {margin-right:20px;color:#fff;font-weight:400;font-size:18px;line-height:25px;}
.shortios .shortios-links small i {color:#FFF000;font-size:24px;position:relative;top:2px;text-shadow:0 0px 1px #000; margin-right:4px;}
.sliderContainer .scrollbarContainer{position:relative;bottom:4px;left:0;width:100%;height:4px;margin:0 auto;z-index:1;}
@media (max-width: 1199px) {
	.iosSlider .slider .item {width: 100%;}
    .iosSlider .slider .item .inner {width:auto; margin:0 25px;}
    .shortios .shortios-img img {min-height:450px;}
	.sliderContainer .slideSelectors .prev, .sliderContainer .slideSelectors .next {line-height:80px;position: absolute; z-index: 3; top:50%; bottom: auto; background: rgba(0,0,0,0.6); width: 46px; height:80px;margin-top:-40px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.44);font-size: 30px;}
    .sliderContainer .slideSelectors .prev {left:8px}
    .sliderContainer .slideSelectors .next {right:8px}
}
@media (max-width: 991px) {
    .fluidHeight {height:412px;}
    .shortios .shortios-img {height: 410px;}
    .shortios .shortios-img img {min-height:410px;}
    .shortios .shortios-shadow {width:70%;}
    .shortios .shortios-links {display:none;}
}
@media (max-width: 849px) {
    .fluidHeight {height:372px;}
    .shortios .shortios-img {height: 370px;}
    .shortios .shortios-img img {min-height:370px;}
    .shortios .shortios-online {margin:25px 0 0 0;}
}
@media (max-width: 767px) {
    .fluidHeight {height:302px;}
    .shortios .shortios-img {height: 300px;}
    .shortios .shortios-img img {min-height:300px;}
    .shortios .shortios-shadow {width:85%;}
    .shortios .shortios-rating {border:3px solid #FFC600;width:100px;font-size:14px;line-height:18px;padding:7px 0;}
    .shortios .shortios-rating i {font-size:16px; display:inline-block;}
    .shortios .shortios-title a {font-size:28px;margin:15px 0 0 0;}
	.shortios .shortios-year {margin:10px 0;font-size:14px;}
	.shortios .shortios-online a {border-radius:5px;height:40px;line-height:38px;font-size:16px;padding:0 15px;}
	.shortios .shortios-online a i {font-size:18px;top:1px;}
}
@media (max-width: 599px) {
    .fluidHeight {height:222px;}
    .shortios .shortios-img {height: 220px;}
    .shortios .shortios-img img {min-height:200px;}
    .shortios .shortios-title a {font-size:22px; margin-top:25px;}
    .shortios .shortios-ortitle {font-size:14px;}
    .shortios .shortios-year, .shortios .shortios-genre, .shortios .shortios-online {display:none}
    .sliderContainer .slideSelectors .prev, .sliderContainer .slideSelectors .next {line-height:60px; width:38px; height:60px;margin-top:-30px; font-size:20px;}
}
@media (max-width: 467px) {
    .fluidHeight {height:162px;}
    .shortios .shortios-img {height: 160px;}
    .shortios .shortios-img img {min-height:160px;}
}
@media (max-width: 319px) {
    .fluidHeight {height:142px;}
    .shortios .shortios-img {height: 140px;}
    .shortios .shortios-img img {min-height:140px;}
}

/*button*/
.btn {
  display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; position:relative; cursor: pointer; font-size:12px;  background: #0B97B5;
  background: #0B97B5 linear-gradient(top, #0CAACB 0%,#0CA0C0 100%); background: #0B97B5 -webkit-linear-gradient(top, #0CAACB 0%,#0CA0C0 100%); background: #0B97B5 -moz-linear-gradient(top, #0CAACB 0%,#0CA0C0 100%); background: #0B97B5 -ms-linear-gradient(top, #0CAACB 0%,#0CA0C0 100%);
  color: #eee; border:1px solid #0DB9DD; border-bottom:1px solid #0A859E;border-radius:3px; padding: 8px 14px 7px 14px; line-height: 1.4; white-space: nowrap;
  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index:20; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -ms-touch-action: manipulation; touch-action: manipulation; transition: all 200ms ease-in;}
.btn:hover, .btn:focus {color:#fff; text-decoration: none; background: #0A86A0;background: #0A86A0 linear-gradient(top, #0A86A0 0%,#0B97B5 100%);background: #0A86A0 -webkit-linear-gradient(top, #0A86A0 0%,#0B97B5 100%);background: #0A86A0 -moz-linear-gradient(top, #0A86A0 0%,#0B97B5 100%);background: #0A86A0 -ms-linear-gradient(top, #0A86A0 0%,#0B97B5 100%);}
.btn:active, .btn.active {outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn:focus, .btn:active:focus, .btn.active:focus {outline:none;}
.btn.btn-i i {margin-right:10px; font-size:16px;}

.btn-red {border: 1px solid #fa7d74; border-bottom: 1px solid #79221a;  background: #f85a4e; background: #f85a4e linear-gradient(top, #f85a4e 0%,#de3e31 100%);}
.btn-red:hover, .btn-red:focus, .btn-red:active {background: #de3e31; background: #de3e31 linear-gradient(top, #de3e31 0%,#f85a4e 100%);}

.btn-black {border: 1px solid #404040;background: #303030;}
.btn-black:hover, .btn-black:focus, .btn-black:active {border: 1px solid #fa7d74; background: #f85a4e; background: #f85a4e linear-gradient(top, #f85a4e 0%,#de3e31 100%);}

.btn-lg {padding: 10px 16px; font-size: 18px; line-height: 1.33;}
.btn-sm {padding: 6px 10px; font-size: 11px; line-height: 1.5;}
.btn-sm i {font-size:14px; margin:0 0 0 5px}
.btn-xs {padding: 1px 5px; font-size: 11px; line-height: 1.5;}
.btn-block {display: block; width: 100%;}
.btn-block + .btn-block {margin-top: 5px;}
.btn-block .btn {margin:0}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {width: 100%;}
.btn-group {position: relative; display: inline-block; vertical-align: middle;}
.btn-group > .btn {position: relative; float: left;}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active {z-index: 2;}
.btn-group > .btn:focus {outline: 0;}
.btn-group .btn + .btn {margin-left: -1px;}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
.btn-group > .btn:first-child {margin-left: 0;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius:0;border-bottom-right-radius:0;}
.btn-group > .btn:last-child:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0;}

/*navigation*/
.pages {margin:0 0 20px 20px; position:relative; padding:0 46px;}
.pages b {display:none}
.pages-prev, .pages-next {text-align:center;display:block; position:absolute; top:0; left:0; width:36px; height:36px; line-height:36px;font-size: 28px;}
.pages-next {left:auto; right:0}
.pages-prev > a, .pages-next > a, .pages-prev > span, .pages-next > span {display:block; border-radius:3px;}
.pages-prev > a, .pages-next > a {background:#0DB9DD; color:#fff; border:1px solid #0DB9DD}
.pages-prev > a:hover, .pages-next > a:hover {background:#0B97B5}
.pages-prev > span, .pages-next > span {background:#eee; border:1px solid #e5e5e5}
.pages-numbers {text-align:center;}
.pages-numbers > a, .pages-numbers > span {display:inline-block; margin:0 2px; margin-bottom:2px;line-height: 36px; width:36px; height:36px;	text-align:center; border-radius:3px;}
.pages-numbers > span {background:#eee; border:1px solid #e5e5e5}
.pages-numbers > a {background:#0DB9DD; color:#fff; border:1px solid #0DB9DD}
.pages-numbers > a:hover {background:#0B97B5}

/*story element*/
.img-opacity:hover img {opacity:0.8}
.img-shadow {display: block;position: absolute;bottom: -17px;left: 0;padding: 0 10%;width: 100%;height: 17px;overflow: hidden;}
.img-shadow i {position: absolute;bottom: 20px;height: 200px;width: 80%;display: block;box-shadow: 0 1px 17px rgba(0, 0, 0, 1);border-bottom-right-radius: 50% 2%; border-bottom-left-radius: 50% 2%;}

.a-small {display:inline-block;background:#ddd; margin-top:10px; color:#555; border-radius:3px; padding:5px 7px; text-transform:uppercase; font-size:11px;}
.a-small i {margin-left:4px;}
.a-small:hover {background:#0B97B5; color:#fff}
.a-small.a-black {background:#404040; color:#999; margin-top:0}
.a-small.a-black:hover {background:#0B97B5; color:#fff}
@media (max-width: 991px) {.a-small.a-small-rss {display:none;}}

/*shortstory-collumn*/
.shortstory-collumn {overflow:hidden;}
.shortstory-collumn li {border-top:1px solid #fff; border-bottom:1px solid #ddd}
.shortstory-collumn li:first-child {border-top:none !important;}
.shortstory-collumn li:last-child {border-bottom:none !important}
.shortstory-collumn li a {display:block; padding:10px 7px; color:#111;}
.shortstory-collumn li a:hover {color:#DF493B}
.shortstory-collumn li a strong {font-weight:normal; font-size:14px;}
.shortstory-collumn li a small {color:#888; padding-left:4px;}
.shortstory-collumn li a.li-img {background:#fff; border: 1px solid #F0F0F0; padding:4px !important; position:relative; margin-bottom:10px; border-radius:3px;}
.shortstory-collumn li a.li-img img {display:block; width:100%; height:auto; border: 1px solid #F0F0F0; border-radius:3px;}

.block-yellow .shortstory-collumn li {border-top: 1px solid #F9C862; border-bottom:1px solid #D99509}
.block-yellow .shortstory-collumn li a {color:#FEF8E9; padding:10px 2px;}
.block-yellow .shortstory-collumn li a:hover {color:#563C03}
.block-yellow .shortstory-collumn li a small {color:#8D6105;}
.block-yellow .shortstory-collumn li a.li-img {border:none;}

@media (min-width: 600px) {
	.shortstory-collumn li a.li-img img {height:110px;}
	.block-yellow .shortstory-collumn li a.li-img img {height:auto;}}
@media (min-width: 768px) {
	.shortstory-collumn li a.li-img img {height:110px;}
	.block-yellow .shortstory-collumn li a.li-img img {height:200px;}}
@media (min-width: 992px) {
	.shortstory-collumn li a.li-img img {height:140px;}
	.block-yellow .shortstory-collumn li a.li-img img {height:100px;}}
@media (min-width: 1200px) {
	.shortstory-collumn li a.li-img img {height:140px;}
	.block-yellow .shortstory-collumn li a.li-img img {height:130px;}}

/*accordion*/
.accordion .link {display:block; padding: 12px 55px 12px 12px; border-radius:3px; color:#fff; position:relative; margin-bottom:2px;font-size:14px; text-transform:uppercase;border-bottom: 1px solid #0B97B5;background: #0DB9DD; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);font-family: "GothamProMedium", Arial, sans-serif;}
.accordion .link:hover {background:#0B97B5}
.accordion .collapsed.link:hover {border-bottom: 2px solid #0B97B5;background: #0DB9DD; color:#fff}
.accordion .collapsed.link {background:#efefef; border:1px solid #e1e1e1; color:#777; box-shadow:none;}
.accordion .accordion-marker {position:absolute; top:50%; right:10px; margin-top:-10px; width: 22px; height:22px; line-height:21px;color:#fff; border:1px solid #fff; border-radius:50%; text-align:center}
.accordion .collapsed .accordion-marker {color: #999; border-color:#999}
.accordion .collapsed.link:hover .accordion-marker {color:#fff; border-color:#fff}
.accordion .accordion-open, .accordion .accordion-close {display:block; font-size:10px; width:100%; height:100%;}
.accordion .accordion-open {display:inline-block}
.accordion .accordion-close {display:none}
.accordion .collapsed .accordion-close {display:inline-block}
.accordion .collapsed .accordion-open {display:none}

/*shortstory-list*/
.shortstory-list {overflow:hidden; margin-top:-8px;}
.shortstory-list li a {position:relative; display:block; padding:12px 0 15px 115px; height:90px; overflow:hidden;color:#111;border-top:1px solid #fff; border-bottom:1px solid #ddd}
.shortstory-list li:first-child a {border-top:none;}
.shortstory-list li:last-child a {border-bottom:none;}
.shortstory-list li a .shortstory-list-img {padding: 4px; border: 1px solid #F0F0F0; background: #FFF; width:100px;position:absolute; top:8px; left:0;}
.shortstory-list li a .shortstory-list-img img {display:block; width:100%; height:60px;}
.shortstory-list li a:hover .shortstory-list-img img {opacity:0.8}
.shortstory-list li a strong {display:block; margin-bottom:5px; height:42px; overflow:hidden;font-size:12px; line-height:1.2; font-weight:normal; text-overflow: ellipsis;}
.shortstory-list li a:hover {color:#0B97B5}
.shortstory-list li a small {color:#888; margin-right:10px}
.shortstory-list li a small i {margin-right:4px;}
@media (min-width: 468px) and (max-width: 991px) {
    .shortstory-list {margin-right:-15px;}
    .shortstory-list li {float:left; width:50%}
    .shortstory-list li a {margin-right:15px;}
    .shortstory-list li:last-child a {border-bottom:1px solid #ddd;}}

/*shortstory-link*/
.shortstory-link {overflow:hidden}
.shortstory-link li a {display:block; padding:8px 10px;}
.shortstory-link li:nth-child(even) a {background:#fefefe}
.shortstory-link li a b {font-weight:normal}
.shortstory-link li a:hover {color:#111}

/*shortstory-counter*/
.shortstory-counter {overflow:hidden; counter-reset: list1;}
.shortstory-counter li a {display:block; padding:8px 10px 8px 55px; min-height:46px; position:relative;}
.shortstory-counter li:nth-child(even) a {background:#fefefe}
.shortstory-counter li a > small {text-align:center;position:absolute; left:10px; top:8px; width:30px; height:30px;line-height:30px; background:#0DB9DD; color:#fff; display:block; border-radius:3px;}
.shortstory-counter li a > small:after {counter-increment: list1; content: counter(list1) " ";}
.shortstory-counter li:nth-child(1) a > small {background:#F6574B}
.shortstory-counter li:nth-child(2) a > small {background:#F5AB0C}
.shortstory-counter li:nth-child(3) a > small {background:#1DAB04}
.shortstory-counter li a b {font-weight:normal}
.shortstory-counter li a:hover {color:#111}

/*short-slider-festival*/
.short-slider-festival {display:block; padding: 7px; border: 1px solid #F0F0F0; margin:0 0 10px 0; background: #FFF; border-radius:3px; position:relative}
.short-slider-festival img {display:block; max-width:100%; border-radius:3px;}
.short-slider-festival:hover img {opacity:0.8}

/*shortstory-kinogid*/
.shortstory-kinogid {position: relative;margin-bottom: 25px; padding:4px; border: 1px solid #F0F0F0; background: #fff; border-radius:3px;}
.shortstory-kinogid a {display:block; position:relative;color: #eee; overflow:hidden; font-size: 14px;}
.shortstory-kinogid a:before {position:absolute; left:0; top:0; right:0; bottom:0; content:""; background: rgba(0,0,0,0.2);}
.shortstory-kinogid a img {display:block; width:100%}
.shortstory-kinogid a span {position:absolute;left:0; right:0; bottom:0; text-align: center; padding: 0 25px 25px 25px; line-height: 1.1;font-family:"GothamProMedium",Arial,sans-serif;}
.shortstory-kinogid a:hover{color:#0DB9DD}
.shortstory-kinogid a:hover:before {background: rgba(0,0,0,0.8);}
@media (min-width: 468px) and (max-width: 991px) {
    .shortstory-kinogid a {font-size:22px; height:230px;}
    .shortstory-kinogid a img {min-height:230px;}
    .shortstory-kinogid a span {padding:0 50px 35px 50px;}}

/*nav-tabs*/
.tab-content {padding:20px; border-radius:3px; position:relative; z-index:2; margin-top:-1px; font-size:12px; background:#fff; border:1px solid #e5e5e5;}
.tab-content > .tab-pane {display:none; visibility:hidden;}
.tab-content > .active {display:block; visibility:visible;}
.nav-tabs {position:relative; z-index:1; width:100%; overflow:hidden}
.nav-tabs > li {float:none; margin-bottom:5px;}
.nav-tabs > li > a {text-align:center; background:#f2f2f2; padding:12px 0; color:#777; border-radius:3px; display:block; font-size:12px; border:1px solid #e5e5e5;}
.nav-tabs > li > a i {margin-right:4px; background:#ccc; color:#fff; width:22px; height:22px; line-height:22px; text-align:center; display:inline-block; border-radius:3px;}
.nav-tabs > li > a:hover {background:#fff}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {background:#fff; cursor: default; color:#111;}
.nav-tabs > li.active > a i {color:#fff; background:#0796DA}
@media (min-width: 600px) {
	.tab-content {border-top:none; border-top-left-radius:0; border-top-right-radius:0;}
	.nav-tabs > li {float:left; width:49%; margin-right:2%; margin-bottom:0;}
	.nav-tabs > li:last-child {margin-right:0}
	.nav-tabs > li > a { border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0}}

.tabsf-content {padding:20px; border-radius:3px; position:relative; z-index:1; margin-top:-1px; font-size:12px; background:#fff; border:1px solid #eee; overflow:hidden;}
.tabsf-content > .tab-pane {display:none; visibility:hidden;}
.tabsf-content > .active {display:block; visibility:visible;}
.tabsf-ul {position:relative; z-index:2; width:100%;}
.tabsf-ul > li {float:left; width:25%}
.tabsf-ul > li > a {text-align:center; padding:10px 0 15px 0; color:#aaa;display:block; font-size:20px; position:relative}
.tabsf-ul > li > a:hover {color:#0DB9DD;}
.tabsf-ul > li.active > a, .tabsf-ul > li.active > a:hover, .tabsf-ul > li.active > a:focus {cursor: default; color:#0DB9DD;}
.tabsf-ul > li.active > a:after, .tabsf-ul > li.active > a:before {bottom:-1px;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.tabsf-ul > li.active > a:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 12px;margin-left: -12px;}
.tabsf-ul > li.active > a:before {border-color: rgba(238, 238, 238, 0);border-bottom-color: #eee;border-width: 13px;margin-left: -13px;}

.shortstory-tabs {overflow:hidden;}
.shortstory-tabs li a {display:block;border-bottom:1px dashed #eee; position:relative; padding:0 0 10px 38px; margin:0 0 10px 0;}
.shortstory-tabs li a i {position:absolute; top:0; left:0; width:32px; font-style:normal; font-weight:bold; color:#333; letter-spacing:-1px; font-size:14px;}
.shortstory-tabs li a b, .shortstory-tabs li a small {text-overflow: ellipsis;white-space: nowrap;overflow:hidden; display:block;}
.shortstory-tabs li a small {color:#777}
.shortstory-tabs li:last-child a{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
@media (min-width: 468px) {
    .shortstory-tabs {margin-right:-15px;}
    .shortstory-tabs li {float:left; width:50%}
    .shortstory-tabs li a {margin:0 15px 10px 0}}
@media (min-width: 768px) {
    .shortstory-tabs li {float:left; width:33.3333333333%}}
@media (min-width: 992px) {
    .shortstory-tabs {margin-right:0}
    .shortstory-tabs li {float:none; width:100%}
    .shortstory-tabs li a { margin:0 0 10px 0;}}

/*carousel*/
.carousel-control {position: absolute; top: 0; bottom: 0; left: 25px; width: 80px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: .5; font-size:96px;}
.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
	background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
	background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat: repeat-x;}
.carousel-control.right {
	right: 0; left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
	background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
	background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat: repeat-x;}
.carousel-control:hover, .carousel-control:focus {color: #fff; text-decoration: none; filter: alpha(opacity=100); outline: 0; opacity: 1;}

.carousel {position: relative;}
.carousel-inner {position: relative; overflow: hidden;}
.carousel-inner > .item {position: relative; display: none;transition: .6s ease-in-out left;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {line-height: 1;}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {-webkit-transition: -webkit-transform .6s ease-in-out; -o-transition:      -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden;-webkit-perspective: 1000px; perspective: 1000px;}
  .carousel-inner > .item.next,.carousel-inner > .item.active.right {left: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  .carousel-inner > .item.prev,.carousel-inner > .item.active.left {left: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {display: block;}
.carousel-inner > .active {left: 0;}
.carousel-inner > .next, .carousel-inner > .prev {position: absolute;top: 0; width: 100%;}
.carousel-inner > .next {left: 100%;}
.carousel-inner > .prev {left: -100%;}
.carousel-inner > .next.left, .carousel-inner > .prev.right {left: 0;}
.carousel-inner > .active.left {left: -100%;}
.carousel-inner > .active.right {left: 100%;}

.carousel-indicators {}
.carousel-indicators::-webkit-scrollbar {width: 10px;}
.carousel-indicators::-webkit-scrollbar-track {border-radius: 10px;}
.carousel-indicators::-webkit-scrollbar-thumb {border-radius: 10px; cursor:pointer}
.carousel-indicators li {cursor: pointer; position:relative;}
.carousel-indicators li:hover, .carousel-indicators .active {}

/*bar-news*/
#bar-news {}
.bar-news-left {float:left; width:55%; position:relative}
.bar-news-right {float:left;width:45%}
@media (max-width: 767px) {.bar-news-left, .bar-news-right {float:none; width:100%;}}

#bar-news .carousel-indicators {margin:0 0 0 20px;}
@media (max-width: 767px) {#bar-news .carousel-indicators {margin:0}}
#bar-news .carousel-indicators li {padding:15px 60px 15px 15px; border-bottom:1px solid #eee; margin-bottom:2px;border-radius:3px;}
#bar-news .carousel-indicators li:last-child {border-bottom:none;}
#bar-news .carousel-indicators li:hover, #bar-news .carousel-indicators .active {background:#f2f2f2;}
#bar-news .carousel-indicators li strong {display:block; margin-bottom:4px; font-size:14px; font-weight:normal}
#bar-news .carousel-indicators li small {display:inline-block; margin-right:10px; font-weight:bold; color:#777}
#bar-news .carousel-indicators li small i {margin-right:4px;}
#bar-news .carousel-indicators li > i {position:absolute; right:18px; top:50%; width:36px;height:36px; line-height:36px;text-align:center;color:#0DB9DD;font-size:26px;border-radius:50%; margin-top:-18px;}
#bar-news .carousel-indicators li > i:after {box-shadow:0 0 5px rgba(0,0,0,0.2)}
#bar-news .carousel-indicators li > i .fa-newspaper-o {font-size:22px}

#bar-news .carousel-indicators li:hover, #bar-news .carousel-indicators .active {background:#f2f2f2;}

#bar-news .item {margin-bottom:20px;-webkit-transition: opacity 0.1s ease-in-out;-moz-transition: opacity 0.1s ease-in-out;-ms-transition: opacity 0.1s ease-in-out;-o-transition: opacity 0.1s ease-in-out;transition: opacity 0.1s ease-in-out;opacity:0;}
#bar-news .active.item {opacity:1;}
#bar-news .active.left,#bar-news .active.right {left: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
#bar-news .next, #bar-news .prev {left: 0;z-index: 1;}
#bar-news .carousel-control {z-index: 3;}

#bar-news .item .bar-news-img {position:relative; display:block; margin-bottom:20px; padding: 7px; border: 1px solid #F0F0F0; background: #FFF; border-radius:3px;}
#bar-news .item .bar-news-img img {display:block; width:100%; border-radius:3px;}
#bar-news .item .bar-news-img:hover img {opacity:0.8}
#bar-news .item > div {padding:0 7px;}
#bar-news .item .bar-news-info {position:absolute; right:10px; bottom:10px;padding: 4px 5px; color:#111; border-radius:3px; background: #f5ab0c; border-top: 1px solid #f7bd41; border-bottom: 1px solid #b47d09;}
#bar-news .item .bar-news-info small {margin:0 5px;}
#bar-news .item h3 {margin-bottom:20px; font-size:18px; font-size:20px; font-family: "GothamProMedium";}
#bar-news .item h3 strong, #bar-news .item h3 small {display:block;}
#bar-news .item h3 small {padding-top:5px;}
#bar-news .item p {margin-bottom:20px;}

/*bar-trailer*/
#bar-trailer {margin: 0 -25px;}
#bar-trailer .carousel-inner {margin-left:25px;}
#bar-trailer .carousel-indicators {margin:0 13px 0 25px;overflow:auto; height:510px; padding-right:2px;}
#bar-trailer .carousel-indicators::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(180,180,180,0.5); background:#333}
#bar-trailer .carousel-indicators::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px #E87C71; background:#A7281B;}
#bar-trailer .carousel-indicators li {padding:15px 55px 15px 12px; border-top:1px solid #2f2f2f; border-bottom:1px solid #000;}
#bar-trailer .carousel-indicators li:first-child {border-top:none;}
#bar-trailer .carousel-indicators li:last-child {border-bottom:none;}
#bar-trailer .carousel-indicators li strong {display:block; color:#fff; font-weight:normal;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; font-size:14px;}
#bar-trailer .carousel-indicators li span {display:block; color:#999;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
#bar-trailer .carousel-indicators li small {display:inline-block; color:#DF493A; margin:4px 10px 0 0;}
#bar-trailer .carousel-indicators li small i {margin-right:4px;}
#bar-trailer .carousel-indicators li > i {position:absolute; right:12px; top:50%; width:32px;height:32px; line-height:26px;text-align:center;color:#F6574B;font-size:14px;border-radius:50%;border:3px solid #6D6969; margin-top:-16px;}
#bar-trailer .carousel-indicators li > i i {margin-left:2px;}
#bar-trailer .carousel-indicators li:hover, #bar-trailer .carousel-indicators .active {background:#413F3F;}
@media (max-width: 1199px) {#bar-trailer .carousel-indicators {height:420px;}}
@media (max-width: 991px) {
    #bar-trailer .carousel-indicators {margin-top:25px; overflow:auto; height:auto}
    #bar-trailer .carousel-indicators li {width:24%; margin:0.5%; border:1px solid #252525; float:left; height:50px;border-radius:3px; background:#151515;}
    #bar-trailer .carousel-indicators li:first-child {border-top:1px solid #252525;}
	#bar-trailer .carousel-indicators li:last-child {border-bottom:1px solid #252525;}
    #bar-trailer .carousel-indicators li strong, #bar-trailer .carousel-indicators li span, #bar-trailer .carousel-indicators li small {display:none;}
    #bar-trailer .carousel-indicators li > i {right:50%; margin-right:-16px;}
    #bar-trailer .carousel-inner {margin-right:25px;}
    #bar-trailer .carousel-control.right {right:25px;}
}

.afs-error {/*Общий стиль для всех ошибок*/padding: 20px;background: #fff;color: #424242;}
.afs-news-error {/*Стиль ошибки, если новость не найдена*/background: #eceff1;}
.afs-tpl-error {/*Стиль ошибки, если не найден шаблон*/color: #b71c1c;}
.afs-perm-error {/*Стиль ошибки, если не достаточно прав для просмотра полной новости*/background: #e65100;color: #F5F5F5;}

.mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80);}
.mfp-wrap {top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container {text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding:0 8px; box-sizing:border-box;}
.mfp-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.mfp-align-top .mfp-container:before {display: none;}
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {opacity: 0; transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {opacity: 0.8;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%; cursor: auto;}
.mfp-auto-cursor .mfp-content {cursor: auto;}
.mfp-content {position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045;}

.mfp-ajax-cur {cursor: progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:-moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out;}
.mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none;}
.mfp-loading.mfp-figure {display: none;}
.mfp-hide {display: none !important;}
.mfp-preloader {color: #CCC;position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044;}
.mfp-preloader a {color: #CCC;}
.mfp-preloader a:hover {color:#FFF;}
.mfp-s-ready .mfp-preloader {display: none;}
.mfp-s-error .mfp-content {display: none;}
button.mfp-close, button.mfp-arrow {overflow:visible; cursor:pointer; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1045; box-shadow:none; }
button::-moz-focus-inner {padding:0; border:0;}
.mfp-close {width:44px; height:44px; font-weight:bold; line-height:44px; position:absolute; right:0px; top:0px; text-align:center; color:#DF493A; font-size:28px; background:#111}
.mfp-close i {position:relative; z-index:-1}
.mfp-close:hover,.mfp-close:focus {color:#fff; background:#DF493A}
.mfp-close:active {}
.my-mfp-zoom-in .zoom-anim-dialog {opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8);}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {opacity: 1; transform: scale(1);}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {transform: scale(0.8); opacity: 0;}
.my-mfp-zoom-in.mfp-bg {opacity: 0; transition: opacity 0.3s ease-out;}
.my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}
.my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}
.my-mfp-slide-bottom .zoom-anim-dialog {opacity: 0; transition: all 0.2s ease-out; transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {opacity: 1; transform: translateY(0) perspective( 600px ) rotateX( 0 );}
.my-mfp-slide-bottom.mfp-bg {opacity: 0; transition: opacity 0.3s ease-out;}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {opacity: 0;}

#small-dialog {background:#1A1A1A; color:#fff;padding:20px; text-align:left; width: 760px;margin: 50px auto; position: relative; border:10px solid #222}
@media screen and (max-width: 991px) {#small-dialog {width:90%;}}

#main-trailer {position:relative; z-index:1;margin:0 -5px 0 -5px; padding:25px 30px;}
#main-trailer .h-black {margin-right:265px;}
#main-trailer .content-left>div:before, #main-trailer .content-right:before{display:none;}

@media screen and (max-width: 991px) {#main-trailer .h-black {margin-right:0}}
.bar-trailer-click {position:relative; border:8px solid #323232; display:block; margin-bottom:20px;overflow:hidden;}
.bar-trailer-click img {display:block; width:100%; min-height:200px; border-radius:3px;}
#bar-trailer .carousel-control {height:216px; line-height:216px;}
@media (min-width: 468px) {
    .bar-trailer-click {height:256px;}
    .bar-trailer-click img {min-height:240px;}
    #bar-trailer .carousel-control {height:256px; line-height:256px;}}
@media (min-width: 600px) {
    .bar-trailer-click {height:326px;}
    .bar-trailer-click img {min-height:310px;}
    #bar-trailer .carousel-control {height:326px; line-height:326px;}}
@media (min-width: 768px) {
    .bar-trailer-click {height:366px;}
    .bar-trailer-click img {min-height:350px;}
	#bar-trailer .carousel-control {height:366px; line-height:366px;}}
@media (min-width: 992px) {
    .bar-trailer-click {height:366px;}
	.bar-trailer-click img {min-height:350px;}
	#bar-trailer .carousel-control {display:none;}}
@media (min-width: 1200px) {
    .bar-trailer-click {height:451px;}
	.bar-trailer-click img {min-height:435px;}}


.short-trailer {position:relative}
.short-trailer-bottom {overflow:hidden; text-align:right}
.short-trailer-bottom .ul-rating {float:left;}
@media (max-width: 599px) {
    .short-trailer-bottom {text-align:center}
    .short-trailer-bottom .ul-rating {float:none; display:block; margin-bottom:15px;}
}
.short-trailer-shadow {
    width:60%;vertical-align:top;position:absolute;overflow:hidden;top:0;left:0;bottom:0; z-index:1;
    padding:25px 0 0 25px;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.65) 67%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.65) 67%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.65) 67%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);}
.short-trailer-rating {display:inline-block;border:4px solid #FFC600;font-size:16px;line-height:1;color:#FFF;font-weight:bold;padding:10px 15px; text-align:center}
.short-trailer-rating i {color:#F7AE11;font-size:20px; margin-right:5px;}
.short-trailer-title {font-size:34px;color:#FFF;font-weight:bold;text-shadow: #000 0px 0px 10px;text-transform:uppercase;margin:30px 0 0 0;display:block;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.short-trailer-ortitle {color: #A39FB3;font-size:18px;}
.short-trailer-year {color:#fff;margin:20px 0 5px 0;font-size:16px;}
.short-trailer-cast {color:#A39FB3; font-size:13px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.short-trailer-cast b {color:#fff}
.short-trailer-text {padding-top:10px; color:#eee; text-align:justify}
.short-trailer-online {margin:25px 0 15px 0; cursor:pointer;display:inline-block;border:1px solid #562E9C;border-radius:5px;background:#794ACC;height:46px;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.28);line-height:43px;color:#fff;font-size:18px;padding:0 18px;text-shadow:0 0 1px #49248B;}
.short-trailer-online:hover {box-shadow: 0 0 0 3px #E3C009, 0 0 14px 0 #000;text-decoration: none;}
.short-trailer-online i {color:#FFF000;font-size:20px;position: relative;top:2px;text-shadow:0 0 1px #49248B;margin-right:10px;}
.short-trailer-favor {display: inline-block;vertical-align: middle;}
.short-trailer-favor a {display:block;color:#eee;border-radius:3px; height:33px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.15); border: 1px solid #404040; background: #303030; position:relative; text-align:left;}
.short-trailer-favor a i {font-size:18px;height:31px; line-height:31px; padding:0 10px;}
/*.short-trailer-favor a i.fa-eye:after, .short-trailer-favor a i.fa-eye-slash:after {text-align:left;position:absolute; z-index:1; left:40px;font-family: Arial, Helvetica, sans-serif;height:31px;font-size:12px; width:140px; padding-left:12px;}
.short-trailer-favor a i.fa-eye:after {content:"Добавить в закладки";}
.short-trailer-favor a i.fa-eye-slash:after {content:"Убрать из закладок";}*/
.short-trailer-favor a:hover {border:1px solid #fa7d74; background: #f85a4e; background: #f85a4e linear-gradient(top, #f85a4e 0%,#de3e31 100%); color:#fff}
.short-trailer-favor a:hover i {border-right-color:#fa7d74}
@media (max-width: 1199px) {
    .short-trailer-text {display:none;}
}
@media (max-width: 991px) {
    .short-trailer-cast, .short-trailer-year {display:none;}
    .short-trailer-shadow {width:100%; padding:25px 80px 0 80px; text-align:center}
    .short-trailer-title {text-overflow: inherit; white-space: normal; font-size:30px;}
}
@media (max-width: 767px) {
    .short-trailer-title {font-size:24px;}
}
@media (max-width: 599px) {
    .short-trailer-rating {border:2px solid #FFC600;font-size:12px;padding:6px 12px;}
    .short-trailer-rating i {font-size:14px;}
    .short-trailer-title {font-size:18px;}
    .short-trailer-ortitle {font-size:14px;}
    .short-trailer-online {margin:15px 0 0 0; height:40px; line-height:37px; font-size:12px;}
}
@media (max-width: 467px) {
    .short-trailer-online {margin:5px 0 0 0;}
    .short-trailer-ortitle {display:none;}
    .short-trailer-title {font-size:14px;}
    .short-trailer-online {margin:10px 0 0 0; height:30px; line-height:24px; font-size:12px; padding:0 8px;}
}
.bar-trailer-popup h3 {color:#eee; margin:0 0 20px 0; font-size:18px; line-height:26px; padding:0 0 0 50px; position:relative}
.bar-trailer-popup h3 i {position:absolute; top:0; left:0; width:40px; height:30px; line-height:30px;background:#F6574B; color:#fff; text-align:center; font-size:20px !important;}

/*shortstory-film*/
.shortf {width:100%; float:none;}
.shortf > div {margin:0 0 25px 20px;}
.shortf-img {position:relative; margin-bottom:10px; padding: 6px; border: 1px solid #F0F0F0; background: #FFF; border-radius:3px;}
.shortf .shortf-img > a {display:block; overflow:hidden;}
.shortf .shortf-img > a > img {display:block; width:100%; min-height:100%}

@media (min-width: 320px) {
    .shortf .shortf-img > a {height:160px;}
    .shortf .shortf-img > a > img {min-height:160px}
	.shortf {width:50%; float:left;}
}
@media (min-width: 468px) {
    .shortf .shortf-img > a {height:240px;}
	.shortf .shortf-img > a > img {min-height:240px}
	.shortf {width:50%; float:left;}
}
@media (min-width: 600px) {
    .shortf .shortf-img > a {height:210px;}
	.shortf .shortf-img > a > img {min-height:210px;}
	.shortf {width:33.33333333333%; float:left;}
}
@media (min-width: 768px) {
    .shortf .shortf-img > a {height:210px;}
	..shortf .shortf-img > a > img {min-height:210px}
	.shortf {width:25%; float:left;}
}
@media (min-width: 992px) {
    .shortf .shortf-img > a {height:185px;}
	.shortf .shortf-img > a > img {min-height:185px}
	.shortf {width:25%; float:left;}
}
@media (min-width: 1200px) {
    .shortf .shortf-img > a {height:250px;}
	.shortf .shortf-img > a > img {min-height:250px}
	.shortf {width:25%; float:left;}
}
.shortf-shadow {opacity:0;width:80%;position:absolute;top:6px;right:6px; bottom:6px;z-index:2;background:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 35%, rgba(0, 0, 0, 0) 100%);background:-moz-linear-gradient(right, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 35%, rgba(0,0,0,0) 100%);background:-o-linear-gradient(right, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 35%, rgba(0,0,0,0) 100%);background:-ms-linear-gradient(right, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 35%, rgba(0,0,0,0) 100%);background:linear-gradient(to left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 35%, rgba(0, 0, 0, 0) 100%);}
.shortf:hover .shortf-shadow {opacity:1;}
.shortf-play{position:absolute;top:50%;left:50%;text-shadow:0 2px 1px rgba(0, 0, 0, 0.5);font-size:70px !important;margin-top:-35px;margin-left:-25px;color:#fff;opacity:0;z-index:3;}
.shortf-play:hover {color:rgba(255,255,255,0.6)}
.shortf:hover .shortf-play {opacity:1;}
.shortf-quality {position:absolute;top:20px;left:7px;z-index:3;border:2px solid #FFC600;border-left:0;box-shadow:-1px 1px 1px rgba(0, 0, 0, 0.44);background:rgba(0, 0, 0, 0.6);color:#FFC600;text-shadow:0 1px 0 rgba(0,0,0,0.25);font-size:11px;padding:6px 8px;font-weight:bold; border-top-right-radius:3px; border-bottom-right-radius:3px;}

.shortf-series {
    position:absolute; bottom:10px; left:6px; right:6px;background:rgba(0, 0, 0, 0.6); z-index:2; color:#fff; text-align:center; padding:5px 0;
	background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background:-moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background:-o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background:-ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background:linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
.shortf:hover .shortf-series {opacity:0}
#fullstory .shortf-series {padding:7px 0; bottom:15px; left:12px; right:12px; font-size:13px;}

.shortf-link {padding:0 7px; height:32px; overflow:hidden; text-align:center; font-size:15px;}
.shortf-link b, .shortf-link small  {text-overflow: ellipsis;white-space: nowrap;overflow:hidden; display:block}
.shortf-link small {height:15px; font-size:12px; padding-top:3px;}
.shortf-rating{position:absolute;bottom:15px;right:20px;z-index:3;font-size:15px;font-weight:bold;color:#fff;text-align:center;opacity:0;}
.shortf-rating .fa{font-size:30px;color:#FFC600; display:block; margin-bottom:3px;}
.shortf:hover .shortf-rating {opacity:1;}
.shortf-favor{top:65px;position:absolute;right:15px;z-index:3;opacity:0;background:rgba(0, 0, 0, 0.3);border-radius:3px;}
.shortf-favor a {color:rgba(255,255,255, 0.8);display:block; }
.shortf-favor i {font-size:25px;padding:5px 7px;}
.shortf-favor:hover {background:rgba(0, 0, 0, 0.6);}
.shortf-favor:hover i {color:#FFC600;}
.shortf:hover .shortf-favor {opacity:1;}
.shortf-modal{color:rgba(255,255,255, 0.8);position:absolute;top:20px;right:15px;z-index:3;border-radius:3px;cursor:pointer;opacity:0;background:rgba(0, 0, 0, 0.3);}
.shortf-modal i{font-size:28px;text-shadow:0 1px 0px rgba(0, 0, 0, 0.3);padding:5px 7px;}
.shortf-modal:hover{background:rgba(0, 0, 0, 0.6);}
.shortf-modal:hover i{color:#FFC600;}
.shortf:hover .shortf-modal{opacity:1;}

.shortf-popup .modal-body {background:#f0f0f0;}
.shortf-left {padding:20px; float:left; width:70%; background:#fff}
.shortf-right {float:left; width:30%; position:relative; padding-top:80px;}
@media (max-width: 767px) {.shortf-left, .shortf-right {width:100%; float:none;}}
.shortf-pplay {display:block;text-align:center;padding:15px 0 25px 0; margin:0 20px; color:#0DB9DD;font-size:15px; line-height:1.2; position:relative; border-top:1px solid #ddd;}
.shortf-pplay:before {position:absolute; width:100%; content:"";border-top: 1px solid #fff; left:0; top:0}
.shortf-pplay > i {display:block;font-size:115px;margin-bottom:20px;color:#0DB9DD;}
.shortf-pplay > strong {display:block; text-transform:uppercase}
.shortf-pplay > small {display:block; padding-top:5px; font-weight:bold;}
.shortf-pplay:hover {color:#0DB9DD;}
.shortf-pplay:hover > i {color:#F6574B}
.shortf-ptext {text-align:justify; padding-bottom:15px;}
.shortf-prating {bottom:auto; right:15px; top:15px;}
.shortf-pquality {position:absolute;top:28px;right:0;z-index:1;border:2px solid #FFC600;border-right:0;box-shadow:-1px 1px 1px rgba(0, 0, 0, 0.44);background:rgba(0, 0, 0, 0.6);color:#FFC600;text-shadow:0 1px 0 rgba(0,0,0,0.25);font-size:11px;padding:6px 8px;font-weight:bold;}
.shortf-prating{position:absolute;top:28px;left:18px;z-index:1; height:32px;line-height: 32px; width:80px; overflow:hidden;}
.shortf-prating .fa {font-size:26px;color:#FFC600; margin-right:8px; vertical-align:middle}
.shortf-prating small {font-size:15px;font-weight:bold;color:#333; display:inline-block;vertical-align:middle}
.shortf-ptitle {padding:0 0 10px 0; border-bottom:1px solid #e5e5e5; margin-bottom:15px;}
.shortf-ptitle strong {display:block; font-size: 24px; font-family: "GothamProMedium", Arial, sans-serif; line-height:1.1}
.shortf-ptitle small {color:#888; display:block; font-size:14px; padding-top:6px;}

/*shortstory-lilm3*/
.shortstory-film3 {overflow:hidden; margin:0 -12px 0 0}
.shortstory-film3 li {float:left; width:50%}
.shortstory-film3 li a {display:block; margin:0 12px 20px 0}
.shortstory-film3 li a > strong, .shortstory-film3 li a > small {overflow:hidden;white-space:nowrap; text-overflow:ellipsis; display:block; text-align:center}
.shortstory-film3 li a > small {color:#676767; min-height:15px;}
.shortstory-film3 li a > span {display:block; position:relative; margin-bottom:8px;padding: 4px;border: 1px solid #F0F0F0;background: #FFF;}
.shortstory-film3 li a > span img {display:block; width:100%; height:150px;}
.shortstory-film3 .shortf-quality {left:5px; top:10px;padding: 4px 6px;}
.shortstory-film3 li a .shortf-shadow {top:5px; right:5px; bottom:5px;}
.shortstory-film3 li a .shortf-rating {right:10px; bottom:10px; font-size:12px;}
.shortstory-film3 li a .shortf-rating i {font-size:20px;}
.shortstory-film3 li a .shortf-play {font-size:50px !important; margin-top:-25px; margin-left:-15px; opacity:0.2}
.shortstory-film3 li a:hover .shortf-shadow, .shortstory-film3 li a:hover .shortf-rating, .shortstory-film3 li a:hover .shortf-play {opacity:1}
@media (min-width: 468px) {
	.shortstory-film3 li {width:50%}
    .shortstory-film3 li a > span {height:270px;}
    .shortstory-film3 li a > span img {height:260px;}}
@media (min-width: 600px) {
	.shortstory-film3 li {width:25%}
    .shortstory-film3 li a > span {height:190px;}
    .shortstory-film3 li a > span img {height:180px;}}
@media (min-width: 768px) {
    .shortstory-film3 li {width:25%}
    .shortstory-film3 li a > span {height:240px;}
    .shortstory-film3 li a > span img {height:230px;}}
@media (min-width: 850px) {
	.shortstory-film3 li {width:25%}
    .shortstory-film3 li a > span {height:250px;}
    .shortstory-film3 li a > span img {height:240px;}}
@media (min-width: 992px) {
	.shortstory-film3 li {width:50%}
    .shortstory-film3 li a > span {height:160px;}
    .shortstory-film3 li a > span img {height:150px;}}
@media (min-width: 1200px) {
	.shortstory-film3 li {width:50%}
    .shortstory-film3 li a > span {height:165px;}
    .shortstory-film3 li a > span img {height:155px;}}

/*shortstory-film4*/
.bar-topfilm {padding:0 25px;margin: 0 0 -8px 0;}
.shortstory-film4 {overflow:hidden;}
.shortstory-film4 a {display:block;}
.shortstory-film4 a > small {position:absolute; left:15px; right:15px; bottom:20px; z-index:2; opacity:0}
.shortstory-film4 a:hover > small {opacity:1}
.shortstory-film4 a > small b, .shortstory-film4 a > small i {overflow:hidden;white-space:nowrap; text-overflow:ellipsis; display:block; font-style:normal}
.shortstory-film4 a > small b {font-size:12px; color:#fff}
.shortstory-film4 a > small i {color:#ddd; font-size:11px;}
.shortstory-film4 a > span {display:block; position:relative; margin-bottom:8px;padding: 4px;border: 1px solid #383838;background: #323232;}
.shortstory-film4 a > span img {display:block; width:100%; height:auto;}
.shortstory-film4 .shortf-quality {left:5px; top:10px;padding: 4px 6px;}
.shortstory-film4 a .shortf-shadow {top:4px; right:4px; bottom:4px; left:4px; background:rgba(0, 0, 0, 0.7); width:auto}
.shortstory-film4 a .shortf-rating {right:10px; bottom:auto; top:10px; font-size:12px;}
.shortstory-film4 a .shortf-rating i {font-size:20px;}
.shortstory-film4 a .shortf-play {font-size:50px !important; margin-top:-25px; margin-left:-15px; opacity:0.5}
.shortstory-film4 a:hover .shortf-shadow, .shortstory-film4 a:hover .shortf-rating, .shortstory-film4 a:hover .shortf-play {opacity:1}
@media (min-width: 468px) {.shortstory-film4 a > span img {height:auto;}}
@media (min-width: 600px) {.shortstory-film4 a > span img {height:180px;}}
@media (min-width: 768px) {.shortstory-film4 a > span img {height:215px;}}
@media (min-width: 850px) {.shortstory-film4 a > span img {height:220px;}}
@media (min-width: 992px) {.shortstory-film4 a > span img {height:190px;}}
@media (min-width: 1200px) {.shortstory-film4 a > span img {height:200px;}}

/*shortstory-related*/
#bar-related {padding: 25px 30px 15px 30px;}
#bar-related .owl-nav .owl-prev, #bar-related .owl-nav .owl-next {color:#fff; top:45%; width:22px; height:22px; margin-top:-11px; line-height:22px;font-size:22px;}
#bar-related .owl-nav .owl-prev {left:-25px;}
#bar-related .owl-nav .owl-next {right:-25px}
#bar-related .owl-nav .owl-prev:hover, #bar-related .owl-nav .owl-next:hover {color:#F6574B}
.shortstory-related {overflow:hidden; margin-bottom:10px;}
.shortstory-related a {display:block; color:#fff}
.shortstory-related a > strong, .shortstory-related a > small {overflow:hidden;white-space:nowrap; text-overflow:ellipsis; display:block;}
.shortstory-related a > strong {font-size:13px;}
.shortstory-related a > small {color:#474747; min-height:15px;}
.shortstory-related a > span {display:block; position:relative; margin-bottom:8px;padding: 4px;border: 1px solid #F0F0F0;background: #FFF;}
.shortstory-related a > span img {display:block; width:100%; height:auto;}
.shortstory-related .shortf-quality {left:5px; top:10px;padding: 4px 6px;}
.shortstory-related a .shortf-shadow {top:4px; right:4px; bottom:4px;}
.shortstory-related a .shortf-rating {right:10px; bottom:10px; font-size:12px;}
.shortstory-related a .shortf-rating i {font-size:20px;}
.shortstory-related a .shortf-play {font-size:50px !important; margin-top:-25px; margin-left:-15px; opacity:0.2}
.shortstory-related a:hover .shortf-shadow, .shortstory-related a:hover .shortf-rating, .shortstory-related a:hover .shortf-play {opacity:1}
.shortstory-related a:hover {color:#F6574B}
/*@media (min-width: 468px) {.shortstory-related a > span img {height:auto;}}
@media (min-width: 600px) {.shortstory-related a > span img {height:180px;}}
@media (min-width: 768px) {.shortstory-related a > span img {height:200px;}}
@media (min-width: 850px) {.shortstory-related a > span img {height:210px;}}
@media (min-width: 992px) {.shortstory-related a > span img {height:190px;}}
@media (min-width: 1200px) {.shortstory-related a > span img {height:200px;}}*/

/*shortstory-block*/
.shortstory-block {width:100%; float:none;}
.shortstory-block > div {margin:0 0 25px 20px;}

.short-img {position:relative; margin-bottom:10px; padding: 7px; border: 1px solid #F0F0F0; background: #FFF; border-radius:3px;}
.short-img > img {height:auto; display:block; width:100%; border-radius:3px;}
.short-bg {position:absolute;z-index:1;top:7px;bottom:7px;left:7px;right:7px;background: rgba(12, 12, 13, 0.6);opacity:0;transition:all 300ms ease-in;}
.short-img:hover .short-bg {opacity: 1.0;transition:all 300ms ease-in;}
.short-link {padding:0 7px; height:29px; overflow:hidden; text-align:center; font-size:13px;}
.short-more {position: absolute;top: 50%;left: 50%;display: block;overflow: hidden; margin:-25px 0 0 -25px;width: 50px;transition:all 300ms ease-in;height: 50px; line-height:50px; text-align:center;background: #F6574B; background:rgba(246,87,75,0.6);border-radius: 50%; color:#fff}
.short-more:hover {background: #fff; background:rgba(255,255,255,0.6); color:#F6574B;transition:all 300ms ease-in;}
.short-more i {font-size:24px; vertical-align:middle}
.short-abstitle {position:absolute; z-index:2; left:7px; right:7px; bottom:7px;font-size:14px; line-height:1.2; padding:10px;background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.6) 100%);}
.short-abstitle a { color:#fff; font-weight:bold;}

.shortstory-video .short-bg {opacity:1; background:none;}
.shortstory-video .short-img:hover .short-bg {opacity: 1.0;background: rgba(12, 12, 13, 0.6);}
.shortstory-video .short-more i {margin-left:5px; font-size:28px;}

.short-info {position: absolute;top: 16px;left: 17px;z-index: 3; opacity:0}
.shortstory-film:hover .short-info {opacity: 1.0;}
.short-info1 {display: block;width: 32px; line-height:37px; text-align:center;height: 32px;cursor: pointer;border-radius: 50%;background: #f6574b;border: 1px solid #fa7d74;}
.short-info1 > i {color:#fff; font-size:18px;}
.short-info1:hover .short-popup {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.short-popup em {display: block;font-size: 14px;color: #9b9b9b;padding-bottom: 8px;border-bottom:1px solid #f0f0f0;}
.short-popup em a:hover {text-decoration: underline;}
.short-popup span {float: right;color: #528a35;}
.short-popup > i {display:block;font-style: normal; padding-top:8px;}
.short-bg, .short-img:hover .short-bg, .short-popup {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.shortstory-film .short-popup {text-align:left; line-height:1.3;position: absolute;top: -5px;left: 43px; z-index:9;width: 278px;padding: 25px 26px;background: #fff;border: 1px solid #eee;font-size: 14px;color: #404040;cursor: default;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform:scale(0);transform:scale(0); border-radius:3px;}
.shortstory-film:nth-child(3) .short-popup,
.shortstory-film:nth-child(4) .short-popup,
.shortstory-film:nth-child(7) .short-popup,
.shortstory-film:nth-child(8) .short-popup,
.shortstory-film:nth-child(11) .short-popup,
.shortstory-film:nth-child(12) .short-popup,
.shortstory-film:nth-child(15) .short-popup,
.shortstory-film:nth-child(16) .short-popup {left:auto; right:43px;}

.shortstory-film .short-popup:before {content: '';position: absolute;top: 8px;left: -20px;right: auto;width: 0;height: 0;border: 11px solid transparent;border-right-color: #FFF;}
.shortstory-film:nth-child(3) .short-popup:before,
.shortstory-film:nth-child(4) .short-popup:before,
.shortstory-film:nth-child(7) .short-popup:before,
.shortstory-film:nth-child(8) .short-popup:before,
.shortstory-film:nth-child(11) .short-popup:before,
.shortstory-film:nth-child(12) .short-popup:before,
.shortstory-film:nth-child(15) .short-popup:before,
.shortstory-film:nth-child(16) .short-popup:before {right: -10px;left: auto;border-right:none !important;border-left-color: #FFF;}

@media (min-width: 320px) {
	.shortstory-block {width:50%; float:left}
	.short-img > img {height:90px;}

	.shortstory-block.shortstory-film .short-img > img {height:160px}
	.shortstory-block.shortstory-film {width:50%; float:left;}
}
@media (min-width: 468px) {
	.shortstory-block {width:50%; float:left}
	.shortstory-block .short-img > img {height:140px;}

	.shortstory-block.shortstory-film .short-img > img {height:240px}
	.shortstory-block.shortstory-film {width:50%; float:left;}
}
@media (min-width: 600px) {
	.shortstory-block {width:33.33333333333%; float:left}
	.shortstory-block .short-img > img {height:110px;}

	.shortstory-block.shortstory-film .short-img > img {height:190px;}
	.shortstory-block.shortstory-film {width:33.33333333333%; float:left;}
}
@media (min-width: 768px) {
	.shortstory-block {width:33.33333333333%; float:left}
	.shortstory-block .short-img > img {height:140px;}

	.shortstory-block.shortstory-film .short-img > img {height:200px}
	.shortstory-block.shortstory-film {width:25%; float:left;}
}
@media (min-width: 992px) {
	.shortstory-block {width:33.33333333333%; float:left}
	.shortstory-block .short-img > img {height:130px;}

	.shortstory-block.shortstory-film .short-img > img {height:170px}
	.shortstory-block.shortstory-film {width:25%; float:left;}
}
@media (min-width: 1200px) {
	.shortstory-block {width:33.33333333333%; float:left;}
	.shortstory-block .short-img > img {height:150px;}

	.shortstory-block.shortstory-film .short-img > img {height:235px}
	.shortstory-block.shortstory-film {width:25%; float:left;}
}

/*shortstory*/
.shortstory {overflow:hidden; margin:0 0 25px 20px; border-bottom:1px solid #e5e5e5; padding-bottom:25px;}
.short-left {float:left; width:40%;}
.short-right {float:left; width:60%;}
.short-right > div {padding-left:25px;}
.shortstory .short-img {margin:0}
.shortstory .short-img > img {height:auto}
.short-iconcat {position:absolute; width:32px; height:32px; line-height:32px; top:12px; left:12px;background:#F6574B; text-align:center; border-radius:3px;}
.short-iconcat i {font-size:18px; vertical-align:middle; color:#fff}

.shortstory h2 {font-size:20px; font-family: "GothamProMedium", Arial, sans-serif; line-height:1;  margin-bottom:5px;}
.shortstory h2 a {color:#0B97B5;}
.shortstory h2 a:hover {color:#DF493B}
.shortstory h2 strong, .shortstory h2 small, .shortstory h2 span {display:block;}
.shortstory h2 span {font-size:16px;}
.shortstory h2 small {padding-top:10px; font-size:15px;}

.short-text {line-height:1.5; text-align:justify}
.short-bottom {display:block; overflow:hidden; margin-top:10px; color:#777; background:#f9f9f9; border-bottom:2px solid #f5f5f5}
.short-bottom > small {padding:5px; display:inline-block;}
.short-bottom i {margin-right:2px;}
@media (max-width: 767px) {
	.short-left, .short-right {float:none; width:100%;}
	.short-right > div {padding:0 10px;}
	.shortstory .short-img {margin-bottom:25px;}
}


/*shortstory-serial*/
.block-serialmain {margin-right:-20px;}

.shortf-serial {width:100%; float:none}
@media (min-width: 468px) {.shortf-serial {float:left; width:50%;}}
@media (min-width: 768px) {.shortf-serial {float:left; width:33.333333333%;}}

.shortf-serial > div {position:relative; padding:10px 10px 10px 35px; margin:0 20px 0 0; border-radius:3px; height:49px;}
.block-serialmain .shortf-serial:nth-child(-n+3) > div,
.block-serialmain .shortf-serial:nth-child(n+7):nth-child(-n+9) > div,
.block-serialmain .shortf-serial:nth-child(n+13) > div {background:#f5f5f5;}

.shortf-serial > div > h3 a {display:block;}
.shortf-serial > div > h3 a > span {font-size:13px;font-weight:bold; margin-bottom:3px;text-overflow: ellipsis; white-space: nowrap; display:block; overflow: hidden;}
.shortf-serial > div > h3 a > span small {color:#555; font-size:11px;}
.shortf-serial > div > h3 a > small {color:#777; text-overflow: ellipsis; white-space: nowrap; display:block; font-size:12px; overflow: hidden;}
.shortf-serial > div > h3 a:hover, .shortf-serial > div > h3 a:hover > span small {color:#DF493B}

.shortf-serial .shortf-modal {top:8px; left:8px; right:auto; background:none; opacity:1}
.shortf-serial .shortf-modal i {font-size:20px; padding:0; color:#0DB9DD; text-shadow:none;}
.shortf-serial .shortf-modal:hover i {color:#F6574B}




/*owl-carousel*/
.owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut;}
@-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;}}
@keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;}}
.owl-height {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0; display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel .owl-refresh .owl-item {display: none;}
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-item img {display: block; width: 100%; -webkit-transform-style: preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;}
.owl-carousel .owl-grab {cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.no-js .owl-carousel {display: block;}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.owl-nav {}
.owl-nav .owl-prev, .owl-nav .owl-next {position:absolute;z-index:4; top:-42px; width:26px; height:26px; line-height:26px; color:#202020; font-size:26px; text-align:center;}
.owl-nav .owl-prev {right:30px;}
.owl-nav .owl-next {right:0}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {color:#F6574B}

.owl-dots {position:absolute; text-align:right; right:15px; bottom:0}
.owl-dot {display:inline-block; width:10px; height:10px; border-radius:50%; background:#ddd; margin:0 2px;}
.owl-dot:hover, .owl-dot.active {background:#0DB9DD;}

.owl-carousel .shortf, .owl-carousel .shortstory-block {float:none !important; width:100% !important}
.owl-carousel .shortf > div, .owl-carousel .shortstory-block > div {margin:0 !important;}

/*bar-related*/
#bar-related .owl-dots {position:static; text-align:center; right:0; bottom:0; margin-top:10px;}
#bar-related .owl-dot {background:#fff;}
#bar-related .owl-dot:hover, #bar-related .owl-dot.active {background:#F6574B;}

/*owl-film*/
.owl-film .owl-nav .owl-prev, .owl-film .owl-nav .owl-next {border-radius:3px;top:50%; height:60px; width:40px; line-height:60px; margin-top:-30px; text-align:center; color:rgba(255,255,255,0.8);background:rgba(0, 0, 0, 0.7);}
.owl-film .owl-nav .owl-prev:hover, .owl-film .owl-nav .owl-next:hover {background:#0DB9DD; color:#fff}
.owl-film .owl-nav .owl-prev {left:-10px; border-left:none;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.44);}
.owl-film .owl-nav .owl-next {right:-10px; border-right:none;box-shadow:-1px 1px 1px rgba(0, 0, 0, 0.44);}
.owl-film .owl-dots {right:0; bottom:auto; top:-25px;}


/*fulstory*/
#fullstory {margin:0 -25px 0 -5px}
#bar-film {padding: 25px 25px 0 25px; background:#fdfdfd; margin:-10px 0 25px 0; border-bottom:1px solid #efefef;  border-top:1px solid #efefef;}

#bar-video, #bar-images {position:relative; z-index:1;margin:0 0 0 -5px; padding:25px 30px;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);}
#bar-video {border-top: 1px solid #515151; border-bottom: 1px solid #090909;}
#bar-video > strong {display:block;margin: 0 0 15px 0; padding-bottom:10px; font-size: 16px; font-weight:normal; font-family: "GothamProMedium",Arial,sans-serif;text-transform: uppercase; color: #fff; position:relative; border-bottom:1px solid #383838;}
#bar-video > strong:after {position:absolute; width:100%; left:0; bottom:0; content:"";border-top: 1px solid #090909;}

#bar-images {background: #333232; border-top: 1px solid #484848;}
.film-img {float:left; width:33%; position:relative;text-align:center}
.film-info {float:right;width:64%}
@media (max-width: 767px) {.film-img, .film-info {float:none; width:100%;}}

.video-responsive .mejs-container, .video-responsive embed, .video-responsive object, .video-responsive video, .video-responsive iframe, .video-responsive frame, .video-responsive .mejs-overlay {width: 100% !important; height:250px !important;;}
@media (min-width: 468px) {.video-responsive .mejs-container, .video-responsive embed, .video-responsive object, .video-responsive video, .video-responsive iframe, .video-responsive frame, .video-responsive .mejs-overlay {width: 100% !important; height:250px !important;;}}
@media (min-width: 600px) {.video-responsive .mejs-container, .video-responsive embed, .video-responsive object, .video-responsive video, .video-responsive iframe, .video-responsive frame, .video-responsive .mejs-overlay {width: 100% !important; height:300px !important;;}}
@media (min-width: 768px) {.video-responsive .mejs-container, .video-responsive embed, .video-responsive object, .video-responsive video, .video-responsive iframe, .video-responsive frame, .video-responsive .mejs-overlay {width: 100% !important; height:380px !important;;}}
@media (min-width: 992px) {.video-responsive .mejs-container, .video-responsive embed, .video-responsive object, .video-responsive video, .video-responsive iframe, .video-responsive frame, .video-responsive .mejs-overlay {width: 100% !important; height:300px !important;;}}
@media (min-width: 1200px) {.video-responsive .mejs-container, .video-responsive embed, .video-responsive object, .video-responsive video, .video-responsive iframe, .video-responsive frame, .video-responsive .mejs-overlay {width: 100% !important; height:400px !important;;}}
.video-responsive .mejs-container.mejs-container-fullscreen, .video-responsive .mejs-container.mejs-container-fullscreen .mejs-overlay,
.video-responsive .mejs-container.mejs-container-fullscreen embed, .video-responsive .mejs-container.mejs-container-fullscreen object, .video-responsive .mejs-container.mejs-container-fullscreen video, .video-responsive .mejs-container.mejs-container-fullscreen iframe, .video-responsive .mejs-containermejs-container-fullscreen frame {height:100% !important;}

#fullstory h1 {margin:0 25px 15px 25px; padding:0 0 15px 0;}
#fullstory h1 > strong {display:block; margin-bottom:6px; font-size:22px;font-family: "GothamProMedium", Arial, sans-serif;}
#fullstory h1 > strong i {font-size:22px; font-style:normal;}
#fullstory h1 > small {display:block; font-size:12px;}
@media (min-width: 1200px) {
    #fullstory h1 > strong {font-size:28px;}
    #fullstory h1 > strong i {font-size:28px;}
}

.film-poster {position:relative; padding: 7px; border: 1px solid #eee; background: #fff; margin-bottom:25px;}
.film-poster img {display:block; width:100%;}
.film-poster .shortf-quality {left:8px; }
@media (max-width: 767px) {
    .film-poster {display:inline-block;}
    .film-poster img {max-width:100%}
}
@media (min-width: 1200px) {
    .film-poster {padding:12px;}
    .film-poster .shortf-quality {left:13px;top:30px;}
}

.f-info {padding-bottom:15px; margin-bottom:15px;}
.f-info li {margin:5px 0;}
.f-info li .f-info-title {display:table-cell; vertical-align:top; width:100px; color:#111; font-weight:bold;}
.f-info li .f-info-text {display:table-cell; vertical-align:top; color:#676767; font-size:13px;}
.film-info .f-info:last-child {border-bottom:none;}

.fstory-rating {position:relative; border-top:2px dashed #eee; padding-top:25px; margin-top:-15px;}
.fstory-rating:before {position: absolute; width: 100%; height: 0; content: ""; left: 0; top: 2px; border-top: 2px dashed #eee;}
.fstory-rating-left {margin-bottom:15px;}
.fstory-rating-right {}
@media screen and (min-width: 467px) {
	.fstory-rating-left {float:left; width:50%; text-align:left; margin:0}
	.fstory-rating-right {float:right;text-align:right; width:50%}
}

.site-rating {overflow:hidden;}
.site-rating b {display:block; color:#0DB9DD; font-size: 15px; margin-top:2px;}
.site-rating small {display:block;color: #8f95a3;font-size: 10px;}
.site-rating .kinopoisk {position:relative; float:left; height:46px; padding:0 20px 0 50px;}
.site-rating .kinopoisk:before {top: 0px; left: 0px; content: ""; width: 46px; height: 46px; position: absolute;background: url(../images/kinopoisk.png) no-repeat 0 0; background-size:90%;}
.site-rating .imdb {position:relative; float:left; height:46px; padding:0 0 0 50px;}
.site-rating .imdb:before {top: 0px; left: 0px; content: ""; width: 46px; height: 46px; position: absolute;background: url(../images/imdb.png) no-repeat 0 0; background-size:90%;}

.fstory-time{width:50px;text-align:center;height:44px;overflow:hidden;color:rgb(111, 111, 111); display:inline-block;vertical-align:middle;}
.fstory-time i{font-size:28px; display:block; margin-bottom:4px;}
.fstory-age{background:#5cb85c;font-size:22px;color:#fff;text-align:center;border:2px solid #fff; width:44px; height:44px; line-height:42px; border-radius:50%;box-shadow:0 0 1px 1px #5cb85c;margin:-1px 0 -1px 20px;display:inline-block;vertical-align:middle;}
.fstory-mobile{margin:0 0 0 20px; display:inline-block;vertical-align:middle;}
.fstory-mobile i{font-size:44px;position:relative;color:#9FC739;}
.fstory-mobile .fa-apple {margin-left:10px; color:#E29927}

/*tooltip*/
.tooltip {position:absolute; z-index:10; display:block; visibility:visible; font-size:12px; line-height:1.4; opacity: 0; filter: alpha(opacity=0);}
.tooltip.in {opacity:0.95; filter: alpha(opacity=95);}
.tooltip.top {margin-top:-5px; padding:5px 0;}
.tooltip.bottom {margin-top:5px; padding:5px 0;}
.tooltip-inner {max-width:250px;padding:8px 10px; color:#fff; text-align:center;background:#0DB9DD;background:rgba(13,185,221,0.9);	border-radius:3px;}
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.top .tooltip-arrow {bottom:0px; left:10%; margin-left:-5px; border-width:7px 7px 0; border-top-color:#0DB9DD;}
.tooltip.bottom .tooltip-arrow {top:0px; left:10%; margin-left:-5px; border-width:0 7px 7px; border-bottom-color:#0DB9DD;}

.video-responsive iframe {width: 100% !important; height:400px;}
@media screen and (max-width: 991px) {.video-responsive iframe {height:380px;}}
@media screen and (max-width: 767px) {.video-responsive iframe {height:320px;}}
@media screen and (max-width: 600px) {.video-responsive iframe {height:260px;}}
@media screen and (max-width: 467px) {.video-responsive iframe {height:220px;}}

#owl-images img {display:block; border:7px solid #fff;}
#owl-images .owl-nav .owl-prev, #owl-images .owl-nav .owl-next {color:#fff; top:50%; width:22px; height:22px; margin-top:-11px; line-height:22px;font-size:22px;}
#owl-images .owl-nav .owl-prev {left:-25px;}
#owl-images .owl-nav .owl-next {right:-25px}
#owl-images .owl-nav .owl-prev:hover, #owl-images .owl-nav .owl-next:hover {color:#F6574B}

#bar-content {text-align:justify; font-size:14px; line-height:1.4;}
#bar-content img {max-width:100%; height:auto;}
#bar-content ol, #bar-content ul {margin:15px 0; padding-left:20px; overflow:hidden; color:#111}
#bar-content ol {list-style: decimal; padding-left:30px;}
#bar-content ul {list-style: inside;}
#bar-content small, #bar-content p {display:inline-block; vertical-align:top;}
#bar-content h2, #bar-content h3 {font-size:22px; margin-bottom:5px;}
#bar-content small {color:#888;}
#bar-content h2 a, .fstory-content h3 a {color:#0B97B5}
#bar-content h2 a:hover, .fstory-content h3 a:hover {color:#DF493B}

.social-button {margin:0 25px 15px 25px; padding:15px 0 0 0;border-top:1px solid #eee; overflow:hidden;}
.social-button > ul {float:left}
.social-button > div {float:right}
.social-button .fb_iframe_widget {top: 8px; margin-right:15px;}
@media (max-width: 767px) {
    .social-button > ul {float:none; margin-bottom:10px;}
    .social-button > div {float:none;}
    .social-button .fb_iframe_widget {top:0; margin-top:10px}
}

.bar-newsinfo {display:block; margin:-10px 25px 15px 25px;border-bottom:1px dashed #e5e5e5; border-top:1px dashed #e5e5e5; padding:5px 0; color:#888;}
.bar-newsinfo > small {padding:0 5px; display:inline-block;}
.bar-newsinfo i {margin-right:2px;}
.bar-fullstory {padding:10px 25px 10px 30px; margin:0 0 15px -5px;background-color: #282828;border-top: 1px solid #515151;border-bottom: 3px solid #090909;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);}

.ul-infoicon > li {display:inline-block; vertical-align:middle; margin-right:2px;}
@media (max-width: 767px) {.ul-infoicon > li {margin-top:5px;}}
.ul-infoicon > li > a {height:34px; background: #5A5858; color: #ddd;display:block; padding: 0 10px; line-height:34px; border-radius:3px;}
.ul-infoicon > li > a i {margin-right:8px;}
.ul-infoicon > li > a i.fa-lg {margin-right:0}
.ul-infoicon li.dropdown {position:relative;}
.ul-infoicon .dropdown-menu {width:200px; font-size:11px; padding:0; left:auto; right:0; top:110%;}
.ul-infoicon .dropdown-menu li {float:none; width:100%; color:#eee;padding:0 0 0 10px; font-size:12px;line-height:32px; height:32px; margin:0}
.ul-infoicon .dropdown-menu li:nth-child(even) {background:#0A8BA7}
.ul-infoicon .dropdown-menu li a {color:#fff; text-decoration:underline}
.ul-infoicon .dropdown-menu li a:hover {text-decoration:none}
.ul-infoicon .dropdown-menu li i {font-size:14px; margin-right:10px;}
.ul-infoicon > li > a:hover, .ul-infoicon > li > a:focus, .ul-infoicon > li.open > a, .ul-infoicon > li.open > a:hover, .ul-infoicon > li.open > a:focus {background:#0B97B5; outline:0; color:#fff}

.bar-tags {padding:0 0 0 40px; position:relative; min-height:38px; color:#fff}
.bar-tags-text {color:#777; font-size:20px; position:absolute; top:5px; left:0; width:30px;}
.bar-tags a {display:inline-block; vertical-align:middle; padding:8px 12px; border-radius:20px;font-size:12px; border:1px solid #e5e5e5; margin-bottom:4px; color:#666}
.bar-tags a:hover {background:#eee; color:#111}

/*bar-comment*/
.bar-comment-visised {margin-bottom:25px; position:relative;  }
.bar-comment-visised-in {border:5px solid #e5e5e5; background:#fff; text-align:center; padding:25px 0; left:10px; right:10px;}
@media (min-width: 600px) {
	.bar-comment-visised {min-height:175px;background:url(../images/comment.jpg) 0 50% no-repeat;background-size:contain;}
	.bar-comment-visised-in {width:300px;  margin:-50px 0 0 -150px; top:50%; left:50%;position:absolute;}}
@media (min-width: 768px) {
	.bar-comment-visised {min-height:220px;}
	.bar-comment-visised-in { margin:-50px 0 0 -150px;}}
@media (min-width: 992px) {.bar-comment-visised {min-height:198px;}}
@media (min-width: 1200px) {.bar-comment-visised {min-height:242px;}}
.login-social {text-align:center; overflow:hidden; margin-bottom:10px; height:25px;}
.login-social li {display:inline-block; vertical-align:middle}
.login-social a {font-size:0; text-indent:-9999px; display:block;height:25px; width:25px;background:url(../images/social.png) 0 0 no-repeat}
.login-social a.social-vk {background-position:-75px 0;}
.login-social a.social-odn {background-position:-200px 0;}
.login-social a.social-fb {background-position:-50px 0;}
.login-social a.social-ml {background-position:-175px 0;}
.login-social a.social-ya {background-position:-150px 0;}
.login-social a.social-gl {background-position:-25px 0;}
.login-social a:hover {opacity:0.8}

/*comments*/
.comm {position: relative;padding: 54px 0 25px 0;}
.comm-ava {position: absolute;top:0;left:0;overflow:hidden;width:40px;height:40px;border-radius:50%;}
.comm-ava img {width:40px;height:40px; display:block;}
.comm-login {position:absolute;top:4px;left:52px;font-size:12px;color:#b4b4b4;}
.comm-login > b {font-weight:normal; display:block}
.comm-login small {display:block;}
.comm-rating {position:absolute;top:7px;right:0;}
.comm-text {position:relative;color:#eee;border-radius:3px;background:#7A8292;padding:15px;}
.comm-text a {color: #60f6ed;}
.comm-text a:hover {text-decoration: none;}
.comm-text:before {content: '';position: absolute;top: -9px;left: 17px;width: 0;height: 0;border-top: 9px solid transparent;border-left: 13px solid #7A8292;}
.comm-slink {border-top:1px dashed #999FAC; color:#B8BCC5; padding-top:5px;}
.comm-bottom {position:relative;border-bottom:1px solid #e5e5e5; padding:10px 0;}
.comm-bottom ol {overflow:hidden}
.comm-bottom ol li {float:right; margin-right:5px; line-height:28px; font-size:11px;}
.comm-bottom ol li a {text-align:center; display:block;height:22px; padding:0 4px; line-height:20px; border-radius:3px; border:1px solid #ddd; color:#777}
.comm-bottom ol li a:hover {color:#fff; background:#0B97B5; border-color:#0B97B5}
.comm-bottom ol li.comm-bottom-left {float:left}
.comm-bottom ol li.mass-action {height:22px; padding:0 4px; line-height:20px;border-radius:3px; border:1px solid #ddd; color:#777}
.comm-bottom ol li.mass-action input {display:inline-block; vertical-align:middle}

/*form*/
.igroup {position:relative; display:table; border-collapse:separate; margin-bottom:8px;}
.igroup-20 {margin-top:15px;}
.igroup-input, #page-input select {display: block; width: 100%; height: 34px; padding: 7px 12px; font-size: 12px; line-height: 1.4; color: #666 !important; background: #fff; border: 1px solid #e5e5e5; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.infobox select {width:auto !important; display:inline-block !important; padding:0 !important}
.igroup .igroup-input {position:relative; z-index:2; float:left; width:100%; margin-bottom:0;}
.igroup-input:focus {border-color:#0B97B5;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.055), 0 0 8px #0B97B5;}
.igroup select:focus {outline:1px solid #0B97B5;}
.igroup-input::-moz-placeholder {color:#888; opacity: 1;}
.igroup-input:-ms-input-placeholder {color:#888;}
.igroup-input::-webkit-input-placeholder {color:#888;}
.igroup-text {cursor:auto; background:#f5f5f5;}
textarea.igroup-input {height:auto;}
input[type="search"] {-webkit-appearance:none;}
.igroup-span {padding:6px 12px; font-size:14px; font-weight:normal; line-height:1; color:#999;text-align:center; background:#f5f5f5; border:1px solid #e5e5e5; border-radius:3px;}
.igroup-span input[type="radio"], .igroup-span input[type="checkbox"] {margin-top:0;}
.igroup-span > i {width:14px !important}
.igroup-span-i > i {margin-right:5px;}
.igroup-span, .igroup-btn, .igroup .igroup-input {display: table-cell;}
.igroup-span:not(:first-child):not(:last-child), .igroup-btn:not(:first-child):not(:last-child),
.igroup .igroup-input:not(:first-child):not(:last-child) {border-radius: 0;}
.igroup-span, .igroup-btn {width: 1%; white-space: nowrap; vertical-align: middle;}
.igroup .igroup-input:first-child, .igroup-span:first-child, .igroup-btn:first-child > .btn,.igroup-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius:0; border-top-right-radius:0;}
.igroup-span:first-child {border-right:0;}
.igroup .igroup-input:last-child, .igroup-span:last-child, .igroup-btn:last-child > .btn,.igroup-btn:first-child > .btn:not(:first-child), #page-input select, .igroup-select select {border-bottom-left-radius:0; border-top-left-radius:0;}
.igroup-span:last-child {border-left:0;}
.igroup-btn {position:relative; font-size:0; white-space:nowrap;}
.igroup-btn > .btn {position:relative; box-shadow:none;}
.igroup-btn > .btn + .btn {margin-left: -1px;}
.igroup-btn > .btn:hover, .igroup-btn > .btn:focus, .igroup-btn > .btn:active {z-index:2;}

.igroup-regcode {height:100px; margin-bottom:2px !important; padding:10px; background:#f5f5f5;border-top-right-radius:3px !important; border-bottom-right-radius:3px !important; box-shadow:none;}
.igroup-regcode #dle-captcha {display:block;}
.igroup-recaptcha {margin-top:20px; border-radius:3px;}
.igroup-recaptcha > p {margin:0 0 10px 0}
.igroup-textarea {background:#fff; border-radius:3px;}
.igroup-textarea > label {margin-bottom:10px;}
.igroup-textarea > input {margin-left:15px; margin-bottom:10px;}
.igroup-textarea textarea {width:100%; border:1px solid #e5e5e5;}
#result-registration > font {display:block; padding:7px 10px; margin-bottom:8px; background:#f5f5f5;font-size:12px; border-radius:3px;}

.igroup-infoblock {padding:7px 10px; font-size:12px; margin-bottom:8px; border-radius:3px;}
.fieldsubmit {margin:20px 0 0 0}
.igroup-link {color:#0DB9DD !important; text-decoration:underline}
.igroup-link:hover, .igroup-link:focus {background:#fff;}

/*vote*/
#votes, .votes-full {color:#a5bbdc; background:#1F2935; overflow:hidden; padding:20px 20px 10px 20px;}
.votes-full {background:#304156;}
.votes-full h2 {margin-left:-20px;}
#dle-vote, .pollvotelist {padding:20px; font-size:12px}
#dle-vote .vote, .pollvotelist .pollanswer {height:20px; line-height:20px; overflow:hidden}
#dle-vote .vote input, #dle-vote .vote label,
.pollvotelist .pollanswer input, .pollvotelist .pollanswer label {display:inline-block; vertical-align:top}
#dle-vote .vote input, .pollvotelist .pollanswer input {margin:3px 5px 0 0}
#votes .vresult { position:absolute}
.votes-full h2 {font-size:20px;}
.votes-bottom, .voteresult {text-align:center; padding:10px 0; margin:20px -10px 0 -10px; background:#22303E}
.votes-bottom i {margin:0}
.voteresult {font-size:12px;}
#dlevotespopupcontent table {margin:0 0 15px -15px}
.votes-full {margin-top:30px}

/*system*/
#page-input, #addnews-page {margin:0 -25px 25px -5px}
.block-input {padding:0 25px 0 25px;}
.blockquote, .page-block {background:#f9f9f9; padding:25px; font-style: italic; margin-bottom:25px; position:relative;}
.blockquote:after, .page-block:after {position:absolute; width:100%; height:0; content:""; left:0; bottom:-2px; border-top:2px dashed #f5f5f5}
.blockquote:before, .page-block:before {position:absolute; width:100%; height:0; content:""; left:0; top:-2px; border-top:2px dashed #f5f5f5}

.page-block {font-style:normal}
.page-block-left {margin-bottom:25px;}
@media (min-width: 768px) {
	.page-block-left {float:left; width:49%; margin:0}
	.page-block-right {width:49%; float:right;}
	.page-block-35 {float:left; width:30%}
	.page-block-65 {float:right; width:68%;}
}

/*userinfo*/
.profil-popup {overflow:hidden; padding:15px 10px 15px 130px; position:relative; min-height:130px;}
.profil-popup-left {position: absolute; left:10px; top:15px; width:100px;}
.profil-popup-left img {border:3px solid #304156; width:100px; height:100px; display:block}
.profil-popup-right li {margin-bottom:2px;}

.user-foto {position: relative;padding:7px;border: 1px solid #F0F0F0;width:130px; margin:0 auto 15px auto;background: #FFF;border-radius: 3px;}
.user-foto img {width:100%; display:inline-block; vertical-align:middle;}
.user-ullink {font-size:12px; overflow:hidden;}
.user-ullink li {margin:0 0 5px 0}
.user-ullink li a {display:block; text-align:center; padding:8px 0;border-radius:3px;background: #0DB9DD; color:#fff}
.user-ullink li a:hover {background:#0B97B5; color:#fff}
@media (min-width: 768px) {
.user-ullink {margin:0 15px 0 25px;}
.user-ullink.user-ullink1 li {width:33.333333333%; float:left}
.user-ullink.user-ullink1 li a {margin-right:10px;}}
.user-rating {border-bottom:1px solid #e5e5e5; padding:10px 0; font-weight:bold; font-size:14px;}
.ul-stat {margin:15px 0 0 0}
.pm_status {border:1px solid #e5e5e5; border-radius:3px;}
.pm_status_head {background:#eee; padding:8px 15px; border-top-left-radius:3px; border-top-right-radius:3px;}
.pm_status_content {padding:8px 15px; font-size:12px;}
.pm_status .pm_progress_bar {margin:5px 0}
.font-red {color:#EE6C92}

/*berrors*/
.berrors {background: #F6574B; padding:25px; overflow:hidden; color:#fff;font-size:12px; margin:0 0 10px 25px}
.berrors > b {font-size:18px;}
.berrors a {color: #fff; font-weight:bold;}
.berrors a:hover {text-decoration:underline}
.berrors ul li {list-style:inside; padding:0 0 6px 0}

/*addnews*/
#addnews-page {font-size:12px;}
.impot {color:#ff3b28}
.addnews-admintag {background:#1D232C; padding:10px; margin-top:20px;}
td.label, td.addnews {vertical-align:middle; padding-right:10px;}
.tableform {width:100%; margin-bottom:15px;}
.tableform td {padding-bottom:15px;}
.tableform td .bb-editor {margin-top:5px;}
.f_input, td.xfields textarea, .xfields input, .xprofile input, .f_textarea, .tableform td > select,
.page-search .textin {
	display: block; width: 100%; height: 34px; padding: 7px 12px; font-size: 12px; line-height: 1.42857143;
	color: #666; background: #fff; border: 1px solid #e5e5e5; border-radius:3px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.f_input:focus {border-color: #0B97B5; outline: 0;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #0B97B5;}

.bb-editor textarea, .f_textarea {height:200px !important; padding:10px; font-size:12px}
.xfields_table td {vertical-align: top}
.tableform td select {width:100% !important}
.tablevote {border-radius:5px; background:#24303D;}
.addvote td {padding:15px}
.addvote-btn {padding:0 !important}
#addnews-page select#category option {color:#A5BBDC !important}
#addnews-page .fieldsubmit .btn {margin-right:5px;}

/*search page*/
.searchtable {margin:0 -10px 5px -10px}
.searchtable fieldset {margin:5px !important}
.searchtable input.bbcodes {margin:0 5px 0 0 !important;}
.searchtable td.search > div {margin-left:5px;}
.searchtable td.search > label {display:block; margin-top:4px;}
.searchtable label > input {margin-right:4px;}
.textin {width:100% !important; margin-bottom:10px;}
.page-search br {display:none;}
.search-page-p {font-size:12px; color:#F26341; padding-top:5px;}

.tabs-sidebar {}
.tabs-sidebar-block {position:relative; overflow:hidden;}
.tabs-sidebar-ul {overflow:hidden; margin:0 0 5px 0;}
.tabs-sidebar-ul li {float: left; margin:0 5px 5px 0;}
.tabs-sidebar-ul li a {display:block; background:#333232; border-radius:3px;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4); border-top: 1px solid #333232; border-bottom: 1px solid #333232; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);line-height: 1; text-transform: uppercase; font-family: "GothamProBlack", Arial, sans-serif; color: #FFF;}
.tabs-sidebar-ul li a  > span {display:block; border-bottom: 1px solid #383838;padding: 12px 20px 12px 20px;}
.tabs-sidebar-ul li a:hover, .tabs-sidebar-ul li a.selected {color:#fff; background: #f6574b;border-top: 1px solid #fa7d74; border-bottom: 1px solid #79221a;}
.tabs-sidebar-ul li a:hover > span, .tabs-sidebar-ul li a.selected > span {border-bottom: 1px solid #a62e25;}
@media (max-width: 467px) {.tabs-sidebar-ul li {float:none; margin:0 0 5px 0}}

/*nav-sidebar*/
.nav-sidebar, .nav-year, .nav-category {position:relative;padding-bottom:15px; margin-bottom:15px;overflow:hidden;margin-right:-12px}
.nav-sidebar:before, .nav-year:before, .nav-category:before {position:absolute; left:0; bottom:1px; right:12px; content:"";border-bottom: 1px solid #ddd;}
.nav-sidebar:after, .nav-year:after, .nav-category:after {position:absolute; left:0; bottom:0; right:12px; content:"";border-top: 1px solid #fff;}

.nav-sidebar li {float:none; width:100%}
.nav-sidebar li a {display:block; padding:5px 0 5px 15px; margin-right:12px; color:#555; position:relative;}
.nav-sidebar li a:before {position:absolute; left:0; top:50%; content:""; width:8px; height:8px; background:#ddd; border-radius:50%; margin-top:-4px; border:1px solid #fff}
.nav-sidebar li.nav-sidebar-red a {color:#F6574B}
.nav-sidebar li a:hover {color:#0B97B5}
@media (min-width: 320px) {.nav-sidebar li {float:left; width:50%;}}
@media (min-width: 600px) {.nav-sidebar li {width:33.33333333333%;}}
@media (min-width: 768px) {.nav-sidebar li {width:25%;}}
@media (min-width: 992px) {.nav-sidebar li {width:50%;}}

.nav-year {}
.nav-year li {width:33.333333333%;text-align:center;float:left;}
.nav-year li a {padding:3px 5px;border:1px solid #ddd; margin:0 12px 5px 0;border-radius:3px; display:block; color:#555; background:#f7f7f7; box-shadow:0px 2px 0 -1px #eee, 0px 4px 0 -2px #ddd, 0px 6px 0 -3px #eee, 0px 8px 0 -4px #ddd;}
.nav-year li a b {display:block;font-size:17px;margin-bottom:-2px;}
.nav-year li a:hover {color:#0B97B5; background:#fdfdfd;}

.nav-category {overflow:hidden;}
.nav-category li {float:left; width:50%;}
.nav-category li a {display:block; margin:0 12px 5px 0; padding:10px 5px;line-height:1.1;background:#0DB9DD; border:1px solid #0B97B5; color:#fff; border-radius:3px; font-weight:bold; text-align:center; text-transform:uppercase}
.nav-category li a i {font-style:normal; font-size:12px; font-weight:normal; text-transform:none}
.nav-category li a:hover {border-color:#ddd; color:#555;background:#f7f7f7;}

/*short-collections*/
.short-collections {margin-bottom:20px;width:25%; float:left;}
.short-collections a {display:block; margin:0 0 0 20px;color:#2f2f2f;}
.short-collections a > span {margin-bottom:8px; padding:3px; border: 1px solid #F0F0F0; background: #FFF; position:relative;display:block;}
.short-collections a > span:after {position:absolute; left:3px; top:3px; right:3px; bottom:3px; background:rgba(0,0,0,0.7);content:""; z-index:1; opacity:0}
.short-collections a > span img {display:block; width:100%;height:105px;}
.short-collections a > span .fa {position:absolute; top:50%; left:50%; z-index:2;font-size:44px;color:rgba(255,255,255,0.6); margin-top:-22px; margin-left:-15px;}
.short-collections a em {overflow: hidden; display: block; text-align:center; font-size:14px; font-weight:bold;line-height: 1.1; height: 32px;}
.short-collections a:hover {color:#F6574B}
.short-collections a:hover > span .fa {color:#fff}
.short-collections a:hover > span:after {opacity:1}
@media (max-width: 1199px) {
    .short-collections {width:33.3333333%;}
    .short-collections a > span img {height:115px;}
}
@media (max-width: 991px) {
    .short-collections {width:33.333333333%;}
	.short-collections a > span img {height:125px;}
}
@media (max-width: 767px) {
    .short-collections {width:50%;}
	.short-collections a > span img {height:145px;}
}
@media (max-width: 599px) {
    .short-collections {width:50%;}
	.short-collections a > span img {height:105px;}
}
@media (max-width: 467px) {
    .short-collections {width:100%; float:none}
	#footer-bar, #header-bar, #main-trailer {margin:0 !important;}
    .short-collections a em {height:auto}
    .short-collections a > span img {height:auto;}
}


.transition, .transition:hover, .category-text .read-morebb:hover, .category-text .read-morebb,
.owl-nav .owl-prev, .owl-nav .owl-next, .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover,
.short-trailer-favor a i, .short-trailer-favor a:hover i,
.mfp-close:hover, .mfp-close,
.shortstory-list li a:hover .shortstory-list-img img, .shortstory-list li a .shortstory-list-img img,
.shortstory-kinogid a:before, .shortstory-kinogid a:hover:before,
.short-collections a > span:after, .short-collections a:hover > span:after {transition:all 200ms ease-in;}

/* top
----------------------------------------------- */
.top-wrap {position:relative; padding-top:20px; margin-left: 25px;}
.top-liders-bg {background:
radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 9%, hsla(0, 100%, 20%, 0) 9%) 0 0,
radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 8%, hsla(0, 100%, 20%, 0) 10%) 50px 50px,
radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 50px 0,
radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 0 50px,
radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 50px 0,
radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 100px 50px,
radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 0 0,
radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 50px 50px,
linear-gradient(45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0,
linear-gradient(-45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0;
background-color: #300; background-size: 100px 100px; position:absolute; height:400px;  border:10px solid #d8232a; 
overflow:hidden; border-radius:4px; width:100%; left:0; top:0;}
.top-liders-bg:before {content:""; position:absolute; left:0; right:0; bottom:0; height:160px; 
background: linear-gradient(to bottom, #ffdd00 0%,#fb9d23 100%); border-radius:50% 50% 0 0;}
.tl-title {text-align:center; font-size:32px; font-weight:700; color:#ffdd00; padding:10px 0; text-transform:uppercase;}
.tops-item {display:block; width:21%; margin:0 2% 40px 2%; float:left; position:relative;}
.tops-item a {display:block;}
.tops-img {height:230px; border:5px solid #d8232a; border-radius:4px; overflow:hidden;}
.tops-img img {transition:opacity .2s linear; width: 100%; min-height: 100%; max-width: 100%;}
.top-liders {counter-reset:li; list-style:none; position:relative; z-index:100; padding-top:440px;}
.tops-item a:before {content:counter(li); counter-increment:li; width:116px; height:110px; text-align:center; line-height:105px; 
font-size:28px; font-weight:700; position:absolute; left:50%; bottom:0; margin:0 0 -35px -58px; color:#fff; z-index:200;
background:url(../images/medal.png) -2px 0 no-repeat;}
.tops-img:hover img {opacity:0.7;}
.tops-item:nth-child(1), .tops-item:nth-child(2), .tops-item:nth-child(3) 
{position:absolute; top:60px; left:50%; width:174px; margin:0; box-shadow:10px 10px 10px 0 rgba(0,0,0,0.3); z-index:100;}
.tops-item:nth-child(1) {margin-left:-87px;}
.tops-item:nth-child(2) {margin-left:-310px; top:80px;}
.tops-item:nth-child(3) {margin-left:135px; top:100px;}
.tops-item:nth-child(1) .tops-img, .tops-item:nth-child(2) .tops-img, .tops-item:nth-child(3) .tops-img {height:230px;}
.tops-item:nth-child(1) a:before, .tops-item:nth-child(2) a:before, .tops-item:nth-child(3) a:before 
{color:#ffdd00; background:url(../images/medal2.png) -2px 2px no-repeat;}

@media screen and (max-width: 1220px) {
.tops-item {width:23%; margin:0 1% 40px 1%;}
.tops-img {height:180px;}
.tops-item:nth-child(2) {margin-left:-290px;}
.tops-item:nth-child(3) {margin-left:115px;}
}
@media screen and (max-width: 950px) {
.tops-img {height:200px;}
}
@media screen and (max-width: 760px) {
.tops-item {width:31.33%;}
.tops-item:nth-child(2) {margin-left:-275px;}
.tops-item:nth-child(3) {margin-left:100px;}
}
@media screen and (max-width: 660px) {
.top-liders-bg {height:auto; padding-bottom:20px; display:none;}
.top-liders-bg:before {display:none;}
.tops-item {position:relative !important; top:0 !important; left:0 !important; margin:0 auto 40px auto !important; float:none;}
.tops-img {height:160px;}
.top-liders {padding-top:0;}
.top-wrap {padding:0;}
}
@media screen and (max-width: 470px) {
.tl-title {font-size:24px;}
.tops-img {height:170px;}
.tops-item {width:48%;}
}

/* moonserials */
.tabsms_title{background:#333333;width:100%;border:4px solid #000000;font-size: 11px;color:#7B7B7B;text-align:center; margin-bottom: -4px }
.tabsms{display:inline-block;background:#000000;width:100%;}
.tabsms > div{padding-top:0px;}
.tabsms ul{margin:0px;padding:2px;}
.tabsms ul:after{content:"";display:block;clear:both;height:5px;background:#000000;}
.tabsms ul li{margin:0px;width:25%;cursor:pointer;display:block;float:left;padding:2px;background:#333333;color:#7B7B7B;text-align:center;
border:2px solid #000000;font-size: 11px}
.tabsms ul li.active, .tabs ul li.active:hover{background:#707070;color:#fff;}
.tabsms ul li:hover{background:#707070;color:#fff;}

.msupdate_block{margin-bottom: 15px;}
.msupdate_block_date{background-color: #6f6f6f; color: #fff; font-size: 14px; font-weight: bold; padding: 7px 20px;}
.msupdate_block_list .a-m-d{display: block; position: relative;}
.msupdate_block_list .a-m-d:after{-webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; background-color: rgba(0, 0, 0, 0); content: ""; height: 100%; position: absolute; top: 0; left: 0; width: 100%;}
.msupdate_block_list .a-m-d:hover:after{background-color: rgba(0, 0, 0, 0.2);}
.msupdate_block_list_item{-webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; background-color: #fff; border-bottom: 1px solid #ccc; cursor: pointer; display: table; min-height: 35px; width: 100%;}
.msupdate_block_list_item:hover{background-color: #fafafa;}
.msupdate_block_list_item:hover .b-seriesupdate__block_list_link{color: #2e859e; text-decoration: none;}
.msupdate_block_list_item.tracked{background-color: #d6f0ff;}
.msupdate_block_list_item.tracked:hover{background-color: #a8dfff;}
.msupdate_block_list_item.tracked:hover .b-seriesupdate__block_list_link{color: #000;}
.msupdate_block_list_item_inner{display: table-row;}
.msupdate_block_list_item_inner .cell{padding: 6px 0 5px; display: table-cell; vertical-align: middle;}
.msupdate_block_list_item_inner .cell-1{color: #000; font-size: 12px; padding-right: 5px; padding-left: 10px;}
.msupdate_block_list_item_inner .cell-1 .season{white-space: nowrap;}
.msupdate_block_list_item_inner .cell-2{color: #000; font-size: 11px; font-weight: bold; padding-right: 10px; text-align: right; white-space: nowrap;}
.msupdate_block_list_item_inner .cell-2 i{color: #777; display: block; font-style: normal;}
.msupdate_block_list_link{-webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; color: #000; font-weight: bold; text-decoration: none;}
.msupdate_block_list_link:hover{text-decoration: none;}
.msupdate_block_list_link:visited{color: #000;}
/* moonserials */

.instagram-media, .twitter-tweet {display: inline-block !important;}

/*--- Подсветка исходного кода ---*/
.hljs-comment, .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
  color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
  color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}

figure {
    margin: 0;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image.align-center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

figure.image figcaption {
	padding: 1rem;
    background-color: #fafafa;
    font-size: .8rem;
    caption-side: bottom;
    word-break: break-word;
    text-align: center;
}

figure.image.align-center figcaption {
	display: table-caption;
}

.comments-image-gallery {
  margin: 0;
  padding: 0;  
  list-style: none;
  clear: both;
}

.comments-image-gallery li{
	list-style: none;
	margin: 0;
	padding: 0;  
}

.comments-image-gallery li img{
  float: left;
  margin-right: 5px;
  border: 5px solid #fff;
  width: 100px;
  height: 100px;
  transition: box-shadow 0.5s ease;
}

.comments-image-gallery li img:hover {
  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.mce-toc {
  border: 1px solid #dbdada;
  margin: 0 0 .7rem 0;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc ul {
  padding-left: 20px;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.mce-toc ul ul {
  padding-left: 20px;
  margin-block-start: 0;
  margin-block-end: 0;
}

.mce-toc li {
  list-style-type: none;
}

.image-bordered {
	border: 1px solid #ddd;
}

.image-shadows {
	box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}

.image-padded {
	padding: 0.5rem;
}

.comments-user-profile {
  font-weight: bold;
  cursor: pointer;
  color: #3394e6;
}

.title_spoiler svg{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	height: 16px;
	width: 16px;
}

.mce-accordion summary {
	cursor: pointer;
}

.self_delete_link {
	border: 0 none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 12px 27px;
	border-radius: 10px;
	outline: none;
	background-color: #f44336;
	color: #fff;
	text-shadow: 0 1px #333;
	text-decoration: none !important;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	box-sizing: border-box;
	transition: all ease .1s; transition: all ease .1s;
}

.DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 8px;
	right: 10px;
	font-weight: 300;
	background: none;
	border: 0;
	font-size: 1.15rem;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	outline: 0;
	opacity: 0.75;
}

@media only screen and (min-width: 601px) {
	.DLEPush-notification.wrapper {
		min-width: 400px;
	}
}

.DLEPush-notification .DLEPush-close:hover {
	opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
	background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
	background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #FF5722;
}

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}
.ui-dialog-buttonset button.ui-button-delete {
    background-color: #f44336;
    border-color: #f44336;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.ui-dialog-buttonset button.ui-button-delete:hover {
    background-color: #db3a2f;
    border-color: #db3a2f;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.form-check-label {
    cursor: pointer;
}
.form-check-input {
    color: #0c5f7eed;
    flex-shrink: 0;
    width: 1.12rem;
    height: 1.12rem;
    margin: -0.188rem 0.625rem 0 0;
    appearance: none;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #0c5f7eed;
    vertical-align: middle;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230c5f7eed' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230c5f7eed'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
    border-radius: .25rem;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}
.pm th{
    text-align: left;
    font-weight: 500;
    white-space: nowrap;
}
.pm th.pm_checkbox {
	text-align: center;
}
.pm_list.pm_subj, .pm_list.pm_icon, .pm_list.pm_last_user {
 cursor: pointer;
}
.pm_list.pm_icon svg {
	width: 1.4rem;
	height: 1.4rem;
	vertical-align: middle;
}

.pm_list.pm_icon.pm-unread-image {
 color: #3394e6;
}
.pm td.pm_list.pm_icon, .userstop td, th.pm_head.pm_icon {
	border-bottom: none;
}
.pm_list.pm_icon.pm-reply-image {
	color: #087e02c4;
}
.pm_list.pm_icon.pm-read-image {
	color: #afafaf;
}

.pm_list .pm_last_message, .pm_list .pm_last_date, .pm_list .pm_with_user {
	color: #64748b;
	font-size: .8rem;
}
.pm tbody > tr:hover {
    background-color: #e2e8f099;
}
.pm_navigation {
	margin-top: 1rem;
}
.pm_navigation .navigation {
	display: inline-block;
	color: #333333;
	background-color: #f5f5f5;
	border-radius: 0.188rem;
	padding: .4rem;
}

.pm_navigation .navigation a, .pm_navigation .navigation span {
    padding: 0.5rem;
    min-width: 2.25rem;
}
.pm_navigation .navigation span {
    background-color: #4581d0;
    color: #fff;
}
.pm_navigation .navigation a {
    text-decoration: none;
    color: #000;
}
.pm_navigation .navigation a:hover {
    background-color: #e2e8f0;
}