html {
 height: 100%!important;}

body {
 height: 100%;
 margin: 0;
 font-size: 14px;
 line-height: 1.5;
 font-family: 'Open Sans';
}

body.active-search {
 overflow: hidden;
}

body.active-search #user-bar .fa, body.active-search .user-box {
 display: none;
}

body.active-search #user-bar .fa.fa-close {
 display: block;
}

body.active-search .user-menu {
 display: none!important;
}

img {
 max-width: 100%;
 border: none;}

hr {
 width: 100%;
 border: none;
 height: 1px;
 margin: 12px 0;
 background: #E6E6E6;
}

a {
 text-decoration: none;
 color: rgba(0,0,0,0.8);
 transition: all .3s ease;}

a:hover {color: rgba(0,0,0,1);}

.fa {transition: all .3s ease;}


input {
 outline: none;
 resize: none;
 box-sizing: border-box;}

select {
 border: 1px solid #d8d8d8;
 background: #fff;
 cursor: pointer;
 font-size: 13px;
 font-family: 'Open Sans';
 line-height: 24px;
 min-height: 34px;
 padding: 5px 24px 5px 10px;
 background-image: url('/img/select.png');
 background-position: right center;
 background-repeat: no-repeat;
 line-height: 1em;
 text-indent: 1px;
 text-overflow: '';
 -ms-appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
select::-ms-expand {
 display: none;
}
select:focus {
 outline: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"] {
 border: 1px solid #d8d8d8;
 background: #fff;
 color: #7a7a7a;
 line-height: 24px;
 height: 34px;
 padding: 5px 15px;
 font-family: 'Open Sans';
 background: #fff;
 transition: all .2s ease;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus {
 border: 1px solid;}

textarea {
 overflow: auto;
 border: 1px solid #d8d8d8;
 background: #fff;
 color: #7a7a7a;
 line-height: 24px;
 min-height: 40px;
 padding: 7px 15px;
 font-size: 13px;
 font-family: 'Open Sans';}

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
 border: 1px solid black;
 color: #FFFFFF;
 line-height: 24px;
 height: 34px;
 padding: 5px 15px;
 font-weight: 700;
 font-family: 'Open Sans';
 font-size: 11px;
 cursor: pointer;
 transition: all .3s ease;
 background: #101217;
 border-radius: 3px;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
 background: #ffd600;
 border-color: #ffd600;
 color: #101217;}

.col-2, .col-3, .col-4, .col-5, .col-6 {float: left; box-sizing: border-box;}
.col-2 {width: 50%;}
.col-3 {width: 33.3333333%;}
.col-4 {width: 25%;}
.col-5 {width: 20%;}
.col-6 {width: 16.6666667%;}

ul {
 margin: 0;
 padding: 0;
}

li {
 list-style: none;
}

.mt-40 {
 margin-top: 40px!important;
}

.cnt {
 max-width: 1170px;
 width: 100%;
 margin: auto;
}

.clr:after {
 content: '';
 display: block;
 clear: both;
}

#search-film {
 display: none;
 position: fixed;
 z-index: 9999;
 top: 100px;
 left: 0;
 width: 100%;
 height: calc(100% - 100px);
 filter: blur(0);
 background-color: rgba(0, 0, 0, 0.9);
}

body.active-search #search-film {
 display: block!important;
}

#search-film input {
 margin-top: 40px;
 width: 90%;
 height: 50px;
 line-height: 50px;
 float: left;
 border: 0;
 font-size: 28px;
 color: #949494!important;
 font-weight: 100;
 padding: 25px 0;
 border-bottom: 1px solid #1b1b1b;
 background: none;
}

#search-film input[type="submit"] {
 width: 10%;
 line-height: 0px;
}

#search-film input[type="submit"]:hover {
 color: black!important;
 background-color: #ffd600;
}

#search-item .col-film-item .title-film {
 color: #d0d0d0;
}

body.active-search #search-item .col-film-item:nth-child(1) {animation: move 1.8s ease-in;}
body.active-search #search-item .col-film-item:nth-child(2) {animation: move 2s ease-in;}
body.active-search #search-item .col-film-item:nth-child(3) {animation: move 3s ease-in;}
body.active-search #search-item .col-film-item:nth-child(4) {animation: move 4s ease-in;}


@keyframes move {
 from {opacity: 0;}
 to {opacity: 1;}
}

header {
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 999;
 background: rgba(3, 5, 11, 0.95);
}

.top {
 position: relative;
}

.top:after {
 position: absolute;
 content: '';
 width: calc(50% - 585px);
 height: 100px;
 top: 0;
 left: 0;
 z-index: 1;
 background-color: #ffd600;
 transition: all .3s ease;
}

.site-logo a {
 position: relative;
 z-index: 2;
 float: left;
 height: 100px;
 padding-right: 40px;
 line-height: 100px;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 26px;
 background-color: #ffd600;
}

