@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);
@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html {
    position: relative;
}

body {
    background: #fff;
    font-family: Montserrat, Arial;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: none;
}

a {
    text-decoration: none !important;
    outline: 0;
    -moz-outline: none;
    color: #fff;
}

a:hover {
    color: #f5c518;
}

.btn-sm {
    font-size: 12px;
}

.btn-radius {
    border-radius: 30px;
}

.btn-radius-more {
    border-radius: 10px;
}

.btn-circle {
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    border-radius: 50%;
    border: none !important;
}

.dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    margin: 3px 5px;
}

.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,
#sidebar_menu,
.film-poster-ahref i,
.film-poster-ahref:after,
.film-poster-ahref:before,
.film-poster-img,
.search-content input.search-input {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

#header,
.cast-list .cast-item,
.film-poster-ahref:after,
.seasons-list-wrap,
.watching_player-control * {
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
}

.block_area,
.film-poster,
.nav-item,
.nav-item > a,
.search-content input.search-input {
    position: relative;
}

.film-poster {
    width: 100%;
    padding-bottom: 150%;
    position: relative;
    overflow: hidden;
    border-radius: 0;
}
.film-poster::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.35);
    transition: all 0.5s ease-out;
    opacity: 0;
}
.film_list .film_list-wrap .flw-item:hover .film-poster::after,
.flw-item:hover .film-poster::after {
    opacity: 1;
}

.film-poster .film-poster-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.75em;
}

.azblock {
    margin-bottom: 25px;
}

.ulclear.azList li {
    float: left;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.ulclear.azList li:last-of-type {
    margin-right: 0;
}

.ulclear.azList li a {
    display: inline-block;
    padding: 6px 6px;
    width: 42px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    border-radius: 20px;
}

body.body-hidden {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#wrapper {
    width: 100%;
    position: relative;
}

#header {
    background: #121212;
}

#header {
    height: 60px;
    padding: 0;
    margin-bottom: 25px;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
}

#header .container {
    position: relative;
}

#header #logo {
    display: inline-block;
    height: 40px;
    margin: 13px 30px 13px 0;
    float: left;
}

#header #logo img {
    height: 100%;
    width: auto;
    margin-right: 5px;
    float: left;
}

#header #logo span {
    line-height: 34px;
    font-size: 20px;
    font-weight: 600;
}

#header_browser {
    float: left;
    height: 34px;
    margin: 13px 10px 13px 0;
}

.header-btn {
    height: 34px;
    line-height: 34px;
    display: inline-block;
    padding: 0 12px;
    border-radius: 3px;
    background: #404757;
    font-size: 0.9em;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}

#mobile_menu,
#mobile_search {
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 60px;
    left: auto;
    z-index: 4;
    display: none;
}

#mobile_menu,
#mobile_search i {
    margin: 0;
    font-size: 18px;
}

#header_menu {
    height: 60px;
    margin: 0;
    float: left;
}

#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 5px 0 0;
    position: relative;
}

#header_menu ul.header_menu-list .nav-item > a {
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#header_menu .header_menu-sub {
    position: absolute;
    top: 60px;
    left: 0;
    width: 700px;
    z-index: 102;
    background: #eee;
}

#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;
    line-height: 30px;
    padding: 0 10px;
    display: block;
    font-size: 15px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#header_right {
    position: initial;
    top: 13px;
    bottom: 13px;
    right: 15px;
}

#header_right #search-toggle {
    display: inline-block;
}

#header.active {
    z-index: 102;
}

#header.hide {
    top: -80px;
}

#search {
    width: calc(100% - 700px);
    margin: 12px 10px 12px 0;
    position: relative;
    float: left;
}

#header_login {
    display: flex;
    list-style: none;
}

#header-fav {
    float: left;
    margin-right: 10px;
    margin-top: 13px;
}

#header-fav .header-btn {
    background: 0 0;
}

.search-content {
    position: relative;
}

.search-content input.search-input {
    height: 34px;
    padding-left: 45px;
    font-size: 14px;
    font-weight: 300;
    border-radius: 3px;
    border: none !important;
    box-shadow: none !important;
}

.search-content .search-icon,
.search-content .search-submit {
    width: 34px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    color: #000;
}

.search-content .search-submit {
    left: auto;
    right: 0;
    display: none;
}

.search-content .search-submit i {
    line-height: 34px;
    font-size: 20px;
}

.search-content .search-content {
    position: relative;
}

.search-content .search-result-pop {
    position: absolute;
    left: auto;
    top: 40px;
    right: 0;
    z-index: 6;
    list-style: none;
    display: none;
}

.search-content .search-result-pop.active {
    display: block;
}

.search-content .search-result-pop .nav-item {
    display: block;
    text-align: left;
    padding: 10px;
    width: 100%;
    cursor: pointer;
}

.search-content .search-result-pop .nav-item .film-poster {
    float: left;
    width: 50px;
    padding-bottom: 70px;
}

.search-content .search-result-pop .nav-item .srp-detail {
    padding-left: 65px;
    padding-top: 0.7rem;
    font-size: 12px;
}

.search-content .search-result-pop .nav-item .srp-detail .film-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2em;
    max-width: 100%;
    margin-bottom: 8px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-content .search-result-pop .nav-bottom {
    padding: 15px;
    font-size: 16px;
    text-align: center;
    border-bottom: none !important;
}

.sht-heading {
    font-size: 2.2em;
    font-weight: 300;
    margin: 0 0 30px;
}

.sht-heading strong {
    font-weight: 600;
}

#main-wrapper {
    margin-bottom: 40px;
    min-height: calc(100vh - 290px);
    padding-top: 80px;
}

.bah-setting .btn,
.btn-in-headcat {
    margin: 4px 0;
}

#suggest {
    margin-bottom: 30px;
}

.information_page .container {
    max-width: 1320px;
}

.information_page .container .contact-page {
    max-width: 600px;
    margin: 0 auto;
}

.new-form .form-control {
    border: none;
    border-radius: 0;
    background: #292c34;
    color: #aaa;
    font-size: 14px;
    padding: 8px 15px;
    min-height: 50px;
    box-shadow: none !important;
}

.new-form .form-control:focus,
.new-form .form-control:hover {
    background: #404757;
}

.new-form .form-group {
    margin-bottom: 30px;
}

.premodal {
    font-size: 14px;
}

.premodal-large .modal-dialog {
    max-width: 620px;
}

.premodal-large .modal-dialog .modal-content {
    border-radius: 20px;
}

.premodal .btn-sm.btn-filter-item {
    min-width: 50px;
    font-size: 12px;
    line-height: 1em;
    padding: 8px 11px;
    float: left;
    margin: 3px 6px 3px 0;
}

.category_filter .category_filter-content .cfc-item {
    display: block;
    padding: 15px 0;
    width: 100%;
    position: relative;
}

.category_filter .category_filter-content .cfc-item .ni-head {
    font-size: 1em;
    font-weight: 600;
    display: block;
    margin-bottom: 7px;
}

.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: 10px 20px;
}

.category_filter .category_filter-content .cfc-button {
    border-bottom: none !important;
}

.category_filter .bah-setting-mobile {
    margin-bottom: 15px;
    display: none;
}

.category_filter .bah-setting-searchpage {
    display: block;
}

.block_area {
    display: block;
    margin-bottom: 40px;
}

.block_area.block_area_category {
    padding-top: 20px;
}

.block_area.block_area_category .block_area-header {
    margin-bottom: 30px;
}

.block_area .block_area-header {
    margin-bottom: 20px;
    display: block;
    width: 100%;
}

.block_area .block_area-header .cat-heading {
    font-size: 22px !important;
    line-height: 1.2em;
    font-weight: 600;
    padding: 0;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    border-left: 4px solid #fff;
    padding-left: 15px;
}

.block_area .block_area-header .viewmore .btn {
    padding: 0;
    height: 26px;
    width: 26px;
    line-height: 26px;
    border-radius: 50%;
    font-size: 24px;
}

.block_area .block_area-header-tabs {
    margin-bottom: 20px;
}

.block_area .block_area-header-tabs .pre-tabs {
    border-bottom: none;
}

.bah-bottom {
    display: block;
    clear: both;
    margin-top: 10px;
    color: #aaa;
}

.block_area_home .category_filter {
    margin-top: -10px;
}

.block_area_home .btn-in-headcat {
    margin: 2px 0;
}

.pre-tabs .nav-item {
    font-size: 16px;
    font-weight: 400;
    margin-right: 5px;
}

.pre-tabs .nav-item .nav-link {
    padding: 9px 15px;
    line-height: 1.1em;
    font-size: 14px;
    background: 0 0;
    border: none;
    border-radius: 20px;
}

.pre-tabs.model-tabs .nav-item {
    margin: 0 !important;
}

.pre-tabs.model-tabs .nav-item .nav-link {
    padding: 6px 10px;
    border-radius: 0;
}

.pre-tabs.model-tabs .nav-item:last-of-type {
    border-radius: 0 20px 20px 0;
    overflow: hidden;
}

.pre-tabs.model-tabs .nav-item:first-of-type {
    border-radius: 20px 0 0 20px;
    overflow: hidden;
}

.block_area-header-tabs .bah-tabs {
    margin-left: 20px;
}

.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 -0.75%;
}

.film_list .film_list-wrap .flw-item {
    width: 15%;
    margin: 0 0.75% 30px;
    float: left;
    position: relative;
}

.film_list-grid-big .film_list-wrap .flw-item {
    width: 15.66%;
}

.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 .pick {
    position: absolute;
    z-index: 5;
    top: 10px;
    right: 10px;
    font-size: 14px;
    font-family: arial;
    font-weight: 600;
    display: inline-block;
    padding: 3px 4px;
    border-radius: 4px;
}

.flw-item .pick.film-poster-tvseries {
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 6px 10px;
    text-align: center;
    border-radius: 0;
}

.flw-item .pick.film-poster-eps {
    right: auto;
    left: 10px;
}

.flw-item .pick.film-remove-fav {
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    border-radius: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    cursor: pointer;
}

.flw-item .pick.film-remove-fav i {
    line-height: 1em;
    overflow: hidden;
}

.flw-item .film-detail {
    font-size: 0.9em;
    text-align: left;
    padding: 10px;
    z-index: 2;
}

.flw-item .film-detail .film-name {
    font-size: 13px;
    line-height: 1.3em;
    margin: 0;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.flw-item .film-detail .fd-infor {
    font-weight: 300;
    color: #aaa;
    height: 17px;
    overflow: hidden;
    margin-bottom: 5px;
}

.flw-item .film-detail .fd-infor .fdi-item {
    margin-right: 10px;
}

.flw-item .film-detail .fd-infor .fdi-item:last-of-type {
    margin-right: 0;
}

.flw-item .film-detail .fd-infor .fdi-item strong {
    font-weight: 600;
}

.flw-item .film-detail .fd-infor .fdi-item i {
    font-size: 10px;
    position: relative;
    top: -1px;
}

.flw-item .film-detail .fd-btn {
    margin-top: 10px;
}

.flw-item .film-detail .fd-btn .btn-sm {
    font-size: 12px;
    float: left;
}

.flw-item .film-detail .fd-btn .btn-sm i {
    font-size: 10px;
    top: -1px;
    position: relative;
}

.flw-item .film-detail .fd-btn .btn-fav {
    width: 28px;
    padding-left: 5px;
    padding-right: 5px;
    float: right;
}

.flw-item .film-detail .fd-btn .btn-play {
    width: 100%;
}

.flw-more {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(64, 71, 87, 0.98);
    z-index: 9;
}

.flw-more .more-button {
    display: inline-block;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.flw-more .more-button i {
    font-size: 50px;
    margin-bottom: 30px;
}

.pre-pagination .pagination .page-item {
    margin: 3px;
}

.pre-pagination .pagination .page-item .page-link {
    border-radius: 0px;
    padding: 0 5px;
    line-height: 30px;
    height: 30px;
    min-width: 30px;
    text-align: center;
    border: 1px solid #405266;
    font-weight: 400;
    line-height: 1em;
}

.pre-pagination .pagination .page-item.active .page-link {
    cursor: default;
}

.pre-pagination .pagination-lg .page-item .page-link {
    line-height: 33px;
    min-width: 33px;
    height: 33px;
    font-size: 16px;
}

#top_slider,
.detail-actor .detail-actor-content {
    padding-right: 38%;
    position: relative;
    background: #2f3441;
    background: -moz-linear-gradient(0deg, rgba(47, 52, 65, 0) 0, #2f3441 100%);
    background: -webkit-linear-gradient(
        0deg,
        rgba(47, 52, 65, 0) 0,
        #2f3441 100%
    );
    background: linear-gradient(0deg, rgba(47, 52, 65, 0) 0, #2f3441 100%);
}

.basic-film-list .basic-item {
    display: block;
    padding: 30px;
    padding-top: 0;
    position: relative;
}

.basic-film-list .basic-item .film-poster {
    width: 100px;
    padding-bottom: 150px;
    position: absolute;
    top: 00px;
    left: 30px;
}

.basic-film-list .basic-item .film-detail {
    padding-left: 130px;
    font-size: 12px;
}

.basic-film-list .basic-item .film-detail .fd-infor .fdi-item {
    margin-right: 15px;
}

.basic-film-list .basic-item .film-detail .fd-infor .fdi-item i {
    font-size: 10px;
    position: relative;
    top: -1px;
}

.basic-film-list .basic-item .film-detail .fd-infor {
    margin-bottom: 10px;
}

.basic-film-list .basic-item .film-detail .film-name {
    font-size: 16px;
    line-height: 1.4em;
}

.basic-film-list .basic-item .film-detail .sc-desc {
    font-size: 11px;
    line-height: 1.6em;
    font-weight: 300;
    color: #aaa;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.basic-film-list .basic-item .film-detail .fd-btn .btn {
    font-size: 12px;
    margin-right: 5px;
}

.basic-film-list .basic-item .film-detail .fd-btn .btn i {
    font-size: 10px;
    position: relative;
    top: -1px;
}

.ts_sb {
    width: 38%;
    position: absolute;
    right: 0;
    top: 0;
}

.ts_sb .basic-film-list {
    padding-top: 35px;
}

.ts_sb .basic-film-list .basic-item {
    padding: 20px 20px 15px;
    padding-top: 0;
    margin-bottom: 5px;
}

.ts_sb .basic-film-list .basic-item .film-detail {
    padding-left: 120px;
    min-height: 140px;
}

.ts_sb .basic-film-list .basic-item .film-detail .film-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}

.ts_sb .basic-film-list .basic-item .film-poster {
    left: 20px;
    padding-bottom: 140px;
}

.with-social .ts_sb {
    right: 100px;
    width: calc(38% - 100px);
}

.ts-social {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(30, 33, 41, 0.5);
    width: 100px;
    text-align: center;
    padding-top: 30px;
}

.ts-social .tss-head {
    font-size: 12px;
    margin-bottom: 20px;
}

.ts-social .ts-social-list li {
    margin: 20px 0;
}

.ts-social .btn-social {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}

.with-social .ts-social {
    display: block;
}

.with-social .ts-social .tss-box {
    width: 55px;
    margin: 0 auto;
}

.with-social .ts-social .tss-box .at-style-responsive .at-share-btn {
    margin-bottom: 15px;
    transform: scale(0.9);
}

.modal-backdrop.show {
    opacity: 0.9;
}

.premodal .modal-content {
    border-radius: 0;
    border: none;
    border-radius: 30px;
}

.premodal-trailer .modal-content {
    background: #000;
    border-radius: 0;
}

.premodal .modal-content .modal-header {
    border-bottom: 0;
    border-radius: 0;
    padding: 20px;
    position: relative;
    display: block;
}

.premodal .modal-content .modal-header .modal-title {
    text-align: center;
    font-weight: 600;
    font-size: 2em;
    line-height: 1.4em;
}

.premodal .modal-content .close {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    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;
}

.premodal .modal-content .modal-body {
    padding: 20px 30px;
}

.premodal-login .modal-content .modal-body {
    padding: 0 40px 40px;
}

.premodal-login .modal-content .modal-header {
    padding: 30px 40px;
}

.premodal-login .modal-content {
    min-height: 350px;
}

.premodal-login .modal-dialog {
    max-width: 440px;
}

.premodal-login .modal-web-cover {
    top: 0;
    left: -5px;
    width: 355px;
    bottom: 0;
    border-radius: 30px 0 0 30px;
    overflow: hidden;
}

.premodal-login .tab-content {
    position: relative;
    z-index: 5;
}

.premodal-filter .modal-content .modal-header {
    padding-bottom: 0;
}

.modal-web-cover {
    position: absolute;
}

.modal-web-cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%);
}

.modal-web-cover:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal-login-tabs {
    position: absolute;
    width: 220px;
    right: -130px;
    transform: rotate(90deg);
    top: 40%;
}

.modal-login-tabs .mlt-item {
    float: left;
    width: 100px;
    margin: 0 5px;
}

.modal-login-tabs .mlt-item .btn {
    display: block;
    width: 100%;
    border-radius: 6px 6px 0 0;
    box-shadow: none;
    height: 40px;
}

.premodal-trailer .modal-content .modal-body {
    padding: 5px !important;
}

.premodal-trailer .modal-dialog {
    max-width: 800px;
}

.premodal .modal-content .modal-footer {
    padding: 30px;
    display: block;
    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: 0.5;
    font-weight: 400;
    letter-spacing: 1px;
}

.preform .custom-control-label {
    line-height: 1.5rem;
}

.text-forgot {
    line-height: 1.5rem;
}

.link-highlight {
    cursor: pointer;
}

.premodal .modal-logo {
    margin-top: -10px;
}

.premodal .alert {
    font-size: 13px;
    line-height: 1.4em;
    border-radius: 0;
}

.premodal .btn {
    padding: 0.5rem 0.75rem;
}

.model-form.preform .form-group {
    position: relative;
}

.model-form.preform .form-group .form-control {
    border-radius: 10px;
    padding: 15px 25px 10px;
    height: auto;
    box-shadow: none !important;
}

.model-form.preform .form-group .prelabel {
    position: absolute;
    top: -12px;
    left: 15px;
    padding: 6px 10px;
    display: inline-block;
    z-index: 3;
    opacity: 1;
    font-weight: 400;
    text-transform: unset;
}

.model-form.preform .btn-radius-more {
    padding: 12px 20px;
}

.model-form.preform .login-btn {
    margin-top: 30px;
    margin-bottom: 0;
}

#sidebar_menu_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: none;
}

#sidebar_menu_bg.active {
    display: block;
}

#sidebar_menu {
    position: fixed;
    z-index: 101;
    left: -400px;
    opacity: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    width: 300px;
    padding: 20px;
    border-radius: 0;
}

#sidebar_menu.active {
    left: 0;
    opacity: 1;
}

#sidebar_menu .toggle-sidebar {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

#sidebar_menu .sidebar_menu-list {
    font-size: 14px;
    margin-top: 60px;
}

#sidebar_menu .sidebar_menu-list > .nav-item {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    padding: 5px 0;
}

#sidebar_menu .sidebar_menu-list > .nav-item.active:before {
    content: "";
    width: 3px;
    height: 22px;
    background: #00acc1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
}

#sidebar_menu .sidebar_menu-list > .nav-item.spacing {
    height: 10px;
}

#sidebar_menu .sidebar_menu-list > .nav-item > .nav-link-main {
    font-size: 14px !important;
}

#sidebar_menu .sidebar_menu-list > .nav-item .nl-icon {
    display: inline-block;
    float: left;
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

#sidebar_menu .sidebar_menu-list > .nav-item > .nav-link {
    display: block;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
}

#sidebar_menu .sidebar_menu-list > .nav-item > .nav-link-sub {
    font-weight: 300;
    text-transform: uppercase;
    color: #666 !important;
    letter-spacing: 2px;
}

#sidebar_menu .sidebar_menu-list > .nav-item > .toggle-submenu {
    position: absolute;
    top: -3px;
    right: -10px;
    padding: 3px 10px;
    z-index: 3;
    cursor: pointer;
}

#sidebar_menu .sidebar_menu-list > .nav-item .nav {
    margin-bottom: 20px;
    margin-top: 20px;
}

#sidebar_menu .sidebar_menu-list > .nav-item .nav > .nav-item {
    display: block;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
}

#sidebar_menu .sidebar_menu-list > .nav-item .nav > .nav-item > .nav-link {
    font-size: 11px;
    padding: 4px 8px;
    border: 1px solid #222;
    border-radius: 6px;
}

#sidebar_menu .nav-item-more .btn {
    padding: 8px 12px;
    border-radius: 6px;
}

.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.loading .spiner {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    display: inline-block;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loading > div {
    width: 18px;
    height: 18px;
    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: -0.32s;
    animation-delay: -0.32s;
}

.loading .span2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.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;
}

.search-result-pop .loading-relative {
    min-height: 160px;
}

.bah-filter .btn-in-headcat {
    border-radius: 3px;
    font-size: 14px;
    line-height: 1em;
    padding: 7px 10px;
    margin: 5px 0 0;
    border: none;
}

.bah-filter .btn-in-headcat i {
    font-size: 12px;
}

#footer {
    position: relative;
}

#footer .container {
    position: relative;
    z-index: 3;
    text-align: center;
}

#footer .footer-links {
    margin-bottom: 10px;
}

#footer .footer-links ul {
    padding: 0;
}

#footer .footer-links ul li {
    display: inline-block;
    margin: 10px 20px;
}

#footer .footer-links ul li a {
    color: #fff;
}

#footer-about {
    padding: 0 0 40px;
}

#footer-about .about-text {
    max-width: 800px;
    text-align: center;
    margin: 0 auto 20px;
    line-height: 1.6em;
    font-size: 12px;
}

#footer-about .copyright {
    text-align: center;
    margin-bottom: 0 !important;
    font-size: 12px;
}

.footer-social {
    margin-bottom: 10px;
}

.footer-social .btn-circle {
    margin: 10px;
}

.footer-social .btn-circle i {
    font-size: 20px;
}

.fa-icon-cat {
    font-size: 16px;
}

.detail_page {
    position: relative;
    background: rgba(19, 21, 26);
    margin-top: -20px;
    margin-bottom: 40px;
}

.detail_page .cover_follow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50% 25%;
    background-size: cover;
    opacity: 0.3;
}

.detail_page .detail-container.active .cover_follow {
    opacity: 0.2;
    filter: grayscale(100%);
}

.detail_page .cover_follow:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 200px;
    background: #13151a;
    background: -moz-linear-gradient(0deg, #13151a 0, rgba(19, 21, 26, 0) 100%);
    background: -webkit-linear-gradient(
        0deg,
        #13151a 0,
        rgba(19, 21, 26, 0) 100%
    );
    background: linear-gradient(0deg, #13151a 0, rgba(19, 21, 26, 0) 100%);
}

.detail_page.detail_page-tv .cover_follow:before {
    top: 100px;
}

.detail_page-infor {
    z-index: 5;
    position: relative;
    font-size: 12px;
    line-height: 1.4em;
    font-weight: 300;
    color: #fff;
    max-width: 1600px;
    margin: 0 auto;
}

.detail_page-infor a {
    color: #fff;
}

.detail_page-infor .description {
    line-height: 1.6em;
    margin-bottom: 15px;
}

.heading-name {
    font-size: 2.5em;
    line-height: 1.3em;
    margin: 0 0 15px;
    font-weight: 300;
}

.detail_page-infor .heading-name {
    font-size: 2em;
    line-height: 1.4em;
    font-weight: 400;
    margin-bottom: 15px;
}

.detail_page-infor .dp-i-content {
    min-height: 380px;
}

.detail_page-infor .dp-i-content.seprate-section {
    min-height: 150px;
}

.detail-container.active .detail_page-infor .dp-i-content {
    min-height: 270px;
}

.detail_page-infor .heading-name span {
    font-weight: 400;
    opacity: 0.8;
}

.detail_page-media {
    background: #0d0e11;
    position: relative;
    padding-top: 70px;
    padding-bottom: 50px;
}

.detail_page-media .container {
    max-width: 1190px;
    width: 100%;
}

.seasons-list {
    margin: 40px 0 0;
    padding-top: 30px;
}

.seasons-list-wrap {
    position: relative;
}

.mw-detail-wrap {
    opacity: 0;
    animation: seasons-show 0.6s forwards;
    animation-delay: 0.6s;
}

@keyframes seasons-show {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.seasons-list-watch {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0;
}

.seasons-list-detail .slce-list {
    margin: 0 -1%;
}

.seasons-list-detail .slce-list ul li.nav-item {
    display: block;
    width: 31.33%;
    float: none;
    margin: 0 1% 10px;
}

.seasons-list-detail .slce-list ul li.nav-item .btn {
    text-align: left;
    background: #111 !important;
    border: none !important;
    border-radius: 0;
    position: relative;
    padding-left: 40px;
    padding-right: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.seasons-list-detail .slce-list ul li.nav-item .btn i {
    font-size: 10px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.seasons-list-detail .slce-list ul li.nav-item .btn strong {
    display: block;
}

.seasons-list-sort {
    position: relative;
    margin-bottom: 20px;
}

.seasons-list-sort .ssc-button {
    display: inline-block;
}

.fa-small {
    font-size: 10px;
    position: relative;
    top: -1px;
}

.dp-i-c-stick {
    margin-bottom: 25px;
}

.dp-i-c-stick .btn {
    border: none !important;
}

.dp-i-c-stick .btn i {
    font-size: 0.8em;
}

.dp-i-c-stick .btn-primary {
    background: #fff !important;
    color: #473e77 !important;
    font-weight: 600;
}

.detail_page .dp-i-c-poster {
    width: 260px;
    position: absolute;
    top: 10px;
    left: 0;
}

.detail_page .dp-i-c-poster .film-poster {
    margin-bottom: 0 !important;
    box-shadow: 0 30px 30px rgba(00, 00, 00, 0.5);
    border-radius: 0;
    padding-bottom: 148%;
}

.detail_page .dp-i-c-right {
    padding-left: 320px;
    padding-right: 0;
}

.dp-i-c-right .elements {
    margin-bottom: 15px;
}

.dp-i-c-right .elements .row-line {
    margin-bottom: 5px;
}

.dp-i-c-right strong {
    font-weight: 500;
}

.btn-des-more {
    font-size: 0.9em;
    margin: 0;
    line-height: 1em;
    padding: 0;
    color: #fff !important;
}

.btn-des-more i {
    font-size: 0.9em;
}

.film-stats {
    margin-bottom: 20px;
}

.film-stats .fs-item {
    float: left;
    margin-right: 10px;
}

.film-stats .fs-item a {
    cursor: pointer;
}

.film-stats .dot {
    background: #fff;
}

.film-stats .quality {
    font-weight: 400;
    padding: 6px 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 30px;
}

.film-stats .quality strong {
    font-weight: 700;
}

.film-stats .imdb {
    color: #ffd800;
    font-weight: 500;
}

.film-servers {
    display: block;
    margin-bottom: 20px;
}

.film-servers .fss-list li {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.film-servers .fss-list li .btn-play {
    padding: 8px 15px;
    text-align: left;
    font-size: 14px;
    background: #fff !important;
    color: #111 !important;
    min-width: 140px;
    position: relative;
    padding-left: 50px;
}

.film-servers .fss-list li .btn-play i {
    font-size: 2em;
    position: absolute;
    left: 10px;
    top: 15px;
    color: #473e77;
}

.film-servers .fss-list li .btn-play span {
    display: block;
    font-weight: 500;
}

.film-servers .fss-list li.active .btn-play,
.film-servers .fss-list li.suggest .btn-play {
    background: #fffe00 !important;
    color: #111 !important;
    position: relative;
}

.film-servers .fss-list li.active .btn-play:before,
.film-servers .fss-list li.suggest .btn-play:before {
    content: "Suggest";
    font-size: 11px;
    line-height: 1em;
    padding: 3px 6px;
    background: #fff;
    display: inline-block;
    border-radius: 20px;
    position: absolute;
    top: -10px;
    right: -3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.film-servers .fss-list li.active .btn-play:before {
    content: "On air";
}

.film-servers .fss-list li.active .btn-play i,
.film-servers .fss-list li.suggest .btn-play i {
    color: #111 !important;
}

.film-servers-watch .fss-list li {
    float: none;
    display: inline-block;
    margin: 10px;
}

.film-servers-watch .fss-list {
    text-align: center;
    padding-bottom: 30px;
}

.latest-eps {
    margin-bottom: 20px;
    font-weight: 400;
    color: #fff;
}

.latest-eps a {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    margin-right: 10px;
}

.section-browse {
    background: #292c34;
    margin-bottom: 40px;
    text-align: center;
    padding: 40px 30px;
    border-radius: 10px;
}

.detail-tools {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 0 10px 10px 0;
    z-index: 90;
}

.detail-tools .dtc-item {
    position: relative;
}

.detail-tools .dtc-item:last-of-type .btn-item {
    border-radius: 0 0 10px 0;
    overflow: hidden;
}

.detail-tools .dtc-item:first-of-type .btn-item {
    border-radius: 0 10px 0 0;
    overflow: hidden;
}

.detail-tools .dtc-item .btn-item {
    color: #aaa;
    min-width: 70px;
    width: 100%;
    display: block;
    font-size: 11px;
    padding: 10px;
    border-radius: 0;
    box-shadow: none !important;
}

.detail-tools .dtc-item .btn-item:hover {
    background: rgba(255, 255, 255, 0.15);
}

.detail-tools .dtc-item .btn-item.active i.fas {
    color: #00acc1;
}

.detail-tools .dtc-item .btn-item i.fas {
    display: block;
    margin-bottom: 5px;
    font-size: 1.2em;
}

.detail-tools .dtc-item .btn-item .dtc-mark {
    display: block;
    font-weight: 700;
    font-size: 2.2em;
    line-height: 1em;
    margin-bottom: 5px;
    font-style: normal;
    color: #00acc1;
}

.detail-tools .dtc-rate .dropdown-menu {
    margin-left: 10px;
    border-radius: 10px;
    color: #fff;
    background: #2f3441;
    border: none;
}

.server-notice {
    font-size: 13px;
    color: #888;
    margin-bottom: 20px;
}

.block-rating {
    padding: 8px 12px;
    width: 240px;
}

.block-rating .rs-title {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.3em;
    margin-bottom: 10px;
}

.block-rating .br-btn {
    width: 48%;
    float: left;
}

.block-rating .br-btn .btn {
    border: none !important;
}

.block-rating .br-btn .btn-success {
    background: #28a7a7 !important;
}

.block-rating .br-btn.bt-left {
    margin-right: 4%;
}

.dtc-for-watch {
    display: none;
}

.detail-tools.active {
    top: calc(50% - 70px);
}

.detail-tools.active .dtc-for-watch {
    display: block;
}

.detail-container {
    position: relative;
    padding: 160px 0 80px;
    overflow: hidden;
}

.detail-container .container {
    position: relative;
    z-index: 2;
}

.detail_page-tv .detail-container {
    padding-bottom: 50px;
}

.detail-container.active {
    padding: 50px 0;
}

.detail_page .detail-container.active .dp-i-c-poster {
    width: 180px;
}

.detail_page .detail-container.active .detail_page-infor {
    min-height: 270px;
}

.detail_page .detail-container.active .dp-i-c-right {
    padding-left: 230px;
}

.actor-photo {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}

.actor-photo img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.film_list.film_list-actor .film_list-wrap .flw-item {
    width: 8.5%;
    text-align: center;
    background: 0 0;
}

.flw-item .actor-photo {
    width: 70%;
    padding-bottom: 70%;
    margin: 0 auto 5px;
}

.flw-item .actor-detail {
    text-align: center;
}

.flw-item .actor-name {
    font-size: 13px;
    line-height: 1.4em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-weight: 500;
}

.flw-item .actor-infor {
    color: #666;
    font-size: 12px;
}

.detail-actors {
    margin-top: -40px;
    margin-bottom: 40px;
    background: rgba(19, 21, 26);
    padding: 20px 0;
    position: relative;
    z-index: 3;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.03);
}

.detail-actors .block_area {
    margin-bottom: 0;
}

.watching_player-area {
    width: 100%;
    background: #111;
    padding-bottom: 56.25%;
    position: relative;
    z-index: 88;
}

.watching_player-area.active {
    z-index: 102;
}

.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, 0.2) !important;
    color: #ccc !important;
}

.seasons-list .flw-item .film-poster {
    padding-bottom: 56%;
    background: #050505;
    display: inline-block;
}

.seasons-list .flw-item .film-poster img {
    opacity: 0.6;
}

.seasons-list .flw-item .film-poster .film-poster-ahref {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.seasons-list .flw-item .film-poster:hover .film-poster-ahref {
    background: #00acc1;
}

.seasons-list .flw-item .film-poster:hover .film-poster-ahref i {
    color: #fff !important;
}

.seasons-list .flw-item .film-poster .film-poster-ahref i {
    position: relative;
    top: auto;
    left: auto;
    color: #fff;
}

#turn-off-light:after {
    content: "Off light";
}

#turn-off-light.active:after {
    content: "On light";
}

#turn-off-light.active {
    position: relative;
    z-index: 100;
    color: #fff !important;
}

#turn-off-light.active:hover {
    background: #222 !important;
}

#mask-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    background: rgba(11, 11, 11, 0.98);
    display: none;
}

#mask-overlay.active {
    display: block;
}

.tab-info .d-block {
    margin-bottom: 10px;
}

.tab-info .d-block:last-of-type {
    margin-bottom: 0;
}

.tab-info .d-block .type {
    font-weight: 600;
    margin-right: 10px;
}

.seasons-block {
    padding-top: 30px;
}

.bah-tabs ul {
    border-bottom: none;
}

.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;
}

.information_page .h2-heading,
.information_page .h3-heading,
.information_page .h4-heading {
    font-size: 2em;
    line-height: 1.3em;
    margin-bottom: 10px;
}

.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: 300;
    margin-bottom: 1em;
}

.prebreadcrumb .breadcrumb {
    padding: 0;
    background: 0 0;
}

.form-control-textarea {
    max-width: 100%;
    min-width: 100%;
}

