@font-face {
    font-family: Roboto;
    src: url('fonts/Roboto_Condensed-Regular.ttf') format('truetype');
    font-display: swap;
    font-weight: 300;
}
@font-face {
    font-family: Roboto;
    src: url('fonts/Roboto_Condensed-Regular.ttf') format('truetype');
    font-display: swap;
    font-weight: 500;
}
@font-face {
    font-family: Roboto;
    src: url('fonts/Roboto_Condensed-SemiBold.ttf') format('truetype');
    font-display: swap;
    font-weight: 700;
}

html,
body {
    background: #F8D263;
}

::-webkit-scrollbar-track {
	background-color: #fff;
    border-radius: 5px;
}

::-webkit-scrollbar {
	width: 6px;
    height: 6px;
	background-color: #fff;
    pointer-events: none;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
	background-color: #CD9E52;
    border-radius: 5px;
}

html,
body,
*,
header li a,
footer li a,
.bannerMain h1,
.bannerMain p,
.blockTitle,
.menuMobileWrap ul a {
    font-family: Roboto, sans-serif, Arial;
}

header {
    background: #E80000;
    -moz-box-shadow: 0px 4px 93px #514200;
    -webkit-box-shadow: 0px 4px 93px #514200;
    box-shadow: 0px 4px 93px #514200;
}

