/*html,*/
html {
    font-size: 15px;
}
body {
	font-family: 'Montserrat-Regular', sans-serif;
    font-size: 15px;
    font-weight: 300;
    min-width: 320px;
    height: 100%;
    position: relative;
    line-height: 1.45;
    font-weight: normal;
    overflow-x: hidden;
    margin:0;
    padding:0;
    background-color: #0B1118;
    color: #E77814;
}

/*  Typography */
h1,h2,h3,h4,h5,h6 {
	font-family: 'Montserrat-Black', sans-serif;
    /*color: #182450;*/
}
h1 {
	font-size: 3.12rem;
}

h2 {
	font-size: 2.3rem;
}

h3{
	font-size: 2rem;
}

input::placeholder {
    color: rgba(255, 255, 255, 0.65);
   	font-family: 'Montserrat-Regular', sans-serif;
   	font-size: 2rem;
}

.wrapper {
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
	/*border:2px solid red;*/
}


/** 
 * breadcrumbs 
 */
.breadcrumbs {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.breadcrumb-item {
	margin-right: .45em;
}
.breadcrumb-item {
	text-decoration: none;
}

/**
 * HEADER-SITE 
 */

.is-home .site-header {
	border-bottom: 1px solid #1E2532;
}

.is-home .site-header .wrapper,
.is-series .site-header .wrapper,
.is-series-episode .site-header .wrapper {
	display: grid;
	grid-template-columns: 90px 1fr 100px;	
}

.site-branding {
	width: 100px;
}

.site-branding a {
	height: 100%;
	width: 100%;
	display: block;
}
.is-single-series .site-header {
	width: 100%;
	position: absolute;
	z-index: 20;
	background: linear-gradient(135deg, rgba(26,29,41,0.65), rgba(26,29,41,0.33));
	/*border-bottom: 1px solid #1E2532;*/
}
.is-single-series .site-header .wrapper {
	display: grid;
	grid-template-columns: 150px 1fr 100px;	
}
.is-single-series .breadcrumb-item {
	color: #fff;
	z-index: 14;
	display: block;
	padding: .4em 1em;
	border-radius: 5px;
}
.is-single-series .breadcrumb-item:hover {
	background: linear-gradient(135deg, rgba(26,29,41,0.65), rgba(26,29,41,0.33));
}

.is-series-episode .site-header   {
	border-bottom: 1px solid #1E2532;
}

.is-series-episode .breadcrumb-item {
	color: #fff;
}






.naviganios-site-header {
	display: flex;
	align-items: center;
}
.main-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.menu-item {
	margin: 0 1em 0 0 ;
}
.menu-item a{
	color: #FAA804;
	text-decoration: none;
}

button.btn {
	cursor: pointer;
	background-color: transparent;
	border: none;
}


button.btn[aria-label="SearchMoviePanel"] {
	width: 50px;
	height: 50px;
	border-radius: 10px;
	margin: auto;
}
button.btn[aria-label="SearchMoviePanel"]:hover {
	background-color: #1E2532;
}
button.btn[aria-label="SearchMoviePanel"]:hover svg  {
	transform: scale(1.0);
}






/**
 * paginations
 */
.paginations-episode {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 2em;
}
.paginations-episode__link {
	position: relative;
	height: 120px;
	border-radius: 10px;
	overflow: hidden;
}
.paginations-episode__link a {
	text-decoration: none;
	font-family: 'Montserrat-SemiBold', sans-serif;
}
.paginations-episode__link .thumb {
	width: 100%;
	height: 120px;
	position: absolute;
}
.paginations-episode__link .thumb::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg,rgba(26,29,41,.63));
	pointer-events: none;
}
.paginations-episode__link .thumb img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}
.paginations-episode__link .link-info-episode {
	font-family: 'Montserrat-Regular', sans-serif;
	position: relative;
	z-index: 1;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}
.paginations-episode__link .link-info-episode .title{
	display: block;
	font-family: 'Montserrat-SemiBold', sans-serif;
	font-size: 1.3rem;
}
.paginations-episode__link svg g {
	fill: #FFB500;
	fill: #ffffff;
}
.paginations-episode__link .arrow-right {
	position: absolute;
	z-index: 10;
	top: 50%;
	right: 10%;
	transform: translate(-50%, -50%);
	transition: all .1s linear;
}
.paginations-episode__link .arrow-left {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 10%;
	transform: translate(-50%, -50%);
	transition: all .1s linear;
}