.blank_page {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.container-404 {
    margin: 200px 0;
}

.container-404 .c4-big {
    font-size: 120px;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 20px;
}

.container-404 .c4-medium {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.container-404 .c4-small {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 30px;
}

.ulclear,
.ulclear li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.slcs-ul {
    max-height: 400px;
    overflow: auto;
}

.text-home {
    font-weight: 400;
    font-size: 1.15em;
    line-height: 1.4em;
    margin-bottom: 50px;
}

.text-home .btn-expand {
    display: none;
}

.premodal .modal-content .modal-body p {
    line-height: 1.4em;
}

.report-list {
    margin-bottom: 20px !important;
    border-radius: 5px;
}

.rl-block {
    padding: 10px 15px;
}

.rl-block:last-of-type {
    border-bottom: none;
}

.rl-block .rl-title {
    margin-bottom: 10px;
}

.rl-reason {
    margin-bottom: 5px;
}

.rl-reason .custom-control {
    display: inline-block;
    margin-right: 10px;
}

.rl-reason .custom-control label {
    line-height: 24px;
    cursor: pointer;
}

.report-textarea .form-control {
    font-size: 14px;
    line-height: 1.4em;
}

.film_single-item {
    width: 100%;
    position: relative;
    overflow: hidden;
    font-size: 12px;
}

.film_single-item.flw-item .film-detail {
    z-index: 5;
    padding: 8px 0;
}

.film_single-item.flw-item .film-detail .episode-number {
    margin-bottom: 3px;
    font-size: 12px;
}

.film_single-item.flw-item .film-detail .film-name {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5em;
}

.classic-tabs .nav-item {
    margin-bottom: -1px;
    margin-right: 20px;
}

.classic-tabs .nav-item .nav-link {
    background: 0 0;
    border: none !important;
    border-radius: 0;
    padding: 10px !important;
}

@media screen and (max-width: 479px) {
    .rl-reason .custom-control {
        display: block;
        margin-right: 0;
    }

    .report-btn .btn {
        margin: 0 0 10px 0 !important;
        display: block;
        width: 100%;
    }
}

.film-servers {
    display: block;
    margin-bottom: 20px;
    margin-top: 30px;
}

.film-servers .fss-list li {
    margin: 0 20px 10px 0;
    display: inline-block;
}

.film-servers .fss-list li .btn-play {
    padding: 8px 15px;
    text-align: left;
    font-size: 12px;
    min-width: 140px;
    border-radius: 40px;
    position: relative;
    padding-left: 45px;
}

.film-servers .fss-list li .btn-play i {
    font-size: 14px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.film-servers .fss-list li .btn-play span.sv-name {
    display: block;
    font-weight: 500;
}

.film-servers .fss-list li.active .btn-play,
.film-servers .fss-list li.suggest .btn-play {
    position: relative;
}

.film-servers .fss-list li.active .btn-play:before,
.film-servers .fss-list li.suggest .btn-play:before {
    content: "Suggest";
    font-size: 11px;
    line-height: 1em;
    padding: 3px 6px;
    display: inline-block;
    border-radius: 30px;
    position: absolute;
    top: -10px;
    right: 0;
}

.film-servers .fss-list li.active .btn-play:before {
    content: "On air";
}

.film-servers .fss-list li.active .btn-play i,
.film-servers .fss-list li.suggest .btn-play i {
    opacity: 1;
}

.film-servers-watch .fss-list li {
    float: none;
    display: inline-block;
    margin: 10px;
}

.film-servers-watch .fss-list {
    text-align: center;
    padding-bottom: 30px;
}

#more-sv {
    display: none;
}

.alert {
    border: none !important;
}

.cast-list {
    margin: 0 -1%;
}

.cast-list .cast-item {
    float: left;
    width: 10.5%;
    margin: 0 1% 20px;
}

.cast-list .cast-item:hover {
    transform: scale(1.1);
}

.cast-list .cast-item .photo {
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 0 6px;
}

.cast-list .cast-item .photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.cast-list .cast-item .cast-item-detail {
    text-align: center;
}

.cast-list .cast-item .cast-item-detail .cast-name {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.cast-list .cast-item .cast-item-detail .stored {
    font-size: 12px;
    opacity: 0.4;
}

.appdownload .apd-container {
    border-radius: 0 !important;
    overflow: hidden;
}

.ss-choice {
    margin-bottom: 30px;
    position: relative;
}

.ss-choice .btn-light {
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
}

.ssc-list {
    position: relative;
    float: left;
    margin-right: 25px;
}

.ssc-servers {
    position: relative;
    float: left;
}

.ssc-button {
    padding: 10px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
}

.ssc-button .ssc-label {
    margin-bottom: 8px;
    font-weight: 600;
}

.ss-choice .dropdown-menu-model {
    top: 65px !important;
}

.dropdown-menu-model .dropdown-item .badge {
    float: right;
    font-weight: 400;
    color: #111 !important;
    background: #fff !important;
    font-size: 11px;
    margin: 0;
}

.dropdown-menu-model {
    border: none;
    min-width: 200px;
    padding: 0;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 0;
    transform: none !important;
    top: 45px !important;
    bottom: auto !important;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.05);
}

.dropdown-menu-model .dropdown-item {
    padding: 12px 12px;
    font-size: 13px;
}

.user_logged .dropdown-menu-model {
    left: auto !important;
    right: 0;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.05);
}

.user-detail-basic {
    position: relative;
    padding: 20px;
}

.dropdown-menu-model .user-detail-basic {
    padding: 15px 10px 15px 60px !important;
    margin-bottom: 10px;
}

.user-detail-basic .profile-photo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 10px;
    border-radius: 50%;
    overflow: hidden;
}

.user-detail-basic .profile-photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-detail-basic .profile-info {
    width: 160px;
}

.user-detail-basic .profile-info > div {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-detail-basic .profile-info .pi-name {
    font-weight: 500;
    font-size: 1em;
    line-height: 1.3em;
    margin-bottom: 3px;
}

.user-detail-basic .profile-info .pi-mail {
    font-size: 12px;
    line-height: 1.3em;
}

.dropdown-menu-model .dropdown-item.user-logout {
    margin-top: 10px;
    padding: 15px 20px;
}

.ss-list {
    margin: 0 -30px;
    max-height: 1000px;
    overflow: auto;
}

.ss-list .ssl-item {
    display: block;
    padding: 15px 20px;
    position: relative;
}

.ss-list .ssl-item.active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
}

.ss-list .ssl-item.active .ssli-detail .ep-name,
.ss-list .ssl-item.active .ssli-order {
    opacity: 1;
}

.ss-list .ssl-item .ssli-order {
    float: left;
    width: 30px;
    text-align: center;
    line-height: 60px;
    font-weight: 600;
    font-size: 16px;
    margin-right: 20px;
    opacity: 0.5;
}

.ss-list .ssl-item .ssli-thumb {
    float: left;
    width: 110px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
}

.ss-list .ssl-item .ssli-thumb img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ss-list .ssl-item .ssli-detail {
    float: left;
}

.ss-list .ssl-item .ssli-detail .ep-name {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-bottom: 4px;
    display: block;
    margin-top: 7px;
}

.ss-list .ssl-item .ssli-detail .ep-release {
    font-size: 0.9em;
    line-height: 1.2em;
    opacity: 0.5;
}

.ss-list .ssl-item .ssli-btn {
    float: right;
}

.ss-list .ssl-item .ssli-btn .btn.btn-circle {
    width: 34px;
    height: 34px;
    line-height: 34px;
    border: none;
    border-radius: 50%;
    padding: 0;
    margin-top: 13px;
}

.ss-list .ssl-item .ssli-btn .btn.btn-circle i {
    position: relative;
    right: -1px;
    top: -1px;
    font-size: 14px;
    line-height: 34px;
}

#detail-infor,
#seasons-block,
#watch-block {
    outline: 0;
}

.detail_page-ep .detail-header .detail-header-content .dhc-top {
    margin-left: 0;
}

.detail_page-ep .detail-header .detail-header-content .film-servers {
    padding-top: 10px;
}

.detail_page-ep .detail-header .detail-header-content.active {
    z-index: auto;
}

.profile-header {
    padding: 15px 0;
    margin-top: -20px;
    margin-bottom: 30px;
}

.ph-title {
    font-size: 2em;
    line-height: 1.4em;
    margin-bottom: 15px;
    font-weight: 500;
}

.profile-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.profile-avatar img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.profile-box {
    margin: 40px 0;
    padding: 0;
    border-radius: 0;
}

.inbox-item {
    padding: 20px !important;
    margin-bottom: 30px;
    padding-left: 30px;
}

.inbox-item .ii-title {
    font-weight: 500;
    font-size: 1.4em;
    line-height: 1.4em;
    margin-bottom: 5px;
}

.inbox-item .ii-content {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.4em;
}

.on-air .film-poster-ahref {
    display: none !important;
}

.seasons-list .flw-item.on-air .film-poster img {
    opacity: 0.3;
}

.seasons-list .flw-item.on-air .film-poster:before {
    content: "Playing";
    display: inline-block;
    font-size: 14px;
    border-radius: 0;
    color: #000;
    background: #f7d200;
    padding: 5px 8px;
    font-weight: 500;
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
}

.seasons-list .flw-item.on-air .film-detail .film-name a {
    color: #f7d200 !important;
}

.dropdown-menu-model {
    overflow: auto;
    max-height: 145px;
    background: #fff;
}

.user_logged .dropdown-menu-model {
    overflow: auto;
    max-height: none;
    background: #2f3441;
}

.seasons-container {
    background: #0d0e11;
    padding-bottom: 30px;
    margin-top: -20px;
}

.watch_page-tv .detail_page-media {
    padding-bottom: 0;
}

.qt-add-fav {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #eee;
    text-align: center;
}

.qt-add-fav i {
    line-height: 32px;
    color: #aaa;
}

.qt-add-fav.active {
    background: #852a53;
}

.qt-add-fav.active i {
    color: #fff;
}

.pre-qtip-title {
    padding-right: 40px;
}

.user_logged #user-dropdown {
    width: 34px;
    height: 34px;
    line-height: 34px;
}

.detail-actor {
    display: block;
    position: relative;
    margin-bottom: 40px;
    padding-top: 20px;
}

.detail-actor .detail-actor-content {
    position: relative;
    padding: 40px;
    padding-left: 230px;
    padding-right: 40px;
    color: #aaa;
    min-height: 160px;
}

.detail-actor .detail-actor-content .dhc-poster {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    width: 160px;
}

.detail-actor .detail-actor-content .dhc-poster .film-poster {
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.detail-actor .detail-actor-content .heading-name {
    font-size: 24px;
    font-weight: 600;
    color: #00acc1 !important;
}

.detail-actor .detail-actor-content .description {
    font-size: 14px;
    line-height: 1.6em;
    color: #aaa;
    margin-bottom: 20px;
    max-width: 1000px;
}

.detail-actor .detail-actor-content .dhc-stats .item {
    display: inline-block;
}

.ph-tabs .pre-tabs .nav-item {
    margin-right: 40px;
}

.ph-tabs .pre-tabs .nav-item .nav-link {
    padding: 9px 0;
    border-radius: 0;
}

.ph-tabs .pre-tabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    height: 2px;
}

#slider {
    background: #111;
    overflow: hidden;
    border-radius: 0;
    z-index: 1;
    position: relative;
    display: block;
    padding-right: 0;
    width: 100%;
    padding-bottom: 500px;
    margin-bottom: 50px;
}

#slider .swiper-slide .slide-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#slider .swiper-slide {
    position: relative;
    overflow: hidden;
    background: #000;
}

#slider .swiper-slide .slide-photo {
    position: absolute;
    width: 100%;
    height: 100%;
}

#slider .swiper-slide .slide-photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#slider .slide-caption-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    opacity: 1;
    right: 0;
    padding-top: 100px;
    background: #1e2129;
    background: -moz-linear-gradient(
        180deg,
        rgba(30, 33, 41, 0) 0,
        #1e2129 71%,
        #1e2129 100%
    );
    background: -webkit-linear-gradient(
        180deg,
        rgba(30, 33, 41, 0) 0,
        #1e2129 71%,
        #1e2129 100%
    );
    background: linear-gradient(
        180deg,
        rgba(30, 33, 41, 0) 0,
        #1e2129 71%,
        #1e2129 100%
    );
}

#slider .slide-caption {
    position: relative;
    padding: 30px;
    color: #fff;
    z-index: 10;
    padding-left: 245px;
    padding-bottom: 0;
    max-width: 800px;
}

#slider .slide-caption .film-poster {
    position: absolute;
    bottom: 0;
    left: 30px;
    width: 120px;
    padding-bottom: 180px;
}

#slider .slide-caption .sc-detail {
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 10px;
}

#slider .slide-caption .sc-detail .dot {
    background: #fff;
    width: 4px;
    height: 4px;
    margin: 2px 10px;
    opacity: 0.5;
}

#slider .slide-caption .sc-detail .scd-item {
    margin-bottom: 5px;
    margin-right: 20px;
    display: inline-block;
    font-size: 12px;
}

#slider .slide-caption .sc-detail .scd-item i {
    font-size: 0.8em;
    position: relative;
    top: -2px;
}

#slider .slide-caption .sc-detail .scd-item .quality {
    display: inline-block;
    padding: 3px 6px;
    background: #00acc1;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.9em;
}

#slider .slide-caption .sc-btn {
    position: absolute;
    left: 175px;
    top: 40px;
}

#slider .slide-caption .sc-btn .btn-circle {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: 0 0 !important;
    border: 2px solid #00acc1 !important;
}

#slider .slide-caption .sc-btn .btn-circle i {
    font-size: 18px;
    color: #00acc1;
    position: relative;
    right: -2px;
}

#slider .slide-caption .film-title {
    margin: 0 0 10px 0;
    font-size: 2em;
    color: #fff;
    line-height: 1.3em;
    font-weight: 600;
}

#slider .slide-caption .film-title a {
    color: #fff;
}

#slider .slide-caption p.sc-desc {
    font-size: 12px;
    color: #ccc;
    font-weight: 300;
    line-height: 1.6em;
    margin-bottom: 0;
}

#slider .slide-caption p.sc-genre {
    margin-bottom: 30px;
    color: #eee;
}

#slider .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
}

.swiper-container {
    margin: 0 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-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -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-fles-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-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-slide img {
    width: 100%;
}

.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: 0.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: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.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-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 3px;
    display: inline-block;
    border-radius: 100%;
    opacity: 1;
    background: #fff;
    vertical-align: middle;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ebb546;
    margin: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-container-vertical > .swiper-pagination {
    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 .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}

.swiper-container-horizontal > .swiper-pagination {
    bottom: auto;
    top: 20px;
    right: 20px;
    left: auto;
    width: 50%;
    text-align: right;
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin: 5px;
}

.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, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    background-image: -webkit-linear-gradient(
        right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -moz-linear-gradient(
        right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -o-linear-gradient(
        right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: linear-gradient(
        to left,
        rgba(0, 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, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    background-image: -webkit-linear-gradient(
        left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -moz-linear-gradient(
        left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -o-linear-gradient(
        left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: linear-gradient(
        to right,
        rgba(0, 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, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    background-image: -webkit-linear-gradient(
        bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -moz-linear-gradient(
        bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -o-linear-gradient(
        bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: linear-gradient(
        to top,
        rgba(0, 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, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    background-image: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: -o-linear-gradient(
        top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}

.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;
}

.swiper-container-fade .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    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: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: #222;
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 50;
    height: 3px;
    width: 100%;
}

.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: #555;
    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%201.220120'%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(1.22060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(1.52060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(1.82060%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%201.220120'%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(1.22060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(1.52060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(1.82060%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);
    }
}

.swiper-button-next,
.swiper-button-prev {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #fff;
    line-height: 42px;
    border: 1px solid #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 20px;
}

.seasons-list-wrap .swiper-button-next,
.seasons-list-wrap .swiper-button-prev {
    height: 32px;
    width: 32px;
    border-color: #aaa;
    background: 0 0 !important;
    border-radius: 6px;
    line-height: 30px;
    margin: 0;
    top: -56px;
    left: auto !important;
    right: 0;
}

.seasons-list-wrap .swiper-button-prev {
    right: 40px !important;
}

.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: 0.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: 0.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 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.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 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.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 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.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 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.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: 0.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: 0.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: 0.6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.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: 0.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, 0.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;
    }
}

.container {
    max-width: 1320px;
    width: 100%;
}

.row-tags {
    margin: 30px 0 0;
}

.row-tags a {
    padding: 6px 10px;
    display: inline-block;
    border-radius: 20px;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff !important;
    opacity: 0.7;
    margin: 0 3px 7px 0;
}

.row-tags a:hover {
    opacity: 1;
}

@media screen and (max-width: 1599px) {
    .container {
        max-width: 1320px;
        width: 100%;
    }
    .information_page .container {
        max-width: 1320px;
    }

    #search {
        width: 700px;
    }

    .section-browse {
        padding: 30px;
    }

    .film_list .film_list-wrap .flw-item {
        width: 15.166%;
    }

    #sidebar_menu .sidebar_menu-list > .nav-item.by-country {
        display: none;
    }

    .basic-film-list .basic-item .film-detail .film-name {
        font-size: 14px;
    }

    .ts_sb .basic-film-list .basic-item {
        margin-bottom: 10px;
    }

    .detail_page .dp-i-c-poster {
        left: 10px;
    }

    .detail-container {
        padding: 100px 0 60px;
    }

    .detail_page-infor,
    .detail_page-tv .detail_page-infor {
        max-width: 1300px;
        padding-right: 0;
    }

    .flw-item .actor-photo {
        width: 90%;
        padding-bottom: 90%;
    }

    .detail_page-tv .detail-tools {
        top: calc(50% - 120px);
    }

    .film-poster-img {
        transition: none !important;
    }
}

@media screen and (max-width: 1299px) {
    .container {
        max-width: none;
        width: 100%;
    }

    #header {
        height: 60px;
        text-align: center;
        padding: 0;
    }

    #header.hide {
        top: -60px;
    }

    #header_menu ul.header_menu-list {
        display: none;
    }

    #header_menu .container:before {
        display: none;
    }

    #header_right {
        position: static;
        top: 0;
        height: 60px;
    }

    body.body-hidden {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    #main-wrapper {
        padding-top: 80px;
    }

    #mobile_search {
        top: 0;
        width: 60px;
        text-align: center;
        right: 75px;
        display: block;
    }

    #mobile_search i {
        font-size: 20px;
        line-height: 60px;
        height: 60px;
    }

    #header_login {
        margin-left: 0;
    }

    #header_login .btn-login {
        height: 60px;
        width: 60px;
        border-radius: 0;
        font-size: 0;
    }

    #header_login .btn-login i {
        font-size: 20px;
        line-height: 60px;
        margin-right: 0;
    }

    #header_login.user_logged {
        height: 60px;
        width: 60px;
        padding: 10px;
    }

    #header #logo {
        height: 30px;
        text-align: center;
        margin: 15px 0;
        position: absolute;
        font-size: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    #header #logo img {
        display: inline-block;
        float: none;
        vertical-align: top;
        margin-right: 10px;
    }

    #header #logo span {
        display: inline-block;
        line-height: 30px;
        float: none;
        font-size: 16px;
    }

    #search {
        top: 60px;
        left: 0;
        bottom: auto;
        width: 100%;
        display: block;
        position: absolute;
        padding: 0 15px 15px;
        margin: 0;
        display: none;
    }

    #search.active {
        right: auto;
        display: block;
        background: #2f3441;
    }

    #search .search-result-pop {
        left: -15px;
        right: -15px;
    }

    #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;
    }

    .section-browse {
        display: none;
    }

    .ts-social {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 30px;
        border-radius: 10px;
        left: 0;
        width: 100%;
        background: #2d323f;
        padding: 20px;
    }

    .ts-social .ts-social-list li {
        margin: 0 10px;
        display: inline-block;
    }

    .with-social .ts-social .tss-box {
        width: 100%;
    }

    .with-social .ts-social .tss-box .at-style-responsive .at-share-btn {
        margin-bottom: 5px;
    }

    .with-social .ts_sb {
        right: 0;
        width: 350px;
    }

    #top_slider.with-social {
        padding-bottom: 170px;
        padding-right: 350px;
    }

    #top_slider.with-social #slider {
        margin-bottom: 0;
    }

    #top_slider.with-social #slider .slide-caption {
        padding-bottom: 20px;
    }

    .ts_sb .basic-film-list {
        padding-top: 20px;
    }

    .search-content input.search-input {
        border-radius: 3px;
    }

    #main-wrapper {
        min-height: calc(100vh - 378px);
    }

    .detail-tools {
        transform: none;
        border-radius: 0;
        top: 0 !important;
        left: 0;
        right: 0;
        background: rgba(5, 5, 5, 0.5);
        height: 70px;
    }

    .detail-tools .dtc-item {
        display: inline-block;
        height: 70px;
        float: left;
    }

    .detail-tools .dtc-item .btn-item {
        height: 70px;
        border-radius: 0 !important;
    }

    .detail-tools .dtc-item .btn-item i {
        height: 26px;
        line-height: 26px;
    }

    .detail-tools .dtc-rate .dropdown-menu {
        margin-left: 0;
        top: 75px !important;
        left: -60px !important;
    }

    .detail-container {
        padding-top: 80px;
    }

    .detail_page-tv .detail-container {
        padding-bottom: 20px;
    }

    .film_list.film_list-actor .film_list-wrap .flw-item {
        width: 11%;
    }

    .flw-item .actor-photo {
        width: 70%;
        padding-bottom: 70%;
    }

    .seasons-list-watch {
        padding: 15px 15px 0;
    }
}

@media screen and (max-width: 1199px) {
    .film_list .film_list-wrap {
        margin: 0 -0.75%;
    }

    .film_list .film_list-wrap .flw-item {
        width: 23.5%;
        margin: 0 0.75% 20px;
    }

    #top_slider {
        padding-right: 0 !important;
    }

    #slider {
        width: auto;
        margin: -20px -15px 0;
        padding-bottom: 500px;
    }

    .ts_sb {
        position: relative;
        top: auto;
        left: auto;
        right: auto !important;
        bottom: auto;
        width: 100% !important;
    }

    .ts_sb .basic-film-list {
        margin: 0 -1%;
    }

    .ts_sb .basic-film-list .basic-item {
        width: 31.33%;
        margin: 0 1% 0;
        float: left;
        padding: 0 15px 15px;
    }

    .ts_sb .basic-film-list .basic-item .film-poster {
        left: 15px;
    }

    .detail_page-media .container {
        padding-left: 0;
        padding-right: 0;
    }

    .user_logged #user-dropdown {
        margin-top: 3px;
    }
}

@media screen and (max-width: 998px) {
    #header {
        margin: 0;
        margin-bottom: 25px;
        padding-left: 0;
        padding-right: 0;
    }

    #slider {
        padding-bottom: 400px;
    }

    #slider .slide-caption .film-poster {
        display: none;
    }

    #slider .slide-caption {
        padding: 20px;
        padding-left: 100px;
        padding-bottom: 30px !important;
    }

    #slider .slide-caption .sc-btn {
        left: 20px;
        top: 30px;
    }

    #slider .swiper-button-next,
    #slider .swiper-button-prev {
        /* display:none; */
        width: 25px;
        height: 40px;
        line-height: 25px;
        font-size: 14px;
    }

    #top_slider {
        background: 0 0;
    }

    .film_list.film_list-actor .film_list-wrap .flw-item {
        width: 15.166%;
    }

    .detail-container {
        padding: 80px 0 40px;
    }

    .detail_page .dp-i-c-poster {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin-bottom: 20px;
        width: 300px;
    }

    .detail_page .dp-i-c-right {
        padding: 0 !important;
    }

    .detail_page-infor {
        padding: 20px 0px;
    }

    .detail_page-tv .seasons-list {
        margin-top: 0;
    }

    .detail-actor {
        padding-top: 0;
    }
}

@media screen and (min-width: 640px) and (max-width: 998px) {
    .ts_sb .basic-film-list .basic-item {
        padding: 0;
    }

    .ts_sb .basic-film-list .basic-item .film-poster {
        left: auto;
        top: auto;
        position: relative;
        width: 100%;
        padding-bottom: 148% !important;
    }

    .ts_sb .basic-film-list .basic-item .film-detail {
        padding: 15px 0;
    }
}

@media screen and (max-width: 719px) {
    #slider {
        padding-bottom: 300px;
    }

    #slider .slide-caption p.sc-desc {
        display: none;
    }

    #slider .slide-caption {
        padding-bottom: 0 !important;
    }

    .flw-item .film-detail .fd-btn {
        display: none;
    }

    .flw-item .film-detail .film-name {
        margin-bottom: 0;
    }

    .film_list .film_list-wrap .flw-item {
        width: 31.83%;
    }

    .detail-actor .detail-actor-content {
        padding: 20px;
        font-size: 12px;
    }

    .detail-actor .detail-actor-content .dhc-poster {
        position: relative;
        transform: none;
        top: auto;
        left: auto;
        margin: 0 auto 20px;
    }

    .detail-actor .detail-actor-content .dhc-top {
        text-align: center;
    }

    .detail-actor .detail-actor-content .description {
        font-size: 12px;
    }
}

@media screen and (max-width: 639px) {
    #header #logo {
        transform: none;
        left: 70px;
    }

    #header-fav {
        display: none;
    }

    #header .container {
        padding-right: 5px;
    }

    #mobile_search {
        right: 65px;
    }

    #header_browser .header-btn {
        font-size: 0;
        background: 0 0;
    }

    #header_browser .header-btn i {
        font-size: 20px;
        margin-right: 0 !important;
        line-height: 34px;
    }

    .with-social .ts-social {
        display: none;
    }

    #top_slider.with-social {
        padding-bottom: 40px;
    }

    #slider .slide-caption .film-title {
        font-size: 20px;
    }

    #slider .slide-caption .sc-btn {
        top: 20px;
        left: 10px;
    }

    #slider .slide-caption {
        padding-left: 80px;
    }

    .ts_sb .basic-film-list .basic-item {
        width: 98%;
        margin-bottom: 20px;
        min-height: 140px;
        padding: 0;
    }

    .ts_sb .basic-film-list .basic-item .film-poster {
        left: 0;
    }

    .bah-bottom {
        display: none;
    }

    .block_area-header-tabs .bah-tabs {
        display: block;
        float: none;
        width: 100%;
        margin: 15px 0 0 0;
    }

    .block_area-header-tabs .pre-tabs.model-tabs .nav-item {
        margin: 0 15px 5px 0 !important;
    }

    .block_area-header-tabs .pre-tabs.model-tabs .nav-item .nav-link {
        padding: 6px 0;
        font-size: 12px;
    }

    .detail_page .dp-i-c-poster {
        width: 120px;
        margin: 20px auto 40px;
    }

    .detail_page-infor {
        padding: 20px 10px 0;
    }

    .detail_page-infor .heading-name {
        font-size: 24px;
        line-height: 1.4em;
        text-align: center;
    }

    .dp-i-c-right .film-stats {
        height: 18px;
        overflow: hidden;
        text-align: center;
    }

    .dp-i-c-right .film-stats .fs-item {
        float: none;
        display: inline-block;
        margin: 0 10px;
    }

    .film-stats .quality {
        padding: 0;
        border: none;
    }

    .film_list.film_list-actor .film_list-wrap .flw-item {
        width: 18.5%;
    }

    .film-servers {
        margin-bottom: 30px;
    }

    .film-servers .fss-list li {
        float: none;
        margin: 10px 0;
        display: block;
    }

    .film-servers .fss-list li .btn {
        display: block;
        padding: 12px 15px;
        padding-left: 50px;
    }

    .film-servers .fss-list li .btn-play span {
        display: inline;
        margin-left: 10px;
    }

    .detail-tools .dtc-rate .dropdown-menu {
        transform: none !important;
        left: 10px !important;
    }

    .latest-eps {
        text-align: center;
    }

    .latest-eps a {
        margin: 0 !important;
    }

    .latest-eps .latest-eps-link {
        display: none;
    }

    .watch_page-tv .film-servers-watch .fss-list {
        padding: 0 15px 30px;
    }

    .seasons-list .flw-item.on-air .film-poster:before {
        font-size: 12px;
        font-weight: 400;
    }

    .detail-tools.active .dtc-light {
        display: none;
    }

    .modal-login-tabs {
        transform: none;
        top: -40px;
        right: auto;
        right: 0;
        left: 50%;
        transform: translate(-50%);
    }

    .premodal-login .modal-dialog {
        max-width: 90%;
        margin-left: 5%;
    }

    .premodal-login .modal-content .modal-body {
        padding: 0 20px 30px;
    }

    .detail_page-media {
        padding-bottom: 20px;
    }

    .film-servers-watch .fss-list {
        padding: 0 15px;
    }

    .ph-tabs .pre-tabs .nav-item .nav-link {
        font-size: 0;
    }

    .ph-tabs .pre-tabs .nav-item .nav-link i {
        font-size: 20px;
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    #header .container {
        padding-left: 5px;
    }

    #header #logo {
        left: 60px;
    }

    #header_login .btn-login {
        width: 40px;
    }

    #header_login.user_logged {
        padding: 10px 0;
        width: 40px;
    }

    #mobile_search {
        width: 40px;
        right: 50px;
    }

    #slider {
        padding-bottom: 250px;
    }

    .film_list-grid {
        margin: 0 -10px;
    }

    .film_list .film_list-wrap .flw-item {
        margin-bottom: 10px;
    }

    .flw-item .film-detail .film-name {
        font-weight: 400;
        font-size: 12px;
        line-height: 1.5em;
    }

    .block_area.block_area_category {
        padding-top: 0;
    }

    .block_area.block_area_category .block_area-header {
        margin-bottom: 20px;
    }

    .film_list.film_list-actor .film_list-wrap .flw-item {
        width: 31.83%;
        padding: 0 10px 10px;
    }

    .detail-actor {
        margin: -20px -15px 40px;
    }

    .premodal .modal-content .modal-header .modal-title {
        font-size: 20px;
    }

    .premodal-login .modal-content .modal-header {
        padding: 20px;
    }

    .premodal .modal-content {
        border-radius: 20px;
    }
}

body {
    background: #020d18;
    color: #8e95a5;
}

.btn-focus,
.btn-primary {
    border-color: #00acc1 !important;
    background: #00acc1 !important;
    color: #fff !important;
}

.btn-focus:hover,
.btn-primary:hover {
    background: #00cbe3 !important;
    border-color: #00cbe3 !important;
}

.btn-secondary {
    background: #404757 !important;
    border-color: #404757 !important;
    color: #fff !important;
}

.btn-secondary:hover {
    background: #51596c !important;
    border-color: #51596c !important;
    color: #fff !important;
}

.btn-light {
    background: #e2e6ea;
    border-color: #e2e6ea;
}

.dot {
    background: #666;
}

.ulclear.azList li a {
    background: #e2e6ea;
}

#mobile_menu.active i,
#mobile_search.active i {
    color: #00acc1;
}

#header {
    color: #eee;
}

#header .btn-on-header {
    background: 0 0;
}

#header .btn-on-header:hover {
    background: 0 0;
}

#header_menu .header_menu-sub ul.sub-menu li a:hover {
    color: #9c3064;
}

.search-content input.search-input {
    background: #fff;
    border: 1px solid transparent;
}

.search-content input.search-input:focus {
    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05) !important;
}

.search-content .search-result-pop .nav-item {
    color: #aaa;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.search-content .search-result-pop .nav-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

.premodal .btn-sm.btn-filter-item {
    border: none;
}

.premodal .btn-sm.btn-filter-item.active,
.premodal .btn-sm.btn-filter-item:hover {
    border-color: #621a3a;
    background: #fde1ec;
}

.category_filter .category_filter-content .cfc-item {
    border-bottom: 1px solid #222;
}

.category_filter .category_filter-content .cfc-item:first-of-type {
    border-top: 1px solid #222;
}

.block_area .block_area-header .viewmore .btn {
    background: 0 0;
    color: #fff;
}

.block_area .block_area-header .viewmore .btn:hover {
    color: #00acc1;
}

.pre-tabs .nav-item .nav-link {
    background: 0 0;
}

.pre-tabs .nav-item .nav-link:hover {
    border-bottom-color: #222;
}

.flw-item .film-poster .film-poster-ahref:after {
    background: rgba(61, 28, 43, 0.7);
}

.flw-item .film-poster .film-poster-ahref:before {
    border: 3px solid #fff;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0.75em;
}

.flw-item .film-poster .film-poster-ahref i {
    color: #00acc1;
}

.flw-item .pick {
    background: rgba(255, 255, 255, 0.95);
}

.flw-item .pick.film-poster-quality {
    background: #00acc1;
}

.flw-item .pick.film-poster-tvseries {
    background: rgba(0, 0, 0, 0.7);
}

.flw-item .pick.film-remove-fav {
    background: #ac0b0d;
}

.pre-pagination .pagination .page-item .page-link {
    background: transparent;
    color: #abb7c4 !important;
}
.pre-pagination .pagination .page-item:first-child .page-link,
.pre-pagination .pagination .page-item:last-child .page-link {
    font-size: 30px;
    line-height: 25px;
}

.premodal .modal-content .modal-footer {
    background: #eee;
}

#sidebar_menu_bg {
    background: rgba(5, 5, 5, 0.9);
}

#sidebar_menu {
    background: #0a0a0a;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    color: #ccc;
}

#sidebar_menu a {
    color: #ccc;
}

#sidebar_menu .sidebar_menu-list > .nav-item .nav > .nav-item > .nav-link {
    color: #aaa;
}

#sidebar_menu
    .sidebar_menu-list
    > .nav-item
    .nav
    > .nav-item
    > .nav-link:hover {
    color: #eee;
    border-color: #eee;
}

.dropdown-menu {
    background: #222;
    color: #aaa;
    font-size: 12px;
}

.btn-seasons {
    color: #fff !important;
    box-shadow: none !important;
}

