html {
    background: #121212;
    color: #555 
}
body {
    background-color: #121212;
    margin: 0;
    font: 13px sans-serif;
    line-height: 1.615;
    color: #bbb 
}
#site-title a, a:link, a:visited {
    color: #ddd;
    text-decoration: none 
}
.header-title a {
    color: #fff 
}
a:focus, a:hover {
    color: #dacb46;
    text-decoration: none 
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block 
}
audio, canvas, video {
    display: inline-block 
}
audio:not([controls]) {
    display: none;
    height: 0 
}
p {
    margin: 0 0 7px 
}
#main {
    padding-top: 20px 
}
.block-wrapper {
    position: relative;
    height: auto;
    display: block 
}
.movie-list-index.home-v2 ul.last-film-box>li>.movie-item .movie-thumbnail .public-film-item-thumb {
    border-radius: 5px 
}
.ratio-content {
    position: absolute!important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0 
}
.public-film-item-thumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center 
}
.movie-list-index .list-movie {
    list-style: none;
    margin: 0;
    padding: 0 
}
.movie-list-index .list-movie .movie-item {
    margin: 10px 20px 10px 0;
    width: 210px;
    height: 100px;
    float: left 
}
.movie-list-index .list-movie .movie-item:hover .movie-thumbnail {
    opacity: .8 
}
.movie-list-index.home-v2 ul.last-film-box>li:nth-child(3n+3) {
    margin-right: 0 
}
.movie-item.m-block {
    display: block 
}
.ratio-box {
    position: relative!important;
    height: auto!important 
}
.ratio-box:before {
    content: "";
    display: block;
    padding-top: 62.5% 
}
.last-film-box-wrapper {
    background-color: #171717;
    border-radius: 0 0 5px 5px 
}
.movie-list-index.home-v2 ul.last-film-box {
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    padding: 10px 10px 0;
    margin: 0 
}
.header-list-index, .right-box .right-box-header, .right-box-tag.tag-header {
    font-family: "Open Sans", "segoe ui", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    font-weight: 300 
}
.header-list-index a {
    color: #fff 
}
.header-list-index {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #171717;
    padding: 0 10px;
    border-radius: 5px 5px 0 0;
    margin: 0 
}
.movie-list-index.home-v2 ul.last-film-box>li {
    display: inline-block!important;
    margin-right: 2.6%;
    margin-bottom: 27px;
    width: 31.5% 
}
.trending-movie-item:first-child {
    margin-bottom: 27px 
}
.movie-item .movie-meta .movie-title-1, .trending-movie-name {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 320px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px 
}
.list-top-movie-item-view, .movie-view {
    font-size: 12px;
    color: #888;
    line-height: normal 
}
h2 {
    font-size: 19px 
}
.right-box .right-box-header {
    border-bottom: 2px solid #121212;
    margin: 0 10px;
    padding: 3px 
}
.right-box-ads {
    text-align: center;
    margin-top: 10px 
}
.right-box .right-box-content {
    float: left;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-size: 11px;
    height: auto;
    width: 100% 
}
.right-box .list-top-movie {
    list-style-type: none;
    margin: 0 auto;
    width: 320px;
    padding: 0;
    position: relative;
    height: auto 
}
.right-box .list-top-movie img {
    border-radius: 3px;
    width: 100px;
    height: 140px 
}
.right-box .list-top-movie img:hover {
    opacity: .7 
}
.right-box .list-top-movie-item {
    clear: both;
    padding: 10px;
    min-height: 81px;
    height: auto;
    border-bottom: 0 solid #333 
}
.right-box .list-top-movie-item:last-child {
    border-bottom: 0 
}
.right-box .list-top-movie-item-thumb {
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    width: 144px;
    height: 87px;
    margin-right: 15px;
    border-radius: 5px 
}
.right-box .list-top-movie-item-view, .right-box .list-top-movie-item-vn {
    display: block 
}
.right-box .list-top-movie-item-vn {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-right: 5px 
}
.right-box .list-top-movie-item-en {
    font-size: 12px;
    color: #fff;
    margin-bottom: 10px 
}
.menu li, .right-box .list-top-movie-item-vn:hover {
    color: #dacb46;
    text-decoration: none 
}
.top-film-week, .top-movie-week {
    height: auto;
    border-radius: 5px;
    background-color: #171717 
}
#sidebar {
    float: right;
    width: 31% 
}
#main-content {
    float: left;
    width: 67% 
}
#header {
    background: rgba(0, 0, 0, .8);
    z-index: 9999;
    position: relative;
    transition: top .5s ease-in-out;
    left: 0;
    top: 0;
    width: 100%;
    height: 46px 
}
div.navigation {
    position: relative;
    text-align: center;
    margin: 12px 0;
    font-size: 17px 
}
div.navigation .next, div.navigation .prev {
    left: -1px;
    position: absolute 
}
div.navigation a, div.navigation span {
    margin-bottom: 4px;
    padding: 2px 12px;
    color: #888;
    display: inline-block;
    border-radius: 2px 
}
div.navigation span {
    cursor: pointer;
}
.div.navigation a:hover, div.navigation span:hover {
    background-color: #555;
    color: #fff 
}
.header-play {
    margin: 0 0 10px;
    background-color: #171717;
    border-radius: 5px;
    padding: 0 10px 10px 
}
.header-title {
    margin: 0 0 10px;
    padding: 5px 0;
    font-weight: 300;
    font-size: 18px;
    border-bottom: 2px solid #121212;
    line-height: 30px 
}
#header .wrap {
    padding: 7px 0 6px 
}
#branding {
    margin-left: 5px;
    margin-right: 10px;
    float: left 
}
.container, .wrap {
    margin: 0 auto;
    max-width: 100%!important;
    width: 1120px!important 
}
.cf {
    zoom: 1 
}
#site-title {
    font-weight: 700;
    font-size: 25px;
    line-height: 24px;
    margin: 0;
    font-family: "Open Sans", sans-serif 
}
.header-logo {
    font-weight: 700;
    padding: 0 25px;
    float: left 
}
.menu ul {
    list-style-type: none;
    margin: 0;
    width: auto 
}
.menu li {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding-top: 6px;
    transition: .3s;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden 
}
.menu-search {
    display: block;
    z-index: 1;
    right: 0;
    bottom: 0;
    float: right;
    top: 0;
    -webkit-transition: background .44s cubic-bezier(.52, .16, .24, 1) .1s, visibility 0s linear .5s;
    transition: background .44s cubic-bezier(.52, .16, .24, 1) .1s, visibility 0s linear .5s;
}
.search-icon {
    text-transform: none;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: opacity .7s ease-in-out;
    -moz-transition: opacity .7s ease-in-out;
    -o-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out 
}
.search-icon:after, input.search-submit {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='22px' height='48px' viewBox='0 0 22 48' enable-background='new 0 0 22 48' xml:space='preserve'%3E%3Cpath id='Search' fill='%23FFFFFF' d='M20,33.293l-5.716-5.716C15.35,26.349,16,24.75,16,23c0-3.859-3.141-7-7-7s-7,3.141-7,7 s3.141,7,7,7c1.75,0,3.349-0.65,4.577-1.716L19.293,34L20,33.293z M9,29c-3.314,0-6-2.685-6-6c0-3.313,2.686-6,6-6s6,2.687,6,6 C15,26.315,12.314,29,9,29z'/%3E%3C/svg%3E%0A") 
}
.search-icon, .search-icon:after {
    display: block;
    width: 36px;
    height: 46px;
    background-color: rgb(0 0 0 / 80%);
}
.search-icon:after {
    background-repeat: no-repeat;
    background-position: center center;
    content: '' 
}
input.search-text {
    background-color: #000;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
    max-width: 0;
    padding: 0;
    border: 0;
    font-size: 15px;
    font-weight: 300;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.menu a, .menu ul {
    padding: 0 8px 
}
.menu a:hover {
    color: #fff 
}
.searchform {
    display: flex;
    top:-10px;
    position: relative 
}
.search-submit-div.btn {
    height: 27px;
    position: absolute;
    top: 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0 
}
.search-submit-div.btn, input.search-submit {
    width: 50px;
    padding: 0;
    overflow: hidden;
    right: 0;
    border-left: 1px solid #d7d7d7 
}
input.search-submit {
    background: url(https://javhdz.pro/skin/images/s1.png) no-repeat 16px 5px;
    line-height: 999em;
    display: block;
    top: 1px;
    -webkit-border-radius: 0;
    border-radius: 0 
}
.search-text-div {
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px 
}
.clean-button, input.search-submit {
    border: 0;
    color: transparent;
    cursor: pointer;
    height: 27px;
    position: absolute 
}
.clean-button {
    right: 60px;
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16'%3E%3Cpath d='M7.5.5C3.36.5 0 3.86 0 8s3.36 7.5 7.5 7.5S15 12.14 15 8 11.64.5 7.5.5zm3.43 9.73l.11.11-.11.11-.99.99-.11.11-.11-.11L7.5 9.2l-2.23 2.23-.11.11-.11-.11-.99-.99-.11-.11.11-.11L6.3 8 4.07 5.77l-.11-.1.11-.11.99-.99.11-.11.11.11L7.5 6.8l2.23-2.23.11-.11.11.11.99.99.11.11-.11.11L8.7 8l2.23 2.23z' fill='%23999'/%3E%3C/svg%3E") no-repeat 7px 6px;
    width: 30px;
    top: 0 
}
.search-text:not(:valid)~.clean-button {
    display: none 
}
.btn, button, input, select, textarea {
    display: inline-block;
    padding: 4px;
    margin: 0;
    outline: 0;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    border-radius: 3px 
}
.btn, button, input, label, select, textarea {
    font: 13px sans-serif;
    line-height: 19px 
}
.copyright {
    margin-top: 20px;
    padding: 10px;
    border-radius: 5px;
    background-color: #171717 
}
.ribbon-viewed, .ribbon-sub {
    position: absolute;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 10px;
    padding: 2px 3px;
    border-radius: 5px;
    -webkit-box-shadow: 0 8px 22px 0 rgb(0 0 0 / 38%);
    box-shadow: 0 8px 22px 0 rgb(0 0 0 / 38%);
    right: 7px;
    bottom: 33px 
}
.ribbon-sub {
    background: #ff6a88c2;
    right: auto!important;
    left: 7px;
}
.copyright-top {
    border-bottom: 1px solid #121212;
    padding-bottom: 5px;
    margin-bottom: 6px 
}
.tag-list {
    list-style: none;
    margin: 0;
    padding: 0 
}
.entry-content ul.tag-list>li:nth-child(1) a {
    color: #46e1ff 
}
.entry-content ul.tag-list>li:nth-child(1) a:hover {
    color: #dacb46 
}
.block-tags, .tag-item, .tag-list {
    display: inline-block 
}
.tag-list .tag-item:after {
    content: ",\00a0" 
}
.player {
    background-color: #171717;
    padding: 0 10px 
}
.block-movie-content {
    padding-top: 12px 
}
.block-movie-content a {
    color: #46e1ff 
}
.thumb {
    text-align: center;
    vertical-align: middle;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 20px;
    padding-top: 10px 
}
.page-numbers {
    background-color: #2e2e2e;
    margin: 0 2px 
}
.header-list-index .chevron-right {
    stroke: #dabc46 
}
.currentpage {
    color: #fff;
    pointer-events: none;
    background-color: #171717;
    margin: 0 2px 
}
.ribbon {
    position: absolute;
    background: #980202;
    font-size: .7475rem;
    color: #fff;
    text-align: center;
    top: -27px;
    right: -27px;
    height: 55px;
    width: 55px;
    line-height: 92px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 100 
}
.list_carousel {
    width: 100%;
    position: relative 
}
.list_carousel li {
    margin-right: 22px 
}
.list_carousel.responsive {
    width: auto;
    margin-left: 0 
}
.list_carousel .m-block {
    width: 209px;
    height: 351px 
}
.list_carousel .next, .list_carousel .prev {
    top: 52px;
    z-index: 1;
    position: absolute;
    padding: 30px 10px;
    background: rgba(0, 0, 0, .5) 
}
.list_carousel .next {
    right: 0 
}
.list_carousel .next:hover, .list_carousel .prev:hover {
    background: rgba(0, 0, 0, .8);
    outline: 0;
    cursor: pointer 
}
.list_carousel .next .arrow-icon.right, .list_carousel .prev .arrow-icon.left {
    width: 16px;
    display: block 
}
.arrow-icon.right:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") center center no-repeat 
}
.arrow-icon.left:after, .arrow-icon.right:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0 
}
.arrow-icon.left:after {
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") center center no-repeat 
}
.row {
    width: 100%;
    padding-bottom: 20px;
    overflow: hidden;
    clear: both 
}
.movie-carousel-top-item {
    width: 267px;
    height: 185px;
    position: relative;
    overflow: hidden;
    border-radius: 5px 
}
.movie-carousel-top-item img {
    height: 100%;
    vertical-align: middle 
}
.movie-carousel-top-item img, .movie-carousel-top-item-meta {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box 
}
.movie-carousel-top-item-meta {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    padding: 0 3px 
}
.trending-movie-list {
    padding-bottom: 10px 
}
.movie-carousel-top-item img:hover {
    opacity: .7;
    width: 100% 
}
.movie-carousel-top-item:hover .movie-name-1 {
    color: #dacb46 
}
#movie-carousel-top li {
    margin-right: 17px;
    display: inline-block!important;
    float: none!important 
}
#movie-carousel-top li:last-child {
    margin-right: 0 
}
.movie-name-1 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    margin: 5px 0 
}
.hidden {
    display: none!important;
    visibility: hidden!important 
}
.caroufredsel_wrapper {
    width: 100%!important 
}
.list_carousel li {
    color: #999;
    display: inline-block 
}
.right-box-tag {
    margin-top: 20px;
    background-color: #171717;
    border-radius: 5px 
}
.right-box-tag.tag-box {
    position: relative;
    margin: 0 14px;
    padding: 0;
    color: #fff;
    font-size: 11px 
}
.right-box-tag.tag-header {
    padding: 0 10px;
    margin: 0 
}
.tag-box .tag-item {
    margin: 4px 10px 
}
.right-box-tag ul li a {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 1em;
    background-color: #252525;
    border-radius: 0 3px 3px 0;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s 
}
.right-box-tag ul li a:hover {
    background: rgba(0, 0, 0, .9) 
}
.right-box-tag ul li a::before {
    position: absolute;
    top: 0;
    left: -15px;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent #252525 transparent transparent;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    -webkit-transition: .2s;
    transition: .2s 
}
.right-box-tag ul li a::after {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background-color: #fff;
    border-radius: 100% 
}
.right-box-tag ul li a:hover::before {
    border-right-color: #555 
}
#tabs-movie {
    color: #b9b9b9;
    overflow: hidden 
}
.tabs-movie-block li {
    float: left;
    text-align: center;
    outline: 0;
    width: 33.333333333%;
    font-size: 14px 
}
#tabs-movie .tabs-movie-block, .list_carousel ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block 
}
#tabs-movie .tabs-movie-block .active {
    background: #171717;
    color: #46e1ff!important 
}
#tabs-movie .tabs-movie-block a {
    padding: 5px 0;
    display: block 
}
#effect, #loading-wait {
    position: fixed;
    z-index: 1000 
}
#effect {
    text-align: center;
    background: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
    height: 100%;
    width: 100% 
}
#loading-wait {
    font-size: medium;
    padding: 20px 0;
    top: 50%;
    left: 30%;
    width: 40%;
    background: #fff 
}
.user-action {
    display: block;
    padding-top: 10px 
}
.icon-dl:hover, .icon-zoom:hover, .quality:hover, .right-box-tag ul li a:hover, .server:hover {
    background-color: #555;
    color: #fff 
}
.icon-dl, .icon-like, .icon-view, .icon-zoom, .server {
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #252525 
}
.icon-like, .icon-view, .icon-zoom, .server {
    height: 24px;
    padding: 0 5px 
}
.icon-view.active {
    margin-right: 0;
    float: right 
}
.icon-like.active {
    margin-right: 5px;
    float: right 
}
.server.active {
    color: #121212;
    pointer-events: none;
    cursor: default;
    background-color: rgba(255, 255, 255, .7) 
}
.openload {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25% 
}
.openloadvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% 
}
#show-dl {
    text-align: center;
    margin-top: 10px;
    display: none 
}
#movie-carousel-top {
    display: flex;
    overflow: hidden;
    white-space: nowrap 
}
.quality {
    background: #252525;
    padding: 2px 5px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    opacity: .8;
    margin: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px 
}
.fx-device-toutch .top-movie-list #movie-carousel-top, .fx-device-toutch.fx-device-small .top-movie-list .list_carousel {
    overflow-x: auto!important;
    overflow-y: hidden!important;
    -webkit-overflow-scrolling: touch 
}
.jw-svg-icon-chromecast-off path {
    display: none 
}
#close-ads-btn, .load-more, .load-rand {
    border-radius: 3px;
    background: #252525;
    cursor: pointer 
}
.load-more, .load-rand {
    color: #46e1ff;
    font-size: 13px;
    width: 72px;
    padding: 4px 10px;
    margin: 10px auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center 
}
.load-more.load, .load-more.load:hover, .load-rand.load, .load-rand.load:hover {
    padding: 0;
    background: 0 0 
}
.load-more:hover, .load-rand:hover {
    color: #dacb46;
    background-color: #555 
}
.random {
    float: right;
    height: 35px;
    width: 30px;
    cursor: pointer 
}
.random:after {
    content: '';
    display: inline-block;
    width: 20px;
    position: relative;
    left: 10px;
    top: 3px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23fff' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='19' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='5' cy='12' r='1'%3E%3C/circle%3E%3C/svg%3E") 
}
#close-ads-btn {
    min-width: 45px;
    height: 22px;
    padding: 2px;
    line-height: 22px;
    position: relative;
    float: right;
    top: 11px;
    right: 2px 
}
.note {
    margin-top: 10px;
    padding: 5px;
    background-color: #252525;
    line-height: 1.5em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px 
}
#video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background: url(../js/loadingdl.svg) center center no-repeat #000 
}
.jw-svg-icon-chromecast-off {
    background-image: url(https://javhdz.pro/jwplayer/skins/cast.svg);
    background-size: contain;
    background-repeat: no-repeat 
}
.jw-error {
    height: 100px!important 
}

.jw-flag-small-player:not(.jw-flag-audio-player):not(.jw-flag-ads) .jw-controlbar .jw-button-container>.jw-icon-seek{
    display:none;
}

.icon-dl, .icon-dl:after {
    height: 24px;
    position: absolute 
}
.icon-dl {
    width: 38px;
    padding: 0 
}
.icon-dl:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E") center center no-repeat;
    content: '';
    display: block;
    width: 30px;
    top: 0;
    left: 4px 
}
.icon-view:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E") center center no-repeat;
    width: 16px 
}
.icon-like:before, .icon-view:before, .server:before {
    content: '';
    display: inline-block;
    height: 16px;
    position: relative;
    top: 4px;
    margin-right: 4px 
}
.server:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='8' rx='2' ry='2'%3E%3C/rect%3E%3Crect x='2' y='14' width='20' height='8' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='6' y1='6' x2='6.01' y2='6'%3E%3C/line%3E%3Cline x1='6' y1='18' x2='6.01' y2='18'%3E%3C/line%3E%3C/svg%3E") center center no-repeat;
    width: 12px 
}
.server.active:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'%3E%3C/path%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'%3E%3C/line%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'%3E%3C/line%3E%3C/svg%3E") center center no-repeat 
}
a.server:link {
    color: #bbb 
}
a.active:link {
    color: #121212 
}
.icon-like:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23ff8382' stroke='%23ff8382' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
    width: 16px 
}
.icon-like.liked{
    color: #ff6a88;
    background-color: #1d1d1f 
}
.icon-like.liked {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
.movie-ads {
    margin-top: 10px;
    max-height: 100px;
    text-align: center 
}
.movie-ads-adx {
    padding-bottom: 15px;
    text-align: center 
}
.entry-footer-ads {
    text-align: center;
    margin-bottom: 10px;
    background-color: #171717;
    padding: 10px;
    margin-top: 10px 
}
.movie-ads-index {
    text-align: center;
    height: 100px;
    margin-bottom: 10px 
}
.movie-ads-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px 
}