.paginations-episode__link:hover .thumb::before  {
	background: linear-gradient(35deg,rgba(26,29,41,.53));
} 
.paginations-episode__link:hover .thumb img  {
	transform: scale(1.01, 1.01  );
	transition: all .2s linear;
}
.paginations-episode__link:hover .link-info-episode  {
	background: linear-gradient(135deg,rgba(26,29,41,.73));
}
.paginations-episode__link:hover .arrow-right  {
	right: 8%;
	transition: all .2s linear;
}
.paginations-episode__link:hover .arrow-left  {
	left: 8%;
	transition: all .2s linear;
}

.paginations-episode.only-prev {
	grid-template-columns: 1fr;
}

.paginations-episode.only-next {
    grid-template-columns: 1fr;
}






.series-info-main-content {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	padding: 5em 0;
	overflow: hidden;
	/*height: 40vh;*/
}
.series-info-main-content::before {
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	/*background: linear-gradient(135deg, rgba(69, 73, 89, 0.25), rgba(72, 79, 106, 0.33));*/

	inset: 0;
	pointer-events: none;
	/*background: linear-gradient( 90deg,  rgba(0, 8, 20, 0.85) 0%, rgba(0, 8, 20, 0.45) 15%, rgba(0, 8, 20, 0) 35%, rgba(0, 8, 20, 0) 65%, rgba(0, 8, 20, 0.45) 85%, rgba(0, 8, 20, 0.85) 100%	);*/

	/*background: linear-gradient( 180deg, rgba(1, 3, 12, 0) 85.93%, #0b0b0b), linear-gradient(270deg, rgba(1, 3, 12, 0) 24.17%, #0b0b0b 76.5%), hsla(0, 0%, 82.7%, 0) 10.629125rem -6.8rem / 100% 127.2% no-repeat;*/

	background:
	    linear-gradient(
	        180deg,
	        rgba(11, 17, 24, 0) 30.93%,
	        rgba(11, 17, 24, 1) 100%
	    ),
	    linear-gradient(
	        270deg,
	        rgba(11, 17, 24, 0) 24.17%,
	        rgba(11, 17, 24, 1) 96.5%
	    );


}

.series-info-name-site h1 {
  color: #EBEDEF;
  z-index: 10;
  position: relative;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}


.series-meta.summary {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
	grid-gap: .67em;
}
.series-meta.summary .block .rating {
	display: grid;
	grid-template-columns: repeat(2, 1fr);

}
.series-meta.summary .block .rating .title {
	grid-row: 1;
	grid-column: 1/3;
}
.series-meta.summary .block .value {
	grid-row: 2;
	grid-column: 1/3;

	display: flex;
	align-items: center;
	font-family: 'Montserrat-SemiBold', sans-serif;
}
.series-meta.summary .block .rating .value svg  {
	margin: 0 .4em 0 0;
}
.season-poster.main {
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 6px;
	overflow: hidden;
}
.season-poster.main img {
	width: 100%;
	max-width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
	animation: posterZoom 13s ease-in-out infinite;
}
@keyframes posterZoom {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}

.main-info-series .content {
	position: relative;
}

.teams-list {
	width: 100%;
	list-style: none;
	margin:  0;
	padding: 0;
}
.teams-list li {
	display: inline-block;
}

.actors {
	margin: 3em auto;
}
.actors-wrapper {
	/*padding-bottom:3em ;*/
}
.actors-wrapper h2 {
	color: #fff;
}
.teams-list[aria-label='Actors'] {
	display: grid!important;
	grid-gap: 1em;
	grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
}
.teams-list li[aria-label="Actor"] {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	line-height: 1.12;
	padding: 1em;	
	color: #fff;
	background: linear-gradient(135deg, rgba(69, 73, 89, 0.25), rgba(72, 79, 106, 0.33));
	box-shadow: 0 8px 24px rgba(29, 44, 62, 0.35);
	border-radius: 10px;
	font-size: 1rem;
	overflow: hidden;
}
.teams-list li .ava {
	margin: .67em 0;
} 
.teams.teams-actors {
	margin: 2em auto;
	border-radius: 10px;
	box-shadow: 1px 12px 42px 1px  rgba(231,231,231, .71);
}
.teams.teams-actors .title {
	display: block;
	padding: 1em;
}
.ava {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
}
.ava img {
	width: 100%;
}


