@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
html {
    font-size: 14px;
}
body {
    background: #eceff5;
    font-family: "Roboto",sans-serif;
}
.bg-theme {
    background: #231f36;
}
form.search {
    background: rgba(255,255,255,.2);
    padding: 0;
    width: 100%;
    position: relative;
    border-radius: 5px;
}
form.search input[type=text] {
    color: #fff;
    background: 0 0;
    border: 0;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 300;
    padding-right: 44px;
}
form.search button[type=submit] {
    color: #fff;
    background: 0 0;
}
form.search button[type=submit] {
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    padding: 0 15px;
    line-height: 38px;
    font-size: 14px;
}
.w-title {
    border-left: 3px solid #007bff;
    padding-left: 10px;
}
.module {
    margin-bottom: 1.5rem;
    border-bottom: solid 1px #ECEFF5;
}
.items {
    padding: 0 10px;
}
.items .item {
    padding: 5px;
    position: relative;
    height: 100%;
    width: 100%;
}
.items .item .poster {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    /* padding-top: 140%; */
}
.items .item .poster img {
    /* width: 100%;
    height: auto;
    margin-top: -140%;
    position: absolute; */
}
.items .item .poster .rating {
    background: rgba(0,0,0,.8);
    color: rgba(255,255,255,.9);
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px 5px;
    line-height: 18px;
    font-size: 13px;
}
.mepo {
    position: absolute;
    top: 5px;
    left: 5px;
}
.mepo span.quality {
    padding: 2px 8px;
    font-size: 12px;
    margin-right: 5px;
    color: #fff;
    background: #cd2026;
}
.items .item .poster a .see {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transition: none;
    z-index: 1;
}
.items .item .data {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}
.items .item .data h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.items .item .data h3 a {
    color: #222D34;
}
.items .item .data h3 a:hover {
    text-decoration: none;
    color: #007bff;
}
.items .item .poster a:hover>.see {
    background: #00000080 url(../images/play.png) 50% 50% no-repeat;
}

.dropdown-menu.genres {
    column-count: 1;
}

.rating .badge {
    font-size: 2.5rem;
}
.vote {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rate .fas, .rate .far {
    margin-right: 5px;
    font-size: 1.2rem;
}

.genres a {
    color: #222D34;
    font-weight: 500;
}

#player .pointer:hover{cursor:pointer}#player .video{background:#000}#player .video:hover .control-wrap{background-color:rgba(0, 0, 0, 0.5)}#player .video:hover .play-btn-border{opacity:1;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}#player .video:hover .play-btn-border .headline-round{border-color:#ffffff}#player .video:hover .media-controls{bottom:0}#player .loading-wrap{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;background:#000000;}#player .loading:after{content:" ";position:absolute;top:50%;left:50%;display:block;width:4rem;height:4rem;margin:-2rem auto auto -2rem;border-radius:50%;border:5px solid #ffffff;border-color:#ffffff transparent #ffffff transparent;-webkit-animation:loading 1.2s linear infinite;animation:loading 1.2s linear infinite}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#player .control-wrap{background-color: rgba(0,0,0,.5);position:absolute;width:100%;height:100%;text-align:center;top:0;left:0;visibility:hidden}#player .control-wrap .play-btn-border{background:rgba(0, 0, 0, 0.5);border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:scale(1.4, 1.4);-ms-transform:scale(1.4, 1.4);transform:scale(1.4, 1.4);margin:-2rem auto auto -2rem;z-index:2}#player .control-wrap .play-btn-border .headline-round{height:4rem;width:4rem;line-height:2rem;border:0.25rem solid #ffffff;padding:.8rem 1.2rem;border-radius:50%;color:#fff;font-size:1.5rem;border-color:transparent}#player .control-wrap .media-controls{position:absolute;width:100%;left:0;bottom:-38px;background:rgba(0, 0, 0, 0.8);opacity:1;border-top: 5px solid rgba(255,255,255,.28);padding-right: 1rem;padding-left: 1rem;}#player .control-wrap .media-controls .btn{color:gray}#player .control-wrap .media-controls .btn:hover{color:white}#player .control-wrap .media-controls .icon-settings .fas span{font-size:.6rem;color:#ff0000;font-weight:bold;position:absolute}.virtual-middle{vertical-align:middle}

.ease {
    transition: all .3s ease-in-out;
}

.genres a:hover {
    color: #007bff;
    text-decoration: none;
}

.single_tabs .nav-link {
    color: #222D34;
    font-weight: 500;
}

.list-inline-item:not(:last-child) {
    padding-right: .5rem;
    border-right: 1px solid #eee;
}

.recom {
    background: #f8f9fb;
}
.recom:hover {
    background: #eceff5;
}

.single_tabs .nav-link:hover {
    color: #007bff;
}
.single_tabs .nav-link.active:hover {
    color: #fff;
}

@media (min-width: 768px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .75rem;
        padding-left: .75rem;
    }
    form.search {
        max-width: 300px;
    }
    .dropdown-menu.genres {
        column-count: 3;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}