.exo-native-widget+.movie-item {
    display: none;
}
.ads-native-widget {
    vertical-align: top;
}

.entry-footer-ads div, .movie-ads div, .movie-ads-index div {
    margin: 0 auto 
}
.owl-dots {
    text-align: center;
    height: 37px;
    line-height: 47px;
    vertical-align: middle 
}
.owl-dots span {
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    background: #ddd;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px;
    -webkit-transition: all .3s;
    transition: all .3s 
}
.owl-dots button {
    display: inline-block;
    zoom: 1 
}
.owl-dots .active span, .owl-dots button:hover span {
    background: linear-gradient(135deg, #e8de82 0, #e2ba1c 86%) 
}
.owl-dots .active span {
    width: 38px 
}
.trending-carousel-list {
    padding: 10px 11px 0 10px 
}
#trending-carousel {
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style: none;
    overflow: hidden;
    white-space: nowrap 
}
#trending-carousel .item {
    display: inline-block;
    margin-right: 18px;
    width: 31.6% 
}
.trending-img-box .ribbon-viewed, .trending-img-box .ribbon-sub {
    bottom: 7px 
}
#trending-carousel img {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 5px 
}
.trending-img-box {
    position: relative;
    padding-bottom: 62.5%;
    display: block 
}
.trending-movie {
    height: auto;
    background-color: #171717;
    border-radius: 0 0 5px 5px 
}
@media only screen and (min-width:640px) and (max-width:959px) {
    #header-search {
        width: 100%;
        margin-left: 0 
    }
    body {
        min-width: 640px;
        overflow-x: hidden 
    }
}
@media only screen and (max-width:980px) {
    #header .wrap {
        padding: 0;
        height: 46px 
    }
    .searchform {
        top: 0;
    }
    #branding {
        margin: 0;
        float: none;
        height: 0 
    }
    .html-noscroll {
        overflow-y: scroll!important 
    }
    .html-noscroll, .html-noscroll body {
        overflow: hidden!important;
        height: 100%!important 
    }
    .html-noscroll #header {
        position: fixed;
        background-color: #000 
    }
    .html-noscroll #main {
        padding-top: 66px 
    }
    #site-title {
        padding: 8px;
        text-align: center 
    }
    .site-container {
        overflow: hidden 
    }
    .site-content {
        position: absolute;
        top: 44px;
        right: 0;
        left: 0;
        bottom: 0;
        padding-top: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch 
    }
    .header-icon-new, .header-icon-new-bottom, .header-icon-new-top {
        position: absolute;
        -webkit-transition: opacity .2s cubic-bezier(.645, .045, .355, 1) 
    }
    .header-icon-new {
        display: block;
        z-index: 3;
        top: 0;
        width: 46px;
        height: 46px;
        cursor: pointer;
        transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
        -webkit-tap-highlight-color: transparent 
    }
    .header-icon-new-bottom, .header-icon-new-top {
        top: 7px;
        left: 7px;
        width: 30px;
        height: 30px 
    }
    .line-top {
        top: 14px;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px) 
    }
    .line-bottom {
        bottom: 14px;
        -webkit-transform: translateY(3px);
        transform: translateY(3px) 
    }
    .line, .menu ul {
        display: block;
        position: absolute 
    }
    .line {
        width: 17px;
        height: 1px;
        background: #fff;
        left: 7px;
        -webkit-transition: -webkit-transform .1596s cubic-bezier(.52, .16, .52, .84) .1008s;
        transition: transform .1596s cubic-bezier(.52, .16, .52, .84) .1008s;
        transition: transform .1596s cubic-bezier(.52, .16, .52, .84) .1008s, -webkit-transform .1596s cubic-bezier(.52, .16, .52, .84) .1008s 
    }
    .search-sidebar .header-icon-new-top, .with-sidebar .header-icon-new-top {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg) 
    }
    .search-sidebar .header-icon-new-bottom, .with-sidebar .header-icon-new-bottom {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg) 
    }
    .search-sidebar .header-icon-new-bottom, .search-sidebar .header-icon-new-top, .with-sidebar .header-icon-new-bottom, .with-sidebar .header-icon-new-top {
        -webkit-transition: -webkit-transform .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
        transition: transform .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
        transition: transform .3192s cubic-bezier(.04, .04, .12, .96) .1008s, -webkit-transform .3192s cubic-bezier(.04, .04, .12, .96) .1008s 
    }
    .header-icon-new-bottom, .header-icon-new-top, .search-sidebar .line, .with-sidebar .line {
        -webkit-transition: -webkit-transform .1806s cubic-bezier(.04, .04, .12, .96);
        transition: transform .1806s cubic-bezier(.04, .04, .12, .96);
        transition: transform .1806s cubic-bezier(.04, .04, .12, .96), -webkit-transform .1806s cubic-bezier(.04, .04, .12, .96);
        -webkit-transform: none;
        transform: none 
    }
    .search-sidebar .main-menu, .with-sidebar .main-menu, .login-sidebar #login-area {
        height: 100%;
        background: #000;
        -webkit-transition: background .36s cubic-bezier(.32, .08, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1);
        transition: background .36s cubic-bezier(.32, .08, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1) 
    }
    input.search-submit {
        border-left: 1px solid #333 
    }
    .main-menu, #login-area {
        height: 0;
        position: fixed;
        width: 100%;
        top: 46px;
        background: rgba(0, 0, 0, .8);
        overflow-y: hidden;
        max-height: none;
        -webkit-transition: background .44s .2s cubic-bezier(.52, .16, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1);
        transition: background .44s .2s cubic-bezier(.52, .16, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1) 
    }
    .with-sidebar .menu {
        height: 100% 
    }
    .menu ul {
        z-index: 1;
        top: 53px;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 664px;
        margin: 0 auto;
        padding: 0 40px;
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        visibility: hidden;
        -webkit-transition: visibility 0s linear 1s;
        transition: visibility 0s linear 1s 
    }
    .menu li {
        display: block;
        font-size: 17px;
        height: 38px;
        text-align: left;
        line-height: 30px;
        font-weight: 200;
        border-bottom: 1px solid #333 
    }
    .menu li:last-child {
        border-bottom: none 
    }
    .with-sidebar .menu ul {
        visibility: visible;
        -webkit-transition-delay: 0s;
        transition-delay: 0s 
    }
    .search-sidebar, .with-sidebar {
        position: relative;
        overflow: hidden 
    }
    .search-text-div {
        background-color: #1d1d1f 
    }
    .search-sidebar .menu-search, .with-sidebar .menu-search {
        background: #000;
        visibility: visible;
        -webkit-transition: background .18s cubic-bezier(.32, .08, .24, 1) .18s, visibility 0s linear 0s;
        transition: background .18s cubic-bezier(.32, .08, .24, 1) .18s, visibility 0s linear 0s 
    }
    .search-sidebar .search-icon, .with-sidebar .search-icon {
        opacity: 0;
        visibility: hidden 
    }
    .menu a {
        padding: 0;
        color: #ddd 
    }
    .btn, button, input, select, textarea {
        color: #fff;
        font-size: 17px;
        font-weight: 300;
        background-color: #1d1d1f;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding-left: 0 
    }
    input.search-submit {
        background-repeat: no-repeat;
        background-position: 17px -11px 
    }
    #main-content, #sidebar {
        width: 100%;
        float: none 
    }
    #sidebar {
        margin: 12px 0 
    }
    .icon-zoom {
        display: none 
    }
    .movie-list-index.home-v2 ul.last-film-box>li {
        width: 31.6% 
    }
    #nextTop, #prevTop {
        display: none 
    }
    .movie-carousel-top-item {
        width: 250px;
        height: 180px 
    }
}
@media screen and (max-width:640px) {
    body {
        min-width: 320px 
    }
    #header-search {
        float: none;
        width: 100%;
        margin: 0;
        padding: 15px 0 0;
        overflow: hidden 
    }
    #loading-wait {
        width: 90%;
        left: 5% 
    }
    .movie-list-index.home-v2 ul.last-film-box>li:nth-child(3n+3) {
        margin-right: 4% 
    }
    .movie-list-index.home-v2 ul.last-film-box>li:nth-child(2n+2) {
        margin-right: 0 
    }
    .movie-list-index.home-v2 ul.last-film-box>li {
        width: 48%;
        margin-right: 4% 
    }
    .modal {
        width: 95vw !important;
        margin-bottom: 100px;
    }
}
@media screen and (max-width:420px) {
    #trending-carousel .item {
        margin-right: 14px;
        width: 47.9% 
    }
    .trending-carousel-list {
        padding: 10px 10px 0 10px 
    }
}
.owl-item .item {
    width: 100%!important;
    margin: 0!important;
    display: block 
}
.owl-carousel {
    display: block;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1 
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden 
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0 
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0) 
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0) 
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none 
}
.owl-carousel .owl-item img {
    display: block;
    width: 100% 
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none 
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none 
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit 
}
.owl-carousel.owl-loaded {
    display: block 
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block 
}
.owl-carousel.owl-hidden {
    opacity: 0 
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden 
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none 
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab 
}
.owl-carousel.owl-rtl {
    direction: rtl 
}
.owl-carousel.owl-rtl .owl-item {
    float: right 
}
.no-js .owl-carousel {
    display: block 
}
.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both 
}
.owl-carousel .owl-animated-in {
    z-index: 0 
}
.owl-carousel .owl-animated-out {
    z-index: 1 
}
.owl-carousel .fadeOut {
    animation-name: fadeOut 
}
@keyframes fadeOut {
    0% {
        opacity: 1 
    }
    100% {
        opacity: 0 
    }
}
.owl-height {
    transition: height .5s ease-in-out 
}
#trending-filters {
    position: absolute;
    top: 2px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer 
}
#trending-filters:before {
    content: '';
    display: inline-block;
    height: 24px;
    position: relative;
    top: 4px;
    left: 5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='8' y1='18' x2='21' y2='18'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'%3E%3C/line%3E%3C/svg%3E") center center no-repeat;
    width: 24px 
}
.trending-header {
    position: relative 
}
#trending-filters:hover .trending-filters-options {
    display: block 
}
#trending-filters .trending-filters-options {
    display: none;
    background-color: #222;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    right: 0 
}
#trending-filters .trending-filters-options span {
    width: 100px;
    text-align: right;
    display: inline-block;
    padding: 2px 5px 2px 0 
}
#trending-filters .trending-filters-options .active {
    color: #46e1ff 
}
#trending-filters .trending-filters-options span:hover {
    background-color: rgb(0 0 0 / 80%);
    border-radius: 5px 
}
.toast-title {
    font-weight: 700 
}
.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word 
}
.toast-message a, .toast-message label {
    color: #FFF 
}
.toast-message a:hover {
    color: #CCC;
    text-decoration: none 
}
.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    line-height: 1 
}
.toast-close-button:focus, .toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
}
.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em 
}
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none 
}
.toast-top-center {
    top: 0;
    right: 0;
    width: 100% 
}
.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100% 
}
.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100% 
}
#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none 
}
#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box 
}
#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 15px 15px 15px 50px;
    max-width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #000;
    opacity: 1;
}
#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center 
}
#toast-container>div:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer 
}
#toast-container>.toast-info {
    border-left: 4px solid #006DF0;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23006DF0' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-info'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E")!important 
}
#toast-container>.toast-error {
    border-left: 4px solid #a62c2c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23a62c2c' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-alert-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")!important 
}
#toast-container>.toast-success {
    border-left: 4px solid #6ac259;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 426.667 426.667' width='18' height='18'%3E%3Cpath d='M213.333 0C95.518 0 0 95.514 0 213.333s95.518 213.333 213.333 213.333c117.828 0 213.333-95.514 213.333-213.333S331.157 0 213.333 0zm-39.134 322.918l-93.935-93.931 31.309-31.309 62.626 62.622 140.894-140.898 31.309 31.309-172.203 172.207z' fill='%236ac259'%3E%3C/path%3E%3C/svg%3E")!important 
}
#toast-container>.toast-warning {
    border-left: 4px solid #F89406;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23F89406' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-alert-triangle'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E")!important 
}
#toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div {
    margin-left: auto;
    margin-right: auto 
}
.toast {
    background-color: #fff 
}
.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
}
@media all and (min-width:241px) and (max-width:480px) {
    #toast-container>div {
        width: 22em 
    }
}
.login-form {
    display: inline-block;
    margin: 0;
    background-color: #121212;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 400px;
    vertical-align: middle;
    top: 20%;
    border-radius: 5px;
}
.login-form button {
    cursor: pointer;
}
.login-form .psw {
    line-height: 30px;
    font-weight: 200;
}
.form-input {
    text-align: center;
}
.login-form button, .login-form input, .login-form textarea {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    background-color: #1d1d1f;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
.login-form input[type="checkbox"] {
    width: auto;
}
.login-form button[type="submit"] {
    background: brown;
}
.login-form .remember {
    float: right;
    line-height: 30px;
    font-weight: 200;
}
.login-form .button {
    text-align: center;
    margin-top: 10px;
}
.login-form .title {
    text-align: center;
    border-bottom: 1px solid #252525;
    font-size: 17px;
    font-weight: 200;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}
.login-form label {
    width: 100px;
    line-height: 35px;
    display: inline-block;
}
.login-form .register {
    color: #46e1ff;
    cursor: pointer;
}
.user-icon {
    text-transform: none;
    float: right;
    cursor: pointer;
    align-items: center!important;
    width: auto;
    font-size: 0;
    display: flex;
    -webkit-transition: opacity .7s ease-in-out;
    -moz-transition: opacity .7s ease-in-out;
    -o-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out 
}
.user-icon:hover {
    color: #dacb46;
}
.user-icon:before {
    background-repeat: no-repeat;
    background-position: center center;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-user'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E") 
}

.user-icon.login:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-smile'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'%3E%3C/path%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'%3E%3C/line%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'%3E%3C/line%3E%3C/svg%3E");
}