.loading > div {
    background-color: rgba(185, 27, 16, 1);
    /*background-color:rgba(255,255,255,.2)*/
    display: none;
}

.film-poster .loading-relative,
.watching_player-area .loading-relative {
    background: #2f3441;
}

.flw-item .film-detail-fix .fd-infor .fdi-type {
    border: 1px solid #aaa;
}

#footer-about .about-text {
    color: #888;
}

.detail-cover:before {
    background: rgba(61, 28, 43, 0.7);
}

.detail-actor .detail-header-content .description,
.detail-header .detail-header-content .description {
    color: #ccc;
}

.detail-actor .detail-header-content .dhc-stats,
.detail-header .detail-header-content .dhc-stats {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.detail-actor .detail-header-content {
    background: #4f474a;
}

.dhc-stats-infor .item .dot {
    background: #ccc;
}

.badge-imdb {
    background: #ffa600;
}

.dhc-stats-rating {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.heading-name {
    color: #fff;
}

.detail_page .detail_page-watch .detail_page-infor .description {
    color: #ddd;
}

.block-rating .rating-result .rr-mark span {
    color: #00acc1;
}

.block-rating .rating-result .progress {
    background: rgba(255, 255, 255, 0.1);
}

.block-rating .rating-result .progress .bg-success {
    background: #28a7a7 !important;
}

.detail-infor {
    background: #dce3ec;
}

.watching_player-control .btn {
    background: rgba(0, 0, 0, 0.5);
    border: none !important;
}

#mask-overlay {
    background: rgba(0, 0, 0, 0.98);
}

#mask-overlay.active {
    display: block;
}

#box-share .btn-light {
    background: #e2e6ea;
}

.text-home {
    color: #555;
}

.text-home a {
    color: #038c87;
}

.report-list {
    border: 1px solid #ced4da;
    background: #f7f7f7;
}

.rl-block {
    border-bottom: 1px solid #ced4da;
}

.film_single-item.flw-item .film-detail {
    color: #ccc;
}

.classic-tabs .nav-tabs {
    border-color: #bfc7cc;
}

.classic-tabs .nav-item .nav-link {
    background: 0 0;
    border: none !important;
    border-bottom: 3px solid transparent !important;
}

.classic-tabs .nav-item .nav-link.active {
    border-bottom: 3px solid #621a3a !important;
}

.detail-tags .btn-dtag {
    border-color: #eee;
}

.film-servers .fss-list li .btn-play {
    background: #fff !important;
}

.film-servers .fss-list li.active .btn-play:before,
.film-servers .fss-list li.suggest .btn-play:before {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.film-servers .fss-list li.active .btn-play i,
.film-servers .fss-list li.suggest .btn-play i {
    color: #fff !important;
}

.alert-light {
    background: #eaeff4;
}

.apdc-content .app-heading {
    color: #00acc1;
}

.ss-choice .btn-light {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03);
}

.detail-seasons {
    background: #e7ecf2;
}

.ss-list .ssl-item:nth-child(2n + 1) {
    background: rgba(255, 255, 255, 0.4);
}

.detail_page-ep .detail-header .detail-cover:before {
    background: rgba(61, 28, 43, 0.7);
}

.detail_page-ep .film-servers .fss-list li.active .btn-play,
.detail_page-ep .film-servers .fss-list li.suggest .btn-play,
.watching_player-control .btn.active,
.watching_player-control .btn:hover {
    background: #00acc1 !important;
}

.model-form.preform .form-group .prelabel {
    background: #fff;
    color: #888;
}

.modal-login-tabs .mlt-item .btn {
    background: #ccc !important;
    border: none;
}

.modal-login-tabs .mlt-item.active .btn {
    background: #fff !important;
}

.modal-web-cover:before {
    background: rgba(33, 33, 33, 0.8);
}

.dropdown-menu-model .dropdown-item.user-detail-basic {
    background: #404757 !important;
    border-bottom: none;
    color: #fff !important;
}

.dropdown-menu-model .dropdown-item.user-logout {
    border-top: none;
    background: #404757 !important;
}

.dropdown-menu-model .dropdown-item:focus {
    background: #621a3a;
    color: #fff;
}

.user_logged .dropdown-menu-model .dropdown-item {
    background: #fff;
}

.user_logged .dropdown-menu-model .dropdown-item:focus {
    background: #621a3a;
    color: #fff;
}

.ph-tabs .pre-tabs .nav-item .nav-link:before {
    background: 0 0;
}

.ph-tabs .pre-tabs .nav-item .nav-link.active {
    color: #00acc1 !important;
}

.ph-tabs .pre-tabs .nav-item .nav-link.active:before {
    background: #00acc1;
}

.profile-header {
    background: #404757;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.05);
}

.ph-title {
    color: #fff;
}

.inbox-item {
    background: rgba(0, 0, 0, 0.2);
    border-left: 4px solid rgba(0, 0, 0, 0.1);
    color: #aaa;
}

.inbox-item:hover {
    color: #fff;
}

.inbox-item.new {
    color: #fff;
    background: rgba(255, 255, 255, 0.05);
}

.inbox-item.new .ii-title {
    color: #00acc1;
}

.block_area .block_area-header .cat-heading {
    color: #fff;
    border-color: #00acc1;
}

#header_login .btn-login {
    background: 0 0 !important;
    box-shadow: none;
    border: 2px solid #abb7c4;
    padding: 3px 15px;
    border-radius: 30px;
    font-family: Dosis, sans-serif;
    font-size: 14px;
    color: #abb7c4;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 15px;
    transition: all 0.5s;
}
#header_login li:first-child .btn-login {
    margin-right: 0;
}
#header_login .btn-login:hover {
    color: #fff;
}

.film_list .film_list-wrap .flw-item {
    background: rgba(255, 255, 255, 0.05);
    transition: all 0.3s linear;
}
/* .film_list .film_list-wrap .flw-item:hover {
    cursor: pointer;
    transform: scale(1.05);
} */
.film_list .film_list-wrap .flw-item .fd-btn {
    display: none;
}
.film_list .film_list-wrap {
    display: flex;
    flex-wrap: wrap;
}
.film_related .sub-category {
    margin-bottom: 20px;
}
.film_related .tab-content .tab-pane {
    overflow: visible;
}
.block_area.block_area_home .block_area-header-tabs {
    margin-bottom: 30px;
}
.block_area.block_area_home .tab-content .tab-pane {
    overflow: visible;
}

.hl,
.more-button i {
    color: #00acc1;
}

#header {
    background: #0f2133;
}

#header #search-toggle.active .btn-on-header,
.ss-list .ssl-item .ssli-btn .btn.btn-circle,
.ss-list .ssl-item.active:before,
.ulclear.azList li a:hover {
    background: #621a3a;
}

.dropdown-menu-model .dropdown-item {
    background: 0 0 !important;
    color: #fff;
}

.dropdown-menu-model .dropdown-item:hover {
    background: #404757 !important;
}

.dropdown-menu-model .dropdown-item.active,
.pre-pagination .pagination .page-item.active .page-link,
.pre-pagination .pagination .page-item:hover .page-link {
    background: transparent !important;
    color: #dcf836 !important;
    border-color: #dcf836;
}

.premodal .modal-content .close:hover {
    background: #00acc1 !important;
    color: #fff;
}

.film-servers .fss-list li.active .btn-play,
.film-servers .fss-list li.suggest .btn-play,
.search-content .search-result-pop .nav-bottom {
    background: #00acc1 !important;
    color: #fff !important;
}

#header_menu .header_menu-sub,
.film-servers .fss-list li.active .btn-play:before,
.film-servers .fss-list li.suggest .btn-play:before,
.premodal .btn-sm.btn-filter-item,
.premodal .modal-content .close,
.premodal-login .modal-content,
.ss-choice .btn-light,
.ss-list .ssl-item:hover {
    background: #fff;
}

.detail-tags .btn-dtag,
.detail_page-ep .detail-header-content .alert-light,
.detail_page-ep .film-servers .fss-list li .btn-play,
.ss-list .ssl-item.active {
    background: #fff !important;
}

.modal-backdrop.show,
.watching_player-area {
    background: #000;
}

.search-content .search-result-pop {
    background: #2f3441;
    color: #fff;
}

.classic-tabs .nav-item .nav-link.active,
.container-404 .c4-big,
.highlight-text,
.pre-pagination .pagination .page-item .page-link:hover,
.premodal .btn-sm.btn-filter-item.active,
.premodal .btn-sm.btn-filter-item:hover,
a:hover {
    color: #00acc1;
}

#header .btn-on-header:hover,
#header_menu .header_menu-sub ul.sub-menu li:hover,
.btn-fav.active,
.link-highlight,
.ss-list .ssl-item.active .ssli-detail .ep-name,
.ss-list .ssl-item.active .ssli-order {
    color: #00acc1 !important;
}

.btn-fav.active i.fa-plus:before {
    content: "\f02e" !important;
}

.btn-filter-item {
    border: none;
    background: #333;
}

#footer a,
#footer a:hover,
#header #search-toggle.active .btn-on-header,
#header .btn-on-header,
#header_menu ul.header_menu-list .nav-item:hover > a,
#header_menu ul.header_menu-list .nav-item > a,
#mobile_menu,
#mobile_search,
#sidebar_menu .sidebar_menu-list > .nav-item > .nav-link,
#sidebar_menu a:hover,
.detail-actor .detail-header-content .dhc-stats,
.detail-header .detail-header-content .dhc-stats,
.detail_page .dp-i-c-right,
.dhc-top .status,
.film_single-item.flw-item .film-detail a,
.flw-item .pick.film-poster-tvseries,
.flw-item .pick.film-remove-fav,
.heading-name-sub,
.pre-tabs.model-tabs .nav-item .nav-link,
.search-content .search-result-pop .nav-bottom,
.search-content .search-submit i,
.sht-heading,
.ss-list .ssl-item .ssli-btn .btn.btn-circle,
.ulclear.azList li a:hover,
.watching_player-control .btn {
    color: #fff;
}

.pre-tabs .nav-item .nav-link.active {
    color: #00acc1 !important;
}

.film-servers .fss-list li.active .btn-play,
.film-servers .fss-list li.suggest .btn-play {
    color: #fff !important;
}

#header #logo span,
#sidebar_menu .toggle-sidebar,
.pre-tabs .nav-item .nav-link,
.search-content .search-result-pop .nav-item .srp-detail .film-name {
    color: #fff !important;
}

#header_menu .header_menu-sub ul.sub-menu li a,
.badge-imdb,
.btn-secondary,
.detail-infor,
.film-servers .fss-list li .btn-play i,
.film-servers .fss-list li.active .btn-play:before,
.film-servers .fss-list li.suggest .btn-play:before,
.flw-item .pick.film-poster-eps,
.flw-item .pick.film-poster-quality,
.pre-pagination .pagination .page-item .page-link,
.premodal .btn-sm.btn-filter-item,
.premodal .modal-content,
.premodal .modal-content .close {
    color: #111;
}

.detail_page-ep .detail-header-content .alert-light,
.detail_page-ep .film-servers .fss-list li.active .btn-play,
.detail_page-ep .film-servers .fss-list li.active .btn-play i,
.detail_page-ep .film-servers .fss-list li.suggest .btn-play,
.detail_page-ep .film-servers .fss-list li.suggest .btn-play i,
.film-servers .fss-list li .btn-play,
.premodal-login .modal-content,
.watching_player-control .btn.active,
.watching_player-control .btn:hover {
    color: #111 !important;
}

.ssc-servers .bah-tabs .pre-tabs .nav-item .nav-link {
    background: #fff;
}

.ssc-servers .bah-tabs .pre-tabs .nav-item .nav-link.active {
    background: #621a3a;
}

.ssc-button {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
    background: 0 0;
    border: 1px solid #aaa;
}

.ssc-button .ssc-name {
    color: #fff;
}

.ss-choice .dropdown-menu-model .dropdown-item .badge {
    background: #e7ecf2;
    color: #111;
}

.premodal-filter .modal-dialog .modal-content {
    background: #0f0f0f;
    color: #fff;
}

.premodal-filter .modal-dialog .modal-content .btn-filter-item {
    background: 0 0 !important;
    border: 1px solid #222 !important;
    color: #aaa !important;
    font-size: 12px !important;
}

.premodal-filter .modal-dialog .modal-content .btn-filter-item:hover {
    border: 1px solid #fff !important;
    color: #fff !important;
}

.premodal-filter .modal-dialog .modal-content .btn-filter-item.active {
    background: 0 0 !important;
    color: #00acc1 !important;
    border: 1px solid #222 !important;
}

@media screen and (max-width: 1199px) {
    #header #search-toggle.active .btn-on-header {
        background: 0 0;
        color: #aceb2f;
    }

    #search {
        background: #621a3a;
    }

    .search-content .search-icon {
        color: #111;
    }

    .text-home .btn-expand {
        background: #e2e6ea !important;
        color: #111 !important;
    }

    .text-home .btn-expand:hover {
        background: #fff !important;
        color: #111 !important;
    }

    #header_login .btn-login {
        background: 0 0 !important;
    }
}

@media screen and (max-width: 998px) {
    .watching_player-control {
        background: #111;
    }
}

@media screen and (max-width: 759px) {
    .detail_page-watch .dp-w-cover .dp-w-c-play {
        background: #fff;
        color: #111;
    }

    .detail-cover:before {
        background: rgba(32, 14, 22, 0.8) !important;
    }

    .detail_page-ep .detail-header-content .alert-light {
        background: rgba(0, 0, 0, 0.7) !important;
        color: #ccc !important;
    }
}

@media screen and (max-width: 639px) {
    .header_right-user.logged > .dropdown > .btn-primary {
        background: #fff !important;
        color: #621a3a !important;
    }

    .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-tv .dp-i-c-right .detail-extend-toggle {
        background: #222;
        color: #fff;
    }

    .detail_page-watch .detail_page-infor {
        border-bottom: 3px solid #eee;
    }
}

@media screen and (max-width: 480px) {
    .detail_page-watch .detail_page-infor .dp-i-stats .item {
        border-right: 1px solid #666;
    }
}

@media screen and (max-width: 479px) {
    .seasons-list .sl-content .slc-eps .slce-server ul li a.active {
        background: #621a3a !important;
        color: #fff !important;
    }

    #slider .swiper-slide {
        background: #621a3a;
    }

    #slider .swiper-slide .slide-photo:before {
        background: #621a3a;
        background: -moz-linear-gradient(
            0deg,
            #621a3a 0,
            rgba(17, 17, 17, 0) 100%
        );
        background: -webkit-linear-gradient(
            0deg,
            #621a3a 0,
            rgba(17, 17, 17, 0) 100%
        );
        background: linear-gradient(0deg, #621a3a 0, rgba(17, 17, 17, 0) 100%);
    }

    .premodal-filter .modal-content .modal-body {
        padding: 20px 20px;
    }

    .ss-choice .btn-light {
        background: #6d7784 !important;
        color: #fff !important;
    }

    .dropdown-menu-model .dropdown-item {
        background: #d8dde3;
    }

    .dropdown-menu-model .dropdown-item:hover {
        background: #621a3a;
        color: #fff;
    }

    .ss-list .ssl-item:nth-child(2n + 1) {
        background: #e7ecf2;
    }

    .detail-seasons {
        background: 0 0;
    }

    .ssc-button {
        border: 1px solid #e7ecf2;
        box-shadow: none;
    }

    .ss-choice .dropdown-menu-model {
        border: 1px solid #e7ecf2;
    }

    .ss-choice .dropdown-menu-model .dropdown-item {
        background: #fff;
        color: #111;
    }

    .ss-choice .dropdown-menu-model .dropdown-item.active {
        background: #621a3a;
        color: #fff;
    }
}

/*  home page */
.at-icon {
    fill: #fff;
    border: 0;
}

.at-icon-wrapper {
    display: inline-block;
    overflow: hidden;
}

a .at-icon-wrapper {
    cursor: pointer;
}

.at-rounded,
.at-rounded-element .at-icon-wrapper {
    border-radius: 12%;
}

.at-circular,
.at-circular-element .at-icon-wrapper {
    border-radius: 50%;
}

.addthis_32x32_style .at-icon {
    width: 2pc;
    height: 2pc;
}

.addthis_24x24_style .at-icon {
    width: 24px;
    height: 24px;
}

.addthis_20x20_style .at-icon {
    width: 20px;
    height: 20px;
}

.addthis_16x16_style .at-icon {
    width: 1pc;
    height: 1pc;
}

#at16lb {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background-color: #000;
    opacity: 0.001;
}

#at_complete,
#at_error,
#at_share,
#at_success {
    position: static !important;
}

.at15dn {
    display: none;
}

#at15s,
#at16p,
#at16p form input,
#at16p label,
#at16p textarea,
#at_share .at_item {
    font-family: arial, helvetica, tahoma, verdana, sans-serif !important;
    font-size: 9pt !important;
    outline-style: none;
    outline-width: 0;
    line-height: 1em;
}

* html #at15s.mmborder {
    position: absolute !important;
}

#at15s.mmborder {
    position: fixed !important;
    width: 250px !important;
}

#at15s {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);
    float: none;
    line-height: 1em;
    margin: 0;
    overflow: visible;
    padding: 5px;
    text-align: left;
    position: absolute;
}

#at15s a,
#at15s span {
    outline: 0;
    direction: ltr;
    text-transform: none;
}

#at15s .at-label {
    margin-left: 5px;
}

#at15s .at-icon-wrapper {
    width: 1pc;
    height: 1pc;
    vertical-align: middle;
}

#at15s .at-icon {
    width: 1pc;
    height: 1pc;
}

.at4-icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
}

.addthis_16x16_style .at4-icon,
.addthis_default_style .at4-icon,
.at4-icon,
.at-16x16 {
    width: 1pc;
    height: 1pc;
    line-height: 1pc;
    background-size: 1pc !important;
}

.addthis_32x32_style .at4-icon,
.at-32x32 {
    width: 2pc;
    height: 2pc;
    line-height: 2pc;
    background-size: 2pc !important;
}

.addthis_24x24_style .at4-icon,
.at-24x24 {
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-size: 24px !important;
}

.addthis_20x20_style .at4-icon,
.at-20x20 {
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-size: 20px !important;
}

.at4-icon.circular,
.circular .at4-icon,
.circular.aticon {
    border-radius: 50%;
}

.at4-icon.rounded,
.rounded .at4-icon {
    border-radius: 4px;
}

.at4-icon-left {
    float: left;
}

#at15s .at4-icon {
    text-indent: 20px;
    padding: 0;
    overflow: visible;
    white-space: nowrap;
    background-size: 1pc;
    width: 1pc;
    height: 1pc;
    background-position: top left;
    display: inline-block;
    line-height: 1pc;
}

.addthis_vertical_style .at4-icon,
.at4-follow-container .at4-icon {
    margin-right: 5px;
}

html > body #at15s {
    width: 250px !important;
}

#at15s.atm {
    background: none !important;
    padding: 0 !important;
    width: 10pc !important;
}

#at15s_inner {
    background: #fff;
    border: 1px solid #fff;
    margin: 0;
}

#at15s_head {
    position: relative;
    background: #f2f2f2;
    padding: 4px;
    cursor: default;
    border-bottom: 1px solid #e5e5e5;
}

.at15s_head_success {
    background: #cafd99 !important;
    border-bottom: 1px solid #a9d582 !important;
}

.at15s_head_success a,
.at15s_head_success span {
    color: #000 !important;
    text-decoration: none;
}

#at15s_brand,
#at15sptx,
#at16_brand {
    position: absolute;
}

#at15s_brand {
    top: 4px;
    right: 4px;
}

.at15s_brandx {
    right: 20px !important;
}

a#at15sptx {
    top: 4px;
    right: 4px;
    text-decoration: none;
    color: #4c4c4c;
    font-weight: 700;
}

#at15sptx:hover {
    text-decoration: underline;
}

#at16_brand {
    top: 5px;
    right: 30px;
    cursor: default;
}

#at_hover {
    padding: 4px;
}

#at_hover .at_item,
#at_share .at_item {
    background: #fff !important;
    float: left !important;
    color: #4c4c4c !important;
}

#at_share .at_item .at-icon-wrapper {
    margin-right: 5px;
}

#at_hover .at_bold {
    font-weight: 700;
    color: #000 !important;
}

#at_hover .at_item {
    width: 7pc !important;
    padding: 2px 3px !important;
    margin: 1px;
    text-decoration: none !important;
}

#at_hover .at_item.athov,
#at_hover .at_item:focus,
#at_hover .at_item:hover {
    margin: 0 !important;
}

#at_hover .at_item.athov,
#at_hover .at_item:focus,
#at_hover .at_item:hover,
#at_share .at_item.athov,
#at_share .at_item:hover {
    background: #f2f2f2 !important;
    border: 1px solid #e5e5e5;
    color: #000 !important;
    text-decoration: none;
}

.ipad #at_hover .at_item:focus {
    background: #fff !important;
    border: 1px solid #fff;
}

.at15t {
    display: block !important;
    height: 1pc !important;
    line-height: 1pc !important;
    padding-left: 20px !important;
    background-position: 0 0;
    text-align: left;
}

.addthis_button,
.at15t {
    cursor: pointer;
}

.addthis_toolbox a.at300b,
.addthis_toolbox a.at300m {
    width: auto;
}

.addthis_toolbox a {
    margin-bottom: 5px;
    line-height: initial;
}

.addthis_toolbox.addthis_vertical_style {
    width: 200px;
}

.addthis_button_facebook_like .fb_iframe_widget {
    line-height: 100%;
}

.addthis_button_facebook_like iframe.fb_iframe_widget_lift {
    max-width: none;
}

.addthis_toolbox a.addthis_button_counter,
.addthis_toolbox a.addthis_button_facebook_like,
.addthis_toolbox a.addthis_button_facebook_send,
.addthis_toolbox a.addthis_button_facebook_share,
.addthis_toolbox a.addthis_button_foursquare,
.addthis_toolbox a.addthis_button_linkedin_counter,
.addthis_toolbox a.addthis_button_pinterest_pinit,
.addthis_toolbox a.addthis_button_tweet {
    display: inline-block;
}

.addthis_toolbox span.addthis_follow_label {
    display: none;
}

.addthis_toolbox.addthis_vertical_style span.addthis_follow_label {
    display: block;
    white-space: nowrap;
}

.addthis_toolbox.addthis_vertical_style a {
    display: block;
}

.addthis_toolbox.addthis_vertical_style.addthis_32x32_style a {
    line-height: 2pc;
    height: 2pc;
}

.addthis_toolbox.addthis_vertical_style .at300bs {
    margin-right: 4px;
    float: left;
}

.addthis_toolbox.addthis_20x20_style span {
    line-height: 20px;
}

.addthis_toolbox.addthis_32x32_style span {
    line-height: 2pc;
}

.addthis_toolbox.addthis_pill_combo_style
    .addthis_button_compact
    .at15t_compact,
.addthis_toolbox.addthis_pill_combo_style a {
    float: left;
}

.addthis_toolbox.addthis_pill_combo_style a.addthis_button_tweet {
    margin-top: -2px;
}

.addthis_toolbox.addthis_pill_combo_style
    .addthis_button_compact
    .at15t_compact {
    margin-right: 4px;
}

.addthis_default_style .addthis_separator {
    margin: 0 5px;
    display: inline;
}

div.atclear {
    clear: both;
}

.addthis_default_style .addthis_separator,
.addthis_default_style .at4-icon,
.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300bs,
.addthis_default_style .at300m {
    float: left;
}

.at300b img,
.at300bo img {
    border: 0;
}

a.at300b .at4-icon,
a.at300m .at4-icon {
    display: block;
}

.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300m {
    padding: 0 2px;
}

.at300b,
.at300bo,
.at300bs,
.at300m {
    cursor: pointer;
}

.addthis_button_facebook_like.at300b:hover,
.addthis_button_facebook_like.at300bs:hover,
.addthis_button_facebook_send.at300b:hover,
.addthis_button_facebook_send.at300bs:hover {
    opacity: 1;
}

.addthis_20x20_style .at15t,
.addthis_20x20_style .at300bs {
    overflow: hidden;
    display: block;
    height: 20px !important;
    width: 20px !important;
    line-height: 20px !important;
}

.addthis_32x32_style .at15t,
.addthis_32x32_style .at300bs {
    overflow: hidden;
    display: block;
    height: 2pc !important;
    width: 2pc !important;
    line-height: 2pc !important;
}

.at300bs {
    overflow: hidden;
    display: block;
    background-position: 0 0;
    height: 1pc;
    width: 1pc;
    line-height: 1pc !important;
}

.addthis_default_style .at15t_compact,
.addthis_default_style .at15t_expanded {
    margin-right: 4px;
}

#at_share .at_item {
    width: 123px !important;
    padding: 4px;
    margin-right: 2px;
    border: 1px solid #fff;
}

#at16p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);
    z-index: 10000001;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    padding: 10px;
    margin: 0 auto;
    margin-top: -185px;
    margin-left: -155px;
    font-family: arial, helvetica, tahoma, verdana, sans-serif;
    font-size: 9pt;
    color: #5e5e5e;
}

#at_share {
    margin: 0;
    padding: 0;
}

#at16pt {
    position: relative;
    background: #f2f2f2;
    height: 13px;
    padding: 5px 10px;
}

#at16pt a,
#at16pt h4 {
    font-weight: 700;
}

#at16pt h4 {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 9pt;
    color: #4c4c4c;
    cursor: default;
}

#at16pt a {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #4c4c4c;
    text-decoration: none;
    padding: 2px;
}

#at15sptx:focus,
#at16pt a:focus {
    outline: thin dotted;
}

#at15s #at16pf a {
    top: 1px;
}

#_atssh {
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
}

.atm {
    width: 10pc !important;
    padding: 0;
    margin: 0;
    line-height: 9pt;
    letter-spacing: normal;
    font-family: arial, helvetica, tahoma, verdana, sans-serif;
    font-size: 9pt;
    color: #444;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);
    padding: 4px;
}

.atm-f {
    text-align: right;
    border-top: 1px solid #ddd;
    padding: 5px 8px;
}

.atm-i {
    background: #fff;
    border: 1px solid #d5d6d6;
    padding: 0;
    margin: 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
}

.atm-s {
    margin: 0 !important;
    padding: 0 !important;
}

.atm-s a:focus {
    border: transparent;
    outline: 0;
    transition: none;
}

#at_hover.atm-s a,
.atm-s a {
    display: block;
    text-decoration: none;
    padding: 4px 10px;
    color: #235dab !important;
    font-weight: 400;
    font-style: normal;
    transition: none;
}

#at_hover.atm-s .at_bold {
    color: #235dab !important;
}

#at_hover.atm-s a:hover,
.atm-s a:hover {
    background: #2095f0;
    text-decoration: none;
    color: #fff !important;
}

#at_hover.atm-s .at_bold {
    font-weight: 700;
}

#at_hover.atm-s a:hover .at_bold {
    color: #fff !important;
}

.atm-s a .at-label {
    vertical-align: middle;
    margin-left: 5px;
    direction: ltr;
}

.at_PinItButton {
    display: block;
    width: 40px;
    height: 20px;
    padding: 0;
    margin: 0;
    background-image: url(//s7.addthis.com/static/t00/pinit00.png);
    background-repeat: no-repeat;
}

.at_PinItButton:hover {
    background-position: 0 -20px;
}

.addthis_toolbox .addthis_button_pinterest_pinit {
    position: relative;
}

.at-share-tbx-element .fb_iframe_widget span {
    vertical-align: baseline !important;
}

#at16pf {
    height: auto;
    text-align: right;
    padding: 4px 8px;
}

.at-privacy-info {
    position: absolute;
    left: 7px;
    bottom: 7px;
    cursor: pointer;
    text-decoration: none;
    font-family: helvetica, arial, sans-serif;
    font-size: 10px;
    line-height: 9pt;
    letter-spacing: 0.2px;
    color: #666;
}

.at-privacy-info:hover {
    color: #000;
}

.body .wsb-social-share .wsb-social-share-button-vert {
    padding-top: 0;
    padding-bottom: 0;
}

.body
    .wsb-social-share.addthis_counter_style
    .addthis_button_tweet.wsb-social-share-button {
    padding-top: 40px;
}

.body
    .wsb-social-share.addthis_counter_style
    .addthis_button_facebook_like.wsb-social-share-button {
    padding-top: 21px;
}

@media print {
    #at4-follow,
    #at4-share,
    #at4-thankyou,
    #at4-whatsnext,
    #at4m-mobile,
    #at15s,
    .at4,
    .at4-recommended {
        display: none !important;
    }
}

@media screen and (max-width: 400px) {
    .at4win {
        width: 100%;
    }
}

@media screen and (max-height: 700px) and (max-width: 400px) {
    .at4-thankyou-inner .at4-recommended-container {
        height: 122px;
        overflow: hidden;
    }

    .at4-thankyou-inner .at4-recommended .at4-recommended-item:first-child {
        border-bottom: 1px solid #c5c5c5;
    }
}

.at-branding-logo {
    font-family: helvetica, arial, sans-serif;
    text-decoration: none;
    font-size: 10px;
    display: inline-block;
    margin: 2px 0;
    letter-spacing: 0.2px;
}

.at-branding-logo .at-branding-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////+GlNUkcc1QAAAB1JREFUeNpiYIQDBjQmAwMmkwEM0JnY1WIxFyDAABGeAFEudiZsAAAAAElFTkSuQmCC");
}

.at-branding-logo .at-branding-icon,
.at-branding-logo .at-privacy-icon {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 4px;
    margin-right: 3px;
    margin-bottom: -1px;
    background-repeat: no-repeat;
}

.at-branding-logo .at-privacy-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAMAAABR24SMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF8fr9ot/xXcfn2/P5AKva////////AKTWodjhjAAAAAd0Uk5T////////ABpLA0YAAAA6SURBVHjaJMzBDQAwCAJAQaj7b9xifV0kUKJ9ciWxlzWEWI5gMF65KUTv0VKkjVeTerqE/x7+9BVgAEXbAWI8QDcfAAAAAElFTkSuQmCC");
}

.at-branding-logo span {
    text-decoration: none;
}

.at-branding-logo .at-branding-addthis,
.at-branding-logo .at-branding-powered-by {
    color: #666;
}

.at-branding-logo .at-branding-addthis:hover {
    color: #333;
}

.at-cv-with-image .at-branding-addthis,
.at-cv-with-image .at-branding-addthis:hover {
    color: #fff;
}

a.at-branding-logo:visited {
    color: initial;
}

.at-branding-info {
    display: inline-block;
    padding: 0 5px;
    color: #666;
    border: 1px solid #666;
    border-radius: 50%;
    font-size: 10px;
    line-height: 9pt;
    opacity: 0.7;
    transition: all 0.3s ease;
    text-decoration: none;
}

.at-branding-info span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.at-branding-info:before {
    content: "i";
    font-family: Times New Roman;
}

.at-branding-info:hover {
    color: #0780df;
    border-color: #0780df;
}

.at-share-dock.atss {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    z-index: 1000200;
    box-shadow: 0 0 1px 1px #e2dfe2;
}

.at-share-dock.at-share-dock-zindex-hide {
    z-index: -1 !important;
}

.at-share-dock.atss-top {
    bottom: auto;
    top: 0;
}

.at-share-dock a {
    width: auto;
    transition: none;
    color: #fff;
    text-decoration: none;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.at-share-dock a:hover {
    width: auto;
}

.at-share-dock .at4-count {
    height: 43px;
    padding: 5px 0 0;
    line-height: 20px;
    background: #fff;
    font-family: Helvetica neue, arial;
}

.at-share-dock .at4-count span {
    width: 100%;
}

.at-share-dock .at4-count .at4-share-label {
    color: #848484;
    font-size: 10px;
    letter-spacing: 1px;
}

.at-share-dock .at4-count .at4-counter {
    top: 2px;
    position: relative;
    display: block;
    color: #222;
    font-size: 22px;
}

.at-share-dock.at-shfs-medium .at4-count {
    height: 36px;
    line-height: 1pc;
    padding-top: 4px;
}

.at-share-dock.at-shfs-medium .at4-count .at4-counter {
    font-size: 18px;
}

.at-share-dock.at-shfs-medium .at-share-btn .at-icon-wrapper,
.at-share-dock.at-shfs-medium a .at-icon-wrapper {
    padding: 6px 0;
}

.at-share-dock.at-shfs-small .at4-count {
    height: 26px;
    line-height: 1;
    padding-top: 3px;
}

.at-share-dock.at-shfs-small .at4-count .at4-share-label {
    font-size: 8px;
}

.at-share-dock.at-shfs-small .at4-count .at4-counter {
    font-size: 14px;
}

.at-share-dock.at-shfs-small .at-share-btn .at-icon-wrapper,
.at-share-dock.at-shfs-small a .at-icon-wrapper {
    padding: 4px 0;
}

div.at-share-close-control.ats-dark,
div.at-share-open-control-left.ats-dark,
div.at-share-open-control-right.ats-dark {
    background: #262b30;
}

div.at-share-close-control.ats-light,
div.at-share-open-control-left.ats-light,
div.at-share-open-control-right.ats-light {
    background: #fff;
}

div.at-share-close-control.ats-gray,
div.at-share-open-control-left.ats-gray,
div.at-share-open-control-right.ats-gray {
    background: #f2f2f2;
}

.atss {
    position: fixed;
    top: 20%;
    width: 3pc;
    z-index: 100020;
    background: none;
}

.at-share-close-control {
    position: relative;
    width: 3pc;
    overflow: auto;
}

.at-share-open-control-left {
    position: fixed;
    top: 20%;
    z-index: 100020;
    left: 0;
    width: 22px;
}

.at-share-close-control .at4-arrow.at-left {
    float: right;
}

.atss-left {
    left: 0;
    float: left;
    right: auto;
}

.atss-right {
    left: auto;
    float: right;
    right: 0;
}

.atss-right.at-share-close-control .at4-arrow.at-right {
    position: relative;
    right: 0;
    overflow: auto;
}

.atss-right.at-share-close-control .at4-arrow {
    float: left;
}

.at-share-open-control-right {
    position: fixed;
    top: 20%;
    z-index: 100020;
    right: 0;
    width: 22px;
    float: right;
}

.atss-right .at-share-close-control .at4-arrow {
    float: left;
}

.atss.atss-right a {
    float: right;
}

.atss.atss-right .at4-share-title {
    float: right;
    overflow: hidden;
}

.atss .at-share-btn,
.atss a {
    position: relative;
    display: block;
    width: 3pc;
    margin: 0;
    outline-offset: -1px;
    text-align: center;
    float: left;
    transition: width 0.15s ease-in-out;
    overflow: hidden;
    background: #e8e8e8;
    z-index: 100030;
    cursor: pointer;
}

.at-share-btn::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.atss-right .at-share-btn {
    float: right;
}

.atss .at-share-btn {
    border: 0;
    padding: 0;
}

.atss .at-share-btn:focus,
.atss .at-share-btn:hover,
.atss a:focus,
.atss a:hover {
    width: 4pc;
}

.atss .at-share-btn .at-icon-wrapper,
.atss a .at-icon-wrapper {
    display: block;
    padding: 8px 0;
}

.atss .at-share-btn:last-child,
.atss a:last-child {
    border: none;
}

.atss .at-share-btn span .at-icon,
.atss a span .at-icon {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 2pc;
    height: 2pc;
    line-height: 2pc;
    border: none;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer;
    cursor: hand;
}

.at4-share .at-custom-sidebar-counter {
    font-family: Helvetica neue, arial;
    vertical-align: top;
    margin-right: 4px;
    display: inline-block;
    text-align: center;
}

.at4-share .at-custom-sidebar-count {
    font-size: 17px;
    line-height: 1.25em;
    color: #222;
}

.at4-share .at-custom-sidebar-text {
    font-size: 9px;
    line-height: 1.25em;
    color: #888;
    letter-spacing: 1px;
}

.at4-share .at4-share-count-container {
    position: absolute;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: inherit;
}

.at4-share .at4-share-count,
.at4-share .at4-share-count-container {
    line-height: 1pc;
    font-size: 10px;
}

.at4-share .at4-share-count {
    text-indent: 0;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    width: 100%;
    height: 1pc;
}

.at4-share .at4-share-count-anchor {
    padding-bottom: 8px;
    text-decoration: none;
    transition: padding 0.15s ease-in-out 0.15s, width 0.15s ease-in-out;
}

#at4-drawer-outer-container {
    top: 0;
    width: 20pc;
    position: fixed;
}

