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

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

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

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

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

html,
body {
    background-color: #C8FFD4;
}

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

header {
    background: #009A5D;
    -moz-box-shadow: 0px 4px 55.7px #17006B;
    -webkit-box-shadow: 0px 4px 55.7px #17006B;
    box-shadow: 0px 4px 55.7px #17006B;
}

.bannerMain h1 {
    color: #350064;
}

.bannerMain p {
    font-weight: 300;
    color: #fff;
}

.shareWrap {
    background: url(images/shareGO.svg);
}

header li a,
footer li a {
    font-weight: 300;
}

header li a:hover,
footer li a:hover {
    color: #350064;
}

.button {
    background: #fff;
    color: #000;
    text-transform: uppercase;
    font-weight: 100;
    box-shadow: none;
    border-radius: 50px;
}

.button:hover {
    background: #eee;
}

.buttonRed {
    background: #00DA7C;
}

.buttonRed:hover {
    background: #02b467;
}

.button text {
    font-weight: 300;
}

header .button {
    text-transform: none;
    color: #fff;
    background: #6945A5;
}

.bannerMain .button {
    padding-bottom: 22px;
}

.shareCloud {
    background: hsl(155deg 100% 20% / 85%);
}

.shareCloud a {
    font-weight: 300!important;
}

.policyNotif {
    background: #009A5D;
}

.policyNotif a {
    color: #6FFF00;
}

.storyWB {
    background: #C8FFD4;
}

.bannerMain:before,
.blockTitle:before,
.blockTitle:after {
    display: none;
}

.storyWB:before,
.actorsWrap:before,
.newsWrap:before {
    content: '';
    background: url(images/ptoX0.svg);
    height: 140px;
    width: 100%;
    background-size: cover;
    top: -140px;
    display: block;
    position: absolute;
    left: 0;
}

.blockTitle {
    font-weight: 300;
    color: #350064;
}

#swbl,
#swbr {
    display: none;
}

.sdItem {
    background: rgba(255, 255, 255, 0.7);
}

.sdItem:before {
    filter: hue-rotate(80deg) brightness(2.2);
}

.sdItem.sdAge {
    background: #009A5D;
}

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

.storyContent .blockTitle {
    width: 100%;
}

.sclBlock {
    width: 49%;
    margin-right: 3%;
}

.storyContent > img {
    width: 48%;
    height: auto;
    object-fit: contain;
    object-position: center;
}

.seasonsBlock {
    background: #6945A5;
}

.seasonsBlock:before {
    background: url(images/ptoX1.svg);
}

.seasonsBlock:before {
    background: url(images/ptoX1.svg);
    height: 140px;
    top: -140px;
    background-size: cover;
}

.seasonsWrap {
    padding: 20px 0 170px;
}

#seasons .blockTitle {
    color: #00DA7C;
}

.seasonsList {
    background: rgb(53 0 100 / 30%);
    border-radius: 45px;
    padding: 45px;
}

.seasonItem {
    background: none;
    box-shadow: none;
    padding: 0;
    border-radius: 30px;
}

.seasonItem .button {
    background: #00DA7C;
    color: #000;
    text-transform: none;
    padding: 15px 40px 19px;
}

.seasonItem .button:hover {
    background: #02b467;
}

.seasonItem h3 {
    border-radius: 50px;
    background: #fff;
}

.actorsWrap {
    background: none;
    margin: 0;
}

.actorsWrap .container {
    padding-top: 50px;
    position: relative;
}

.actorsWrap .blockTitle {
    color: #350064;
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 60px;
}

.actorItem img {
    -moz-box-shadow: 0px 16px 30.3px rgba(30, 77, 13, 0.46);
    -webkit-box-shadow: 0px 16px 30.3px rgba(30, 77, 13, 0.46);
    box-shadow: 0px 16px 30.3px rgba(30, 77, 13, 0.46);
    border-radius: 10px;
}

.actorItem:before {
    display: none;
}

.actorsList {
    justify-content: flex-start;
}

.actorItem {
    margin-bottom: 25px;
}

.actorItem h4 {
    color: #350064;
}

.actorItem span {
    color: #00621D;
}

.viewAll .button {
    padding: 15px 45px 17px;
    font-size: 26px;
    background: #6945A5;
    color: #fff;
    position: absolute;
    right: 0;
    top: 580px;
}

.viewAll .button:hover {
    background: #350064;
}

.episodesBlock {
    background: #350064;
}

