@font-face {
    font-family: Rubik;
    src: url('fonts/Rubik-Light.ttf') format('truetype');
    font-display: swap;
    font-weight: 100;
}
@font-face {
    font-family: Rubik;
    src: url('fonts/Rubik-Regular.ttf') format('truetype');
    font-display: swap;
    font-weight: 200;
}
@font-face {
    font-family: Rubik;
    src: url('fonts/Rubik-Medium.ttf') format('truetype');
    font-display: swap;
    font-weight: 300;
}
@font-face {
    font-family: Rubik;
    src: url('fonts/Rubik-SemiBold.ttf') format('truetype');
    font-display: swap;
    font-weight: 500;
}
@font-face {
    font-family: Rubik;
    src: url('fonts/Rubik-Bold.ttf') format('truetype');
    font-display: swap;
    font-weight: 700;
}
@font-face {
    font-family: Rubik;
    src: url('fonts/Rubik-ExtraBold.ttf') format('truetype');
    font-display: swap;
    font-weight: 900;
}

html,
body {
    font-family: Rubik, sans-serif, Arial;
    font-weight: 300;
    background: url(images/noise.png), #1B0F0F;
    color: #fff;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 0;
    height: 0;
}

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

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

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

* {
    outline: none;
    box-shadow: none;
    font-family: Rubik, sans-serif, Arial;
    font-weight: 300;
}

.bannerMain:before,
.storyWrap:before,
.storyWrap:after,
.seasonsWrap:after,
.seasonsList:before,
.actorsWrap:before,
.actorsWrap:after,
.episodesWrap:before,
.episodesWrap:after,
.newsWrap:before,
footer:before,
.storyWrap.storySecond:before {
    display: none;
}

.bannerMain h1 {
    font-family: Rubik;
}

.blockTitle {
    font-family: Rubik;
    font-weight: 700;
}

.storyWrap {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}

.storyImages {
    width: calc(100% - 720px);
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

.sdItem {
    background: none;
    border-radius: 0;
    border: 1px solid #3B3B3B;
}

.sdItem.sdAge {
    border: none;
}

.blockTitle.center {
    text-align: left;
}

.seasonItem {
    background: none;
    border: 1px solid #3B3B3B;
}

.button {
    border-radius: 0;
}

.actorsWrap {
    padding: 85px 0;
}

.episodeItem {
    -moz-box-shadow: inset 0 0 0 1px #3B3B3B;
    -webkit-box-shadow: inset 0 0 0 1px #3B3B3B;
    box-shadow: inset 0 0 0 1px #3B3B3B;
    background: none;
    border-radius: 0;
}

.episodeItem:first-child .button {
    box-shadow: none;
    background: #650000;
}

.episodeItem .button {
    justify-content: center;
    margin: 10px 0 0;
    font-size: 16px;
    background: #4E4246;
    box-shadow: none;
    color: #fff!important;
}

.episodeTitle {
    text-transform: none;
}

.episodeItem:first-child .episodeTitle {
    background: #650000;
}

.newsWrap {
    background: #000;
    margin: 80px 0 0;
    padding: 80px 0;
}

.postItem span {
    color: #fff;
    font-weight: 100;
}

.postItem h3 {
    margin: 10px 0 25px;
    font-size: 18px;
}

.button:not(.buttonBordered) {
    background: #910000;
}

.button:not(.buttonBordered):hover {
    background: #ad0000;
}

.button:before {
    display: none;
}

.bannerMain .buttonPlay,
.bannerMain .buttonPlay.buttonBlack {
    box-shadow: none;
}

.actorsWrap.actorsSecondary {
    margin-top: 0;
}

@media screen and (max-width: 1100px) {
    .storyWrap {
        padding: 50px 0 0 !important;
    }
    .storyWrap {
        flex-direction: column;
        gap: 45px 0;
    }
    .storyImages {
        width: 100%;
    }
}