/* вместо #trailer на странице node-articles */

.fancybox-slide div.article[id^=player] {
    width: 50%;
    display: none;
}
/* и верхнего трейлера на странице фильма */
.fancybox-slide div[id^=player] {
    width: 100%;
    margin: inherit;
    max-width: inherit;
}
/* добавить к .submenu a { */
.submenu span.sm {
    color: #222;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 10px 0;
}
.submenu span.sm.disable {
    color: #b0b0b0;
}

/* это вместо правила для #trailer, так как у нас айди блока трейлера с айдишником  */
.movies-trailers div[id^=player] {
    display: none;
    width:50%;
}


/* этот класс .content встроен в друпал для вывода содержимого любых блоков, так что нельзя его применять для других целей,
 заменяем его на content_div, соответственно из main.css надо переименовать его  */
.content_div {
    float: right;
    margin-top: 40px;
    position: relative;
    width: 780px;
}
.content_div p,.content .content_div p {
    margin: 0 0 20px 0;
}
.content_div p i,.content .content_div p i {
    font-style: normal;
}
/* убираем влияние main.css */
.content {
   float:initial;
    margin-top:initial;
    position:initial;
    width:initial;
}
.content p {
    margin:initial;
}
.content p i {
    font-style: initial;
}
/* для голосования */
span#vote_message {
    font-size: 14px;
    direction: ltr;
    white-space: nowrap;
}

/* на странице трейлеров фильма замена .subtrailer [id^=player-] на .subtrailer [id^=player] */
.subtrailer [id^=player] {
    display: none;
}

textarea.trailer_code_ta {
    width: 80%;
    height: 5rem;
    margin-bottom: 18px;
}


/* admin tabs */
ul.tabs.primary {
    padding: 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid gray;
}
ul.tabs.primary li {
    display: inline-block;
    margin: 0;
    border-bottom: 0 !important;
    border: 1px dotted gray;
    padding: 0 10px;
    font-size: 0.8rem;
}



/* убираем margin - кривые блок */
.trailer {
    margin:0;
}

/* в кинотеатрах не учтено было несколько фильмов в одном */

.cinemas .dates {
    float: right;
    width: 460px;
    display: none;

}
.cinemas.opened div{
    display:block;
}
.cinemas div:first-child span {
    clear: both;
}
.cinemas div:first-child > a {
    font-weight: 500;
}
.cinemas div:first-child a {
    font-weight: inherit;
}
.cinemas .afisha_card {
    clear: both;
    margin-bottom: 30px;
    display:none;
}
strong.show_table_but {
    cursor: pointer;
}
/*заменяем */
.cinemas div:last-child > a {
    float: left;
    font-weight: 500;
    margin: 0 50px 30px 0;
}
.cinemas div:last-child a {
    float: inherit;
    font-weight: inherit;
    margin: inherit;
}
.cinemas div.dates a {
    float: left;
    font-weight: 500;
    margin: 0 0 30px 50px;
}

.cinemas div:last-child a:nth-child(5n) {
    margin: 0 0px 0px 50px;
}
#map {
    height: 450px;
    margin-bottom: 30px;
}

.afisha_card em {
    cursor:pointer;
}
/* добавил из-за страницы конкурсов */
.navigation {
    clear: both;
    padding-top: 20px;
}

.rating #infscr-loading img {
    border: 0;
    float: left;
    height: initial;
    margin: 0;
    width: initial;
    
}
.rating #infscr-loading {
    clear: both;
    text-align: left;
    line-height: 50px;
}
.infinite_scroll:after {
    content: '';
    clear: both;
}


/* график сериалов
айди #release заменен на .date_release - убрать в main все стили про #release (точнее заменить на .date_release а тут стереть все
 */
.date_release h3 {
	background: #fff;
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 30px 0;
	padding: 10px 0;
	position: relative;
	z-index: 1;
}
.date_release .release:last-child {
	margin: 0 0 20px 0;
}
.date_release .release:last-child:after {
	display: none;
}