.button {
    background: -moz-linear-gradient(1.52deg, #AE8500 -25.53%, #FFD76B 30.57%, #9F8700 111.74%);
    background: -webkit-linear-gradient(1.52deg, #AE8500 -25.53%, #FFD76B 30.57%, #9F8700 111.74%);
    background: linear-gradient(1.52deg, #AE8500 -25.53%, #FFD76B 30.57%, #9F8700 111.74%);
    -moz-box-shadow: 0px 11px 9px rgba(0, 0, 0, 0.3), inset 0px 2px 0px rgba(255, 248, 211, 0.79);
    -webkit-box-shadow: 0px 11px 9px rgba(0, 0, 0, 0.3), inset 0px 2px 0px rgba(255, 248, 211, 0.79);
    box-shadow: 0px 11px 9px rgba(0, 0, 0, 0.3), inset 0px 2px 0px rgba(255, 248, 211, 0.79);
    border-radius: 6px;
}

.buttonRed {
    background: -moz-linear-gradient(1.52deg, #AE0000 -25.53%, #FF0000 30.57%, #9F0000 111.74%);
    background: -webkit-linear-gradient(1.52deg, #AE0000 -25.53%, #FF0000 30.57%, #9F0000 111.74%);
    background: linear-gradient(1.52deg, #AE0000 -25.53%, #FF0000 30.57%, #9F0000 111.74%);
    -moz-box-shadow: 0px 11px 9px rgba(0, 0, 0, 0.3), inset 0px 2px 0px rgba(255, 0, 0, 0.79);
    -webkit-box-shadow: 0px 11px 9px rgba(0, 0, 0, 0.3), inset 0px 2px 0px rgba(255, 0, 0, 0.79);
    box-shadow: 0px 11px 9px rgba(0, 0, 0, 0.3), inset 0px 2px 0px rgba(255, 0, 0, 0.79);
}

.storyWB:before,
.blockTitle:before,
.blockTitle:after,
#swbl, #swbr,
.bannerMain:before {
    display: none;
}

.bannerMain {
    border-radius: 0 0 50px 50px;
}

.storyWB {
    background: none;
}

.blockTitle {
    justify-content: center;
}

.storyContent {
    display: flex;
    flex-wrap: wrap;
}

.storyContent .blockTitle {
    width: 100%;
    text-align: center;
}

.sclBlock {
    width: 50%;
    margin-right: 5%;
}

.storySliderWrap {
    width: 45%;
    margin-top: 30px;
}

.slick-arrow {
    background: url(images/arrowYB.svg);
}

.storySliderMain {
    margin-bottom: 20px;
}

.storySliderMain img {
    width: 100%;
    border-radius: 20px;
}

.ssnItem {
    margin: 0 10px;
    cursor: pointer;
}

.ssnItem img {
    border-radius: 10px;
}

.storySliderNav {
    margin: 0 -10px;
}

.storySliderMain .slick-arrow {
    left: 10px;
    margin-top: 0;
}

.storySliderMain .slick-next {
    left: auto;
    right: 10px;
}

.bannerMain h1 {
    font-weight: 700;
}

.sdItem {
    background: rgb(255 255 255 / 70%);
    font-weight: 700;
}

.seasonsWrap {
    padding: 65px 0 75px;
}

.seasonsBlock {
    background: #D51300;
    border-radius: 50px;
    z-index: 4;
}

.seasonsBlock:before {
    display: none;
}

#seasons .blockTitle {
    color: #F8D263;
}

.seasonItem {
    background: none;
    padding: 0;
    overflow: unset;
}

.seasonItem h3 {
    padding: 0;
    background: none;
    color: #fff;
    left: 50%;
    right: auto;
    top: -40px;
    transform: translateX(-50%);
}

.seasonsList {
    margin-top: 60px;
}

.actorsWrap {
    background: #640000;
    margin: -70px 0;
    padding-bottom: 60px;
}

.actorsWrap .blockTitle {
    color: #F8D263;
    margin-bottom: 55px;
}

.actorItem:before,
.episodesBlock:before,
.newsWrap:before,
.seasonsBlock:before,
.reviewsWrap:before,
.reviewsWrap:after,
.similarWrap:before {
    display: none;
}

.actorItem img {
    border-radius: 10px;
    box-shadow: none;
}

.actorItem span,
.policyNotif a,
.episodesWrap .blockTitle {
    color: #F8D263;
}

.episodesBlock {
    border-radius: 50px;
    z-index: 4;
}

.noPhoto {
    background: -moz-linear-gradient(1.52deg, #A17B00 -25.53%, #D8B452 30.57%, #5C4E00 111.74%);
    background: -webkit-linear-gradient(1.52deg, #A17B00 -25.53%, #D8B452 30.57%, #5C4E00 111.74%);
    background: linear-gradient(1.52deg, #A17B00 -25.53%, #D8B452 30.57%, #5C4E00 111.74%);
    color: #940000;
}

.episodeTitle {
    background: rgb(248 210 99 / 70%);
    border-radius: 5px;
}

.episodesWrap {
    padding-top: 105px;
}

.episodeItem .button {
    color: #F8D263 !important;
    background: none;
    -moz-box-shadow: inset 0 0 0 2px #F8D263;
    -webkit-box-shadow: inset 0 0 0 2px #F8D263;
    box-shadow: inset 0 0 0 2px #F8D263;
    font-size: 22px;
}

.episodeItem .button:after {
    filter: brightness(1.5);
    opacity: .75;
}

.newsWrap {
    background: -moz-linear-gradient(180deg, #CD9E52 0%, #F8D263 100%);
    background: -webkit-linear-gradient(180deg, #CD9E52 0%, #F8D263 100%);
    background: linear-gradient(180deg, #CD9E52 0%, #F8D263 100%);
    padding-top: 150px;
    margin-top: -50px;
}

.newsWrap .blockTitle,
.reviewsWrap .blockTitle {
    color: #890000;
}

.postItem h3 {
    color: #890000;
    font-weight: 700;
}

.postItem {
    background: #FFEDC3;
}

.reviewsWrap {
    background: #f8d263;
    margin: 0;
    padding-top: 0;
}

.reviewItem {
    background: #FFEDC3;
}

.starsWrap {
    background: #fff;
}

.reviewText p {
    color: #000;
}

.similarWrap {
    background: #D51300;
    border-radius: 50px 50px 0 0;
}

.similarWrap .blockTitle {
    color: #F6CF62;
    margin-top: 50px;
}

.similarSlider .slick-slide h4 {
    font-size: 20px;
    margin: 20px 0 10px;
}

.similarSlider .slick-slide span {
    font-size: 16px;
}

.footerInfo p {
    font-size: 30px;
}

footer {
    background: url(images/footer4.png);
    background-size: cover;
    margin-top: -70px;
}

footer:before {
    display: none;
}

footer > img {
    top: -170px;
    right: 20%;
}

.seasonItem {
    box-shadow: none;
}

.seasonItem img {
    -moz-box-shadow: 0px 24px 31.6px -16px rgba(0, 0, 0, 0.78);
    -webkit-box-shadow: 0px 24px 31.6px -16px rgba(0, 0, 0, 0.78);
    box-shadow: 0px 24px 31.6px -16px rgba(0, 0, 0, 0.78);
}

.actorsWrap.actorsSecondary {
    margin: -100px 0 0;
}

.bannerMain.inCast {
    z-index: 4;
}

.storyWrap.storySecond.inEpisode {
    padding-bottom: 60px;
}

.episodesBlock.twb .trailerWrap .blockTitle {
    color: #f8d263;
}

.storySliderNav .slick-track {
    margin-left: -284px;
}

@media screen and (max-width: 2000px) {
    footer > img {
        top: -170px;
        right: 10%;
    }
}

@media screen and (max-width: 1680px) {
    footer > img {
        top: -170px;
        right: 5%;
    }
}

@media screen and (max-width: 1580px) {
    .bannerMain {
        border-radius: 0 0 50px 50px;
        background-position: center!important;
    }
    .buttonsWrap {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 1500px) {
    .bannerMain {
        border-radius: 0 0 50px 50px;
        background-position: center!important;
    }
    footer > img {
        top: -170px;
        right: -4%;
    }
}

@media screen and (max-width: 1400px) {
    .bannerMain {
        border-radius: 0 0 50px 50px;
        background-size: cover !important;
        background-position: center !important;
        align-content: center;
    }
    .storyWrap {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 1280px) {
    .storyContent {
        padding-top: 35px;
    }
    .storySliderNav .slick-track {
        margin-left: -258px;
    }
}

@media screen and (max-width: 1100px) {
    .bannerMain {
        border-radius: 0 0 50px 50px;
        background-position: top center !important;
        padding-bottom: 0;
    }
    .storySliderNav .slick-track {
        margin-left: -222px;
    }
}

@media screen and (max-width: 900px) {
    .sclBlock {
        width: 100%;
        margin-right: 0;
    }
    .showData {
        margin: 40px 0 0;
    }
    .storySliderWrap {
        margin: 50px 0;
        width: 100%;
    }
    .bannerMain {
        border-radius: 0 0 30px 30px;
        background-size: cover !important;
    }
    .storyWB {
        padding-bottom: 50px;
    }
    .seasonsWrap {
        padding: 40px 0 35px;
    }
    .seasonsBlock,
    .episodesBlock {
        border-radius: 30px;
    }
    .actorsWrap .container {
        padding-top: 140px;
    }
    .episodesWrap {
        padding-top: 55px;
    }
    .similarWrap {
        border-radius: 30px 30px 0 0;
        padding-top: 15px;
    }
    .actorsWrap.actorsSecondary {
        margin-top: 0;
        /* z-index: 10; */
    }
    .storySliderNav .slick-track {
        margin-left: -425px;
    }
}

@media screen and (max-width: 780px) {
    .seasonsBlock {
        padding-bottom: 5px;
    }
    .seasonItem + .seasonItem {
        margin-top: 35px;
    }
    .episodesWrap + .episodesWrap {
        padding-bottom: 60px;
    }
    .storySliderNav .slick-track {
        margin-left: -385px;
    }
}

@media screen and (max-width: 680px) {
    .storySliderNav .slick-track {
        margin-left: -315px;
    }
}

@media screen and (max-width: 580px) {
    .storySliderNav .slick-track {
        margin-left: -265px;
    }
}

@media screen and (max-width: 480px) {
    .storyWB {
        padding-bottom: 0;
    }
    .actorsWrap {
        margin: -10px 0;
        padding-bottom: 10px;
    }
    .episodesBlock {
        margin-top: -45px;
    }
    .storyContent {
        padding-top: 70px;
    }
    .episodesWrap.episodesSingle {
        margin-bottom: -65px;
        padding-bottom: 45px;
    }
    .episodesBlock.twb {
        margin-top: -20px;
    }
    .actorsWrap.actorsWrap.actorsSecondary .container {
        padding-top: 65px;
    }
    .bannerMain.hasMobile {
        height: 560px;
    }
    .buttonsWrap {
        padding-bottom: 0;
        bottom: 40px;
    }
    .storySliderNav .slick-track {
        margin-left: -235px;
    }
}

@media screen and (max-width: 420px) {
    .storySliderNav .slick-track {
        margin-left: -205px;
    }
}

@media screen and (max-width: 390px) {
    .storySliderNav .slick-track {
        margin-left: -195px;
    }
}

@media screen and (max-width: 360px) {
    .storySliderNav .slick-track {
        margin-left: -175px;
    }
}

@media screen and (max-width: 340px) {
    .bannerMain.hasMobile {
        height: 515px;
    }
}