* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
::-webkit-scrollbar-track {
 background: url('/img/noisy.png');
}
::-webkit-scrollbar {
 width: 12px
}
::-webkit-scrollbar-thumb {
 position: relative;
 box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 background: rgb(223, 223, 223);
 background: -webkit-linear-gradient(left, rgba(223, 223, 223, 1) 0%, rgba(206, 205, 205, 1) 100%);
 background: linear-gradient(to right, rgba(223, 223, 223, 1) 0%, rgba(206, 205, 205, 1) 100%);
 border-radius: 3px;
}
@-webkit-keyframes fade-in {
 0% {
 opacity: 0
 }
 100% {
 opacity: 1
 }
}
@-moz-keyframes fade-in {
 0% {
 opacity: 0
 }
 100% {
 opacity: 1
 }
}
@-o-keyframes fade-in {
 0% {
 opacity: 0
 }
 100% {
 opacity: 1
 }
}
@keyframes fade-in {
 0% {
 opacity: 0
 }
 100% {
 opacity: 1
 }
}
html,
body {
 height: 100%;
 overflow-x: hidden;
}
body {
 font-family: 'PT Sans', sans-serif;
 font-size: 14px;
 line-height: 25px;
 color: #fefefe;
 background: url('/img/noisy.png');
 background-color: #2d3f67; /* Цвет фона */
 -webkit-animation: fade-in .5s linear;
 animation: fade-in .5s linear
}
a {
 text-decoration: none;
 color: #eaebec;
 transition: all .2s ease;
 outline: 0
}
a:hover {
 color: rgba(255, 255, 255, 0.6);
}
hr {
 height: 1px;
 border: 0;
 background: rgba(255, 255, 255, 0.05);
 margin: 15px 0;
}
textarea,
input {
 outline: 0;
 resize: none;
 box-sizing: border-box
}
img,
a img {
 border: 0;
 outline: 0
}
ul,
li {
 list-style: none
}
aside ul,
aside ol,
aside li {
 margin: 0;
 padding: 0;
 list-style: none;
 list-style-type: none
}
textarea {
 overflow: auto;
 border: 1px solid #d8d8d8;
 background: #fff;
 color: #666;
 line-height: 22px;
 min-height: 36px;
 padding: 6px 15px;
 font-size: 13px;
 box-sizing: border-box;
 transition: all .3s ease;
 border-radius: 2px
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"] {
 border: 1px solid #d8d8d8;
 background: #fff;
 color: #49403a;
 line-height: 26px;
 height: 36px;
 padding: 6px 15px;
 background: #fff;
 box-sizing: border-box;
 transition: all .2s ease;
 border-radius: 3px
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus {
 border: 1px solid #000!important
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
 border: 0;
 background: rgb(243, 67, 121);
 background: -webkit-linear-gradient(top, rgba(243, 67, 121, 1) 0%, rgba(233, 30, 99, 1) 100%);
 background: linear-gradient(to bottom, rgba(243, 67, 121, 1) 0%, rgba(233, 30, 99, 1) 100%);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 padding: 8px 15px;
 height: 35px;
 border-radius: 3px;
 color: #fff;
 cursor: pointer
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.button:hover {
 color: #fff;
 background: rgb(243, 67, 121);
 background: -webkit-linear-gradient(top, rgba(243, 67, 121, 1) 0%, rgba(233, 30, 99, 1) 100%);
 background: linear-gradient(to bottom, rgba(243, 67, 121, 1) 0%, rgba(233, 30, 99, 1) 100%);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}
input[type=checkbox] {
 height: 13px;
 position: relative;
 width: 13px;
 margin-right: 5px;
}
input[type=checkbox]:before {
 background: #f9f9f9;
 border: 1px solid #e6eaed;
 content: "";
 width: 13px;
 height: 13px;
 left: 0;
 position: absolute;
 top: 0;
}
input[type=checkbox]:checked:before {
content: '\f00c';
font-family: 'fontawesome';
font-size: 13px;
color: #f34379;
}
.right {
 float: right
}
.left {
 float: left
}
select {
 display: -moz-inline-stack;
 display: inline-block;
 vertical-align: middle;
 display: inline;
}
select {
 color: #463d37;
 background: #dfdfdf;
 background: url('/img/select_arrow.png'), -webkit-linear-gradient(top, #dfdfdf 0%, #cecdcd 100%);
 background: url('/img/select_arrow.png') 95% 50% no-repeat, linear-gradient(to bottom, #dfdfdf 0%, #cecdcd 100%);
 appearance: inherit;
 -webkit-appearance: unset;
 appearance: unset;
 position: relative;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 cursor: pointer;
 border: 0;
 padding: 8px 15px;
 height: 35px;
}
select:focus {
 outline: 0
}
p {
 margin: 0;
 padding: 0
}
/* Main */

#main {
 overflow: hidden;
 padding: 0 2%;
 padding-bottom: 100px;
}
.wrapper {
 margin: auto;
 max-width: 1200px;
 width: 100%
}
#content {
 position: relative;
 margin: 0 auto;
 overflow: hidden;
 width: 70%;
 float: left;
 padding-top: 5px;
}
/* bread-crumbs */

.bread-crumbs {
 height: 40px;
 line-height: 40px;
 font-size: 12px;
 padding: 0 15px;
 margin-bottom: 25px;
 background: rgb(223, 223, 223);
 background: -webkit-linear-gradient(top, rgba(223, 223, 223, 1) 0%, rgba(206, 205, 205, 1) 100%);
 background: linear-gradient(to bottom, rgba(223, 223, 223, 1) 0%, rgba(206, 205, 205, 1) 100%);
 box-shadow: rgba(255, 255, 255, 0.29) 0 1px 0 0 inset, rgba(0, 0, 0, 0.49) 0 1px 2px 0;
 border-radius: 3px;
 position: relative;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 color: #49403a;
}
.bread-crumbs a {
 color: #49403a;
}
.bread-crumbs span:first-child a:before {
 display: none
}
.bread-crumbs a:before {
 content: '\f105';
 font-family: 'fontawesome';
 position: relative;
 margin: 0 5px
}
.bread-crumbs .button {
 color: #fff;
 position: absolute;
 height: 40px;
 padding: 0 10px!important;
 top: 0;
 right: 0;
 border-radius: 0;
 -webkit-border-top-right-radius: 3px;
 -webkit-border-bottom-right-radius: 3px;
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px;
 box-shadow: none;
}
/* Header */

header {
 height: 70px;
 line-height: 70px;
 z-index: 9999;
 color: #f5f5f5;
 padding: 0 15px;
 margin-bottom: 25px;
}
header #logo,
footer #logo {
 display: table-cell;
 float: left;
 font-size: 30px;
 font-weight: bold;
 position: relative;
 width: 15%;
 color: #dcdcdc;
 transition: all .5s;
 font-family: 'Comfortaa', cursive;
}
header #logo:hover {
 opacity: .8
}
header a {
 color: #eee
}
header form input[type=text] {
 position: relative;
 color: #8f95a3;
 height: 40px;
 width: 100%;
 border-radius: 3px
}
header .search-box {
 position: relative;
 float: left;
 display: table-cell;
 width: 75%
}
header .search-box:before {
 content: '\f002';
 font-family: 'fontawesome';
 position: absolute;
 color: #292c33;
 width: 140px;
 text-align: left;
 z-index: 2;
 right: 0
}
header .mark {
 position: relative;
 width: 5%;
 float: right;
 font-size: 20px;
 text-align: right;
 right: 5px;
}
.menu-header {
 position: relative;
 width: 5%;
 float: right;
 font-size: 20px;
 text-align: right;
 right: 5px;
}
.main-item .fa-envelope-o {
 color: rgb(166, 166, 166);
 font-size: 10px;
 top: 8px;
 margin-left: 5px;
 position: absolute;
}
.main-item2:focus ~ .sub-menu2,
.main-item2:active ~ .sub-menu2,
.sub-menu2:hover {
 top: 70px;
 right: -35px;
 margin-right: -55px;
 opacity: 1;
 z-index: 9999!important;
}
header .profile-menu {
 position: absolute;
 right: 0;
 top: 16px;
 text-align: center;
 background: -webkit-linear-gradient(top, rgba(223, 223, 223, 1) 0%, rgba(206, 205, 205, 1) 100%);
 background: linear-gradient(to bottom, rgba(223, 223, 223, 1) 0%, rgba(206, 205, 205, 1) 100%);
 height: 39px;
 line-height: 39px;
 width: 120px;
 z-index: 2;
 -webkit-border-top-right-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
}
header .profile-menu sup {
 color: #F44336;
}
header .profile-menu a {
 position: relative;
 color: #555;
 padding: 10px 22px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 outline: 0
}
header .profile-menu li a {
 padding: 0
}
.sub-menu,
.sub-menu2 {
 background: rgb(223, 223, 223);
 width: 100%;
 width: 200px;
 top: -1260px;
 position: absolute;
 z-index: -5!important;
 padding: 0;
 opacity: 0;
 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), rgba(0, 0, 0, 0.49) 0 1px 2px 0;
 border-radius: 3px;
}
.sub-menu:after,
.sub-menu2:after {
 bottom: 100%;
 right: 45%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-color: rgba(255, 255, 255, 0);
 border-bottom-color: rgb(223, 223, 223);
 border-width: 8px;
 margin-left: -8px
}
.sub-menu a,
.sub-menu2 a {
 color: #555;
 font-weight: 400;
 font-size: 13px;
 position: absolute;
 width: 100%;
 height: 100%;
 text-shadow: none
}
.sub-menu a .fa,
.sub-menu2 a fa {
 margin-right: 5px
}
.sub-menu li,
.sub-menu2 li {
 position: relative;
 height: 40px;
 line-height: 40px;
 padding: 0 15px;
 overflow: hidden;
 text-align: left;
 transition: all .3s
}
.sub-menu li:hover,
.sub-menu2 li:hover {
 background: rgba(255, 255, 255, .3);
}
.main-item:focus ~ .sub-menu,
.main-item:active ~ .sub-menu,
.sub-menu:hover {
 top: 57px;
 right: -35px;
 opacity: 1;
 z-index: 9999!important;
}
.bookmark-info {
 background: #f34379;
 color: #fff;
 padding: 8px;
 text-align: center;
 font-size: 12px
}
/* Sidebar */