/**
 * Панель навигации переключения сезонов 
 * 
 */

.navigation-season-block {
	width: 100%;
}
.navigation-season-block .wrapper {
	margin: 2em auto;
	border-radius: 10px;
	/*background-color: #0F1720;*/
	/*box-shadow: 0 12px 40px rgba(29, 44, 62, 0.5);*/
	/*box-shadow: 0 0 20px rgba(29, 44, 62, 0.6);*/

	/*box-shadow:*/
	    /*0 10px 30px rgba(29, 44, 62, 0.45),*/
	    /*0 0 0 1px rgba(255,255,255,0.05);*/
}

.navigation-season-block h2 {
	/*border-bottom: 1px solid #1D2C3E;*/
	margin: 1em 0;
}
.seasons-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

/**
 * Навигационна панель navigation-bar
 */
.seasons-list.navigation-bar {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	background: linear-gradient(135deg, rgba(69, 73, 89, 0.25), rgba(72, 79, 106, 0.33));
	box-shadow: 0 8px 24px rgba(29, 44, 62, 0.35);
	border-radius: 10px;
}
.seasons-list.navigation-bar .season-item {
	max-width: 120px;
	cursor: pointer;
	color: #6F7479;
	height: 100%;
	font-size: 1.12rem;
}
.seasons-list.navigation-bar .season-item.is-active {
	color: #EBEDEF;
	background-color: rgba(72, 79, 106, 0.33);
	/*text-decoration: underline;*/
}
/*.seasons-list.navigation-bar .season-item .thumb-poster {}*/
.seasons-list.navigation-bar .season-item .thumb-poster img {
	width: 100%;
}
.seasons-list.navigation-bar .season-item span {
	display: block;
	padding:  1.34em;
}
.seasons-list.navigation-bar .season-item span.numb {
	font-family: 'Montserrat-Bold', sans-serif;	
}

.numb-label {
	display: flex;
	align-items: center;
}

.filming-teams-info {
	margin: 1em auto;
}

.rating-stars svg,
.seasons-total svg,
.runtime-value svg{ 
	position: relative;
	right: 5px;
}
.series-meta {
	padding: .26em 0;
	background: linear-gradient(135deg, rgba(26,29,41,0.65), rgba(26,29,41,0.33));
	margin: .2em 0; 
	color: #fff;
	padding: 1em;
	position: relative;
	border-radius: 6px;
}
.series-meta.main-info {
	display: grid;	
	grid-template-columns: 290px  1fr;
	grid-column:1/6;
	max-height:50px;
	padding: 0 0 1em 0;
	border-radius: 0;
	border-bottom: 1px solid rgba(231,233,245,.11);
	background: transparent;
}
.series-meta.main-info .block:nth-child(1) .season-episode {
	font-family: 'Montserrat-SemiBold', sans-serif;
	font-size: 1.45rem;
}
.series-meta.main-info .block:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.block .rating-stars,
.block .runtime-value,
.block .seasons-total {
	display: flex;
	align-items: center;
	background-color: rgba(0, 0, 0, .23);
	border-radius: 4px;
	padding: .4em 1em;
	font-family: 'Montserrat-SemiBold', sans-serif;
}

.series-meta .votes {
	background-color: rgba(0, 0, 0, .53);
	color: #fff;
	font-size: .7rem;
	margin: 0 .84em;
	padding: .32em 1em;
	display: block;
}

.series-meta.teams {
	flex-direction: column;
	align-items: flex-start;
	grid-column: 1;
	grid-row: 2;

	background: linear-gradient(135deg, rgba(69, 73, 89, 0.25), rgba(72, 79, 106, 0.33));
	box-shadow: 0 8px 24px rgba(29, 44, 62, 0.35);
	border-radius: 10px;

}
.series-meta.teams .block {
	margin: .67em 0;
}
.series-meta .title {
	font-size: .7rem;
	display: block;
}
.series-meta:nth-child(7) {
	grid-column: 1/4;
}
.episodes-block .entry-header {
	display: flex;
	align-items: center;
	margin: 2em 0;
}