nav.main-menu {
 float: left;
 padding-left: 20px;
}

nav.main-menu .fa {
 display: none;
 color: white;
 font-size: 21px;
 padding: 0 20px;
 height: 100px;
 line-height: 100px;
 cursor: pointer;
}

nav.main-menu li {
 display: inline-block;
 position: relative;
 float: left;
}

nav.main-menu li a {
 display: inline-block;
 color: white;
 font-size: 16px;
 padding: 0 20px;
 height: 100px;
 line-height: 100px;
}

nav.main-menu li a:hover {
 color: #ffd600;
}

nav.main-menu ul ul {
 position: absolute;
 display: none;
 width: auto;
 background-color: #ffd600;
}

nav.main-menu ul ul > li{
 float: none;
 display: block;
}

nav.main-menu li ul a {
 height: auto;
 line-height: 37px;
 font-size: 15px;
 color: black;
 float: none;
 display: block;
}

#slider-afisha {
 width: 100%;
 height: 100%;
}

body.active-search > div, body.active-search > section {
 filter: blur(30px);
}

#slider-afisha .owl-wrapper-outer, #slider-afisha .owl-wrapper, #slider-afisha .owl-item {
 height: 100%;
}

#slider-afisha .slider {
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: center center;
 animation: zoomSlider 4s linear;
}

.owl-pagination {
 position: absolute;
 bottom: 5%;
 right: 2%;
}

.owl-page {
 float: left;
 width: 10px;
 height: 10px;
 border-radius: 50%;
 margin: 0px 5px;
 background: rgba(255, 255, 255, 0.15);
}

.owl-page.active {
 background-color: rgb(255, 255, 255);
 border-radius: 10px;
}

.slider-content {
 padding-top: 20%;
 box-sizing: border-box;
 color: white;
}

.slider-content > span {
 font-size: 18px;
 letter-spacing: -1px;
 text-transform: uppercase;
 line-height: 50px; 
}

.slider-content span.limit {
 display: inline-block;
 position: relative;
 min-width: 20px;
 top: -2px;
 padding: 7px 7px;
 font-size: 12px;
 margin-left: 12px;
 border-radius: 50%;
 border: 1px solid;
 text-align: center;
 color: #ffd600;
 padding: 15px 14px;
 margin-left: 30px; 
}

#movie-page span.limit {
 color: #ffd600;
 padding: 15px 14px;
 margin-left: 30px;
}

h2 {
 font-size: 34px;
 color: #1f1f1f;
 display: block;
 margin-block-start: 0em;
 margin-block-end: 0em;
 margin-inline-start: 0px;
 margin-inline-end: 0px;
 font-weight: normal;
}

.slider-content h1 {
 font-weight: bold;
 color: #ffffff;
 font-size: 2em;
 margin-block-start: 0em;
 margin-block-end: 0em;
 text-transform: uppercase; 
}

.slider-content h2 {
 font-weight: bold;
 color: #ffffff;
 font-size: 2em;
 margin-block-start: 0em;
 margin-block-end: 0em;
}

.slider-content h3 {
 margin-top: -14px;
 margin-bottom: 20px;
 font-size: 42px;
 line-height: 60px;
 text-transform: uppercase;
}

.title-film h3 {
 font-size: 16px;
 font-weight: bold;
 margin-block-start: 0;
 margin-block-end: 0;
 margin-inline-start: 0px;
 margin-inline-end: 0px;
 display: block;
}

.slider-content P {
 font-size: 16px;
 width: 60%;
}

a.slide-button {
 display: inline-block;
 padding: 10px 30px;
 font-size: 18px;
 color: black;
 border-radius: 25px;
 border: 1px solid #ffd600;
 font-weight: 500;
}

.item-info a.slide-button {
 margin-top: 30px;
}

a.slide-button.active {
 color: black;
 background-color: #ffd600;
}

a.slide-button:hover {
 background-color: #ffc800;
}

a.rate-button, footer .col-3 li a {
 margin-left: 30px;
 color: #ffd600;
}

footer a.rate-button, footer .col-3 li a {
 margin: 17px 15px 10px 0;
}

a.rate-button:hover, footer .col-3 li a:hover {
 color: #ffd600;
 text-decoration: underline;
}

.promo-title {
 margin: 30px 0 0 0;
}

.promo-title .slide-button {
 float: right;
}

.promo-title .title {
 display: inline-block;
 line-height: 32px;
 font-size: 34px;
 color: #1f1f1f;
}

.promo-title .title h1 {
 display: inline-block;
 line-height: 32px;
 font-size: 34px;
 color: #1f1f1f;
 margin-block-start: 0em;
 margin-block-end: 0em;
 margin-inline-start: 0px;
 margin-inline-end: 0px;
 font-weight: normal; 
 line-height: 40px; 
}