.episodesBlock:before {
    background: url(images/ptoX2.svg);
    top: -140px;
    height: 140px;
    background-size: cover;
}

.episodesWrap {
    padding-top: 0;
}

.episodesWrap .blockTitle {
    color: #00DA7C;
}

.episodeItem {
    background: #6945A5;
}

.noPhoto {
    background: -moz-linear-gradient(246.84deg, #77FFB4 -33.13%, #62BA97 44.42%, #009A5D 121.97%);
    background: -webkit-linear-gradient(246.84deg, #77FFB4 -33.13%, #62BA97 44.42%, #009A5D 121.97%);
    background: linear-gradient(246.84deg, #77FFB4 -33.13%, #62BA97 44.42%, #009A5D 121.97%);
}

.episodeTitle {
    background: #00DA7C;
}

.episodeItem .button {
    background: none;
    border: none;
    -moz-box-shadow: inset 0 0 0 2px #00DA7C;
    -webkit-box-shadow: inset 0 0 0 2px #00DA7C;
    box-shadow: inset 0 0 0 2px #00DA7C;
    border-radius: 10px;
    font-size: 20px;
    color: #00DA7C !important;
    text-transform: none;
    background: rgba(0, 218, 124, 0);
}

.episodeItem .button:hover {
    -moz-box-shadow: inset 0 0 0 2px #00DA7C;
    -webkit-box-shadow: inset 0 0 0 2px #00DA7C;
    box-shadow: inset 0 0 0 2px #00DA7C;
    color: #fff !important;
    background: rgba(0, 218, 124, 255);
}

.episodeItem .button:after {
    filter: hue-rotate(80deg) grayscale(0) brightness(1);
    opacity: .9;
    margin-top: 2px;
    transition: .3s all;
}

.episodeItem .button:hover:after {
    filter: hue-rotate(80deg) grayscale(1) brightness(2);
}

.episodesWrap + .episodesWrap .blockTitle {
    color: #fff;
}

.postItem {
    background: #fff;
}

.reviewsWrap {
    background: #00DA7C;
}

.reviewsWrap:before {
    height: 140px;
    top: -140px;
    background: url(images/ptoX3.svg);
    background-size: cover;
}

.reviewsWrap:after {
    display: none;
}

.postItem h3 {
    color: #350064;
}

.postItem p {
    color: #7E7E7E;
}

.postItem span {
    color: #6945A5;
}

.reviewsWrap .blockTitle {
    color: #350064;
}

.reviewItem h4 {
    color: #350064;
}

.reviewBottom {
    color: #00770E;
}

.similarWrap {
    background: #350064;
    padding-bottom: 250px;
}

.similarWrap:before {
    background: url(images/ptoX2.svg);
    height: 140px;
    top: -140px;
    background-size: cover;
    transform: scaleX(-1);
}

.similarWrap .blockTitle {
    color: #FFF;
}

.similarSlider .slick-slide h4 {
    font-size: 24px;
    color: #00DA7C;
    font-weight: 300;
    margin: 20px 0 5px;
}

footer:before {
    background: url(images/footer5.png);
    height: 880px;
}

.footerInfo p {
    font-size: 40px;
    color: #fff;
    font-weight: 300;
}

footer .button {
    background: #00DA7C;
}

footer > img {
    top: auto;
    bottom: 0;
}

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

.menuMobileWrap {
    background: #00DA7C;
}

.mmClose {
    filter: grayscale(1) brightness(2);
}

.trailerWrap .blockTitle {
    color: #350064;
}

.trailerWrap .play {
    filter: hue-rotate(250deg);
}

.episodesBlock + .actorsWrap {
    padding-top: 0;
    /* margin: 0; */
    z-index: 3;
    background: #c8ffd4;
    margin-top: 200px;
}

.episodesWrap.episodesSingle {
    margin-top: 100px;
}

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

.episodesBlock.twb .trailerWrap .blockTitle {
    color: #00da7c;
}

.pageWrap {
    background: #f7f3ff;
}

.seasonBanner-2 h1 {
    color: #fff;
}

.errCode {
    background: -moz-linear-gradient(180deg, rgb(174 121 233 / 65%) 0%, rgba(7, 55, 135, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgb(174 121 233 / 65%) 0%, rgba(7, 55, 135, 0) 100%);
    background: linear-gradient(180deg, rgb(174 121 233 / 65%) 0%, rgba(7, 55, 135, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media screen and (max-width: 2000px) {
    footer:before {
        height: 750px;
    }
}

@media screen and (max-width: 1680px) {
    .storyWrap {
        padding: 40px 0 80px;
    }
    .actorsWrap.actorsSecondary {
        margin-top: 80px;
    }
    .newsWrap.stw {
        padding-bottom: 230px;
    }
}

@media screen and (max-width: 1500px) {
    .newsWrap {
        padding: 0px 0 100px;
    }
}

@media screen and (max-width: 1400px) {
    footer:before {
        background-size: 155% !important;
        height: 600px;
    }
}

@media screen and (max-width: 1280px) {
    .home .storyWB,
    .storyWB.inSeason {
        margin-top: 70px;
    }
}

@media screen and (max-width: 1100px) {
    .menuToggle {
        filter: hue-rotate(85deg);
    }
    .sclBlock {
        width: 100%;
        margin-right: 0;
    }
    .storyContent > img {
        width: 100%;
        margin-top: 30px;
    }
    .viewAll .button {
        position: inherit;
    }
    .actorsWrap .container {
        padding-top: 0;
        position: relative;
    }
    .home .storyWB,
    .storyWB.inSeason {
        margin-top: 30px;
    }
    .actorsWrap.actorsSecondary.inCast {
        margin-top: 35px;
    }
}

@media screen and (max-width: 780px) {
    .newsWrap {
        padding: 0 0 50px;
        background: #c8ffd4;
        margin-top: -5px;
    }
    .episodesList .slick-dots .slick-active button,
    .reviewsList .slick-dots .slick-active button {
        background: #c8ffd4;
        color: #350064;
    }
    .episodesList .slick-dots button,
    .reviewsList .slick-dots button {
        color: #c8ffd4;
    }
}

@media screen and (max-width: 680px) {
    footer > img {
        display: none;
    }
    footer:before {
        background-size: 200% !important;
    }
    .home .storyWB,
    .storyWB.inSeason {
        margin-top: 60px;
    }
}

@media screen and (max-width: 580px) {
    .seasonsList {
        border-radius: 25px;
        padding: 10px;
    }
    .seasonItem h3 {
        padding: 3px 15px 6px;
        font-size: 16px;
    }
    .seasonItem {
        border-radius: 15px;
    }
    footer:before {
        background-size: 250% !important;
    }
    .buttonsWrap.inSeason {
        bottom: 0;
    }
    .bannerMain {
        margin-bottom: -40px;
    }
}

@media screen and (max-width: 490px) {
    .actorsWrap.actorsSecondary {
        margin-top: -5px;
    }
    .similarWrap {
        padding-bottom: 220px;
    }
    footer:before {
        background-size: 290% !important;
    }
    .buttonsWrap {
        bottom: 105px;
    }
    .buttonsWrap.inSeason {
        bottom: 120px;
    }
    .storyWrap.storySecond.inSeason {
        padding-top: 0;
    }
    .storyWB.inSeason {
        padding-bottom: 0;
        margin-bottom: -80px;
    }
    .episodesBlock.inSeason {
        padding: 1px 0 190px;
    }
    .home .storyWB,
    .storyWB.inSeason {
        margin-top: 10px;
    }
}

@media screen and (max-width: 420px) {
    .actorsWrap {
        background: #c8ffd4 !important;
    }
    .actorsWrap .container {
        padding-top: 0;
    }
    .episodesBlock {
        padding-top: 25px;
    }
    .storyWB:before,
    .actorsWrap:before,
    .newsWrap:before {
        height: 100px;
        top: -100px;
        margin: 0;
    }
    footer:before {
        background-size: 335% !important;
    }
    .actorsWrap.actorsSecondary {
        margin-top: -55px;
    }
    .episodesWrap.episodesSingle {
        margin-top: 55px;
    }
    .episodesBlock.inSeason {
        padding: 1px 0 130px;
    }
    .home .storyWB,
    .storyWB.inSeason {
        margin-top: -50px;
    }
    .actorsWrap.actorsSecondary.inCast {
        margin-top: -60px;
    }
    .bannerMain {
        margin-bottom: -110px;
    }
}

@media screen and (max-width: 380px) {
    .seasonsBlock {
        padding-bottom: 15px;
    }
    footer:before {
        background-size: 390% !important;
    }
    .storyWB.inSeason {
        padding-bottom: 0;
        margin-bottom: -35px;
    }
    .episodesWrap.episodesSingle {
        padding-bottom: 100px;
    }
}