.episodes-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.is-single-series .episodes-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid !important;
	grid-gap: 1em;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.is-single-series .episodes-list.wrapper {
	margin: 0 auto;
}

.is-single-series .episode-item {
	background: linear-gradient(135deg, rgba(69, 73, 89, 0.25), rgba(72, 79, 106, 0.33));
	box-shadow: 0 8px 24px rgba(29, 44, 62, 0.35);
	border-radius: 10px;
	overflow: hidden;
}
.is-single-series .episode-item .thumb {
	overflow: hidden;
	/*border-radius: 6px;*/
}
.is-single-series .episode-item .thumb .play svg circle {
	stroke: rgba(255, 255, 255, 0.3);
}
.is-single-series .episode-item .thumb .play svg path {
	fill: rgba(255, 255, 255, 0.3);
}
.is-single-series .episode-item .thumb:hover .play svg {
	transition: all .12s linear;
	width: 50px;
	height: 50px;
}
.is-single-series .episode-item .thumb:hover .play  {
	transition: all .12s linear;
	background: none;
}
.is-single-series .episode-item .thumb a {
	width: 100%;
	top: 0;
	left: 0;
	display: block;
	/*z-index: 100;*/
	position: relative;
}
.is-single-series .episode-item .thumb a::before {
	content:"";
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: linear-gradient(135deg, rgba(15,32,39,0.23), rgba(32,58,67,0.32), rgba(44,83,100,0.28));
}
.is-single-series .episode-item .thumb a img {
	max-width: 100%;
	object-fit: cover;
	display: block;
}
.is-single-series .episode-item .thumb a .play  {
	background-color: rgba(255, 255, 255, .13);
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	border-radius: 10p;
	transform: translate(-50%, -50%);
}
.is-single-series .episode-item .info {
	width: 100%;
	max-width: 90%;
	margin: 1em auto 1.4em;
	/*color: #2a2a2a;*/
}
.is-single-series .episode-item .info .title {
	font-family: 'Montserrat-SemiBold', sans-serif;	
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	margin: .2em 0;
}
.is-single-series .episode-item .info .title,
.is-single-series .episode-item .info span  {
	/*color: #2a2a2a;*/
	color: #EBEDEF;
}
.episode-item .info .date {
	display: block;
	/*color: #757677;*/
	color: #EBEDEF;

}
.episode-item .info .season-number,
.episode-item .info .episode-number {
	display: block;
}
.episode-item .info .release-date {
	display: block;
}
.notice-space {
	display: flex;
	align-items: center;
}
a.refresh-page {
	text-decoration: none;
	display: inline-block;
	padding: .45em;
	margin: .4em;
	/*background-color: #FFDBD6 ;*/
	/*color: #A6493A;*/
	color: #EBEDEF;

}
.episode-item .info .s-number {
	position: relative;
	color: #EBEDEF;
	color: #6F7479;
	/*color: #fff;*/
	/*color: #182450;*/
	/*font-family: 'Montserrat-Black', sans-serif;	*/
	display: inline-block;
	/*font-size: 1rem;*/
	font-size: .9rem;
}
.episode-item .info .s-number::after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color:#EBEDEF;
	background-color:#6F7479;
	top: 50%;
	right: -12px;
	transform: translate(-50%, -50%);
}
.episode-item .info .ep-number {
	color: #6F7479;
	font-size: .9rem;
	margin: 0 0 0 .7em;
}

/**
 *  descriptions
 */
 .descriptions {
 	padding: 3em 0;
 }
 .descriptions p {
 	max-width: 80%;
 }

/**
 * SINGLE Page 
 */
.single-container{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1em;
}
.player-container {
	display: grid;
	grid-gap: 1em;
	border-radius: 5px;
	overflow: hidden;
}
.player-container {
	grid-column: 1/3;
}
.single-title-block h1 {
	margin: 0;
}
.player-container {
	grid-template-columns: 1fr;
}
.player-container {
	grid-template-columns: 1fr 30%;
}
.gpart {
	/*border:3px solid green;*/
}
.single-title-block.gpart {
	grid-column: 1/3;
}
.single-info-episode.gpart {
	grid-column: 1/3;
}
.single-episode-description.gpart {
	grid-column: 1/3;
}
.single-paginations-episode.gpart {
	grid-column: 1/3;
}
.single-episodes-block.gpart {
	grid-column: 1/3;
}
.single-episodes-container.gpart {
	grid-column: 1/3;

}