.promo-title .title h2 {
 display: inline-block;
 line-height: 32px;
 font-size: 34px;
 color: #1f1f1f;
 margin-block-start: 0em;
 margin-block-end: 0em;
 margin-inline-start: 0px;
 margin-inline-end: 0px;
 font-weight: normal; 
}

.content .promo-title .title {
 margin-bottom: 20px;
}

.films-content {
 padding: 0;
}

.col-film-item {
 min-height: 465px;
 float: left;
 margin: 25px 4.2735% 25px 0;
}

#item-video {
 display: table;
 width: 100%;
}

#item-video .col-film-item {
 min-height: auto;
}

#item-video .col-film-item:nth-child(4n+1) {
 clear: left;
}

#popular .owl-item {
 padding-right: 50px;
 box-sizing: border-box;
}

#popular .owl-item .col-film-item {
 width: 100%!important;
 margin-right: 0;
}

.films-content .col-film-item, .main-offer.trailer .col-film-item, #search-item .col-film-item {
 width: 21.7948718%;
}

.content .col-film-item {
 width: 30.4843333%;
}

.content .col-film-item:nth-child(3n) {
 margin-right: 0;
}


.films-content .col-film-item:nth-child(4n), #search-item .col-film-item:nth-child(4n) {
 margin-right: 0;
}

.title-film {
 display: block;
 padding: 10px 0 3px 0;
}

.categ-film {
 font-size: 13px;
 color: gray;
}

.img-bg-film {
 position: relative;
 width: 100%;
 height: 380px;
 border-radius: 3px;
 background-position: center center;
 background-size: cover;
 overflow: hidden;
}

.img-bg-film:before {
 content: '';
 position: absolute;
 z-index: 1;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.6);
 opacity: 0;
 transition: all .3s ease;
}

.col-film-item:hover .img-bg-film:before, .col-film-item:hover .img-bg-film .fa, .col-film-item:hover .img-bg-film:after, .img-bg-film.active:before, .img-bg-film.active .fa, .img-bg-film.active:after {
 opacity: 1;
}

.img-bg-film .fa {
 position: absolute;
 z-index: 2;
 top: calc(50% - 31px);
 left: calc(50% - 26.5px);
 font-size: 62px;
 transition: all .3s ease;
 color: rgba(255, 255, 255, 0.8);
 opacity: 0;
}

.img-bg-film:after {
 content: 'Смотреть онлайн';
 position: absolute;
 display: block;
 bottom: 8%;
 z-index: 3;
 width: 100%;
 text-align: center;
 font-size: 16px;
 color: white;
 opacity: 0;
 transition: all .3s ease;
}

@media (min-width: 1180px;) {
 .top.fixed a, .top.fixed .fa{
 height: 60px!important;
 line-height: 60px!important;
 }
 
 .top.fixed:after {
 height: 60px;
 }
}

#user-bar {
 float: right;
}

#user-bar .fa {
 font-size: 24px;
 color: white;
 height: 100px;
 line-height: 100px;
}

#user-bar .fa.fa-close {
 display: none;
}

#user-bar .fa:hover {
 color: #ffd600;
 cursor: pointer;
}

#user-bar #avatar-header {
 \: relative;
 margin-top: 35px;
 margin-bottom: 33px;
 width: 28px;
 height: 28px;
 line-height: 100px;
 border-radius: 50%;
 border: 2px solid white;
 background-size: cover;
 cursor: pointer;
}

.user-notice {float: left;}

#user-bar > div {
 position: relative;
 float: left;
 margin-left: 30px;
}

#user-bar > div:hover .user-menu {
 right: 0px;
}

.user-menu {
 position: absolute;
 top: 120px;
 right: 9999px;
 min-width: 195px;
 border-radius: 3px;
 font-size: 13px;
 background-color: rgba(3, 5, 11, 0.95);
 transition: 0s;
 transition-delay: 0.3s;
}

.user-menu:after {
 content: '';
 position: absolute;
 top: -20px;
 left: 0;
 width: 100%;
 height: 20px;
}

.user-menu ul a {
 display: block;
 padding: 12px 18px;
 color: white;
}

.user-menu a:hover {
 color: #ffd600;
 transform: translateX(5px);
}

.Comments-top {
 display: block;
 padding: 12px;
 width: 360px;
 font-size: 14px;
}

.Comments-top a {
 color: white;
}

.Comments-top span {
 display: block;
 color: gray;
 font-size: 13px;
 font-weight: 100;
}

.main-offer {
 display: table;
 width: 100%;
 margin: 60px 0 0;
 padding-bottom: 30px;
 background-color: #fbfbfb;
}

.main-offer.trailer {
 display: table;
 width: 100%;
 margin: 60px 0 0;
 padding-bottom: 30px;
 background-color: #f1eff0;
}