#at4-drawer-outer-container.at4-drawer-inline {
    position: relative;
}

#at4-drawer-outer-container.at4-drawer-inline.at4-drawer-right {
    float: right;
    right: 0;
    left: auto;
}

#at4-drawer-outer-container.at4-drawer-inline.at4-drawer-left {
    float: left;
    left: 0;
    right: auto;
}

#at4-drawer-outer-container.at4-drawer-shown,
#at4-drawer-outer-container.at4-drawer-shown * {
    z-index: 999999;
}

#at4-drawer-outer-container,
#at4-drawer-outer-container .at4-drawer-outer,
#at-drawer {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.at4-drawer-push-content-right-back {
    position: relative;
    right: 0;
}

.at4-drawer-push-content-right {
    position: relative;
    left: 20pc !important;
}

.at4-drawer-push-content-left-back {
    position: relative;
    left: 0;
}

.at4-drawer-push-content-left {
    position: relative;
    right: 20pc !important;
}

#at4-drawer-outer-container.at4-drawer-right {
    left: auto;
    right: -20pc;
}

#at4-drawer-outer-container.at4-drawer-left {
    right: auto;
    left: -20pc;
}

#at4-drawer-outer-container.at4-drawer-shown.at4-drawer-right {
    left: auto;
    right: 0;
}

#at4-drawer-outer-container.at4-drawer-shown.at4-drawer-left {
    right: auto;
    left: 0;
}

#at-drawer {
    top: 0;
    z-index: 9999999;
    height: 100%;
    animation-duration: 0.4s;
}

#at-drawer.drawer-push.at-right {
    right: -20pc;
}

#at-drawer.drawer-push.at-left {
    left: -20pc;
}

#at-drawer .at-recommended-label {
    padding: 0 0 0 20px;
    color: #999;
    line-height: 3pc;
    font-size: 18px;
    font-weight: 300;
    cursor: default;
}

#at-drawer-arrow {
    width: 30px;
    height: 5pc;
}

#at-drawer-arrow.ats-dark {
    background: #262b30;
}

#at-drawer-arrow.ats-gray {
    background: #f2f2f2;
}

#at-drawer-open-arrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAABcCAYAAAC1OT8uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk3ODNCQjdERUQ3QjExRTM5NjFGRUZBODc3MTIwMTNCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk3ODNCQjdFRUQ3QjExRTM5NjFGRUZBODc3MTIwMTNCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTc4M0JCN0JFRDdCMTFFMzk2MUZFRkE4NzcxMjAxM0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTc4M0JCN0NFRDdCMTFFMzk2MUZFRkE4NzcxMjAxM0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7kstzCAAAB4ElEQVR42uyWv0oDQRDGb9dYimgVjliID2Ca9AGfwtZob2Grja1PIFj7EhGCYK99VPBPOkVMp8X5rc6FeN7dfjOksMjAxwXZ3667OzvfLKRr682l5ZV9aDh+fxsnRHhoDzqGLjFBi4XOoFtoAxowoB893o/w7WpAl/+QgQMBwwRdTPhUC2lAV/wDA7qy5WOgq9psHejqTqkKdLE7KYCv0JZjMgBgB58raBG6mP1K6j2pT099T+qMUOeeOss1wDcEIA1PnQXy576rAUI0oFMoC7VCnn40Gs8Pd4lAiXNUKmJ0lh1mPzGEWiyUCqAGW3Pwv4IvUJsFO9CHgP3Zr6Te0xwgAf3LxaAjS241pbikCRkOg+nSJdV4p8HOPl3vvRYI5dtrgVDvvcWovcWovcWovcWovcWovcWovQChWNywNpqvdAKtQp/QNmPUIQ6kwwqt2Xmsxf6GMPM1Pptsbz45CPmXqKb+15Gz4J/LZcDSNIqBlQlbB0afe1mmUDWiCNKFZRq0VKMeXY1CTDq2sJLWsCmoaBBRqNRR6qBKC6qCaj2rDIqaXBGiXHEaom00h1S+K3fVlr6HNuqgvgCh0+owt21bybQn8+mZ78mcEebcM2e5+T2ZX24ZqCph0qn1vgQYAJ/KDpLQr2tPAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    width: 13px;
    height: 23px;
    margin: 28px 0 0 8px;
}

.at-left #at-drawer-open-arrow {
    background-position: 0 -46px;
}

.ats-dark #at-drawer-open-arrow {
    background-position: 0 -23px;
}

.ats-dark.at-left #at-drawer-open-arrow {
    background-position: 0 -69px;
}

#at-drawer-arrow.at4-drawer-modern-browsers {
    position: fixed;
    top: 40%;
    background-repeat: no-repeat;
    background-position: 0 0 !important;
    z-index: 9999999;
}

.at4-drawer-inline #at-drawer-arrow {
    position: absolute;
}

#at-drawer-arrow.at4-drawer-modern-browsers.at-right {
    right: 0;
}

#at-drawer-arrow.at4-drawer-modern-browsers.at-left {
    left: 0;
}

.at4-drawer-push-animation-left {
    transition: left 0.4s ease-in-out 0.15s;
}

.at4-drawer-push-animation-right {
    transition: right 0.4s ease-in-out 0.15s;
}

#at-drawer.drawer-push.at4-drawer-push-animation-right {
    right: 0;
}

#at-drawer.drawer-push.at4-drawer-push-animation-right-back {
    right: -20pc !important;
}

#at-drawer.drawer-push.at4-drawer-push-animation-left {
    left: 0;
}

#at-drawer.drawer-push.at4-drawer-push-animation-left-back {
    left: -20pc !important;
}

#at-drawer .at4-closebutton.drawer-close {
    content: "X";
    color: #999;
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    width: 3pc;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    opacity: 0.5;
}

#at-drawer.ats-dark .at4-closebutton.drawer-close {
    color: #fff;
}

#at-drawer .at4-closebutton.drawer-close:hover {
    opacity: 1;
}

#at-drawer.ats-dark.at4-recommended .at4-logo-container a {
    color: #666;
}

#at-drawer.at4-recommended .at4-recommended-vertical {
    padding: 0;
}

#at-drawer.at4-recommended .at4-recommended-item .sponsored-label {
    margin: 2px 0 0 21px;
    color: #ddd;
}

#at-drawer.at4-recommended .at4-recommended-vertical .at4-recommended-item {
    position: relative;
    padding: 0;
    width: 20pc;
    height: 180px;
    margin: 0;
}

#at-drawer.at4-recommended
    .at4-recommended-vertical
    .at4-recommended-item
    .at4-recommended-item-img
    a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1000000;
    transition: all 0.2s ease-in-out;
}

#at-drawer.at4-recommended
    .at4-recommended-vertical
    .at4-recommended-item.at-hover
    .at4-recommended-item-img
    a:after {
    background: rgba(0, 0, 0, 0.8);
}

#at-drawer
    .at4-recommended-vertical
    .at4-recommended-item
    .at4-recommended-item-img,
#at-drawer
    .at4-recommended-vertical
    .at4-recommended-item
    .at4-recommended-item-img
    a,
#at-drawer
    .at4-recommended-vertical
    .at4-recommended-item
    .at4-recommended-item-img
    img {
    width: 20pc;
    height: 180px;
    float: none;
}

#at-drawer
    .at4-recommended-vertical
    .at4-recommended-item
    .at4-recommended-item-caption {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 70px;
}

#at-drawer
    .at4-recommended-vertical
    .at4-recommended-item
    .at4-recommended-item-caption
    .at-h4 {
    color: #fff;
    position: absolute;
    height: 52px;
    top: 0;
    left: 20px;
    right: 20px;
    margin: 0;
    padding: 0;
    line-height: 25px;
    font-size: 20px;
    font-weight: 600;
    z-index: 1000001;
    text-decoration: none;
    text-transform: none;
}

#at-drawer.at4-recommended
    .at4-recommended-vertical
    .at4-recommended-item
    .at4-recommended-item-caption
    .at-h4
    a:hover {
    text-decoration: none;
}

#at-drawer.at4-recommended
    .at4-recommended-vertical
    .at4-recommended-item
    .at4-recommended-item-caption
    .at-h4
    a:link {
    color: #fff;
}

#at-drawer.at4-recommended
    .at4-recommended-vertical
    .at4-recommended-item
    .at4-recommended-item-caption
    small {
    position: absolute;
    top: auto;
    bottom: 10px;
    left: 20px;
    width: auto;
    color: #ccc;
}

#at-drawer.at4-recommended .at4-logo-container {
    margin-left: 20px;
}

#at-drawer.ats-dark.at4-recommended .at4-logo-container a:hover {
    color: #fff;
}

#at-drawer.at4-recommended .at-logo {
    margin: 0;
}

.at4-follow.at-mobile {
    display: none !important;
}

.at4-follow {
    position: fixed;
    top: 0;
    right: 0;
    font-weight: 400;
    color: #666;
    cursor: default;
    z-index: 10001;
}

.at4-follow .at4-follow-inner {
    position: relative;
    padding: 10px 24px 10px 15px;
}

.at4-follow-inner,
.at-follow-open-control {
    border: 0 solid #c5c5c5;
    border-width: 1px 0 1px 1px;
    margin-top: -1px;
}

.at4-follow .at4-follow-container {
    margin-left: 9pt;
}

.at4-follow.at4-follow-24 .at4-follow-container {
    height: 24px;
    line-height: 23px;
    font-size: 13px;
}

.at4-follow.at4-follow-32 .at4-follow-container {
    width: 15pc;
    height: 2pc;
    line-height: 2pc;
    font-size: 14px;
}

.at4-follow .at4-follow-container .at-follow-label {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    padding: 0;
    cursor: default;
    float: left;
}

.at4-follow .at4-follow-container .at-icon-wrapper {
    height: 24px;
    width: 24px;
}

.at4-follow.ats-transparent .at4-follow-inner,
.at-follow-open-control.ats-transparent {
    border-color: transparent;
}

.at4-follow.ats-dark .at4-follow-inner,
.at-follow-open-control.ats-dark {
    background: #262b30;
    border-color: #000;
    color: #fff;
}

.at4-follow.ats-dark .at-follow-close-control {
    background-color: #262b30;
}

.at4-follow.ats-light .at4-follow-inner {
    background: #fff;
    border-color: #c5c5c5;
}

.at4-follow.ats-gray .at4-follow-inner,
.at-follow-open-control.ats-gray {
    background: #f2f2f2;
    border-color: #c5c5c5;
}

.at4-follow.ats-light .at4-follow-close-control,
.at-follow-open-control.ats-light {
    background: #e5e5e5;
}

.at4-follow .at4-follow-inner .at4-follow-close-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    cursor: pointer;
    display: none;
}

.at4-follow .at4-follow-inner .at4-follow-close-control div {
    display: block;
    line-height: 20px;
    text-indent: -9999em;
    margin-top: calc(50% + 1px);
    overflow: hidden;
}

.at-follow-open-control div.at4-arrow.at-left {
    background-position: 0 -2px;
}

.at-follow-open-control {
    position: fixed;
    height: 35px;
    top: 0;
    right: 0;
    padding-top: 10px;
    z-index: 10002;
}

.at-follow-btn {
    margin: 0 5px 5px 0;
    padding: 0;
    outline-offset: -1px;
    display: inline-block;
    box-sizing: content-box;
    transition: all 0.2s ease-in-out;
}

.at-follow-btn:focus,
.at-follow-btn:hover {
    transform: translateY(-4px);
}

.at4-follow-24 .at-follow-btn {
    height: 25px;
    line-height: 0;
    width: 25px;
}

.at-follow-tbx-element .at300b,
.at-follow-tbx-element .at300m {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0 2px 5px;
    outline-offset: -1px;
    transition: all 0.2s ease-in-out;
}

.at-follow-tbx-element .at300b:focus,
.at-follow-tbx-element .at300b:hover,
.at-follow-tbx-element .at300m:focus,
.at-follow-tbx-element .at300m:hover {
    transform: translateY(-4px);
}

.at-follow-tbx-element .addthis_vertical_style .at300b,
.at-follow-tbx-element .addthis_vertical_style .at300m {
    display: block;
}

.at-follow-tbx-element .addthis_vertical_style .at300b .addthis_follow_label,
.at-follow-tbx-element .addthis_vertical_style .at300b .at-icon-wrapper,
.at-follow-tbx-element .addthis_vertical_style .at300m .addthis_follow_label,
.at-follow-tbx-element .addthis_vertical_style .at300m .at-icon-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.at-follow-tbx-element .addthis_vertical_style .at300b:focus,
.at-follow-tbx-element .addthis_vertical_style .at300b:hover,
.at-follow-tbx-element .addthis_vertical_style .at300m:focus,
.at-follow-tbx-element .addthis_vertical_style .at300m:hover {
    transform: none;
}

.at4-jumboshare .at-share-btn {
    display: inline-block;
    margin-right: 13px;
    margin-top: 13px;
}

.at4-jumboshare .at-share-btn .at-icon {
    float: left;
}

.at4-jumboshare .at-share-btn .at300bs {
    display: inline-block;
    float: left;
    cursor: pointer;
}

.at4-jumboshare .at4-mobile .at-share-btn .at-icon,
.at4-jumboshare .at4-mobile .at-share-btn .at-icon-wrapper {
    margin: 0;
    padding: 0;
}

.at4-jumboshare .at4-mobile .at-share-btn {
    padding: 0;
}

.at4-jumboshare .at4-mobile .at-share-btn .at-label {
    display: none;
}

.at4-jumboshare .at4-count {
    font-size: 60px;
    line-height: 60px;
    font-family: Helvetica neue, arial;
    font-weight: 700;
}

.at4-jumboshare .at4-count-container {
    display: table-cell;
    text-align: center;
    min-width: 200px;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.at4-jumboshare .at4-share-container {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.at4-jumboshare .at4-share-container.at-share-tbx-element {
    padding-top: 0;
}

.at4-jumboshare .at4-title {
    position: relative;
    font-size: 18px;
    line-height: 18px;
    bottom: 2px;
}

.at4-jumboshare .at4-spacer {
    height: 1px;
    display: block;
    visibility: hidden;
    opacity: 0;
}

.at4-jumboshare .at-share-btn {
    display: inline-block;
    margin: 0 2px;
    line-height: 0;
    padding: 0;
    overflow: hidden;
    text-decoration: none;
    text-transform: none;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border: 0;
    background-color: transparent;
}

.at4-jumboshare .at-share-btn:focus,
.at4-jumboshare .at-share-btn:hover {
    transform: translateY(-4px);
    color: #fff;
    text-decoration: none;
}

.at4-jumboshare .at-label {
    font-family: helvetica neue, helvetica, arial, sans-serif;
    font-size: 9pt;
    padding: 0 15px 0 0;
    margin: 0;
    height: 2pc;
    line-height: 2pc;
    background: none;
}

.at4-jumboshare .at-share-btn:hover,
.at4-jumboshare .at-share-btn:link {
    text-decoration: none;
}

.at4-jumboshare .at-share-btn::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.at4-jumboshare.at-mobile .at-label {
    display: none;
}

.at4-recommendedbox-outer-container {
    display: inline;
}

.at4-recommended-outer {
    position: static;
}

.at4-recommended {
    top: 20%;
    margin: 0;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #666;
}

.at4-recommended.at-inline .at4-recommended-horizontal {
    text-align: left;
}

.at4-recommended-recommendedbox {
    padding: 0;
    z-index: inherit;
}

.at4-recommended-recommended {
    padding: 40px 0;
}

.at4-recommended-horizontal {
    max-height: 340px;
}

.at4-recommended.at-medium .at4-recommended-horizontal {
    max-height: 15pc;
}

.at4-recommended.at4-minimal.at-medium .at4-recommended-horizontal {
    padding-top: 10px;
    max-height: 230px;
}

.at4-recommended-text-only .at4-recommended-horizontal {
    max-height: 130px;
}

.at4-recommended-horizontal {
    padding-top: 5px;
    overflow-y: hidden;
}

.at4-minimal {
    background: none;
    color: #000;
    border: none !important;
    box-shadow: none !important;
}

@media screen and (max-width: 900px) {
    .at4-recommended-horizontal .at4-recommended-item,
    .at4-recommended-horizontal
        .at4-recommended-item
        .at4-recommended-item-img {
        width: 15pc;
    }
}

.at4-recommended.at4-minimal
    .at4-recommended-horizontal
    .at4-recommended-item
    .at4-recommended-item-caption {
    padding: 0 0 10px;
}

.at4-recommended.at4-minimal
    .at4-recommended-horizontal
    .at4-recommended-item-caption {
    padding: 20px 0 0 !important;
}

.addthis-smartlayers .at4-recommended .at-h3.at-recommended-label {
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #464646;
    width: 100%;
    display: inline-block;
    zoom: 1;
}

.addthis-smartlayers .at4-recommended.at-inline .at-h3.at-recommended-label {
    text-align: left;
}

#at4-thankyou
    .addthis-smartlayers
    .at4-recommended.at-inline
    .at-h3.at-recommended-label {
    text-align: center;
}

.at4-recommended .at4-recommended-item {
    display: inline-block;
    zoom: 1;
    position: relative;
    background: #fff;
    border: 1px solid #c5c5c5;
    width: 200px;
    margin: 10px;
}

.addthis_recommended_horizontal .at4-recommended-item {
    border: none;
}

.at4-recommended .at4-recommended-item .sponsored-label {
    color: #666;
    font-size: 9px;
    position: absolute;
    top: -20px;
}

.at4-recommended .at4-recommended-item-img .at-tli,
.at4-recommended .at4-recommended-item-img a {
    position: absolute;
    left: 0;
}

.at4-recommended.at-inline .at4-recommended-horizontal .at4-recommended-item {
    margin: 10px 20px 0 0;
}

.at4-recommended.at-medium .at4-recommended-horizontal .at4-recommended-item {
    margin: 10px 10px 0 0;
}

.at4-recommended.at-medium .at4-recommended-item {
    width: 140px;
    overflow: hidden;
}

.at4-recommended .at4-recommended-item .at4-recommended-item-img {
    position: relative;
    text-align: center;
    width: 100%;
    height: 200px;
    line-height: 0;
    overflow: hidden;
}

.at4-recommended .at4-recommended-item .at4-recommended-item-img a {
    display: block;
    width: 100%;
    height: 200px;
}

.at4-recommended.at-medium .at4-recommended-item .at4-recommended-item-img,
.at4-recommended.at-medium .at4-recommended-item .at4-recommended-item-img a {
    height: 140px;
}

.at4-recommended .at4-recommended-item .at4-recommended-item-img img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 0;
    min-width: 0;
    max-height: none;
    max-width: none;
    margin: 0;
    padding: 0;
}

.at4-recommended .at4-recommended-item .at4-recommended-item-caption {
    height: 74px;
    overflow: hidden;
    padding: 20px;
    text-align: left;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.at4-recommended.at-medium .at4-recommended-item .at4-recommended-item-caption {
    height: 50px;
    padding: 15px;
}

.at4-recommended .at4-recommended-item .at4-recommended-item-caption .at-h4 {
    height: 54px;
    margin: 0 0 5px;
    padding: 0;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
}

.at4-recommended.at-medium
    .at4-recommended-item
    .at4-recommended-item-caption
    .at-h4 {
    font-size: 9pt;
    line-height: 1pc;
    height: 33px;
}

.at4-recommended
    .at4-recommended-item:hover
    .at4-recommended-item-caption
    .at-h4 {
    text-decoration: underline;
}

.at4-recommended a:link,
.at4-recommended a:visited {
    text-decoration: none;
    color: #464646;
}

.at4-recommended
    .at4-recommended-item
    .at4-recommended-item-caption
    .at-h4
    a:hover {
    text-decoration: underline;
    color: #000;
}

.at4-recommended .at4-recommended-item .at4-recommended-item-caption small {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    color: #666;
}

.at4-recommended.at-medium
    .at4-recommended-item
    .at4-recommended-item-caption
    small {
    font-size: 9px;
}

.at4-recommended .at4-recommended-vertical {
    padding: 15px 0 0;
}

.at4-recommended .at4-recommended-vertical .at4-recommended-item {
    display: block;
    width: auto;
    max-width: 100%;
    height: 60px;
    border: none;
    margin: 0 0 15px;
    box-shadow: none;
    background: none;
}

.at4-recommended-vertical .at4-recommended-item .at4-recommended-item-img,
.at4-recommended-vertical .at4-recommended-item .at4-recommended-item-img img {
    width: 60px;
    height: 60px;
    float: left;
}

.at4-recommended-vertical .at4-recommended-item .at4-recommended-item-caption {
    border-top: none;
    margin: 0;
    height: 60px;
    padding: 3px 5px;
}

.at4-recommended
    .at4-recommended-vertical
    .at4-recommended-item
    .at4-recommended-item-caption
    .at-h4 {
    height: 38px;
    margin: 0;
}

.at4-recommended
    .at4-recommended-vertical
    .at4-recommended-item
    .at4-recommended-item-caption
    small {
    position: absolute;
    bottom: 0;
}

.at4-recommended .at-recommended-label.at-vertical {
    text-align: left;
}

.at4-no-image-light-recommended,
.at4-no-image-minimal-recommended {
    background-color: #f2f2f2 !important;
}

.at4-no-image-gray-recommended {
    background-color: #e6e6e5 !important;
}

.at4-no-image-dark-recommended {
    background-color: #4e555e !important;
}

.at4-recommended .at4-recommended-item-placeholder-img {
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100% !important;
    height: 100% !important;
}

.at4-recommended-horizontal
    .at4-no-image-dark-recommended
    .at4-recommended-item-placeholder-img {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAYAAACCox+xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFNUUyQTg3MTI0RDExRTM4NzAwREJDRjlCQzAyMUVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlFNUUyQTg4MTI0RDExRTM4NzAwREJDRjlCQzAyMUVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUU1RTJBODUxMjREMTFFMzg3MDBEQkNGOUJDMDIxRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUU1RTJBODYxMjREMTFFMzg3MDBEQkNGOUJDMDIxRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6oCfPiAAABfUlEQVR42uyWTU/DMAyGm3bdBxp062hHe+PC//9HCIkDYpNAO7CPAuWN5Eohyhpno2GHWqq8pO78xHHsiLquH4L/l6cwuBAZaOPKs//YBFIJIR59UiAt7huYi90aE/UQakTDLaL26RUEAAJqiefm93T9Bpj1X4O0bY0OIUXCpYBJvYDAUWyAUCWliHGTcnpqRMaM72ImRAJVknYG+eb4YEDIBeU0zGnsBLK1ODogYSsLhDwIJeVVk18lzfNA4ERGZNXi59UCIQhiYDilpSm/jp4awLxDvWhlf4/nGe8+LLuSt+SZul28ggaHG6gNVhDR+IuRFzOoxGKWwG7vVFm5AAQxgcqYpzrjFjR9zwPH5LSuT7XlNr2MQm5LzqjLpncNNaM+s8M27Y60g3FwhoSMzrtUQllgLtRs5pZ2cB4IhbvQbGRZv1NsrhyS8+SI5Mo9RJWpjAI1xqKL+0iEP180vy214JbeR12AyOgsHI7e0NfFyKv0ID1ID+IqPwIMAOeljGQOryBmAAAAAElFTkSuQmCC) !important;
}

.at4-recommended-vertical
    .at4-no-image-dark-recommended
    .at4-recommended-item-placeholder-img {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzREMyNTM2MTI0RjExRTM4NzAwREJDRjlCQzAyMUVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzREMyNTM3MTI0RjExRTM4NzAwREJDRjlCQzAyMUVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDNEQzI1MzQxMjRGMTFFMzg3MDBEQkNGOUJDMDIxRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDNEQzI1MzUxMjRGMTFFMzg3MDBEQkNGOUJDMDIxRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5GfbtkAAAAxklEQVR42qRSTQvCMAxduk53mEOHKFPP/v8/5cGTiIibivVFUomlG7gFHvloXpKmJefcPhkmNyvGEWj+IOZA6ckPImoxxVwOLvCvXUzkpayNCpRQK64IbOBnAYGAXMeMslNlU+CzrIEdCkxi5DPAoz6BE8ZuVNdKJuL8rS9sv62IXlCHyP0KqKUKZXK9uwkSLVArfwpVR3b225kXwovibcP+jC4jUtfWPZmfqJJnYlkAM128j1z0nHWKSUbIKDL/msHktwADAPptQo+vkZNLAAAAAElFTkSuQmCC) !important;
}

.at4-recommended-horizontal
    .at4-no-image-gray-recommended
    .at4-recommended-item-placeholder-img,
.at4-recommended-horizontal
    .at4-no-image-light-recommended
    .at4-recommended-item-placeholder-img,
.at4-recommended-horizontal
    .at4-no-image-minimal-recommended
    .at4-recommended-item-placeholder-img {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAYAAACCox+xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzREMyNTMyMTI0RjExRTM4NzAwREJDRjlCQzAyMUVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzREMyNTMzMTI0RjExRTM4NzAwREJDRjlCQzAyMUVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUU1RTJBODkxMjREMTFFMzg3MDBEQkNGOUJDMDIxRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUU1RTJBOEExMjREMTFFMzg3MDBEQkNGOUJDMDIxRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6dfDQvAAABg0lEQVR42uyWS0vDQBDH82jaKNW0qUltbl68e/Di98eLBz+CCB5EBaWIpUat/4UJLMuame1j7SEDYbqbKfPLvHbDi8ur8+D/5T4K9kR6xrr27D+xgdS3N9d3PilQFmcNzN6mxkbdhxrQcoGofXkFAUAINcVzrG2vsP8KmJdtg7SlxoRQouBywOReQOAosUDoklPEpEU5XDciqeB/iRAig6pIO4P8CHysBBDqg0palrR2Alkwjj5RsDUDoRqhorpq6quifRkInKiIPLf4eWIgQoLoWbq0stXXn10DmDeoR2PsL/E84N0Hk5Wypc70dMkGGhzOoeb4gpjW34K6GEFljFkGu6XTZJUCEMQBVCHs6kI60MycB47FyUmo20oPvYJCzhVnvIsR3zg5ghoRTNpyHKTBBhIJTt6pFsoZ9iLDZswcB5uBULhnho0a66eazaFDca59Hym1e4guQ4rCO4Fu/T4Sw8Gk+c3MghN6H+8CRKVg4tB6fV8XI6/SgXQgHYir/AowAMU5TskhKVUNAAAAAElFTkSuQmCC) !important;
}

.at4-recommended-vertical
    .at4-no-image-gray-recommended
    .at4-recommended-item-placeholder-img,
.at4-recommended-vertical
    .at4-no-image-light-recommended
    .at4-recommended-item-placeholder-img,
.at4-recommended-vertical
    .at4-no-image-minimal-recommended
    .at4-recommended-item-placeholder-img {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzREMyNTNBMTI0RjExRTM4NzAwREJDRjlCQzAyMUVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzREMyNTNCMTI0RjExRTM4NzAwREJDRjlCQzAyMUVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDNEQzI1MzgxMjRGMTFFMzg3MDBEQkNGOUJDMDIxRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDNEQzI1MzkxMjRGMTFFMzg3MDBEQkNGOUJDMDIxRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65Fr9cAAAA0ElEQVR42qRRuQrCQBDd3SSaIgYNosSrtLew8f+xsfAnYmEVRMR4YHwjExjCbsBk4DHHzptjR2+2u7VqJ3efjTNQ/EEMgbgiv46H/QNTDPnhCv/mYiLPI21EIIaaUEVgBj+oETQQypgRtidsXfNJpsACBXo28gWgUd9AjrEL0TXhiSh/XhWudlZI/kCdLPtFUGMRCni9p6kl+kAq/D5UavmzX2fNd87obsCSfztnrOR0rjvTiRImkoyAQQNRyZ2jhjenGNVBOpF1WZatyV8BBgBJ+irgS/KHdAAAAABJRU5ErkJggg==) !important;
}

#at-drawer.ats-dark,
.at4-recommended.ats-dark
    .at4-recommended-horizontal
    .at4-recommended-item-caption,
.at4-recommended.ats-dark
    .at4-recommended-vertical
    .at4-recommended-item-caption {
    background: #262b30;
}

#at-drawer.ats-gray,
.at4-recommended.ats-gray
    .at4-recommended-horizontal
    .at4-recommended-item-caption {
    background: #f2f2f2;
}

#at-drawer.ats-light,
.at4-recommended.ats-light
    .at4-recommended-horizontal
    .at4-recommended-item-caption {
    background: #fff;
}

.at4-recommended.ats-dark .at4-recommended-vertical .at4-recommended-item {
    background: none;
}

.at4-recommended.ats-dark
    .at4-recommended-item
    .at4-recommended-item-caption
    a:hover,
.at4-recommended.ats-dark
    .at4-recommended-item
    .at4-recommended-item-caption
    a:link,
.at4-recommended.ats-dark
    .at4-recommended-item
    .at4-recommended-item-caption
    a:visited,
.at4-recommended.ats-dark
    .at4-recommended-item
    .at4-recommended-item-caption
    small,
.at4-recommended.ats-dark .at4-recommended-item-caption,
.at4-recommended.ats-dark .at-logo a:hover,
.at4-recommended.ats-dark .at-recommended-label.at-vertical {
    color: #fff;
}

.at4-recommended-vertical-logo {
    padding-top: 0;
    text-align: left;
}

.at4-recommended-vertical-logo .at4-logo-container {
    line-height: 10px;
}

.at4-recommended-horizontal-logo {
    text-align: center;
}

.at4-recommended.at-inline .at4-recommended-horizontal-logo {
    text-align: left;
}

#at4-thankyou .at4-recommended.at-inline .at4-recommended-horizontal {
    text-align: center;
}

.at4-recommended .at-logo {
    margin: 10px 0 0;
    padding: 0;
    height: 25px;
    overflow: auto;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.at4-recommended.at-inline .at4-recommended-horizontal .at-logo {
    text-align: left;
}

.at4-recommended .at4-logo-container a.at-sponsored-link {
    color: #666;
}

.at4-recommended-class .at4-logo-container a:hover,
.at4-recommendedbox-outer-container
    .at4-recommended-recommendedbox
    .at4-logo-container
    a:hover {
    color: #000;
}

.at-recommendedjumbo-outer-container {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #000;
}

.at-recommendedjumbo-footer {
    position: relative;
    width: 100%;
    height: 510px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.at-mobile .at-recommendedjumbo-footer {
    height: 250px;
}

.at-recommendedjumbo-footer #bg-link:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
}

.at-recommendedjumbo-footer:hover #bg-link:after {
    background: rgba(0, 0, 0, 0.85);
}

.at-recommendedjumbo-footer *,
.at-recommendedjumbo-footer :after,
.at-recommendedjumbo-footer :before {
    box-sizing: border-box;
}

.at-recommendedjumbo-footer:hover #at-recommendedjumbo-footer-bg {
    animation: atRecommendedJumboAnimatedBackground 1s ease-in-out 1;
    animation-fill-mode: forwards;
}

.at-recommendedjumbo-footer #at-recommendedjumbo-top-holder {
    position: absolute;
    top: 0;
    padding: 0 40px;
    width: 100%;
}

.at-mobile .at-recommendedjumbo-footer #at-recommendedjumbo-top-holder {
    padding: 0 20px;
}

.at-recommendedjumbo-footer .at-recommendedjumbo-footer-inner {
    position: relative;
    text-align: center;
    font-family: helvetica, arial, sans-serif;
    z-index: 2;
    width: 100%;
}

.at-recommendedjumbo-footer #at-recommendedjumbo-label-holder {
    margin: 40px 0 0;
    max-height: 30px;
}