.date_release h3:after {
    background: linear-gradient(90deg, rgb(142, 120, 255) 0%, rgb(252, 125, 123) 100%);
    background: rgb(142, 120, 255);
    background: -moz-linear-gradient(0deg, rgb(142, 120, 255) 0%, rgb(252, 125, 123) 100%);
    background: -ms-linear-gradient(0deg, rgb(142, 120, 255) 0%, rgb(252, 125, 123) 100%);
    background: -o-linear-gradient(0deg, rgb(142, 120, 255) 0%, rgb(252, 125, 123) 100%);
    background: -webkit-linear-gradient(0deg, rgb(142, 120, 255) 0%, rgb(252, 125, 123) 100%);
    bottom: 0;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}


/* настройки каналов там сдвиг вышел за счет еще одного div*/
.tv_favorites .favorites:nth-of-type(8n+2) {
    margin: 0 0 20px 0;
}
.tv_favorites .favorites:nth-of-type(8n+1) {
    margin: 0 20px 20px 0;
}
.tv_favorites .favorites {
    cursor:pointer;
}
.channel.favorites.loading {
    background: #eeeeee;
}
a.ch_logo {
    margin-bottom: 30px;
    display: block;
}

/* тэги топов список, а не набор чекбоксов */
#tops li {
    border-radius: 25px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    background: #f6f6f6;
    margin: 0 17px 20px 0;
}
#tops #selected_tags li {
    background-color: #f97c80;
}
#tops ul {
    padding:0;
}
#tops button {
    float:right;
}
ul#primary_tags {
    display: inline;
}


/* топы класс minicard оставлен как и в обычных статьях card, но весь текст помещен в класс top
поэтому класс minicard надо грохнуть и прописать для .top .card стили
 */
.top .card {
    background: #f7f7f8;
    display: table;
    font-size: 14px;
    line-height: 23px;
    margin: 40px 0;
    position: relative;
    width: 100%;
    border-bottom: 0;
    padding: inherit;
}
.top .card img {
    border-radius: 4px;
    float: left;
    height: 215px;
    object-fit: cover;
    width: 140px;
    margin-top: 0;
}
.top .card div {
    bottom: 0;
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
    left: 0;
    position: relative;
}



.afisha_schedule .gray {
    color: #c6c6c6;
}
.afisha_schedule {
    display:none;
}
.afisha_card img {
    height:207px;
}

div#articles_next_page_link {
    clear: both;
    padding-top: 50px;
}

#ivi .posters a:nth-child(5n+1) {
    clear: both;
}
#online_next_page_link a#load_more {
    color: white;
}
#ivi .selections {
    margin-bottom: 100px;
}
#ivi .posters:last-child {
     margin: 0;
}

a.load.progress-disabled {
    background-image: url(/images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}


/*вместо .main_giphy a:last-child */
.main_giphy >div:first-child {
    float:right;
}
.main_giphy a:last-child {
    float: none;
}
/* на замену .main_trailers [id^=player-]
*/
.main_trailers [id^=player] {
    display: none;
}


.main_longread strong {
    min-width: 450px;
}


/* main page sliders */
.main_slider .main_slider_content {
    display: none;
}
.main_slider .main_slider_container .main_slider_content:first-child {
    display: block;
}


.main_table_column .pop-up {
    position: absolute;
    z-index: 1;
    background: white;
    display: none;
    margin-left: 20px;
}



.main_people em {
    display: inline-block;
}

/* подборки последняя страница - ошибка в стиле (n пропущена) */
.recommendation:nth-child(2n) {
    float: right;
}
#recommendation h6 {
    clear:both;
}

/*сериалы правим стили для дозагрузки рецензий*/
.serials_reviews a:nth-of-type(6n+4),.serials_reviews a:nth-of-type(6n+6) {
    margin: 20px 0 0 0;
}
.serials_reviews a:nth-of-type(6n+5) {
    display: table;
    width: 940px;
}
.serials_reviews a:nth-of-type(6n+5) img {
    height: 334px;
    width: 470px;
}
.serials_reviews a:nth-of-type(6n+5) em {
    display: table-cell;
    padding: 0 20px 0 490px;
    vertical-align: middle;
}
.serials_reviews a:nth-of-type(6n+5) strong {
    font-size: 33px;
    left: 0;
    line-height: 1.25;
    position: relative;
    right: 0;
    top: 0;
}
.serials_reviews a:nth-of-type(6n+5) span {
    bottom: 0;
    display: block;
    left: 0;
    position: relative;
    right: 0;
    top: 20px;
}
.serials_reviews a:nth-of-type(6n+5) .rating {
    background: url(rating-5.png);
    color: #222;
    left: -400px !important;
}