.main-offer.trailer {
 margin: 0;
 background-color: white;
}

.main-offer .col-film-item {
 width: 43.5897436%;
 margin-right: 8.54700855%;
 min-height: auto!important;
}

.main-offer.trailer .col-film-item {
 margin-right: 4.2735%!important;
}

.main-offer .img-bg-film, .block .img-bg-film, #item-video .img-bg-film {
 height: 160px;
}

.main-offer .col-film-item:nth-child(2n) {
 margin-right: 0;
}

.main-offer.trailer .col-film-item:nth-child(5) {
 margin-right: 0!important;
}

.main-offer .col-2:nth-child(2) .col-film-item {
 width: 100%;
 max-width: 560px;
 float: right;
 margin-right: 0;
}

.main-offer .col-2:nth-child(2) .img-bg-film {
 height: 452px;
}

footer {
 margin-top: 40px;
 padding-top: 80px;
 color: #424242;
 font-size: 13px;
 background-color: #fbfbfb;
 background-position: center center;
}

.footer_load {
 color: #424242;
 font-size: 13px;
 background-color: #fbfbfb;
 background-position: center center;
}

footer p {
 line-height: 24px;
}

footer a {
 color: #424242!important;
}

.footer-bottom {
 margin-top: 80px;
 padding: 30px 0;
 color: #ffd600;
 background-color: #080b16;
}

.footer-bottom a {
 color: #9a9a9a!important;
}

.footer-bottom a:hover {
 color: #ffd600!important;
}

span.right {
 float: right;
}

span.right a {
 color: #717171;
}

footer .col-3:nth-child(1) {
 width: 100%;
 padding-right: 6%;
}

footer .col-3:nth-child(2) {
 width: 25%;
 padding-left: 2%;
}

footer .col-3:nth-child(3) {
 width: 25%;
 padding-left: 3%;
}

footer .footer-title {
 margin: 0px 0 20px 0;
 font-weight: bold;
 color: #000000;
 font-size: 19px;
}

footer .promo-title {
 margin-top: 0;
 margin-bottom: 30px;
}

footer .promo-title .title {
 padding-top: 0;
 color: black;
}

footer .col-3 li {
 display: block;
}

footer .col-3 li a {
 display: block;
}

footer .col-3 li .fa {
 margin-right: 8px
}

.soc {
 display: inline-block;
 float: left;
 margin: 0px 10px 10px 0;
}

.soc .fa {
 display: inline-block;
 line-height: 50px;
 width: 50px;
 font-size: 16px;
 text-align: center;
 border-radius: 35px;
 color: white;
}

.soc .fa-vk {background: #6383A8;}
.soc .fa-odnoklassniki {background: #F58220;}
.soc .fa-facebook {background: #3C5899;}
.soc .fa-instagram {background: #DD4E40;}
.soc .fa-vk:hover {background: #4573a9;}
.soc .fa-odnoklassniki:hover {background: #f37408;}
.soc .fa-facebook:hover {background: #224aa7;}
.soc .fa-instagram:hover {background: #e42e1c;}

#movie-page {
 position: relative;
 width: 100%;
 margin-bottom: -100px;
 overflow: hidden;
}

#movie-page:after {
 content: '';
 position: absolute;
 z-index: 1;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.3);
}

#movie-page .poster-blur {
 position: absolute;
 z-index: -1;
 top: calc(50% - 55%);
 left: calc(50% - 55%);
 width: 110%;
 height: 110%;
 margin-top: 100px;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
 filter: blur(35px);
}

#movie-page .movie-player {
 margin: auto;
 padding-top: calc(8% + 100px);
 padding-bottom: 8%;
}

.cnt {
 position: relative;
 z-index: 10;
}

.movie-player {
 padding-top: 160px;
}

.poster {
 position: relative;
 width: 100%;
 height: 395px;
 border-radius: 3px;
 background-size: cover;
 box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.6);
}

.movie-player .col-2:nth-child(1) {
 width: 23.0769231%;
}

.movie-player .col-2:nth-child(2) {
 width: 70%;
 float: right;
}

.movie-player .slider-content {
 padding: 0;
}

.movie-player .slider-content P {
 width: 100%;
}

.details {
 width: 100%;
 margin: 12px 0;
}

.details li {
 display: block;
 margin: 0 0 10px 0;
}

.details li span {float: right;}

.details .movie-green {
 color: #0fda0f!important;
 text-transform: uppercase;
}

.details .movie-orange {
 color: orange!important;
 text-transform: uppercase;
}

.details .movie-red {
 color: red!important;
 text-transform: uppercase;
}

.middle {
 position: relative;
 margin-top: 10px;
 font-size: 13px;
}

.content {
 float: right;
 width: 100%;
 color: gray;
 transition: all .3s ease;
}

.content > .message, #play {
 margin-bottom: 30px;
}

.content #play iframe {
 width: 100%;
 height: 600px;
 border: 0;
}

