.top {
    padding-top: 40px;
    background: #000;
}
.swiper-container-wrapper {
    display: flex;
    flex-flow: row nowrap;
    height: 550px;
    padding: 0;
}
.swiper-container-wrapper .swiper {
    width: 100%;
    height: 100%;
}
.swiper-container-wrapper .swiper.gallery_top .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        transparent 0%,
        transparent 65%,
        rgba(0, 0, 0, 0.7) 77%,
        rgb(0, 0, 0) 85%,
        rgb(0, 0, 0) 100%
    );
    z-index: 3;
}
.gallery_top {
    flex: 846 1 0%;
    margin: 0px 8px;
    position: relative;
    overflow: hidden;
}
.gallery_top .image-container {
    display: inline-block;
    position: relative;
    z-index: 4;
    width: 100%;
    height: 100%;
}
.gallery_top .image-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        transparent 0%,
        transparent 65%,
        rgba(0, 0, 0, 0.7) 77%,
        rgb(0, 0, 0) 85%,
        rgb(0, 0, 0) 100%
    );
    z-index: 3;
}
.gallery_top .poster_img {
    height: 85%;
}
.gallery_top .poster_img::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 15%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.gallery_top .swiper-slide > a:hover {
    opacity: 1;
}
.caption_hover {
    color: #f5c518;
}
.gallery_top .swiper-slide > a:hover .slide_caption i {
    color: #f5c518;
}
.gallery_top .swiper-slide .slide_caption a:hover {
    opacity: 1;
}
.aside_col {
    display: flex;
    flex: 402 1 0%;
    margin: 0px 8px 0px 4px;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.slide_caption {
    position: absolute;
    left: 180px;
    bottom: -20px;
    z-index: 5;
    /* display: flex;
    align-items: end; */
}

.slide_caption i {
    font-size: 72px;
    transition: all 0.3s;
}
.swiper-container-wrapper .swiper.gallery_top .swiper-slide:hover::after {
    background: linear-gradient(
        0deg,
        rgba(2, 0, 36, 1) 13%,
        rgba(0, 0, 0, 0) 100%,
        rgba(0, 212, 255, 1) 100%
    );
    transition: all 0.3s ease;
}
/* .swiper-container-wrapper .swiper .swiper-slide:hover .caption_txt i {
    color: #f5c518;
} */
.caption_txt {
    flex: 1;
}
.caption_txt span:first-child {
    font-size: 0.875rem;
}
.caption_txt i {
    margin-right: 2px;
    font-size: 32px;
}
.caption_txt span:last-child {
    font-size: 1rem;
}
.gallery_top .swiper-button-next,
.gallery_top .swiper-button-prev {
    top: 35%;
}
.swiper-button-next,
.swiper-button-prev {
    top: 30%;
}
.gallery_top .caption_img {
    position: absolute;
    left: 16px;
    bottom: 0;
    width: 165px;
    height: 240px;
    width: 165px;
    height: 240px;
    z-index: 5;
}
.gallery_top .caption_img::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 165px;
    height: 240px;
    background: rgba(0, 0, 0, 0);
    transition: all 0.3s;
}
.gallery_top .caption_img:hover::after {
    background: rgba(0, 0, 0, 0.2);
}
.gallery_top .caption_img a:hover {
    opacity: 1;
}
/* .swiper-button-next, .swiper-button-prev {
    top: 50%;
} */
.gallery_thumbs .swiper-slide > div {
    padding: 16px 16px 0 16px;
    background: #111;
}
.gallery_thumbs .caption_img {
    width: 90px;
    height: 130px;
}
.top .info_ico {
    background: #1a1a1a;
    color: #fff;
}
.top .info_ico:hover {
    background: #2c2c2c;
}
.original_slider .slide_img {
    height: 215px;
}
.best_year_slider .swiper-button-next,
.best_year_slider .swiper-button-prev {
    top: 45%;
}
.rating {
    cursor: pointer;
}
.voting_modal {
    /* width: 570px;
    margin: 0 auto; */
}
.voting_modal .modal-content {
    width: 570px;
    margin: 0 auto;
    background: #1f1f1f;
}
.modal_rating {
    position: absolute;
    top: -72px;
    left: 200px;
    color: #5799ef;
    font-size: 100px;
    z-index: 1;
}
.modal_rating span {
    position: absolute;
    top: 50px;
    left: 40px;
    z-index: 2;
    color: #fff;
    font-size: 30px;
}
.voting_modal .btn-close {
    position: absolute;
    top: -50px;
    right: 0;
    color: #fff;
    font-size: 30px;
    background: transparent;
}
.topPickSlider {
    margin: 0 -1rem;
}
/* .rate_content i {
    color: #fff;
    margin: 0 3px;
    cursor: pointer;
    font-size: 20px;
}


.rate_content:hover > i::before {
    color: #5799ef;
    content: "\F586";
}
.rate_content > i:hover ~ i:before {
    color: #5799ef;
    content: "\F586";
} */
.voting_btn {
    width: 255px;
    background-color: #f5c518;
    color: #686868;
    font-weight: bold;
    cursor: pointer;
}
.voting_btn.disabled {
    background-color: #313131;
    color: #f1f1f1;
}
.voting_btn.disabled:hover {
    opacity: 0.9;
    background-color: #313131;
}
.voting_btn:hover {
    opacity: 0.9;
    background-color: #f5c518;
}
.rating_bar,
.movie_rating_bar {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 20px;
    color: #fff;
}

.rating_bar > span,
.movie_rating_bar > span {
    display: inline-block;
    position: relative;
    width: 1em;
    cursor: pointer;
}

.rating_bar > span:hover:before,
.rating_bar > span:hover ~ span:before {
    content: "\2605";
    position: absolute;
    color: #5799ef;
}

.movie_rating_bar > span:hover:before,
.movie_rating_bar > span:hover ~ span:before {
    content: "\2605";
    position: absolute;
    color: #5799ef;
}

.horizontal_slider .movie_tit {
    height: 40px;
}
.add_watch {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    z-index: 3;
    transition: all 0.3s;
    cursor: pointer;
}
.add_watch:hover {
    opacity: 0.8;
}
@media only screen and (max-width: 1280px) {
    .gallery_top {
        flex: 750 1 0%;
    }
    .swiper-container-wrapper {
        height: 450px;
    }
    .gallery_thumbs .caption_img {
        width: 65px;
        height: 110px;
    }
    .gallery_thumbs .swiper-slide {
        height: auto !important;
    }
}

@media only screen and (max-width: 1024px) {
    .swiper-container-wrapper {
        height: auto;
        flex-flow: column nowrap;
    }
    .featured_slider {
        width: 80%;
    }
}
@media only screen and (max-width: 1023px) {
    .aside_col {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .featured_slider {
        width: 100%;
    }
    .horizontal_slider .slide_img {
        height: 200px;
    }
    .born_slider .slide_img {
        width: 130px;
        height: 130px;
    }
}

@media only screen and (max-width: 560px) {
    .swiper-container-wrapper {
        height: 400px;
    }
    .slide_caption .caption_img {
        width: 100px;
    }
    .slide_caption i {
        font-size: 40px;
    }
    .caption_txt {
        position: relative;
    }
    .caption_txt span:last-child {
    }
    .caption_txt span:last-child {
        position: absolute;
        left: 50px;
        top: 15px;
        color: #fff !important;
        font-size: 14px !important;
    }
    .gallery_top {
        margin: 0 auto;
    }
}