input,
ol li:not(:last-child),
textarea,
ul li:not(:last-child) {
  margin-bottom: 5px;
}

table,
table.filter-params {
  border-collapse: collapse;
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
  border: none;
  box-sizing: border-box;
}

body {
  font: 14px Verdana, Tahoma, Arial, sans-serif;
  color: #fff;
  background: url(../img/bg.png) #1a1a1a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  color: #fff;
  margin: 10px 0;
}

h1 {
  font-size: 30px;
  line-height: 45px;
}

h2 {
  font-size: 28px;
  line-height: 37px;
}

h3 {
  font-size: 25px;
  line-height: 32px;
}

h4 {
  font-size: 23px;
  line-height: 30px;
}

h5 {
  font-size: 20px;
  line-height: 27px;
}

.button,
h6 {
  line-height: 23px;
}

h6 {
  font-size: 18px;
}

input,
textarea {
  max-width: 100%;
  border: 1px solid #0e0e0e;
  background: #212120;
  font-family: Verdana, Tahoma, Arial;
  color: #fff;
  padding: 5px;
  box-sizing: border-box;
}

input:focus,
textarea:focus {
  border: 1px solid #292929;
  background: #151514;
}

button,
input[type="button"],
input[type="submit"] {
  border: 1px solid #1b1b1b;
  background: #0092a7;
  color: #fff;
  padding: 3px 10px;
  font-size: 15px;
}

button:hover,
input[type="submit"]:hover {
  cursor: pointer;
}

input[disabled] {
  background: #e7e7e7;
}

ol,
ul {
  padding-left: 25px;
  margin: 15px 0;
}

ol li,
ul li {
  padding-left: 5px;
}

ol li ol,
ol li ul,
ul li ol,
ul li ul {
  padding-left: 10px;
}

a,
a:visited {
  color: #fff;
  text-decoration: underline;
}

.button,
a:hover {
  text-decoration: none;
}

a:hover {
  color: #ffdf00;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  margin-bottom: 10px;
}

blockquote {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-style: italic;
  padding: 5px 5px 5px 15px;
  background: #dbdbdb;
  border: 1px solid #cdcdcd;
}

table tr th {
  background: #303030;
}

table tr td,
table tr th {
  border: 1px solid #3a3a3a;
  padding: 10px;
}

.clear {
  clear: both;
  overflow: hidden;
}

.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}

.aligncenter {
  display: block;
  margin: 10px auto;
}

.ta-center {
  text-align: center;
}

.ta-left {
  text-align: left;
}

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

.color-orange {
  color: #008594;
}

* .row:not(:last-child) {
  margin-bottom: 15px;
}

@media (min-width: 1010px) {
  .lg-hidden {
    display: none;
  }
}

@media (min-width: 900px) and (max-width: 1010px) {
  .md-hidden {
    display: none;
  }
}

@media (min-width: 800px) and (max-width: 900px) {
  .pre-sm-hidden {
    display: none;
  }
}

@media (min-width: 500px) and (max-width: 800px) {
  .sm-hidden {
    display: none;
  }
}

@media (min-width: 320px) and (max-width: 500px) {
  .pre-xs-hidden {
    display: none;
  }
}

@media (min-width: 0px) and (max-width: 320px) {
  .xs-hidden {
    display: none;
  }
}

.button {
  height: 23px;
  width: 80px;
  font-size: 11px;
  background: url(../img/bg_category.png);
  text-align: center;
  color: #fff;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  margin: 3px;
}

.main-wrapper {
  width: 100%;
  max-width: 1000px;
  min-width: 250px;
  margin: 0 auto;
  position: relative;
}

.mobile-sidebar {
  z-index: 99;
}