#main-image-film img {
 float: left;
 width: 21%;
 margin: 0 2% 7%;
 border-radius: 3px;
}

.side-bar {
 float: left;
 width: 0;
}

.content .promo-title {
 margin-top: 0px;
}

.side-bar .block {
 display: table;
 width: 100%;
 margin: 0 0 40px 0;
}

.side-bar .title-block {
 margin-bottom: 20px;
 font-size: 16px;
 font-weight: bold;
 text-transform: uppercase;
}

#video .side-bar .title-block {
 margin-top: 20px;
}

.side-bar .details {
 width: 100%;
 margin-bottom: 40px;
 color: gray;
}

.side-bar .details li span {
 color: black;
}

.block .col-film-item {
 width: 100%;
 min-height: auto;
 margin: 0 0 25px 0;
}

#video .block .col-film-item {
 margin-bottom: 20px;
}

#cinema-tags a {
 display: inline-block;
 margin: 0 10px 10px 0;
 padding: 8px 15px;
 color: #6b6b6b;
 font-size: 11px;
 border: 1px solid #ffd600;
 border-radius: 30px;
}

.filter-cinema {
 display: inline-block;
 width: 100%;
 padding: 0 22px;
 box-sizing: border-box;
 margin: 25px 0 0;
 background-color: #101217;
}

.filter-cinema a {
 padding: 17px 0;
 color: #49494a;
 font-size: 22px;
 float: right;
 height: 34px;
}

.filter-cinema a:hover {
 color: #909090; 
}

.filter-cinema select {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 outline: none;
 float: left;
 border: 0;
 padding: 10px;
 color: #909090;
 margin: 17px 10px;
 border-radius: 3px;
 background-color: #191b21;
}

.filter-cinema select:focus {
 color: black;
 background-color: #ffd600;
}

.filter-cinema option {
 outline: none;
 border: 0;
 color: #909090;
 display: inline-block;
 margin: 10px;
 background: #191b21;
}

.other-films {
 margin-bottom: 30px;
}

.uc-avatar img, .ucf-avatar img {
 border-radius: 50%!important;
}

.uc-content b, .uc-top-left img, .com-order-block {
 display: none;
}

.uc-top-left span {
 font-size: 11px;
}

a.uc-profile-link {
 margin-right: 10px;
}

a.uc-profile-link span {
 font-size: 13px!important;
 font-weight: bold; 
}

#postFormContent {
 margin-bottom: 80px;
}

.uc-message {
 font-size: 14px;
 color: gray;
}

.uf-form textarea, .wysibb-body {
 background-color: #f9f9f9!important;
}

body#video {
 background: #ffffff;
}

body#video .middle {
 margin-top: 0px;
}

#video .content {
 float: left;
}

#video .side-bar{
 float: right;
}

#video .promo-title .title {
 margin: 14px 0;
 font-size: 28px;
}

#video .vep-video-block img, a.vep-playvideo {
 width: 100%;
}

.all-comments {
 display: block;
 margin: 14px 0 0;
 font-size: 22px;
 font-weight: 100;
}

a.vep-playvideo > div {
 width: 100%;
 height: 400px;
 background-position: center center;
 background-size: cover;
}

.vep-video-block .vep-playbutton {
 opacity: 0.7!important;
}

.vep-video-block:hover .vep-playbutton {
 opacity: 1!important;
}

#cloud-tags {
 margin-top: 100px;
 background-color: #f9f9f9;
}

#cloud-tags a {
 display: inline-block;
 padding: 4px 10px;
 font-size: 13px;
 border-radius: 3px;
 margin: 20px 20px 20px 0;
 color: #484a4e;
 background-color: #e8e8e8;
 box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
}

#cloud-tags a:hover {
 color: black;
 background-color: #ffd600;
}

#cloud-tags span {
 color: dimgrey;
 font-size: 16px;
 font-weight: 100;
 margin-right: 20px;
}

@media (max-width: 1180px) {
 .owl-pagination {
 top: 120px;
 left: 5%;
 }
 .cnt {
 width: 90%;
 }
 .site-logo a {
 padding-left: 40px;
 }
 .soc:nth-child(2n) {
 clear: left;
 }
 header {
 position: relative;
 height: 100px!important;
 margin-bottom: -100px;
 }
}

@media (max-width: 1135px) {
 nav.main-menu ul, .owl-controls {
 display: none;
 }
 nav.main-menu .fa {
 display: inline-block;
 }
 #slider-afisha, #slider-afisha .owl-wrapper-outer, #slider-afisha .owl-wrapper, #slider-afisha .owl-item, #slider-afisha .slider {
 height: auto!important;
 }
 .slider-content{
 padding-bottom: 15%;
 }
 nav.main-menu ul {
 position: absolute;
 top: 100px;
 left: 0;
 right: 0;
 width: 100%;
 background-color: #101217;
 }
 
 nav.main-menu ul a {
 height: 50px;
 font-size: 14px;
 line-height: 50px;
 }
}