/**
 * Страница сериалы 
 * 
 */

.series .wrapper {
	margin: 3em auto;
} 

.films-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid !important;
	grid-gap: 1.45em;
	grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
}

.movie-card   {
	text-decoration: none;
	color: #EBEDEF;
	display: block;
	position: relative;
	margin-bottom: 1.8em;
	background: linear-gradient(135deg, rgba(69, 73, 89, 0.25), rgba(72, 79, 106, 0.33));
	box-shadow: 0 8px 24px rgba(29, 44, 62, 0.35);
	border-radius: 10px;
	overflow: hidden;
} 

.movie-card .thumb {
	height: 340px;
	position: relative;
}
.movie-card .thumb a { 
	width: 100%;
	height: 100%;
	border-radius: 10px 10px 0 0 ;
	overflow: hidden;
}

.movie-card .thumb a img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	/*display: block;*/
} 

/* Рэйтинги кинопоиска  */
.rating-kp {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1em;
    color: #fff;
}

.movie-card .thumb a .rating-kp{
	top: 1em;
	left: 1em;
    position: absolute;
    z-index: 10;
}


/* плохо */
.rating-bad {
    background: #B5B5B5;
}

/* средне */
.rating-ok {
    background: #D8B354;
    color: #fff;
}

/* хорошо */
.rating-good {
    background: #8A9C45;
}

/* топ */
.rating-top {
    background: #32BA43;
}


.movie-card .info {
	line-height: 1;
	width: 100%;
	max-width: 90%;
	margin: 1em auto;
}

.movie-card .info .title {
	font-family: 'Montserrat-SemiBold', sans-serif;
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	margin: .2em 0;
}
.movie-card .info .title a {
	text-decoration: none;
	color: #fff;
}
.movie-card .info span {
	font-size: .9rem;
	line-height: 1.23;
	font-size: .9rem;
}

button.btn-load-more {
	font-family: 'Montserrat-SemiBold', sans-serif;
    display: block;

    padding: 14px 28px;
    margin: 30px auto 0;

    border: none;
    border-radius: 5px;

    font-size: 1rem;
    color: #111;
    background: linear-gradient(
        135deg,
        #FAA804 0%,
        #FFD447 100%
    );

    cursor: pointer;

    box-shadow:
        0 8px 20px rgba(250, 168, 4, .25);

    transition:
        transform .15s ease,
        box-shadow .15s ease,
        filter .15s ease;
}

button.btn-load-more:hover {
    transform: translateY(-2px);

    box-shadow:
        0 12px 24px rgba(250, 168, 4, .35);

    filter: brightness(1.05);
}

button.btn-load-more:active {
    transform: translateY(1px) scale(.98);

    box-shadow:
        0 4px 10px rgba(250, 168, 4, .25);
}

button.btn-load-more:disabled {
    opacity: .7;
    cursor: not-allowed;
}

.is-series button.btn-load-more {
	margin: 0 auto;
}







/**
 * Сериалы для секции INTRO HOME (Карусель) 
 * 
 */


.is-home section{
	margin: 2em auto;
}

.intro .entry-content {
	position: relative;
}

.intro .owl-carousel {
	position: relative;
	/*margin: 1em auto;*/
}

.intro .owl-carousel .item   {
	position: relative;
	color: #fff;

	display: grid;
	grid-template-columns: 540px 1fr;
	grid-gap: 2em;


/*
	display: flex;
	align-items: center;
	justify-content: space-between;
*/
	/*border: 2px solid red;*/
}

.intro .owl-carousel .item .thumbnail { 
	grid-column: 1;
	width: 100%;
	max-width: 620px;
	height: 650px;
	position: relative;
	border: 2px solid #0B1118;
	border-radius: 10px ;
	overflow: hidden;
}
.intro .owl-carousel .item .thumbnail::before {
	content: "";
	top: 0;
	left: -2px;
	position: absolute;
	z-index: 1;
	width: 110%;
	height: 100%;
	pointer-events: none;
	/*background: linear-gradient(rgba(11, 17, 24, 0) 90.93%, rgba(11, 17, 24, .16) 100%), linear-gradient(270deg, rgba(11, 17, 24, 0) 14.17%, rgb(11, 17, 24) 96.5%);*/
} 