aside {
 float: right;
 width: 27%
}
aside .block {
 margin-bottom: 25px;
 position: relative;
 overflow: hidden;
 border-radius: 3px;
 padding: 5px 0 15px 5px
}
aside .block .content {
 margin: auto;
}
aside .block .content .b-ner {
 width: 240px;
 margin: auto;
 position: relative
}
aside .block #uidLogForm {
 margin-top: 15px
}
/* Footer */

footer {
 color: #fff;
 font-size: 12px;
 height: 70px;
 line-height: 70px;
 overflow: hidden;
 position: relative;
 width: 100%;
}
footer .fa {
 color: #f13c75;
}
footer a {
 color: #CDDC39
}
footer #logo {
 position: absolute;
 left: 50%
}
/* Category */

.catNameActive,
.catNameActive:before {
 color: rgba(255, 255, 255, 0.6) !important
}

.sub-menu2 .uMenuItemA,
.sub-menu2 .uMenuItemA:before {
 color: #2196F3 !important
}

.uMenuItemA,
.uMenuItemA:before {
 color: rgba(255, 255, 255, 0.6) !important;
}
#uNMenuDiv2 li:hover {
 background: #f8f9fa
}
.catsTd,
.catsTdI,
.uMenuRoot li {
 height: 40px;
 line-height: 40px;
 position: relative
}
.catName:before,
.catNameActive:before,
.catNameActive:before,
.uMenuRoot li a:before {
 content: '\f114';
 position: relative;
 font-family: 'fontawesome';
 margin-right: 8px;
 padding-left: 8px;
 transition: all .3s
}
.uMenuV {
 margin-top: 10px
}
.catName:hover::before {
 margin-left: 2px;
 transition: all .3s;
 color: rgba(255, 255, 255, 0.6);
}
.catsTable,
.catsTableI {
 margin: 10px;
 transition: all .3s
}
.catsTd:nth-child(even),
.catsTdI:nth-child(even),
.uMenuRoot li:nth-child(even) {
 padding-left: 15px;
 border-left: 1px solid rgba(255, 255, 255, 0.1)
}
.catsTable a,
.catsTableI a,
.uMenuRoot li a {
 position: absolute;
 width: 100%;
 height: 40px;
 transition: all .3s
}
.catsTable .catNumData {
 height: 30px;
 padding: 2px 3px 0 2px;
 position: absolute;
 right: 0;
 top: -2px;
 width: 30px
}
/* Navigation */