@media (max-width: 1025px) {
 .content .col-film-item {
 min-height: 370px;
 }
 .poster {
 height: 280px;
 }
}

@media (max-width: 960px) {
 .content .img-bg-film {
 height: 280px;
 }
}

@media (min-width: 901px) and (max-width: 1034px) {
 .films-content .col-film-item {
 width: 30.4843305%;
 }
 .main-offer .col-film-item {width: 43.5897436%;}
 .films-content .col-film-item:nth-child(3n) {
 margin-right: 0;
 }
 .main-offer .col-film-item:nth-child(3n) {
 margin-right: 8.54700855%;
 }
 .films-content .col-film-item:nth-child(4n) {
 margin: 25px 4.2735% 25px 0;
 }
 .content .img-bg-film {height: 280px;}
}

@media (min-width: 901px) {
 .middle.paralax .content .col-film-item {
 width: 21.7948718%;
 }
 .middle.paralax .content {
 width: 100%;
 }
 .middle.paralax .side-bar {
 display: none;
 }
 .middle.paralax .content #allEntries > div:nth-child(3n+1) .col-film-item {
 margin-right: 4.2735%!important;
 }
 .middle.paralax .content #allEntries > div:nth-child(4n+1) .col-film-item {
 margin-right: 0!important;
 }
}

@media (max-width: 900px) {
 footer {margin-top: 0px; padding-top: 40px;}
 .main-offer.trailer {padding-bottom: 0;}
 #movie-page .movie-player {padding: 130px 0 20px 0;}
 .middle {margin-top: 0px;}
 .middle, .other-films {margin-bottom: 0;padding-bottom: 20px;}
 .side-bar {display: none!important;}
 .main-offer {
 margin: 10px 0;
 }
 .main-offer .col-2 {
 display: table;
 width: 100%;
 float: none;
 }
 .promo-title {
 margin: 30px 0 0;
 }
 .promo-title .slide-button {
 margin: 20px 0 0;
 float: none;
 }
 .promo-title .title {display: block;}
 .ucf-smiles, .ucf-bb, .uf-with-tooltip {display: none;}
 .ucf-content {margin: 0!important; width: 98%;}
 .slider-content {
 padding-top: 20%;
 padding-bottom: 20px;
 }
 .main-offer .col-2:nth-child(2) .col-film-item {
 max-width: 100%;
 }
 .films-content .col-film-item, .content .col-film-item, .main-offer .col-film-item, .main-offer.trailer .col-film-item {
 width: 47.8632479%;
 }
 .main-offer .col-film-item {
 margin-right: 4.2735%;
 }
 .other-films .col-film-item:nth-child(2) {
 margin-right: 0;
 }
 .films-content .col-film-item:nth-child(2n), .content #allEntries div:nth-child(2n+1) .col-film-item {
 margin-right: 0;
 }
 .main-offer.trailer .col-film-item:nth-child(3) {margin-right: 0!important;}
 footer .col-3:nth-child(1) {
 width: 100%;
 float: none;
 margin-bottom: 20px;
 }
 footer .col-3:nth-child(2) {
 width: 50%;
 padding-left: 0;
 }
 footer .col-3:nth-child(3) {
 padding-left: 0;
 }
 .content, .side-bar {
 display: block;
 width: 100%;
 float: none;
 }
 .movie-player .col-2:nth-child(1){
 width: 80%;
 margin: 0 auto 8%;
 float: none;
 }
 .movie-player .col-2:nth-child(2){
 width: 100%;
 }
 .poster {
 height: 850px;
 }
 .content .col-film-item .img-bg-film {
 min-height: 330px;
 }
 .details {width: 100%;}
 .content #play iframe {
 width: 100%;
 height: 400px;
 border: 0;
} 
}

@media (max-width: 800px) {
 .slider-content P {
 width: 100%;
 }
 .poster {
 height: 750px;
 }
}

@media (max-width: 700px) {
 .poster {
 height: 650px;
 }
 .slider-content h3 {
 font-size: 25px;
 line-height: 42px;
 }
 .content #play iframe {
 width: 100%;
 height: 350px;
 border: 0;
} 
}