.at-mobile .at-recommendedjumbo-footer #at-recommendedjumbo-label-holder {
    margin: 20px 0 0;
    max-height: 20px;
}

.at-recommendedjumbo-footer #at-recommendedjumbo-label {
    font-weight: 300;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    margin: 0;
}

.at-mobile .at-recommendedjumbo-footer #at-recommendedjumbo-label {
    font-weight: 150;
    font-size: 14px;
    line-height: 14px;
}

.at-recommendedjumbo-footer #at-recommendedjumbo-title-holder {
    margin: 20px 0 0;
    min-height: 3pc;
    max-height: 78pt;
}

.at-mobile .at-recommendedjumbo-footer #at-recommendedjumbo-title-holder {
    margin: 10px 0 0;
    min-height: 24px;
    max-height: 54px;
}

.at-recommendedjumbo-footer #at-recommendedjumbo-content-title {
    font-size: 3pc;
    line-height: 52px;
    font-weight: 700;
    margin: 0;
}

.at-mobile .at-recommendedjumbo-footer #at-recommendedjumbo-content-title {
    font-size: 24px;
    line-height: 27px;
}

.at-recommendedjumbo-footer a {
    text-decoration: none;
    color: #fff;
}

.at-recommendedjumbo-footer a:visited {
    color: #fff;
}

.at-recommendedjumbo-footer small {
    margin: 20px 0 0;
    display: inline-block;
    height: 2pc;
    line-height: 2pc;
    font-size: 14px;
    color: #ccc;
    cursor: default;
}

.at-mobile .at-recommendedjumbo-footer small {
    margin: 10px 0 0;
    height: 14px;
    line-height: 14px;
    font-size: 9pt;
}

.at-recommendedjumbo-footer .at-logo-container {
    position: absolute;
    bottom: 20px;
    margin: auto;
    left: 0;
    right: 0;
}

.at-mobile .at-recommendedjumbo-footer .at-logo-container {
    bottom: 10px;
}

.at-recommendedjumbo-footer a.at-sponsored-link {
    color: #ccc;
}

.at-recommendedjumbo-footer div #at-recommendedjumbo-logo-link {
    padding: 2px 0 0 11px;
    text-decoration: none;
    line-height: 20px;
    font-family: helvetica, arial, sans-serif;
    font-size: 9px;
    color: #ccc;
}

@keyframes atRecommendedJumboAnimatedBackground {
    0% {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.1, 1.1);
    }
}

.at-resp-share-element {
    position: relative;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
}

.at-resp-share-element:after,
.at-resp-share-element:before {
    content: " ";
    display: table;
}

.at-resp-share-element.at-mobile .at4-share-count-container,
.at-resp-share-element.at-mobile .at-label {
    display: none;
}

.at-resp-share-element .at-share-btn {
    display: inline-block;
    margin: 0 2px 5px;
    padding: 0;
    overflow: hidden;
    line-height: 0;
    text-decoration: none;
    text-transform: none;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border: 0;
    font-family: helvetica neue, helvetica, arial, sans-serif;
    background-color: transparent;
}

.at-resp-share-element .at-share-btn::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.at-resp-share-element .at-share-btn:focus,
.at-resp-share-element .at-share-btn:hover {
    transform: translateY(-4px);
    color: #fff;
    text-decoration: none;
}

.at-resp-share-element .at-share-btn .at-icon-wrapper {
    float: left;
}

.at-resp-share-element .at-share-btn.at-share-btn.at-svc-compact:hover {
    transform: none;
}

.at-resp-share-element .at-share-btn .at-label {
    font-family: helvetica neue, helvetica, arial, sans-serif;
    font-size: 9pt;
    padding: 0 15px 0 0;
    margin: 0 0 0 5px;
    height: 2pc;
    line-height: 2pc;
    background: none;
}

.at-resp-share-element .at-icon,
.at-resp-share-element .at-label {
    cursor: pointer;
}

.at-resp-share-element .at4-share-count-container {
    text-decoration: none;
    float: right;
    padding-right: 15px;
    font-size: 9pt;
}

.at-mobile .at-resp-share-element .at-label {
    display: none;
}

.at-resp-share-element.at-mobile .at-share-btn {
    margin-right: 5px;
}

.at-mobile .at-resp-share-element .at-share-btn {
    padding: 5px;
    margin-right: 5px;
}

.at-share-tbx-element {
    position: relative;
    margin: 0;
    color: #fff;
    font-size: 0;
}

.at-share-tbx-element,
.at-share-tbx-element .at-share-btn {
    font-family: helvetica neue, helvetica, arial, sans-serif;
    padding: 0;
    line-height: 0;
}

.at-share-tbx-element .at-share-btn {
    cursor: pointer;
    margin: 0 5px 5px 0;
    display: inline-block;
    overflow: hidden;
    border: 0;
    text-decoration: none;
    text-transform: none;
    background-color: transparent;
    color: inherit;
    transition: all 0.2s ease-in-out;
}

.at-share-tbx-element .at-share-btn:focus,
.at-share-tbx-element .at-share-btn:hover {
    transform: translateY(-4px);
    outline-offset: -1px;
    color: inherit;
}

.at-share-tbx-element .at-share-btn::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.at-share-tbx-element .at-share-btn.at-share-btn.at-svc-compact:hover {
    transform: none;
}

.at-share-tbx-element .at-icon-wrapper {
    vertical-align: middle;
}

.at-share-tbx-element .at4-share-count,
.at-share-tbx-element .at-label {
    margin: 0 7.5px 0 2.5px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    background: none;
    height: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.at-share-tbx-element.at-mobile .at4-share-count,
.at-share-tbx-element.at-mobile .at-label {
    display: none;
}

.at-share-tbx-element .at_native_button {
    vertical-align: middle;
}

.at-share-tbx-element .addthis_counter.addthis_bubble_style {
    margin: 0 2px;
    vertical-align: middle;
    display: inline-block;
}

.at-share-tbx-element .fb_iframe_widget {
    display: block;
}

.at-share-tbx-element.at-share-tbx-native .at300b {
    vertical-align: middle;
}

.at-style-responsive .at-share-btn {
    padding: 5px;
}

.at-style-jumbo {
    display: table;
}

.at-style-jumbo .at4-spacer {
    height: 1px;
    display: block;
    visibility: hidden;
    opacity: 0;
}

.at-style-jumbo .at4-count-container {
    display: table-cell;
    text-align: center;
    min-width: 200px;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.at-style-jumbo .at4-count {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
}

.at-style-jumbo .at4-count-title {
    position: relative;
    font-size: 18px;
    line-height: 18px;
    bottom: 2px;
}

.at-style-jumbo .at-share-btn-elements {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.at_flat_counter {
    cursor: pointer;
    font-family: helvetica, arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: auto;
    margin: 0 5px;
    padding: 0 6px;
    left: -1px;
    background: #ebebeb;
    color: #32363b;
    transition: all 0.2s ease;
}

.at_flat_counter:after {
    top: 30%;
    left: -4px;
    content: "";
    position: absolute;
    border-width: 5px 8px 5px 0;
    border-style: solid;
    border-color: transparent #ebebeb transparent transparent;
    display: block;
    width: 0;
    height: 0;
    transform: translateY(360deg);
}

.at_flat_counter:hover {
    background: #e1e2e2;
}

.at4-thankyou-background {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    z-index: 9999999;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpizCuu/sRABGBiIBKMKqSOQoAAAwC8KgJipENhxwAAAABJRU5ErkJggg==);
    background: hsla(217, 6%, 46%, 0.95);
}

.at4-thankyou-background.at-thankyou-shown {
    position: fixed;
}

.at4-thankyou-inner {
    position: absolute;
    width: 100%;
    top: 10%;
    left: 50%;
    margin-left: -50%;
    text-align: center;
}

.at4-thankyou-mobile .at4-thankyou-inner {
    top: 5%;
}

.thankyou-description {
    font-weight: 400;
}

.at4-thankyou-background .at4lb-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.at4-thankyou-background .at4lb-inner .at4x {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 20px;
    margin: 0;
    cursor: pointer;
    transition: opacity 0.25s ease-in;
    opacity: 0.4;
    background: url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTEvMTMvMTKswDp5AAAAd0lEQVQ4jb2VQRLAIAgDE///Z3qqY1FAhalHMCsCIkVEAIAkkVgvp2lDBgYAnAyHkWotLccNrEd4A7X2TqIdqLfnWBAdaF5rJdyJfjtPH5GT37CaGhoVq3nOm/XflUuLUto2pY1d+vRKh0Pp+MrAVtDe2JkvYNQ+jVSEEFmOkggAAAAASUVORK5CYII=")
        no-repeat center center;
    overflow: hidden;
    text-indent: -99999em;
    border: 1px solid transparent;
}

.at4-thankyou-background .at4lb-inner .at4x:focus,
.at4-thankyou-background .at4lb-inner .at4x:hover {
    border: 1px solid #fff;
    border-radius: 50%;
    outline: 0;
}

.at4-thankyou-background .at4lb-inner #at4-palogo {
    position: absolute;
    bottom: 10px;
    display: inline-block;
    text-decoration: none;
    font-family: helvetica, arial, sans-serif;
    font-size: 11px;
    cursor: pointer;
    -webkit-transition: opacity 0.25s ease-in;
    moz-transition: opacity 0.25s ease-in;
    transition: opacity 0.25s ease-in;
    opacity: 0.5;
    z-index: 100020;
    color: #fff;
    padding: 2px 0 0 13px;
}

.at4-thankyou-background .at4lb-inner #at4-palogo .at-branding-addthis,
.at4-thankyou-background .at4lb-inner #at4-palogo .at-branding-info {
    color: #fff;
}

.at4-thankyou-background .at4lb-inner #at4-palogo:hover,
.at4-thankyou-background.ats-dark .at4lb-inner a#at4-palogo:hover {
    text-decoration: none;
    color: #fff;
    opacity: 1;
}

.at4-thankyou-background.ats-dark {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgeMZABGBiIBKMKqSOQoAAAwB+cQD6hqlbCwAAAABJRU5ErkJggg==");
    background: rgba(0, 0, 0, 0.85);
}

.at4-thankyou-background .thankyou-title {
    color: #fff;
    font-size: 38.5px;
    margin: 10px 20px;
    line-height: 38.5px;
    font-family: helvetica neue, helvetica, arial, sans-serif;
    font-weight: 300;
}

.at4-thankyou-background.ats-dark .thankyou-description,
.at4-thankyou-background.ats-dark .thankyou-title {
    color: #fff;
}

.at4-thankyou-background .thankyou-description {
    color: #fff;
    font-size: 18px;
    margin: 10px 0;
    line-height: 24px;
    padding: 0;
    font-family: helvetica neue, helvetica, arial, sans-serif;
    font-weight: 300;
}

.at4-thankyou-background .at4-thanks-icons {
    padding-top: 10px;
}

.at4-thankyou-mobile * {
    -webkit-overflow-scrolling: touch;
}

#at4-thankyou .at4-recommended-recommendedbox .at-logo {
    display: none;
}

.at4-thankyou .at-h3 {
    height: 49px;
    line-height: 49px;
    margin: 0 50px 0 20px;
    padding: 1px 0 0;
    font-family: helvetica neue, helvetica, arial, sans-serif;
    font-size: 1pc;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px #000;
}

.at4-thanks {
    padding-top: 50px;
    text-align: center;
}

.at4-thanks label {
    display: block;
    margin: 0 0 15px;
    font-size: 1pc;
    line-height: 1pc;
}

.at4-thanks .at4-h2 {
    background: none;
    border: none;
    margin: 0 0 10px;
    padding: 0;
    font-family: helvetica neue, helvetica, arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
    color: #000;
}

.at4-thanks .at4-thanks-icons {
    position: relative;
    height: 2pc;
}

.at4-thanks .at4-thanks-icons .at-thankyou-label {
    display: block;
    padding-bottom: 10px;
    font-size: 14px;
    color: #666;
}

.at4-thankyou-layer .at-follow .at-icon-wrapper {
    width: 2pc;
    height: 2pc;
}

.at4-recommended-toaster {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    z-index: 100021;
}

.at4-recommended-toaster.ats-light {
    border: 1px solid #c5c5c5;
    background: #fff;
}

.at4-recommended-toaster.ats-gray {
    border: 1px solid #c5c5c5;
    background: #f2f2f2;
}

.at4-recommended-toaster.ats-dark {
    background: #262b30;
    color: #fff;
}

.at4-recommended-toaster .at4-recommended-container {
    padding-top: 0;
    margin: 0;
}

.at4-recommended.at4-recommended-toaster div.at-recommended-label {
    line-height: 1pc;
    font-size: 1pc;
    text-align: left;
    padding: 20px 0 0 20px;
}

.at4-toaster-outer
    .at4-recommended
    .at4-recommended-item
    .at4-recommended-item-caption
    .at-h4 {
    font-size: 11px;
    line-height: 11px;
    margin: 10px 0 6px;
    height: 30px;
}

.at4-recommended.at4-recommended-toaster div.at-recommended-label.ats-gray,
.at4-recommended.at4-recommended-toaster div.at-recommended-label.ats-light {
    color: #464646;
}

.at4-recommended.at4-recommended-toaster div.at-recommended-label.ats-dark {
    color: #fff;
}

.at4-toaster-close-control {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 5px 5px 0 0;
    padding: 0;
    text-indent: -9999em;
}

.at4-toaster-open-control {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 100020;
}

.at4-toaster-outer .at4-recommended-item {
    width: 90pt;
    border: 0;
    margin: 9px 10px 0;
}

.at4-toaster-outer .at4-recommended-item:first-child {
    margin-left: 20px;
}

.at4-toaster-outer .at4-recommended-item:last-child {
    margin-right: 20px;
}

.at4-toaster-outer .at4-recommended-item .at4-recommended-item-img {
    max-height: 90pt;
    max-width: 90pt;
}

.at4-toaster-outer .at4-recommended-item .at4-recommended-item-img img {
    height: 90pt;
    width: 90pt;
}

.at4-toaster-outer .at4-recommended-item .at4-recommended-item-caption {
    height: 30px;
    padding: 0;
    margin: 0;
    height: initial;
}

.at4-toaster-outer
    .ats-dark
    .at4-recommended-item
    .at4-recommended-item-caption {
    background: #262b30;
}

.at4-toaster-outer
    .at4-recommended
    .at4-recommended-item
    .at4-recommended-item-caption
    small {
    width: auto;
    line-height: 14px;
    margin: 0;
}

.at4-toaster-outer
    .at4-recommended.ats-dark
    .at4-recommended-item
    .at4-recommended-item-caption
    small {
    color: #fff;
}

.at4-recommended-toaster .at-logo {
    margin: 0 0 3px 20px;
    text-align: left;
}

.at4-recommended-toaster .at-logo .at4-logo-container.at-sponsored-logo {
    position: relative;
}

.at4-toaster-outer .at4-recommended-item .sponsored-label {
    text-align: right;
    font-size: 10px;
    color: #666;
    float: right;
    position: fixed;
    bottom: 6px;
    right: 20px;
    top: initial;
    z-index: 99999;
}

.at4-whatsnext {
    position: fixed;
    bottom: 0 !important;
    right: 0;
    background: #fff;
    border: 1px solid #c5c5c5;
    margin: -1px;
    width: 390px;
    height: 90pt;
    overflow: hidden;
    font-size: 9pt;
    font-weight: 400;
    color: #000;
    z-index: 1800000000;
}

.at4-whatsnext a {
    color: #666;
}

.at4-whatsnext .at-whatsnext-content {
    height: 90pt;
    position: relative;
}

.at4-whatsnext .at-whatsnext-content .at-branding {
    position: absolute;
    bottom: 15px;
    right: 10px;
    padding-left: 9px;
    text-decoration: none;
    line-height: 10px;
    font-family: helvetica, arial, sans-serif;
    font-size: 10px;
    color: #666;
}

.at4-whatsnext .at-whatsnext-content .at-whatsnext-content-inner {
    position: absolute;
    top: 15px;
    right: 20px;
    bottom: 15px;
    left: 140px;
    text-align: left;
    height: 105px;
}

.at4-whatsnext .at-whatsnext-content-inner a {
    display: inline-block;
}

.at4-whatsnext .at-whatsnext-content-inner div.at-h6 {
    text-align: left;
    margin: 0;
    padding: 0 0 3px;
    font-size: 11px;
    color: #666;
    cursor: default;
}

.at4-whatsnext .at-whatsnext-content .at-h3 {
    text-align: left;
    margin: 5px 0;
    padding: 0;
    line-height: 1.2em;
    font-weight: 400;
    font-size: 14px;
    height: 3pc;
}

.at4-whatsnext .at-whatsnext-content-inner a:link,
.at4-whatsnext .at-whatsnext-content-inner a:visited {
    text-decoration: none;
    font-weight: 400;
    color: #464646;
}

.at4-whatsnext .at-whatsnext-content-inner a:hover {
    color: #000;
}

.at4-whatsnext .at-whatsnext-content-inner small {
    position: absolute;
    bottom: 15px;
    line-height: 10px;
    font-size: 11px;
    color: #666;
    cursor: default;
    text-align: left;
}

.at4-whatsnext .at-whatsnext-content .at-whatsnext-content-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 90pt;
    height: 90pt;
    overflow: hidden;
}

.at4-whatsnext .at-whatsnext-content .at-whatsnext-content-img img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: none;
    max-width: none;
}

.at4-whatsnext .at-whatsnext-close-control {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 5px 0 0;
    padding: 0;
    text-indent: -9999em;
}

.at-whatsnext-open-control {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 100020;
}

.at4-whatsnext.ats-dark {
    background: #262b30;
}

.at4-whatsnext.ats-dark .at-whatsnext-content .at-h3,
.at4-whatsnext.ats-dark .at-whatsnext-content a.at4-logo:hover,
.at4-whatsnext.ats-dark .at-whatsnext-content-inner a:link,
.at4-whatsnext.ats-dark .at-whatsnext-content-inner a:visited {
    color: #fff;
}

.at4-whatsnext.ats-light {
    background: #fff;
}

.at4-whatsnext.ats-gray {
    background: #f2f2f2;
}

.at4-whatsnext.at-whatsnext-nophoto {
    width: 270px;
}

.at4-whatsnext.at-whatsnext-nophoto .at-whatsnext-content-img {
    display: none;
}

.at4-whatsnext.at-whatsnext-nophoto
    .at-whatsnext-content
    .at-whatsnext-content-inner {
    top: 15px;
    right: 0;
    left: 20px;
}

.at4-whatsnext.at-whatsnext-nophoto
    .at-whatsnext-content
    .at-whatsnext-content-inner.addthis_32x32_style {
    top: 0;
    right: 0;
    left: 0;
    padding: 45px 20px 0;
    font-size: 20px;
}

.at4-whatsnext.at-whatsnext-nophoto
    .at-whatsnext-content
    .at-whatsnext-content-inner
    .at4-icon,
.at4-whatsnext.at-whatsnext-nophoto
    .at-whatsnext-content
    .at-whatsnext-content-inner
    .at4-icon-fw,
.at4-whatsnext.at-whatsnext-nophoto
    .at-whatsnext-content
    .at-whatsnext-content-inner
    .whatsnext-msg {
    vertical-align: middle;
}

.at-whatsnext-img,
.at-whatsnext-img-lnk {
    position: absolute;
    left: 0;
}

.at4-whatsnextmobile {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 9999998;
    height: 170px;
    font-size: 28px;
}

.at4-whatsnextmobile .col-2 {
    height: 100%;
    font-size: 1em;
}

.at4-whatsnextmobile .col-2:first-child {
    max-width: 200px;
    display: inline-block;
    float: left;
}

.at4-whatsnextmobile .col-2:last-child {
    position: absolute;
    left: 200px;
    right: 50px;
    top: 0;
    bottom: 0;
    display: inline-block;
}

.at4-whatsnextmobile .at-whatsnext-content-inner {
    font-size: 1em;
}

.at4-whatsnextmobile .at-whatsnext-content-img img {
    height: 100%;
    width: 100%;
}

.at4-whatsnextmobile .at-close-control {
    font-size: 1em;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
}

.at4-whatsnextmobile .at-close-control button {
    width: 100%;
    height: 100%;
    font-size: 1em;
    font-weight: 400;
    text-decoration: none;
    opacity: 0.5;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.at4-whatsnextmobile .at-h3,
.at4-whatsnextmobile .at-h6 {
    font-size: 1em;
    margin: 0;
    color: #a1a1a1;
    margin-left: 2.5%;
    margin-top: 25px;
}

.at4-whatsnextmobile .at-h3 {
    font-size: 1em;
    line-height: 1em;
    font-weight: 500;
    height: 50%;
}

.at4-whatsnextmobile .at-h3 a {
    font-size: 1em;
    text-decoration: none;
}

.at4-whatsnextmobile .at-h6 {
    font-size: 0.8em;
    line-height: 0.8em;
    font-weight: 500;
}

.at4-whatsnextmobile .footer {
    position: absolute;
    bottom: 2px;
    left: 200px;
    right: 0;
    padding-left: 2.5%;
    font-size: 1em;
    line-height: 0.6em;
}

.at4-whatsnextmobile .footer small {
    font-size: 0.6em;
    color: #a1a1a1;
}

.at4-whatsnextmobile .footer small:first-child {
    margin-right: 5%;
    float: left;
}

.at4-whatsnextmobile .footer small:last-child {
    margin-right: 2.5%;
    float: right;
}

.at4-whatsnextmobile .at-whatsnext-content {
    height: 100%;
}

.at4-whatsnextmobile.ats-dark {
    background: #262b30;
    color: #fff;
}

.at4-whatsnextmobile .at-close-control button {
    color: #bfbfbf;
}

.at4-whatsnextmobile.ats-dark a:link,
.at4-whatsnextmobile.ats-dark a:visited {
    color: #fff;
}

.at4-whatsnextmobile.ats-gray {
    background: #f2f2f2;
    color: #262b30;
}

.at4-whatsnextmobile.ats-light {
    background: #fff;
    color: #262b30;
}

.at4-whatsnextmobile.ats-dark .footer a:link,
.at4-whatsnextmobile.ats-dark .footer a:visited,
.at4-whatsnextmobile.ats-gray .footer a:link,
.at4-whatsnextmobile.ats-gray .footer a:visited,
.at4-whatsnextmobile.ats-light .footer a:link,
.at4-whatsnextmobile.ats-light .footer a:visited {
    color: #a1a1a1;
}

.at4-whatsnextmobile.ats-gray a:link,
.at4-whatsnextmobile.ats-gray a:visited,
.at4-whatsnextmobile.ats-light a:link,
.at4-whatsnextmobile.ats-light a:visited {
    color: #262b30;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .at4-whatsnextmobile {
        height: 85px;
        font-size: 14px;
    }

    .at4-whatsnextmobile .col-2:first-child {
        width: 75pt;
    }

    .at4-whatsnextmobile .col-2:last-child {
        right: 25px;
        left: 75pt;
    }

    .at4-whatsnextmobile .footer {
        left: 75pt;
    }

    .at4-whatsnextmobile .at-close-control {
        width: 25px;
        height: 25px;
    }

    .at4-whatsnextmobile .at-h3,
    .at4-whatsnextmobile .at-h6 {
        margin-top: 12.5px;
    }
}

.at-custom-mobile-bar {
    left: 0;
    right: 0;
    width: 100%;
    height: 56px;
    position: fixed;
    text-align: center;
    z-index: 100020;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    font: initial;
    line-height: normal;
    top: auto;
    bottom: 0;
}

.at-custom-mobile-bar.at-custom-mobile-bar-zindex-hide {
    z-index: -1 !important;
}

.at-custom-mobile-bar.atss-top {
    top: 0;
    bottom: auto;
}

.at-custom-mobile-bar.atss-bottom {
    top: auto;
    bottom: 0;
}

.at-custom-mobile-bar .at-custom-mobile-bar-btns {
    display: inline-block;
    text-align: center;
}

.at-custom-mobile-bar .at-custom-mobile-bar-counter,
.at-custom-mobile-bar .at-share-btn {
    margin-top: 4px;
}

.at-custom-mobile-bar .at-share-btn {
    display: inline-block;
    text-decoration: none;
    transition: none;
    box-sizing: content-box;
}

.at-custom-mobile-bar .at-custom-mobile-bar-counter {
    font-family: Helvetica neue, arial;
    vertical-align: top;
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block;
}

.at-custom-mobile-bar .at-custom-mobile-bar-count {
    font-size: 26px;
    line-height: 1.25em;
    color: #222;
}

.at-custom-mobile-bar .at-custom-mobile-bar-text {
    font-size: 9pt;
    line-height: 1.25em;
    color: #888;
    letter-spacing: 1px;
}

.at-custom-mobile-bar .at-icon-wrapper {
    text-align: center;
    height: 3pc;
    width: 3pc;
    margin: 0 4px;
}

.at-custom-mobile-bar .at-icon {
    vertical-align: top;
    margin: 8px;
    width: 2pc;
    height: 2pc;
}

.at-custom-mobile-bar.at-shfs-medium {
    height: 3pc;
}

.at-custom-mobile-bar.at-shfs-medium .at-custom-mobile-bar-counter {
    margin-top: 6px;
}

.at-custom-mobile-bar.at-shfs-medium .at-custom-mobile-bar-count {
    font-size: 18px;
}

.at-custom-mobile-bar.at-shfs-medium .at-custom-mobile-bar-text {
    font-size: 10px;
}

.at-custom-mobile-bar.at-shfs-medium .at-icon-wrapper {
    height: 40px;
    width: 40px;
}

.at-custom-mobile-bar.at-shfs-medium .at-icon {
    margin: 6px;
    width: 28px;
    height: 28px;
}

.at-custom-mobile-bar.at-shfs-small {
    height: 40px;
}

.at-custom-mobile-bar.at-shfs-small .at-custom-mobile-bar-counter {
    margin-top: 3px;
}

.at-custom-mobile-bar.at-shfs-small .at-custom-mobile-bar-count {
    font-size: 1pc;
}

.at-custom-mobile-bar.at-shfs-small .at-custom-mobile-bar-text {
    font-size: 10px;
}

.at-custom-mobile-bar.at-shfs-small .at-icon-wrapper {
    height: 2pc;
    width: 2pc;
}

.at-custom-mobile-bar.at-shfs-small .at-icon {
    margin: 4px;
    width: 24px;
    height: 24px;
}

.at-custom-sidebar {
    top: 20%;
    width: 58px;
    position: fixed;
    text-align: center;
    z-index: 100020;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    font: initial;
    line-height: normal;
    top: auto;
    bottom: 0;
}

.at-custom-sidebar.at-custom-sidebar-zindex-hide {
    z-index: -1 !important;
}

.at-custom-sidebar.atss-left {
    left: 0;
    right: auto;
    float: left;
    border-radius: 0 4px 4px 0;
}

.at-custom-sidebar.atss-right {
    left: auto;
    right: 0;
    float: right;
    border-radius: 4px 0 0 4px;
}

.at-custom-sidebar .at-custom-sidebar-btns {
    display: inline-block;
    text-align: center;
    padding-top: 4px;
}

.at-custom-sidebar .at-custom-sidebar-counter {
    margin-bottom: 8px;
}

.at-custom-sidebar .at-share-btn {
    display: inline-block;
    text-decoration: none;
    transition: none;
    box-sizing: content-box;
}

.at-custom-sidebar .at-custom-sidebar-counter {
    font-family: Helvetica neue, arial;
    vertical-align: top;
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block;
}

.at-custom-sidebar .at-custom-sidebar-count {
    font-size: 21px;
    line-height: 1.25em;
    color: #222;
}

.at-custom-sidebar .at-custom-sidebar-text {
    font-size: 10px;
    line-height: 1.25em;
    color: #888;
    letter-spacing: 1px;
}

.at-custom-sidebar .at-icon-wrapper {
    text-align: center;
    margin: 0 4px;
}

.at-custom-sidebar .at-icon {
    vertical-align: top;
    margin: 9px;
    width: 2pc;
    height: 2pc;
}

.at-custom-sidebar .at-icon-wrapper {
    position: relative;
}

.at-custom-sidebar .at4-share-count,
.at-custom-sidebar .at4-share-count-container {
    line-height: 1pc;
    font-size: 10px;
}

.at-custom-sidebar .at4-share-count {
    text-indent: 0;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    width: 100%;
    height: 1pc;
}

.at-custom-sidebar .at4-share-count-anchor .at-icon {
    margin-top: 3px;
}

.at-custom-sidebar .at4-share-count-container {
    position: absolute;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: inherit;
}