.mobile-sidebar .open-icon {
  position: fixed;
  top: 10px;
  right: 10px;
  display: block;
  width: 70px;
  height: 70px;
  box-shadow: 3px 3px 5px #000;
  border: 5px solid #005362;
  z-index: 99;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #008594;
  background: -moz-linear-gradient(to top, #1499a8 0, #007180 100%);
  background: -webkit-linear-gradient(to top, #1499a8 0, #007180 100%);
  background: -o-linear-gradient(to top, #1499a8 0, #007180 100%);
  background: -ms-linear-gradient(to top, #1499a8 0, #007180 100%);
  background: linear-gradient(to top, #1499a8 0, #007180 100%);
}

.mobile-sidebar .open-icon:hover {
  cursor: pointer;
  background: #199ead;
}

.mobile-sidebar .hamburger-line {
  content: "";
  display: block;
  position: relative;
  margin: 0 auto;
  width: 30px;
  height: 3px;
  z-index: 99;
  background: rgba(255, 255, 255, 0.82);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-out 0.2s;
  -moz-transition: all 0.2s ease-out 0.2s;
  -o-transition: all 0.2s ease-out 0.2s;
  transition: all 0.2s ease-out 0.2s;
}

.mobile-sidebar .ms-button-hide .hamburger-line:nth-child(2),
.mobile-sidebar .open-mobile-sidebar-checkbox {
  display: none;
}

.mobile-sidebar .ms-button-show .hamburger-line:nth-child(1) {
  top: 21px;
}

.mobile-sidebar .ms-button-show .hamburger-line:nth-child(2) {
  top: 26px;
}

.mobile-sidebar .ms-button-show .hamburger-line:nth-child(3) {
  top: 31px;
}

.mobile-sidebar .ms-button-hide .hamburger-line:nth-child(1) {
  top: 29px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobile-sidebar .ms-button-hide .hamburger-line:nth-child(3) {
  top: 26px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile-sidebar .mobile-sidebar-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.mobile-sidebar .mobile-sidebar-bg:hover {
  cursor: pointer;
}

.mobile-sidebar .mobile-sidebar-body {
  position: fixed;
  left: -100%;
  top: 0;
  width: 85%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  padding: 5px;
  z-index: 99;
  overflow: auto;
  -webkit-transition: left 0.2s ease-out 0.2s;
  -moz-transition: left 0.2s ease-out 0.2s;
  -o-transition: left 0.2s ease-out 0.2s;
  transition: left 0.2s ease-out 0.2s;
}

.mobile-sidebar .mobile-sidebar-body::-webkit-scrollbar {
  width: 10px;
}

.mobile-sidebar .mobile-sidebar-body::-webkit-scrollbar-thumb {
  border: none;
  border-radius: 0;
  background-color: #007385;
}

.mobile-sidebar .open-mobile-sidebar-checkbox:checked + .mobile-sidebar-body {
  left: 0;
}

.mobile-sidebar .ms-block:not(:last-child) {
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .mobile-sidebar .ms-block {
    font-size: 17px;
  }
}

.mobile-sidebar .ms-block .ms-block-title {
  background: #008594;
  padding: 5px;
  text-align: center;
  font-size: 17px;
  margin-bottom: 10px;
}

.mobile-sidebar .ms-message {
  text-align: center;
  background: #007385;
  color: #fff;
  padding: 5px 0;
  margin-bottom: 15px;
}

.mobile-sidebar-body .menu li a,
.ms-top-genre ul li a {
  width: 120px;
  height: 23px;
  background: url(../img/bg_category.png);
  color: #fff;
  font-size: 12px;
  line-height: 23px;
  text-decoration: none;
  vertical-align: middle;
}

.mobile-sidebar-body .menu li {
  display: inline-block;
  margin: 3px;
  text-align: center;
  padding: 0;
}

.mobile-sidebar-body .menu li a {
  display: block;
}

.ms-top-genre {
  margin-bottom: 10px;
  text-align: center;
}

.ms-top-genre ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.ms-top-genre ul li {
  display: inline-block;
  margin: 3px;
  text-align: center;
  padding: 0;
}

.ms-top-genre ul li a {
  display: block;
}

.mobile-sidebar .best-films-widget {
  font-size: 17px;
}

.mobile-sidebar .best-films-widget ol,
.mobile-sidebar .best-films-widget ol li {
  margin: 0;
  padding: 0;
}

.mobile-sidebar .best-films-widget ol li:not(:last-child) {
  margin-bottom: 10px;
}

.mobile-sidebar .best-films-widget ol li:after {
  display: none;
}

.mobile-sidebar .best-films-widget ol li .bf-title {
  margin: 0;
}

.header:after {
  content: "";
  display: block;
  height: 14px;
  width: 100%;
  background: url(../img/separator_header.png);
  margin: 0 auto 10px;
}

.top-nav ul li,
.top-nav ul li a {
  display: inline-block;
}

.header-row {
  clear: both;
}

.header-row:not(:last-child) {
  margin-bottom: 15px;
}

.top-nav-wrapper {
  background: url(../img/bg_menu.png) top center repeat-x;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  padding: 0 15px;
  height: 38px;
}

.top-nav {
  width: 77.5%;
  float: left;
  line-height: 38px;
  vertical-align: middle;
}

@media (max-width: 900px) {
  .top-nav {
    width: 100%;
    text-align: center;
  }
}

.top-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/*top-nav ul li:not(:last-child):after {
    content: '';
    display: inline-block;
    background: url(../img/separator_menu.png) center center no-repeat;
    width: 1px;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    padding-left: 10px
}*/

.top-nav ul li a {
  text-decoration: none;
  margin-right: 10px;
  color: #c5dbdf;
}

.top-nav ul li a:hover {
  color: #d0e7eb;
}

.top-search {
  width: 22.5%;
  float: right;
  position: relative;
  margin-top: 5px;
}

.top-search .ts-input {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  width: 200px;
  background: #fff;
  border: none;
  color: #000;
}

.top-search .ts-submit {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 25px;
  height: 25px;
  background: url(../img/icon_search.png) center center no-repeat;
  border: none;
}

.top-search-mobile {
  width: 100%;
  position: relative;
  clear: both;
  float: none;
  max-width: 300px;
  margin: 15px auto;
}

.top-search-mobile .ts-input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  background: #fff;
  border: none;
  color: #000;
}

.top-search-mobile .ts-submit {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 25px;
  height: 25px;
  background: url(../img/icon_search.png) center center no-repeat;
  border: none;
}

.search-tips,
.st-post {
  background: #282828;
  padding: 5px;
}

.search-tips {
  display: none;
  z-index: 999;
  position: absolute;
  top: 27px;
  width: 100%;
  max-width: 350px;
  border: 1px solid #141414;
}

.search-tips .st-post:not(:last-child) {
  margin-bottom: 5px;
}

.search-tips .st-post .stp-thumbnail {
  margin-right: 3px;
  position: relative;
  top: 3px;
}

.search-tips .st-post .st-post-meta {
  font-size: 11px;
}

.search-tips .st-post .st-post-meta .stp-meta-item {
  display: block;
}

.st-post {
  border: 1px solid #353535;
  clear: both;
  overflow: hidden;
  display: block;
  text-decoration: none;
}

.st-post:hover {
  cursor: pointer;
  background: #323232;
  color: #fff;
}

.st-post a:hover {
  color: #fff;
}

.st-post .stp-thumbnail {
  width: 20%;
  margin-right: 1%;
  float: left;
  display: block;
}

.st-post .stp-thumbnail img {
  max-width: 100%;
}

.st-post .stp-title {
  font-size: 14px;
  display: block;
}

.st-post .stp-meta .stp-meta-item {
  display: inline-block;
}

.st-post .stp-meta .stp-meta-item:not(:last-child) {
  margin-right: 5px;
}

.logo {
  width: 42%;
  float: left;
}

@media (max-width: 1010px) {
  .logo {
    float: none;
    width: 100%;
    text-align: center;
    margin: 15px 0;
  }
}

.top-filter {
  width: 57.99999999999999%;
  max-width: 580px;
  margin: 0 auto 15px;
  float: right;
  font-size: 17px;
  position: relative;
  top: 8px;
  z-index: 5;
}

@media (max-width: 1010px) {
  .top-filter {
    float: none;
    width: 100%;
    text-align: center;
  }
}

.top-filter ul.top-filter-list {
  transition: display 1s ease 1s;
  background: url(../img/bg_filter.png) repeat-x;
  width: 100%;
  max-width: 480px;
  height: 35px;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  list-style-type: none;
  float: left;
}

@media (max-width: 800px) {
  .top-filter ul.top-filter-list {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
  }
}

.top-filter ul.top-filter-list li {
  display: inline-block;
  text-align: center;
  padding: 0;
  position: relative;
}

@media (max-width: 500px) {
  .top-filter ul.top-filter-list {
    background: 0 0;
    height: auto;
  }

  .top-filter ul.top-filter-list li {
    background: url(../img/bg_filter.png) repeat-x;
    display: block;
  }
}

/*.top-filter ul.top-filter-list li:not(:last-child):after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 35px;
    line-height: 35px;
    background: url(../img/separator_menu.png) center center no-repeat
}*/

@media (max-width: 500px) {
  /*.top-filter ul.top-filter-list li:not(:last-child):after {
        display: none
    }*/
}

.top-filter ul.top-filter-list li:hover {
  cursor: pointer;
}

.top-filter ul.top-filter-list li:hover ul.top-filter-drop {
  display: block;
}

.top-filter ul.top-filter-list li .filter-name {
  display: inline-block;
  text-align: center;
  overflow: hidden;
}

.top-filter ul.top-filter-list li .filter-name:after {
  content: "";
  display: inline-block;
  margin-left: 7px;
  width: 6px;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  background: url(../img/filter_arrow.png) center center no-repeat;
}

.top-filter ul.top-filter-list li .filter-genre {
  width: 95px;
}

.top-filter ul.top-filter-list li .filter-year {
  width: 55px;
}

.top-filter ul.top-filter-list li .filter-actor,
.top-filter ul.top-filter-list li .filter-country {
  width: 85px;
}

.top-filter ul.top-filter-list li .filter-director {
  width: 100px;
}

.top-filter ul.top-filter-list li ul.top-filter-drop {
  position: absolute;
  display: none;
  padding: 0 20px;
  margin: -3px 0;
  background-image: none;
  background-color: #232323;
  opacity: 0.9;
  overflow-y: auto;
  overflow-x: visible;
  max-height: 300px;
}

.comment,
.footer,
.single-film .sf-header .sf-header-inner,
body.lb-disable-scrolling,
div.vote-wrap {
  overflow: hidden;
}

.top-filter ul.top-filter-list li ul.top-filter-drop::-webkit-scrollbar {
  width: 5px;
}

.top-filter ul.top-filter-list li ul.top-filter-drop::-webkit-scrollbar-thumb {
  border: none;
  border-radius: 0;
  background-color: #0092a7;
}

.top-filter ul.top-filter-list li ul.top-filter-drop li {
  margin: 0;
  text-align: left;
  display: block;
  font-size: 12px;
  padding: 7px 0;
}

.top-filter ul.top-filter-list li ul.top-filter-drop li:not(:last-child) {
  border-bottom: 1px solid #444c4d;
}

.top-filter ul.top-filter-list li ul.top-filter-drop li:after {
  display: none;
}

@media (max-width: 1010px) {
  .top-filter ul.top-filter-list li ul.top-filter-drop li {
    font-size: 17px;
    padding: 10px 0;
  }
}

@media (max-width: 500px) {
  .top-filter ul.top-filter-list li ul.top-filter-drop,
  .top-filter ul.top-filter-list li ul.top-filter-drop li {
    position: relative;
    background-image: none;
    background-color: #232323;
  }
}

.top-filter ul.top-filter-list li ul.top-filter-drop li.selected {
  color: #ffdf00;
}

.top-filter .top-filter-btn {
  float: right;
  background: url(../img/bg_btn_search.png) no-repeat;
  width: 95px;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  font-size: 17px;
  padding: 0;
}

.top-genre ul li a,
.type-filter ul li a {
  line-height: 23px;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 800px) {
  .top-filter .top-filter-btn {
    display: block;
    float: none;
    margin: 15px auto 0;
    text-align: center;
  }
}

.top-filter .top-filter-btn:hover {
  cursor: pointer;
}

.top-genre {
  background: #282828;
  padding: 15px 40px;
  margin-bottom: 10px;
  text-align: center;
}

.top-genre ul {
  list-style-type: nont;
  padding: 0;
  margin: 0;
}

.bottom-nav ul,
.type-filter ul {
  list-style-type: none;
}

.top-genre ul li {
  display: inline-block;
  margin: 3px;
  text-align: center;
  padding: 0;
}

.top-genre ul li a {
  display: block;
  width: 120px;
  height: 23px;
  background: url(../img/bg_category.png);
  font-size: 12px;
}

.layout:after {
  content: "";
  display: block;
  height: 14px;
  width: 100%;
  background: url(../img/separator_header.png);
  margin: 10px auto;
}

.content-inner-wrap {
  background: #282828;
  border: 1px solid #121212;
  padding: 5px;
  font-size: 14px;
}

.content {
  width: 70%;
  float: left;
  max-width: 700px;
}

@media (max-width: 900px) {
  .content {
    float: none;
    width: 100%;
    margin: 15px auto;
  }
}

.sidebar {
  width: 28.999999999999996%;
  float: right;
  max-width: 290px;
}

@media (max-width: 800px) {
  .sidebar {
    float: none;
    width: 100%;
    margin: 15px auto;
  }
}

.type-filter {
  margin-bottom: 10px;
  text-align: center;
}

.type-filter ul,
.type-filter ul li {
  margin: 0;
  padding: 0;
}

.type-filter ul li {
  display: inline-block;
}

.type-filter ul li a {
  display: block;
  height: 23px;
  padding: 0 10px;
  background: url(../img/home_filter_btn.png);
  margin: 1px;
}

@media (max-width: 1010px) {
  .type-filter ul li a {
    margin: 3px;
  }
}

.film-preview {
  background: #282828;
  border: 1px solid #101010;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
}

.film-preview:not(:last-child) {
  margin-bottom: 5px;
}

.film-preview .fp-header {
  clear: both;
  margin-bottom: 5px;
}

.film-preview .fp-header .fph-icon {
  display: block;
  background: url(../img/icon_post.png) no-repeat;
  width: 33px;
  height: 26px;
  float: left;
}

.film-preview .fp-header .fp-header-inner {
  background: #008594;
  overflow: hidden;
  height: 20px;
  position: relative;
  top: 3px;
  padding-left: 10px;
  padding-right: 10px;
}

.film-preview .fp-header .film-title {
  width: 80%;
  float: left;
}

@media (max-width: 500px) {
  .film-preview .fp-header .film-title {
    width: 100%;
  }
}

.film-preview .fp-header .film-title h1,
.film-preview .fp-header .film-title h2,
.film-preview .fp-header .film-title h3,
.film-preview .fp-header .film-title h4,
.film-preview .fp-header .film-title h5,
.film-preview .fp-header .film-title h6 {
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 20px;
  vertical-align: middle;
}

.film-preview .fp-header .film-title a {
  color: #fff;
  text-decoration: none;
}

.film-preview .fp-header .fp-type {
  text-align: right;
  width: 20%;
  float: right;
}

@media (max-width: 500px) {
  .film-preview .fp-header .fp-type {
    width: 0;
    display: none;
  }
}

.film-preview .fp-left {
  float: left;
  width: 75.71428571428571%;
}

@media (max-width: 500px) {
  .film-preview .fp-left {
    float: none;
    width: 100%;
  }
}

.film-preview .fp-right {
  float: right;
  width: 22.857142857142858%;
  min-width: 100px;
}

@media (max-width: 500px) {
  .film-preview .fp-right {
    float: none;
    width: 100%;
  }
}

.film-preview .fp-description {
  border: 1px solid #979797;
  background: #1e1e1e;
  padding: 10px;
  color: #b3b3b3;
  margin-bottom: 5px;
  text-align: justify;
}

.film-preview .fp-slogan {
  font-size: 18px;
  margin-bottom: 10px;
  color: #fff;
}

.film-preview .fp-meta {
  clear: both;
}

.film-preview .fp-meta a {
  text-decoration: none;
}

.film-preview .fp-meta a:hover {
  color: #ffdf00;
}

.film-preview .fp-meta .fp-meta-left {
  width: 80%;
  float: left;
}

.film-preview .fp-meta .fp-meta-right {
  width: 20%;
  float: right;
}

.film-preview .fp-meta .fp-meta-item {
  display: block;
  text-decoration: none;
  float: left;
  border: 1px solid #fff;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  margin: 5px 0;
}

.film-preview .fp-meta .fp-meta-item:not(:last-child) {
  margin-right: 5px;
}

.film-preview .fp-meta .fp-see-online {
  border: 1px solid #ffdf00;
  color: #ffdf00;
}

.film-preview .fp-meta .fp-rating {
  float: right;
  display: block;
  padding-left: 30px;
  text-align: left;
  background: url(../img/icon_star.png) 5px center no-repeat;
}

@media (max-width: 500px) {
  .film-preview .fp-thumbnail {
    text-align: center;
  }
}

.film-preview .fp-thumbnail img {
  padding: 3px;
  border: 1px solid #101010;
  background: #008594;
}

.s-block-black {
  background: #282828;
  border: 1px solid #101010;
}

.s-block-blue {
  background: #008594;
}

.s-block {
  padding: 5px;
  font-size: 12px;
}

.s-block:not(:last-child) {
  margin-bottom: 5px;
}

.s-block .s-block-title {
  margin-bottom: 5px;
  font-size: 15px;
}

.footer {
  background: #282828;
  border: 1px solid #111;
  padding: 10px 15px;
  margin: 10px 0;
}

.footer .f-block {
  width: 50%;
  float: left;
}

.bottom-nav {
  text-align: center;
}

.bottom-nav ul li {
  display: inline-block;
}

.copyright-widget {
  padding-left: 35px;
  height: 29px;
  line-height: 29px;
  /* background: url(../img/icon_copyright.png) left center no-repeat */
}

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

.auth-widget,
.soon-film-widget .soon-film {
  padding: 5px;
  text-align: center;
}

.auth-widget .auth-social-buttons {
  margin-top: 15px;
}

.social-buttons .social-button {
  width: 26px;
  height: 26px;
  display: inline-block;
  margin: 0 1px;
  position: relative;
  background-image: url(../img/soc_icons.png);
  background-repeat: no-repeat;
}

.social-buttons .social-button:hover {
  opacity: 0.9;
  top: -1px;
}

.social-buttons .vk {
  background-position: 0 0;
}

.social-buttons .fb {
  background-position: -26px 0;
}

.social-buttons .tw {
  background-position: -52px 0;
}

.social-buttons .gp {
  background-position: -78px 0;
}

.soon-film-widget .soon-film {
  text-decoration: none;
  width: 46%;
  max-width: 150px;
  vertical-align: top;
  display: inline-block;
  background: #00a1ac;
  margin: 5px 3px;
  box-shadow: 0 0 10px #000;
  box-sizing: border-box;
}

.soon-film-widget .soon-film:hover {
  background: #007889;
  cursor: pointer;
}

.soon-film-widget .soon-film .sf-title {
  color: #fff;
  height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  padding-top: 2px;
}

.profile-wrap .us-director-title,
.profile-wrap .us-actor-title,
.profile-wrap .us-film-title {
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  padding-top: 2px;
}

.soon-film-widget .soon-film-link {
  display: block;
  text-decoration: none;
  float: right;
  color: #fff;
  margin-top: 10px;
}

.soon-film-widget .soon-film-link:hover {
  text-decoration: underline;
}

.best-films-widget {
  font-size: 13px;
}

.best-films-widget ol {
  list-style-position: inside;
  padding: 0;
  margin: 0 10px;
}

.best-films-widget ol li {
  padding: 0;
  margin: 0;
}

/*.best-films-widget ol li:not(:last-child):after {
    content: "";
    display: block;
    height: 9px;
    margin-top: 10px;
    background: url(../img/bf_separator.png) center center no-repeat
}*/

.best-films-widget .bf-title {
  margin-bottom: 5px;
  display: inline;
}

.best-films-widget .bf-title a {
  text-decoration: none;
  color: #fff;
}

.best-films-widget .bf-title a:hover {
  text-decoration: underline;
}

.best-films-widget .bf-meta {
  display: block;
}

.best-films-widget .bf-meta-item {
  display: inline-block;
  border: 1px solid #fff;
  color: #fff;
  padding: 1px 5px;
  border-radius: 5px;
  text-align: left;
  line-height: 15px;
  vertical-align: middle;
}

.best-films-widget .bf-rating:before {
  content: "";
  display: inline-block;
  background: url(../img/icon_star.png) 3px center no-repeat;
  width: 20px;
  height: 15px;
  margin-right: 5px;
}

.single-film {
  margin-bottom: 15px;
}

.single-film .sf-row:not(:last-child) {
  margin-bottom: 5px;
}

.single-film .sf-header {
  clear: both;
  margin-bottom: 5px;
}

.single-film .sf-header .sfh-icon {
  display: block;
  background: url(../img/icon_post.png) no-repeat;
  width: 33px;
  height: 26px;
  float: left;
}

.single-film .sf-header .sf-header-inner {
  background: #008594;
  height: 20px;
  position: relative;
  top: 3px;
  padding-left: 10px;
  padding-right: 10px;
}

.single-film .sf-header .film-title {
  width: 100%;
}

.single-film .sf-header .film-title h1,
.single-film .sf-header .film-title h2,
.single-film .sf-header .film-title h3,
.single-film .sf-header .film-title h4,
.single-film .sf-header .film-title h5,
.single-film .sf-header .film-title h6 {
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 20px;
  vertical-align: middle;
}

.single-film .sf-header .film-title a {
  color: #fff;
  text-decoration: none;
}

.single-film .sf-left {
  float: left;
  width: 22.857142857142858%;
  min-width: 100px;
}

@media (max-width: 500px) {
  .single-film .sf-left {
    float: none;
    width: 100%;
  }
}

.single-film .sf-right {
  float: right;
  width: 75.71428571428571%;
}

@media (max-width: 500px) {
  .single-film .sf-right {
    float: none;
    width: 100%;
  }
}

.single-film .sf-thumbnail-wrap {
  text-align: center;
}

.single-film .sf-thumbnail-wrap .sf-thumbnail {
  position: relative;
  display: inline-block;
}

.single-film .sf-thumbnail-wrap .sf-thumbnail .age-limit {
  position: absolute;
  top: 1px;
  left: 1px;
  background: #0092a7;
  font-size: 13px;
  letter-spacing: -2px;
  padding: 3px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  z-index: 2;
}

.single-film .sf-thumbnail-wrap .sf-thumbnail img {
  padding: 5px;
  border: 1px solid #1b1b1b;
  background: #0092a7;
  z-index: 1;
}

.single-film .sf-rating {
  float: left;
}

@media (max-width: 800px) {
  .single-film .sf-rating {
    float: none;
    margin: 5px auto;
    max-width: 300px;
  }
}

.single-film .sf-rating .sfr-cur-rating {
  vertical-align: top;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #fff;
  color: #fff;
  padding: 5px 5px 5px 30px;
  margin: 0 5px 0 0;
  text-shadow: 1px 1px 0 #000;
  background: url(../img/icon_star.png) 5px center no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.single-film .sf-rating .sfr-vote {
  display: inline-block;
  vertical-align: top;
  min-width: 200px;
}

.single-film .sf-rating .sfr-vote .sftv-message {
  font-size: 11px;
}

.single-film .add-my-film-btn {
  float: right;
  display: block;
  padding: 5px;
  width: 100%;
  max-width: 200px;
  text-align: center;
  margin: 0;
  border: 1px solid #ffdf00;
  color: #ffdf00;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.single-film .add-my-film-btn:hover {
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #ffff32;
  box-shadow: 2px 2px 2px #1b1b1b;
}

@media (max-width: 800px) {
  .single-film .add-my-film-btn {
    float: none;
    margin: 5px auto;
    text-align: center;
  }
}

.single-film .add-my-film-btn-message-success {
  text-align: right;
  background: #933018;
  margin: 5px 0;
  padding: 5px;
  display: none;
}

.single-film .add-my-film-btn-message-error {
  text-align: right;
  color: red;
  background: #3f3f3f;
  margin: 5px 0;
  padding: 5px;
  display: none;
}

.single-film .film-table {
  width: 100%;
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.single-film .film-table .film-cast {
  padding: 10px;
}

.single-film .film-table tr:nth-child(odd) {
  background: #343434;
}

.single-film .film-table tr:nth-child(odd) td:nth-child(odd) {
  background: #212121;
}

.single-film .film-table tr td {
  padding: 2px 3px;
}

.single-film .film-table a {
  text-decoration: none;
}

.single-film .sf-description {
  border: 1px solid #979797;
  background: #1e1e1e;
  padding: 10px;
  color: #b3b3b3;
  margin-bottom: 5px;
}

.single-film .sf-slogan {
  font-size: 18px;
  margin-bottom: 10px;
  color: #fff;
}

.single-film .sf-tabs .nav-tabs {
  border-bottom: none;
}

.single-film .sf-tabs .nav-tabs > li {
  margin: 0;
}

.single-film .sf-tabs .nav-tabs a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  height: 23px;
  line-height: 23px;
  vertical-align: middle;
  padding: 0 10px;
  background: url(../img/home_filter_btn.png);
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.single-film .sf-tabs .nav-tabs li.active a {
  color: #fff;
  background: #1b1b19;
  box-shadow: 0 -1px 0 #676767;
  border: none;
}

.single-film .sf-tabs .sf-tabs-content {
  background: #1b1b19;
  border: 1px solid #676767;
  padding: 5px;
}

.single-film .sf-tabs .sf-tabs-content iframe {
  max-width: 98%;
  margin: 0 auto;
  display: block;
}

.single-film .sf-social-buttons {
  margin-top: 10px;
  float: left;
  width: 50%;
}

@media (max-width: 800px) {
  .single-film .sf-social-buttons {
    float: none;
    margin: 5px auto;
    text-align: center;
    width: 100%;
  }
}

.single-film .sf-social-buttons .pluso-more {
  display: none;
}

.single-film .sf-category {
  margin: 10px 0;
  background: #1b1b19;
  border-bottom: 1px solid #979797;
  padding: 5px 10px;
  max-width: 350px;
  width: 50%;
  float: left;
  line-height: 30px;
  font-size: 13px;
}

@media (max-width: 800px) {
  .single-film .sf-category {
    float: none;
    margin: 5px auto;
    text-align: center;
    width: 100%;
  }
}

.comment .comment-meta .cm-author,
.comment-form .cf-submit {
  float: left;
}

.related-films {
  background: #1b1b19;
  border: 1px solid #979797;
  padding: 5px;
  text-align: left;
  margin-bottom: 15px;
}

.related-films .related-film {
  display: inline-block;
  width: 125px;
  vertical-align: top;
  margin: 1px;
  text-align: center;
}

.related-films .related-film .rf-thumbnail img {
  padding: 3px;
  border: 1px solid #1b1b1b;
  background: #0092a7;
}

.related-films .related-film .rf-title a {
  text-decoration: none;
}

.related-films .related-film .rf-title a:hover {
  text-decoration: underline;
}

.comment .comment-meta .cm-author a,
.single-page-wrap .spage-title a,
.user-subscribes .us-film .us-film-title a {
  text-decoration: none;
}

.comments-wrap .comments-title {
  font-size: 18px;
  color: #d0d0d0;
  margin-bottom: 15px;
}

.comment-form {
  margin-bottom: 15px;
}

.comment-form .cf-row:not(:last-child),
.comment-message-error p:not(:last-child),
.comment-message-success p:not(:last-child) {
  margin-bottom: 10px;
}

.comment-form .cf-radio {
  display: none;
}

.comment-form .cf-radio-like:checked + label {
  border: 1px solid #83ff82;
}

.comment-form .cf-radio-dislike:checked + label {
  border: 1px solid #ff5b6b;
}

.comment-form .cf-dislike,
.comment-form .cf-like {
  display: inline-block;
  padding: 5px;
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 11px;
  line-height: 15px;
  vertical-align: middle;
}

.comment-form .cf-dislike:hover,
.comment-form .cf-like:hover {
  cursor: pointer;
}

.comment-form .cf-dislike:before,
.comment-form .cf-like:before {
  content: "";
  width: 13px;
  height: 14px;
  margin-right: 5px;
  display: inline-block;
  background: url(../img/likes.png) left center no-repeat;
}

.comment-form .cf-like:before {
  background-position: -13px 0;
}

.comment-form .cf-dislike:before {
  background-position: 0 0;
}

.comment-form .cf-textarea {
  width: 90%;
  height: 100px;
  border: 1px solid #0e0e0e;
  background: #212120;
  font-family: Verdana, Tahoma, Arial;
  color: #fff;
}

.comment-form .cf-message {
  float: left;
  font-size: 11px;
  padding: 0 10px;
  line-height: 26px;
  vertical-align: middle;
  font-style: italic;
}

.comment-message-error,
.comment-message-success {
  background: #008594;
  padding: 5px;
  display: none;
  border: 1px solid #1499a8;
}

.comments-stat {
  margin-bottom: 15px;
}

.comments .comment:not(:last-child) {
  margin-bottom: 10px;
}

.comment {
  border: 1px solid #1b1b1b;
  background: #212120;
  padding: 5px 5px 20px;
  position: relative;
}

.comment .comment-meta {
  border-bottom: 1px solid #949493;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.comment .comment-meta .cm-date {
  float: right;
}

.comment .comment-body .comment-photo {
  float: left;
  margin-right: 10px;
  position: relative;
}

.comment .comment-body .comment-photo img {
  display: block;
  position: relative;
  top: 3px;
}

.comment .comment-opinion {
  position: absolute;
  display: block;
  right: 5px;
  bottom: 5px;
}

.auth-form-wrap {
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  text-align: center;
}

.auth-form-wrap input[type="email"],
.auth-form-wrap input[type="password"],
.auth-form-wrap input[type="text"] {
  width: 100%;
  display: inline-block;
}

.auth-form-wrap input[type="submit"] {
  width: 150px;
  margin: 0 auto;
}

.sf-soon-inner {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding: 10px;
  background: #008594;
  border: 1px solid #005362;
}

.sf-soon-inner .sf-soon-text {
  text-align: center;
  margin-bottom: 15px;
}

.sf-soon-inner .sf-soon-subscribe-message-success {
  margin: 10px 0;
  text-align: center;
}

.sf-soon-inner .sf-soon-subscribe-message-error {
  color: red;
  text-align: center;
}

.sf-soon-inner .sf-soon-subscribe-button {
  background: #006776;
  padding: 5px 10px;
  text-align: center;
  margin: 0 auto;
  max-width: 250px;
  box-shadow: 2px 2px 1px #000;
  text-shadow: 1px 1px 0 #000;
}

.sf-soon-inner .sf-soon-subscribe-button:hover {
  cursor: pointer;
  background: #007b8a;
}

.user-profile-row {
  margin-bottom: 15px;
}

.profile-user-data .user-data-table {
  width: 100%;
  margin-bottom: 15px;
}

.profile-user-data .user-data-table tr:nth-child(even) {
  background: #3c3c3c;
}

.profile-user-data .user-data-table tr td {
  width: 50%;
  padding: 5px;
}

.profile-user-data .edit-user-data-button,
.profile-user-data .edit-user-data-save-button {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  padding: 5px 15px;
  text-align: center;
  text-shadow: 1px 1px 0 #000;
  border: 1px solid #007180;
  background: #008594;
  background: -moz-linear-gradient(to top, #008594 0, #005362 100%);
  background: -webkit-linear-gradient(to top, #008594 0, #005362 100%);
  background: -o-linear-gradient(top, #008594 0, #005362 100%);
  background: -ms-linear-gradient(to top, #008594 0, #005362 100%);
  background: linear-gradient(to top, #008594 0, #005362 100%);
}

.profile-user-data .edit-user-data-button:hover,
.profile-user-data .edit-user-data-save-button:hover {
  cursor: pointer;
  background: #008594;
  background: -moz-linear-gradient(to top, #005362 0, #008594 100%);
  background: -webkit-linear-gradient(to top, #005362 0, #008594 100%);
  background: -o-linear-gradient(to top, #005362 0, #008594 100%);
  background: -ms-linear-gradient(to top, #005362 0, #008594 100%);
  background: linear-gradient(to top, #005362 0, #008594 100%);
}

.profile-user-data .edit-user-data-checkbox,
.profile-user-data .user-data-edit-wrap {
  display: none;
}

.profile-user-data .edit-user-data-checkbox:checked + .user-data-edit-wrap {
  display: block;
}

.single-page-wrap .spage-title {
  text-align: center;
  margin-bottom: 15px;
  background: #008594;
  padding: 5px;
  border: 1px solid #000;
}

.single-page-wrap .spage-title h1,
.single-page-wrap .spage-title h2 {
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

.archive-title {
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #727272;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.search-page .search-page-filter-params,
.search-page .search-page-title {
  border-bottom: 1px solid #686868;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.search-page .search-page-title {
  font-size: 17px;
  text-align: center;
}

.search-page .search-page-title .search-query {
  font-weight: 700;
}

.user-subscribes .user-subscribes-title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 17px;
  background: #008594;
  padding: 5px;
  border: 1px solid #005362;
  text-shadow: 1px 1px 0 #000;
}

.user-subscribes .user-subscribes-body {
  text-align: left;
}

.user-subscribes .us-film {
  width: 23%;
  max-width: 125px;
  margin: 2px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background: #008594;
  padding: 5px;
  text-decoration: none;
}

@media (max-width: 800px) {
  .user-subscribes .us-film {
    width: 31.33333333%;
  }
}

@media (max-width: 500px) {
  .user-subscribes .us-film {
    width: 48%;
  }
}

.top-table,
table.filter-params {
  width: 100%;
}

.user-subscribes .us-film:hover {
  color: #fff;
  box-shadow: 1px 1px 1px #000;
}

.user-subscribes .us-film .us-film-delete {
  color: #ffdf00;
}

.user-subscribes .us-film .us-film-delete:hover {
  cursor: pointer;
  text-decoration: underline;
}

.filter-pagination a,
.top-table tr td a {
  text-decoration: none;
}

.filter-pagination {
  text-align: center;
  font-size: 17px;
}

.filter-pagination a {
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  background: #3c3c3c;
  border: 1px solid #1e1e1e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.filter-pagination a:hover {
  background: #1e1e1e;
  border: 1px solid #ffdf00;
  color: #fff;
}

table.filter-params tr td {
  border: 1px solid #252525;
  padding: 5px;
}

div.vote-block {
  position: relative;
}

div.vote-hover {
  float: left;
  cursor: pointer;
}

div.vote-active,
div.vote-stars {
  position: absolute;
  left: 0;
  top: 0;
}

div.vote-result {
  display: none;
  color: #ccc;
  font-size: 14px;
  padding-left: 180px;
}

div.vote-success {
  clear: both;
  font-size: 11px;
  line-height: 11px;
  padding: 0 5px;
}

.top-table .thumbnail img {
  max-width: 50px;
  height: auto;
}

.top-table .title a {
  font-size: 17px;
}

.top-table .meta {
  font-size: 12px;
}

.top-table .rating {
  text-align: center;
  font-weight: 700;
  font-size: 17px;
  color: #ffdf00;
}

.button-up {
  display: none;
  opacity: 0.7;
  width: 80px;
  height: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
  background: #282828;
}

.lb-loader,
.lightbox {
  text-align: center;
  line-height: 0;
}

@media (max-width: 1010px) {
  .button-up {
    bottom: 0;
    left: 0;
    height: 50px;
    width: 80px;
  }
}

@media (max-width: 800px) {
  .button-up {
    left: auto;
    bottom: 50px;
    right: 0;
    height: 50px;
    width: 80px;
  }
}

.button-up-text {
  background: url(../img/bg.png) #1a1a1a;
}

body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png)
    url(../img/next.png);
  display: none;
}

.lb-dataContainer:after,
.lb-outerContainer:after {
  content: "";
  clear: both;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-loader,
.lb-nav {
  position: absolute;
  left: 0;
}

.lb-outerContainer:after {
  display: table;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: 0;
  background-image: url("data:image/gif; base64, R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-next,
.lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  display: table;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}

.button_form {
  width: 130px;
  height: 30px;
}

.button_form:hover {
  background-color: #493;
}