.user-icon:before {
    display: block;
    z-index: -1;
    width: 46px;
    height: 46px 
}
.search-sidebar .user-icon, .with-sidebar .user-icon {
    opacity: 0;
    visibility: hidden 
}
.login-form #login-error {
    color: #980202;
    text-align: left;
}
@media only screen and (min-width:980px) {
    .user-icon {
        position: relative;
        top: -9px;
        font-size: 13px;
    }
    .menu ul {
        max-height: 30px;
        text-transform: uppercase;
        overflow: hidden;
    }

    .user-icon:before {
        width: 36px;
    }
}
.login-group {
    position: relative;
}
@media only screen and (max-width:980px) {
    .login-form {
        width: 280px;
    }
}
.login-user {
    display: none;
    background-color: #222;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 45px;
    padding: 0px 0px 10px 0px;
    width: 250px;
}
.login-user.active {
    display: block;
}
.login-user a {
    display: flex;
    padding: 0.5rem 1rem;
    font-size: .8125rem;
    border-left: 4px solid transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-overflow: ellipsis;
    overflow: hidden;
}
.login-user a:hover {
    background-color: rgb(0 0 0 / 80%);
        border-left: 4px solid #555;
}
.login-user svg {
    margin-right: 10px 
}
.login-user span {
    vertical-align: text-bottom;
}
.login-user .avatar {
    position: relative;
    width: 50px;
    left: 50%;
    border-radius: 0.5rem;
    margin-bottom: -20px;
    -webkit-box-shadow: 2px 2px 16px 0 rgb(168 179 211 / 80%);
    box-shadow: 2px 2px 16px 0 rgb(168 179 211 / 80%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.login-user h5 {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    margin: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.login-user .cover {
    background: rgb(0 0 0 / 20%);
    height: 50px;
}
.comments .new-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 1rem;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.comments .new-comment input {
    color: #fff;
    width: calc(100% - 3.5rem);
    height: 40px;
    padding: 0 2.5rem 0 1rem;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: 300;
    background-color: #1d1d1f;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.comments .avatar {
    border-radius: 50%;
    box-shadow: 2px 2px 16px 0 rgb(17 18 20 / 80%);
}
.comments .new-comment .form-group:before {
    position: absolute;
    content: '';
    background: #1d1d1f;
    right: 100%;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(-45deg) translateY(1rem);
    transform: rotate(-45deg) translateY(1rem);
    border-radius: 0.2rem;
}
.emoji-picker {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}
.comments .new-comment .form-group {
    background: #1d1d1f;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    position: relative;
    border-radius: 5px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.comments {
    margin-top: 20px;
}
.comments .right {
    width: 100%;
    margin-left: 1.5rem;
}
.emoji-dropdown {
    min-width: 6.8rem;
    max-width: 6.8rem;
    padding: 0.5rem;
}
.dropdown-menu.dropdown-menu-right.emoji-dropdown.active {
    display: block;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    padding: 2px;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: center;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0.25rem;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
}
.emoji-picker svg {
    position: absolute;
    top: calc(50% - 9px);
    left: calc(50% - 9px);
}
.emoji-dropdown img {
    margin: 0.4rem;
    cursor: pointer;
    vertical-align: middle;
}
.comments .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
}
.new-comment.error input, .new-comment.error .form-group:before {
    background-color: #b74a48!important;
}
.comments .new-comment .info {
    padding: 0.75rem 1rem;
}
.load-more-comment span {
    cursor: pointer;
}
.load-more-comment span:hover {
    color: #46e1ff;
}
.comments .sub-title {
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 20px 0;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #1d1d1f inset;
    transition: background-color 5000s ease-in-out 0s;
}
.icon-like.anyliked {
    color: #ff8382;
    pointer-events: none;
    cursor: default;
}
.login-sidebar .search-icon, .login-sidebar .header-icon-new {
    display: none 
}
#login-area {
    height: 0;
    position: fixed;
    width: 100%;
    top: 46px;
    background: rgba(0, 0, 0, .8);
    overflow-y: hidden;
    max-height: none;
    -webkit-transition: background .44s .2s cubic-bezier(.52, .16, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1);
    transition: background .44s .2s cubic-bezier(.52, .16, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1) 
}
.login-sidebar #login-area {
    z-index: 101;
    text-align: center;
    height: 100%;
    background: rgb(0 0 0 / 70%);
    -webkit-transition: background .36s cubic-bezier(.32, .08, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1);
    transition: background .36s cubic-bezier(.32, .08, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1) 
}
.forgot-password {
    float: left;
    margin-bottom: 5px;
}
.top-movie.user {
    overflow: auto;
}
.profile .profile-nav .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #ddd;
}
.profile-info {
    margin-bottom: 2rem;
}
.profile ul {
    padding-left: 0;
    margin: 0;
}
.profile .profile-nav li:not(:last-child) {
    margin-right: 1.25rem;
}
.profile li {
    display: inline-block;
    list-style: none;
}
.title-with-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.title-with-avatar .avatar {
    margin-right: 1rem;
    border-radius: 50%;
}
.profile {
    background: #171717;
    padding: 10px;
}
.profile-nav svg {
    margin-right: 0.5rem;
    vertical-align: middle;
}
.profile .profile-nav li.active>a::before, .profile .profile-nav li:hover>a::before {
    opacity: 1;
}
.profile .profile-nav li>a:before {
    content: '';
    position: absolute;
    background: #dc3545;
    left: 0;
    bottom: 0;
    height: 0.15rem;
    width: 100%;
    opacity: 0;
    border-radius: 100px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.profile .profile-nav li>a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem 0;
}
.profile-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.profile-video #main-content {
    width: 100%;
}
.profile .profile-nav li .count {
    color: #8e9194;
    font-size: .8125rem;
    margin-left: 0.75rem;
}
.inactive-color {
    color: #8e9194;
}
.profile-info .title-box h3 {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 0.5rem;
}
@media only screen and (min-width: 980px) {
    .profile-video .movie-list-index.home-v2 ul.last-film-box>li {
        width: 23.7%;
    }
    .profile-video .movie-list-index.home-v2 ul.last-film-box>li {
        margin-right: 1.6%;
    }
    .profile-video .movie-list-index.home-v2 ul.last-film-box>li:nth-child(4n+4) {
        margin-right: 0;
    }
    .comments .new-comment {
        width: 70%;
    }
}
@media(max-width: 576px) {
    .profile-nav .icon-title {
        display:none;
    }
    .profile-info {
        margin-bottom: 1rem;
    }
}
.icon-save:before {
    content: '';
    display: inline-block;
    height: 20px;
    position: relative;
    top: 2px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-bookmark'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
    width: 20px;
}
.icon-save.active:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ff8382' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-bookmark'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-save {
    cursor: pointer;
    float: right;
    margin-right: 2px;
}
.comment-like {
    position: relative;
    height: 20px;
}
.comment-like img {
    vertical-align: middle;
    margin: 5px;
}
.comment-like .emoji-like {
    width: 100px;
}
.comment-like .emoji-like img {
    transition: transform .5s;
}
.comment-like .emoji-like img:hover {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.like-infor {
    display: block;
    font-size: 10px;
    font-weight: 200;
    margin-top: 5px;
}
.like-infor img {
    vertical-align: top;
    margin-right: 5px;
}
.like-infor img:not(:first-child) {
    margin-left: 5px;
}
.title .pr-2 {
    margin-right: 0.5rem;
}
.title .inactive-color {
    font-size: 12px;
}
.disable {
    opacity: .5;
    cursor: wait;
    pointer-events: none;
}
.disable input {
    cursor: wait;
    opacity: .3;
}




ul.notification-block {
    margin: 0;
    padding: 0;
}

li.notification {
    display: flex;
    align-content: center;
    flex-direction: column;
    margin-bottom: 1px;
}

.notification-header {
        display: flex;
        cursor: pointer;
    flex-direction: row;
    background: #333;
    border-left: 7px solid #444;
} 

.notification-header.new  {
       border-left: 7px solid #dc3545;
 background: #171717;
} 


span.notification-title {
    color: #8e9194;
    padding: 5px;
        width: 100%;
    min-height: 35px;
    
}


.notification-detail {
    display: none;
    flex-wrap: wrap;
    background: #5a5a5a;
}

span.notification-item {
    border: 1px solid #888;
    padding: 2px;
    border-radius: 10px;
    margin: 2px;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;

}

span.notification-item.new {
    border: 1px solid #ff6a88;
    background: #ff6a8859;
}



.notification-icon-viewmore, .notification-icon-delete {
    
    cursor: pointer;
    height: 45px;
    align-items: center;
    display: flex;
}
.notification-icon-viewmore{
    width: 45px;
}

.notification-icon-viewmore:before, .notification-icon-delete:before {
height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    content: '';

}
.notification-icon-viewmore:before {
        
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevrons-right'%3E%3Cpolyline points='13 17 18 12 13 7'%3E%3C/polyline%3E%3Cpolyline points='6 17 11 12 6 7'%3E%3C/polyline%3E%3C/svg%3E");
}

.notification-icon-viewmore.active:before {
         background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevrons-down'%3E%3Cpolyline points='7 13 12 18 17 13'%3E%3C/polyline%3E%3Cpolyline points='7 6 12 11 17 6'%3E%3C/polyline%3E%3C/svg%3E");
    
}


.notification-icon-delete:before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
}