.pagination,
.catPages1,
.catPages2,
.pagesBlockuz1,
.pagesBlockuz2,
.plist {
 display: table;
 width: 100%;
 padding: 20px 0;
 text-align: center;
 margin: auto
}
.pagination a,
.swchItem,
.swchItem1 {
 box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 background: rgb(223, 223, 223);
 background: -webkit-linear-gradient(top, rgba(223, 223, 223, 1) 0%, rgba(206, 205, 205, 1) 100%);
 background: linear-gradient(to bottom, rgba(223, 223, 223, 1) 0%, rgba(206, 205, 205, 1) 100%);
 border: 0;
 border-radius: 3px;
 color: #483f39 !important;
 cursor: pointer;
 padding: 8px 15px;
 width: auto!important;
 transition: all .3s;
 font-size: 12px;
 margin: 2px;
}
.swchItemA,
.pgSwchA,
.swchItemA1 {
 background: rgb(122, 188, 255);
 background: -webkit-linear-gradient(top, rgba(122, 188, 255, 1) 0%, rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%);
 background: linear-gradient(to bottom, rgba(122, 188, 255, 1) 0%, rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 border: 0;
 border-radius: 3px;
 color: #fff!important;
 cursor: pointer;
 padding: 8px 15px;
 width: auto!important;
 font-weight: 400;
 font-size: 12px;
 margin: 2px;
}
.pagination a.pag_active,
.pagination a:hover,
.swchItem:hover,
.swchItem1:hover {
 background: rgb(243, 67, 121);
 background: -webkit-linear-gradient(top, rgba(243, 67, 121, 1) 0%, rgba(233, 30, 99, 1) 100%);
 background: linear-gradient(to bottom, rgba(243, 67, 121, 1) 0%, rgba(233, 30, 99, 1) 100%);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 color: #fff!important
}
/* Title */

.head-title {
 height: 50px;
 line-height: 50px;
 text-overflow: ellipsis;
 white-space: nowrap;
 font-size: 22px;
 font-weight: 400;
 margin-bottom: 20px;
 font-weight: 700;
}
.wrapper .head-title {
 color: #fea;
}
.head-title .fa {
 position: relative;
 top: 15px;
 color: #d0cfcf;
 float: right;
}
footer:before,
.hd-line:after,
.eSearch:after,
.uComment:after,
.head-title:after {
 content: '';
 display: block;
 border-top: solid 1px rgba(0, 0, 0, .2);
 border-bottom: solid 1px rgba(255, 255, 255, .1);
}
.eSearch:after,
.uComment:after {
 margin: 15px 0;
 display: table;
 width: 100%;
}
.head-title:after {
 position: relative;
 width: 100%;
 display: table;
}
footer:before {
 position: relative;
 width: 100%;
 display: table;
}
.hd-line {
 position: relative;
 top: 70px;
}
.head-title .right {
 font-size: 13px;
 position: relative;
 top: 9px;
 right: 15px
}
/* Filters */

.filter-panel {
 position: relative;
 display: table;
 width: 100%
}
.filter-panel .button {
 height: 35px;
 line-height: 15px;
 width: 130px;
 cursor: pointer;
}
.refresh {
 position: relative;
 top: 15px;
}
#selects1:disabled,
#selects2:disabled,
#selects3:disabled {
 opacity: .5
}
.filter-panel .col {
 float: left;
 width: 146px;
 margin: 2%;
 text-align: center
}
.filter-panel select {
 width: 100%;
 height: 35px;
}
.filter-panel .button {
 padding: 11px 20px!important;
 width: 146px;
}
.filter-panel select:nth-child(2) {
 width: 75%
}
/* Search result */