@media (max-width: 600px) {
 .main-offer.trailer .col-film-item {
 width: 100%;
 }
 nav.main-menu {
 float: right;
 }
 #user-bar #avatar-header {
 margin: 14px auto;
 }
 #user-bar {
 position: fixed;
 z-index: 99;
 left: 0;
 bottom: 0;
 width: 100%;
 background-color: rgba(0, 0, 0, 0.95);
 }
 #user-bar > div {
 width: 33.3333%;
 text-align: center;
 margin-left: 0;
 }
 #user-bar .fa {
 height: 60px!important;
 line-height: 60px!important;
 }
 .slider-content {
 padding-top: 130px;
 padding-bottom: 50px;
 }
 .films-content .col-film-item, .content .col-film-item {
 width: 100%;
 margin-right: 0;
 float: none;
 }
 footer .col-3:nth-child(2), footer .col-3:nth-child(3) {
 width: 100%;
 float: none;
 margin-bottom: 20px;
 }
 .films-content .col-2 {
 float: none;
 width: 100%;
 }
 .main-offer .img-bg-film, .block .img-bg-film {
 height: 300px;
 }
 .item-info a.slide-button {
 display: block;
 text-align: center;
 float: none;
 margin-bottom: 20px;
 }

 .promo-title .title {
 line-height: 40px;
 }
 .site-logo a {
 padding: 0 18px;
 }
 .soc {
 float: none;
 }
 .footer-bottom {
 padding-bottom: 80px;
 }
 nav.main-menu {
 padding-left: 0px;
 }
 .movie-player .col-2:nth-child(1){
 width: 80%;
 margin: 0 auto 8%;
 float: none;
 }
 .movie-player .col-2:nth-child(2){
 width: 100%;
 float: none;
 }
 .poster {
 height: 550px;
 }
 #movie-page span.limit {
 margin-left: 0;
 }
 .slider-content span.limit {
 margin-left: 0px;
} 
 .details {
 width: 100%;
 }
 nav.main-menu ul.open-menu li {
 display: block;
 float: none;
 }
 nav.main-menu ul.open-menu {
 width: calc(100% - 2px);
 border: 1px solid #ffd600;
 border-top: 0;
 }
 nav.main-menu li {
 display: block;
 float: none;
 }
.content #play iframe {
 width: 100%;
 height: 300px;
 border: 0;
} 
 
}

.catPages1, 
.catPages2, 
.pagesBlock1, 
.pagesBlock2, 
.pagesBlockuz1, 
.pagesBlockuz2 {padding:10px 0px 10px 0px;} 
span.catPages1, 
span.catPages2, 
span.pagesBlock1, 
span.pagesBlock2, 
span.pagesBlockuz1, 
span.pagesBlockuz2 { 
 display: block;
 clear: both;
} 
.catPages1 a, 
.catPages2 a, 
.pagesBlock1 a, 
.pagesBlock2 a, 
.pagesBlockuz1 a, 
.pagesBlockuz2 a, 
.catPages1 b, 
.catPages2 b, 
.pagesBlock1 b, 
.pagesBlock2 b, 
.pagesBlockuz1 b, 
.pagesBlockuz2 b { 
 padding:8px 12px; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px; 
 border-radius: 3px; 
 color:#fff; 
 background:#282825; 
 font-size:13px; 
 font-weight:bold; 
} 
.catPages1 b, 
.catPages2 b, 
.pagesBlock1 b, 
.pagesBlock2 b, 
.pagesBlockuz1 b, 
.pagesBlockuz2 b { 
 color:#fff; 
 background:#87c440; 
} 
.catPages1 a:hover, 
.catPages2 a:hover, 
.pagesBlock1 a:hover, 
.pagesBlock2 a:hover, 
.pagesBlockuz1 a:hover, 
.pagesBlockuz2 a:hover { 
 color:#fff; 
 background:#3c3c38; 
} 
.swchItemDots { 
 color:#96968b; 
 font-size:13px; 
 font-weight:bold; 
}

.u-star-rating-30 { list-style:none;margin:0px;padding:0px;width:150px;height:30px;position:relative;background: url('/.s/t/1075/rating30.png') top left repeat-x }
.u-star-rating-30 li{ padding:0px;margin:0px;float:left }
.u-star-rating-30 li a { display:block;width:30px;height: 30px;line-height:30px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden;transition: inherit!important;}
.u-star-rating-30 li a:hover { background: url('/.s/t/1075/rating30.png') left center;z-index:2;left:0px;border:none }
.u-star-rating-30 a.u-one-star { left:0px }
.u-star-rating-30 a.u-one-star:hover { width:30px }
.u-star-rating-30 a.u-two-stars { left:30px }
.u-star-rating-30 a.u-two-stars:hover { width:60px }
.u-star-rating-30 a.u-three-stars { left:60px }
.u-star-rating-30 a.u-three-stars:hover { width:90px }
.u-star-rating-30 a.u-four-stars { left:90px }
.u-star-rating-30 a.u-four-stars:hover { width:120px }
.u-star-rating-30 a.u-five-stars { left:120px }
.u-star-rating-30 a.u-five-stars:hover { width:150px }
.u-star-rating-30 li.u-current-rating { top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('/.s/t/1075/rating30.png') left bottom;position: absolute;height:30px !important;line-height:30px !important;display:block;text-indent:-9000px;z-index:1 }