.intro .owl-carousel .item .thumbnail a {
	text-decoration: none;
	height: 100%;
	width: 100%;
	display: block;
	background-color: #0B1118;
} 
.intro .owl-carousel .item .thumbnail img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
} 
.intro .owl-carousel .item .info {
	grid-row: 1;
	grid-column: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;

	width: 100%;
	max-width: 750px;
	margin: 0 auto;
} 

.intro .owl-carousel .item a  {
	text-decoration: none;
}
.intro .owl-carousel .item a .title {
	font-family: 'Montserrat-Black', sans-serif;
	font-size: 3rem;
	color: #fff;
	text-decoration: none!important;
}

.intro .owl-carousel .item .info span.year,
.intro .owl-carousel .item .info span.genre,
.intro .owl-carousel .item .info span.seasons
{
	background-color: rgba(255, 255, 255, .1);
	display: inline-block;
	margin: .3em;
	padding: .3em;
} 

.intro .owl-carousel .item .rating {
	position: relative;
	display: inline-flex;
} 



/**
 * Сериалы с высоким рейтингом (Карусель) 
 * 
 */


.high-rating .owl-carousel .item{
	/*border: 3px solid green;*/
	background: linear-gradient(135deg, rgba(69, 73, 89, 0.25), rgba(72, 79, 106, 0.33));
    box-shadow: rgba(29, 44, 62, 0.35) 0px 8px 24px;

    position: relative;
    border-radius: 10px;
    overflow: hidden;

}
.high-rating .owl-carousel .item a {
	text-decoration: none;
	color: rgb(235, 237, 239);
	font-family: "Montserrat-SemiBold", sans-serif;
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	margin: 0.2em 0px;

}
.high-rating .owl-carousel .item  .thumbnail{
	height: 350px;
	display: block;
}
.high-rating .owl-carousel .item  .thumbnail a {
	height: 100%;
}
.high-rating  .owl-carousel .item  .thumbnail a img{
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
}
.high-rating .owl-carousel .item .info{
	color: #fff;
	width: 100%;
	max-width: 90%;
	min-height: 90px;
	padding: 1em;
	line-height: 1.3;
}
.high-rating .owl-carousel .item  .info span {
	font-size: .9rem;
}

.high-rating .owl-carousel .item .info span.title {
	font-family: Montserrat-SemiBold, sans-serif;
	font-size: 1.2rem;
	display: block;
	line-height: 1;
	margin: .3em 0;
}

 .rating {
	font-family: Montserrat-SemiBold, sans-serif;
	font-size: .9rem;
	display: flex;
	align-items: center;
	padding: .4em;
	background-color: rgba(31, 37, 50, .54);
	border-radius: 20px;
}
.rating svg {
	margin-right: .46em;
}

.high-rating  .owl-carousel .item .rating {
	position: absolute;
	z-index: 100;
	top: 1rem;
	left: 1rem;
}

/**
 * Эпизод * is-series-episode
 * 
 * 
 */


.is-series-episode .episodes-list {
	grid-column: 1/3;
	width: 100%;

	max-width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: .6em;
	margin: .6em 0;
}
.is-series-episode .episodes-list .episode-item { 
	display: grid;
	grid-template-columns: 190px 1fr;
	grid-gap: 1em;
	width: 100%;
	max-width: 100%;

	background: linear-gradient(135deg, rgba(69, 73, 89, 0.25), rgba(72, 79, 106, 0.33));
	box-shadow: 0 8px 24px rgba(29, 44, 62, 0.35);
	border-radius: 10px;
	overflow: hidden;
}

.is-series-episode .episodes-list .episode-item.is-active {
    background: linear-gradient(
        135deg,
        rgba(63, 73, 103, 0.75),
        rgba(84, 105, 145, 0.85)
    );

}

.is-series-episode .episodes-list .episode-item .info  {
	padding: .4em 0;
}
.is-series-episode .episodes-list .episode-item .info a  {
	display: block;
	height: 100%;
	width: 100%;
}
.is-series-episode .episodes-list .episode-item .info span {
	color: #fff;
} 
.is-series-episode .episodes-list .episode-item .info span.title {
	display: block;
	font-family: 'Montserrat-SemiBold', sans-serif;
	font-size: 1.3rem;
}
.is-series-episode .episode-item .thumb a img {
	max-width: 100%;
	object-fit: cover;
	display: block;
}