.user-icon.active:after, .menu-notifi-icon.active:after {
    display:block;
}
.menu-notifi-icon {
    display: flex;
}
.menu-notifi-icon:after {
    content: attr(count-notifiaction);
    display:none;
    position: relative;
    left: 10px;
    line-height: 12px;
    text-align: center;
    color: #fff;
    background: #e41e3f;
    padding: 2px;
    border-radius: 50%;
    font-size: 10px;
    width: 12px;
    height: 12px;
}


.user-icon:after {
    content: attr(count-notifiaction);
     display:none;
    position: absolute;
    right: 5px;
    top: 5px;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #e41e3f;
    padding: 2px;
    border-radius: 50%;
    font-size: 10px;
    width: 12px;
    height: 12px;
}

@media only screen and (min-width:980px) {
    .user-icon:after {
        left: 20px;
    }
}



#age_check {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(8,11,14,.7);
    z-index: 1000000;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal {
    width: 70vw;
    background-color: #121212;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}

#age_check h2 {
    background: rgba(0,0,0,.8);
    height: 46px;
    margin: 0;  
}

#age_check img {
    padding: 8px;
}

#age_check h3 {
    color: #de2600;
    font-size: 1.5em;
    opacity: 0.8;
}
#age_check p {
    padding: 0 10px;
    font-size: 14px;
}

#age_check #age_check_no {
    margin-left: 10px;
}
#age_check .buttons {
    margin: 10px 0;
}

#age_check #age_check_yes
{
    background-color: brown;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px;
    -moz-box-sizing: border-box;
}