.eSearch {
 padding: 15px;
 width: 46%;
 display: inline-block;
}
.eSearch .eTitle {
 font-weight: 700!important;
 font-size: 15px
}
.eSearch .eDetails {
 font-size: 12px
}
/* Movie Card */

.movie_box {
 display: table;
 width: 100%;
}
.movie_card {
 position: relative;
 width: 176px;
 height: 300px;
 float: left;
 margin: 0 2% 8% 2%;
}
.movie_card .header {
 position: absolute;
 z-index: 2;
 width: 100%;
 transition: all .2s;
}
.movie_card .icon-fav {
 float: right;
 position: relative;
 margin-right: 15px;
 position: relative;
}
.movie_card:hover .icon-fav,
.movie_card:hover .poster-rate {
 margin-top: -10px;
}
.movie_card .icon-fav:before {
 content: '\f097';
 font-family: 'fontawesome';
 position: absolute;
 font-size: 13px;
}
.movie_card .icon-fav:hover:before,
.movie_card .icon-fav:focus:before,
.movie_card .icon-fav:active:before {
 content: '\f02e';
 color: #fea;
}
.movie_card .img {
 position: relative;
 width: 100%;
 height: 266px;
 border-radius: 3px;
 transition: all .2s;
 background-size: cover!important;
}
.movie_card .img:after {
 content: '';
 position: absolute;
 width: 104%;
 height: 104%;
 background: url('/img/dvd-case.png') no-repeat;
 opacity: .5;
 background-size: 100% 100%;
 top: -5px;
 left: -2%;
 transition: all .2s;
}
.movie_card:hover .img {
 opacity: .9;
 margin-top: -10px;
}
.movie_card .title {
 height: 30px;
 overflow: hidden;
 max-height: 50px;
 margin-top: 10px;
 font-size: 15px;
 transition: all .2s;
}
.movie_card .title a {
 color: #fea;
}
.movie_card:hover .title {
 margin-top: 20px;
}
.movie_card .poster-rate {
 left: 5px;
 position: relative;
 color: #fff!important;
 font-size: 13px;
 float: left;
 transition: all .2s;
}
.movie_card .tags {
 float: left;
 font-size: 13px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 position: relative;
 width: 100%;
 color: rgba(255, 255, 255, 0.5);
 text-transform: lowercase;
}
.movie_card .tags a {
 color: rgba(255, 255, 255, 0.5);
 position: relative;
 display: inline-block;
}
.movie_card .tags a:first-letter {
 text-transform: uppercase
}
.movie_card .cat-name .fa,
.movie_card .poster-rate .fa {
 margin-right: 3px;
}
.movie_card .poster-rate .fa-star {
 color: #fea
}
/* Load full movie */

.full_movie {
 overflow: hidden;
 padding-top: 20px;
 display: table;
 width: 100%;
}
.full_movie_left {
 display: table-cell;
 width: 220px
}
.full_movie_right {
 display: table-cell;
 vertical-align: top;
 padding-left: 20px
}
.full_movie_image {
 position: relative;
 width: 200px;
 margin-left: 10px;
}
.full_movie_image:after {
 content: '';
 position: absolute;
 width: 210px;
 height: 102%;
 background: url('/img/dvd-case.png') no-repeat;
 opacity: .5;
 background-size: 100% 100%;
 top: -2%;
 left: -2%;
 transition: all .2s;
}
.full_movie_left img {
 width: 200px;
 border-radius: 2px!important;
}
/* Video tabs */

.tabs {
 min-width: 320px;
 max-width: 1000px;
 padding: 0;
 margin: 0 auto;
 background: #000
}
.tabs > section {
 display: none;
 padding: 15px;
 border: 1px solid #292c33
}
.tabs > section > p {
 margin: 0 0 5px;
 line-height: 1.5;
 color: #292c33;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: fadeIn;
 animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
 from {
 opacity: 0
 }
 to {
 opacity: 1
 }
}
@keyframes fadeIn {
 from {
 opacity: 0
 }
 to {
 opacity: 1
 }
}
.tabs > input {
 display: none;
 position: absolute
}
.tabs > label {
 display: inline-block;
 padding: 10px 25px;
 margin-right: -2px;
 text-align: center;
 color: #fff
}
.tabs > label:before {
 font-family: fontawesome;
 font-weight: normal;
 margin-right: 5px
}
.tabs > label[for*="1"]:before {
 content: "\f04b"
}
.tabs > label[for*="2"]:before {
 content: "\f167"
}
.tabs > label:hover {
 cursor: pointer;
 background: #292c33
}
.tabs > input:checked + label {
 background: #292c33
}
#tab1:checked ~ #content-tab1,
#tab2:checked ~ #content-tab2,
#tab3:checked ~ #content-tab3,
#tab4:checked ~ #content-tab4 {
 display: block
}
@media screen and (max-width: 680px) {
 .tabs > label {
 font-size: 0
 }
 .tabs > label:before {
 margin: 0;
 font-size: 18px
 }
}
@media screen and (max-width: 400px) {
 .tabs > label {
 padding: 0;
 height: 50px;
 line-height: 50px;
 width: 50px;
 }
}
/* NEWS, BLOG, PUBLE */

