/* common.css */
* :focus {outline: none; border: none;}
body {position:initial;}
label {display: flex; gap: 7px;}
.mobile-nav a.active {color:#fff;background:#fec50d}
.footer-content {padding:40px 15px 245px}
#upToTopBtn, #upToTopBtn:hover {background-color: #fec50d;}
.search form {height: 30px;}
.search button {background:transparent;width:42px;height:30px;display:inline-flex;justify-content:center;align-items:center;border:none}
.search button .fa {color: #fff;transition: .2s;}
.search button:hover .fa {color: #fec50d;}
.header-secondary .filters ul li form {padding:0 0 0 15px;display:flex;align-items:center;flex-wrap:nowrap}
.heading-section h4 {padding-left: 15px;}
.main-banner h6, #Coming-Out .Coming-Out-info p {font-size:16px;line-height:1.75; color: #d7d7d7;}
.trending-left-text .details li h5, .trending-left-text .details li h5 strong, #Coming-Out .Coming-Out-info ul li h5 strong, #Coming-Out .Coming-Out-info ul li h5 {font-size:14px;line-height:1.2; color: #d7d7d7;}
.flipper {font-size: 73.2422px !important;}
#download-movies h2 {text-transform: none;}
#content {padding: 200px 0 100px;}
#content.inner-container {padding: 100px 0 100px;}
.movie-details a.watch-now .button-text {color: #fff;}
.movie-details h1 {font-size:16px}
.unit-rating li a {transition: none;}
.movie-details .rating span {display:inline-flex;justify-content:center;align-items:center;gap:3px;margin-left:0;margin-top:1px}
.movie-details_content {position:absolute;left:0;right:0;width:100%;padding:15px;bottom:0}
#content .item .item-inner img {max-height:345px;object-fit:cover}
.pagination a, .pagination span {font-size: 14px;color: #ccc;}
.pagination a:hover {color: #fff;}
.rating {width:auto!important}
.quality {display:flex;gap:15px;align-items:center;justify-content: space-between;}
.quality h4 {text-transform: uppercase;font-weight:700;font-size:15px;background:#ff0000;display:inline-flex;padding:5px 12px;align-items:center}
.quality svg {width: 21px; height: 21px;fill: #fec50d;}
.edit_btn {position: relative; float: right;}
.edit_btn svg {fill: #bfc0c4;}
#dropmenudiv {background-color: #2f3444;}
#dropmenudiv a {padding: 7px 20px;}
#dropmenudiv a:hover {background-color:#282c39}
.ui-dialog-titlebar-close {margin-top:-8px!important;height:12px!important;width:12px;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fec50d'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")}
.ui-dialog-titlebar {padding:14px 18px;background-color:#282c39!important;color:#fec50d}
.ui-dialog-title {float:left;font-weight:600;font-size:1rem;text-shadow:none}
.ui-dialog-buttonset {display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;}
.bbcodes, .ui-dialog-buttonset button, .btn {padding: 7px 12px;background: #fec50d;font-size: var(--bs-btn-font-size);font-weight: var(--bs-btn-font-weight);color: var(--bs-btn-color);border-radius: 0.375rem; border: none;transition: 0.3s ease;}
.bbcodes:hover, .ui-dialog-buttonset button:hover, .btn:hover {color:var(--bs-btn-hover-color);background-color:#495264;border-color:var(--bs-btn-hover-border-color);transition: 0.3s ease;}
.quick-edit-text {background:#282c39;color:#fff;border:none;padding:10px 15px;}
.ui-dialog {background-color: #2f3444;}
.ui-dialog-content {border: none;}
.single_movie_data .table {font-size: 14px;}
.descr, .descr p {font-size: 16px;}
.single_movie_data .rating {display:flex;align-items:center;gap:10px;font-size:14px}
.left_col {display:flex;gap:15px;align-items:center;justify-content:space-between}
.modal-body .model-share li a {background:transparent!important}
.complaint {color: rgba(255, 255, 255, 0.5);}
.owl-carousel .owl-item img {height: 590px;object-fit: cover;}
.item-container #recommendation {padding-bottom: 50px;}
.recommendation-movie .owl-nav .owl-prev {margin-right: 0;}
.recommendation-movie .owl-nav .owl-next {margin-left: 30px;}
.item-container #recommendation .recommendation-movie .item {padding: 0;width: 100%;}
.poster {cursor: pointer;}
.screens {margin-top: 15px;display: grid;position: relative;z-index: 1;}
.screens .screen_item {overflow: hidden; flex: 0 0 250px; position: relative;}
.screens .screen_item a {width: 100%; display: block !important; height: 100%; position: relative;}
.screens .contenedor {height: 200px; display: flex !important; white-space: nowrap; gap: 20px;padding: 25px 0px;}
.screens img.img_presentacion_mini {width: 250px; min-height: 100%; object-fit: cover; display: block; cursor: pointer; position: relative;}
.screens .contenedor_scroll {top: 0px;max-width: 100%;height: 210px;position: relative;margin: 0 auto;padding: 0px;overflow-x: auto;-webkit-overflow-scrolling: touch;z-index: 0;}
.contenedor_scroll {scrollbar-width:thin;}
.screens ::-webkit-scrollbar {height:7px;width:7px;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {border-color:#f00}
.wseditor {border-top: 5px solid #fec50d;}
textarea, .bb-editor textarea {background:#282c39;color:#ffffff;border:none;border-top:5px solid #fec50d}
.commentbox-top {border: none;}
.commentbox-button button {width: auto;padding: 8px 20px;}
.btn {border: none;}
.field_row {display: flex; gap: 20px; flex-wrap: wrap;}
.combo_field {flex: 1;border-top: 5px solid #fec50d;}
.combo_field input, .c-captcha input, .field_row input, #searchinput {background: #282c39;color: #ffffff;padding: 0.8rem 0.75rem;border-radius: 3px; border: none;}
.searchtable {display: flex;gap: 20px;}
#searchinput {border-top:5px solid #fec50d;margin-bottom: 0px;}
.search_item {position:relative;font-size:15px;display:inline-block;width: calc(98.9% / 5);padding:10px;text-align:left}
.search_item .item {width:100%!important;padding:0!important}
.search_result_num {text-align: center;}
.form_submit {margin-bottom: 0;}
.c-captcha > input {width:auto}
.comment-meta h5 a {color:#fec50d;font-weight:bold}
.comment_area {border: none !important; padding: 0;}
[id*="comments-tree-item"] ol {padding-left:50px}
[id*="comm-id"] {color:#ffffff;font-size:16px;font-weight:500;margin-bottom:5px;line-height:1.5em}
.comment-meta {width: 100%;}
.comment-meta .text-end {display: flex; justify-content: end; gap: 5px;flex-wrap: wrap;}
.comment-meta .rating {float:right;display:flex;align-items:center;gap:10px}
.comment-meta .rate_like, .comment-meta .rate_like a, .comment-meta .rating span {font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; gap: 7px;}
.comment-meta .rate_like a {color: #fec50d;}
.comment-meta .rate_like a:hover {color: #ffffff;}
.comment-meta .text-end .reply {color: #fec50d;border: 1px solid #fec50d;display: inline-block; padding: 5px 10px;font-size: 10px; font-weight: 600;text-transform: uppercase;transition: 0.3s ease;}
.comment-meta .text-end a:hover .reply {background-color: #fec50d; color: #ffffff;transition: 0.3s ease;}
.mass_comments_action {display: none;}
.user .dropdown a.dropdown-toggle {display: flex;padding: 5px 10px 5px 6px;gap: 5px;align-items: center;}
.user a img {margin: 0;width: 25px;height: 25px;}
.classy-nav-container .classy-navbar .classynav ul li a {text-transform: none;}
.breakpoint-off .classynav ul li .dropdown {padding: 0;}
#nav {display:flex;align-items:center;flex-wrap:wrap}
.form-control {border: none;}
.form-control:focus {outline: none; box-shadow: none;}
.c-captcha {display:flex;align-items:center;flex-wrap:wrap}
.c-captcha .form-floating {flex: 1;}
.contact-form .contact-get-more h4 i {margin-right:10px}
.w100 {width:100%}
.contact-form .form-floating > label {color: #fff;}
.dropdown-menu.contact-form input {width: 200px;}
.top_movies_section {padding: 0 10px;}
span.top-number {z-index: 3;}
span.top-number {min-width:39px;font-weight:800;text-align:center;height:39px;display:flex;justify-content:center;align-items:center}
span.top-number::after, span.top-number::before {border-bottom-color:#ff000d}
span.top-number::after {border-bottom-color:rgba(0,0,0,.2)}
span.top-number i::after, span.top-number i::before {border-top-color:#ff000d}
.channels_block {gap:25px;display:flex;flex-wrap:wrap}
.channels-item {background:#fff;width: calc(20.355% - 25px);padding:2px;display:inline-block; border-radius: 5px; overflow: hidden;}
td.xfields {background:#282c39;color:#ffffff;padding:.5rem .75rem;min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25;border:none;display:block;width:100%;font-size:1rem;font-weight:400;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
[id*=xfield] {vertical-align: middle;}
.xfields input[type="text"] {background:#282c39;color:#ffffff;border:none;padding:.5rem 0;font-size:1rem;font-weight:400;}
[id*=xfield] td {margin-bottom:1rem;vertical-align: middle;}
.user-details .admin_checkboxs {display: flex; gap: 7px;}
.admin_checkboxs .checkbox {margin-bottom: 1rem;}
#searchsuggestions {display: none !important;}
.coming_soon_details {min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
.coming_soon_details h3 {font-weight:900}
.coming_soon_details p {font-size:16px;line-height:1rem}
.pm_progress_bar {margin-bottom:1rem;background:#1d1b24;border-radius:10px}
.pm_progress_bar span {background:#fec50d;color:#212529;padding:5px 5px;border-radius:10px;font-size:12px;font-weight:700;display:inline-block;text-align:center}
.checkbox.pm {display:flex;gap:7px}
.userinfo {display: flex;gap: 20px; flex-wrap: wrap;}
.userinfo .avatar {width:100px;height:100px;border-radius:10px;overflow:hidden;}
.page_form__inner {font-size: 16px;}
.contact-form .login_check {display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.login_check .flex {flex: 1;}
#error-page h1 {font-size:140px;color:#fec50d}
.statistic li {font-size: 16px;}
.num_count {color:#fec50d;font-size:21px;font-weight:800;display:inline-block;margin-left:5px;position:relative;bottom:-2px}
.user-details {box-shadow: none;}
.tab-content .user-details {display: none;}
.tab-content .user-details.active {display: block;}
.user-card .card-body h3 small span, .user-card .card-body h3 span {color:#e60023;margin-right:0;font-size:14px}
.personal-details-more {margin-top: 22px;display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.personal-details span {margin-bottom:0; flex:0 0 150px}
select, input[type="file"] {background:#282c39;color:#ffffff;padding:1.2rem .75rem;border:none;border-radius:5px}
input[type="file"] {padding-left: 25px;}
.ttu {text-transform: capitalize;}


@media (min-width: 1200px) and (max-width: 1399.98px) {
    #content {padding-top: 155px;}
    #content .item .item-inner img{max-height: 310px;}
    .owl-carousel .owl-item img {height: 490px;}
    /* #nav {display: block;} */
    .user .dropdown a.dropdown-toggle {font-size: 0 !important; padding: 5px;gap: 0px;margin-left: 26px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #content {padding-top: 150px;}
    #content .item .item-inner img{max-height: 310px;}
    .owl-carousel .owl-item img {height: 390px;}
    .user .dropdown a.dropdown-toggle {font-size: 0 !important; gap: 0px;padding: 5px !important;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #content {padding-top: 90px;}
    #content .item .item-inner img{max-height: 310px;}
    .owl-carousel .owl-item .trending-movies img {height: auto;}
    #content.inner-container {padding:50px 0 50px}
    #nav {display: block;}
    .breakpoint-on .classynav ul li a {text-align: left;padding: 0 25px;}
    .classynav .user {margin-top: 20px;}
    .channels-item {width: calc(25.855% - 25px);}
}
@media (max-width: 575.98px) {
    #content {padding-top: 145px;}
    #content .item .item-inner img {max-height: 390px;}
    .owl-carousel .owl-item .trending-movies img {height: auto;}
    #content.inner-container {padding:0 0 50px}
    .flipper {font-size:50px!important}
    #Coming-Out {margin-bottom: 50px;}
    .footer-content {padding:40px 15px 710px !important}
    input, p, textarea, ul li {font-size: 14px;}
    .footer-logo {text-align: center;}
    #nav {display: block;}
    .breakpoint-on .classynav ul li a {text-align: left;padding: 0 25px;}
    .classynav .user {margin-top: 20px;}
    #main .header-secondary .filters ul li.search {top:-45px}
    .channels-item {width: calc(34.755% - 25px);}
}
@media (min-width: 341px) and (max-width: 399.98px) {
    #content .item{width:calc(100% / 2)}
    #content .item .item-inner img{max-height:225px}
    .trending-movie {display: none;}
    .flipper {font-size:32px!important}
    .channels-item {width: calc(53.355% - 25px);}
}
@media (min-width: 320px) and (max-width: 340.98px) {
    #content .item{width:calc(100% / 2)}
    #content .item .item-inner img{max-height: 195px;}
    .channels-item {width: calc(53.355% - 25px);}
}