html { position: relative } body { background: #1f1f1f; color: #ececff; font-size: 14px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 0; -webkit-text-size-adjust: none; padding-left: 240px; padding-top: 80px } body.expand { padding-left: 0 } a { color: #ececff; text-decoration: none !important; outline: 0; -moz-outline: none } a:hover { color: #fff } .bg-primary { background-color: #9b1a29 !important; } .btn-trailer { background: #fff; color: #111 } .mat-icon { display: inline-flex; vertical-align: bottom } .btn-radius { border-radius: 30px !important } .btn-focus, .btn-primary { background: #9b1a29 !important; color: #fff !important; border-color: #9b1a29 !important } .btn-secondary { background: #eee; border-color: #eee; color: #111 } .btn-trans { background: 0 0 !important; color: #fff !important } .btn-light { background: #fff !important; color: #111 !important; border-color: #fff !important } .text-primary { color: #9b1a29 !important } .dot { width: 4px; height: 4px; border-radius: 50%; background: #666; display: inline-block; margin: 3px 10px } .h2-heading { font-size: 2em !important; margin-bottom: 0 } .iframe16x9 { width: 100%; position: relative; padding-bottom: 56.25% } .iframe16x9 iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important } #search, #search input.search-input, #sidebar_menu, .film-poster-ahref i, .film-poster-ahref:after, .film-poster-ahref:before, .film-poster-img { transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s } .film-poster-ahref:after { transition: all .2s ease 0s; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s } #search input.search-input, .block_area, .film-poster, .nav-item, .nav-item > a { position: relative } .film-poster { width: 100%; padding-bottom: 148%; position: relative; overflow: hidden } .film-poster .film-poster-img { position: absolute; width: 100%; height: 100%; object-fit: cover } .highlight-text { color: #fff } .container { max-width: 100%; width: 100% } #wrapper { width: 100%; margin: 0 auto; padding: 0 30px; position: relative; max-width: 2310px } #header { height: 60px; background: #282828; position: fixed; z-index: 102; display: block; top: 0; left: 0; right: 0 } #header .container { position: relative } #header #logo { display: block; height: 40px; margin: 10px 45px; float: left } #header #logo span { float: left; line-height: 40px; font-size: 1.4em; font-weight: 600; color: #fff } #header #logo img { height: 100%; width: auto; float: left; margin-right: 10px } #mobile_menu { height: 60px; padding: 0; color: #fff; cursor: pointer; position: absolute; top: 0; left: 20px; width: 24px; text-align: center; z-index: 4 } #mobile_menu.active i { color: #fff } #mobile_menu i { margin: 19px 0; font-size: 24px; line-height: 22px; height: 22px; overflow: hidden } #header_menu { height: 60px; margin: 0; float: left; display: none } #header_menu .container { position: relative } #header_menu ul.header_menu-list { list-style: none; padding: 0; display: block } #header_menu ul.header_menu-list .nav-item { display: inline-block; margin: 0; position: relative; margin-right: 10px } #header_menu ul.header_menu-list .nav-item > a { height: 60px; line-height: 60px; margin: 0; padding: 0 20px; color: #fff; display: inline-block; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase } #header_menu ul.header_menu-list .nav-item:hover > a { background: #111 } #header_menu ul.header_menu-list .nav-item.active > a:before { content: ""; width: 100%; height: 3px; background: #fff; position: absolute; bottom: 0; left: 0; right: 0 } #header_menu .header_menu-sub { position: absolute; top: 60px; left: 0; width: 600px; background: #111; border-top: none; z-index: 102; box-shadow: 0 0 3px rgba(0, 0, 0, .1) } #header_menu .header_menu-sub ul.sub-menu { padding: 10px; text-align: left; list-style: none; overflow: hidden; margin-left: -1%; margin-right: -1% } #header_menu .header_menu-sub ul.sub-menu li { width: 23%; float: left; margin: 0 1% } #header_menu .header_menu-sub ul.sub-menu li a { height: 30px; color: #ccc; line-height: 30px; padding: 0 10px; display: block; font-size: 15px } #header_menu .header_menu-sub ul.sub-menu li:hover a { background: #fff; color: #fff !important } #header_right { position: absolute; top: 10px; right: 15px } #header_right #search-toggle { display: inline-block } #user-slot { display: inline-block; height: 40px; position: relative } #header .btn-on-header { height: 40px; border-radius: 3px; padding: 8px 12px; margin: 0; color: #fff; background: 0 0; box-shadow: none !important } #header .btn-login { width: 90px } #header .btn-login i { font-size: 14px } #header.active { z-index: 102 } #header .btn-on-header:hover { background: #333; color: #fff !important } #header #search-toggle .btn-on-header { font-size: 20px } #header #search-toggle.active .btn-on-header { background: #fff; color: #fff } .header_right-user.logged .btn-avatar { width: 31px; height: 31px; border-radius: 50%; padding: 0; border: none; cursor: pointer; background: #689f39 } .header_right-user.logged .btn-avatar span { font-weight: 600; font-size: 1.2em; line-height: 31px; color: #fff } .header_right-user.logged .dropdown-menu { left: auto; right: 0; top: 110%; font-size: 14px } .header_right-user.logged .dropdown-menu .dropdown-item { padding: 7px 20px } .header_right-user.logged { margin-top: 4px } #header .hr-notification .btn-on-header { color: #aaa; position: relative; margin-right: 30px } #header .hr-notification .btn-on-header span { padding: 4px 6px; font-size: 12px; line-height: 1em; background: #9b1a29; color: #fff; display: inline-block; border-radius: 20px; position: absolute; top: 0; left: 26px } #search { width: 600px; position: absolute; left: 350px; top: 12px } #search.active { right: 0; z-index: 102 } #search input.search-input { height: 36px; color: #fff; font-size: 14px; font-weight: 400; background: #121212; border: none; border: 1px solid #333; border-radius: 0; box-shadow: none !important; padding-right: 130px } #search input.search-input:focus { border-color: #444 } #search .search-submit { width: 80px; height: 36px; background: #393939; padding: 0 .5rem; display: inline-block; color: #fff; font-size: 14px; text-align: center; position: absolute; left: 0; top: 0; z-index: 2; border-radius: 0 } #search .search-submit { left: auto; right: 0 } #search .search-submit i { color: #ccc; font-size: 16px; line-height: 34px } #search .search-submit:hover i { color: #fff } #search .search-filter { position: absolute; top: 0; right: 80px; background: 0 0; color: #ccc; padding: 0; line-height: 36px; height: 36px; width: 40px; text-align: center; border: none !important; outline: 0 !important } #search .search-filter i { font-size: 16px } #search .search-content { position: relative } #search .search-result-pop { background: #555; color: #fff; position: absolute; right: 0; left: 0; top: 40px; margin: 0 1px; z-index: 6; list-style: none; display: none } #search .search-result-pop.active { display: block } #search .search-result-pop .nav-item { display: block; text-align: left; color: #fff; padding: 10px; width: 100%; border-bottom: 1px solid #666; cursor: pointer } #search .search-result-pop .nav-item:last-of-type { border: none } #search .search-result-pop .nav-item:hover { background: #666 } #search .search-result-pop .nav-item a { color: #fff } #search .search-result-pop .nav-item .film-poster { float: left; width: 40px; padding-bottom: 60px } #search .search-result-pop .nav-item .dot { background: #fff } #search .search-result-pop .nav-item .srp-detail { padding-left: 55px; padding-top: .3rem; font-weight: 400 } #search .search-result-pop .nav-item .srp-detail .film-name { font-size: 16px; font-weight: 500; line-height: 1.2em; max-width: 100%; margin-bottom: 8px; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff } #search .search-result-pop .nav-bottom { padding: 15px; margin-top: -1px; background: #fff !important; font-size: 16px; color: #111; text-align: center; border-bottom: none } #main-wrapper { margin-bottom: 50px } .bah-setting .btn, .btn-in-headcat { margin: 4px 0 } #suggest { margin-bottom: 30px } .category_filter .category_filter-content { background: #333; border: 1px solid #3b3b51 } .category_filter .category_filter-content { padding: 20px } .category_filter .category_filter-content .cfc-item { display: block; padding: 0 0 15px; margin-bottom: 15px; border-bottom: 1px solid #3b3b51; width: 100%; position: relative; padding-left: 80px } .category_filter .category_filter-content .cfc-item.end { border-bottom: none } .category_filter .category_filter-content .cfc-item .ni-head { font-size: 16px; font-weight: 500; display: inline-block; position: absolute; top: 3px; left: 0 } .category_filter .category_filter-content .ni-list .custom-control-label { line-height: 1.6rem; cursor: pointer } .category_filter .category_filter-content .cfc-button .btn { padding-left: 15px; padding-right: 15px } .category_filter .bah-setting-mobile { margin-bottom: 15px; display: none } .category_filter .bah-setting-searchpage { display: block } .block_area { display: block; margin-bottom: 30px } .block_area .block_area-header { margin-bottom: 15px; display: block; width: 100% } .block_area .block_area-header .cat-heading { font-size: 24px !important; line-height: 1.3em; padding: 0; margin: 4px 0 } .block_area .block_area-header .viewmore .btn { padding: 4px 0; color: #fff } .block_area .block_area-header-tabs { margin-bottom: 20px } .block_area .block_area-header-tabs .pre-tabs { margin: 3px 0 } .block_area_home { padding-bottom: 30px; border-bottom: 4px solid #333 } .block_area_home:last-of-type { border-bottom: none } .block_area_home.no-border { padding-bottom: 0; border-bottom: none } .block_area_home .category_filter { margin-top: -10px } .block_area_home .btn-in-headcat { margin: 2px 0 } .block_area_home .btn-in-headcat.btn-light:focus { box-shadow: none; background: #fff; color: #111; border-color: #fff } .pre-tabs { border-bottom: none; border: 1px solid #eff2ff; border-radius: 3px } .pre-tabs .nav-item { font-size: 13px; font-weight: 400; margin-right: 0; border-right: 1px solid #eff2ff } .pre-tabs .nav-item:last-of-type { border-right: none } .pre-tabs .nav-item .nav-link { padding: 0 13px; line-height: 30px; height: 30px; color: #eff2ff; background: 0 0; border: none; border-radius: 0; margin-right: 0 } .pre-tabs .nav-item .nav-link:hover { border-bottom-color: #222 } .pre-tabs .nav-item .nav-link.active { background: #eff2ff; color: #111 } .film-poster-ahref i, .film-poster-ahref:before { position: absolute; top: 50%; left: 50% } .film_list { display: block } .film_list .film_list-wrap { margin: 0 -.5% } .film_list .film_list-wrap .flw-item { width: 7.3333%; margin: 0 .5% 20px; float: left } .flw-item .film-poster .film-poster-ahref { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; display: inline-block } .flw-item .film-poster .film-poster-ahref:after { content: ""; position: absolute; top: auto; right: 0; left: 0; bottom: 0; height: 100%; opacity: 0; background: rgba(22, 22, 22, .5); z-index: 1 } .flw-item .film-poster .film-poster-ahref:before { content: ""; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; border-radius: 50%; background: #fff; opacity: 0; z-index: 2 } .flw-item .film-poster .film-poster-ahref i { font-size: 20px; color: #111; z-index: 2; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .flw-item .film-poster { margin-bottom: 10px } .flw-item .film-poster:hover .film-poster-ahref:after { height: 100%; opacity: 1 } .flw-item .film-poster:hover .film-poster-ahref:before { opacity: 1 } .flw-item .film-poster:hover .film-poster-ahref i { opacity: 1 } .flw-item .pick { position: absolute; z-index: 5; top: 10px; right: 10px; font-size: 13px; display: inline-block; padding: 3px 5px; border-radius: 2px; font-family: arial; font-weight: 600; background: rgba(255, 255, 255, .95) } .flw-item .pick.film-poster-quality { color: #111; background: #fff } .flw-item .pick.film-poster-eps { right: auto; left: 10px; color: #111 } .flw-item .pick.film-remove-fav { display: none; top: 0; right: 0; border-radius: 0; cursor: pointer; padding: 0; background: #fff; color: #111; width: 30px; height: 30px; text-align: center } .flw-item .pick.film-remove-fav i { line-height: 30px } .flw-item:hover .pick.film-remove-fav { display: inline-block } .film_list .film_list-wrap .flw-item.flw-item-big { width: 32.33% !important; margin-bottom: 30px; position: relative; min-height: 320px; overflow: hidden } .film_list .film_list-wrap .flw-item.flw-item-big .film-poster { position: absolute; top: 20px; left: 20px; width: 200px; padding-bottom: 280px; z-index: 4 } .film_list .film_list-wrap .flw-item.flw-item-big .film-background { position: absolute; top: -30px; left: -30px; right: -30px; bottom: -30px; background-position: 50% 25%; background-size: cover; filter: blur(30px); -webkit-filter: blur(30px) } .film_list .film_list-wrap .flw-item.flw-item-big .film-background:before { content: ""; background: rgba(34, 85, 173, .6); position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .film_list .film_list-wrap .flw-item.flw-item-big:nth-of-type(4n+1) .film-background:before { background: rgba(34, 85, 173, .6) } .film_list .film_list-wrap .flw-item.flw-item-big:nth-of-type(4n+2) .film-background:before { background: rgba(29, 83, 100, .6) } .film_list .film_list-wrap .flw-item.flw-item-big:nth-of-type(4n+3) .film-background:before { background: rgba(125, 13, 47, .6) } .film_list .film_list-wrap .flw-item.flw-item-big:nth-of-type(4n+4) .film-background:before { background: rgba(95, 84, 64, .6) } .film-detail.detail-medium { padding: 20px 20px 20px 240px; position: relative; z-index: 3; height: auto !important } .film-detail.detail-medium .pre-qtip-content { padding: 0 } .film-detail.detail-medium .pre-qtip-content .pre-qtip-button { position: relative; top: auto; left: auto; right: auto; bottom: auto } .film-detail.detail-medium .pre-qtip-content .pre-qtip-button .btn-sm { padding: 5px 15px !important; box-shadow: 0 5px 5px rgba(0, 0, 0, .1); float: left !important } .detail-medium .pre-qtip-description, .detail-medium .pre-qtip-line { font-size: 14px; line-height: 1.4em; color: #fff; font-weight: 400; margin-bottom: 20px } .detail-medium .pre-qtip-line { font-size: 14px; margin-bottom: 5px; font-weight: 400 } .detail-medium .pre-qtip-title { font-size: 1.6em; line-height: 1.3em } .detail-medium .pre-qtip-detail { font-size: 14px; margin-bottom: 20px } .detail-medium .dot { background: #fff } .film_list .film_list-wrap .flw-item .film-detail { font-size: .95em; color: #aaa; height: auto; overflow: hidden } .film_list .film_list-wrap .flw-item .film-detail .film-name { font-size: 14px; line-height: 1.3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .film_list .film_list-wrap .flw-item .film-detail .film-infor { margin-bottom: 2px } .film_list .film_list-wrap .flw-item .film-detail .film-infor .fi-ql { display: inline-block; border-radius: 4px; border: 1px solid #666; padding: 2px 5px; margin-right: 5px; line-height: 1em; font-weight: 600 } .film_list.topslider .film_list-wrap { margin: 0 } .film_list.topslider .film_list-wrap .film-list-ul .flw-item { margin: 0 15px 10px 0; float: left; width: 265px !important } .film-list-ul { list-style: none; padding: 0 } .topslider { position: relative; margin-bottom: 30px; margin-top: 30px } .topslider .controls { position: absolute; top: 50%; margin-top: -55px; z-index: 9; width: 100% } .topslider .controls .btn { width: 60px; height: 60px; border-radius: 50%; padding: 10px 10px; text-align: center; position: absolute; left: -30px; background: #333; color: #fff } .topslider .controls .btn.btn-next { left: auto; right: -30px } .topslider .controls .btn.disabled { opacity: .3; cursor: default; outline: 0; box-shadow: none } .topslider .controls .btn i { font-size: 40px } .pre-pagination .pagination .page-item { margin: 5px } .pre-pagination .pagination .page-item .page-link { border-radius: 3px; border: none; background: 0 0; color: #eee; font-weight: 400 } .pre-pagination .pagination .page-item .page-link:hover { color: #fff } .pre-pagination .pagination .page-item.active .page-link { background: #fff; color: #111; cursor: default } .pre-pagination .pagination-lg .page-item .page-link { border-radius: 20px; padding: 0 5px; line-height: 40px; font-size: 18px; min-width: 40px; text-align: center } .news-items { margin: 0 -.5% } .news-items .news-item { float: left; width: 24%; margin: 0 .5% 15px; padding: 20px; border: 1px solid #333; background: #282828 } .news-items .news-item .ni-header { display: block; margin-bottom: 20px } .news-items .news-item .avatar { width: 40px; height: 40px; border-radius: 50%; float: left; margin-right: 10px } .news-items .news-item .avatar.avatar-solid { color: #fff; font-size: 20px; text-align: center; line-height: 40px } .news-items .news-item .name { font-size: 1.2em; font-weight: 500; margin-bottom: 2px; line-height: 1.3em } .news-items .news-item .time { color: #aaa; font-size: .95em } .news-items .news-item .ni-body { padding-right: 130px; position: relative } .news-items .news-item .ni-body .news-thumb { width: 120px; height: 120px; overflow: hidden; position: absolute; top: 0; right: 0 } .news-items .news-item .ni-body .news-thumb img { position: absolute; width: 100%; height: 100%; object-fit: cover } .news-items .news-item .news-title { font-size: 1.3em; font-weight: 500; line-height: 1.3em } .news-items .news-item .description { font-size: 1em; font-weight: 400; line-height: 1.5em } .modal-backdrop.show { background: #111; opacity: .9 } .premodal .modal-content { border-radius: 0; border: none; font-family: arial } .premodal-login .modal-content { background: #282828 } .premodal .modal-content .modal-header { border-bottom: 0; border-radius: 0; padding: 30px 30px 0; position: relative; display: block } .premodal .modal-content .modal-header .modal-title { text-align: center; font-weight: 600 } .premodal .modal-content .close { position: absolute; top: -15px; right: -15px; color: #fff; margin: 0; width: 30px; height: 30px; border-radius: 50%; background: #444; z-index: 3; text-align: center; line-height: 30px; display: inline-block; padding: 0; opacity: 1; text-shadow: none } .premodal .modal-content .close:hover { opacity: 1; background: #fff; color: #111 } .premodal .modal-content .modal-body { padding: 20px 30px } .premodal-login .modal-content .modal-body { padding: 20px 60px } .premodal-trailer .modal-content .modal-body { padding: 5px } .premodal-trailer .modal-dialog { max-width: 800px } .premodal .modal-content .modal-footer { padding: 30px; display: block; background: #444; border-top: none } .preform .form-group { margin-bottom: 20px } .preform .form-control { font-size: 13px; border-radius: 0 } .preform .prelabel { font-size: 11px; text-transform: uppercase; opacity: .5; font-weight: 400; letter-spacing: 1px } .preform .custom-control-label { line-height: 1.5rem } .text-forgot { line-height: 1.5rem } .link-highlight { color: #fff !important; cursor: pointer } .modal-logo { text-align: center } .modal-logo img { height: 40px; width: auto } .premodal .modal-logo { margin-top: -10px } .premodal .alert { font-size: 13px; line-height: 1.4em; border-radius: 0 } .premodal .btn { padding: .5rem .75rem } #sidebar_menu_bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(11, 11, 11, .8); z-index: 103; display: none } #sidebar_menu_bg.active { display: none } #sidebar_close { display: none } #sidebar_menu { position: fixed; z-index: 101; left: 0; top: 0; bottom: 0; overflow-y: auto; width: 240px; padding-top: 75px; padding-bottom: 120px; background: #282828; display: none; overflow: auto; scrollbar-width: none; -ms-overflow-style: none } #sidebar_menu::-webkit-scrollbar { display: none } #sidebar_menu.active { display: block } #sidebar_menu .sidebar_menu-list { font-size: 14px; border-bottom: 1px solid #333; padding: 10px 0 } #sidebar_menu .sidebar_menu-list > .nav-item { display: block; width: 100%; position: relative; margin-bottom: 3px } #sidebar_menu .sidebar_menu-list > .nav-item > .nav-link { display: block; padding: 12px 20px; font-size: 14px } #sidebar_menu .sidebar_menu-list > .nav-item > .nav-toggle { display: flex; justify-content: space-between; align-items: center; cursor: pointer } #sidebar_menu .sidebar_menu-list > .nav-item > .nav-toggle > .toggle-icon { margin-right: 10px; transform: rotate(-180deg); font-size: 13px } #sidebar_menu .sidebar_menu-list > .nav-item > .nav-toggle.collapsed > .toggle-icon { transform: rotate(0) } #sidebar_menu .sidebar_menu-list > .nav-item > .nav-link.with-icon { display: flex; align-items: center } #sidebar_menu .sidebar_menu-list > .nav-item > .nav-link.with-icon > i { width: 24px; font-size: 18px; margin-right: 15px; text-align: center; color: #aaa } #sidebar_menu .sidebar_menu-list > .nav-item > .nav-link.small { letter-spacing: 2px; color: #aaa; font-size: 12px } #sidebar_menu .sidebar_menu-list > .nav-item.active > .nav-link { background: #555; font-weight: 500 } #sidebar_menu .sidebar_menu-list > .nav-item.active > .nav-link i { color: #fff } #sidebar_menu .sidebar_menu-list > .nav-item > .toggle-submenu { position: absolute; top: 5px; right: 10px; padding: 10px; z-index: 3; cursor: pointer } #sidebar_menu .sidebar_menu-list > .nav-item > .toggle-submenu:hover { color: #fff } #sidebar_menu .sidebar_menu-list > .nav-item .nav { padding: 0 20px } #sidebar_menu .sidebar_menu-list > .nav-item .nav > .nav-item { display: block; width: 50%; padding: 7px 5px 7px 0; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } #sidebar_menu .sidebar_menu-list > .nav-item .nav > .nav-item > .nav-link { font-size: 12px; color: #ececff; padding: 0; margin-right: 3px; opacity: .5 } #sidebar_menu .sidebar_menu-list > .nav-item .nav > .nav-item > .nav-link:hover { color: #fff; opacity: 1 } body.body-hidden { padding-left: 0 } #sb_footer { padding: 20px } #sb_footer .sb_f-menu a { margin: 0 0 5px 0; display: inline-block; font-size: 12px; color: #ececff; font-weight: 500; opacity: .7 } #sb_footer .sb_f-menu .sb_f-copyright { font-size: 12px; color: #ececff; margin-top: 20px } .space { margin-left: 5px; margin-right: 5px; display: inline-block } .loading { position: absolute; top: 50%; margin-top: -9px; left: 50%; margin-left: -30px } .loading > div { width: 18px; height: 18px; background-color: #aaa; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both } .loading .span1 { -webkit-animation-delay: -.32s; animation-delay: -.32s } .loading .span2 { -webkit-animation-delay: -.16s; animation-delay: -.16s } @-webkit-keyframes sk-bouncedelay { 0%, 100%, 80% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1) } } @keyframes sk-bouncedelay { 0%, 100%, 80% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } .loading-relative { display: block; width: 100%; height: 100%; position: relative; min-height: 50px } .film-poster .loading-relative, .watching_player-area .loading-relative { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, .07) } .watching_player-area .loading-relative { background: #000 } .watching_player-area.active .loading-relative { background: rgba(255, 255, 255, .07) } .search-result-pop .loading-relative { min-height: 160px } .preform .form-control { background: #333 !important; border-color: #444; color: #eee } .preform .form-control:focus { box-shadow: none; border-color: #555 } #notice_footer { display: block; margin-top: 30px; text-align: center } #notice_footer .content { width: 100%; max-width: 500px; padding: 30px 0; font-size: 11px; letter-spacing: 1px; font-weight: 400; text-align: center; margin: 0 auto; line-height: 1.6em; display: inline-block; position: relative; color: #85859b } #notice_footer .content:before { content: ""; width: 200px; height: 1px; background: #2d2d49; top: 0; left: 50%; margin-left: -100px; position: absolute } .sb_f-notice { font-size: 11px; letter-spacing: .5px; font-style: italic; color: #eee; margin: 20px 0; line-height: 1.4em; font-weight: 400; padding: 10px; border: 1px solid #444; background: #222; opacity: .5 } .premodal.premodal-large .modal-dialog { max-width: 800px } .premodal .modal-content { background: #333 } .premodal .category_filter .category_filter-content { background: 0 0; border: none; padding: 0 } .premodal .category_filter .category_filter-content .cfc-item { border-color: #444 } .row-select .ni-head { top: 10px !important } .form-check-inline { width: 150px } .premodal-filter .modal-header { padding: 20px !important } .premodal-filter .modal-title { font-size: 2em; line-height: 1.3em } .premodal-filter .modal-body { padding-bottom: 40px !important } .cfc-button { position: absolute; bottom: 0; left: 0; right: 0 } .cfc-button .btn { position: absolute; bottom: 0; border-radius: 0 !important; height: 40px } .cfc-button .btn-primary { display: block; left: 0; right: 100px; margin-right: 0 !important } .cfc-button .btn-light { right: 0; width: 100px } .text-home-main { color: #aaa; line-height: 1.5em; font-weight: 400; padding: 1.5rem; background: #333; padding-left: 5.5rem; position: relative } .text-home-main .thm-icon { position: absolute; top: 1.5rem; left: 1.5rem } .text-home-main .thm-icon i { font-size: 36px } .header_right-user.logged .dropdown-menu .dropdown-item.dropdown-item-user { background: #555 !important; border-radius: 5px 5px 0 0 } .dropdown-item-user .avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; position: relative; float: left } .dropdown-item-user .avatar img { object-fit: cover; position: absolute; width: 100%; height: 100% } .dropdown-item-user .user-detail { padding-left: 60px; padding-top: 2px } .header_right-user.logged .dropdown-menu { width: 300px; position: absolute; background: #444; color: #fff; padding: 0; border: none; padding-bottom: 10px } .header_right-user.logged .dropdown-menu .dropdown-item { color: #fff; padding: 10px 20px; background: 0 0 !important } .header_right-user.logged .dropdown-menu .dropdown-item:hover { background: #4f4f4f !important } .header_right-user.logged .dropdown-menu .dropdown-item-user { padding: 15px 20px } .header_right-user.logged .dropdown-menu .dropdown-divider { border-color: #555 } .grid-menu { padding-bottom: 10px } .grid-menu .dropdown-item { float: left; width: 50%; text-align: center; clear: none; border-bottom: 1px solid #555; border-right: 1px solid #555; padding: 15px !important } .grid-menu .dropdown-item:nth-of-type(2n+2) { border-right: none } .grid-menu .dropdown-item i { display: block; margin-bottom: 8px; margin-right: 0 !important } .small-page { max-width: 1000px; margin: 40px auto } .small-page .description { font-weight: 400; font-size: 1.1em; line-height: 1.4em; margin-bottom: 40px !important } .medium-page { max-width: 1200px; margin: 40px auto } .hr-notification { position: relative } .hr-notification .dropdown-menu { left: auto; right: 0 } .block_area_manager .block_area-content { padding: 1.5rem; background: rgba(255, 255, 255, .05) } .schedule-list li.active { background: #9b1a29; color: #fff; border-radius: 3px } #footer { background: #191919; color: #b9b9b9; position: relative; margin-left: -30px; margin-right: -30px } #footer a { color: #b9b9b9 } #footer a:hover { color: #fff } #footer .container { position: relative; z-index: 3; padding: 10px 30px } #footer .footer-block { float: left; margin-right: 60px } #footer .footer-logo-block { float: left; margin-right: 30px } #footer .footer-logo-block .footer-logo { display: inline-block } #footer .footer-logo-block .footer-logo img { height: 40px; width: auto } #footer .footer-links-wrap { float: left } #footer .footer-links ul { list-style: none } #footer .footer-links ul li { margin-bottom: 10px } #footer .footer-social { float: left; padding-top: 6px } #footer .footer-menu { display: block; background: #111; padding: 12px 30px } #footer .footer-menu .ulclear { list-style: none; padding: 0 } #footer .footer-menu .ulclear li { float: left; margin-right: 10px } .material-icons.mat-imdb:before { content: "local_activity" } .material-icons.mat-home:before { content: "home" } .material-icons.mat-movie:before { content: "movie" } .material-icons.mat-show:before { content: "live_tv" } .fa-icon-cat { font-size: 16px } .main-wrapper-detail { max-width: 1400px; margin: 0 auto } .detail_page-watch { position: relative } .detail_page-watch .dp-w-cover { position: relative; width: 100%; padding-bottom: 34%; background-size: cover; background-position: 50% 25%; left: 0 } .detail_page-watch .dp-w-cover:before { content: ""; background: rgba(18, 18, 18, .4); position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .detail_page-watch .dp-w-cover:after { content: ""; display: none; position: absolute; left: 0; right: 0; bottom: 0; height: 200px; background: #1f1f1f; background: -moz-linear-gradient(0deg, #1f1f1f 0, rgba(31, 31, 31, .7385154745491946) 34%, rgba(49, 49, 49, 0) 100%); background: -webkit-linear-gradient(0deg, #1f1f1f 0, rgba(31, 31, 31, .7385154745491946) 34%, rgba(49, 49, 49, 0) 100%); background: linear-gradient(0deg, #1f1f1f 0, rgba(31, 31, 31, .7385154745491946) 34%, rgba(49, 49, 49, 0) 100%) } .detail_page-watch .dp-w-cover .dp-w-c-play { background: #fff; color: #111; width: 100px; height: 100px; border-radius: 50%; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; display: inline-block; z-index: 2 } .detail_page-watch .dp-w-cover .dp-w-c-play i { line-height: 100px; font-size: 36px; position: relative } .detail_page-watch .detail_page-infor { font-size: 15px; z-index: 5; position: relative; line-height: 1.5em; font-weight: 400; margin: 30px 0; } .heading-name { font-size: 36px; line-height: 1.3em; margin: 0 0 15px; font-weight: 400 } .dp-i-c-stick { margin-bottom: 15px } .detail_page.detail_page-style .detail_page-watch .detail_page-infor a.btn-light { color: #111 !important } .detail_page .detail_page-watch .detail_page-infor .description { margin-bottom: 15px; line-height: 1.5em } .detail_page-watch .detail_page-infor .dp-i-stats { margin-bottom: 15px } .detail_page .dp-i-c-poster { width: 180px; position: absolute; top: 0; left: 0 } .detail_page .dp-i-c-right { padding-left: 210px; padding-right: 0 } .dp-i-c-right .elements { margin-bottom: 20px } .dp-i-c-right .elements .row-line { margin-bottom: 5px } .btn-xs { font-size: 12px; padding: 2px 4px; line-height: 1em } .btn-xs i { font-size: 12px } .btn-rating { position: relative } .detail_page.detail_page-style .block-rating { margin-top: 15px } .block-rating .rating-result { margin-bottom: 15px } .block-rating .rating-result .rr-mark { margin-bottom: 5px; font-family: arial; font-size: 12px } .detail_page.detail_page-style .block-rating .rating-result .rr-mark { color: #aaa } .block-rating .rating-result .rr-mark span { font-weight: 600; font-size: 16px; margin-right: 5px } .detail_page.detail_page-style .block-rating .rating-result .rr-mark span { color: #fff } .block-rating .rating-result .progress { height: 3px; background: #333 } .block-rating button { width: 48%; border-radius: 4px !important; padding-left: 10px; padding-right: 10px } .film_related .film_list .film_list-wrap .flw-item { width: 15.66% } .watching_player-area { width: 100%; background: #06060c; position: relative; z-index: 98 } .watching_player-area.active { z-index: 104 } .watching_player-area #media-player, .watching_player-area iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important; z-index: 5 } .watching_player-control { background: #000; padding: 10px; color: #ccc } .watching_player-control a { color: #ccc } .watching_player-control .btn { background: 0 0; border: none; color: #eee } .watching_player-control .btn.active { background: rgba(255, 255, 255, .2) !important; color: #ccc !important } #turn-off-light:after { content: "Turn off light" } #turn-off-light.active:after { content: "Turn on light" } #turn-off-light.active { position: relative; z-index: 100; color: #fff !important } #mask-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 103; background: rgba(0, 0, 0, .98); display: none } #mask-overlay.active { display: block } .detail_page-servers { margin-bottom: 30px; padding: 15px; background: rgba(255, 255, 255, .05) } .detail_page-servers .page_tabs { margin-bottom: 15px } .detail_page-servers .dp-s-line { position: relative } .detail_page-servers .dp-s-line .nav .nav-item { margin: 5px 9px 5px 0 } .detail_page-servers .dp-s-line .nav .nav-item .nav-link { border-radius: 2px; background: #333; font-size: 14px; color: #ccc; border: none !important; width: 162px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left } .detail_page-servers .dp-s-line .nav .nav-item .nav-link:hover { color: #fff; background: #36364a } .detail_page-servers .dp-s-line .nav .nav-item .nav-link.active { background: #fff; color: #111 } .detail_page-servers-tabs .dp-s-line { padding-left: 0; padding-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important } .detail_page-servers-tabs .dp-s-line .nav .nav-item .nav-link { width: 182px } .detail_page-servers-tabs .dp-s-line ul.nav { max-height: none !important } .film_tools { display: block } .film_tools .film_tools-item { padding: 10px 0 } .film_tools .film_tools-item .alert { margin-bottom: 0 } #box-share { text-align: center; font-size: 16px; padding-top: 15px; padding-bottom: 30px } #box-share .bs-name { font-size: 20px; font-weight: 600; margin-bottom: 10px } #box-share .btn-light { background: #e2e6ea } .information_page .h2-heading, .information_page .h3-heading, .information_page .h4-heading { font-size: 2em; line-height: 1.3em; margin-bottom: 10px } .information_page .h2-heading { color: #fff } .information_page .h3-heading { font-size: 1.5em } .information_page .h4-heading { font-size: 1.2em } .information_page p { line-height: 1.5em; font-size: 16px; font-weight: 400; margin-bottom: 1em } .prebreadcrumb .breadcrumb { padding: 0; background: 0 0 } .form-control-textarea { max-width: 100%; min-width: 100% } .block_area_boxed { min-height: calc(100vh - 500px) } .block_area_boxed .block_area-header-tabs { border-bottom: none } .block_area_manager .btn-lg { border-radius: 3px; font-size: 16px } .profile-avatar img { height: 120px; width: auto } .notification-list .list-group-item p.mb-1 { font-weight: 400 } .blank_page { width: 100%; height: 100%; overflow: hidden } .container-404 { margin: 200px 0 } .container-404 .c4-big { font-size: 120px; font-weight: 600; color: #ddd; line-height: 1em; margin-bottom: 20px } .container-404 .c4-medium { font-size: 30px; font-weight: 400; line-height: 1.2em; margin-bottom: 10px } .container-404 .c4-small { font-size: 14px; font-weight: 400; line-height: 1.3em; margin-bottom: 30px } .list-group-item { border-color: #444; color: #eaeaff !important } .list-group-item.active { background: #9b1a29 !important; border-color: #9b1a29 !important; color: #eaeaff !important } .list-group-item:hover { background: #3c3c3c !important } .buttons-on-cover { position: absolute; bottom: 0; left: 0; right: 0 } .detail_page .dp-i-c-right { padding-right: 400px } .detail_page .dp-i-c-right .dp-i-c-stick { right: 0; width: 360px; position: absolute; top: 0 } .detail_page .dp-i-c-right .dp-i-c-stick .btn { float: none; width: 100%; margin: 0 0 10px 0 !important; padding: 12px 20px; border-radius: 5px !important } .detail_page .dp-i-c-right .dp-i-c-stick .btn i { font-size: 12px } .ulclear, .ulclear li { list-style: none; margin: 0; padding: 0 } .seasons-list { margin-bottom: 30px; font-size: 1.1em; line-height: 1.2em; background: #222 } .seasons-list .sl-content { padding: 30px } .seasons-list .sl-content .slc-seasons { float: left; width: 18% } .seasons-list .sl-content .slc-ul li { display: block; border-bottom: 1px solid rgba(255, 255, 255, .05); padding: 2px 0 } .seasons-list .sl-content .slc-ul li a { padding: 10px 0; display: block } .seasons-list .sl-content .slc-ul li.active a { color: #ffe400 } .seasons-list .sl-content .slc-seasons .slcs-ul li { display: block; margin: 0 0 5px } .seasons-list .sl-content .slc-seasons .slcs-ul li a { font-weight: 600; padding: 12px 20px; height: 43px; display: block; background: rgba(255, 255, 255, .03); border-radius: 3px } .seasons-list .sl-content .slc-seasons .slcs-ul li.active { border-bottom-color: rgba(255, 255, 255, 0) } .seasons-list .sl-content .slc-seasons .slcs-ul li.active a { background: #9b1a29; color: #fff } .seasons-list .sl-content .sl-title { font-size: 1.4em; line-height: 1em; font-weight: 400; color: #fff; margin-bottom: 20px } .seasons-list .sl-content .sl-title i { font-size: 14px; position: relative; top: -2px } .seasons-list .sl-content .slc-eps { float: left; width: 82%; padding-left: 30px } .seasons-list .sl-content .slc-eps .sl-title { float: left; margin-right: 20px } .seasons-list .sl-content .slc-eps .slce-server { display: inline-block } .seasons-list .sl-content .slc-eps .slce-server ul { border: 1px solid #fff; border-radius: 3px; position: relative; top: -5px; margin-bottom: 0 !important } .seasons-list .sl-content .slc-eps .slce-server ul li a { padding: 8px 10px !important; color: #ccc; font-size: 12px; line-height: 1em; border-radius: 0 !important } .seasons-list .sl-content .slc-eps .slce-server ul li a.active { background: #fff !important; color: #111 !important } .seasons-list .sl-content .slc-eps .slce-server ul li a:hover { border: none !important; margin: 0; color: #fff } .seasons-list .sl-content .slc-eps .slce-list ul { margin-left: -.5%; margin-right: -.5% } .seasons-list .sl-content .slc-eps .slce-list li { margin: 0 .5% 5px; width: 24%; float: left } .seasons-list .sl-content .slc-eps .slce-list .nav-link { border-radius: 3px; height: 43px; background: rgba(255, 255, 255, .03); text-align: left; padding: 12px 10px; color: #ccc; border: none !important; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400 } .seasons-list .sl-content .slc-eps .slce-list .nav-link strong { font-weight: 600 } .seasons-list .sl-content .slc-eps .slce-list .nav-link i { opacity: .3; font-size: 10px; margin-right: 10px !important; position: relative; top: -2px; vertical-align: middle } .seasons-list .sl-content .slc-eps .slce-list .nav-link:hover { background: rgba(255, 255, 255, .1); color: #fff } .seasons-list .sl-content .slc-eps .slce-list .nav-link.active { background: #9b1a29; color: #fff } .seasons-list .sl-content .slc-eps .slce-list .nav-link.active i { opacity: 1 } .watch_page-tv .seasons-list { margin-top: 2px !important; margin-bottom: -5px } .seasons-list-nobg { background: 0 0 !important } .seasons-list-nobg .sl-content { padding: 0 !important } .border-bottom-block { padding-bottom: 30px !important; margin-bottom: 30px !important; border-bottom: 4px solid #333 } .detail_page-servers.border-bottom-block { padding-bottom: 15px !important } .detail_page-servers .dp-s-line .nav { display: block; text-align: center } .detail_page-servers .dp-s-line { position: relative; margin: 1px 0; background: 0 0; overflow: hidden } .detail_page-servers .dp-s-line span.name { position: absolute; top: 30px; left: 25px; font-weight: 600; color: #fff } .detail_page-servers .dp-s-line .nav .nav-item { margin: 5px; display: inline-block } .detail_page-servers .dp-s-line .nav .nav-item .nav-link { border-radius: 2px; background: rgba(255, 255, 255, .05); font-size: 14px; color: #ccc; border: none !important; text-align: center } .detail_page-servers .dp-s-line .nav .nav-item .nav-link:hover { background: #333 } .detail_page-servers .dp-s-line .nav .nav-item .nav-link.active { background: #9b1a29; color: #fff } .noti-list .noti-item { padding: 1rem; background: rgba(255, 255, 255, .05); margin-bottom: 10px; padding-left: 60px; position: relative } .noti-list .noti-item .icon { position: absolute; left: 1rem; top: 50%; margin-top: -12px; opacity: .5; font-size: 20px } .noti-list .noti-item.new .icon { opacity: 1; color: #fd0 } .noti-list .noti-item.new { background: rgba(255, 255, 255, .1) } .noti-list .noti-item .time { font-size: 12px; margin-bottom: 10px } .noti-list .noti-item p { margin-bottom: 0 !important; opacity: .5 } .news-list.news-list-default .news-item { width: 49% } .news-list.news-list-default .news-item .avatar.avatar-solid { width: 24px; height: 24px; font-size: 14px; line-height: 24px } .news-list.news-list-default .news-item .info .name { float: left } .news-list.news-list-default .news-item .info .time { float: right } .news-list.news-list-default .news-item .news-title { font-size: 1.3em } .news-list.news-list-default .news-item .ni-body .news-thumb-2 { width: 200px; height: 100%; position: absolute; bottom: 0; left: 0; right: auto; top: 0; overflow: hidden; display: inline-block } .news-list.news-list-default .news-item .ni-body .news-thumb-2 img { position: absolute; width: 100%; height: 100%; object-fit: cover } .news-list.news-list-default .news-item .ni-body { padding-right: 0; padding-left: 220px; height: 118px; overflow: hidden } .small-page { max-width: 800px } .article-news { font-size: 16px; line-height: 1.5em; font-weight: 400 } .article-news .news-heading { margin: 0 0 20px; font-size: 24px } .article-news .time { opacity: .5; margin-bottom: 10px } .article-news img { max-width: 100% } .server-notice { padding: 5px 0 15px; font-size: 1.1em; line-height: 1.3em; opacity: .8 } .detail_page-servers .dp-s-line .nav .nav-item { width: auto !important; float: none !important } .detail_page-servers .dp-s-line .nav .nav-item .nav-link { width: auto !important; text-align: left !important; position: relative; padding: 10px 20px; border-radius: 5px !important; padding-top: 30px; padding-left: 50px } .detail_page-servers .dp-s-line .nav .nav-item .nav-link span { font-weight: 500 } .detail_page-servers .dp-s-line .nav .nav-item .nav-link span:before { content: "Server"; position: absolute; top: 10px; font-weight: 400; font-size: 13px; opacity: .6 } .detail_page-servers .dp-s-line .nav .nav-item .nav-link i { position: absolute; top: 50%; transform: translateY(-50%); left: 15px } @media screen and (max-width: 480px) { .detail_page-servers .dp-s-line ul.nav { margin: 0 !important } .detail_page-servers .dp-s-line .nav .nav-item { width: 100% !important; margin: 3px 0 !important } .detail_page-servers .dp-s-line .nav .nav-item .nav-link { padding: 12px 20px 12px 50px !important } .detail_page-servers .dp-s-line .nav .nav-item .nav-link i { font-size: 14px } .detail_page-servers .dp-s-line .nav .nav-item .nav-link span:before { position: relative; top: auto; left: auto; margin-right: 6px; font-size: 1em } .server-notice { text-align: left !important; font-size: 1em; padding-top: 0 } .seasons-list-new .sl-content .slc-eps .slce-list li { width: 99% !important; margin-bottom: 5px !important } .seasons-list-new .sl-content { padding: 15px !important } } .seasons-list-new .sl-content { padding-bottom: 0 } .seasons-list-new .sl-content .slc-eps { width: 100% !important; float: none !important; padding: 0 !important } .seasons-list-new .sl-content .slc-eps .slce-list li { width: 19%; margin-bottom: 10px } .seasons-list-new .sl-content .sl-title i { font-size: 14px; top: auto; vertical-align: inherit } .slt-seasons-dropdown { position: relative } .mb-0.border-bottom-block { margin-bottom: 0 !important } .btn-seasons { background: 0 0; color: #fff !important; padding: 5px 0 !important; line-height: 1.1em; box-shadow: none !important } .dropdown-menu-new { padding: 0; border-radius: 10px; overflow: hidden } .dropdown-menu-new .dropdown-item { padding: 12px 20px; font-size: 14px; line-height: 1em; color: #111 } .dropdown-menu-new .dropdown-item:hover { background: #eee } .dropdown-menu-new .dropdown-item.active { background: #9b1a29; color: #fff } @media screen and (max-width: 1299px) { .seasons-list-new .sl-content .slc-eps .slce-list li { width: 24% } } .dropdown-menu-new { max-height: 160px; overflow: auto } .qt-add-fav { position: absolute; top: 15px; right: 15px; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, .1); text-align: center } .qt-add-fav i { line-height: 32px; color: rgba(255, 255, 255, .6) } .qt-add-fav.active { background: #9b1a29 } .qt-add-fav.active i { color: #fff } .pre-qtip-title { padding-right: 40px } .center-social-block { height: 35px; overflow: hidden; text-align: center; margin-bottom: 1.5rem } .ps-container { -ms-touch-action: none; overflow: hidden !important } .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block } .ps-container.ps-in-scrolling { pointer-events: none } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: .9 } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999 } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: .9 } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999 } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 3px; height: 8px } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; bottom: 0; height: 8px } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 3px; width: 6px } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; background-color: #666689; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; right: 0; width: 6px } .ps-container:hover.ps-in-scrolling { pointer-events: none } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: .8 } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999 } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #888; opacity: .8 } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999 } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: .6 } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: .8 } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999 } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #888; opacity: .8 } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999 } .grecaptcha-badge { display: none } .jw-title { display: block !important } .jw-flag-user-inactive .jw-title { display: none !important } .jwplayer { overflow: visible !important } .detail-tags .btn-dtag { background: rgba(255, 255, 255, .05); color: #888; margin-right: 10px; margin-bottom: 10px; font-weight: 300; font-size: 12px } @media screen and (max-width: 1199px) { #watch-iframe { height: 600px !important } #mask-player { height: 600px !important } } @media screen and (max-width: 998px) { #watch-iframe { height: 500px !important } #mask-player { height: 500px !important } } @media screen and (max-width: 759px) { #watch-iframe { height: 400px !important } #mask-player { height: 400px !important } } @media screen and (max-width: 639px) { #watch-iframe { height: 300px !important } #mask-player { height: 300px !important } } .slide-genre-item { color: #fff } #watch-player.jw-error { padding-bottom: 56.25% !important } .news-iframe { width: 100%; padding-bottom: 320px; position: relative } .news-iframe iframe { background: 0 0 !important; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: none !important } @media screen and (max-width: 991px) { .news-iframe { margin: 0 -20px; width: calc(100% + 40px); padding-bottom: 260px } } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-white .swiper-pagination-bullet { background: #fff } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px } .swiper-pagination-progress { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, .5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px } .swiper-container-cube, .swiper-container-flip { overflow: visible } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .detail_page-watch .detail_page-infor .dp-i-stats .item { display: inline-block; margin-bottom: 10px } .detail_page-watch .detail_page-infor .dp-i-stats .item.dot { margin: 3px 10px !important } .detail_page-watch .detail_page-infor .dp-i-stats { margin-bottom: 10px } .dp-i-stats .btn-quality, dp-i-stats .btn-trailer { background: #fff !important; color: #111 !important } .dp-i-c-stick .btn-download, .dp-i-c-stick .btn-fav, .dp-i-c-stick .btn-trailer { background: #fff !important; border: 1px solid #111 !important; color: #111 !important } .dp-i-c-stick .btn-focus, .watch_page .dp-i-c-stick .btn-download { border: 1px solid #9b1a29 !important; background: #9b1a29 !important; color: #fff !important } .watching_player-control .btn-download { color: #f7d200 !important } @media screen and (max-width: 2200px) { .film_list .film_list-wrap .flw-item { width: 15.66% !important } .detail-medium .pre-qtip-description { font-size: 14px; line-height: 1.3em } .film_list .film_list-wrap .flw-item.flw-item-big { min-height: 280px } .film_list .film_list-wrap .flw-item.flw-item-big .film-poster { width: 160px; padding-bottom: 240px } .film_list .film_list-wrap .flw-item.flw-item-big .film-detail { padding-left: 200px } .detail-medium .pre-qtip-line { display: none } .news-items .news-item .news-title { font-size: 1.1em } } @media screen and (max-width: 1599px) { .film_list .film_list-wrap .flw-item { width: 15.66% !important } .detail_page-servers .dp-s-line .nav .nav-item { width: 15.66%; margin-right: 1%; margin-bottom: 5px } .detail_page-servers .dp-s-line .nav .nav-item .nav-link { width: 100% } .news-items .news-item .ni-body .news-thumb { width: auto; margin-left: -20px; margin-right: -20px; height: auto; padding-bottom: 56%; position: relative; margin-bottom: 20px; top: auto; left: auto } .news-items .news-item .ni-body { padding-right: 0 } .topslider .controls .btn { left: 0; border-radius: 0 } .topslider .controls .btn.btn-next { right: 0 } .detail_page .dp-i-c-right { padding-right: 300px } .detail_page .dp-i-c-right .dp-i-c-stick { width: 260px } } @media screen and (max-width: 1399px) { #slider { padding-bottom: 40% } .detail_page-watch .detail_page-infor { font-size: 14px; line-height: 1.3em; } .heading-name { font-size: 30px } .film_related .block_area_category { background: 0 0; padding: 25px 0 30px } #film_comments { padding-top: 0 } .block_area_boxed .block_area-content { padding: 20px } .qtip { display: none !important } .film_related .container { margin: 0 } #wrapper { padding: 0 } .detail_page-servers .dp-s-line .nav .nav-item { width: auto } #sidebar_menu .sidebar_menu-list > .nav-item > .nav-link.with-icon { padding: 12px 15px 12px 45px } #sidebar_menu .sidebar_menu-list > .nav-item > .nav-link.with-icon > i { font-size: 18px; top: 10px; left: 10px } .medium-page { margin: 0 auto 40px } } @media screen and (max-width: 1199px) { .container { width: 100% !important } body { padding-top: 0; padding-left: 0 } #header { height: 106px; position: relative; margin-bottom: 20px; left: auto; top: auto; right: auto } #header_menu ul.header_menu-list { display: none } #header_menu .container:before { display: none } #header_right { top: 10px; right: 15px } #header_right .btn-on-header { border-radius: 0 } #header #search-toggle.active .btn-on-header { background: 0 0; color: #b9090b } body.body-hidden { width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; bottom: 0; right: 0; left: 0 } #mobile_menu { top: 0; height: 60px; line-height: 60px; width: 40px; text-align: center; left: 10px; display: block } #header #logo { margin: 10px 0 10px 50px; height: 40px; top: 0 } #header #logo span { line-height: 40px } #search { top: 60px; left: 0; bottom: auto; width: 100%; margin: 0; background: #282828; padding: 0 10px 10px } #search.active { right: auto; display: block } #search .search-result-pop { top: 46px } #search .search-result-pop .nav-item { padding: 15px } #search .search-result-pop .nav-item .film-poster { width: 40px; padding-bottom: 55px } #search .search-result-pop .nav-item .srp-detail { padding-top: 5px; padding-left: 55px } #search .search-result-pop .nav-item .srp-detail .film-name { height: 16px; line-height: 1.2em; font-size: 14px } #search .search-result-pop .nav-bottom { margin-left: 15px; margin-right: 15px; margin-bottom: 15px } #sidebar_menu.active { left: -300px; z-index: 104 } #sidebar_menu { left: 0; opacity: 1; z-index: 104 } #sidebar_close { display: inline-block; position: absolute; top: 20px; left: 15px; padding: 6px 10px; border: 1px dashed #ececff; opacity: .5 } #sidebar_menu_bg.active { display: block } .seasons-list .sl-content .slc-seasons { width: 23% } .seasons-list .sl-content .slc-eps { width: 77%; padding-left: 20px } .seasons-list .sl-content { padding: 20px } .seasons-list .sl-content .slc-eps .slce-list li { width: 32.33% } .pqd-li { margin-bottom: 5px } .detail_page .dp-i-c-right .dp-i-c-stick { width: 200px } .detail_page .dp-i-c-right { padding-right: 230px } .film_list.topslider .film_list-wrap { margin-left: -15px; margin-right: -15px } .film_list.topslider .film_list-wrap .film-list-ul .flw-item { width: 245px; margin-right: 10px } .film_list.topslider .film_list-wrap .film-list-ul .flw-item:first-of-type { margin-left: 15px !important } .topslider .controls .btn.disabled { opacity: 0 } .topslider .controls .btn { left: -15px; border-radius: 0 } .topslider .controls .btn.btn-next { right: -15px } #sidebar_menu { width: 300px; display: block; } } @media screen and (max-width: 998px) { .film_list .film_list-wrap .flw-item { width: 24% !important; margin-bottom: 15px } #wrapper { padding: 0 } #slider-wrap { margin-left: 0; margin-right: 0 } #header { margin: 0; margin-bottom: 25px; padding-left: 0; padding-right: 0 } #header.header-home { left: 0; right: 0 } #footer { margin: 0 } #slider .slide-caption { display: none } .film_related .container { padding-left: 15px; padding-right: 15px } #main-wrapper { margin-bottom: 40px; min-height: calc(100vh - 225px) } #footer .container { padding: 10px 15px } #footer .footer-menu { padding: 12px 15px; font-size: 12px } #wrapper { padding: 0 } .detail_page-servers .dp-s-line .nav .nav-item { width: 24% } .film_list .film_list-wrap .flw-item.flw-item-big .film-detail { padding: 1rem; position: absolute; bottom: 0; left: 0; right: 0; z-index: 6 } .film_list .film_list-wrap .flw-item.flw-item-big .film-poster { position: relative; top: auto; left: auto; width: 100%; padding-bottom: 150%; margin-bottom: 0 } .film_list .film_list-wrap .flw-item.flw-item-big .film-poster .film-poster-ahref:before { display: none } .film_list .film_list-wrap .flw-item.flw-item-big .film-poster .film-poster-ahref:after { display: none } .film_list .film_list-wrap .flw-item.flw-item-big .film-poster .film-poster-ahref i { display: none } .film_list .film_list-wrap .flw-item.flw-item-big .film-background { position: absolute; height: 65%; top: auto; z-index: 5 } .film-detail.detail-medium .pre-qtip-content .pre-qtip-button .btn-sm { border-radius: 3px !important; width: 100% } .detail-medium .pre-qtip-description { font-size: 13px; opacity: .5; font-weight: 400 } .seasons-list .sl-content .slc-eps .slce-list li { width: 49% } .news-items .news-item { width: 49% } .news-items .news-item .description { display: none } .news-items .news-item .news-title { margin-bottom: 0; height: 40px; overflow: hidden } .detail_page .dp-i-c-poster { width: 120px } .detail_page.detail_page-style .block-rating .btn { float: none !important; width: 100% !important; margin: 0 0 10px !important } .detail_page .dp-i-c-right { padding-left: 140px } .news-list.news-list-default .news-items .news-item .news-title { height: auto } .news-list.news-list-default .news-item .ni-body .news-thumb-2 { width: 140px } .news-list.news-list-default .news-item .ni-body { padding-left: 160px } .film_list.topslider .film_list-wrap .film-list-ul .flw-item { width: 200px !important } .block-rating button { width: 100% !important; margin: 5px 0 !important } } @media screen and (max-width: 759px) { .film_list .film_list-wrap .flw-item { width: 32.33% !important } .block-rating button { float: none !important; width: 100%; margin: 0 0 5px } .detail_page-watch .detail_page-infor .dp-i-stats .item.float-right.ml-3 { display: none } .detail_page-servers .dp-s-line span.name { position: relative; top: auto; left: auto; margin-bottom: 5px; display: inline-block; width: 100% } .block_area_category .block_area-header .bah-setting { display: none } .category_filter .bah-setting-mobile { display: block } #turn-off-light { display: none } .detail_page-servers .dp-s-line { margin-bottom: 0 } .detail_page-servers .dp-s-line span.name { position: relative; top: auto; left: auto; margin-bottom: 10px } .detail_page-servers .dp-s-line ul.nav { margin-left: -1%; margin-right: -1% } .detail_page-servers .dp-s-line ul.nav .nav-item { width: 31.33%; margin: 0 1% 10px; float: left } .detail_page-servers .dp-s-line ul.nav .nav-item .nav-link { width: 100% } .container-404 { margin: 100px 0 } #header { margin-bottom: 20px } .seasons-list .sl-content .slc-seasons { float: none; width: 100%; margin-bottom: 30px; overflow: hidden } .seasons-list .sl-content .slc-seasons .slcs-ul { margin-left: -1%; margin-right: -1% } .seasons-list .sl-content .slc-seasons .slcs-ul li { float: left; width: 120px; margin: 0 1% 10px; text-align: center } .seasons-list .sl-content .slc-seasons .slcs-ul li .badge { display: none } .seasons-list .sl-content .slc-seasons .slcs-ul li a { padding: 10px 12px; height: auto } .seasons-list .sl-content .slc-eps { width: 100%; float: none; padding-left: 0; position: relative } .detail-medium .pre-qtip-description, .detail-medium .pre-qtip-detail { display: none } .detail-medium .pre-qtip-title { font-size: 1.2em } .film_list .film_list-wrap .flw-item.flw-item-big .film-background { height: 45% } .detail_page .dp-i-c-right .dp-i-c-stick { width: auto; margin-left: -1%; margin-right: -1%; position: relative; top: auto; right: auto; left: auto; overflow: hidden } .detail_page .dp-i-c-right .dp-i-c-stick .btn { width: 31.33%; margin: 0 1% 20px !important; float: left !important } .watch_page.detail_page .dp-i-c-right .dp-i-c-stick .btn { width: 48% } .detail_page .dp-i-c-right { padding-right: 0 } .detail_page-watch .detail_page-infor { margin: 20px 0 } .news-list.news-list-default .news-item { width: 99% } .news-list.news-list-default .news-item .ni-body { height: 92px } } @media screen and (max-width: 639px) { .film_list .film_list-wrap .flw-item { width: 49% !important } .pre-tabs .nav-item .nav-link i { display: none } .film_list .film_list-wrap .flw-item .film-detail .film-name { font-size: 14px; max-height: 36px } .header_right-user.logged > .dropdown > .btn-primary { font-size: 0; width: 40px; padding: 0 10px } .header_right-user.logged > .dropdown > .btn-primary i { font-size: 20px; margin-left: 0 !important; line-height: 40px } .bah-filter .btn-in-headcat { font-size: 0; border-radius: 3px !important } .bah-filter .btn-in-headcat i { font-size: 16px; line-height: 26px; margin-right: 0 !important } .viewmore .btn { font-size: 0 } .viewmore .btn i { font-size: 20px } .detail_page-watch .detail_page-infor { padding: 0 20px } .watch_page .dp-i-c-poster { position: relative } .detail_page .dp-i-c-right { padding: 0 } .detail_page-watch .detail_page-infor { min-height: 0 } .detail_page-watch .dp-w-cover .dp-w-c-play { width: 60px; height: 60px; margin-left: -30px; margin-top: -30px } .detail_page-watch .dp-w-cover .dp-w-c-play i { font-size: 20px; line-height: 60px } .detail_page.detail_page-style .dp-i-c-poster { top: -80px; left: 20px; z-index: 2; position: absolute } .detail_page.detail_page-style .block-rating .rating-result .rr-mark { color: #fff } .detail_page.detail_page-style .block-rating .rating-result .rr-mark span { color: #fff } .block-rating .rating-result .progress { background: #fff } .detail_page.detail_page-style .dp-i-c-poster .film-poster { display: none } .detail_page.detail_page-style .dp-i-c-poster .btn { display: none } .detail_page.detail_page-style .dp-i-c-right { padding-right: 0 } .heading-name { font-size: 20px; line-height: 1.4em; font-weight: 500 } .detail_page-watch { margin-left: -15px; margin-right: -15px } .detail_page.detail_page-style .detail_page-watch { margin: 0; padding: 0 } .detail_page.detail_page-style .detail_page-watch .detail_page-infor { padding: 0 } #pc-comment { display: none } .detail_page.detail_page-style .block-rating { margin-top: 15px } .watch_page .dp-i-c-poster { display: block; width: 100% } .watch_page .dp-i-c-poster .film-poster { width: 100px; padding-bottom: 143px; float: left } .watch_page .dp-i-c-poster .block-rating { padding-left: 120px; padding-top: 20px } .watch_page .dp-i-c-poster .block-rating .rating-result .rr-mark { font-size: 16px } .watch_page .dp-i-c-poster .block-rating .rating-result .rr-mark span { font-size: 30px } .watch_page .dp-i-c-right { padding-left: 0; padding-top: 10px; display: inline-block; width: 100% } .pre-pagination { margin: 20px 0 !important } #footer .footer-menu .ulclear li.float-right { display: none } .block_area_boxed .block_area-content { background: 0 0; padding: 20px 0 } .film_list .film_list-wrap .flw-item.flw-item-big { width: 100% !important; margin-bottom: 10px } .film_list .film_list-wrap .flw-item.flw-item-big .film-background { height: auto; top: -30px } .film_list .film_list-wrap .flw-item.flw-item-big .film-poster { position: absolute; top: 10; left: 0; bottom: 0; width: 140px; padding-bottom: 0; height: 100%; z-index: 6 } .film_list .film_list-wrap .flw-item.flw-item-big .film-detail { position: relative; top: auto; left: auto; bottom: auto; right: auto; padding: 1rem; padding-left: 160px } .detail-medium .pre-qtip-description, .detail-medium .pre-qtip-detail { display: block } .section-id-top { margin-bottom: 20px !important; margin-top: 20px !important } .detail_page .dp-i-c-right .dp-i-c-stick .btn:nth-of-type(2) { display: none } .detail_page .dp-i-c-right .dp-i-c-stick .btn { width: 48%; padding-left: 10px; padding-right: 10px } .detail_page-watch .detail_page-infor .dp-i-stats { font-size: 0 } .detail_page-watch .detail_page-infor .dp-i-stats .dot { display: none } .watch_page .detail_page-watch .dp-i-c-right .dp-i-c-stick { display: none } .film_related .block_area_category { padding-top: 0 } .film_list.topslider .film_list-wrap .film-list-ul .flw-item { width: 160px !important } .topslider .controls { display: none } } @media screen and (max-width: 480px) { .swiper-container-horizontal > .swiper-pagination { display: none } #slider { padding-bottom: 50% } .block_area_manager .block_area-header-tabs { display: none } .header_right-user .btn { height: 30px; line-height: 30px; margin: 5px 0; padding: 0 10px } .header_right-user.logged > .dropdown > .btn-primary i { line-height: 30px } .detail_page-watch .detail_page-infor .dp-i-stats i { display: none } #header #logo span { font-size: 16px } .premodal-login .modal-content .modal-body { padding: 20px 20px } .premodal .modal-logo { display: none } .block_area_manager .notification-list .justify-content-between { display: block !important } .block_area_manager .notification-list .justify-content-between small { margin-bottom: 5px; display: inline-block; width: 100% } .block_area_manager .notification-list .list-group-item { box-decoration-break: none } #main-wrapper { margin-bottom: 30px !important } .detail_page-servers .dp-s-line ul.nav .nav-item { width: 48% } .detail_page-servers .dp-s-line ul.nav { max-height: 400px; overflow: auto } .block_area .block_area-header .cat-heading { font-size: 20px !important; margin: 6px 0 } .bah-setting .btn { width: 48%; margin: 1% !important; float: left } .bah-setting-mobile { overflow: hidden } .container-404 { margin: 50px 0 } .container-404 .c4-big { font-size: 80px; line-height: 1em } .container-404 .c4-medium { font-size: 18px; line-height: 1.2em } .container-404 .c4-button .btn { display: block } #footer .footer-menu .ulclear li { margin-right: 0 } .watching .prebreadcrumb { display: none } .seasons-list .sl-content .slc-seasons .slcs-ul li { width: 48%; margin-bottom: 2% } .seasons-list .sl-content .slc-eps .slce-list li { width: 98% } .seasons-list .sl-content .slc-seasons { margin-bottom: 20px } .seasons-list .sl-content .slc-seasons .slcs-ul li a { border: 1px solid transparent } .seasons-list .sl-content .sl-title { margin-bottom: 15px } .seasons-list .sl-content .slc-eps .slce-list .nav-link { height: auto; padding: 10px 15px } .header_right-user .btn-login { font-size: 0; width: 40px !important; padding: 8px 0 !important; text-align: center } .header_right-user .btn-login i { vertical-align: baseline; margin-right: 0 !important; font-size: 20px !important } } @media screen and (max-width: 479px) { .pre-tabs .nav-item .nav-link { font-size: 12px; padding: 0 6px } .block_area .block_area-header-tabs { border-bottom: none; margin-bottom: 10px } .block_area_home .category_filter { margin-top: -10px } .bah-filter .btn-in-headcat i { line-height: 20px } .category_filter .category_filter-content { padding: 10px } .category_filter .category_filter-content .bah-setting i { display: none } .detail_page.detail_page-style .block-rating { display: none } .dp-i-c-stick { overflow: hidden } .dp-i-c-stick .btn:nth-child(1) { width: 49%; margin-right: 1% !important; float: left } .dp-i-c-stick .btn:nth-child(2) { width: 49%; margin-left: 1% !important; float: right } .detail_page-watch .dp-w-cover { padding-bottom: 60% } #suggest .pre-tabs .nav-item .nav-link { margin-right: 0 } #footer .footer-logo-block { display: none } #footer .footer-social { float: none; padding: 0 } #slider { padding-bottom: 60% } .seasons-list .sl-content .slc-eps .slce-server { display: block; margin-bottom: 15px } .seasons-list .sl-content .slc-eps .slce-server ul { top: auto; float: none } .seasons-list .sl-content .slc-eps .sl-title { float: none; font-size: 1.3em; line-height: 1.1em } .seasons-list .sl-content .slc-eps .slce-list ul { max-height: 400px; overflow: auto } .detail-medium .pre-qtip-detail { margin-bottom: 10px; min-height: 70px } .detail-medium .pre-qtip-detail .dot, .detail-medium .pre-qtip-detail .pqd-li { display: none } .detail-medium .pre-qtip-detail .badge { display: inline-block } .detail-medium .pre-qtip-description { display: none } .premodal .category_filter .category_filter-content > .cfc-item { padding-left: 0 } .premodal .category_filter .category_filter-content > .cfc-item .ni-head { position: relative; top: auto; left: auto; margin-bottom: 10px } .premodal .category_filter .category_filter-content > .cfc-item .form-check-inline { width: 120px; margin: 0; font-size: 12px } .premodal-filter .modal-content .modal-body { padding: 0 15px 15px } .premodal-filter .modal-header { padding: 12px 15px !important; text-align: left } .premodal-filter .modal-header .modal-title { text-align: left !important; font-size: 1.5em !important } .prebreadcrumb { display: none } .border-bottom-block { padding-bottom: 20px !important; margin-bottom: 20px !important } .news-list.news-list-default .news-item .ni-body .news-thumb-2 { width: 100px } .news-list.news-list-default .news-item .ni-body { padding-left: 120px } .detail_page-servers .dp-s-line ul.nav .nav-item { width: 98% } .detail_page-servers .dp-s-line ul.nav .nav-item .nav-link { border-radius: 3px !important } .watching_player-control .btn { font-size: 0 } .watching_player-control .btn i { font-size: 28px; margin: 0 !important } .detail_page-watch .detail_page-infor { padding: 0 15px } .watching_player-control .btn { font-size: 0 } .watching_player-control .btn.btn-download { font-size: 14px } .watching_player-control .btn i { font-size: 14px; margin: 0 !important } .watching_player-control .btn.btn-download i { font-size: 14px; margin-right: 5px !important } .text-home-main { padding: 1rem !important } .text-home-main .thm-icon { display: none } } @media screen and (max-width: 320px) { .detail_page-servers .dp-s-line ul.nav .nav-item { margin-bottom: 5px } .news-list.news-list-default .news-item .news-title { font-size: 1.1em } } .premodal-share .modal-content { background: #fff; color: #111; border-radius: 0 } .premodal-share.modalshare-1 .modal-content .modal-header { background-image: url(../../../images/modal_share/01.png); height: 250px; width: 100%; background-size: cover; background-position: 50% 25% } .premodal-share .modal-content .modal-body { padding: 15px 20px } .premodal-share .modal-content .close { background: #fff; color: #111 } .premodal-share.modalshare-2 .modal-content { background: #4461bc url(../../../images/modal_share/02-bg.jpg) top center no-repeat; color: #fff; border-radius: 20px } .premodal-share.modalshare-2 .modal-content .modal-header { height: 180px; position: relative } .premodal-share.modalshare-2 .modal-content .modalshare-icon { width: 300px; height: 270px; position: absolute; left: 50%; margin-left: -150px; bottom: 0; background-image: url(../../../images/modal_share/02.png); background-size: cover; background-position: 50% 25% } .premodal-share.modalshare-3 .modal-content { background: #e8ddff url(../../../images/modal_share/03-bg.jpg) top center no-repeat; color: #111; border-radius: 20px } .premodal-share.modalshare-2.modalshare-3 .modal-content .modalshare-icon { background-image: url(../../../images/modal_share/03.png) } .premodal-share.modalshare-4 .modal-content { background: #fff; color: #111 } .premodal-share.modalshare-1.modalshare-4 .modal-content .modal-header { background-image: url(../../../images/modal_share/04.png); height: 250px; width: 100%; background-size: cover; background-position: 50% 25% } .premodal-share.modalshare-4 .modal-title { color: #007dfe } @media screen and (max-width: 500px) { .premodal .modal-content .close { right: 5px } .premodal-share.modalshare-2 .modal-content .modal-header { height: 120px } .premodal-share.modalshare-2 .modal-content .modalshare-icon { width: 200px; height: 180px; margin-left: -100px } } .md-share-03 .modal-content { border-radius: 20px !important; font-size: 14px; background: #fff !important; color: #111 !important; padding: 20px !important; box-shadow: 0 20px 20px rgba(0, 0, 0, .1) !important; border: none !important } .md-share-03 .msc-decor { display: block; margin: -20px -20px 0; width: auto } .md-share-03 .msc-decor-image { width: 100%; padding-bottom: 50%; position: relative; display: block; border-radius: 18px 18px 0 0; overflow: hidden } .md-share-03 .msc-decor-image img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover } .md-share-03 .text-close { padding: 30px 0 10px; font-size: 12px; text-decoration: underline; color: #888; cursor: pointer } .modal-backdrop.show { background: #01060f !important; opacity: .8 !important } .seasons-list .sl-content .slc-eps .slce-server ul li a { white-space: nowrap } .seasons-list .sl-content .slc-seasons .slcs-ul li a { position: relative; padding-right: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .seasons-list .sl-content .slc-seasons .slcs-ul li a .float-right { position: absolute; right: 20px; top: 12px } @media screen and (max-width: 759px) { .seasons-list .sl-content .slc-seasons .slcs-ul li { width: auto !important; margin-bottom: 10px !important } }