.box-news,
.eBlock {
 position: relative;
 display: table;
 width: 100%;
 margin-bottom: 25px;
}
.box-news .ulightbox,
.eBlock .ulightbox {
 display: block;
}
.box-news .ulightbox img,
.eBlock .ulightbox img {
 width: 100%!important;
 max-width: 700px!important;
 min-width: 200px!important;
}
.eBlock .eTitle {
 font-weight: 700;
 font-size: 18px;
 margin: 25px 0;
}
.eBlock .eMessage {
 padding: 15px 0;
}
.box-news .message {
 padding: 25px 0;
}
.rate-news {
 position: absolute;
 right: 0;
 top: 22px
}
.sort {
 position: absolute;
 right: 15px;
 top: 19px;
}
.sort .main-item:focus ~ .sub-menu,
.sort .main-item:active ~ .sub-menu,
.sort .sub-menu:hover {
 top: 37px;
 right: 10px;
 margin-right: -25px;
 opacity: 1;
 z-index: 9999!important;
}
.sort a.main-item {
 color: #fff;
 color: rgba(255, 255, 255, 0.71);
}
.sort .fa {
 margin-right: 5px;
}
.news_img {
 width: 100%;
 margin-top: -25px
}
.card_news {
 position: relative;
 margin-bottom: 25px;
 width: 100%;
}
.card_news .head-title {
 margin-bottom: 0;
}
.card_news .head-title:after {
 border-top: solid 0px rgba(0, 0, 0, .2);
 border-bottom: solid 0px rgba(255, 255, 255, .1);
}
.card_news .image,
.box-news-img {
 position: relative;
 background-size: cover!important;
 background-position: center center!important;
 width: 100%;
 height: 300px;
 border-radius: 3px;
 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), rgba(0, 0, 0, 0.49) 0 0 2px 0;
}
.box-news-img {
 background-attachment: local!important;
}
.card_news .message {
 height: 200px;
 margin: 25px 0;
 overflow: hidden;
 text-overflow: ellipsis;
}
.info-box,
.eDetails {
 height: 40px;
 line-height: 40px;
 padding: 0 15px;
 margin-top: 15px;
 background: linear-gradient( rgba(255, 255, 255, .11), rgba(255, 255, 255, .05) 43%, rgba(255, 255, 255, .01) 64%, rgba(255, 255, 255, .04) 80%, rgba(255, 255, 255, .1));
 box-shadow: rgba(255, 255, 255, 0.29) 0 1px 0 0 inset, rgba(0, 0, 0, 0.49) 0 1px 2px 0;
 border-radius: 3px;
 font-size: 12px;
}
.eDetails .u-star-rating-15 {
 top: 10px;
}
.info-box .fa,
.eDetails .fa {
 margin-left: 25px;
 margin-right: 5px
}
.info-box .fa:first-child {
 margin-left: 0
}
/* More read */

.read_more {
 display: table;
 width: 100%
}
.read_more .col-3 {
 width: 29%;
 float: left;
 margin: 0 2%;
 margin-bottom: 15px;
 display: inline-block;
 overflow: hidden;
}
.read_more .col-3 p {
 margin-top: 15px;
 font-size: 14px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
.read_more .col-3 .img {
 overflow: hidden;
 height: 148px;
 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), rgba(0, 0, 0, 0.49) 0 1px 2px 0;
 border-radius: 3px;
 background-size: cover!important;
}
/* Screens */

.screens {
 position: relative;
 width: 100%;
 height: 162px;
}
.screen-img {
 position: relative;
 float: left;
 margin: 0 1%;
 width: 31%;
 height: 120px;
 top: 20px;
 border-radius: 3px;
 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), rgba(0, 0, 0, 0.49) 0 1px 2px 0;
 overflow: hidden;
 transition: all .3s;
}
.screen-img:hover {
 opacity: .8
}
.screens img {
 min-height: 120px;
 width: 100%
}
/* Game */

.stuff-box {
 width: 249px;
 position: relative;
 float: left;
 margin: 2%
}
.stuff-box-img {
 width: 250px;
 height: 188px
}
.stuff-box img {
 width: 100%;
 height: 100%;
 border-radius: 2px
}
.stuff-title-poster {
 text-align: left;
 color: #292c33;
 display: block;
 overflow: hidden;
 padding: 8px;
 margin-top: 5px;
 white-space: nowrap;
 background: #fff;
 border-radius: 2px;
 font-size: .9rem;
}
.stuff-box .stuff-item .play {
 height: 188px;
 width: 100%;
 left: 0;
 top: 0;
 position: absolute;
 display: block;
 text-align: center
}
.stuff-box .stuff-item .play:hover {
 background-color: rgba(29, 38, 46, 0.2)
}
.stuff-box .stuff-item .play .fa-gamepad {
 opacity: 0;
 -webkit-transition: all 200ms ease;
 -moz-transition: all 200ms ease;
 -ms-transition: all 200ms ease;
 -o-transition: all 200ms ease;
 transition: all 200ms ease
}
.stuff-box .stuff-item .play .fa-gamepad {
 font-size: 4rem;
 color: rgba(255, 255, 255, 0.8);
 margin-top: 24%
}
.stuff-box .stuff-item:hover .play .fa-gamepad {
 opacity: 1
}
.stuff-img-news {
 float: left;
 margin-right: 8px;
 width: 250px
}
.title_poster {
 text-align: left;
 color: #292c33;
 display: block;
 margin-top: -5px;
 overflow: hidden;
 height: 50px;
 line-height: 50px;
 white-space: nowrap;
 text-overflow: ellipsis;
 width: 180px
}
/* Favorite */