.at-image-sharing-mobile-icon {
    position: absolute;
    background: #000
        url(https://s7.addthis.com/static/44a36d35bafef33aa9455b7d3039a771.png)
        no-repeat top center;
    background-color: rgba(0, 0, 0, 0.9);
    background-image: url(https://s7.addthis.com/static/10db525181ee0bbe1a515001be1c7818.svg),
        none;
    border-radius: 3px;
    width: 50px;
    height: 40px;
    top: -9999px;
    left: -9999px;
}

.at-image-sharing-tool {
    display: block;
    position: absolute;
    text-align: center;
    z-index: 9001;
    background: none;
    overflow: hidden;
    top: -9999px;
    left: -9999px;
    font: initial;
    line-height: 0;
}

.at-image-sharing-tool.addthis-animated {
    animation-duration: 0.15s;
}

.at-image-sharing-tool.at-orientation-vertical .at-share-btn {
    display: block;
}

.at-image-sharing-tool.at-orientation-horizontal .at-share-btn {
    display: inline-block;
}

.at-image-sharing-tool.at-image-sharing-tool-size-big .at-icon {
    width: 43px;
    height: 43px;
}

.at-image-sharing-tool.at-image-sharing-tool-size-mobile .at-share-btn {
    margin: 0 !important;
}

.at-image-sharing-tool.at-image-sharing-tool-size-mobile .at-icon-wrapper {
    height: 60px;
    width: 100%;
    border-radius: 0 !important;
}

.at-image-sharing-tool.at-image-sharing-tool-size-mobile .at-icon {
    max-width: 100%;
    height: 54px !important;
    width: 54px !important;
}

.at-image-sharing-tool .at-custom-shape.at-image-sharing-tool-btns {
    margin-right: 8px;
    margin-bottom: 8px;
}

.at-image-sharing-tool .at-custom-shape .at-share-btn {
    margin-top: 8px;
    margin-left: 8px;
}

.at-image-sharing-tool .at-share-btn {
    line-height: 0;
    text-decoration: none;
    transition: none;
    box-sizing: content-box;
}

.at-image-sharing-tool .at-icon-wrapper {
    text-align: center;
    height: 100%;
    width: 100%;
}

.at-image-sharing-tool .at-icon {
    vertical-align: top;
    width: 2pc;
    height: 2pc;
    margin: 3px;
}

.at-expanding-share-button {
    box-sizing: border-box;
    position: fixed;
    z-index: 9999;
}

.at-expanding-share-button[data-position="bottom-right"] {
    bottom: 10px;
    right: 10px;
}

.at-expanding-share-button[data-position="bottom-right"]
    .at-expanding-share-button-toggle-bg,
.at-expanding-share-button[data-position="bottom-right"]
    .at-expanding-share-button-toggle-btn[data-name]:after,
.at-expanding-share-button[data-position="bottom-right"] .at-icon-wrapper,
.at-expanding-share-button[data-position="bottom-right"] [data-name]:after {
    float: right;
}

.at-expanding-share-button[data-position="bottom-right"] [data-name]:after {
    margin-right: 10px;
}

.at-expanding-share-button[data-position="bottom-right"]
    .at-expanding-share-button-toggle-btn[data-name]:after {
    margin-right: 5px;
}

.at-expanding-share-button[data-position="bottom-right"] .at-icon-wrapper {
    margin-right: -3px;
}

.at-expanding-share-button[data-position="bottom-left"] {
    bottom: 10px;
    left: 10px;
}

.at-expanding-share-button[data-position="bottom-left"]
    .at-expanding-share-button-toggle-bg,
.at-expanding-share-button[data-position="bottom-left"]
    .at-expanding-share-button-toggle-btn[data-name]:after,
.at-expanding-share-button[data-position="bottom-left"] .at-icon-wrapper,
.at-expanding-share-button[data-position="bottom-left"] [data-name]:after {
    float: left;
}

.at-expanding-share-button[data-position="bottom-left"] [data-name]:after {
    margin-left: 10px;
}

.at-expanding-share-button[data-position="bottom-left"]
    .at-expanding-share-button-toggle-btn[data-name]:after {
    margin-left: 5px;
}

.at-expanding-share-button *,
.at-expanding-share-button :after,
.at-expanding-share-button :before {
    box-sizing: border-box;
}

.at-expanding-share-button .at-expanding-share-button-services-list {
    display: none;
    list-style: none;
    margin: 0 5px;
    overflow: visible;
    padding: 0;
}

.at-expanding-share-button .at-expanding-share-button-services-list > li {
    display: block;
    height: 45px;
    position: relative;
    overflow: visible;
}

.at-expanding-share-button .at-expanding-share-button-toggle-btn,
.at-expanding-share-button .at-share-btn {
    transition: 0.1s;
    text-decoration: none;
}

.at-expanding-share-button .at-share-btn {
    display: block;
    height: 40px;
    padding: 0 3px 0 0;
}

.at-expanding-share-button .at-expanding-share-button-toggle-btn {
    position: relative;
    overflow: auto;
}

.at-expanding-share-button
    .at-expanding-share-button-toggle-btn.at-expanding-share-button-hidden[data-name]:after {
    display: none;
}

.at-expanding-share-button .at-expanding-share-button-toggle-bg {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    position: relative;
}

.at-expanding-share-button .at-expanding-share-button-toggle-bg > span {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eshare%3C%2Ftitle%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M26%2C13.4285714%20C26%2C13.6220248%2025.9293162%2C13.7894338%2025.7879464%2C13.9308036%20L20.0736607%2C19.6450893%20C19.932291%2C19.786459%2019.7648819%2C19.8571429%2019.5714286%2C19.8571429%20C19.3779752%2C19.8571429%2019.2105662%2C19.786459%2019.0691964%2C19.6450893%20C18.9278267%2C19.5037195%2018.8571429%2C19.3363105%2018.8571429%2C19.1428571%20L18.8571429%2C16.2857143%20L16.3571429%2C16.2857143%20C15.6279725%2C16.2857143%2014.9750773%2C16.3080355%2014.3984375%2C16.3526786%20C13.8217977%2C16.3973217%2013.2488868%2C16.477306%2012.6796875%2C16.5926339%20C12.1104882%2C16.7079619%2011.6157015%2C16.8660704%2011.1953125%2C17.0669643%20C10.7749235%2C17.2678581%2010.3824423%2C17.5264121%2010.0178571%2C17.8426339%20C9.65327199%2C18.1588557%209.35565592%2C18.534596%209.125%2C18.9698661%20C8.89434408%2C19.4051361%208.71391434%2C19.9203839%208.58370536%2C20.515625%20C8.45349637%2C21.1108661%208.38839286%2C21.7842224%208.38839286%2C22.5357143%20C8.38839286%2C22.9449425%208.40699386%2C23.4025272%208.44419643%2C23.9084821%20C8.44419643%2C23.9531252%208.45349693%2C24.0405499%208.47209821%2C24.1707589%20C8.4906995%2C24.3009679%208.5%2C24.3995532%208.5%2C24.4665179%20C8.5%2C24.5781256%208.46837829%2C24.6711306%208.40513393%2C24.7455357%20C8.34188956%2C24.8199408%208.25446484%2C24.8571429%208.14285714%2C24.8571429%20C8.02380893%2C24.8571429%207.9196433%2C24.7938994%207.83035714%2C24.6674107%20C7.77827355%2C24.6004461%207.72991094%2C24.5186017%207.68526786%2C24.421875%20C7.64062478%2C24.3251483%207.59040206%2C24.2135423%207.53459821%2C24.0870536%20C7.47879436%2C23.9605648%207.43973225%2C23.87128%207.41741071%2C23.8191964%20C6.47246551%2C21.6986501%206%2C20.0208395%206%2C18.7857143%20C6%2C17.3050521%206.19717065%2C16.0662252%206.59151786%2C15.0691964%20C7.79688103%2C12.0706695%2011.0520568%2C10.5714286%2016.3571429%2C10.5714286%20L18.8571429%2C10.5714286%20L18.8571429%2C7.71428571%20C18.8571429%2C7.52083237%2018.9278267%2C7.35342333%2019.0691964%2C7.21205357%20C19.2105662%2C7.07068382%2019.3779752%2C7%2019.5714286%2C7%20C19.7648819%2C7%2019.932291%2C7.07068382%2020.0736607%2C7.21205357%20L25.7879464%2C12.9263393%20C25.9293162%2C13.067709%2026%2C13.2351181%2026%2C13.4285714%20L26%2C13.4285714%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform 0.4s ease;
    border-radius: 50%;
    display: block;
}

.at-expanding-share-button .at-icon-wrapper {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.at-expanding-share-button .at-icon {
    display: inline-block;
    height: 34px;
    margin: 3px 0;
    vertical-align: top;
    width: 34px;
}

.at-expanding-share-button [data-name]:after {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    transform: translate(0, -50%);
    transition: 0.4s;
    background-color: #fff;
    border-radius: 3px;
    color: #666;
    content: attr(data-name);
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 9pt;
    line-height: 9pt;
    font-weight: 500;
    opacity: 0;
    padding: 3px 5px;
    position: relative;
    top: 20px;
    white-space: nowrap;
}

.at-expanding-share-button.at-expanding-share-button-show-icons
    .at-expanding-share-button-services-list {
    display: block;
}

.at-expanding-share-button.at-expanding-share-button-animate-in
    .at-expanding-share-button-toggle-bg
    > span {
    transform: rotate(270deg);
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%3E%3Cpath%20d%3D%22M18%2014V8h-4v6H8v4h6v6h4v-6h6v-4h-6z%22%20fill-rule%3D%22evenodd%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: center center;
    background-repeat: no-repeat;
}

.at-expanding-share-button.at-expanding-share-button-animate-in
    [data-name]:after {
    opacity: 1;
}

.at-expanding-share-button.at-hide-label [data-name]:after {
    display: none;
}

.at-expanding-share-button.at-expanding-share-button-desktop
    .at-expanding-share-button-toggle {
    height: 50px;
}

.at-expanding-share-button.at-expanding-share-button-desktop
    .at-icon-wrapper:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.at-expanding-share-button.at-expanding-share-button-desktop
    .at-expanding-share-button-toggle-bg {
    height: 50px;
    line-height: 50px;
    width: 50px;
}

.at-expanding-share-button.at-expanding-share-button-desktop
    .at-expanding-share-button-toggle-bg
    > span {
    height: 50px;
    width: 50px;
}

.at-expanding-share-button.at-expanding-share-button-desktop
    .at-expanding-share-button-toggle-bg:after {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    transition: opacity 0.2s ease;
    border-radius: 50%;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.at-expanding-share-button.at-expanding-share-button-desktop
    .at-expanding-share-button-toggle-bg:hover:after {
    opacity: 1;
}

.at-expanding-share-button.at-expanding-share-button-desktop
    .at-expanding-share-button-toggle-btn[data-name]:after {
    top: 25px;
}

.at-expanding-share-button.at-expanding-share-button-mobile
    .at-expanding-share-button-services-list {
    margin: 0;
}

.at-expanding-share-button.at-expanding-share-button-mobile
    .at-expanding-share-button-toggle-btn,
.at-expanding-share-button.at-expanding-share-button-mobile .at-share-btn {
    outline: 0;
}

.at-expanding-share-button.at-expanding-share-button-mobile
    .at-expanding-share-button-toggle {
    height: 40px;
    -webkit-tap-highlight-color: transparent;
}

.at-expanding-share-button.at-expanding-share-button-mobile
    .at-expanding-share-button-toggle-bg,
.at-expanding-share-button.at-expanding-share-button-mobile
    .at-expanding-share-button-toggle-bg
    span {
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.at-expanding-share-button.at-expanding-share-button-mobile
    .at-expanding-share-button-click-flash {
    transform: scale(0);
    transition: transform ease, opacity ease-in;
    background-color: hsla(0, 0%, 100%, 0.3);
    border-radius: 50%;
    height: 40px;
    opacity: 1;
    position: absolute;
    width: 40px;
    z-index: 10000;
}

.at-expanding-share-button.at-expanding-share-button-mobile
    .at-expanding-share-button-click-flash.at-expanding-share-button-click-flash-animate {
    transform: scale(1);
    opacity: 0;
}

.at-expanding-share-button.at-expanding-share-button-mobile
    + .at-expanding-share-button-mobile-overlay {
    transition: opacity ease;
    bottom: 0;
    background-color: hsla(0, 0%, 87%, 0.7);
    display: block;
    height: auto;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: auto;
    z-index: 9998;
}

.at-expanding-share-button.at-expanding-share-button-mobile
    + .at-expanding-share-button-mobile-overlay.at-expanding-share-button-hidden {
    height: 0;
    width: 0;
    z-index: -10000;
}

.at-expanding-share-button.at-expanding-share-button-mobile.at-expanding-share-button-animate-in
    + .at-expanding-share-button-mobile-overlay {
    transition: opacity ease;
    opacity: 1;
}

.at-tjin-element .at300b,
.at-tjin-element .at300m {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0 2px 5px;
    outline-offset: -1px;
    transition: all 0.2s ease-in-out;
}

.at-tjin-element .at300b:focus,
.at-tjin-element .at300b:hover,
.at-tjin-element .at300m:focus,
.at-tjin-element .at300m:hover {
    transform: translateY(-4px);
}

.at-tjin-element .addthis_tjin_label {
    display: none;
}

.at-tjin-element .addthis_vertical_style .at300b,
.at-tjin-element .addthis_vertical_style .at300m {
    display: block;
}

.at-tjin-element .addthis_vertical_style .at300b .addthis_tjin_label,
.at-tjin-element .addthis_vertical_style .at300b .at-icon-wrapper,
.at-tjin-element .addthis_vertical_style .at300m .addthis_tjin_label,
.at-tjin-element .addthis_vertical_style .at300m .at-icon-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.at-tjin-element .addthis_vertical_style .at300b:focus,
.at-tjin-element .addthis_vertical_style .at300b:hover,
.at-tjin-element .addthis_vertical_style .at300m:focus,
.at-tjin-element .addthis_vertical_style .at300m:hover {
    transform: none;
}

.at-tjin-element .at-tjin-btn {
    margin: 0 5px 5px 0;
    padding: 0;
    outline-offset: -1px;
    display: inline-block;
    box-sizing: content-box;
    transition: all 0.2s ease-in-out;
}

.at-tjin-element .at-tjin-btn:focus,
.at-tjin-element .at-tjin-btn:hover {
    transform: translateY(-4px);
}

.at-tjin-element .at-tjin-title {
    margin: 0 0 15px;
}

#addthissmartlayerscssready {
    color: #bada55 !important;
}

.addthis-smartlayers,
div#at4-follow,
div#at4-share,
div#at4-thankyou,
div#at4-whatsnext {
    padding: 0;
    margin: 0;
}

#at4-follow-label,
#at4-share-label,
#at4-whatsnext-label,
.at4-recommended-label.hidden {
    padding: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    text-indent: -9999em;
}

.addthis-smartlayers .at4-arrow:hover {
    cursor: pointer;
}

.addthis-smartlayers .at4-arrow:after,
.addthis-smartlayers .at4-arrow:before {
    content: none;
}

a.at4-logo {
    background: url(data:image/gif;base64,R0lGODlhBwAHAJEAAP9uQf///wAAAAAAACH5BAkKAAIALAAAAAAHAAcAAAILFH6Ge8EBH2MKiQIAOw==)
        no-repeat left center;
}

.at4-minimal a.at4-logo {
    background: url(data:image/gif;base64,R0lGODlhBwAHAJEAAP9uQf///wAAAAAAACH5BAkKAAIALAAAAAAHAAcAAAILFH6Ge8EBH2MKiQIAOw==)
        no-repeat left center !important;
}

button.at4-closebutton {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin-right: 10px;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    font-size: 19px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
}

button.at4-closebutton:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
}

div.at4-arrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAoCAYAAABpYH0BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAV1JREFUeNrsmesOgyAMhQfxwfrofTM3E10ME2i5Oeppwr9a5OMUCrh1XV+wcvNAAIAA+BiAzrmtUWln27dbjEcC3AdODfo0BdEPhmcO4nIDvDNELi2jggk4/k8dT7skfeKzWIEd4VUpMQKvNB7X+OZSmAZkATWC1xvipbpnLmOosbJZC08CkAeA4E6qFUEMwLAGnlSBPCE8lW8CYnZTcimH2HoT7kSFOx5HBmCnDhTIu1p5s98G+QZrxGPhZVMY1vgyAQaAAAiAAAgDQACcBOD+BvJtBWfRy7NpJK5tBe4FNzXokywV734wPHMQlxvgnSGyNoUP/2ACjv/7iSeYKO3YWKzAjvCqlBiBVxqPa3ynexNJwOsN8TJbzL6JNIYYXWpMv4lIIAZgWANPqkCeEJ7KNwExu8lpLlSpAVQarO77TyKdBsyRPuwV0h0gmoGnTWFYzVkYBoAA+I/2FmAAt6+b5XM9mFkAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999em;
    text-align: left;
    cursor: pointer;
}

#at4-recommendedpanel-outer-container .at4-arrow.at-right,
div.at4-arrow.at-right {
    background-position: -20px 0;
}

#at4-recommendedpanel-outer-container .at4-arrow.at-left,
div.at4-arrow.at-left {
    background-position: 0 0;
}

div.at4-arrow.at-down {
    background-position: -60px 0;
}

div.at4-arrow.at-up {
    background-position: -40px 0;
}

.ats-dark div.at4-arrow.at-right {
    background-position: -20px -20px;
}

.ats-dark div.at4-arrow.at-left {
    background-position: 0 -20px;
}

.ats-dark div.at4-arrow.at-down {
    background-position: -60px -20px;
}

.ats-dark div.at4-arrow.at-up {
    background-position: -40px -20;
}

.at4-opacity-hidden {
    opacity: 0 !important;
}

.at4-opacity-visible {
    opacity: 1 !important;
}

.at4-visually-hidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    overflow: hidden;
}

.at4-hidden-off-screen,
.at4-hidden-off-screen * {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.at4-show {
    display: block !important;
    opacity: 1 !important;
}

.at4-show-content {
    opacity: 1 !important;
    visibility: visible;
}

.at4-hide {
    display: none !important;
    opacity: 0 !important;
}

.at4-hide-content {
    opacity: 0 !important;
    visibility: hidden;
}

.at4-visible {
    display: block !important;
    opacity: 0 !important;
}

.at-wordpress-hide {
    display: none !important;
    opacity: 0 !important;
}

.addthis-animated {
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    animation-duration: 0.3s;
}

.slideInDown.addthis-animated,
.slideInLeft.addthis-animated,
.slideInRight.addthis-animated,
.slideInUp.addthis-animated,
.slideOutDown.addthis-animated,
.slideOutLeft.addthis-animated,
.slideOutRight.addthis-animated,
.slideOutUp.addthis-animated {
    animation-duration: 0.4s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(20px);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    to {
        opacity: 0;
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    to {
        opacity: 0;
        transform: translateX(20px);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes slideInUp {
    0% {
        transform: translateY(1500px);
    }

    0%,
    to {
        opacity: 1;
    }

    to {
        transform: translateY(0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

.slideInUp.addthis-animated {
    animation-duration: 0.4s;
}

@keyframes slideInDown {
    0% {
        transform: translateY(-850px);
    }

    0%,
    to {
        opacity: 1;
    }

    to {
        transform: translateY(0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }

    0%,
    to {
        opacity: 1;
    }

    to {
        transform: translateY(-250px);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

@keyframes slideOutUpFast {
    0% {
        transform: translateY(0);
    }

    0%,
    to {
        opacity: 1;
    }

    to {
        transform: translateY(-1250px);
    }
}

#at4m-menu.slideOutUp {
    animation-name: slideOutUpFast;
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0);
    }

    0%,
    to {
        opacity: 1;
    }

    to {
        transform: translateY(350px);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutDownFast {
    0% {
        transform: translateY(0);
    }

    0%,
    to {
        opacity: 1;
    }

    to {
        transform: translateY(1250px);
    }
}

#at4m-menu.slideOutDown {
    animation-name: slideOutDownFast;
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-850px);
    }

    to {
        transform: translateX(0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(1250px);
    }

    to {
        transform: translateX(0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }

    to {
        opacity: 0;
        transform: translateX(-350px);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }

    to {
        opacity: 0;
        transform: translateX(350px);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

.at4win {
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ebeced;
    width: 25pc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    font-family: helvetica neue, helvetica, arial, sans-serif;
    text-align: left;
    z-index: 9999;
}

.at4win .at4win-header {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    background: #fff;
    height: 49px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    cursor: default;
}

.at4win .at4win-header .at-h3,
.at4win .at4win-header h3 {
    height: 49px;
    line-height: 49px;
    margin: 0 50px 0 0;
    padding: 1px 0 0;
    margin-left: 20px;
    font-family: helvetica neue, helvetica, arial, sans-serif;
    font-size: 1pc;
    font-weight: 700;
    text-shadow: 0 1px #fff;
    color: #333;
}

.at4win .at4win-header .at-h3 img,
.at4win .at4win-header h3 img {
    display: inline-block;
    margin-right: 4px;
}

.at4win .at4win-header .at4-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url("data:image/gif;base64,R0lGODlhFAAUAIABAAAAAP///yH5BAEAAAEALAAAAAAUABQAAAIzBIKpG+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=")
        no-repeat center center;
    background-repeat: no-repeat;
    background-position: center center;
    border-left: 1px solid #d2d2d1;
    width: 49px;
    height: 49px;
    line-height: 49px;
    overflow: hidden;
    text-indent: -9999px;
    text-shadow: none;
    cursor: pointer;
    opacity: 0.5;
    border: 0;
    transition: opacity 0.15s ease-in;
}

.at4win .at4win-header .at4-close::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.at4win .at4win-header .at4-close:hover {
    opacity: 1;
    background-color: #ebeced;
    border-top-right-radius: 7px;
}

.at4win .at4win-content {
    position: relative;
    background: #fff;
    min-height: 220px;
}

#at4win-footer {
    position: relative;
    background: #fff;
    border-top: 1px solid #d2d2d1;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    height: 11px;
    line-height: 11px;
    padding: 5px 20px;
    font-size: 11px;
    color: #666;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

#at4win-footer a {
    margin-right: 10px;
    text-decoration: none;
    color: #666;
}

#at4win-footer a:hover {
    text-decoration: none;
    color: #000;
}

#at4win-footer a.at4-logo {
    top: 5px;
    padding-left: 10px;
}

#at4win-footer a.at4-privacy {
    position: absolute;
    top: 5px;
    right: 10px;
    padding-right: 14px;
}

.at4win.ats-dark {
    border-color: #555;
    box-shadow: none;
}

.at4win.ats-dark .at4win-header {
    background: #1b1b1b;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.at4win.ats-dark .at4win-header .at4-close {
    background: url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTEvMTMvMTKswDp5AAAAd0lEQVQ4jb2VQRLAIAgDE///Z3qqY1FAhalHMCsCIkVEAIAkkVgvp2lDBgYAnAyHkWotLccNrEd4A7X2TqIdqLfnWBAdaF5rJdyJfjtPH5GT37CaGhoVq3nOm/XflUuLUto2pY1d+vRKh0Pp+MrAVtDe2JkvYNQ+jVSEEFmOkggAAAAASUVORK5CYII=")
        no-repeat center center;
    background-image: url(https://s7.addthis.com/static/fb08f6d50887bd0caacc86a62bcdcf68.svg),
        none;
    border-color: #333;
}

.at4win.ats-dark .at4win-header .at4-close:hover {
    background-color: #000;
}

.at4win.ats-dark .at4win-header .at-h3,
.at4win.ats-dark .at4win-header h3 {
    color: #fff;
    text-shadow: 0 1px #000;
}

.at4win.ats-gray .at4win-header {
    background: #fff;
    border-color: #d2d2d1;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.at4win.ats-gray .at4win-header a.at4-close {
    border-color: #d2d2d1;
}

.at4win.ats-gray .at4win-header a.at4-close:hover {
    background-color: #ebeced;
}

.at4win.ats-gray #at4win-footer {
    border-color: #ebeced;
}

.at4win .clear {
    clear: both;
}

.at4win ::selection {
    background: #fe6d4c;
    color: #fff;
}

.at4win ::-moz-selection {
    background: #fe6d4c;
    color: #fff;
}

.at4-icon-fw {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-indent: -9999em;
    cursor: pointer;
    padding: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.at44-follow-container a.aticon {
    height: 2pc;
    margin: 0 5px 5px 0;
}

.at44-follow-container .at4-icon-fw {
    margin: 0;
}

.main-pop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.gray-bg1 {
    background: #2f3441;
}

.account-white-text {
    color: #fff;
}

/*  home page */
span.eye-icon {
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}

@media screen and (max-width: 479px) {
    .slide-caption-wrap .sc-desc p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .slide-caption-wrap .sc-desc {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.magnific-youtube-popup {
    text-align: center;
}

.vjs-poster img {
    object-fit: cover !important;
}

.vjs-poster.vjs-hidden {
    display: block !important;
}

.vjs-youtube-mobile .vjs-big-play-button {
    display: flex !important;
}

.vjs-has-started .vjs-big-play-button {
    display: none !important;
}

.vjs-waiting .vjs-big-play-button {
    display: none !important;
}

@media only screen and (max-width: 300px) {
    .video-js {
        max-width: 916px !important;
        height: 315px;
        width: 90% !important;
    }
}

@media only screen and (max-width: 600px) {
    .video-js {
        max-width: 916px !important;
        height: 515px;
        width: 90% !important;
    }
}

@media only screen and (max-width: 1200px) {
    .video-js {
        max-width: 916px !important;
        width: 90% !important;
        height: 515px;
    }
}

@media only screen and (max-width: 1700px) {
    .video-js {
        max-width: 916px !important;
        width: 90% !important;
        height: 515px;
    }
}

@media only screen and (min-width: 1701px) {
    .video-js {
        max-width: 1206px !important;
        width: 90% !important;
        height: 715px;
    }
}

.sharethis-inline-share-buttons .st-btn {
    display: inline-block !important;
    margin-bottom: 20px;
}

.block-rating {
    width: max-content;
}

.recently-added .film_list .film-name {
    /* height: unset; */
    margin-bottom: 0;
}

.recently-added .film_list .movie_item_hover {
    height: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.see-all {
    text-decoration: none;
    display: block;
    padding: 4px 10px;
    background: #cc181e;
    background-color: rgb(204, 24, 30);
    color: white;
    border-radius: 3px;
    text-decoration: none;
}

video::-internal-media-controls-overlay-cast-button {
    display: none;
}

.detail-container.seprate-block {
    padding-bottom: 0px;
}

@media screen and (max-width: 998px) {
    .detail-container.seprate-block {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 1599px) {
    .detail-container.seprate-block {
        padding-bottom: 0px;
    }
}

.view-all-btn {
    color: white;
    background-color: #cc181e;
}

.view-all-btn:hover {
    color: white;
    background-color: #a3161a;
}

.watch-movie-btn {
    background: #fe284e;
    border: 1px solid white;
    border-radius: 10px;
    min-height: 40px;
    width: 100%;
    color: #fff;
}
.watch-movie-btn:hover {
    background: #d50026;
}

.watch-trailer-btn {
    background: transparent;
    border: 1px solid white;
    border-radius: 10px;
    min-height: 40px;
}
.watch-trailer-btn:hover {
    background: #80808080;
}

.video-tagline {
    font-style: italic;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 400;
    color: #aea7a6;
    margin-top: -15px;
    margin-bottom: 15px;
}

.age-btn .quality {
    border: 2px solid white;
    font-weight: 900;
}

.tmdb-btn .quality {
    color: #05d573;
    border: 2px solid #05d573;
    font-weight: 900;
}

.imdb-btn .quality {
    color: #fbef00;
    border: 2px solid #fbef00;
    font-weight: 900;
}

.detailed-description {
    font-weight: 600;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: white;
    font-size: 15px !important;
}

.third-section {
    display: flex;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: 400;
    margin-bottom: 15px;
    align-items: center;
}
.third-section .dot {
    background: white;
    height: 5px;
    width: 5px;
}

.third-section .release-date {
    color: #aea7a6;
    padding: 3px 5px 3px 0px;
}
.third-section .movie-duration {
    color: #aea7a6;
    padding: 3px 5px;
}
.third-section .movie-age-limit {
    color: #aea7a6;
    font-weight: 400;
    padding: 3px 5px;
}
.forth-section {
    height: 75px;
    margin-bottom: 5px;
    border: 1px solid rgb(55, 55, 55);
    padding: 8px 0px;
    border-inline: none;
    align-items: center;
    gap: 15px;
}

.forth-section .average-rating {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(66 66 66 / 55%);
    height: 100%;
    border-radius: 5px;
    width: 60px;
    font-weight: 600;
    font-size: 24px;
}
.forth-section .average-rating span {
    font-weight: 600;
    font-size: 24px;
}
.forth-section .rating-stars i {
    font-size: 14px;
    cursor: pointer;
}
.forth-section .rating-stars i.fa-star {
    font-size: 14px;
    color: #ffffff;
}
.forth-section .rating-stars i.fa-star.active {
    color: #418bea;
}
.forth-section .rating-stars i.fa-star:hover {
    color: #428bea;
}
.forth-section .rating-stars > div {
    padding: 3px 0px;
}
.forth-section .total-ratings span {
    font-size: 1.2em;
}
.rating-stars .fa.active {
    color: #3f8bea;
}
.user-rating-del span {
    background: gray;
    padding: 3px;
    border-radius: 3px;
    font-weight: 500;
}

.fifth-section {
    margin-bottom: 10px;
    align-items: center;
    padding: 20px 0px;
    gap: 10px;
    border-bottom: 1px solid rgb(55, 55, 55);
}

.movie-detail-tab .nav a {
    color: white;
    font-weight: 800;
    border-color: #fe284e !important;
    border-top: none;
    border-left: none;
    border-right: none;
    background: transparent;
}
.movie-detail-tab .nav a.active,
.movie-detail-tab .nav a:focus,
.movie-detail-tab .nav a:focus-visible,
.movie-detail-tab .nav a:hover {
    color: #ffffff;
    border-color: #ffffff !important;
    background: #000000;
    border-radius: 0px;
}

@media screen and (max-width: 481px) {
    .forth-section .rating-stars i {
        font-size: 14px;
    }
}

#askYourQuestion input,
#askYourQuestion textarea {
    border-bottom: 1px solid #484954;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    width: 100%;
    height: 40px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #edeeef;
    padding: 0;
}
#askYourQuestion textarea {
    resize: none;
}
#askYourQuestion h5 {
    font-size: 1.6rem;
}
#askYourQuestion .close {
    position: absolute;
    right: 3%;
    top: 3%;
}
#askYourQuestion .close span {
    font-family: system-ui;
    font-size: 40px;
    line-height: 30px;
    font-weight: 100;
    color: white;
}
#footer-about .container {
    position: relative;
}
.footer-main .social-icons,
.footer-main #logo {
    width: 170px;
}
.footer-main .social-icons a {
    font-size: x-large;
    color: gray;
}
.footer-support {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 56px;
    height: 56px;
    cursor: pointer;
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 20;
}
.footer-support:hover {
    animation: jumping 0.5s ease-in-out 1;
}
.movie-details-tab hr {
    border-color: rgb(55, 55, 55);
}

@keyframes jumping {
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

/*-- ARP CSS --*/
#footer-about {
    position: relative;
    padding-top: 50px;
    padding-bottom: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#footer-about .footer-main #logo {
    width: 200px;
}
#footer-about .footer-main .basic-info {
    margin-top: 15px;
}
#footer-about .footer-main .basic-info p {
    font-size: 14px;
    color: #ffffff;
    line-height: 18px;
    margin-bottom: 0px;
}
#footer-about .footer-main .footer-title {
    font-size: 18px;
    font-weight: 600;
    color: #b0baf2;
    text-transform: uppercase;
    margin-bottom: 20px;
}
#footer-about .footer-main .footerlinks ul,
#footer-about .footer-main .office-address ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    gap: 5px;
    margin-top: 20px;
}
#footer-about .footer-main .footerlinks ul li,
#footer-about .footer-main .office-address ul li {
    margin-bottom: 5px;
}
#footer-about .footer-main .footerlinks ul li a,
#footer-about .footer-main .office-address ul li a {
    font-size: 14px;
    color: #abb7c4;
    font-weight: 400;
    padding: 0px 5px;
}
#footer-about .footer-main .footerlinks ul li a:hover,
#footer-about .footer-main .office-address ul li a:hover {
    color: #dcf836;
}
#footer-about .footer-main .social-icons ul {
    margin: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0px;
}
#footer-about .footer-main .social-icons ul li a {
    font-size: 24px;
    color: #ffffff;
}
#footer-about .footer-main .social-icons ul li a:hover {
    color: #dcf836;
}
#footer-about .footer-main .footerlinks {
    text-align: center;
}
#footer-about .footer-main .footerlinks ul {
    justify-content: center;
    flex-wrap: wrap;
}
#footer-about .footer-bottom {
    padding-top: 25px;
    padding-bottom: 25px;
}
#footer-about .footer-bottom .copyright {
    text-align: center;
}
#footer-about .footer-bottom .copyright p {
    font-size: 14px;
    color: #8e95a5;
    margin: 0px;
}
#footer-about .footer-main .social-icons {
    width: 100%;
    margin-top: 15px;
}
#footer-about .footer-main .newsletter form .inputbox {
    display: flex;
    background-color: #444141;
    padding: 5px 5px;
    gap: 5px;
    flex-wrap: nowrap;
    border-radius: 3px;
}
#footer-about .footer-main .newsletter form .inputbox input[type="email"] {
    font-size: 14px;
    color: #000000;
    padding: 10px 7px;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    height: 36px;
}
#footer-about .footer-main .newsletter form .inputbox button[type="submit"] {
    background-color: #00842e;
    font-size: 14px;
    color: #ffffff;
    padding: 10px 15px;
    border: none;
    box-shadow: none;
    border-radius: 10px;
}
#footer-about
    .footer-main
    .newsletter
    form
    .inputbox
    button[type="submit"]:hover {
    background-color: #09692a;
    color: #ffffff;
}

#footer-about .chaticon-wrapper {
    position: relative;
}
#footer-about .popup {
    position: absolute;
    bottom: 50px;
    right: 8px;
    background: #ffeb3b;
    border-radius: 35% 40% 40% 50% / 45% 35% 60% 40%;
    padding: 40px 35px;
    width: 220px;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    box-shadow: 0 0 0 3px #000000, 0 0px 10px #ffffff;
    z-index: 222;
    display: none;
    overflow: visible;
}
#footer-about .popup .popup-tail {
    position: absolute;
    bottom: -5px;
    right: 30px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 25px solid #ffeb3b;
    z-index: -1;
    transform: rotate(-30deg);
}
#footer-about .popup a {
    display: block;
    color: #000000;
    text-decoration: none;
    margin: 2px 0px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}
#footer-about .popup a:hover {
    text-decoration: underline;
    color: #ff0000;
}
#footer-about .popup .quote {
    font-size: 48px;
    color: #ff0000;
    position: absolute;
    z-index: 1;
}
#footer-about .popup .open-quote {
    top: 50%;
    left: -6px;
}
#footer-about .popup .close-quote {
    bottom: 50%;
    right: -10px;
}
#footer-about .popup .close-btn {
    display: block;
    color: #000000;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 30px;
}

.backtotop {
    position: relative;
    padding-top: 10px;
    border-top: 1px solid #405266;
    text-align: right;
    margin-top: 40px;
}

.backtotop span {
    font-size: 14px;
    color: #abb7c4;
    font-weight: 500;
}

.backtotop span:hover {
    color: #ffec3b;
    cursor: pointer;
}
#footer-about .backtotop .copyright {
    text-align: left;
}
#footer-about .backtotop .copyright p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #abb7c4;
}

.detail_page .detail_page-watch .detail_page-infor .description .block strong {
    font-size: 14px;
    font-weight: 600;
}
.detail_page .detail_page-watch .detail_page-infor .elements .row-line {
    margin-bottom: 10px;
}
.detail_page .detail_page-watch .detail_page-infor .elements .row-line .type {
    margin-right: 5px;
    display: inline-block;
}
.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .row-line
    .type
    strong {
    font-size: 12px;
    font-weight: 600;
}
.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .row-line.detailed-description
    > .type {
    margin-right: 0px;
    background-color: transparent;
    padding: 0px;
    border-radius: 0px;
}
.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .row-line.detailed-description
    .type
    strong {
    font-size: 16px;
}
.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .tab-pane
    .row-line
    .type {
    margin-right: 5px;
    min-width: auto;
    display: inline-block;
}
.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .tab-pane
    .row-line
    .type.mb-2 {
    margin-right: 0px;
    background-color: transparent;
    padding: 0px;
}
.detail_page .detail_page-watch .detail_page-infor .description {
    border-bottom: none;
    margin-bottom: 30px;
}
.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .movie-details-tab
    .row-line {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: none;
}
.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .movie-details-tab
    .row-line.detailed-description
    p {
    font-weight: 400;
}
.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .movie-details-tab
    .row-line.detailed-description
    p:empty {
    display: none;
}
.movie-detail-tab .nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 0px;
    background-color: #fe284e;
}
.movie-detail-tab .nav a {
    font-size: 14px;
    padding: 10px 15px;
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 500;
}
.movie-detail-tab .nav a i {
    font-size: 16px;
}

.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .movie-details-tab
    .row-line.detailed-description
    .more-button
    #toggle-button {
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: transparent;
    font-size: 12px;
    color: #fe284e;
    text-decoration: underline;
}
.toggle-button {
    display: none;
}
.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .movie-details-tab
    .row-line.detailed-description
    .more-button
    #toggle-button:focus,