/*быстропоиск*/

.fast_search div a strong {
    display: block;
}
form.quick_search {
    margin:0;
}


.select input {
    appearance: none;
    border: 0;
    background-color: #F6F5F6;
    border-radius: 3px;
    color: #222;
    font: 14px roboto, sans-serif;
    margin: 0 27px 0 0;
    outline: none;
    padding: 10px 20px;
    width: 200px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.search_result a.load {
    box-shadow: none;
    clear: both;
    float: none;
}


/*people*/
.common_persons_page .submit {
    display:none;
}

.people {
    cursor: pointer;
}
/*замена .people span:nth-child(3) a на .people span:nth-child(3) */
.people span:nth-child(3) {
    color: #c6c6c6;
}
/* .people span:nth-child(2) img на .people > a img*/
.people a img {
    height: 82px;
    object-fit: cover;
    width: 65px;
}
.people >div > a {
    display: table-cell;
    padding: 10px 0;
    vertical-align: middle;
    width: 1%;
}

/*  main menu */
/* появился раздел стиль - все сломалось у знакомств */

.menu.hvk a strong {
    border: 1px solid #575757;
    border-radius: 3px;
    color: #575757;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    padding: 5px;
    text-align: center;
}
.menu.hvk a:hover {
    color: #222;
}
.menu.hvk a:hover strong {
    background: #8300ff;
    border: 1px solid #8300ff;
    color: #fff;
}
.menu.hvk a img {
    height: 170px;
}
.menu:last-child a:hover {
    color: inherit;
}

/* график сериалов */
.serial_invis {
    display: none;
}
.label input[type="checkbox"]:checked+label {
    background: #8300ff;
    color: #fff;
}



#tops #selected_tags li {
    background-color: #8300ff;
    color: #fff;
}

.heading.heading_news {
    position: static;
    margin-bottom:20px;
}

.rating span.rate {
    color: #222;
}

/* добавить и замениить в соответсвующем стиле main */
.slider_ivi img {
    height: 380px;
    margin-top: 50px;
}
.slider_ivi .tns-item.active img {
    height: 480px;
    margin-top: 0;
}

/*people*/
.people span:nth-child(4) {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.people.opened span:nth-child(4) {
    transform: none;
    -webkit-transform: none;
}
/*  в афише делаем почеренение карточке не по наведению (убрать hover из main.css */
.afisha_card:hover {
    background: inherit;
}
.afisha_card:hover a {
    color: inherit;
}
.afisha_card:hover em {
    color: inherit;
}
.afisha_card:hover span:last-of-type {
    color: inherit;
}
.afisha_card:hover .afisha_review {
    color: inherit;
}

.afisha_card.selected {
    background: #222;
}
.afisha_card.selected a {
    color: #fff;
}
.afisha_card.selected em {
    color: #c6c6c6;
}
.afisha_card.selected span:last-of-type {
    color: #c6c6c6;
}
.afisha_card.selected .afisha_review {
    color: #222;
}

.soon .release em {
    background: #8300ff;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 0;
    padding: 0px 4px;
    position: absolute;
    top: 6px;
}



/* user login form - temporary */
#user_login_form_close {
    display: none;
}
.registration_block {
    width: 60%;
    margin: 0 auto;
}
.login_title {
    font-weight: bold;
}
div.authorisation {
    position: static;
    display: block;
    opacity: 1;
    color:black;
}
/* end user login form */

.sber-film {
	align-items: center;
	//background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);	
	//border-radius: 0 0 16px 16px;
	bottom: 0;
	display: flex;
	height: 267px;
	justify-content: center;
	left: 0;
	position: absolute;
	width: 100%;
}
.sber-film-2 {
	height: 124px;
	left: 0;
	position: absolute;
	top: 0;
	width: 90%;
}
.sber-film-3 {
	height: 59px;
	left: 0;
	position: absolute;
	top: 124px;
	width: 175px;
}
.sber-film-4 {
	height: 59px;
	left: 277px;
	position: absolute;
	top: 124px;
	width: calc(100% - 277px);
}
.sber-film a {
	background: #62b4f9;
	border-radius: 32px;
	color: #fff;
	font: 300 17px roboto, sans-serif;
	margin-top: -104px;
	padding: 16px 32px;
	position: relative;
}
.sber-film a img {
	height: 17px;
	margin: 0 0 -3px;
}
.sber-zvuk {
	height: 450px;
	position: relative;
    margin: 0 0 20px;
}
.sber-zvuk iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.playerObject {
	width: 75%;
	margin: 0 auto;
}