.swing {
 -webkit-animation: swing 1s ease-in-out;
 animation: swing 1s ease;
 -webkit-animation-iteration-count: 1;
 transition: all 1s
}
.swing a,
.swing:before {
 color: #f34379!important
}
.c-orange {
 color: #f34379
}
.later {
 cursor: pointer
}
.later .fa {
 margin-right: 5px
}
#LisMarks-wrap {
 width: 100%;
 padding: 0 15px
}
ol.later-lest {
 list-style: none;
 counter-reset: point
}
ol.later-lest li {
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 padding-left: 25px;
 position: relative;
 transition: all .3s;
 position: relative;
 height: 35px
}
ol.later-lest li a {
 color: #1e1f23;
 font-size: 13px
}
.titka {
 display: block;
 width: 100%;
 overflow: hidden;
 text-overflow: ellipsis;
 float: left;
 margin-left: 15px;
 top: 5px;
 position: relative;
 font-size: 15px;
}
.LisMark-del .fa {
 width: 5%;
 position: absolute;
 font-size: 12px;
 right: 15px;
 top: 8px;
 color: red
}
ol.later-lest li:hover {
 opacity: .8
}
ol.later-lest li:before {
 content: counter(point);
 counter-increment: point 1;
 font-size: 11px;
 position: absolute;
 left: 0;
 top: 2px;
 background: #8f95a3;
 width: 25px;
 height: 20px;
 padding: 2px 0;
 color: #fff;
 font-weight: bold;
 text-align: center;
 border-radius: 2px
}
ul[id*="uStarRating"] a,
#shop-basket a.remove {
 -moz-transition: none;
 transition: none;
 -webkit-transition: none
}
/* Media */

@media screen and (max-width: 1200px) {
 .filter-panel .col {
 float: left;
 width: 150px
 }
}
@media screen and (max-width: 960px) {
 header,
 #main,
 aside,
 #content {
 width: 100%;
 }
 #main {
 width: 96%;
 margin: auto;
 }
 header {
 padding: 0;
 padding: 0 2%;
 width: 96%;
 }
 .full_movie_right,
 .full_movie_left {
 display: table!important;
 float: none!important;
 width: 100%;
 padding-left: 0;
 }
 .full_movie_image,
 .full_movie_rating {
 margin: auto
 }
 .full_movie_right {
 margin-top: 50px
 }
 .head-title {
 display: table;
 width: 100%;
 margin-bottom: 15px;
 }
}
@media screen and (max-width: 768px) {
 .read_more .col-3 {
 width: 100%;
 text-align: center;
 float: none;
 margin: 0 auto;
 margin-bottom: 25px
 }
 #logo {
 display: none!important
 }
 .search-box {
 width: 88%!important
 }
 .main-item2:focus ~ .sub-menu2,
 .main-item2:active ~ .sub-menu2,
 .sub-menu2:hover {
 top: 70px;
 right: 10px;
 margin-right: -55px;
 opacity: 1;
 z-index: 9999!important;
 }
 .sub-menu2:after {
 right: 23%;
 }
 .tabs iframe {
 max-height: 300px;
 }
 .screen-img:nth-child(3) {
 display: none;
 }
 .screen-img {
 width: 48%;
 }
 .movie_card {
 width: 28%;
 height: 320px;
 margin: 2%;
 margin-bottom: 70px;
 }
 .movie_card .img {
 height: 300px;
 }
 .eSearch {
 padding: 15px;
 width: 100%;
 display: table;
 }
 .result-filter {
 display: table!important;
 position: relative!important;
 margin-top: -30px;
 margin-bottom: 15px;
 }
}
@media screen and (max-width: 415px) {
 header .profile-menu {
 width: 80px;
 }
 header .profile-menu a {
 padding: 0 12px;
 }
 .bread-crumbs .right {
 display: none;
 }
 .box-news .message {
 padding: 5px
 }
 .no_mobile {
 display: none;
 }
 header .search-box {
 position: relative;
 float: left;
 width: 80%!important;
 }
 header #logo {
 display: none!important
 }
 header .search-box:before {
 display: none;
 }
 .menu-header {
 margin-right: 15px;
 }
 .movie_card {
 width: 43%;
 height: 240px;
 margin: 3%;
 margin-bottom: 90px;
 }
 .movie_card .img {
 height: 100%!important;
 }
 .movie_card .poster-rate,
 .movie_card .cat-name {
 font-size: 11px;
 top: 85%;
 }
 .close {
 right: 2px!important
 }
 .screen-img {
 height: 80px;
 width: 48%;
 }
 .screen-img:nth-child(3) {
 display: none;
 }
 .screens {
 height: 115px;
 }
 .tabs iframe {
 height: 200px;
 }
 .com-order-block {
 display: none;
 }
}
@media screen and (max-width: 376px) {
 .movie_card {
 width: 130px;
 height: 220px;
 margin: 4%;
 margin-bottom: 70px;
 }
 .movie_card .img {
 height: 200px!important;
 }
}
@media screen and (max-width: 321px) {
 .movie_card {
 width: 130px;
 height: 220px;
 margin: 2%;
 margin-bottom: 70px;
 }
 .movie_card .img {
 height: 200px!important;
 }
}
/* Other */