.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .movie-details-tab
    .row-line.detailed-description
    .more-button
    #toggle-button:hover {
    box-shadow: none;
    border: none;
    outline: none;
}
.forth-section .rating-stars {
    width: calc(100% - 60px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.forth-section .rating-stars .row {
    margin: 0px;
    gap: 15px;
    align-items: center;
    padding: 0px;
}
.forth-section .rating-stars .user-rating-del span.rating-score {
    padding: 5px 10px;
}
.fifth-section .film-stats {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 0px;
}
.fifth-section .film-stats .fs-item {
    float: none;
    margin: 0px;
    display: inline-block;
}
.fifth-section .add-to-watchlist-btn a {
    background: #ffffff;
    color: #000000;
    padding: 6px 10px;
    border-radius: 20px;
    font-size: 1.2em;
    font-weight: 600;
    display: inline-block;
    min-width: 100px;
    text-align: center;
    line-height: normal;
}
.add-to-watchlist-btn a:nth-child(2) {
    margin-left: 10px;
    height: 30px;
}
.detail_page .dp-i-c-right {
    padding-bottom: 40px;
    min-height: 500px;
}
.dp-i-c-right .elements.top-information {
    border-bottom: 1px solid rgb(55, 55, 55);
    padding: 10px 0px;
}
.dp-i-c-right .elements.top-information .background-style {
    position: relative;
}

.detail_page-watch.tabs-info-wrapper {
    padding-bottom: 60px;
}
.detail_page-watch.tabs-info-wrapper .detail_page-infor {
    padding-left: 15px;
    padding-right: 15px;
}

.detail_page-watch.tabs-info-wrapper
    .detail_page-infor
    .seprate-section
    nav.movie-detail-tab {
    padding-left: 10px;
    padding-right: 10px;
}
.detail_page-watch.tabs-info-wrapper
    .detail_page-infor
    .seprate-section
    .tab-content {
    margin: 0px !important;
    padding: 30px 10px;
}
.detail_page-watch.tabs-info-wrapper
    .detail_page-infor
    .seprate-section
    .tab-content
    .tab-pane
    .row-tags:first-child {
    margin-top: 0px;
}
.detail_page-watch.tabs-info-wrapper
    .detail_page-infor
    .seprate-section
    nav.movie-detail-tab
    .nav-tabs {
    gap: 10px;
    background-color: transparent;
}
.detail_page-watch.tabs-info-wrapper
    .detail_page-infor
    .seprate-section
    nav.movie-detail-tab
    .nav-tabs
    a {
    border: none;
    background-color: #2f3442;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-width: 165px;
    justify-content: center;
}
.detail_page-watch.tabs-info-wrapper
    .detail_page-infor
    .seprate-section
    nav.movie-detail-tab
    .nav-tabs
    a:hover {
    color: #abb8e9;
}
.detail_page-watch.tabs-info-wrapper
    .detail_page-infor
    .seprate-section
    nav.movie-detail-tab
    .nav-tabs
    a.active {
    background-color: #40435e;
}

.detail_page-infor a.click-full-casts {
    color: #fe284e;
    text-decoration: underline !important;
}

.film_related.file_realted-list
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .flw-item {
    background-color: rgba(255, 255, 255, 0.05);
    transition: all 0.3s linear;
}
/* .film_related.file_realted-list
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .flw-item:hover {
    cursor: pointer;
    transform: scale(1.1);
} */
.film_related.file_realted-list .swiper-container .swiper-button-prev,
.film_related.file_realted-list .swiper-container .swiper-button-next {
    background-color: #ffffff !important;
    border: 1px solid #000000;
}
.film_related.file_realted-list .swiper-container .swiper-button-prev::after,
.film_related.file_realted-list .swiper-container .swiper-button-next::after {
    color: #000000;
}
.film_related.file_realted-list
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .flw-item
    .film-name {
    height: auto;
    margin-bottom: 5px;
}

.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .row-line
    span.sepratebar:nth-child(3n + 1) {
    display: none;
}
.detail_page
    .detail_page-watch
    .detail_page-infor
    .elements
    .row-line
    span.sepratebar:last-child {
    display: none;
}

.modal.newsletter-popup .modal-dialog {
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
}
.modal.newsletter-popup .modal-dialog .modal-content {
    border-radius: 30px;
}
.modal.newsletter-popup .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 30px 40px;
}
.modal.newsletter-popup .modal-dialog .modal-content .modal-header h5 {
    text-align: center;
    font-weight: 600;
    font-size: 2em;
    line-height: 1.4em;
    color: #111111;
}
.modal.newsletter-popup .modal-dialog .modal-body {
    padding: 0px 40px 40px;
}
.modal.newsletter-popup .modal-dialog .modal-body #otpSuccess {
    background-color: #008000;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 10px;
    font-size: 14px;
    color: #ffffff;
    display: none;
}
.modal.newsletter-popup .modal-dialog .modal-body #otpError {
    background-color: #ff0000;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 10px;
    font-size: 14px;
    color: #ffffff;
    display: none;
}
#footer-about .footer-main .footerlinks .centerrights {
    margin-top: 25px;
    margin-bottom: 25px;
}
#footer-about .footer-bottom {
    display: none;
}

.background-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    padding-bottom: 56%;
    background-repeat: no-repeat;
    background-size: cover;
}

/*-- Movie page css --*/
.flw-item .film-detail .fd-infor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: 0px;
}
.flw-item .film-detail .fd-infor span.fdi-item:nth-of-type(1) {
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(11, 26, 42, 0.9);
    padding: 4px 4px;
    border-radius: 0 0 5px 0;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 1px;
    z-index: 22;
}
.flw-item .film-detail .fd-infor span.fdi-item:nth-of-type(2) {
    font-size: 12px;
    position: absolute;
    right: 0px;
    bottom: 38px;
    background: #79b617;
    padding: 4px 4px;
    border-radius: 5px 0 0 0;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 1px;
    margin: 0px;
    min-width: 45px;
    text-align: center;
    text-transform: uppercase;
    z-index: 22;
}
.flw-item .film-detail .fd-infor span.fdi-item:nth-of-type(3) {
    font-size: 12px;
    position: absolute;
    left: 0px;
    bottom: 38px;
    background: rgba(11, 26, 42, 0.9);
    padding: 4px 4px;
    border-radius: 0 5px 0 0;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 1px;
    z-index: 22;
}
.flw-item .film-detail .fd-infor span.fdi-item:nth-of-type(1) i {
    font-size: 12px;
    color: #dcf836;
}
.flw-item
    .film-detail
    .fd-infor
    span.fdi-item:nth-of-type(1)
    span.rating_out_of {
    font-size: 12px;
    color: #abb7c4;
}
.film_list .film_list-wrap .flw-item {
    position: relative;
    box-shadow: inset 0 0 54px rgba(52, 58, 62, 0.7),
        0 0 5px 1px rgba(226, 230, 232, 0.6);
}
.film_list .film_list-wrap .flw-item .film-poster img {
    border-radius: 0px;
}
.flw-item .film-detail .film-name {
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
    overflow: hidden;
}
.flw-item .film-detail .film-name a {
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.film_list .film_list-wrap .flw-item:hover .fd-btn {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #dd003f;
    padding: 8px 15px;
    text-align: center;
    margin-left: 0;
    margin-top: 0;
    border-radius: 30px;
    cursor: pointer;
    width: 140px;
    transition: all 0.5s ease-out;
    pointer-events: none;
    z-index: 22;
    transform: translateX(-50%) translateY(-50%);
}
.film_list .film_list-wrap .flw-item .fd-btn .btn-play {
    background-color: #dd003f !important;
    border: none !important;
    padding: 0px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    text-transform: uppercase;
    font-family: "Dosis", sans-serif;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
}
.flw-item .film-detail .fd-btn .btn-sm i {
    right: -10px;
}
.flw-item:hover .film-detail .film-name,
.flw-item:hover .film-detail .film-name a {
    color: #dcf836;
}

.film_related.file_realted-list
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .flw-item
    .film-poster
    img {
    border-radius: 0px;
}
.film_related.file_realted-list
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .flw-item
    .film-detail
    .film-name {
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
    overflow: hidden;
}
.film_related.file_realted-list
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .flw-item
    .film-detail
    .film-name
    a {
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.film_related.file_realted-list
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .flw-item
    .fd-btn {
    display: none;
}
.film_related.file_realted-list
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .flw-item
    .fd-btn
    .btn-play {
    background-color: #dd003f !important;
    border: none !important;
    padding: 0px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    text-transform: uppercase;
    font-family: "Dosis", sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.film_related.file_realted-list
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .flw-item:hover
    .fd-btn {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #dd003f;
    padding: 8px 15px;
    text-align: center;
    margin-left: 0;
    margin-top: 0;
    border-radius: 30px;
    cursor: pointer;
    width: 140px;
    transition: all 0.5s ease-out;
    pointer-events: none;
    z-index: 2;
    transform: translateX(-50%) translateY(-50%);
}
.film_related.file_realted-list
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .flw-item:hover
    .film-detail
    .film-name,
.film_related.file_realted-list
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .flw-item:hover
    .film-detail
    .film-name
    a {
    color: #dcf836;
}

/*-- Header --*/
.custom-header-wrapper {
    height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.custom-header-wrapper .header-inner-wraaper {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.custom-header-wrapper .header-inner-wraaper .header-logo a#logo {
    margin: 0px !important;
}
.custom-header-wrapper .header-inner-wraaper .header-menu {
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    width: 100%;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.custom-header-wrapper .header-inner-wraaper .header-search-bar #search {
    width: 100%;
    min-width: 500px;
    margin: 0px;
    display: block !important;
}
.custom-header-wrapper
    .header-inner-wraaper
    .header-search-bar
    #search
    .search-content
    form.search-form {
    border: 4px solid #020d18;
    background: #233a50;
    overflow: hidden;
    border-radius: 30px;
    margin-bottom: 0;
}
.custom-header-wrapper
    .header-inner-wraaper
    .header-search-bar
    #search
    .search-content
    form.search-form
    .search-icon {
    top: 0;
    bottom: 0;
    height: 52px;
    line-height: 48px;
    color: #abb7c4;
    font-size: 18px;
    left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-header-wrapper
    .header-inner-wraaper
    .header-search-bar
    #search
    .search-content
    form.search-form
    input.search-input {
    background: #233a50;
    color: #ffffff;
    height: 46px;
    font-size: 17px;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
}
.custom-header-wrapper .header-inner-wraaper .header-right-menu ul {
    display: flex;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.custom-header-wrapper .header-inner-wraaper .header-right-menu ul li a {
    font-size: 14px;
    color: #abb7c4;
    text-transform: uppercase;
    border: 2px solid #abb7c4;
    padding: 5px 15px;
    border-radius: 30px;
    display: block;
    transition: all 0.5s;
    font-weight: 700;
    font-family: Dosis, sans-serif;
    margin: 0 15px;
}
.custom-header-wrapper
    .header-inner-wraaper
    .header-right-menu
    ul
    li:last-child
    a {
    margin-left: 0;
}
.custom-header-wrapper .header-inner-wraaper .header-right-menu ul li a:hover {
    border-color: #fff;
}
.custom-header-wrapper .header-inner-wraaper .header-menu .nav .nav-item {
    position: relative;
    font-family: "Dosis", sans-serif;
}
.custom-header-wrapper .header-inner-wraaper .header-menu .nav .nav-item a {
    font-size: 14px;
    color: #abb7c4;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    margin: 0 15px;
    color: #abb7c4;
    transition: all 0.5s;
}
.custom-header-wrapper
    .header-inner-wraaper
    .header-menu
    .nav
    .nav-item:hover
    a {
    color: #fff;
}
.custom-header-wrapper
    .header-inner-wraaper
    .header-menu
    .nav
    .sub-menu
    .nav-item:hover {
    background: #f5f5f5;
}
.custom-header-wrapper
    .header-inner-wraaper
    .header-menu
    .nav
    li.nav-item.sub-menu-item
    ul.nav.sub-menu {
    position: absolute;
    z-index: 1;
    width: auto;
    background-color: #f9f9f9;
    list-style: none;
    padding: 0px;
    opacity: 0;
    display: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-left: 0px;
}
.custom-header-wrapper
    .header-inner-wraaper
    .header-menu
    .nav
    li.nav-item.sub-menu-item:hover
    ul.nav.sub-menu {
    display: block;
    opacity: 1;
    width: 160px;
}
.custom-header-wrapper
    .header-inner-wraaper
    .header-menu
    .nav
    li.nav-item.sub-menu-item
    ul.nav.sub-menu
    .nav-item
    a {
    color: #333333;
    padding: 5px 10px !important;
    margin: 0;
}
.custom-header-wrapper
    .header-inner-wraaper
    .header-menu
    .nav
    .nav-item.sub-menu-item
    > a::after {
    font-family: "Font Awesome 6 Pro";
    content: "\f107";
    position: absolute;
    color: #ffffff;
    padding: 0px 2px;
    cursor: pointer;
    z-index: 111;
    right: -16px;
    top: 52%;
    font-size: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 200;
    font-size: 12px;
}
/* .custom-header-wrapper .header-inner-wraaper .header-menu .nav .nav-item.sub-menu-item:hover > a::after {
    -webkit-transform: rotate(180deg) translateY(50%);
    -moz-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
} */
.header-menu {
    flex-direction: column;
    align-items: start !important;
}
.menu-tab,
.mobile-menu-tab {
    display: flex;
}
.menu-tab li,
.mobile-menu-tab li {
    list-style: none;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 7px;
    margin: 0 15px;
    margin-bottom: 6px;
    font-family: "Dosis", sans-serif;
    color: #abb7c4;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: all 0.5s;
}
.menu-tab li:hover,
.mobile-menu-tab li:hover {
    color: #dcf836;
}
.menu-tab li.active,
.mobile-menu-tab li.active {
    border-color: #dcf836;
    color: #dcf836;
}
.sidebar_menu-list li:first-child a {
    padding-left: 0 !important;
}
.menu-content-main #tvshows,
.mobile-menu-content-main #tvshows {
    display: none;
}
.custom-header-wrapper .tab-content {
    display: none;
}
.menu-content-main #movie,
.mobile-menu-content-main #movie {
    display: block;
}
.custom-mobile-header {
    display: none;
}
.top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
}

.custom-mobile-header .account i {
    font-size: 19px;
    color: #fff;
}

/*====== 25-04-2025 =========*/
.detail_page-movie .detail-container {
    padding-top: 75px;
}
.detail_page-movie .movie-back-button {
    font-size: 16px;
    padding: 0 15px;
    margin-bottom: 10px;
    display: block;
}
.detail_page-movie .movie-back-button:hover {
    color: #fff;
}

#header_right #block-rating {
    display: flex;
    align-items: center;
    width: 170px;
    justify-content: center;
}
.nav-profile-name {
    max-width: 100% !important;
}
.header-user {
    position: relative;
}
.header-user .nav-profile-menu {
    transform: translate3d(0px, 35px, 0px) !important;
    right: 0;
    left: initial !important;
}
#header_right .notification {
    margin-right: 10px;
    font-size: 16px;
}
.header-user .fa-user {
    font-size: 16px;
}
.header-user .dropdown-toggle::after {
    display: none;
}
.header-user .dropdown-menu {
    padding: 0;
}

.header-user .user-dropdown-profile {
    display: flex;
    align-items: center;
    padding: 0 10px;
    margin-bottom: 10px;
    gap: 0 6px;
}
.header-user .user-dropdown-profile .first-letter {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Dosis", sans-serif;
    color: #000;
    font-weight: 600;
}
.header-user .user-dropdown-profile .nav-profile-name {
    color: #fff;
    font-size: 13px;
}

.watch-trailer-btn {
    height: 40px;
}

/* new login ui */
.login-blackwall {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99992;
    background: rgba(0, 0, 0, 0.3);
}
.login-blackwall .login-inner-wrapper {
    width: 400px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1.714286rem;
    border-radius: 20px;
}
.login-blackwall .login-inner-wrapper h4,
#modallogin #modallogintitle {
    font-size: 1.714286rem;
    line-height: 2.285714rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    margin-bottom: 1.714286rem;
}
.login-blackwall .login-inner-wrapper p {
    text-align: center;
    color: #000;
    font-weight: 500;
    font-size: 13px;
    margin: 15px 0;
}
.login-blackwall .login-inner-wrapper .form input {
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 1rem;
    outline: none;
    padding: 0 10px;
    width: 100%;
    height: 43px;
}
.login-blackwall .login-inner-wrapper .form .login-btn-wr {
    display: flex;
    justify-content: center;
    gap: 0 12px;
}
.login-blackwall .login-inner-wrapper .form .login-btn-wr button,
.login-blackwall .login-inner-wrapper .form .login-btn-wr a {
    padding: 0.85rem 1.3rem;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 35px;
    background: #fe0000;
    color: #fff;
}
.login-blackwall .login-inner-wrapper .form .login-btn-wr a {
    background: rgb(214, 224, 234);
    color: #000;
}
.login-blackwall .login-inner-wrapper .login-button-line,
#modallogin .login-button-line {
    margin-top: 1.5rem;
    width: 100%;
    height: 1px;
    background: #e6ecf2;
}
.login-blackwall .login-inner-wrapper .social-login,
#modallogin .social-login {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
}

.login-inner-wrapper .login-close {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 1;
    color: #000;
    font-size: 16px;
    cursor: pointer;
}
.social-login a.disabled {
    pointer-events: none;
    cursor: default;
}

#modallogin .preform .form-group {
    margin-bottom: 15px;
}

#modallogin #btnLogin,
#modallogin .forgot-tab-link {
    padding: 0.7rem 1.3rem;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 35px;
    background: #fe0000;
    color: #fff;
}
#modallogin .forgot-tab-link {
    background-color: #eaeff4;
    color: #000000 !important;
    margin-left: 10px;
}
#modallogin .signin-wrapper-bottom-sec p {
    margin-top: 20px;
    text-align: center;
}

#modallogin .close i {
    font-size: 15px;
}

/*============ signin-page-wrapper ============*/

.signin-page-wrapper {
    margin-top: -20px;
    margin-bottom: -40px;
    padding: 75px 0;
    position: relative;
    z-index: 1;
}
/* .signin-page-wrapper::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;z-index:-1;background-color:rgba(15, 33, 51,0.9);} */
.signin-page-wrapper .inner-form {
    background-color: #0f2133;
    max-width: 500px;
    margin: auto;
    padding: 30px;
    box-shadow: 0px 0px 0px 7px rgba(33, 63, 75, 0.8);
    border-radius: 10px 10px 10px 10px;
}
.signin-page-wrapper .inner-form .head h1 {
    font-size: 26px;
    margin-bottom: 15px;
    color: #fff;
}
.signin-page-wrapper .inner-form .head p {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}
.signin-page-wrapper .inner-form .form-group input {
    border: 1px solid #ddd;
    box-sizing: border-box;
    outline: none;
    padding: 10px;
    width: 100%;
    border-radius: 3px;
    height: 50px;
}
.signin-page-wrapper .inner-form .float-left #btnLogin,
.signin-page-wrapper .inner-form .float-right a,
.forget-passwrd-warpopup .forget-pswd-form button,
.login-reset-pass-wrapper .inner-form .login-btn button {
    padding: 0 30px;
    height: 50px;
    background: #00842e;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    border-radius: 3px;
    transition: all 0.5s;
}
.signin-page-wrapper .inner-form .float-right a {
    background: #eaeff4;
    color: #000 !important;
    display: inline-block;
    line-height: 50px;
    margin-left: 15px;
}
.signin-page-wrapper .inner-form .float-left #btnLogin:hover {
    background: #09692a;
}
.signin-page-wrapper .inner-form .float-right a:hover {
    background: rgb(214 224 234);
}
/*.signin-page-wrapper .signin-wrapper-bottom-sec{border-top: 1px solid #152e48;
    margin-top: 25px;
    padding-top: 25px;} */
.signin-page-wrapper .signin-wrapper-bottom-sec p {
    text-align: center;
}
.signin-page-wrapper .social-login {
    display: flex;
    justify-content: center;
    gap: 0 15px;
}
.signin-page-wrapper .social-login a {
    flex: 0 0 100px;
    font-size: 0.75rem;
    opacity: 0.8;
    padding: 0.45rem 0.5rem 0.45rem 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 6px;
    border-radius: 35px;
    transition: all 0.5s;
}
.signin-page-wrapper .social-login a:first-child {
    background-color: #4267b2;
    border: 1px solid #4267b2;
}
.signin-page-wrapper .social-login a:nth-child(2) {
    background-color: #ffffff;
    border: 1px solid #ccc;
    color: #333;
}
.signin-page-wrapper .social-login a:last-child {
    background-color: #000;
    border: 1px solid #000000;
}
.signin-page-wrapper .social-login a img {
    width: 15px;
}
.signin-page-wrapper .social-login a:hover {
    opacity: 1;
    color: #ffffff;
}
.signin-page-wrapper .social-login a:nth-child(2):hover {
    color: #000000;
}
.signin-page-wrapper .signup-text {
    border-top: 1px solid #152e48;
    margin-top: 25px;
    padding-top: 25px;
}
.signin-page-wrapper .signup-text a {
    color: #fff;
    margin-top: 3px;
    font-weight: 600;
    display: inline-block;
}
.signin-page-wrapper .signup-text a:hover {
    text-decoration: underline !important;
}
.signin-page-wrapper .signup-text p {
    margin-bottom: 5px;
}
.signin-page-wrapper .inner-form .form-group {
    margin-bottom: 0;
    margin-top: 20px;
}
.signin-page-wrapper .form-group .toggle-password {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    opacity: 1;
    color: #333;
    cursor: pointer;
}

#main-wrapper.signup-login-main-hide {
    margin-bottom: 0;
}

/*========== forget password ==========*/
.forget-passwrd-warpopup,
.login-otp-warpopup,
.login-reset-pass-wrapper {
    align-items: center;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #0009;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2050;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s;
}

.forget-passwrd-warpopup.active,
.login-otp-warpopup.active,
.login-reset-pass-wrapper.active {
    opacity: 1;
    visibility: visible;
}

.forget-passwrd-warpopup .forget-pswd-form,
.login-otp-warpopup .login-otp-form,
.login-reset-pass-wrapper .inner-form {
    max-width: 480px;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    position: relative;
    width: 95%;
    margin: auto;
    background-color: #0f2133;
    box-shadow: 0px 0px 0px 7px rgba(33, 63, 75, 0.8);
}
.forget-passwrd-warpopup .forget-pswd-form h5,
.login-reset-pass-wrapper .inner-form .modal-title {
    font-size: 22px;
    margin-bottom: 25px;
    color: #8e95a5;
    font-weight: 500;
}
.forget-passwrd-warpopup .forget-pswd-form p {
    margin: 0;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 15px;
}
.forget-passwrd-warpopup .popup-close,
.login-otp-warpopup .login-otp-form .popup-close,
.login-reset-pass-wrapper .close-reset-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 18px;
    color: #8e95a5;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent;
}
.forget-passwrd-warpopup .forget-pswd-form input,
.login-reset-pass-wrapper .inner-form input {
    border: 1px solid #ddd;
    box-sizing: border-box;
    outline: none;
    padding: 10px;
    width: 100%;
    border-radius: 3px;
    height: 50px;
}
.forget-passwrd-warpopup .forget-pswd-form button {
    width: 200px;
    margin: auto;
}
.forget-passwrd-warpopup .forget-pswd-form button:disabled,
.login-reset-pass-wrapper #btnSavePassword:disabled {
    color: rgba(225, 225, 225, 0.26) !important;
    background-color: rgba(225, 225, 225, 0.12) !important;
    cursor: default;
}
.forget-passwrd-warpopup .forget-pswd-form button:hover {
    background: #09692a;
}

/*======== login-otp-warpopup ==========*/
.login-otp-warpopup .login-otp-form {
    max-width: 420px;
}
.login-otp-warpopup .login-otp-form .head h5 {
    font-size: 22px;
    color: #8e95a5;
    font-weight: 500;
}
.login-otp-warpopup .login-otp-form .head p {
    font-size: 15px;
    line-height: 21px;
    color: #8e95a5;
    font-weight: 400;
}

.login-otp-warpopup .login-otp-form .body .otp-input-fields,
.otp-input-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.otp-input-fields .otp__digit,
.otp-input-fields .footer-otp__digit,
.verify-forgot-otp .otp-input-fields .forgototp__digit {
    flex: 0 0 46px;
    max-width: 46px;
    height: 55px;
    -webkit-appearance: none;
    border: none;
    appearance: none;
    -moz-appearance: textfield;
    border: 1px solid #c4c4c4;
    text-align: center;
}
.login-otp-warpopup .login-otp-form .body .otp-input-fields .otp__digit:focus {
    border-color: #000;
}
.login-otp-warpopup .login-otp-form .body .otp-input-fields .otp__digit:hover,
.login-otp-warpopup .login-otp-form .body .otp-input-fields .otp__digit:focus {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}
.login-otp-warpopup .login-otp-form .body .box-login-top p {
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px;
    color: #8e95a5;
}
.login-otp-warpopup .login-otp-form .body ._notok {
    display: none;
}
.login-otp-warpopup .login-otp-form .login-otp-btn {
    padding: 0 30px;
    height: 45px;
    background: #00842e;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    border-radius: 3px;
    transition: all 0.5s;
    border: none;
}
.login-otp-warpopup .login-otp-form .login-otp-btn:disabled {
    color: rgba(225, 225, 225, 0.26) !important;
    background-color: rgba(225, 225, 225, 0.12) !important;
    cursor: default;
}

.login-otp-warpopup .login-otp-form .resend-otp-tag {
    background: transparent !important;
    border: none !important;
    color: #1d3641 !important;
    font-weight: 600;
    margin-top: 20px;
    font-size: 15px;
    padding: 0;
    display: inline-block;
}
.login-otp-warpopup .login-otp-form .resend-otp-tag:hover {
    text-decoration: underline !important;
    cursor: pointer;
    color: #fff !important;
}
.login-otp-warpopup .login-otp-form #_otp {
    visibility: hidden;
    height: 0;
}

/* login button */
.signin-page-wrapper #btnLogin {
    border: none;
}
.signin-page-wrapper #btnLogin:disabled {
    color: rgba(225, 225, 225, 0.26) !important;
    background-color: rgba(225, 225, 225, 0.12) !important;
    cursor: default;
    color: #fff !important;
}
.login-reset-pass-wrapper .inner-form .modal-header {
    display: flex;
    flex-direction: column;
}
.login-reset-pass-wrapper .inner-form .modal-title {
    margin-bottom: 0;
}
.login-reset-pass-wrapper .inner-form .modal-header p {
    margin-bottom: 25px;
}
#btnLoginOpt:focus {
    box-shadow: none;
}
.login-reset-pass-wrapper .form-group .form-control {
    border-radius: 3px;
}

#login_otp_message,
#forgot_password_alert_message,
#login_otp_mes {
    background-color: transparent !important;
    color: rgb(229, 9, 20);
    text-align: center;
    padding: 0 !important;
}

#forgot_password_alert_message.success {
    color: rgb(9 190 81);
}
#new_password.message_mail {
    text-align: center;
    padding: 0 !important;
}
#otp_alert_message1 {
    padding: 0 !important;
    text-align: center;
}
#modal-tab-register {
    background-color: #0b1a2a;
    max-width: 500px;
    margin: auto;
    padding: 30px;
    margin-top: 60px;
    margin-top: 120px !important;
}

/* .forget-passwrd-warpopup, .login-reset-pass-wrapper, .login-otp-warpopup{display:none;}
.forget-passwrd-warpopup.flex, .login-reset-pass-wrapper.flex, .login-otp-warpopup.flex{display: flex;} */

.forget-passwrd-warpopup .resend-otp-forgot #btnSendOpt {
    color: #1d3641 !important;
    font-weight: 600;
    margin-top: 10px;
    font-size: 15px;
    background: transparent;
    border: none;
    height: auto;
    padding: 0;
}
.forget-passwrd-warpopup .resend-otp-forgot #btnSendOpt:hover {
    text-decoration: underline !important;
    color: #fff !important;
}

/*======== signup ========*/
.signup-page-wrapper {
    padding: 75px 0;
}
.signup-page-wrapper .inner-form {
    background-color: #0f2133;
    max-width: 1200px;
    margin: auto;
    padding: 30px;
    box-shadow: 0px 0px 0px 7px rgba(33, 63, 75, 0.8);
    border-radius: 10px;
}

.signup-page-wrapper .signup-logo {
    margin-bottom: 1.5rem;
}
.signup-page-wrapper .head h1,
.signup-page-wrapper .head h4 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    color: #fff;
    margin-bottom: 1.5rem;
    font-weight: 600;
}
.signup-page-wrapper .head p,
.signup-page-wrapper .form p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    font-weight: 400;
}
.signup-page-wrapper .head p a {
    text-decoration: underline !important;
}
.signup-page-wrapper .form p {
    margin-bottom: 0;
}
.signup-page-wrapper fieldset {
    display: none;
}
.signup-page-wrapper fieldset.active {
    display: block;
}
.signup-page-wrapper fieldset .form .input-feild {
    margin-top: 25px;
}
.signup-page-wrapper fieldset .form .input-feild input,
.signup-page-wrapper fieldset .form .input-feild select {
    border: 1px solid #ddd;
    box-sizing: border-box;
    outline: none;
    padding: 10px;
    width: 100%;
    border-radius: 3px;
    height: 47px;
    background-color: #fff;
    font-size: 15px;
}
.signup-page-wrapper fieldset .form .input-feild label {
    font-size: 15px;
    font-weight: 600;
    color: #8e95a5;
    margin-bottom: 5px;
    opacity: 1;
    text-transform: capitalize;
}
.signup-page-wrapper fieldset .form .input-feild .birth-warp {
    display: flex;
    border: none;
}
.signup-page-wrapper fieldset .checkbox-feild .form-group label {
    position: relative;
    cursor: pointer;
}

.signup-page-wrapper fieldset .checkbox-feild .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    height: 23px;
}

.signup-page-wrapper
    fieldset
    .checkbox-feild
    .form-group
    input:checked
    + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 9px;
    width: 7px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.signup-page-wrapper fieldset .checkbox-feild .form-group label span {
    color: #fff;
    line-height: 1.4;
    font-size: 12px;
    padding-left: 10px;
}
.signup-page-wrapper fieldset .checkbox-feild .form-group label span a {
    color: #00acc1;
    text-decoration: underline !important;
}
.signup-page-wrapper fieldset .form .button-feild {
    display: flex;
    justify-content: flex-end;
    gap: 0 15px;
}
.signup-page-wrapper fieldset .form .button-feild button {
    padding: 0 30px;
    height: 45px;
    background: #00842e;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    border-radius: 3px;
    transition: all 0.5s;
    border: none;
    margin-top: 30px;
}
.signupotp-popup .button-feild button {
    width: 100%;
}
.signup-page-wrapper fieldset .form .button-feild button.back-step {
    background: #eaeff4;
    color: #0a0a0a;
}
.signup-page-wrapper fieldset .form .error-msg {
    font-size: 14px;
    color: red;
    font-weight: 400;
}
.signup-page-wrapper fieldset .password {
    position: relative;
    z-index: 1;
}
.signup-page-wrapper fieldset .password i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    cursor: pointer;
    font-size: 16px;
}

.signup-page-wrapper fieldset #btnSendOpt.text-danger {
    color: #1d3641 !important;
    font-weight: 500;
    margin-top: 20px;
    font-size: 15px;
    background: transparent;
    border: none;
    height: auto;
    padding: 0;
    transition: all 0.5s;
}
.signup-page-wrapper fieldset #btnSendOpt.text-danger:hover {
    text-decoration: underline !important;
    color: #fff !important;
}

/* .verify-forgot-otp */
.forget-passwrd-warpopup .forget-pswd-form {
    max-width: 420px;
}
#otp-container1 {
    flex-direction: column;
}
#otp-container1 #otp1 {
    height: 0;
    padding: 0;
    border: 0;
    opacity: 0;
    visibility: hidden;
}
#otp-container1 #verify-btn {
    margin-bottom: 20px;
}

/*========= signup right sidebar =========*/
.signup-right-sidebar .wrap {
    margin-top: 41px;
}
.signup-right-sidebar h4 {
    text-align: center;
    margin: 0;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    text-transform: capitalize;
    color: #3b9b90;
}
.signup-right-sidebar .single {
    background-color: rgb(255 255 255 / 0.12);
    border-radius: 0.375rem;
    padding: 4px 0.75rem;
    gap: 1rem;
    margin-bottom: 16px;
}
.signup-right-sidebar .single .icon {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.signup-right-sidebar .single .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.signup-right-sidebar .single p {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
}

.signup-page-wrapper .next-step:disabled {
    color: rgba(225, 225, 225, 0.26) !important;
    background-color: rgba(225, 225, 225, 0.12) !important;
    cursor: default;
}

.signin-page-wrapper .form-check {
    padding-top: 20px;
}
.signin-page-wrapper .remeber-div {
    position: absolute;
    top: -20px;
    left: 27px;
}

/*=========== footer login hide ==============*/
#footer-about.signup-login-hide {
    background: #0f2133 !important;
    padding-top: 0px;
}
#footer-about.signup-login-hide .backtotop {
    margin-top: 0;
}
#footer-about.signup-login-hide > .container {
    display: none;
}
#footer-about.signup-login-hide span {
    display: none;
}
.popup-blackwall {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 6666;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #0009;
    padding: 20px 0;
}
.popup-blackwall.active {
    opacity: 1;
    visibility: visible;
    overflow: auto;
}

.popup-blackwall .inner-popup {
    max-width: 800px;
    width: 95%;
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    background-color: #0f2133;
    box-shadow: 0px 0px 0px 7px rgba(33, 63, 75, 0.8);
    border-radius: 10px;
}
.popup-blackwall .inner-popup .content {
    height: 100%;
    overflow: auto;
}
.popup-blackwall .inner-popup h3 {
    font-size: 24px;
    color: #8e95a5;
    font-weight: 600;
}
.popup-blackwall .inner-popup h4 {
    font-size: 20px;
    color: #8e95a5;
    font-weight: 500;
}
.popup-blackwall .inner-popup p {
    font-size: 15px;
    line-height: 1.4;
    color: #8e95a5;
    font-weight: 400;
}
.popup-blackwall .close-policy-poup,
.popup-blackwall .close-trems-poup {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #8e95a5;
    cursor: pointer;
}
.signup-page-wrapper .complete-step:disabled {
    color: rgba(225, 225, 225, 0.26) !important;
    background-color: rgba(225, 225, 225, 0.12) !important;
}

.signup-page-wrapper #userotp {
    height: 0;
    padding: 0;
    opacity: 0;
}

.signup-page-wrapper .inner-form.change {
    padding: 0;
    background-color: transparent;
}
.signup-page-wrapper .inner-form.change fieldset:last-child .form {
    background-color: #0b1a2a;
    padding: 25px;
}
.signup-page-wrapper fieldset:last-child #btnSendOpt.text-danger {
    margin-right: 0;
}

#birthday-wrapper .month {
    flex: 1 0 36%;
    max-width: 36%;
    padding-right: 10px;
}
#birthday-wrapper .day {
    flex: 1 0 32%;
    max-width: 32%;
    padding-right: 10px;
}
#birthday-wrapper .year {
    flex: 1 0 32%;
    max-width: 32%;
}

.signup-page-wrapper fieldset:last-child {
    display: block;

    align-items: center;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #0009;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2050;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s;
}
.signup-page-wrapper fieldset.show {
    opacity: 1;
    visibility: visible;
}