div[id^=trailerCont] {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 9999999;
	display: none;
	margin: 0 auto;
	backdrop-filter: blur(8px);
}
button.vjs-widescreen-control,  button.vjs-report, button.vjs-share {
    display: none !important;
}
.vjs-poster:not(.vjs-fullscreen) {
    background-size: cover !important;
}
a.permalink {
    font-size: x-large;
    display: block;
    font-weight: bold;
}
.play_online_new {
    background: rgba(26, 26, 26, .7);
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .25);
    height: 65px;
    left: 50%;
    margin: -32.5px 0 0 -32.5px;
    position: absolute;
    top: 50%;
    width: 65px;
    cursor: pointer;
}
.play_online_new:after {
    border-bottom: 11.7px solid transparent;
    border-left: 19.5px solid #fff;
    border-top: 11.7px solid transparent;
    content: '';
    left: calc(50% - 8px);
    position: absolute;
    top: calc(50% - 11.7px);
    z-index: 1;
}
.play_online_new:hover {
    background: rgba(26, 26, 26, .9);
    height: 75px;
    margin: -37.5px 0 0 -37.5px;
    width: 75px;
}
.play_online_new:hover:after {
    border-bottom: 13.5px solid transparent;
    border-left: 23px solid #fff;
    border-top: 13.5px solid transparent;
    left: calc(50% - 8px);
    top: calc(50% - 13.5px);
}
/* новая кнопка okko */
@font-face {
    font-family: Suisse;
    src: url('../font/suisse.otf') format('opentype');
}
.okko_2022 {
    align-items: center;
    background: #502f9c;
    border-radius: 8px;
    color: #fff;
    display: flex;
    left: 50%;
    margin: -20px 0 0 -125px;
    position: absolute;
    top: 50%;
}
.okko_2022 img {
    height: 14px !important;
    margin: -4px 16px 0 16px;
    width: auto !important;
}
.okko_2022 strong {
    background: #6c43bf;
    border-radius: 8px;
    font: 500 16px/17px Suisse;
    padding: 12px 16px 10px 16px;
}
.top .card .okko_2022 {
    display: inline-flex;
    margin: 20px 0 20px -299px;
    position: relative;
}
a.okko_2022 {
    white-space: nowrap;
}
.film_catalog_online a.premier_button, .film_catalog_online a.kion_button, .film_catalog_online a.kniww_button, .film_catalog_online a.okko_2022, .film_catalog_online a.button_premier {
    margin-left: 10%;
    margin-top: -15%;
}
.film_catalog_online > a.premier_button {
    transform: scale(0.7);
    margin-left: 23%;
}
.film_catalog_online > a.button_premier {
    transform: scale(0.8);
    margin-left: 83px;
    margin-top: -1%;
}
.play_new {
    background: rgba(26, 26, 26, .7);
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .25);
    cursor: pointer;
    height: 65px;
    left: 50%;
    margin: -32.5px 0 0 -32.5px;
    position: absolute;
    top: 50%;
    width: 65px;
}
.play_new:after {
    border-bottom: 11.7px solid transparent;
    border-left: 19.5px solid #fff;
    border-top: 11.7px solid transparent;
    content: '';
    left: calc(50% - 8px);
    position: absolute;
    top: calc(50% - 11.7px);
    z-index: 1;
}
.play_new:hover {
    background: rgba(26, 26, 26, .9);
    height: 75px;
    margin: -37.5px 0 0 -37.5px;
    width: 75px;
}
.play_new:hover:after {
    border-bottom: 13.5px solid transparent;
    border-left: 23px solid #fff;
    border-top: 13.5px solid transparent;
    left: calc(50% - 8px);
    top: calc(50% - 13.5px);
}