progress {
 position: fixed;
 left: 0;
 top: 0;
 width: 120%;
 height: 5px;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border: 0;
 color: #002c68;
 z-index: 9999
}
progress::-webkit-progress-bar {
 background: transparent
}
progress::-webkit-progress-value {
 background: rgb(122, 188, 255);
 background: -webkit-linear-gradient(-45deg, rgba(122, 188, 255, 1) 0%, rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%);
 background: linear-gradient(135deg, rgba(122, 188, 255, 1) 0%, rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}
.progress-container {
 width: 120%;
 background: transparent;
 position: fixed;
 top: 0;
 left: 0;
 height: 5px;
 display: block
}
.progress-bar {
 background: #f34379;
 display: block;
 height: inherit
}
#myGrid {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(229, 230, 232, 0.7);
 z-index: 999
}
#myGrid img {
 display: none
}
@-webkit-keyframes swing {
 15% {
 -webkit-transform: translateX(5px);
 transform: translateX(5px)
 }
 30% {
 -webkit-transform: translateX(-5px);
 transform: translateX(-5px)
 }
 50% {
 -webkit-transform: translateX(3px);
 transform: translateX(3px)
 }
 65% {
 -webkit-transform: translateX(-3px);
 transform: translateX(-3px)
 }
 80% {
 -webkit-transform: translateX(2px);
 transform: translateX(2px)
 }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0)
 }
}
@keyframes swing {
 15% {
 -webkit-transform: translateX(5px);
 transform: translateX(5px)
 }
 30% {
 -webkit-transform: translateX(-5px);
 transform: translateX(-5px)
 }
 50% {
 -webkit-transform: translateX(3px);
 transform: translateX(3px)
 }
 65% {
 -webkit-transform: translateX(-3px);
 transform: translateX(-3px)
 }
 80% {
 -webkit-transform: translateX(2px);
 transform: translateX(2px)
 }
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0)
 }
}
.template {
 border: 1px dashed #e5e6e8;
 font-size: 12px;
 margin: 25px;
}
.result-filter {
 position: absolute;
 right: 15px;
 top: 21px
}
.history-link {
 position: relative;
 padding: 5px;
 display: block;
 clear: left;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis
}
.history-link:before {
 content: '\f192';
 margin-right: 15px;
 font-size: 8px;
 top: -2px;
 position: relative;
 font-family: 'fontawesome';
 color: #d0cfcf
}
#apoview {
 margin: 15px 0
}
.mchat-body {
 background: #fff
}
.wedark {
 background: rgba(0, 0, 0, 0.1);
 float: left;
 font-size: 15px;
 height: 50px!important;
 line-height: 50px!important;
 width: 50px
}
.chat-message {
 border-bottom: 1px solid #fafafa;
 font-size: 14px;
 overflow: hidden;
 padding: 8px 15px;
 width: 90%;
 ;
 -webkit-transition: all 500ms ease;
 -moz-transition: all 500ms ease;
 -ms-transition: all 500ms ease;
 -o-transition: all 500ms ease;
 transition: all 500ms ease
}
.chat-message .right {
 font-size: 10px
}
.chat-message:hover {
 background: #fafafa!important
}
.chat-message a {
 color: #f34379
}
.chat-message a i {
 color: #000
}
.chat-message .eTitle {
 color: #292c33;
 ;
 font-size: .9rem;
 margin-left: 8px;
 -o-text-overflow: clip;
 overflow: hidden;
 text-overflow: clip;
 white-space: nowrap
}
.chat-message .cMessage {
 color: #6a7e8a;
 margin-left: 8px;
 font-size: .8rem
}
.chat-message .float_right {
 color: #c5c9c9;
 font-size: 12px
}
#mcnomess92 {
 text-align: center;
 ;
 font-size: .9rem
}
.go-top {
 text-align: center;
 position: relative;
 top: 25px
}
.go-top a {
 display: inline-block;
 background: #FFF;
 width: 50px;
 height: 50px;
 line-height: 50px;
 text-align: center;
 -webkit-border-radius: 100%;
 border-radius: 100%;
 color: #424952
}
.go-top a:hover {
 color: #f34379
}
.post-tags {
 font-size: 12px;
 padding: 15px;
 text-transform: lowercase;
}
#mchatIfm2 {
 width: 115%!important;
 margin: 0 -20px 20px -20px
}
.noEntry,
.archiveNoEntry,
.content-background {
 margin-bottom: 25px;
}
.like-more {
 display: table;
 width: 100%;
 margin-bottom: 25px
}
.noEntry,
.archiveNoEntry {
 padding: 15px
}
.uComment {
 margin: 0 -20px!important;
 padding: 10px 20px!important;
 transition: all 500ms ease
}
.com-order-block {
 padding: 8px;
 top: -30px;
 margin-top: -40px;
 right: 30px;
 position: relative;
}
.ucf-message-wrap .wysibb {
 border-radius: 0!important
}
.uComForm-inner .uf-form textarea {
 border: 1px solid #d6d6d6!important;
 color: #848484!important;
 font-size: 12px!important;
 line-height: 20px!important
}
.modalDialog {
 position: fixed;
 font-family: Arial, Helvetica, sans-serif;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0, 0, 0, 0.8);
 z-index: 99999;
 opacity: 0;
 -webkit-transition: opacity 400ms ease-in;
 -moz-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;
 pointer-events: none
}
.modalDialog .fa {
 color: #f34379;
}
.modalDialog:target {
 opacity: 1;
 pointer-events: auto
}
.modalDialog > div {
 width: 100%;
 max-width: 500px;
 position: relative;
 margin: 10% auto;
 border-radius: 2px;
 background: #dfdfdf;
 color: #000;
 overflow: hidden
}
.modalDialog > div .head-title {
 padding-left: 15px;
}
.close .fa {
 background: #8f95a3;
 color: #FFF!important;
 position: absolute;
 right: -3px;
 top: -3px;
 width: 35px;
 line-height: 35px;
 text-align: center;
 text-decoration: none;
 font-weight: bold;
 border-radius: 3px;
 z-index: 99
}
.close:hover {
 background: #f34379;
 color: #fff
}
#scroller {
 position: fixed;
 right: 20px;
 bottom: 20px;
 background: #f34379;
 box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 width: 32px;
 height: 32px;
 line-height: 32px;
 cursor: pointer;
 display: none;
 text-align: center;
 border-radius: 50%;
}
#scroller:before {
 content: '\f106';
 font-family: 'fontawesome';
 position: relative;
 color: #fff
}
.fancybox-outer {
 background: #dfdfdf!important;
 border-radius: 2px!important;
 min-width: 320px!important;
 padding: 0!important;
 overflow: hidden;
}
.login-box {
 min-width: 320px!important;
}
.fancybox-inner {
 padding: 0!important;
 width: 100%!important
}
.fancybox-inner .head-title {
 padding: 0 8px;
 text-align: center;
}
.fancybox-close {
 background: none!important
}
.fancybox-close:before {
 position: absolute;
 content: '\f00d';
 font-family: 'fontawesome';
 font-size: 15px;
 left: 0;
 bottom: -5px;
 color: #483f39;
}
.soc-box {
 height: 70px
}
.fastLinks {
 display: table;
 width: 100%;
 margin-bottom: 15px;
}
.fastLink {
 float: left;
 width: 48%;
 height: 30px;
 line-height: 30px;
 background: linear-gradient( rgba(255, 255, 255, .11), rgba(255, 255, 255, .05) 43%, rgba(255, 255, 255, .01) 64%, rgba(255, 255, 255, .04) 80%, rgba(255, 255, 255, .1));
 box-shadow: rgba(255, 255, 255, 0.29) 0 1px 0 0 inset, rgba(0, 0, 0, 0.49) 0 1px 2px 0;
 margin: 1%;
 padding: 0 5px;
 border-radius: 3px;
}
.fastLink:hover {
 opacity: .8;
}
.qNum {
 padding: 5px;
}
@media(max-width:768px) {
 .fastLink {
 float: none;
 width: 100%;
 height: 30px;
 line-height: 30px;
 display: table
 }
}
.moder_panel {
 position: absolute;
 right: 5px;
 top: 5px;
 z-index: 5
}
.item_name {
 position: relative;
 margin-right: 2px;
 color: rgba(255, 255, 255, 0.6);
 font-size: 16px;
 width: 170px;
 display: block;
 float: left;
}
.item_name:before {
 content: '';
 background: #000;
 width: 100%;
 height: 1px;
}
article.eText {
 height: 448px;
 overflow: hidden;
 position: relative;
}
.full_description {
 margin-top: 15px;
 text-align: center;
 cursor: pointer;
 font-weight: 700;
 color: #dbdbdb;
}
.entTd {
 width: 33%!important;
 margin-bottom: 20px;
}
.entTd img {
 width: 220px;
}
/* Guest book */