.signup-page-wrapper .signupotp-popup {
    padding: 30px;
    border-radius: 10px;
    position: relative;
    max-width: 400px;
    width: 95%;
    background-color: #0f2133;
    box-shadow: 0px 0px 0px 7px rgba(33, 63, 75, 0.8);
}
.signup-page-wrapper .signupotp-popup .head h4 {
    font-size: 22px;
    margin-bottom: 25px;
    color: #8e95a5;
    font-weight: 500;
}
.signup-page-wrapper .signupotp-popup p {
    text-align: center;
    line-height: 1.4;
    color: #8e95a5;
    font-size: 14px;
    margin-bottom: 10px;
}
.signup-page-wrapper .signupotp-popup .form .input-feild {
    margin-top: 5px;
}
.signup-page-wrapper .signupotp-popup .complete-step:disabled {
    color: rgba(225, 225, 225, 0.26) !important;
    background-color: rgba(225, 225, 225, 0.12) !important;
    cursor: default;
}
.close-signupotp {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 18px;
    color: #8e95a5 !important;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent;
    z-index: 2222;
}
.close-signupotp:hover {
    color: #000;
}

.signup-page-wrapper .next2-step:disabled {
    color: rgba(225, 225, 225, 0.26) !important;
    background-color: rgba(225, 225, 225, 0.12) !important;
    cursor: default;
}

#otpModal {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
#otpModal #verifyOtp {
    padding: 0 30px;
    height: 50px;
    background: #00842e;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    border-radius: 3px;
    transition: all 0.5s;
    width: 100%;
}
#otpModal #verifyOtp:disabled {
    color: rgba(225, 225, 225, 0.26) !important;
    background-color: rgba(225, 225, 225, 0.12) !important;
    cursor: default;
}
#otpModal #otp {
    height: 0;
    padding: 0;
    opacity: 0;
}
#otpModal .modal-header h5 {
    font-size: 22px;
    margin-bottom: 25px;
    color: #8e95a5;
    font-weight: 500;
    text-align: left;
}
.modal.newsletter-popup .modal-dialog .modal-content {
    max-width: 400px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 0px 7px rgba(33, 63, 75, 0.8);
    background-color: #0f2133;
}
.modal.newsletter-popup .modal-dialog .modal-content .modal-header {
    padding: 30px;
}
.modal.newsletter-popup .modal-dialog .modal-body {
    padding: 0px 30px 30px;
}
.modal.newsletter-popup button.close {
    background-color: transparent !important;
}
.modal.newsletter-popup button.close span {
    font-size: 18px;
    color: #8e95a5;
}
.modal.newsletter-popup button.close:hover {
    color: #000 !important;
    background-color: transparent !important;
}

.modal.newsletter-popup .button-feild {
    text-align: center;
}
.modal.newsletter-popup .button-feild a {
    text-align: center;
    color: #fff !important;
    font-weight: 500;
    margin-top: 20px;
    font-size: 15px;
    background: transparent;
    border: none;
    height: auto;
    display: inline-block;
    padding: 0;
}

.modal.newsletter-popup .modal-header p {
    text-align: center;
    line-height: 1.4;
    color: #8e95a5;
    font-size: 14px;
}
.modal.newsletter-popup .button-feild a:hover {
    text-decoration: underline !important;
}

#main-wrapper.signup-login-main-hide {
    margin-bottom: 0;
}
body.active {
    overflow: hidden;
}

.signup-page-wrapper fieldset:nth-child(2) {
    align-items: center;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #0009;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2050;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s;
}
.signup-page-wrapper fieldset:nth-child(2).show {
    opacity: 1;
    visibility: visible;
}
.signup-page-wrapper fieldset:nth-child(2) .form {
    padding: 30px;
    border-radius: 10px;
    position: relative;
    width: 99%;
    margin: auto;
    background-color: #0f2133;
    box-shadow: 0px 0px 0px 7px rgba(33, 63, 75, 0.8);
    max-width: 420px;
}
.signup-page-wrapper fieldset:nth-child(2) .head h4 {
    font-size: 22px;
    color: #8e95a5;
    font-weight: 500;
}
.signup-page-wrapper fieldset:nth-child(2) p {
    font-size: 15px;
    line-height: 21px;
    color: #8e95a5;
    font-weight: 400;
}
.signup-page-wrapper fieldset:nth-child(2) .form .button-feild {
    justify-content: center;
}
.close-passwrod-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    color: #8e95a5;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent;
}

.poster-loader {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 47%;
    left: 40%;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.categroy-heading-ui h1.cat-heading{font-family: Dosis,sans-serif;
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;}
.categroy-heading-ui h1.cat-heading span{position: relative;}   
.categroy-heading-ui h1.cat-heading .info-icon{position: absolute;
    top: 4px;
    right: -24px;
    line-height: 0;
    cursor: pointer;}
.categroy-heading-ui h1.cat-heading .info-icon img{width: 20px;height: 20px;}    
.categroy-heading-ui h1.cat-heading .categroy-tooltip{background: #fff;
    border-radius: 5px;
    width: 500px;
    position: absolute;
    top: 36px;
    right: -55px;
    z-index: 222;
    padding: 12px;opacity:0;visibility:hidden;transition: all 0.5s;
    line-height: 18px;
    padding-bottom: 20px;
    padding-top: 5px;}
.categroy-heading-ui h1.cat-heading .categroy-tooltip p{font-size: 12px;
    color: #000;
    margin: 0;
    font-family: Montserrat, Arial;
    font-weight: 600;
    line-height: 0;
  display: inline;}
.categroy-tooltip::before{
    position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  background: white;
  top: -6px;
  right: 32px;
  transform: rotate(-45deg);
}
.categroy-heading-ui h1.cat-heading .info-icon:hover + .categroy-tooltip {
    opacity:1;visibility:visible;
}


/*========= search list bar ================*/
#liveSearchResults{width: 100%;
    background: rgb(35, 58, 80);
    border: 4px solid rgb(2, 13, 24);
    border-radius: 4px;
    top: 105%;}
#liveSearchResults .list-group{width: 100%;background-color:transparent!important;}
#liveSearchResults .list-group li{background-color:#233a50 !important;transition:all 0.5s;}
#liveSearchResults .list-group li:hover{background-color: rgba(255,255,255,.1)!important;}
#liveSearchResults .list-group li h6{font-weight: 500;
    font-size: 1.4em;
    text-transform: uppercase;
    margin: 0 !important;}
#liveSearchResults .list-group li a img{width: 40px!important;height:60px;object-fit:cover;}
#liveSearchResults .list-group li a div{font-size: 1.1em;}
#liveSearchResults .list-group li a small{margin-top: 12px;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    color: #fff !important;}
.categroy-heading-ui h1{font-family: Dosis,sans-serif;
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;}
.categroy-heading-ui h1 span{color:#fff;}    
#searchForm input{border: none;
    border-radius: 3px;
    padding: 10px 15px;
    background: #233a50;
    color: #abb7c4;
    font-weight: 500;
    min-height: 40px;
    width: 100%;}
#searchForm button{font-weight: 700;
    text-transform: uppercase;
    background: #dd003f;
    border: none;
    padding: 8px 18px;
    border-radius: 4px;
    min-width: 220px;
    margin-left: 15px;
    font-size: 14px;
    color: #fff;
    font-family: Dosis,sans-serif;}
.search-fund-count-ui{margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-family: Dosis,sans-serif;
    color: #fff;}
.search-fund-count-ui b{font-size: 3rem;
    font-weight: 700;}

#movieResults .film_list-wrap .text-white{padding: 8em 0 !important;
    display: inline-block;
    flex-basis: 100%;
    font-family: Dosis,sans-serif;}    
#movieResults .film_list-wrap .text-white h4{font-size:38px;}


.movie-filter-ui h4{font-family: Dosis,sans-serif;
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    position: relative;}
.movie-filter-ui .input{flex-basis:25%;padding:0 10px;margin-top:20px;}
.movie-filter-ui .input:nth-child(3){flex-basis:15%;}
.movie-filter-ui .input:nth-child(4){flex-basis:20%;}
.movie-filter-ui .input:nth-child(5){flex-basis:15%;}

.movie-filter-ui select{position: relative;
    background: #233a50;
    border-color: #233a50;
    border-radius: 4px;
    color: #abb7c4;}
.movie-filter-ui select:focus{background: #233a50;
    border-color: #233a50;color: #abb7c4;}

.movie-filter-ui .button-wrap button{background-color: #dd003f;
    font-size: 16px;
    font-weight: 500;}

#movieResults .film_list-wrap .text-white{padding: 8em 0 !important;
    display: inline-block;
    flex-basis: 100%;
    font-family: Dosis,sans-serif;}    
#movieResults .film_list-wrap .text-white h4{font-size:38px;}

/* new-landing-page-design */
.new-landing-page-design .banner-wrap{height: 100vh;
    width: 100%;
    position: relative;
    z-index: 1;display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;}
.new-landing-page-design .banner-wrap::before{position:absolute;content:'';
    background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.8500) 8.000%, rgba(0, 0, 0, 0.8465) 15.67%, rgba(0, 0, 0, 0.8361) 23.33%, rgba(0, 0, 0, 0.8187) 31.00%, rgba(0, 0, 0, 0.7944) 38.67%, rgba(0, 0, 0, 0.7632) 46.33%, rgba(0, 0, 0, 0.7250) 54.00%, rgba(0, 0, 0, 0.6868) 61.67%, rgba(0, 0, 0, 0.6556) 69.33%, rgba(0, 0, 0, 0.6312) 77.00%, rgba(0, 0, 0, 0.6139) 84.67%, rgba(0, 0, 0, 0.6035) 92.33%, rgba(0, 0, 0, 0.6000) 100.0%);
    width:100%;height:100%;top:0;left:0;z-index:-1;}
.new-landing-page-design .banner-wrap h1{font-size: 3.5rem;
    font-weight: 900;
    text-align: center;
    margin-bottom: 1rem;
    color: #fff;}
.new-landing-page-design .banner-wrap h2{margin-bottom: 2rem;
    font-size: 1.25rem;
    font-weight: 500;
    color: #fff;}
    
.new-landing-page-design .banner-wrap p{color: rgb(255, 255, 255);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;}
.get-strated-form{max-width: 650px;width:100%;}
.new-landing-page-design .get-strated-form form{display: flex;
    gap: 20px;}
.new-landing-page-design .get-strated-form form input{background: rgba(22, 22, 22, 0.7);
    border-radius: 0.25rem;
    border: 1px solid rgba(128, 128, 128, 0.7);
    width: 100%;
    height: 50px;color: #fff;padding:0 20px;font-weight:500;}
.new-landing-page-design .get-strated-form form button{border-radius: 0.25rem;
    background: rgb(229, 9, 20);
    color: rgb(255, 255, 255);
    width: 250px;
    font-size: 16px;
    font-weight: 600;}
/* curve */
.curve {
  position: relative;
  height: 6.25rem;
  z-index: 5;
  overflow-x: hidden;
  margin-top: -2rem;
  max-width: 120rem;
  margin-inline: auto;
}
 
.curve-container {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  border: solid 0.25rem transparent;
  border-top-left-radius: 50% 100%;
  border-top-right-radius: 50% 100%;
  border-bottom: none;
  background: radial-gradient(
      50% 500% at 50% -420%,php
      rgba(64, 97, 231, 0.4) 80%,
      rgba(0, 0, 0, 0.1) 100%
    ),
    black;
  background-clip: padding-box;
}
 
.curve-container:before {
  content: "";
  position: absolute;
  border-radius: inherit;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: -0.25rem;
  z-index: -1;
  background: linear-gradient(
    to right,
    rgba(33, 13, 22, 1) 16%,
    rgba(184, 40, 105, 1),
    rgba(229, 9, 20, 1),
    rgba(184, 40, 105, 1),
    rgba(33, 13, 22, 1) 84%
  );
}
  .curve-container {
    width: 150%;
    left: -25%;
  }
 
  .curve-container {
    width: 180%;
    left: -40%;
  }
.list-wrap_section h4,
.reasons-wrap h4,
.landing-page-accordion h4
{font-size: 1.5rem;
    font-weight: 600;
    color: #fff;padding: 0 20px;margin:0;}  
.list-wrap_section{background-color:#000;padding-bottom:80px;}
.list-slider{margin-top:30px;}
.list-slider .swiper-slide{
    padding: 0 20px;}
.list-slider .swiper-slide .single{position: relative;transition: all 0.5s;
    transform: scale(0.94);cursor:pointer;}
.list-slider .swiper-slide .single:hover{transform: scale(1.0);}   
.list-slider .swiper-slide .single img{width:100%;border-radius: 0.5rem;} 
.list-slider .swiper-slide .single span{font-family: "Open Sans", sans-serif;
    line-height: 1;
    display: inline-block;
    height: 1em;
    position: absolute;
    font-weight: 700;
    color: #000;
    -webkit-text-stroke: 0.25rem rgb(255, 255, 255);
    text-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.5);
    font-size: 6.25rem;
    bottom: 15px;
    left: -30px;}
.list-slider .swiper-button-next,
.list-slider .swiper-button-prev
{background-color: rgba(255, 255, 255, 0.1) !important;
    right: 0;
    border: none;
    height: 120px;
    top: 50%;
    transform: translateY(-50%);
  }
.list-slider .swiper-button-prev{left: 0;right:initial;}
.list-wrap_section .list-slider{padding:0 20px;}
.reasons-wrap,.landing-page-accordion{padding:0 20px;background-color:#000;padding-bottom:80px;}
.reasons-wrap h4{padding:0;}
.reasons-list-wrap .single{background: linear-gradient(149deg, #192247 0%, #210e17 96.86%);
    border-radius: 1rem;
    backdrop-filter: blur(30px);
    padding: 20px;height: 350px;position: relative;margin-top:30px;}
.reasons-list-wrap .single h4{font-size: 1.5rem;
    font-weight: 500;
    padding: 0;
    margin-bottom: 15px;}
.reasons-list-wrap .single p{margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
    font-weight: 400;line-height:1.4;}
.reasons-list-wrap .single .icon{position: absolute;
    bottom: 10px;
    right: 20px;}

    .landing-page-accordion h4{padding:0;margin-bottom:20px;}
.question-list .single{margin-top:10px;}
.question-list .head{padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #2d2d2d;cursor: pointer;}
.question-list .head h4{font-size: 20px;
    padding: 0;margin:0;}
.question-list .head .open-tag{font-size: 22px;
    color: #fff;transform: rotate(0);transition: all 0.5s;}
.question-list .content{padding: 1.5rem;
    background: #2d2d2d;
    margin-top: 1px;display:none;}
.question-list .content p{font-size: 20px;
    line-height: 1.3;
    font-weight: 400;
    color: #fff;margin-bottom:0;}
.question-list .head.active .open-tag{transform: rotate(45deg);}

.sortby p{font-size: 16px;
    margin-right: .75rem;
    color: rgb(255 255 255);
    font-weight: 500;
    margin-bottom: 0;}
.sortby select{max-width: 200px;
    background: #233a50;
    border: 0;
    margin: 0;
    height: 40px;
    width: 150px;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 500;
    color: #ddd;
    border-radius: 4px;}



.old-landing-page-ui .mwh-logo img{max-width: 400px;width:90%;}
.old-landing-page-ui .border{border-bottom: 10px solid #2F3441}
.ptb-100{padding:100px 0;}


#castView .modal-dialog{max-width: 50% !important;}
.ajax-loading{display: none;}

#liveSearchResults_mobile{background-color:#000;}
#block-rating .header-user a{cursor: pointer;}
#block-rating .nav-profile-menu{margin-top: 10px; transform: translate3d(0px, 30px, 0px)!important;}

#gift-bottom{text-align: center; margin-bottom: 20px; margin-top: 20px; display: none;}
.settings-img-preview{max-width: 50px; max-height: 30px;}
#otpSuccessAlert{display: none;}
#cookie-banner{display: none; position: fixed; bottom: 0; background: #333; color: #fff; width: 100%; padding: 15px; z-index: 999;}
#cookie-banner p{margin: 0;}
#accept-cookie{margin-left: 15px; padding: 6px 12px;}
#reject-cookie{margin-left: 10px; padding: 6px 12px; background-color: #555; color: #fff;}
.alert-danger{padding:0;}

#login_otp_message{background-color: rgb(70, 211, 105);display: none; margin-bottom: 15px; padding: 10px 5px 10px 5px;border-radius: 5px;}
#forgot_password_alert_message,
#otp_alert_message1
{display: none; margin-bottom: 15px; padding: 10px 5px 10px 5px;border-radius: 5px;}
#otp-container1{display: flex; gap: 10px; justify-content: center; margin-top: 15px;}
#inner-resend-OTP-loading{display: none;}
#new_password{display: none; margin-bottom: 15px; padding: 10px 5px 10px 5px;border-radius: 5px;}
#login_otp_mes{background-color: rgb(70, 211, 105);display: none; margin-bottom: 15px; padding: 10px 5px 10px 5px;border-radius: 5px;}

#email-error{display:none;}
.signup-right-sidebar img{width: 100%;}
#otp_alert_message1{color:red;}

.detail_page-watch .forth-section{border-bottom: 1px solid rgb(255, 255, 255,0.5);
    border-top: 1px solid rgb(255, 255, 255,0.5);}
.detail_page-watch .fifth-section,
.detail_page-watch .top-information
{border-bottom: 1px solid rgb(255, 255, 255,0.5)!important;}
#servers-list{display:none;}
.avatar_wrapper .avatar img{width:45px;}
.modal-content{background-color: #333;}

#login_message{background-color: rgb(70, 211, 105);display: none; margin-bottom: 15px; padding: 10px 5px 10px 5px;border-radius: 5px;}
#forgot_password_alert_message{display: none; margin-bottom: 15px; padding: 10px 5px 10px 5px;border-radius: 5px;}
#otp-container{display: flex; gap: 10px; justify-content: center; margin-top: 15px;}
#login_otp_message{background-color: rgb(70, 211, 105);display: none; margin-bottom: 15px; padding: 10px 5px 10px 5px;border-radius: 5px;}


.cursor{cursor: pointer;}
.f-left{float:left;}
.text-white{color:#fff;}
.dnone{display: none}
.clear-both{clear:both;}

.fa-star.one{color: orange; font-weight: 900;}
.fa-star.two{color: #dddddd; font-weight: 100;}



/*-- media css --*/
@media (min-width: 992px) {
    #footer-about .footer-main .newsletter {
        max-width: 300px;
        margin-left: auto;
    }
}
@media (max-width: 1300px) {
    #footer-about .popup {
        right: 20px;
    }
    .custom-header-wrapper {
        display: none;
    }
    .custom-mobile-header {
        display: block !important;
        background: #0f2133;
        padding: 15px 0px;
    }
    .custom-mobile-header #logo img {
        width: 160px;
    }
    .signin-page-wrapper {
        margin-top: -80px;
    }
    .top-header {
        padding: 0;
        padding-bottom: 5px;
    }
    #main-wrapper.signup-login-main-hide {
        padding-top: 0;
    }
    .pagination{flex-wrap:wrap;}
}
@media (max-width: 1300px) {
    #footer-about .popup {
        right: 20px;
    }
    .custom-header-wrapper {
        display: none;
    }
    .custom-mobile-header {
        display: block !important;
        background: #0f2133;
        padding: 10px 0px;
        padding-bottom: 0;
    }
    .custom-mobile-header #logo img {
        width: 160px;
    }
    .signin-page-wrapper {
        margin-top: -80px;
    }

    .custom-header-wrapper {
        display: none;
    }
    .custom-mobile-header .bottom-mobile-menu {
        border-top: 1px solid #8e95a5;
        padding: 5px 0;
    }
    .custom-mobile-header {
        display: block;
        background: #0f2133;
        position: relative;
        z-index: 222;
    }
    .mobile-top-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
    }
    .mobile-header-icon {
        display: flex;
        max-width: 150px;
        flex: 1 0 150px;
        justify-content: end;
        align-items: center;
    }
    #main-wrapper {
        padding-top: 0;
    }
    .mobile-header-icon .icon img {
        width: 20px;
    }
    .search-icon {
        left: 0 !important;
    }
    .mobile-header-icon .icon {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .custom-mobile-header .bottom-mobile-menu ul {
        display: flex;
        justify-content: center;
    }
    .custom-mobile-header .bottom-mobile-menu ul li {
        position: relative;
    }
    .custom-mobile-header .bottom-mobile-menu ul li.sub-menu-item::before {
        position: absolute;
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        top: 9px;
        right: -2px;
    }
    .custom-mobile-header .bottom-mobile-menu ul li:hover a,
    .custom-mobile-header
        .bottom-mobile-menu
        ul
        li:hover.sub-menu-item::before {
        color: #fff;
    }
    .custom-mobile-header .bottom-mobile-menu ul li a {
        padding: 8px 15px !important;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        color: #abb7c4;
        font-family: Dosis, sans-serif;
    }
    .custom-mobile-header .bottom-mobile-menu ul li .sub-menu {
        position: absolute;
        left: 0;
        background: #fff;
        top: 100%;
        justify-content: start;
        z-index: 22;
        display: none;
    }
    .custom-mobile-header .bottom-mobile-menu ul li .sub-menu li {
        display: block;
        width: 100%;
    }
    .custom-mobile-header .bottom-mobile-menu ul li .sub-menu li a {
        display: block;
        font-size: 15px;
        color: #000;
    }
    .search-icon {
        position: initial !important;
    }
    #search {
        background: #621a3a;
        background: #1e2129;
        border: 2px solid #000;
        top: 0;
        padding: 0;
        z-index: 22;
        border-radius: 35px;
        position: absolute;
    right: 0;
    margin: 0;
    width: 100%;display: none;
    }
    .search-content input.search-input:focus {
        background: #233a50!important;}
    .search-content .search-icon{display: flex;
        align-items: center;
        justify-content: center;}
    form.search-form {
        display: flex;
        padding: 10px 15px;
        align-items: center;
        background: #233a50;
        border-radius: 35px;
        margin-bottom:0;        
    }
    .search-content input.search-input {
        background: #233a50;
        padding: 0;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        padding: 0 12px;
    }
    .search-content input.search-input:focus {
        background: #1e2129;
        box-shadow: none;
    }
    .search-icon i {
        font-size: 19px;
        color: #fff;
    }
    #header_right{height:auto;}



}

@media (max-width: 1024px) {
    #footer-about .footer-main .footerlinks ul {
        gap: 10px;
    }
}

@media (max-width: 992px) {
    .movie-filter-ui .input{flex-basis:50%!important;}
    #footer-about .footer-main .footerlinks,
    #footer-about .footer-main .office-address,
    #footer-about .footer-main .social-icons {
        margin-bottom: 30px;
    }
    #footer-about .footer-main .footerlogo {
        margin-bottom: 15px;
    }
    #footer-about .footer-bottom {
        margin-top: 10px;
    }
    #footer-about .footer-main .footerlogo #logo {
        margin: 0 auto;
    }
    #footer-about .footer-main .social-icons ul {
        justify-content: center;
    }
    #footer-about .footer-main .social-icons {
        display: flex;
        justify-content: center;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    #footer-about .footer-main .footerlinks {
        margin-bottom: 15px;
        text-align: center;
    }
    #footer-about .footer-main .footerlinks ul {
        justify-content: center;
    }
    #footer-about .footer-main .newsletter {
        text-align: center;
    }
    #footer-about .footer-main .newsletter form .inputbox {
        width: 320px;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .detail_page .dp-i-c-right {
        min-height: 100%;
    }
    .detail_page-watch.tabs-info-wrapper .detail_page-infor {
        padding: 0px 15px;
    }
    .detail_page-watch.tabs-info-wrapper
        .detail_page-infor
        .seprate-section
        nav.movie-detail-tab {
        padding: 0px;
    }
    .detail_page-watch.tabs-info-wrapper
        .detail_page-infor
        .seprate-section
        .tab-content {
        padding: 30px 0px;
    }
    #footer-about .footer-main .footerlinks .centerrights {
        display: none;
    }
    #footer-about .footer-bottom {
        display: block;
    }
    
    .account-popup {
        position: absolute;
        right: 0;
        background: #fff;
        width: 110px;
        border-radius: 2px;
        display: none;
        z-index: 222;
    }
    .account-popup ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .account-popup ul li {
        padding: 10px;
    }
    .account-popup ul li:last-child {
        padding-top: 0;
    }
    .account-popup ul li a {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        color: #000;
    }
    .account-popup ul li a:hover {
        color: #f20102;
    }
    .mobile-menu-tab li {
        margin-bottom: 0;
    }

    #custom-mobile-header.signup-login-header-hide .header-logo img {
        width: 160px !important;
    }
    .mobile-menu-tab li {
        margin-bottom: 0;
    }
    .signup-right-sidebar {
        margin-top: 30px;
    }
    .signin-page-wrapper {
        margin-top: -20px;
    }
    .movie-filter-ui .input{flex-basis:50%!important;}
    .detail_page .dp-i-c-right {
        min-height:auto;
    }
    
}

@media (max-width: 767px) {
    .mobile-header-men8 {
        position: absolute;
        top: 55px;
        width: 100%;
        left: 0;
      }
    .top-header {
        padding-bottom: 40px;
      }
      .mobile-menu-tab {
        display: flex;
        justify-content: center;
      }  
    #footer-about .footer-main .footerlinks,
    #footer-about .footer-main .office-address,
    #footer-about .footer-main .social-icons {
        margin-bottom: 20px;
        text-align: center;
    }
    #footer-about .footer-main .footerlogo {
        margin-bottom: 20px;
        text-align: center;
    }
    #footer-about .footer-main .footerlogo #logo {
        margin: 0 auto;
    }
    #footer-about .footer-main .social-icons ul {
        justify-content: center;
    }
    .detail_page .dp-i-c-poster {
        margin: 0 auto;
    }
    .detail_page-watch.tabs-info-wrapper
        .detail_page-infor
        .seprate-section
        nav.movie-detail-tab {
        padding-left: 0px;
        padding-right: 0px;
    }
    .detail_page-watch.tabs-info-wrapper
        .detail_page-infor
        .seprate-section
        nav.movie-detail-tab
        .nav-tabs
        a {
        flex-direction: column;
        min-width: 140px;
    }
    #footer-about .backtotop .copyright {
        margin-bottom: 10px !important;
    }
    #footer-about .backtotop .copyright,
    .backtotop {
        text-align: center;
    }
    .backtotop {
        padding-top: 15px;
    }
    #birthday-wrapper .day {
        flex: 1 0 29%;
        max-width: 29%;
    }
    #birthday-wrapper .year {
        flex: 1 0 35%;
        max-width: 35%;
    }
    .signup-login-header-hide .top-header{padding-bottom:0!important;}
    .signup-login-header-hide{padding-bottom:10px!important;}
}

@media (max-width: 640px) {
    .detail-container.seprate-block {
        padding-top: 40px;
        padding-bottom: 20px !important;
    }
    .detail_page-watch .detail_page-infor {
        border: none;
    }
    .detail_page .dp-i-c-poster {
        width: 100%;
    }
    .detail_page-infor .heading-name {
        font-size: 20px;
        text-align: left;
        margin-top: 10px;
    }
    .dp-i-c-right .film-stats {
        text-align: left;
        height: auto;
        display: flex;
        gap: 10px;
    }
    .dp-i-c-right .film-stats .fs-item {
        margin: 0px;
        display: block;
    }
    .dp-i-c-right .film-stats .fs-item span.quality {
        padding: 5px 15px;
        display: block;
    }
    .dp-i-c-right .film-stats .fs-item span.age-btn {
        display: inline-block;
    }
    .detail_page-watch .detail_page-infor {
        padding: 10px 0px;
    }
    .detail_page-watch.tabs-info-wrapper
        .detail_page-infor
        .seprate-section
        nav.movie-detail-tab
        .nav-tabs
        a {
        font-size: 0px;
        gap: 0px;
        padding: 10px 20px;
        flex-direction: row;
        min-width: auto;
    }
    .detail_page-watch.tabs-info-wrapper
        .detail_page-infor
        .seprate-section
        nav.movie-detail-tab
        .nav-tabs
        a
        i {
        font-size: 24px;
    }
}

@media (max-width: 576px) {
    #footer-about .footer-main .footerlinks ul {
        margin-top: 10px;
    }
    #footer-about .footer-main .newsletter form .inputbox {
        width: 100%;
    }
    .movie-detail-tab .nav a {
        font-size: 0px;
        gap: 0px;
        padding: 10px 20px;
    }
    .movie-detail-tab .nav a i {
        font-size: 24px;
    }
    .backtotop .row {
        flex-direction: row-reverse;
    }
    .backtotop {
        text-align: center;
    }
    .mobile-header-icon {
        max-width: auto;
        flex: 0;
    }
    .menu-tab li {
        margin-bottom: 0;
    }
    .account .icon i {
        font-size: 19px;
        color: #fff;
    }
    .signup-page-wrapper .button-feild {
        flex-direction: column-reverse;
        align-items: flex-start !important;
    }
    .signup-page-wrapper .button-feild p {
        margin-top: 20px;
    }
    .signup-right-sidebar h4 {
        font-size: 22px;
    }
    .signup-page-wrapper .head h4 {
        font-size: 22px;
    }
    #birthday-wrapper #birth-day {
        width: 100%;
    }
    .birth-warp #birth-month {
        width: 100%;
    }
    .signup-page-wrapper .inner-form {
        padding: 20px;
    }
    .signup-page-wrapper fieldset:last-child .form .button-feild {
        justify-content: center !important;
        align-items: center !important;
    }
    .signup-page-wrapper fieldset:nth-child(2) .form .button-feild {
        flex-direction: row;
        justify-content: center;
    }
    .signup-page-wrapper .head h1,
    .signup-page-wrapper .head h4 {
        font-size: 26px;
        line-height: 1.2;
    }
    .top-header {
        padding-bottom: 40px;
    }
    #custom-mobile-header.signup-login-header-hide .top-header {
        padding-bottom: 0;
    }
    #header_login .btn-login{margin-right:0;margin-left: 5px;}
    .categroy-heading-ui h1.cat-heading .categroy-tooltip{right: initial;right:-53px;width:100%;}
    
    .detail_page-watch .fifth-section{flex-wrap: wrap;}
    .detail_page-watch .forth-section,
    .detail_page-watch .forth-section .average-rating
    {height: auto;}
    .dp-i-c-right .fifth-section .add-to-watchlist-btn{flex-wrap: wrap;gap: 10px;}
    .fifth-section .add-to-watchlist-btn a{margin: 0 !important;}
    .categroy-heading-ui h1.cat-heading{font-size: 26px;}
}

@media (max-width: 485px) {
    .movie-detail-tab .nav {
        flex-wrap: wrap;
    }
    .forth-section {
        flex-wrap: wrap;
        height: 100%;
        gap: 0px;
        padding: 15px 0px;
    }
    .forth-section .average-rating {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
        background-color: transparent;
        border-radius: 0px;
        justify-content: flex-start;
        padding: 0px;
    }
    .forth-section .average-rating span {
        background-color: rgb(66 66 66 / 55%);
        display: inline-block;
        padding: 15px 20px;
        border-radius: 4px;
    }
    .forth-section .rating-stars {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px;
    }
    .fifth-section {
        flex-wrap: wrap;
        padding: 15px 0px;
    }

    .dp-i-c-right .fifth-section .film-stats,
    .dp-i-c-right .fifth-section .add-to-watchlist-btn {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
    }
    .detail_page-watch.tabs-info-wrapper
        .detail_page-infor
        .seprate-section
        nav.movie-detail-tab
        .nav-tabs
        a
        i {
        font-size: 16px;
    }
    .flw-item .film-detail .fd-infor span.fdi-item:nth-of-type(2) {
        bottom: 41px;
    }

    .flw-item .film-detail .fd-infor span.fdi-item:nth-of-type(1) {
        left: 10px;
    }

    .flw-item .film-detail .fd-infor span.fdi-item:nth-of-type(3) {
        left: 10px;
        bottom: 75px;
    }
    /* .top-header{padding:8px 0;} */
    .custom-mobile-header .header-logo img {
        width: 100px;
    }
    .mobile-menu-tab li {
        font-size: 13px;
    }
    .mobile-header-icon .icon {
        width: 30px;
        height: 30px;
    }
    .mobile-header-icon .icon img {
        width: 15px;
    }
    .custom-mobile-header .bottom-mobile-menu ul li a {
        font-size: 14px;
    }
    .custom-mobile-header .bottom-mobile-menu {
        padding: 3px 0;
    }

    .film_list .film_list-wrap {
        justify-content: space-between;
    }
    .film_list .film_list-wrap .flw-item {
        width: calc(50% - 12px);
        margin-bottom: 20px;
    }
    .flw-item .film-detail .fd-infor span.fdi-item:nth-of-type(3) {
        left: 0;
        bottom: 41px;
    }
    .flw-item .film-detail .fd-infor span.fdi-item:nth-of-type(1) {
        left: 0;
    }

    .signup-page-wrapper .signupotp-popup .head h4 {
        font-size: 19px;
    }
}

@media (max-width: 430px) {
    .custom-mobile-header #logo img {
        width: 130px;
      }
      .mobile-header-men8{top:55px;}  
      .top-header {
        padding-bottom: 50px;
      }
    .custom-mobile-header .header-logo img {
        width: 130px;
    }
    /* .top-header{padding-bottom: 40px;} */
    /* .mobile-header-men8{position: absolute;top: 44px;width: 100%;left: 0;} */
    .menu-tab,
    .mobile-menu-tab {
        justify-content: center;
    }
    .mobile-menu-tab li {
        font-size: 15px;
    }
}
@media (max-width: 400px) {
    .signin-page-wrapper .form-check {
        flex-direction: column;
    }
    .signin-page-wrapper .inner-form .float-left {
        width: 100%;
        margin-bottom: 15px;
    }
    .signin-page-wrapper .inner-form .float-left #btnLogin {
        width: 100%;
    }
    .signin-page-wrapper .inner-form .float-right {
        width: 100%;
        text-align: center;
    }
    .signin-page-wrapper .inner-form .float-right a {
        width: 100%;
        margin: 0;
    }
    .signup-page-wrapper .signupotp-popup {
        padding: 20px;
    }
}