.is-series-episode .single-episodes-container {
	height: 100%;
	max-height: 400px;
	overflow-y: scroll;
}


.is-series-episode .episodes-list .episode-item.is-active .info span {

	color: #FAA804;
}

/**
 * Поиск фильмов и сериалов  
 *
 *  
 */

.search-movie-panel {
	display: none;
}

button[aria-label="CloseSearchMoviePanel"] {
    position: fixed;
    top: 1rem;
    right: 1rem;

	 width: 50px;
	 height: 50px;
	 border-radius: 10px;
	 margin: auto;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 120;
    background-color: transparent;
    border: none;

    cursor: pointer;

}
button[aria-label="CloseSearchMoviePanel"]:hover {
	background-color: #1E2532;
}

button[aria-label="ClearFieldSearch"] {
	position: absolute;
	z-index: 100;
	top: 50%;
	right: 10px;
	transform: translate(-50%, -50%);

}

.search-movie-panel.is-active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;

	box-sizing: border-box;
}


.search-movie-panel .title {
	color: #fff;
}

.search-movie-panel .overlay {

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;


	will-change: transform;
	transform: translateZ(0);
	z-index: -2;
	background: rgba(0, 0, 0, .4);
	backdrop-filter: blur(2.1875rem);
}

.search-movie-panel .wrapper {
	display: flex!important;
	flex-direction: column!important;
}

.search-movie-panel__input {

	position: relative;
	width: 100%;
}
.search-movie-panel__input input {

    padding: 1em 1.25em;

    width: 100%;
    box-sizing: border-box;


    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;

    background: linear-gradient(
        135deg,
        rgba(26, 29, 41, 0.75),
        rgba(26, 29, 41, 0.45)
    );

    backdrop-filter: blur(12px);

    color: #fff;

    font-family: 'Montserrat-Regular', sans-serif;
    font-size: 2rem;
    /*line-height: 1.4;*/

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.search-movie-panel__input input::placeholder {
    color: rgba(255, 255, 255, 0.45);
    transition: opacity .25s ease;
}

.search-movie-panel__input input:focus {
    outline: none;

    border-color: rgba(118, 147, 196, 0.35);

    background: linear-gradient(
        135deg,
        rgba(34, 40, 56, 0.85),
        rgba(30, 37, 53, 0.65)
    );

    box-shadow:
        0 0 0 1px rgba(118, 147, 196, 0.15),
        0 10px 30px rgba(0, 0, 0, 0.35);
}

.search-movie-panel__input input:focus::placeholder {
    opacity: 0.3;
}


.result-serach-movie {
    margin-top: .1em;
    max-height: 640px;
    overflow: auto;
}

.search-results-list {
	width: 100%;

    display: grid;
    grid-gap: .33rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.search-results-item a {
    display: grid;
    grid-template-columns: 95px 1fr;
    gap: 1rem;
    align-items: flex-start;

    padding: 1rem;

    border-radius: 12px;
    text-decoration: none;

    background: linear-gradient(
        135deg,
        rgba(26, 29, 41, 0.75),
        rgba(26, 29, 41, 0.45)
    );

    color: #fff;
}

.search-results-item .thumb {
    width: 90px;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border-radius: 8px;
}

.search-results-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-results-item .info {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.search-results-item .title {
	font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
}

.search-results-item .meta {
    color: rgba(255,255,255,.55);
    font-size: 1.3rem;
}

.search-results-item .rating {
	
	font-family: 'Montserrat-Bold', sans-serif;
    color: rgba(255,255,255,.8);
    color: #E97D00;
    font-size: 1.2rem;

    display: flex;
    align-items: center;
    width: 60px;
}
.search-results-item .rating svg  {
	margin: 0 .45em 0 0;
}
.search-results-item:hover {
	background: linear-gradient(
	    135deg,
	    rgba(26, 29, 41, 0.15),
	    rgba(26, 29, 41, 0.35)
	);
	background-color: rgba(70, 76, 101, 0.35) ;
}}


/**
 * FOOTER 
 */
.site-footer  {
	padding: 3em 0;
}
.copyright {
	margin: 1em auto;
	text-align: center;
}