.gb-message #message {
 width: 100%;
 height: 100px;
}
#newEntryT .cBlock1 {
 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.select-background {
 display: inline-block;
 position: fixed;
 top: 40%;
 left: 5px;
}
.select-background > div {
 border: inherit;
 width: 20px;
 height: 20px;
 display: block;
 cursor: pointer;
 margin: 3px;
 border-radius: 50%;
 border: 1px solid rgba(255, 255, 255, 0.2);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}
.select-background .blue {
 background-color: #2d3f67;
}
.select-background .purple {
 background-color: #6a2e52;
}
.select-background .brown {
 background-color: #463c36;
}
.select-background .metalic {
 background-color: #2b2e35;
}

[id^="uCatsMenu"] {
 top: auto !important;
 left: auto !important;
 border-radius: 1px;
 border: 0!important;
 background: #eee!important;
 padding: 5px;
 min-height: 300px;
}
.u-combo {
 border-radius: 5px;
 overflow: hidden;
 border: 0!important;
}

.u-combolist div {
 height: 25px;
 line-height: 25px;
 position: relative;
 margin-left: 15px!important;
}

.u-combolist div input {
 right: 15px;
}

.u-combolist div label {
 position: absolute;
 width: 95%;
 height: 40px;
}
.cm-item:first-child, .side-bt, .fplayer .tabs-sel span.current, .btn-menu, .to-graph, .to-review {background-color: #3e2d5e; color: #fff;}
.fplayer {position:relative; overflow:hidden;}
.fplayer .tabs-sel span {display:inline-block; padding:0 15px; height:40px; line-height:40px; cursor:pointer; 
font-weight:700; margin-right:-4px; background-color: #e3e3e3;}
.fplayer .tabs-sel span.current {}
.fplayer .tabs-sel span:hover {text-decoration: underline;}
.fplayer .tabs-sel {white-space:nowrap; overflow-y:hidden; overflow-x:auto;}
.js .tabs-b {display:none;}
.js .tabs-b.visible {display:block;}

.fplayer .s-date {position: absolute; top:0; right:0; height:40px; line-height:40px;