/* Делаем noava как на Mail.ru */ 
.name-box { 
 margin: 3px; 
} 
.name-box span, 
.noava { 
 display: inline-block; 
 vertical-align: middle; 
} 
.noava { 
 width: 50px; 
 height: 50px; 
 margin-right: 5px; 
 background: #333; 
 border-radius: 50%; 
} 
.noava > text { 
 width: 45px; 
 height: 45px; 
 font-size: 23px; 
 text-transform: uppercase; 
 font-family: Arial; 
 fill: rgba(255,255,255,.9); 
 text-shadow: 0px 0px 3px rgba(255,255,255,.3); 
} 
.noava-0, 
.noava-7, 
.noava-а, 
.noava-А, 
.noava-с, 
.noava-С, 
.noava-н, 
.noava-Н, 
.noava-я, 
.noava-Я, 
.noava-ю, 
.noava-Ю, 
.noava-ё, 
.noava-Ё, 
.noava-e, 
.noava-E, 
.noava-l, 
.noava-L, 
.noava-s, 
.noava-S, 
.noava-z, 
.noava-Z { 
 background: #e74c3c; 
} 

.noava-1, 
.noava-8, 
.noava-б, 
.noava-Б, 
.noava-О, 
.noava-о, 
.noava-з, 
.noava-З, 
.noava-к, 
.noava-К, 
.noava-ы, 
.noava-Ы, 
.noava-f, 
.noava-F, 
.noava-m, 
.noava-M, 
.noava-t, 
.noava-T { 
 background: #e67e22; 
} 

.noava-2, 
.noava-9, 
.noava-Х, 
.noava-х, 
.noava-ч, 
.noava-Ч, 
.noava-ю, 
.noava-Ю, 
.noava-е, 
.noava-Е, 
.noava-щ, 
.noava-Щ, 
.noava-g, 
.noava-G, 
.noava-n, 
.noava-N, 
.noava-u, 
.noava-U { 
 background: #f1c40f; 
} 

.noava-3, 
.noava-В, 
.noava-в, 
.noava-п, 
.noava-П, 
.noava-Л, 
.noava-л, 
.noava-Й, 
.noava-й, 
.noava-a, 
.noava-A, 
.noava-h, 
.noava-H, 
.noava-o, 
.noava-O, 
.noava-v, 
.noava-V { 
 background: #2ecc71; 
} 

.noava-4, 
.noava-э, 
.noava-Э, 
.noava-т, 
.noava-Т, 
.noava-Д, 
.noava-д, 
.noava-и, 
.noava-И, 
.noava-У, 
.noava-у, 
.noava-b, 
.noava-B, 
.noava-i, 
.noava-I, 
.noava-p, 
.noava-P, 
.noava-w, 
.noava-W { 
 background: #3498db; 
} 

.noava-5, 
.noava-г, 
.noava-Г, 
.noava-М, 
.noava-м, 
.noava-Ф, 
.noava-ф, 
.noava-Ж, 
.noava-ж, 
.noava-ц, 
.noava-Ц, 
.noava-c 
.noava-C, 
.noava-j, 
.noava-J, 
.noava-q, 
.noava-Q, 
.noava-x, 
.noava-X { 
 background: #34495e; 
} 

.noava-6, 
.noava-Х, 
.noava-х, 
.noava-ч, 
.noava-Ч, 
.noava-ю, 
.noava-Ю, 
.noava-р, 
.noava-Р, 
.noava-ш, 
.noava-Ш, 
.noava-d, 
.noava-D, 
.noava-k, 
.noava-K, 
.noava-r, 
.noava-R, 
.noava-y, 
.noava-Y { 
 background: #8e44ad; 
}

.fmessage {
 margin-bottom: 20px;
 line-height: 1.3;
 color: #888;
 background-color: #f0f0f0;
 position: relative;
 padding: 10px 15px 10px 75px;
}

.fmessage-icon.fx-col.fx-center {
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 60px;
 background-color: #eb4d4b;
 color: #fff;
 text-align: center;
 font-size: 18px;
}


.fmessage-icon {
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 60px;
 background-color: #eb4d4b;
 color: #fff;
 text-align: center;
 font-size: 18px;
}

@media (max-width: 500px) {
 .poster {height: 450px;}
 .content #play iframe {
 width: 100%;
 height: 250px;
 border: 0;
} 
}

@media (max-width: 420px) {
 .poster {height: 427px;}
 .content #play iframe {
 width: 100%;
 height: 200px;
 border: 0;
} 
}

@media (max-width: 375px) {
 .poster {height: 382px;}
}

@media (max-width: 320px) {
 .poster {height: 325px;}
 .content #play iframe {
 width: 100%;
 height: 150px;
 border: 0;
} 
}